@charset "UTF-8";
@import url(cookie.css?v=v180419);
@import url(bootstrap-multiselect.css);
@import url(../js/jquery-ui-1.12.1/jquery-ui.min.css);
@import url(../tp/DataTables/css/settings.css);
@import url(revoulation.css);
@import url(../tp/bootstrap-3.3.7/css/bootstrap.min.css);
@import url(../tp/revolution/datatables.min.css);
@import url(../tp/font-awesome-4.3.0/css/font-awesome.min.css);
@import url(../tp/owl-carousel-2/assets/owl.carousel.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,600,600i,700,700i,900,900i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext);
@import url(fonts.css);
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #666
}
strong {
  font-weight: 500;
}

.module-title {
    line-height: 29px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    border-bottom: 1px solid #e1e1e1
}

.module-title:after {
    background: #666;
    width: 11px;
    content: "";
    right: 15px;
    margin-top: 24px;
    height: 11px;
    position: absolute;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px
}

.module-title2 {
    line-height: 29px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    border-bottom: 1px dotted #69767f
}

.module-title2:after {
    background: #666;
    width: 11px;
    content: "";
    right: 15px;
    margin-top: 24px;
    height: 11px;
    position: absolute;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px
}

.module-title3 {
    line-height: 30px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    border-bottom: 1px dotted #69767f
}

.module-title3:after {
    background: #007ee1;
    width: 30px;
    content: "";
    right: 15px;
    margin-top: 27px;
    height: 4px;
    position: absolute
}

.flash-wrap {
    background: #666
}

.inner-bottom {
    background: #666;
    border-bottom: 1px solid #999
}

.btn-primary {
    background: #666;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-primary:hover {
    background: #222
}

.panel-default>.panel-heading {
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #fff
}

.panel-title>a {
    color: #555
}

.panel-default>.panel-heading a:hover,
a:focus {
    color: #777 !important;
    text-decoration: none
}

li.sb-light-skin {
    border-bottom: 3px solid #666
}

.style-title {
    color: #666 !important
}

.sb-navigation-left i,
.sb-navigation-play i,
.sb-navigation-right i {
    color: #666 !important
}

#parallax3 .sb-navigation-left i,
#parallax3 .sb-navigation-play i,
#parallax3 .sb-navigation-right i {
    color: #fff !important
}

.navbar-default .navbar-nav>li>a {
    color: #444
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-bottom-color: #666;
    border-top-color: #666
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    border-bottom: 0;
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    border-bottom: 0;
    color: #666
}

.dropdown-menu {
    background-color: #666;
    font-size: 12px;
    border: 0
}

.dropdown-menu>li>a {
    color: #fff;
    border-bottom: 1px solid #747d88;
    padding: 10px;
    margin: 0 10px
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #747d88;
    color: #fff
}

.dropdown-header {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #747d88
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: #bf0203;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.nav-sidebar .active a:hover,
.nav-sidebar a {
    color: #666
}

.nav-sidebar a:hover {
    color: #333
}

.headerbar .navbar-default .navbar-nav>.active>a,
.headerbar .navbar-default .navbar-nav>.active>a:focus,
.headerbar .navbar-default .navbar-nav>.active>a:hover {
    border-bottom: 1px solid #666;
    color: #666
}

.headerbar .navbar-default .navbar-nav>li>a:focus,
.headerbar .navbar-default .navbar-nav>li>a:hover {
    border-bottom: 1px solid #666;
    color: #666
}

a {
    color: #666;
    text-decoration: none
}

a:focus,
a:hover {
    color: #333;
    text-decoration: none
}

.blog-item img {
    border-top: 5px solid #666
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #666;
    border-color: #666
}

p.drop-caps:first-child:first-letter {
    color: #666
}

p.drop-caps.secundary:first-child:first-letter {
    background-color: #666
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-top: 2px solid #666
}

.megamenu .megamenu-content .thumbnail {
    background-color: #7c848f;
    border: 1px solid #a1a6ac;
    border-radius: 0;
    margin-bottom: 0;
    padding: 4px
}

.megamenu .megamenu-content h3 {
    color: #fff;
    margin-top: 10px !important
}

.megamenu .megamenu-content p {
    color: #fff
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover {
    border-bottom: 0
}

.navbar-default .navbar-nav>.open>a:focus {
    border-bottom: 0
}

.megamenu .megamenu-content .list-unstyled>li {
    border-bottom: 1px solid #747d88
}

.megamenu .megamenu-content .list-unstyled>li:focus,
.megamenu .megamenu-content .list-unstyled>li:hover {
    background-color: #747d88
}

.megamenu .megamenu-content .list-unstyled ul>li {
    border-bottom: 1px solid #747d88
}

.megamenu .megamenu-content .list-unstyled ul>li>a:focus,
.megamenu .megamenu-content .list-unstyled ul>li>a:hover {
    background-color: #747d88
}

.bs-glyphicons li:hover {
    background-color: #666
}

.box1>.icon>.image {
    background: #666
}

.box1>.icon>.info>.more>a {
    background-color: #666
}

.box1>.icon:hover>.info>.more>a {
    background-color: #fff
}

.product-select-options p.small a,
.product-select-options p.small a:hover,
.product-select-options p.small a:visited {
    color: #666
}

.shop-tracking-status .order-status-timeline .order-status-timeline-completion {
    background: #666
}

.shop-tracking-status .image-order-status.active .status {
    color: #666
}

.panel-dark>.panel-heading {
    background-color: #666;
    color: #fff
}

.panel-light>.panel-heading {
    background-color: #666;
    color: #fff
}

#myTab .nav-tabs>li.active>a,
#myTab .nav-tabs>li.active>a:focus,
#myTab .nav-tabs>li.active>a:hover {
    background-color: #666
}

.breadcrumb {
    background: 0;
    margin: 0
}

.bg-ef {
    background: #efefef
}
.bg-eb {
    background: #ebebeb
}

.container-bradcrumbs {
    border-bottom: 1px solid #ccc
}

.linea2 .container-bradcrumbs {
    border-bottom: 1px solid #03a9f4
}

.linea1 .container-bradcrumbs {
    border-bottom: 1px solid #ffeb3b
}

.breadcrumb {
    padding: 17px 0;
    font-size: 1.05em
}

.breadcrumb a {
    color: #333;
    font-weight: 400
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #333;
    font-family: FontAwesome;
    content: "\f0da"
}

.underlined-title hr {
    border-color: #666;
    border-width: 2px;
    width: 10%
}

.mainbottom {
    background: #202427;
    font-family: 'Open Sans', sans-serif
}

.mainbottom .container {
    background: url(../images/world-map-dark.png) no-repeat center 15px;
    padding: 30px 0
}

.mainbottom .bottom-box1,
.mainbottom .bottom-box2,
.mainbottom .bottom-box3,
.mainbottom .bottom-box4 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mainbottom .container address,
.mainbottom .container p {
    color: #fff
}

.mainbottom .container a:hover {
    color: #a3b5c2;
    text-decoration: none
}

.mainbottom .container h1,
.mainbottom .container h2,
.mainbottom .container h3,
.mainbottom .container h4,
.mainbottom .container h5,
.mainbottom .container h6 {
    color: #a3b5c2;
    margin-bottom: 20px;
    text-transform: uppercase
}

.mainbottom .container .slogan-title {
    text-align: center;
    font-size: 44px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    color: #606f78;
    letter-spacing: -2px;
    margin-top: 15px;
    line-height: 75px
}

.mainbottom .container .slogan-subtitle {
    text-align: center;
    font-size: 22px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    color: #3b444b;
    margin-top: -15px;
    letter-spacing: 0
}

.mainbottom input {
    background: #252b2f;
    border: 1px solid #2e363a;
    color: #536266
}

.mainbottom i {
    color: #999;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    padding-top: 7px;
    text-align: center;
    font-size: 14px
}

.links ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.links a {
    color: #fff
}

.links a:hover {
    color: #a3b5c2
}

.links .link-list-1 {
    float: left;
    margin-right: 40px
}

.links .link-list-2 {
    margin-right: 0
}

.footer {
    background: #666;
    border-top: 1px solid #3d474c;
    color: #fff;
    font-family: 'Open Sans', sans-serif
}

.footer a {
    font-size: 13px;
    color: #fff
}

.footer .container {
    padding-top: 10px
}

.footer .nav>li>a:focus,
.footer .nav>li>a:hover {
    background-color: #374246;
    text-decoration: none
}

.footer .copyright {
    font-size: 11px;
    color: #fff;
    padding-top: 10px
}

.footer a:hover {
    color: #a3b5c2
}


/*.homepage .footer {
    background: #FFF;
    border-top: 1px solid #ccc;
    color: #333;
}

.homepage .footer a {
    color: #333;
    font-weight: 500;
}
.homepage .footer p {
    font-weight: 400 !important;
}


.homepage .footer .nav>li>a:focus,
.homepage .footer .nav>li>a:hover {
    background-color: #374246;
    text-decoration: none
}

.homepage .footer .copyright {
    color: #333;
}

.homepage .footer a:hover {
    color: #a3b5c2
}*/



.toolbar {
    background: #f6f7f9;
    border-bottom: 1px solid #efefef
}

.toolbar a {
    color: #b1b9bd
}

.toolbar a:hover {
    color: #777;
    text-decoration: none
}

.toolbar .container {
    height: 40px;
    padding-top: 11px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #b1b9bd
}

.toolbar .separator {
    border-left: 1px solid #777;
    display: inline-block;
    height: 10px;
    margin: 0 20px;
    width: 1px
}

.search .form-control {
    margin-bottom: 0
}

.search form {
    position: relative
}

.search input {
    background: 0 0;
    padding: 0 10px;
    line-height: 21px;
    height: 21px;
    border: 1px solid #333;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 11px;
    color: #9e9e9e;
    cursor: default;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.search input:focus {
    background: url(../images/search-input-bg.png) 0 -1px repeat-x;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9e9e
}

.search:hover button {
    color: #676767
}

.search button {
    position: absolute;
    top: 1px;
    right: 19px;
    background: 0;
    border: 0;
    color: #ddd;
    font-size: 11px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.search button:hover {
    color: #676767
}

.header-main {
    background: #fff
}

header {
    width: 100%;
    z-index: 100;
    position: relative;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s
}

.sticky-for-header {
    position: fixed;
    top: 0;
    z-index: 1040;
    -webkit-transition: linear .3s;
    -moz-transition: linear .3s;
    -ms-transition: linear .3s;
    -o-transition: linear .3s;
    transition: linear .3s;
            -webkit-box-shadow: 0 0 55px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0 0 55px 1px rgba(0,0,0,.35);
    box-shadow: 0 0 55px 1px rgba(0,0,0,.35);
}

.sticky-for-header .header-main {
    top: 0;
    background: #f5f5f5
}

.sticky-for-header .headerbar {
    top: 107px;
    background: #fff
}

.sticky-for-body {
    margin-top: 0
}

.toolbar_hidden {
    display: none !important
}

.headerbar {
    background: #fff;
    border: 1px solid #ececec;
    height: 50px
}

.headerbar .container {
    color: #8a8a8a
}

.headline-bar {
    background: #f6f8f8;
    border-bottom: 1px solid #ececec;
    height: 33px
}

.headlines {
    color: #a2a2a2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-shadow: 0 1px 0 #fff;
    padding-top: 6px
}

.subheader {
    background: #f6f7f9;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef
}

.subheader .container {
    height: 100px
}

.subheader2 {
    background: url(../images/textures/texture02.png) center top repeat;
    margin: 0;
    padding: 0
}

.subheader2 .container {
    background: url(../images/page-header-dots.png) no-repeat center top;
    height: 140px
}

.subheader3 {
    background: url(../images/textures/texture07.png) center top repeat;
    margin: 0;
    padding: 0
}

.subheader3 .container {
    background: url(../images/page-header-dots.png) no-repeat center top;
    height: 140px
}

.subheader4 {
    background: url(../images/textures/texture08.png) center top repeat;
    margin: 0;
    padding: 0
}

.subheader4 .container {
    background: 0 0;
    height: 140px
}

.custom-page-header {
    border-bottom: 0;
    margin: 120px 0 0;
    padding: 0
}

.navbar-brand {
    padding: 10px
}

.navbar-default .navbar-brand {
    width: 220px
}

.navbar-brand>img {
    min-width: 220px
}

#navbar-collapse-2 {
    padding: 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: #fff repeat 0 0
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    background: #fff repeat 0 0
}

.navbar-default {
    background-color: transparent;
    border: 0
}

.navbar {
    margin-bottom: 0;
    border-radius: 0
}

.navbar-top {
    min-height: 75px
}

.navbar-default .navbar-nav>li>a {
    height: 50px;
    padding-top: 16px;
    text-transform: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    position: relative
}

.navbar-default .navbar-nav>li.active>a::before {
    content: " ";
    height: 8px;
    width: 80%;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 10%;
    background: #444
}

.navbar-default .navbar-nav>li:first-child>a {
    padding-left: 5px
}

.navbar-default .navbar-nav>li:first-child>a::before {
    left: 3% !important
}

@media(min-width:1200px) {
    .navbar-default .navbar-nav>li>a {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media(max-width:992px) {
    .content-nav.container {
        width: 100%
    }
    header .container {
        width: 100%;
        padding: 0
    }
    .container-bradcrumbs .container {
        width: 100%
    }
    .container-bradcrumbs .container .breadcrumb {
        padding-left: 15px;
        padding-right: 15px
    }
    #navbar-collapse-2 {
        padding: 0;
        margin: 0
    }
}

.dropdown-menu>li>a {
    font-family: "Open Sans", Arial, sans-serif
}

.navbar label {
    color: #ccc
}

.headerbar .navbar-default .navbar-nav>li>a {
    height: 32px;
    padding-top: 6px;
    text-transform: none;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    position: relative
}

.navbar-default .navbar-nav>li.active>a::before {
    height: 8px;
    width: 80%;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 10%
}

.headerbar .navbar {
    min-height: 29px
}

.navbar-toggle {
    background-color: #333;
    border: 1px solid #fff !important;
    margin-top: 20px;
    color: #fff
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #555
}

.container>.navbar-collapse,
.container>.navbar-header {
    margin-left: 0;
    margin-right: 0
}

@media (max-width: 992px) {
    .navbar-header {
      width: 100%;
    }
}


.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: #fff url(../images/menubg.png) repeat 0 0
}

.nav-sidebar {
    width: 100%;
    padding: 0
}

.nav-sidebar a {
    -webkit-transition: all .08s linear;
    -moz-transition: all .08s linear;
    -o-transition: all .08s linear;
    transition: all .08s linear;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    padding-left: 0 !important;
    border-bottom: 1px solid #e1e1e1
}

.nav-sidebar .active a {
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1
}

.nav-sidebar a:hover {
    background-color: #fff !important
}

.nav-sidebar .text-overflow .media-body,
.nav-sidebar .text-overflow a {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.nav-sidebar ul>li>ul>li {
    list-style: none
}

.nav-sidebar ul>li>ul>li>a {
    padding: 10px 0;
    display: block
}

.nav-sidebar.pull-right {
    border-right: 0;
    border-left: 1px solid #ddd
}

.nav-sidebar.pull-right a {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.centered {
    margin: 0 auto !important;
    float: none !important;
    display: table
}

.top-menu li {
    display: inline;
    float: left;
    margin: 20px 0 0;
    padding-right: 10px;
    padding-left: 10px
}



.top-menu li:first-child {
    border-right: 1px solid #ccc
}

.top-menu .btn-home {
    border-right: 1px solid #ccc;
    margin-top: 28px
}

.top-menu li a {
    font-weight: 500;
    font-family: "Open Sans", Arial, sans-serif
}

.top-menu li a i {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #666;
    width: 30px;
    height: 30px;
    padding-top: 6px;
    text-align: center;
    position: relative;
    margin-left: 5px;
    border-color: #666;
    color: #666
}

.top-menu li a:hover i {
    color: #007fff;
    border-color: #007fff
}


.top-menu.mobile li {
    margin: 12px 0 0;
}
.top-menu.mobile .btn-home {
    margin-top: 15px;
}

.top-menu.mobile li a.btn-my-area-riservata,
.top-menu.mobile li a.btn-login-area-riservata,
.top-menu.mobile li a.btn-area-download-header {
    padding: 3px 6px !important;
}
@media(max-width:600px) {
    #box-btn-area-privata-lang-mobile {
        width: 100%;
    	padding: 0 0 15px !important;
    	background: #f0f0f0;
    }
    .it .top-menu.mobile {
        padding: 0;
        margin: 0;
        float: left;
        width:100%;
        display: flex;
    }
    .it .top-menu.mobile li {
        margin: 2px 0 0;
        
    }
    li.btn-area-download-mobile,
    li.btn-area-riservata-mobile {
        text-align: right;
        padding: 0 4px 0 0;
        /*width: 43%;*/
    }
    li.btn-area-riservata-mobile {
        /*width: 51%;*/
    }
    li.btn-area-riservata-mobile {
        /*width: 37%;*/
    }
    li.btn-lang-mobile {
        /*width: 12%;*/
    }
}


button.btn-search {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #666;
    width: 30px;
    height: 30px;
    padding-top: 1px;
    text-align: center;
    position: relative;
    background: #555;
    color: #bbb;
    margin-left: 5px;
    margin-right: 4px;
    margin-top: 1px;
    padding: 0
}

button:hover.btn-search {
    color: #60bf40;
    border-color: #60bf40;
    background: #fff
}

.btn-search i {
    text-align: center;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    position: relative
}

@media(max-width:767px) {
    .navbar-nav {
        margin: 0
    }
}

@media(min-width:992px) {
    .footer .bottom-box3 {
        padding-left: 10px;
        border-left: 1px dotted #ccc;
        text-align: right
    }
    .footer .bottom-box3 p {
        padding-left: 20px;
        padding-right: 15px
    }
    .footer .bottom-box2 {
        text-align: right
    }
    .footer .bottom-box2 p {
        padding-right: 15px
    }
    #box-chisiamo .big-des {
        padding-right: 70px
    }
}

@media(max-width:991px) {
    .footer .bottom-box1 {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 15px;
        margin-bottom: 15px
    }
    #location-details {
        padding: 30px 15px
    }
}

@media(min-width:768px) {
    .section--map {
        height: 450px
    }
    .section--map .location {
        background: #fff;
        position: absolute;
        top: 60px;
        left: 40px;
        padding: 30px 60px 30px 40px;
        display: inline;
        float: left;
        margin: 0 2.38095%;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
        z-index: 1000
    }
    .location {
        background: #fff;
        padding: 30px 40px;
        display: inline;
        float: left;
        margin: 0 30px 0 15px;
        z-index: 1
    }
    .request_info {
        z-index: 1000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
        position: absolute;
        color: #fff;
        top: 100px;
        right: 0
    }
}

#form-cerca #cerca {
    height: 30px
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        padding: 15px 15px;
        font-size: 13px;
        font-weight: 600
    }
    #form-cerca #cerca {
        max-width: 120px
    }
    .navbar {
        min-height: 45px
    }
    .navbar-top {
        min-height: 75px
    }
    #form-cerca {
        padding: 9px 10px 7px 0
    }
    .navbar-default .navbar-nav>li>a {
        height: auto !important
    }
    .navbar-brand>img {
        margin-top: 0 !important
    }
}

@media(max-width:767px) {
    .footer .bottom-box1,
    .footer .bottom-box2,
    .footer .bottom-box3 {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 15px;
        margin-bottom: 15px;
        text-align: left
    }
    #h-container-info-produzione #box-title-mii {
        position: relative;
        max-width: 100%
    }
    .navbar-collapse in,
    .navbar-default {
        width: 100%
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        height: 40px;
        background: #3c3c3c;
        border-bottom: 1px solid #474747;
        padding-top: 9px;
        margin-left: 8px;
        margin-right: 8px;
        text-shadow: none
    }
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #909090
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #06c
    }
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #ccc
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff
    }
    .navbar-collapse {
        background: #333;
        width: 100%;
        clear: both
    }
    .dropdown-menu>li>a {
        border-bottom: 1px solid #474747
    }
    .navbar-default .navbar-nav>li>a.dropdown-toggle,
    .navbar-default .navbar-nav>li>a.dropdown-toggle:hover,
    .navbar-default .navbar-nav>li>a:focus {
        text-shadow: none !important
    }
    .megamenu .megamenu-content .list-unstyled>li {
        color: #fff;
        border-bottom: 1px solid #474747 !important;
        padding: 0 !important;
        margin: 0 !important
    }
    .megamenu .megamenu-content .list-unstyled>li:focus,
    .megamenu .megamenu-content .list-unstyled>li:hover {
        background-color: transparent !important;
        color: #909090;
        margin-right: 0 !important
    }
    .megamenu .megamenu-content .list-unstyled>li>a {
        color: #747474 !important;
        padding: 0 0 0 15px !important;
        margin: 0 !important
    }
    .megamenu .megamenu-content .list-unstyled>li>a:hover {
        color: #fff !important
    }
    /*
    .breadcrumb {
        display: none
    }
    */
    .container-bradcrumbs {
        display: none
    }
    .navbar {
        position: relative;
        min-height: 0
    }
    .bg-menu-grey {
        border-bottom: 0
    }
    .centered {
        width: 100% !important
    }
    .header-main {
        position: absolute;
        width: 100%;
        height: 80px;
        top: 0
    }
    .header-main .container {
        padding-left: 0;
        padding-right: 0
    }
    .showcase {
        padding-top: 80px
    }
    .navbar-collapse {
        background: #fff;
        width: 100%;
        clear: both;
        max-height: 340px
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        height: auto;
        background: #f0f0f0;
        border-bottom: 1px solid #ddd;
        padding-top: 3px;
        margin-left: 8px;
        margin-right: 8px;
        text-shadow: none;
        padding: 4px 10px
    }
    .navbar-default .navbar-nav>li>a {
        color: #333;
        font-size: 1.4rem;
        text-transform: uppercase
    }
    .navbar-default .navbar-nav>li.active>a::before {
        display: none
    }
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .trigger-menu i {
    font-size: 1.8rem;
    margin-right: 10px;
    display: none
}

@media(max-width:992px) {
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti {
        display: none;
        opacity: 0
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti.active {
        display: none;
        opacity: 1
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .linea-title {
        text-align: left !important;
        font-size: 1.5rem;
        padding: 10px 20px !important
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .trigger-menu i {
        display: block;
        float: right
    }
    .navbar-default .navbar-nav>li:first-child>a {
        padding: 4px 10px
    }
}

.map {
    position: relative;
    max-width: 1100px;
    margin: auto
}

.map img {
    display: block;
    width: 100%
}

.map-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    width: 50%;
    padding: 1rem;
    background-color: #fff;
    transition: all .3s ease-in;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 24px rgba(0, 0, 0, .22);
    opacity: 0;
    visibility: hidden
}

.map-popup>:first-child {
    margin-top: 0
}

.map-popup>:last-child {
    margin-bottom: 0
}

.map-popup.open {
    opacity: 1;
    visibility: visible
}

.pulse {
    display: block;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #b1eb00;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, .8);
    animation: pulse 2s infinite;
    transition: background-color .5s ease;
    z-index: 2
}

@media only screen and (min-width:991px) {
    .pulse {
        width: 20px;
        height: 20px
    }
}

.pulse:hover {
    animation: none;
    background: #fff
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(177, 235, 0, .8)
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(177, 235, 0, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(177, 235, 0, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(177, 235, 0, .8);
        box-shadow: 0 0 0 0 rgba(177, 235, 0, .8)
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(177, 235, 0, 0);
        box-shadow: 0 0 0 15px rgba(177, 235, 0, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(177, 235, 0, 0);
        box-shadow: 0 0 0 0 rgba(177, 235, 0, 0)
    }
}

.marker1 {
    top: 30%;
    left: 20%
}

.marker2 {
    top: 50%;
    left: 64%
}

@media only screen and (max-width:600px) {
    .map-popup {
        position: fixed;
        left: 5%;
        top: 254px;
        z-index: 100;
        width: 90%;
        transform: none
    }
}

@media only screen and (min-width:37.5em) {
    .map-popup {
        position: absolute;
        left: 35px;
        width: 200px;
        transform: translateY(-50%);
        z-index: 100
    }
    .map-popup:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -16px;
        margin-top: -16px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 16px 16px 16px 0;
        border-color: transparent #fff transparent transparent
    }
    .map-popup.edge {
        left: auto;
        right: calc(100%+24px)
    }
    .map-popup.edge:before {
        left: auto;
        right: -16px;
        border-width: 16px 0 16px 16px;
        border-color: transparent transparent transparent #fff
    }
    .map-popup.pright:before {
        left: auto;
        right: -16px
    }
    .map-popup.pright.edge {
        left: calc(100%+24px);
        right: auto
    }
    .map-popup.pright.edge:before {
        left: -16px;
        right: auto
    }
}

@media only screen and (min-width:10em) {
    .map-item {
        position: absolute;
        width: 15px;
        height: 15px
    }
    .map-item .marker {
        top: auto;
        left: auto
    }
    .map-item1 {
        top: 30%;
        left: 20%
    }
    .map-item2 {
        top: 50%;
        left: 64%
    }
}

#hs164 .marker1 {
    top: 55%;
    left: 9%
}

#hs164 .map-item1 {
    top: 55%;
    left: 9%
}

#hs164 .marker2 {
    top: 32%;
    left: 49%
}

#hs164 .map-item2 {
    top: 32%;
    left: 49%
}

#hs164 .marker3 {
    top: 43%;
    left: 81%
}

#hs164 .map-item3 {
    top: 43%;
    left: 81%
}

#hs164 .marker4 {
    top: 33%;
    left: 87%
}

#hs164 .map-item4 {
    top: 33%;
    left: 87%
}

#hs164 .marker5 {
    top: 22%;
    left: 93%
}

#hs164 .map-item5 {
    top: 22%;
    left: 93%
}

#hst4 .marker1 {
    top: 45%;
    left: 64%
}

#hst4 .map-item1 {
    top: 45%;
    left: 64%
}

#hst4 .marker2 {
    top: 80%;
    left: 59%
}

#hst4 .map-item2 {
    top: 80%;
    left: 59%
}

#hst4 .marker3 {
    top: 61%;
    left: 64%
}

#hst4 .map-item3 {
    top: 61%;
    left: 64%
}

#hst4j .marker1 {
    top: 65%;
    left: 35%
}

#hst4j .map-item1 {
    top: 65%;
    left: 35%
}

#hst4j .marker2 {
    top: 61%;
    left: 40%
}

#hst4j .map-item2 {
    top: 61%;
    left: 40%
}

#hst4j .marker3 {
    top: 61%;
    left: 46%
}

#hst4j .map-item3 {
    top: 61%;
    left: 46%
}

#hst4-punto-blu .marker1 {
    top: 51%;
    left: 53%
}

#hst4-punto-blu .map-item1 {
    top: 51%;
    left: 53%
}

#hst4-punto-blu .marker2 {
    top: 60%;
    left: 53%
}

#hst4-punto-blu .map-item2 {
    top: 60%;
    left: 53%
}

#hst4-punto-blu .marker3 {
    top: 57%;
    left: 66%
}

#hst4-punto-blu .map-item3 {
    top: 57%;
    left: 66%
}

#hsck .marker1 {
    top: 38%;
    left: 6%
}

#hsck .map-item1 {
    top: 38%;
    left: 6%
}

#hsck .marker2 {
    top: 61%;
    left: 17%
}

#hsck .map-item2 {
    top: 61%;
    left: 17%
}

#hsck .marker3 {
    top: 19%;
    left: 47%
}

#hsck .map-item3 {
    top: 19%;
    left: 47%
}

#hsck .marker4 {
    top: 78%;
    left: 65%
}

#hsck .map-item4 {
    top: 78%;
    left: 65%
}

#hsck .marker5 {
    top: 21%;
    left: 84%
}

#hsck .map-item5 {
    top: 21%;
    left: 84%
}

#hsck .marker6 {
    top: 68%;
    left: 77%
}

#hsck .map-item6 {
    top: 68%;
    left: 77%
}

#hsck .marker7 {
    top: 45%;
    left: 31%
}

#hsck .map-item7 {
    top: 45%;
    left: 31%
}

#hsck-3 .marker1 {
    top: 26%;
    left: 28%
}

#hsck-3 .map-item1 {
    top: 26%;
    left: 28%
}

#hsck-3 .marker2 {
    top: 36%;
    left: 77%
}

#hsck-3 .map-item2 {
    top: 36%;
    left: 77%
}

#hsck-3 .marker3 {
    top: 79%;
    left: 45%
}

#hsck-3 .map-item3 {
    top: 79%;
    left: 45%
}

#hsck-3 .marker4 {
    top: 59%;
    left: 58%
}

#hsck-3 .map-item4 {
    top: 59%;
    left: 58%
}

#hsck-2 .marker1 {
    top: 29%;
    left: 37%
}

#hsck-2 .map-item1 {
    top: 29%;
    left: 37%
}

#hsck-2 .marker2 {
    top: 54%;
    left: 80%
}

#hsck-2 .map-item2 {
    top: 54%;
    left: 80%
}

#hsck-2 .marker3 {
    top: 69%;
    left: 52%
}

#hsck-2 .map-item3 {
    top: 69%;
    left: 52%
}

#hsck-2 .marker4 {
    top: 46%;
    left: 22%
}

#hsck-2 .map-item4 {
    top: 46%;
    left: 22%
}

#hsultra .marker1 {
    top: 57%;
    left: 10%
}

#hsultra .map-item1 {
    top: 57%;
    left: 10%
}

#hsultra .marker2 {
    top: 24%;
    left: 59.5%;
}

#hsultra .map-item2 {
    top: 24%;
    left: 59.5%;
}

#hsultra .marker3 {
    top: 55%;
    left: 50%;
}

#hsultra .map-item3 {
    top: 55%;
    left: 50%;
}

#hsultra .marker4 {
    top: 50%;
    left: 87%;
}

#hsultra .map-item4 {
    top: 50%;
    left: 87%;
}

#hsultra .marker5 {
    top: 22%;
    left: 82%
}

#hsultra .map-item5 {
    top: 22%;
    left: 82%
}

#hsultra .marker6 {
    top: 40%;
    left: 63%
}

#hsultra .map-item6 {
    top: 40%;
    left: 63%
}

#hsultra .marker7 {
    top: 30%;
    left: 90%;
}

#hsultra .map-item7 {
    top: 30%;
    left: 90%;
}

#hsek .marker1 {
    top: 53%;
    left: 43%
}

#hsek .map-item1 {
    top: 53%;
    left: 43%
}

#hsek .marker2 {
    top: 42%;
    left: 39%
}

#hsek .map-item2 {
    top: 42%;
    left: 39%
}

#hsek .marker3 {
    top: 54%;
    left: 83%
}

#hsek .map-item3 {
    top: 54%;
    left: 83%
}

#hsek .marker4 {
    top: 44%;
    left: 56%
}

#hsek .map-item4 {
    top: 44%;
    left: 56%
}

#hsek .marker5 {
    top: 71%;
    left: 27.2%
}

#hsek .map-item5 {
    top: 71%;
    left: 27.2%
}

#hsek .marker6 {
    top: 45%;
    left: 28%
}

#hsek .map-item6 {
    top: 45%;
    left: 28%
}

#hsek .marker7 {
    top: 88%;
    left: 60%
}

#hsek .map-item7 {
    top: 88%;
    left: 60%
}

#hsk4 .marker1 {
    top: 28%;
    left: 62.2%
}

#hsk4 .map-item1 {
    top: 28%;
    left: 62.2%
}

#hsk4 .marker2 {
    top: 40%;
    left: 73%
}

#hsk4 .map-item2 {
    top: 40%;
    left: 73%
}

#hsk4 .marker3 {
    top: 62%;
    left: 69%
}

#hsk4 .map-item3 {
    top: 62%;
    left: 69%
}

#hsk4 .marker4 {
    top: 76%;
    left: 63.5%
}

#hsk4 .map-item4 {
    top: 76%;
    left: 63.5%
}

#hsk4 .marker5 {
    top: 88%;
    left: 42%
}

#hsk4 .map-item5 {
    top: 88%;
    left: 42%
}

#hsk4 .marker6 {
    top: 58%;
    left: 22%
}

#hsk4 .map-item6 {
    top: 58%;
    left: 22%
}

#hsk4 .marker7 {
    top: 47%;
    left: 60%
}

#hsk4 .map-item7 {
    top: 47%;
    left: 60%
}

#hsk4 .marker8 {
    top: 54%;
    left: 64%
}

#hsk4 .map-item8 {
    top: 54%;
    left: 64%
}

#hsg2-punto-arancio .marker1 {
    top: 59%;
    left: 22%
}

#hsg2-punto-arancio .map-item1 {
    top: 59%;
    left: 22%
}

#hsg2-punto-arancio .marker2 {
    top: 63%;
    left: 51.4%
}

#hsg2-punto-arancio .map-item2 {
    top: 63%;
    left: 51.4%
}

#hsg2-punto-arancio .marker3 {
    top: 39%;
    left: 52%
}

#hsg2-punto-arancio .map-item3 {
    top: 39%;
    left: 52%
}

#hsg2-punto-arancio .marker4 {
    top: 76%;
    left: 35.5%
}

#hsg2-punto-arancio .map-item4 {
    top: 76%;
    left: 35.5%
}

#hsg5 .marker1 {
    top: 37%;
    left: 41%
}

#hsg5 .map-item1 {
    top: 37%;
    left: 41%
}

#hsg5 .marker2 {
    top: 69%;
    left: 61.4%
}

#hsg5 .map-item2 {
    top: 69%;
    left: 61.4%
}

#hsg5 .marker3 {
    top: 47%;
    left: 37%
}

#hsg5 .map-item3 {
    top: 47%;
    left: 37%
}

#hskm3 .marker1 {
    top: 36%;
    left: 26.5%
}

#hskm3 .map-item1 {
    top: 36%;
    left: 26.5%
}

#hskm3 .marker2 {
    top: 53%;
    left: 24.8%
}

#hskm3 .map-item2 {
    top: 53%;
    left: 24.8%
}

#hskm3 .marker3 {
    top: 19%;
    left: 32%
}

#hskm3 .map-item3 {
    top: 19%;
    left: 32%
}

#hskm3 .marker4 {
    top: 64%;
    left: 29%
}

#hskm3 .map-item4 {
    top: 64%;
    left: 29%
}

#hskm3 .marker5 {
    top: 52%;
    left: 55%
}

#hskm3 .map-item5 {
    top: 52%;
    left: 55%
}

#hsg6 .marker1 {
    top: 40%;
    left: 25.5%
}

#hsg6 .map-item1 {
    top: 40%;
    left: 25.5%
}

#hsg6 .marker2 {
    top: 29%;
    left: 33%
}

#hsg6 .map-item2 {
    top: 29%;
    left: 33%
}

#hsg6 .marker3 {
    top: 36%;
    left: 35%
}

#hsg6 .map-item3 {
    top: 36%;
    left: 35%
}

#hsg6 .marker4 {
    top: 38%;
    left: 58%
}

#hsg6 .map-item4 {
    top: 38%;
    left: 58%
}

#hsg6 .marker5 {
    top: 35%;
    left: 82%
}

#hsg6 .map-item5 {
    top: 35%;
    left: 82%
}

#hsg6 .marker6 {
    top: 22%;
    left: 50%
}

#hsg6 .map-item6 {
    top: 22%;
    left: 50%
}

#hsg6 .marker7 {
    top: 46%;
    left: 50%
}

#hsg6 .map-item7 {
    top: 46%;
    left: 50%
}

#hsg4 .marker1 {
    top: 76%;
    left: 54.5%
}

#hsg4 .map-item1 {
    top: 76%;
    left: 54.5%
}

#hsg4f .marker1 {
    top: 34%;
    left: 52%
}

#hsg4f .map-item1 {
    top: 34%;
    left: 52%
}

#hsg2 .marker1 {
    top: 57%;
    left: 56%
}

#hsg2 .map-item1 {
    top: 57%;
    left: 56%
}

#hsg2 .marker2 {
    top: 75%;
    left: 55%
}

#hsg2 .map-item2 {
    top: 75%;
    left: 55%
}

#hsg2 .marker3 {
    top: 93%;
    left: 56%
}

#hsg2 .map-item3 {
    top: 93%;
    left: 56%
}

#hsfastec-store .marker1 {
    top: 40%;
    left: 31%
}

#hsfastec-store .map-item1 {
    top: 40%;
    left: 31%
}

#hsfastec-store .marker2 {
    top: 53%;
    left: 29%
}

#hsfastec-store .map-item2 {
    top: 53%;
    left: 29%
}

#hsfastec-store .marker3 {
    top: 48%;
    left: 72%
}

#hsfastec-store .map-item3 {
    top: 48%;
    left: 72%
}

#hsr4 .marker1 {
    top: 25%;
    left: 48%
}

#hsr4 .map-item1 {
    top: 25%;
    left: 48%
}

#hsr2 .marker1 {
    top: 25%;
    left: 48%
}

#hsr2 .map-item1 {
    top: 25%;
    left: 48%
}

#hsr2 .marker2 {
    top: 47%;
    left: 57%
}

#hsr2 .map-item2 {
    top: 47%;
    left: 57%
}

#hsk2 .marker1 {
    top: 50%;
    left: 7%
}

#hsk2 .map-item1 {
    top: 50%;
    left: 7%
}

#hsk2 .marker2 {
    top: 52%;
    left: 65%
}

#hsk2 .map-item2 {
    top: 52%;
    left: 65%
}

#hsk2 .marker3 {
    top: 23%;
    left: 53%
}

#hsk2 .map-item3 {
    top: 23%;
    left: 53%
}

#hsk2 .marker4 {
    top: 38%;
    left: 74%
}

#hsk2 .map-item4 {
    top: 38%;
    left: 74%
}

#hsk2 .marker5 {
    top: 82%;
    left: 65%
}

#hsk2 .map-item5 {
    top: 82%;
    left: 65%
}

#hsk2 .marker6 {
    top: 23%;
    left: 70%
}

#hsk2 .map-item6 {
    top: 23%;
    left: 70%
}

#hsk2 .marker7 {
    top: 42%;
    left: 62%
}

#hsk2 .map-item7 {
    top: 42%;
    left: 62%
}
/* ****** 
K4.1 EREADY
****** */
#hsk4-1-e-ready .map-item1 {
    top: 22%;
    left: 22%;
}
#hsk4-1-e-ready .marker1 {
    top: 22%;
    left: 22%;
}
#hsk4-1-e-ready .map-item2 {
    top: 31%;
    left: 56%;
}
#hsk4-1-e-ready .marker2 {
    top: 31%;
    left: 56%;
}
#hsk4-1-e-ready .map-item3 {
    top: 50%;
    left: 58%;
}
#hsk4-1-e-ready .marker3 {
    top: 50%;
    left: 58%;
}
#hsk4-1-e-ready .map-item4 {
    top: 60%;
    left: 17%;
}
#hsk4-1-e-ready .marker4 {
    top: 60%;
    left: 17%;
}
#hsk4-1-e-ready .map-item5 {
    top: 43%;
    left: 58%;
}
#hsk4-1-e-ready .marker5 {
    top: 43%;
    left: 58%;
}
#hsk4-1-e-ready .map-item6 {
    top: 43%;
    left: 52%;
}
#hsk4-1-e-ready .marker6 {
    top: 43%;
    left: 52%;
}
#hsk4-1-e-ready .map-item7 {
    top: 50%;
    left: 7%
}
#hsk4-1-e-ready .marker7 {
    top: 50%;
    left: 7%;
}



/* ****** 
K4CC EREADY
****** */
#hsk4cc-eready .map-item1 {
    top: 23%;
    left: 62%;
}
#hsk4cc-eready .marker1 {
    top: 23%;
    left: 62%;
}
#hsk4cc-eready .map-item2 {
        top: 67%;
    left: 82%;
}
#hsk4cc-eready .marker2 {
        top: 67%;
    left: 82%;
}
#hsk4cc-eready .map-item3 {
        top: 56%;
    left: 78%;
}
#hsk4cc-eready .marker3 {
        top: 56%;
    left: 78%;
}
#hsk4cc-eready .map-item4 {
    top: 60%;
    left: 57%;
}
#hsk4cc-eready .marker4 {
    top: 60%;
    left: 57%;
}
#hsk4cc-eready .map-item5 {
    top: 51%;
    left: 53%;
}
#hsk4cc-eready .marker5 {
    top: 51%;
    left: 53%;
}
#hsk4cc-eready .map-item6 {
    top: 53%;
    left: 69%;
}
#hsk4cc-eready .marker6 {
    top: 53%;
    left: 69%;
}
#hsk4cc-eready .map-item7 {
    top: 36%;
    left: 53%;
}
#hsk4cc-eready .marker7 {
    top: 36%;
    left: 53%;
}
#hsk4cc-eready .map-item8 {
    top: 54%;
    left: 23%;
}
#hsk4cc-eready .marker8 {
    top: 54%;
    left: 23%;
}


.g4 .popup-info-img,
.g4f .popup-info-img,
.popup-info-img.big {
    max-width: 120px;
    margin-bottom: 10px
}

.popup-info-img {
    max-width: 60px
}

.box-popup-info hr {
    margin-top: 10px;
    margin-bottom: 10px
}

h4.popup-info-titolo {
    color: #444;
    font-size: 1.35em;
    margin: 5px 0;
    line-height: 1.2
}

.popup-info-des p {
    color: #333;
    line-height: 1.4
}

.popup-info-des a {
    font-size: 1em;
    padding: 0
}

.linea2 .popup-info-des a {
    color: #2797e4
}

.linea1 .popup-info-des a {
    color: #ffc414
}

@media only screen and (max-width:600px) {
    .popup-info-img {
        max-width: 30px
    }
    h4.popup-info-titolo {
        font-size: 1.15em
    }
    .popup-info-des p {
        line-height: 1.2;
        font-size: 1.2rem
    }
}

.popup-info-extra-img {
    display: none
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.content {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff
}

#scroll-to-top a.scroll-up {
    background-color: #293034;
    width: 37px;
    height: 40px;
    bottom: 80px;
    right: 20px;
    padding: 6px !important;
    position: fixed;
    display: none;
    opacity: .6;
    z-index: 99999
}

#scroll-to-top a.scroll-up span {
    font-size: 28px;
    color: #fff
}

#scroll-to-top a.scroll-up:hover {
    background-color: #5c757f;
    cursor: pointer
}

.showbiz-container {
    margin: 0 auto !important
}

.showbiz ul li.sb-modern-skin {
    border-right: none !important
}

.showbiz p {
    font: 13px/1.65em "Open Sans", sans-serif;
    color: #333 !important
}

.style-title {
    text-align: center
}

.sb-modern-skin .showbiz-title {
    font-size: 16px !important
}

.sb-grey-skin .mediaholder {
    background-color: transparent !important;
    padding: 3px !important;
    border: none !important
}

.style-title {
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.8em !important
}

.style-title p {
    color: #c7c7c7;
    font-family: Georgia, serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 18px;
    margin: 0 0 15px
}

.sb-nav-grey .sb-navigation-left,
.sb-nav-grey .sb-navigation-left.notclickable:hover,
.sb-nav-grey .sb-navigation-play,
.sb-nav-grey .sb-navigation-right,
.sb-nav-grey .sb-navigation-right.notclickable:hover {
    background: 0 0 !important;
    border: none !important
}

.sb-navigation-left i,
.sb-navigation-play i,
.sb-navigation-right i {
    font-size: 16px !important
}

.showbiz-navigation.right {
    text-align: right
}

.showbiz-navigation.left {
    text-align: left
}

.showbiz-button {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.showbiz-button:hover {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.sb-nav-dark .sb-navigation-left,
.sb-nav-dark .sb-navigation-left.notclickable:hover,
.sb-nav-dark .sb-navigation-play,
.sb-nav-dark .sb-navigation-right,
.sb-nav-dark .sb-navigation-right.notclickable:hover {
    background: 0 0 !important;
    border: none !important
}

li.sb-light-skin {
    box-shadow: none !important
}

.sb-light-skin .detailholder {
    background-color: #f6f7f9 !important
}

.product-select-options p.small a,
.product-select-options p.small a:hover,
.product-select-options p.small a:visited {
    font-size: 85%;
    font-weight: 400
}

.sb-light-skin .detailholder {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important
}

.fluid-width-video-wrapper {
    padding-top: 75% !important
}

.tp-bullets {
    z-index: 20 !important
}

.tp-bannertimer {
    z-index: 90 !important
}

.Newspaper-Title,
.tp-caption.Newspaper-Title {
    font-family: Roboto !important;
    font-weight: 400 !important
}

.corporate .tp-tab-title {
    color: #f1c40f !important
}

.corporate .tp-tab-desc {
    color: #fff
}

.fullwidthbanner-container {
    clear: both !important
}

.carousel-caption {
    padding-bottom: 5px
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6 {
    color: #fff;
    background: #010101;
    padding: 3px
}

.carousel-indicators {
    bottom: 0
}

.carousel-control.left {
    background-image: none
}

.carousel-control.right {
    background-image: none
}

.custom-search form {
    position: relative
}

.custom-search input {
    background: #fcfcfc;
    padding: 0 10px;
    line-height: 27px;
    height: 27px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 12px;
    color: #9e9e9e;
    cursor: default;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 15px
}

.custom-search input:focus {
    background: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #9e9e9e;
    border: 1px solid #efefef
}

.custom-search:hover button {
    color: #333
}

.custom-search button {
    position: absolute;
    top: 4px;
    right: 19px;
    background: 0;
    border: 0;
    color: #ddd;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.custom-search button:hover {
    color: #676767
}

.container-megafolio {
    max-width: 1170px;
    min-width: 240px;
    width: auto;
    margin: auto;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.container-megafolio-fullwidth {
    max-width: 100%;
    min-width: 240px;
    width: auto;
    margin: auto;
    padding: 0 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.container-megafolio-fullwidth .mega-entry .mega-entry-innerwrap {
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.splash-white {
    width: 100%;
    padding: 45px 0;
    background: #fff;
    position: relative
}

.container-fullwidth {
    width: 100%;
    min-width: 240px;
    width: auto;
    margin: auto;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden
}

.megafolio-container,
.megafolio-container-splash {
    width: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.megafolio-bg1 {
    background: url(../images/megafolio/backgrounds/tile1.jpg) repeat 0 0
}

.megafolio-bg2 {
    background: url(../images/megafolio/backgrounds/tile2.jpg) repeat 0 0
}

.megafolio-bg3 {
    background: url(../images/megafolio/backgrounds/tile3.jpg) repeat 0 0
}

.megafolio-bg4 {
    background: url(../images/megafolio/backgrounds/tile4.png) repeat 0 0
}

.megafolio-bg5 {
    background: url(../images/megafolio/backgrounds/tile5.png) repeat 0 0
}

.addmore,
.switcher .pad_wrap {
    background: #7f7f7f;
    border: 0;
    padding: 4px 10px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    font-weight: 500;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    float: left;
    margin-right: 10px
}

.addmore {
    cursor: pointer;
    margin: auto;
    width: 160px;
    position: relative;
    float: none
}

.gallerycaption-bottom-light {
    background: rgba(255, 255, 255, .8) none repeat scroll 0 0;
    bottom: 0;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.gallerysubline-dark {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px;
    text-align: center;
    width: 100%;
    text-transform: none;
    letter-spacing: 0
}

.mega-title {
    font-size: 20px !important
}

.seperator-3d-light {
    height: 0;
    max-width: 1170px;
    margin: auto;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 2px solid rgba(255, 255, 255, .15)
}

.seperator-3d-dark {
    height: 0;
    max-width: 1170px;
    margin: auto;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid #fff
}

.comments .media,
.comments .media .media {
    background: #fcfcfc;
    border-top: 1px solid #e3e3e3;
    margin: 10px;
    padding: 10px
}

.comments .media-body {
    background: #f6f6f5;
    margin: 10px;
    padding: 10px
}

.comments .media img {
    margin-top: 10px
}

.comment-by {
    font-size: 16px
}

.comment-reply {
    font-size: 15px
}

.comment-date {
    color: #888;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 1px
}

.tags {
    margin: 5px;
    padding: 10px;
    max-width: 788px
}

.tags a {
    margin: 3px;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 3px 10px
}

.leave-a-comment {
    background: url(../images/leave-a-comment.png) repeat-x scroll 0 0 #fff;
    border-radius: 2px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    margin: 0 auto;
    max-width: 600px;
    padding: 30px;
    position: relative
}

.leave-a-comment input[type=email],
.leave-a-comment input[type=text],
.leave-a-comment textarea {
    background: #ebf1f5;
    color: #242729
}

.leave-a-comment input:focus,
.leave-a-comment textarea:focus {
    outline: 0;
    background: #fff
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%
}

.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 93px
}

.article-slide .carousel-indicators img {
    border: 2px solid #fff;
    float: left;
    height: 54px;
    left: 0;
    width: 100px
}

.article-slide .carousel-indicators .active img {
    border: 2px solid #428bca;
    opacity: .7
}

.timeline-footer .post-meta,
.timeline-footer .post-meta span {
    margin-right: 10px;
    font-size: 11px;
    color: #888;
    margin-bottom: 0
}

.timeline-footer .post-meta span i {
    margin-right: 3px
}

.timeline-post-header {
    display: block;
    font-size: 120%;
    margin-bottom: 5px
}

.timeline {
    list-style: none;
    padding: 20px 0;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px
}

.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    background: #fff;
    padding: 5px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .175)
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -12px
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-badge>a {
    color: #c5c7c5 !important
}

.timeline-badge a:hover {
    color: #ff531f !important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body>p,
.timeline-body>ul {
    padding: 20px;
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

.timeline-footer {
    padding: 10px;
    background-color: #f6f6f5;
    border-top: 1px solid #e1e1e1
}

.timeline-footer>a {
    cursor: pointer;
    text-decoration: none
}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0
}

.timeline .tooltip.top {
    margin-top: -2px
}

.timeline .tooltip.right {
    margin-left: 2px
}

.timeline .tooltip.bottom {
    margin-top: 2px
}

.timeline .tooltip.left {
    margin-left: -2px
}

.timeline .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000
}

.timeline .tooltip.left .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000
}

.timeline .tooltip.bottom .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000
}

.timeline .tooltip.right .tooltip-arrow {
    bottom: 0;
    left: 0;
    margin-left: 0;
    border-left: 0 solid transparent;
    border-right: 5px solid transparent;
    border-top: 0 solid #000
}

.timeline .tooltip-inner {
    width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #ff531f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.timeline .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

#quote-carousel {
    padding: 0 10px 30px;
    margin-top: 30px 0 0
}

#quote-carousel .carousel-control {
    background: 0;
    color: #555;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 70px
}

#quote-carousel .carousel-control.left {
    left: -12px
}

#quote-carousel .carousel-control.right {
    right: -12px !important
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}

#quote-carousel .carousel-indicators li {
    background: silver;
    border: 0
}

#quote-carousel .carousel-indicators .active {
    background: #333
}

#quote-carousel img {
    width: 250px;
    height: 100px
}

.item blockquote {
    border-left: none;
    margin: 0
}

.item blockquote img {
    margin-bottom: 10px
}

.item blockquote p:before {
    content: "\f10d";
    font-family: Fontawesome;
    float: left;
    margin-right: 10px
}

@media(min-width:768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px;
        margin-top: 30px
    }
}

@media(max-width:768px) {
    #quote-carousel .carousel-indicators {
        bottom: -20px !important
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0 5px;
        width: 15px;
        height: 15px
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0 5px;
        width: 20px;
        height: 20px
    }
}

.stepwizard-step p {
    margin-top: 10px
}

.stepwizard-row {
    display: table-row
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative
}

.stepwizard-step button[disabled] {
    opacity: 1 !important
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px
}

.my-account-well {
    background: #fcfcfc;
    border: 1px solid #e1e1e1;
    padding: 10px;
    box-shadow: none
}

.my-account-well li.active i.fa {
    color: #fff
}

.my-account .btn i.fa {
    color: #fff
}

.my-account-pic {
    margin-top: 50px;
    width: 120px;
    margin-left: 50px;
    margin-bottom: -60px
}

.my-account-panel {
    background-image: url(../images/my-account-header.jpg)
}

.my-account-name {
    position: absolute;
    padding-left: 200px;
    font-size: 30px
}

.my-account .media-heading {
    margin-bottom: 10px;
    margin-top: 10px
}

div.show-grid [class*=col-md-] span.show-grid-block {
    background-color: #606f78;
    border: 1px solid #fff;
    color: #fff;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    display: block
}

.bs-glyphicons {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden
}

.bs-glyphicons-list {
    list-style: none outside none;
    padding-left: 0
}

.bs-glyphicons li {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    float: left;
    font-size: 11px;
    height: 115px;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    width: 12.5%
}

.bs-glyphicons .glyphicon {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bs-glyphicons li:hover {
    color: #fff
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: -10
}

.video-background video {
    min-height: 100%;
    min-width: 100%
}

#video-bg {
    position: relative;
    z-index: 1;
    width: 100%;
    color: #fff;
    background: transparent url(../images/video-background.png) repeat top left;
    border-radius: 5px;
    moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 auto
}

.ui-video-background-controls li {
    list-style: none;
    display: none
}

.ui-video-background-controls .glyphicon {
    display: block
}

dt {
    float: left;
    width: 160px
}

dd {
    margin: 0 0 10px 160px
}

#video-main {
    padding: 10px;
    margin: 10px 0;
    z-index: 2222
}

.overlay-pattern {
    background: url(../images/overlay-pattern.png) repeat rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

#map_canvas {
    width: 100%;
    height: 450px
}

#myTab .nav-tabs {
    margin: 0 auto;
    border-bottom: 0
}

#myTab .nav-tabs>li {
    z-index: 2;
    float: none;
    display: inline-block
}

#myTab .nav-tabs>li>a {
    padding: 16px 50px 12px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    color: #ecf0f1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0
}

#myTab .nav-tabs>li.active>a:focus>i,
#myTab .nav-tabs>li.active>a:hover>i,
#myTab .nav-tabs>li.active>a>i {
    color: #fff !important
}

#myTab .nav>li>a:focus,
#myTab .nav>li>a:hover {
    outline: 0;
    background-color: #f5f5f5
}

#myTab .tab-content {
    padding-left: 0;
    padding-right: 0;
    border: 0
}

#myTab .tab-pane {
    padding: 50px 0;
    border-bottom: 0 solid #ecf0f1
}

.shop-ordering {
    float: right;
    margin-top: -30px
}

.shop-ordering select {
    color: #888;
    border-top: 1px solid #e1e1e1;
    background: #fcfcfc;
    border-bottom: 0;
    border-left: none;
    border-right: 0
}

.shop .thumbnail {
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 4px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
    margin-right: 10px
}

.shop .thumbnail .description {
    font-size: 100%;
    color: #999;
    margin-top: 20px
}

.shop .thumbnail img.shop-image-fullwidth {
    width: 100%
}

.ratings {
    background: #fcfcfc;
    color: #d17581;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding-top: 10px
}

.shop .thumbnail .caption-full {
    padding: 9px
}

.product-select-options {
    margin: 15px -15px 5px
}

.shop .glyphicon {
    margin-right: 5px
}

.shop .item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px
}

.item.list-group-item:hover,
.shop .item.list-group-item:nth-of-type(odd):hover {
    background: #007ee1
}

.shop .item.list-group-item .list-group-image {
    margin-right: 10px
}

.shop .item.list-group-item .thumbnail {
    margin-bottom: 0
}

.shop .item.list-group-item .caption {
    padding: 9px 9px 0 9px
}

.shop .item.list-group-item:nth-of-type(odd) {
    background: #eee
}

.item.list-group-item:after,
.shop .item.list-group-item:before {
    display: table;
    content: " "
}

.shop .item.list-group-item img {
    float: left;
    margin-right: 10px
}

.shop .item.list-group-item:after {
    clear: both
}

.shop .list-group-item-text {
    margin: 0 0 11px
}

.shop .list-group-item:first-child {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.shop .item.list-group-item .thumbnail {
    margin-right: 0
}

.product-details {
    margin-left: -15px;
    margin-right: -15px
}

.product-details .btn-default {
    background-color: #f6f7f9;
    color: #545454
}

.product-details .btn-default:hover {
    background-color: #ebf1f5;
    color: #111
}

.product-comments {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 20px
}

.discounted-price {
    text-decoration: line-through;
    margin-right: 20px;
    font-size: 18px
}

.product-details-qty {
    text-align: center;
    padding: 6px !important
}

.shopping-cart-container {
    margin-left: -15px;
    margin-right: -15px
}

.shopping-cart-container .panel-footer {
    background: #fcfcfc
}

html {
    scroll-behavior: smooth
}

body {
    background-color: #fff;
    font: 13px/1.8em Roboto, sans-serif;
    color: #747474
}

.boxed {
    max-width: 1170px !important;
    margin: 0 auto;
    background: #fff;
    -moz-box-shadow: 4px 0 10px -8px rgba(0, 0, 0, .4), -4px 0 10px -8px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 4px 0 10px -8px rgba(0, 0, 0, .4), -4px 0 10px -8px rgba(0, 0, 0, .4);
    box-shadow: 4px 0 10px -8px rgba(0, 0, 0, .4), -4px 0 10px -8px rgba(0, 0, 0, .4)
}

.boxed header {
    max-width: 1170px !important
}

#home-slider {
    overflow: hidden
}

.thumbnail .caption {
    color: #747474
}

.carousel-caption {
    text-shadow: 0 1px 2px rgba(255, 255, 255, .8)
}

.row {
    margin-left: 0;
    margin-right: 0
}

.mod1 {
    letter-spacing: 2px;
    text-transform: uppercase
}

.mod2 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 300 !important
}

.font-size-h1 {
    font-size: 60px;
    line-height: 56px
}

.well {
    background: #fcfcfc;
    border-top: 1px solid #e1e1e1;
    padding: 10px;
    box-shadow: none;
    border-bottom: 0;
    border-left: none;
    border-right: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.well-sm {
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px
}

button {
    outline: 0
}

.h1,
h1 {
    font-size: 2.6em;
    line-height: 44px;
    margin: 0 0 32px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

.h2,
h2 {
    font-size: 2em;
    line-height: 42px;
    margin: 0 0 30px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.h3,
h3 {
    font-size: 1.6em;
    letter-spacing: normal;
    line-height: 30px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    text-transform: uppercase
}

.h4,
h4 {
    font-size: 1.2em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.h5,
h5 {
    font-size: 1em;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase
}

.h6,
h6 {
    font-size: 1em;
    letter-spacing: normal;
    line-height: 18px;
    margin: 0 0 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-weight: 300
}

.sidebar-heading {
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 10px 5px 0;
    font-size: 20px;
    font-weight: 300 !important
}

p.drop-caps:first-child:first-letter {
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px
}

p.drop-caps.secundary:first-child:first-letter {
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
    padding: 6px
}

.border-right {
    border-right: 1px solid #fff
}

.border-top {
    border-top: 1px solid #fff
}

.border-bottom {
    border-bottom: 1px solid #fff
}

.border-left {
    border-left: 1px solid #fff
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-primary.panel-grey {
    border-color: #ddd;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.panel-primary.panel-grey>.panel-heading {
    background-color: #606f78;
    color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.panel-dark {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #31353d;
    color: #999
}

.panel-dark img {
    margin-bottom: 10px
}

.panel-dark .btn {
    margin-top: 10px
}

.panel-dark>.panel-heading {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.panel-light {
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #f6f7f9;
    color: #999
}

.panel-light img {
    margin-bottom: 10px
}

.panel-light .btn {
    margin-top: 10px
}

.panel-light>.panel-heading {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.panel-faq>.panel-heading {
    background-color: #f5f5f5
}

.panel-group .panel+.panel {
    margin-top: -1px
}

.panel-group .panel {
    border-radius: 0
}

.panel-title {
    font-size: 15px;
    margin-top: 2px;
    text-transform: uppercase
}

.poll .list-group {
    margin-bottom: 0
}

.poll .list-group-item {
    padding: 0 15px
}

blockquote {
    border-left: 5px solid #444;
    margin: 0;
    font-size: 13px !important
}

blockquote p {
    font-size: 13px !important
}

blockquote img {
    height: 60px;
    width: 60px;
    margin-right: 5px
}

blockquote.bubble {
    background: #f6f7f9;
    border-right: 1px solid #efefef
}

blockquote.bubble p {
    font-size: 13px
}

blockquote.bubble-light {
    background: #f6f7f9
}

blockquote.bubble-light p {
    font-size: 13px
}

#quote-carousel blockquote p {
    color: #fff
}

#quote-carousel blockquote small {
    color: #ccc
}

.bg-dark-grey {
    background: #666;
    color: #fff
}

.bg-light-grey {
    background: #f5f5f5
}

.border-top {
    border-top: 1px solid
}

.border-bottom {
    border-bottom: 1px solid
}

.btn {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.btn .caret {
    border-top-color: #fff
}

.btn-default:hover {
    color: #555
}

.btn-default .caret {
    border-top-color: #555
}

.btn-default {
    background: #222;
    color: #e2e2e2;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-default:hover {
    background: #777;
    color: #fff !important
}

.btn-success {
    background: #165192;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-success:hover {
    background: #222
}

.btn-info {
    background: #04519b;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-info:hover {
    background: #222
}

.btn-warning {
    background: #ff6707;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-warning:hover {
    background: #222
}

.btn-danger {
    background: #e12b31;
    background-repeat: no-repeat;
    border: 0;
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.btn-danger:hover {
    background: #222
}

.btn-dark {
    color: #536266;
    background-color: #252b2f;
    border-color: #2e363a;
    margin-bottom: 10px;
    margin-left: -5px;
    height: 32px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-light {
    color: #536266;
    background-color: #fff;
    border-color: #e5e5e5;
    margin-bottom: 10px;
    margin-left: -5px;
    height: 32px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-dark.active,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.open .dropdown-toggle.btn-dark {
    color: #536266;
    background-color: #202427;
    border-color: #2e363a
}

a.btn {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-outline {
    color: #fff;
    padding: 12px 20px;
    margin: 15px 0;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    letter-spacing: .1em;
    text-shadow: none;
    border: 0;
    text-transform: uppercase;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px
}

.btn-outline:hover {
    text-decoration: none;
    color: #fff
}

.btn-outline-sm {
    padding: 5px 13px;
    font-size: 13px
}

.btn-outline-lg {
    padding: 14px 26px;
    font-size: 15px
}

.btn-outline-xl {
    padding: 18px 30px;
    font-size: 24px
}

.btn-outline.outline-light,
.icon.outline-light {
    color: #fff;
    background: 0;
    border: 2px solid #fff
}

.btn-outline.outline-light:hover,
.icon.outline-light:hover {
    color: #2c3e50;
    background: #fff
}

.btn-outline.outline-dark,
.icon.outline-dark {
    color: #2c3e50;
    background: 0;
    border: 2px solid #2c3e50
}

.btn-outline.outline-dark:hover,
.icon.outline-dark:hover {
    color: #fff;
    background: #2c3e50
}

button:hover {
    text-decoration: none;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.label {
    moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.label-default {
    background-color: #999
}

.label-default[href]:focus,
.label-default[href]:hover {
    background-color: grey
}

.label-primary {
    background-color: #2fa4e7
}

.label-primary[href]:focus,
.label-primary[href]:hover {
    background-color: #178acc
}

.label-success {
    background-color: #73a839
}

.label-success[href]:focus,
.label-success[href]:hover {
    background-color: #59822c
}

.label-info {
    background-color: #033c73
}

.label-info[href]:focus,
.label-info[href]:hover {
    background-color: #022241
}

.label-warning {
    background-color: #dd5600
}

.label-warning[href]:focus,
.label-warning[href]:hover {
    background-color: #aa4200
}

.label-danger {
    background-color: #c71c22
}

.label-danger[href]:focus,
.label-danger[href]:hover {
    background-color: #9a161a
}

.form-control {
    margin-bottom: 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 32px
}

.input-lg {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.right-space-for-image {
    margin-right: 10px
}

.left-space-for-image {
    margin-left: 10px
}

.disable-border {
    border: 0
}

.tab-content>.tab-pane {
    background: none repeat scroll 0 0 #fff;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.slogan {
    line-height: 60px;
    margin: 0 0 32px;
    font-family: 'Grand Hotel', cursive;
    font-weight: 400;
    text-transform: capitalize
}

.slogan2 {
    line-height: 60px;
    margin: 0 0 32px;
    font-family: Playball, cursive;
    font-weight: 400
}

.header-slogan-title {
    text-align: center;
    font-size: 60px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    color: #fff;
    letter-spacing: -3px;
    margin-top: 120px;
    line-height: 70px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25)
}

.header-slogan-subtitle {
    text-align: center;
    font-size: 22px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    color: #e1e1e1;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .25)
}

.capitalize {
    text-transform: capitalize
}

.sitemap ul {
    padding-left: 0
}

.sitemap li {
    list-style: none;
    line-height: 30px
}

.error-template {
    padding: 20px 15px 50px;
    text-align: center
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px
}

.error-actions .btn {
    margin-right: 10px
}

.error-404 {
    font-size: 6em;
    margin: 50px
}

.progress {
    height: 14px
}

.progress-bar {
    line-height: 14px;
    font-size: 11px
}

.portfolio-header .glyphicon {
    font-size: 1.4em;
    margin-top: 19px
}

.portfolio-info {
    float: right;
    padding-top: 3px
}

.portfolio-info ul {
    list-style: none
}

.portfolio-info ul li {
    border-right: 1px solid #e6e6e6;
    color: #b1b1b1;
    display: inline-block;
    font-size: .9em;
    margin-right: 8px;
    padding-right: 8px
}

.portfolio-info ul li:last-child {
    border-right: 0 none;
    margin-right: 0;
    padding-right: 0
}

ul.project-details {
    font-size: .9em;
    list-style: none outside none;
    margin: 0 0 30px 5px;
    padding: 0
}

.project-details-icons li,
.project-details-icons li .glyphicon {
    margin-right: 5px
}

.related-project .thumb-info {
    margin-left: 10px;
    margin-top: -40px
}

.blog {
    padding: 0 60px
}

.blog ul {
    margin: 0 0 20px;
    padding: 0
}

.blog>ul>li {
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-content {
    padding-left: 100px
}

.blog-content .blog-title {
    margin-bottom: 4px
}

.blog-item .post-meta,
.blog-item .post-meta span {
    margin-right: 10px;
    font-size: 11px;
    color: #888
}

.blog-item .post-meta span i {
    margin-right: 3px
}

.social-icons-container {
    background: #fcfcfc;
    border-top: 1px solid #e1e1e1;
    border-bottom: 3px solid #e1e1e1;
    padding: 12px 10px 9px
}

.social-media-icons span {
    margin-left: 10px
}

.social-icons {
    padding-top: 5px
}

.social-icon {
    display: block;
    height: 24px;
    width: 24px;
    margin: 0 6px;
    float: left;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s
}

.social-icon:hover {
    background-position: 0 -24px
}

.sc-icon-dribbble {
    background: url(../images/social-icons/dribbble.png) top no-repeat
}

.sc-icon-facebook {
    background: url(../images/social-icons/facebook.png) top no-repeat
}

.sc-icon-flickr {
    background: url(../images/social-icons/flickr.png) top no-repeat
}

.sc-icon-instagram {
    background: url(../images/social-icons/instagram.png) top no-repeat
}

.sc-icon-linkedin {
    background: url(../images/social-icons/linkedin.png) top no-repeat
}

.sc-icon-paypal {
    background: url(../images/social-icons/paypal.png) top no-repeat
}

.sc-icon-pinterest {
    background: url(../images/social-icons/pinterest.png) top no-repeat
}

.sc-icon-rss {
    background: url(../images/social-icons/rss.png) top no-repeat
}

.sc-icon-skype {
    background: url(../images/social-icons/skype.png) top no-repeat
}

.sc-icon-soundcloud {
    background: url(../images/social-icons/soundcloud.png) top no-repeat
}

.sc-icon-twitter {
    background: url(../images/social-icons/twitter.png) top no-repeat
}

.sc-icon-twitter2 {
    background: url(../images/social-icons/twitter2.png) top no-repeat
}

.sc-icon-vimeo {
    background: url(../images/social-icons/vimeo.png) top no-repeat
}

.sc-icon-xing {
    background: url(../images/social-icons/xing.png) top no-repeat
}

.sc-icon-youtube {
    background: url(../images/social-icons/youtube.png) top no-repeat
}

.social {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 100
}

.social li {
    display: inline-block;
    margin-right: 6px
}

.social li a {
    display: table;
    position: relative
}

.social li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    font-size: 18px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.social-light li a i {
    color: #fff
}

.social-dark li a i {
    color: #666
}

.social li a i:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.social li a:hover i {
    color: #f0f0f0
}

.social li a:hover i:after {
    height: 100%
}

.social a .fa-facebook:after {
    background: #3b5998
}

.social a .fa-google-plus:after {
    background: #dd4b39
}

.social a .fa-twitter:after {
    background: #00aced
}

.social a .fa-pinterest:after {
    background: #cb2027
}

.social a .fa-behance:after {
    background: #1769ff
}

.social a .fa-dribbble:after {
    background: #ea4c89
}

.showcase {
    position: relative;
    top: 0;
    z-index: 0
}

.homepage-form {
    background-color: #dfdfdf;
    margin: 0 25px;
    padding: 10px
}

.newsletter {
    background-color: #010101;
    margin: 0 25px;
    padding: 5px 10px
}

.feature {
    padding: 40px 0 0;
    background: #f6f7f9
}

.feature .container img {
    padding: 3px
}

.feature .container p {
    padding-top: 4px
}

.feature h4 {
    color: #f6f7f9
}

.feature2 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 40px 0 45px;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2) inset;
    background: url(../images/textures/texture04.png) repeat 0 0
}

.feature2 .container img {
    padding: 4px
}

.feature2 .container p {
    padding-top: 8px
}

.top-a {
    background: #fff;
    padding: 50px 0
}

.top-b {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fcfcfc;
    background: #e6e6e6;
    padding: 30px 0 45px
}

.top-b-for-parallax {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fcfcfc;
    background: 0;
    padding: 30px 0 45px
}

.top-c {
    padding: 30px 0;
    background: #fff
}

.inner-top {
    background: #fff
}

.inner-top .showbiz-container {
    margin-bottom: 20px
}

.inner-bottom {
    height: 65px;
    color: #fff
}

.inner-bottom .tweets {
    color: #fff;
    background: url(../images/icon-twitter.png) no-repeat 0 0;
    margin-top: 22px;
    padding-left: 30px;
    font-style: italic;
    font-size: 14px
}

.inner-bottom .tweets a,
.inner-bottom .tweets a:hover,
.inner-bottom a,
.inner-bottom a:hover {
    color: #c9e4ff
}

.latest-news {
    margin-left: -40px
}

.latest-news li {
    list-style: none
}

.latest-news li a {
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333;
    font-size: 1.2em
}

.latest-news li a:hover {
    color: #036
}

.latest-news li a span {
    color: #69767f;
    display: block;
    font-size: 11px;
    margin-bottom: 6px
}

.inside.news-item {
    font-size: 1.1em
}

.img-container-news {
    margin-bottom: 20px
}

.footer .container div {
    padding-left: 0;
    padding-right: 0
}

.bottom-box1 a {
    margin: 0 10px;
    font-weight: 500;
}
.bottom-box1 a:first-child {
    margin: 0 10px 0 0;
}

.bottom-box1 span {
    margin-right: 10px
}

.content-block {
    width: 100%;
    padding: 60px 0;
    z-index: 100;
    position: relative;
    background-color: #fff
}

.content-block-nopad {
    width: 100%;
    z-index: 1;
    position: relative;
    background-color: #fff
}

.underlined-title {
    text-align: center;
    margin-bottom: 30px
}

.content-2-8 {
    padding: 0;
    position: relative
}

.content-2-8 .image-container {
    position: absolute;
    height: 100%;
    padding: 0;
    top: 0
}

.content-2-8 .image-container .background-image-holder {
    background: #000 url(../images/image-holder.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%
}

.content-2-8 .image-container .background-image-holder-chisiamo {
    background: #000 url(../images/theme/corporate/metalcoat-sede-box2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%
}

.content-2-8 .image-container .background-image-holder-corporate {
    background: #000 url(../images/theme/corporate/corporate-img5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%
}

.content-2-8 .subcontent {
    padding-top: 80px;
    padding-bottom: 60px
}

.content-2-8 h1 {
    font-size: 50px;
    line-height: 50px
}

.content-2-8 h3 {
    margin-top: 0;
    font-weight: 600
}

.content-1-6 .client-row {
    text-align: center;
    line-height: 0
}

.content-1-6 .client-row .col-md-3 {
    display: inline-block;
    min-height: 80px;
    line-height: 80px;
    padding-top: 16px;
    padding-bottom: 16px
}

.content-1-6 .client-row img {
    max-width: 140px;
    opacity: .3;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-backface-visibility: none
}

.content-1-6 .client-row img:hover {
    opacity: 1
}

.content-1-6 .client-row .row-wrapper {
    display: inline-block;
    width: 80%
}

.content-1-6 .client-row:last-child .row-wrapper {
    border-bottom: 0
}

.content-1-6 .row-wrapper .col-md-3:last-child {
    border-right: 0
}

@media(max-width:767px) {
    .content-1-6 .client-row .row-wrapper {
        border-bottom: 0
    }
    .content-1-6 .row-wrapper .col-md-3 {
        border-right: 0
    }
}

@media only screen and (min-width:992px) {
    .content-1-6 .client-row .row-wrapper {
        border-bottom: 1px dashed rgba(0, 0, 0, .2)
    }
    .content-1-6 .row-wrapper .col-md-3 {
        border-right: 1px dashed rgba(0, 0, 0, .2)
    }
}

.content-1-7 .col-md-2 {
    height: 80px;
    line-height: 80px;
    text-align: center
}

.content-1-7 img {
    max-width: 140px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .4
}

.content-1-7 img:hover {
    opacity: 1
}

.content-2-7 .counter-icon {
    font-size: 5em;
    margin-top: 30px;
    color: #f39c12
}

.content-2-7 .counter,
.content-2-7 .counter-text {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #f39c12
}

.content-2-7 .counter-text p {
    font-size: 18px;
    color: #f39c12
}

.content-2-7 .counter {
    font-size: 44px;
    color: #fff
}

.content-2-7 .underlined-title h1,
.content-2-7 .underlined-title h4 {
    color: #fff
}

.content-2-7-dark .counter-icon {
    font-size: 3.2em;
    margin-top: 30px;
    color: #444
}

.content-2-7-dark .counter-icon span {
    height: 100px;
    width: 100px;
    max-width: 100%;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    margin: 0 auto;
    padding-top: 27px;
    color: #fff
}

.content-2-7-dark .counter,
.content-2-7-dark .counter-text {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #444
}

.content-2-7-dark .counter-text p {
    font-size: 18px;
    color: #444
}

.content-2-7-dark .counter {
    font-size: 44px;
    color: #444
}

.content-2-7-dark .underlined-title h1,
.content-2-7-dark .underlined-title h4 {
    color: #444
}

.content-1-1 {
    background: url(../images/parallax-header3.jpg) center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.content-1-5 img {
    margin: 30px auto 0 auto
}

@media only screen and (min-width:992px) {
    .content-1-5 img {
        margin: 0
    }
}

.footer-1-4 {
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center
}

.footer-1-4 h2 {
    color: #fff
}

.footer-1-4 .footer-form {
    margin-top: 40px
}

.footer-1-4 input[type=text] {
    background-color: rgba(255, 255, 255, .7);
    border: solid 1px #e5e5e5;
    padding: 20px;
    width: 30%;
    color: #999
}

.footer-1-4 input[type=submit] {
    background: rgba(254, 151, 162, .8);
    border: solid 1px rgba(215, 105, 123, .8);
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer-1-4 input[type=submit]:hover {
    background: #ad3337;
    border: solid 1px #d7697b;
    color: #fff
}

.footer-1-4 .social {
    margin-top: 30px
}

#footer1 .navbar-brand {
    margin-top: 0;
    padding: 0
}

#footer1 .bottom-links {
    list-style-type: none;
    margin: 0 0 26px;
    padding: 0
}

#footer1 .bottom-links li {
    line-height: 26px
}

#footer1 .bottom-links li a {
    color: #b1b9bd
}

#footer1 .bottom-links li a:hover {
    color: #95a5a6
}

.footer-1-1 {
    padding-top: 60px;
    padding-bottom: 20px
}

.footer-1-1 .lead,
.footer-1-1 h3,
.footer-1-1 h4,
.footer-1-1 li {
    color: #545454
}

.footer-1-1 .brand-img {
    width: 200px;
    margin-bottom: 30px
}

.footer-1-1 h4 {
    margin-bottom: 20px
}

.footer-1-1 ul {
    list-style-type: none;
    margin: 0 0 26px;
    padding: 0
}

.footer-1-1 ul li {
    border-top: 1px solid #bdc3c7;
    line-height: 19px;
    padding: 6px 0
}

.footer-1-1 li:first-child {
    border-top: 0;
    padding-top: 1px
}

.flash-wrap {
    margin-top: -40px;
    padding: 20px 30px 50px;
    color: #fff
}

.flash-wrap h1,
.flash-wrap h2,
.flash-wrap h3,
.flash-wrap h4,
.flash-wrap h5,
.flash-wrap h6 {
    color: #fff !important
}

.flash-wrap .title {
    color: #fff;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 56px;
    margin: 20px 0 10px;
    line-height: 1.1;
    letter-spacing: -1px
}

.flash-wrap .subtitle {
    color: #333;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 40px;
    margin: 10px 0;
    line-height: 1.1;
    letter-spacing: -1px
}

.flash-wrap .description {
    color: #f4f4f4;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 30px;
    margin: 20px 0 10px;
    line-height: 1.1;
    letter-spacing: -1px
}

.box1>.icon {
    text-align: center;
    position: relative
}

.box1>.icon>.image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    line-height: 60px;
    border-radius: 50%;
    vertical-align: middle
}

.box1>.icon:hover>.image {
    background: #444
}

.box1>.icon>.image>i {
    font-size: 22px !important;
    color: #fff !important
}

.box1>.icon:hover>.image>i {
    color: #fff !important
}

.box1>.icon>.info {
    margin-top: -24px;
    background: rgba(0, 0, 0, .6);
    padding: 15px 0 10px 0
}

.box1>.icon:hover>.info {
    background: rgba(0, 0, 0, .8);
    border-color: #e0e0e0;
    color: #fff
}

.box1>.icon>.info>.title {
    color: #fff
}

.box1>.icon>.info>p {
    font-size: 13px;
    color: #ccc;
    line-height: 1.5em;
    margin: 10px 20px
}

.box1>.icon:hover>.info>.title,
.box>.icon:hover>.info>.more>a,
.box>.icon:hover>.info>p {
    color: #ccc
}

.box1>.icon>.info>.more a {
    font-size: 12px;
    color: #555;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 6px 8px;
    color: #fff
}

.box1>.icon:hover>.info>.more>a {
    color: #444;
    padding: 6px 8px
}

.box1 .space {
    height: 30px
}

.separator {
    height: 1px;
    background-color: #e1e1e1;
    width: 50%;
    margin-left: 25%;
    margin-top: 25px;
    margin-bottom: 25px
}

.separator-style {
    background-color: #fcfcfc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-style: solid;
    border-color: #e1e1e1;
    border-width: 2px;
    display: block;
    height: 9px;
    left: 50%;
    margin-left: -5px;
    margin-top: -4px;
    position: absolute;
    width: 9px
}

.separator-left {
    height: 1px;
    background-color: #e1e1e1;
    width: 50%;
    margin-top: 25px;
    margin-bottom: 25px
}

.separator-left-style {
    background-color: #fcfcfc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-style: solid;
    border-color: #e1e1e1;
    border-width: 2px;
    display: block;
    height: 9px;
    margin-left: 0;
    margin-top: -4px;
    position: absolute;
    width: 9px
}

.separator-right {
    height: 1px;
    background-color: #e1e1e1;
    width: 50%;
    margin-left: 50%;
    margin-top: 25px;
    margin-bottom: 25px
}

.separator-right-style {
    background-color: #fcfcfc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border-style: solid;
    border-color: #e1e1e1;
    border-width: 2px;
    display: block;
    height: 9px;
    right: 0;
    margin-right: 6px;
    margin-top: -4px;
    position: absolute;
    width: 9px
}

.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

#parallax {
    background: url(../images/home.jpg);
    background-position: 50% 0 !important;
    background-color: #333;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative
}

#parallax article {
    height: 458px;
    position: absolute;
    text-indent: -9999px;
    top: 91px;
    width: 100%
}

#parallax-header {
    background: url(../images/parallax-header.jpg) 50% 0 no-repeat fixed !important;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative
}

#parallax2 {
    background-image: url(../images/parallax-header2.jpg);
    background-position: 50% 0 !important;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative
}

#parallax3 {
    background-image: url(../images/parallax-header3.jpg);
    background-position: 50% 0 !important;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative
}

#parallax3 .style-title {
    color: #fff !important
}

#parallax4 {
    background-image: url(../images/parallax-header4.jpg);
    background-position: 50% 0 !important;
    background-color: #333;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative;
    color: rgba(250, 250, 250, .7)
}

#parallax4 h2,
#parallax4 i {
    color: #fff
}

.parallax-sports {
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative
}

.parallax-coffee {
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%
}

.parallax-spa {
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%
}

.overlay-02 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, .05);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.overlay-03 {
    background: none repeat scroll 0 0 rgba(30, 35, 41, .3);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.overlay-06 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, .6);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.overlay-07 {
    background: none repeat scroll 0 0 rgba(30, 35, 41, .7);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.overlay-dark-055 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, .55);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.price {
    font-size: 4em
}

.price-cents {
    vertical-align: super;
    font-size: 50%
}

.price-month {
    font-size: 35%;
    font-style: italic
}

.pricing .panel-body {
    padding: 0
}

.pricing:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4), 0 1px 5px rgba(130, 130, 130, .35)
}

.the-price {
    background-color: rgba(220, 220, 220, .17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0
}

.the-price h1 {
    line-height: 1em;
    padding: 0;
    margin: 0
}

.subscript {
    font-size: 25px
}

.cnrflash {
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0
}

.cnrflash-inner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .1) 50%), linear-gradient(0deg, transparent 0, rgba(1, 1, 1, .2) 50%);
    background-size: 4px, auto, auto, auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1, 1, 1, .5), 0 1px 0 0 rgba(1, 1, 1, .5), inset 0 -1px 8px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(255, 255, 255, .2)
}

.cnrflash-inner:after,
.cnrflash-inner:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid maroon
}

.cnrflash-inner:before {
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent
}

.cnrflash-inner:after {
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.cnrflash-label {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1, 1, 1, .8);
    font-size: .95em;
    font-weight: 500;
    text-align: center
}

.panel-title .glyphicon {
    margin-right: 10px
}

i.fa {
    position: relative;
    top: 0
}

.panel-body-accordion .glyphicon {
    margin-right: 10px;
    color: #545454
}

.panel-body-accordion {
    padding: 0
}

.panel-body-accordion table tr td {
    padding-left: 15px
}

.panel-body-accordion .table {
    margin-bottom: 0
}

.disable-margins {
    margin: 0 !important
}

.disable-paddings {
    padding: 0 !important
}

.top5 {
    margin-top: 5px !important
}

.top10 {
    margin-top: 10px !important
}

.top20 {
    margin-top: 20px !important
}

.top30 {
    margin-top: 30px !important
}

.top40 {
    margin-top: 40px !important
}

.top50 {
    margin-top: 50px !important
}

.top60 {
    margin-top: 60px !important
}

.top70 {
    margin-top: 70px !important
}

.top80 {
    margin-top: 80px !important
}

.top90 {
    margin-top: 90px !important
}

.top100 {
    margin-top: 100px !important
}

.bottom5 {
    margin-bottom: 5px !important
}

.bottom10 {
    margin-bottom: 10px !important
}

.bottom20 {
    margin-bottom: 20px !important
}

.bottom30 {
    margin-bottom: 30px !important
}

.bottom40 {
    margin-bottom: 40px !important
}

.bottom50 {
    margin-bottom: 50px !important
}

.bottom60 {
    margin-bottom: 60px !important
}

.bottom70 {
    margin-bottom: 70px !important
}

.bottom80 {
    margin-bottom: 80px !important
}

.bottom90 {
    margin-bottom: 90px !important
}

.bottom100 {
    margin-bottom: 100px !important
}

.top-5 {
    margin-top: -5px !important
}

.top-10 {
    margin-top: -10px !important
}

.top-20 {
    margin-top: -20px !important
}

.top-30 {
    margin-top: -30px !important
}

.top-40 {
    margin-top: -40px !important
}

.top-50 {
    margin-top: -50px !important
}

.top-60 {
    margin-top: -60px !important
}

.top-70 {
    margin-top: -70px !important
}

.top-80 {
    margin-top: -80px !important
}

.top-90 {
    margin-top: -90px !important
}

.top-100 {
    margin-top: -100px !important
}

.line-white {
    width: 100%;
    height: 1px;
    background: #fff;
    clear: both;
    display: block
}

.padding-top10 {
    padding-top: 10px !important
}

.padding-top15 {
    padding-top: 15px !important
}

.padding-top20 {
    padding-top: 20px !important
}

.padding-top30 {
    padding-top: 30px !important
}

.padding-top40 {
    padding-top: 40px !important
}

.padding-top50 {
    padding-top: 50px !important
}

.padding-top60 {
    padding-top: 60px !important
}

.padding-top70 {
    padding-top: 70px !important
}

.padding-top80 {
    padding-top: 80px !important
}

.padding-top90 {
    padding-top: 90px !important
}

.padding-top100 {
    padding-top: 100px !important
}

.padding-bottom10 {
    padding-bottom: 10px !important
}

.padding-bottom15 {
    padding-bottom: 15px !important
}

.padding-bottom20 {
    padding-bottom: 20px !important
}

.padding-bottom30 {
    padding-bottom: 30px !important
}

.padding-bottom40 {
    padding-bottom: 40px !important
}

.padding-bottom50 {
    padding-bottom: 50px !important
}

.padding-bottom60 {
    padding-bottom: 60px !important
}

.padding-bottom70 {
    padding-bottom: 70px !important
}

.padding-bottom80 {
    padding-bottom: 80px !important
}

.padding-bottom90 {
    padding-bottom: 90px !important
}

.padding-bottom100 {
    padding-bottom: 100px !important
}

.padding-left-zero {
    padding-left: 0
}

.padding-right-zero {
    padding-right: 0
}

.min-height-100px {
    min-height: 100px
}

.min-height-200px {
    min-height: 200px
}

.min-height-300px {
    min-height: 300px
}

.min-height-400px {
    min-height: 400px
}

.min-height-500px {
    min-height: 500px
}

.min-height-600px {
    min-height: 600px
}

.min-height-700px {
    min-height: 700px
}

.min-height-800px {
    min-height: 800px
}

.page-header {
    border-bottom: 1px dotted #e1e1e1;
    margin: 10px 0 20px;
    padding-bottom: 3px
}

.business-header {
    height: 270px;
    background: url(../images/theme/textures/wide1.jpg) center top no-repeat;
    background-size: cover
}

.chisiamo.business-header {
    height: 270px;
    background: url(../images/theme/textures/chisiamo.jpg) center top no-repeat;
    background-size: cover
}

.prodotto_1.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto_1.jpg) center top no-repeat;
    background-size: cover
}

.prodotto_2.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto_2.jpg) center top no-repeat;
    background-size: cover
}

.prodotto_3.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto_3.jpg) center top no-repeat;
    background-size: cover
}

.prodotto_4.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto_4.jpg) center top no-repeat;
    background-size: cover
}

.progetti.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto_progetti.jpg) center top no-repeat;
    background-size: cover
}

.bgcontatti.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto-contatti.jpg) center top no-repeat;
    background-size: cover
}

.bglavoraconnoi.business-header {
    height: 270px;
    background: url(../images/theme/textures/prodotto-contatti.jpg) center top no-repeat;
    background-size: cover
}

.bgnews.business-header {
    height: 270px;
    background: url(../images/theme/news-teco.jpg) center top no-repeat;
    background-size: cover
}

.business-header h4 {
    background: #34495e;
    color: #fff;
    padding: 5px;
    display: inline
}

.business-header2 {
    height: 340px;
    background: url(../images/textures/wide2.jpg) center center no-repeat;
    background-size: cover
}

.business-header2 h4 {
    background: #34495e;
    color: #fff;
    padding: 5px;
    display: inline
}

.tagline {
    color: #fff;
    text-shadow: 0 0 10px #000;
    margin-top: 225px
}

.google-map-header {
    height: 500px
}

.google-map-header iframe {
    margin: 0;
    padding: 0;
    width: 100%
}

.google-map-header-bottom {
    height: 400px
}

.google-map-header-bottom iframe {
    margin: 0;
    padding: 0;
    width: 100%
}

.login-header {
    background: url(../images/2400x1000-image01.jpg) center center no-repeat;
    background-size: cover;
    padding: 30px 0
}

.login-header h4 {
    background: #34495e;
    color: #fff;
    padding: 5px;
    display: inline
}

.tagline {
    background: #bf0203;
    text-shadow: none;
    color: #fff;
    margin-top: 225px;
    padding: 5px;
    display: inline-block
}

.account-box {
    border: 1px solid rgba(153, 153, 153, .75);
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    -o-border-radius: 0;
    z-index: 3;
    font-size: 12px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #fff;
    padding: 20px;
    opacity: .9;
    margin-top: 30px;
    margin-bottom: 30px
}

.logo-for-login {
    width: 140px;
    height: 30px;
    text-align: center;
    margin: 10px 0 27px 75px;
    background-position: 0 -4px;
    position: relative
}

.forgotLnk {
    margin-top: 10px;
    padding-left: 20px;
    display: block
}

.purple-bg {
    background-color: #6e329d;
    color: #fff
}

.or-box {
    position: relative;
    border-top: 1px solid #dfdfdf;
    padding-top: 20px;
    margin-top: 20px
}

.logo {
    display: block;
    text-indent: -9999px;
    width: 200px;
    height: 82px;
    background: url(logo.svg);
    background-size: 100px 82px
}

.account-box .btn:hover {
    color: #e1e1e1 !important
}

.account-box label {
    padding-left: 20px
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    font-weight: 400
}

.btn-google {
    background-color: #60bf40;
    color: #fff;
    font-weight: 400
}

#signup {
    margin-top: 10px;
    margin-bottom: 30px
}

#signup .row {
    margin-left: -15px;
    margin-right: -15px
}

#signup legend {
    color: #141823;
    font-size: 25px;
    font-weight: 500;
    line-height: 50px
}

.signup-btn {
    font-family: Arial;
    color: #fff;
    font-size: 20px;
    padding: 10px 20px;
    text-decoration: none
}

.signup-btn:hover {
    background: #8eaf26;
    text-decoration: none
}

.navbar-default .navbar-brand {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    width: 220px
}

@media(min-width:1024px) {
    .navbar-default .navbar-brand {
        padding-left: 0
    }
}

@media(max-width:420px) {
    .navbar-default .navbar-brand {
        width: 135px
    }
}

.form .form-control {
    margin-bottom: 10px
}

@media(min-width:768px) {
    #home {
        margin-top: 50px
    }
    #home .slogan {
        color: #0e385f;
        line-height: 29px;
        font-weight: 700
    }
}

.form-signin {
    margin: 0 auto
}

.form-signin .checkbox,
.form-signin .form-signin-heading {
    margin-bottom: 10px
}

.form-signin .checkbox {
    font-weight: 400;
    padding-left: 20px
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form-signin .form-control:focus {
    z-index: 2
}

.form-signin input[type=text] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form-signin input[type=password] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.account-wall {
    padding: 40px 0 20px 0
}

.login-title {
    color: #555;
    font-size: 38px;
    display: block
}

.profile-img {
    width: 150px;
    height: 150px;
    margin: 0 auto 30px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.need-help {
    margin-top: 10px
}

.new-account {
    display: block;
    margin-top: 10px
}

.bg-black {
    background-color: #111 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-offwhite {
    background-color: #f5f5f5 !important
}

.bg-clouds {
    background-color: #ecf0f1 !important
}

.bg-silver {
    background-color: #bdc3c7 !important
}

.bg-concrete {
    background-color: #95a5a6 !important
}

.bg-asbestos {
    background-color: #7f8c8d !important
}

.bg-tan {
    background-color: #d1dbbd !important
}

.bg-pewter {
    background-color: #91aa9d !important
}

.bg-moonlight {
    background-color: #3e606f !important
}

.bg-deepocean {
    background-color: #193441 !important
}

.bg-turquoise {
    background-color: #1abc9c !important
}

.bg-aqua {
    background-color: #16a085 !important
}

.bg-sunflower {
    background-color: #f1c40f !important
}

.bg-orange {
    background-color: #f39c12 !important
}

.bg-sienna {
    background-color: #bf4e19 !important
}

.bg-milanored {
    background-color: #ac1c00 !important
}

.bg-river {
    background-color: #007ee1 !important
}

.bg-marina {
    background-color: #2980b9 !important
}

.bg-deco {
    background-color: #c9d787 !important
}

.bg-crete {
    background-color: #7d8a2e !important
}

.bg-guardsman {
    background-color: #d90000 !important
}

.bg-pomegranate {
    background-color: #c0392b !important
}

.bg-finn {
    background-color: #723147 !important
}

.bg-tamarind {
    background-color: #31152b !important
}

.bg-brown {
    background-color: #695b59 !important
}

.bg-red {
    background-color: #bf0203 !important
}

.bg-light-red {
    background-color: #de2e40 !important
}

.bg-dark-red {
    background-color: #a30011 !important
}

.bg-light-gray {
    background-color: #e1e1e1 !important
}

.bg-lighter-gray {
    background-color: #f5f5f5 !important
}

.bg-trans {
    background-color: transparent !important
}

.bg-dark-gray {
    background-color: #666 !important
}

.bg-mid-gray {
    background-color: #d6d6d6 !important
}

.bg-f5 {
    background-color: #f5f5f5 !important
}

.bg-acqua {
    background-color: #0af !important;
    color: #fff !important
}

.bg-gas {
    background-color: #fe2 !important;
    color: #333 !important
}

.bg-cover {
    background-size: cover
}

.black {
    color: #111 !important
}

.white {
    color: #fff !important
}

.offwhite {
    color: #f5f5f5 !important
}

.clouds {
    color: #ecf0f1 !important
}

.silver {
    color: #bdc3c7 !important
}

.concrete {
    color: #95a5a6 !important
}

.asbestos {
    color: #7f8c8d !important
}

.tan {
    color: #d1dbbd !important
}

.pewter {
    color: #91aa9d !important
}

.moonlight {
    color: #3e606f !important
}

.deepocean {
    color: #193441 !important
}

.turquoise {
    color: #1abc9c !important
}

.aqua {
    color: #16a085 !important
}

.sunflower {
    color: #f1c40f !important
}

.orange {
    color: #f39c12 !important
}

.sienna {
    color: #bf4e19 !important
}

.milanored {
    color: #ac1c00 !important
}

.river {
    color: #007ee1 !important
}

.marina {
    color: #2980b9 !important
}

.deco {
    color: #c9d787 !important
}

.crete {
    color: #7d8a2e !important
}

.guardsman {
    color: #d90000 !important
}

.pomegranate {
    color: #c0392b !important
}

.finn {
    color: #723147 !important
}

.tamarind {
    color: #31152b !important
}

.brown {
    color: #695b59 !important
}

.red {
    color: #bf0203 !important
}

.diagonal-bottom-right:after {
    background: rgba(0, 0, 0, 0) url(../images/textures/diagonal-container-bottom-right.png) repeat scroll 0 0/100% 129px;
    bottom: 0;
    content: "";
    height: 129px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9
}

.diagonal-bottom-left:after {
    background: rgba(0, 0, 0, 0) url(../images/textures/diagonal-container-bottom-left.png) repeat scroll 0 0/100% 129px;
    bottom: 0;
    content: "";
    height: 129px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9
}

.diagonal-top-right:before {
    background: rgba(0, 0, 0, 0) url(../images/textures/diagonal-container-top-right.png) repeat scroll 0 0/100% 129px;
    top: 0;
    content: "";
    height: 129px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9
}

.diagonal-top-left:before {
    background: rgba(0, 0, 0, 0) url(../images/textures/diagonal-container-top-left.png) repeat scroll 0 0/100% 129px;
    top: 0;
    content: "";
    height: 129px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 9
}

.content {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.magazine .blog-item img {
    border: 0
}

.module-light {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #f6f7f9
}

.module-dark {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #111;
    color: #fff
}

.module-dark a {
    color: #fb0
}

#contact-form {
    padding: 20px
}

#contact-form .cfgen-validationmessage {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #bf0203
}

#contact-form .cfgen-errormessage {
    font-family: Verdana;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    color: #bf0203
}

#contact-form .cfgen-type-textarea {
    height: 140px
}

p.txt-privacy {
    padding: 10px;
    border: 1px solid #ccc;
    color: #777;
    font-size: 12px;
    line-height: 20px;
    background: #f0f0f0;
    border-radius: 2px;
    margin: 10px 0
}

.account-form .form-group label.text-privacy {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 8px;
}

p.txt-privacy a, .text-privacy a {
    color: #06c
}

.tb-prodotto span, .text-privacy span {
    font-weight: 500;
    color: #de2e42
}

.altri-prodotti-title {
    color: #333;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    font-weight: 500;
    text-transform: uppercase !important;
    font-size: 1.5em
}


.titolo-consenso-marketing {
    color: #111;
      font-size: 1.2em;
}
.titolo-consenso-marketing strong {
    font-size: 1.1em;
/*    color: #04519b;*/
}
.titolo-consenso-marketing strong span {
    color: #f00;
}
.titolo-consenso-marketing a {
    color: #04519b;
}

.inc-chisiamo {
    border-top: 1px solid #ededed
}

.inc-chisiamo h4 {
    font-weight: 700 !important
}

.custom-page-header h1 {
    color: #fff;
    font-size: 3em;
    text-transform: uppercase;
    background: 0;
    display: inline;
    padding: 3px 10px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

@media only screen and (max-width:992px) {
    .navbar-brand>img {
        max-width: 165px;
        margin-top: 0
    }
    .custom-page-header h1 {
        display: inline-block !important;
        line-height: 25px
    }
}

@media only screen and (min-width:768px) {
    .inc-chisiamo .spot p {
        min-height: 240px
    }
}

@media only screen and (max-width:768px) {
    .inc-chisiamo .spot {
        margin-bottom: 35px
    }
}

@media only screen and (max-width:767px) {
    .navbar-brand>img {
        margin-top: 0
    }
}

.group-job-position {
    border-bottom: 1px dotted #666;
    padding: 15px 0;
    margin: 10px 0
}

.group-job-position h4 {
    padding: 0;
    margin: 0
}

.news h2 {
    margin-bottom: 10px
}

.homepage .mediaholder_innerwrap {
    max-height: 185px !important;
    overflow: hidden !important
}

@media only screen and (min-width:768px) {
    .homepage .mediaholder_innerwrap {
        max-height: 200px;
        overflow: hidden !important
    }
    .inside.blog-item {
        border-right: 1px solid #ccc;
        padding-right: 20px
    }
}

.blog-item {
    max-width: 850px;
    margin: 15px auto
}

.inside.blog-item,
.inside.blog-item p {
    font-size: 1.05em;
    line-height: 1.55em
}

.news.latest-news li a {
    font-size: 1.2em
}

.news .latest-news li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px
}

.toolbar a,
.toolbar i,
.toolbar span {
    color: #555 !important
}

.footerX .latest-news li a span {
    color: #fff
}

.homepage .showbiz-title {
    min-height: 40px
}

.bg-menu-grey {
    background: #8f8f8f;
    background: -moz-linear-gradient(top, #8f8f8f 0, #666 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, #8f8f8f), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, #8f8f8f 0, #666 100%);
    background: -o-linear-gradient(top, #8f8f8f 0, #666 100%);
    background: -ms-linear-gradient(top, #8f8f8f 0, #666 100%);
    background: linear-gradient(to bottom, #8f8f8f 0, #666 100%);
    border-bottom: #999 1px solid
}

.bg-menu-white {
    background: #fff
}

.bg-menu-white {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.footer .bottom-box1,
.footer .bottom-box2,
.footer .bottom-box3 {
    font-weight: 300;
    font-family: Roboto
}

.footer .bottom-box1 p {
    padding-right: 30px
}

.footer a.email-address,
.footer a.telefono {
    display: inline-block;
    margin: 0 0 7px 15px
}

#form-cerca {
    padding: 8px
}

input#cerca {
    border-radius: 8px;
    border: 2px solid #777;
    font-size: 12px;
    width: 210px
}

.title-banda {
    padding: 0;
    font-size: 2.2em;
    line-height: 1.2;
    margin: 30px 0
}

.title-banda.no-banda {
    border-left: none;
    padding: 0;
    margin: 30px 0 20px 0
}

.title-banda strong {
    font-weight: 700
}

.create-account .title-banda {
    margin: 30px 0 10px 0
}

.box-quote-chisiamo {
    background: #ececec;
    padding: 25px 30px;
    font-size: 1.3em;
    line-height: 1.5em;
    font-style: italic;
    margin-top: 30px;
    border-radius: 3px
}

.azienda .box-quote-chisiamo {
    background: #e9e9e9;
    color: #333
}

.big-des {
    font-size: 1.25em;
    line-height: 1.6;
    margin: 10px 0
}

.boxed-big-des {
    font-size: 1.35em;
    line-height: 1.6em;
    margin: 25px 0;
    padding: 0 15px
}

.boxed-big-des a {
    font-size: .75em;
    line-height: 1.6em;
    display: block;
    margin: 25px 0;
    padding: 0;
    font-weight: 500;
    color: #fff
}

a.green-link {
    color: #60bf40;
    font-weight: 500;
    margin: 20px 0;
    display: block;
    font-size: 1.1em
}

a:hover.green-link {
    color: #165192
}

a:hover {
    color: #165192
}

.nopadding {
    padding: 0 !important
}

#box-produzione {
    border-color: #ccc !important
}

#h-container-info-produzione {
    position: relative
}

#h-container-info-produzione #bg_img {
    position: relative;
    z-index: 1
}

#h-container-info-produzione #box-title-mii {
    position: absolute;
    z-index: 1;
    top: 0;
    background: #fff;
    padding: 4px 30px;
    max-width: 350px
}

#box-title-mii p {
    font-weight: 500;
    text-transform: uppercase
}

.title-secondario {
    font-weight: 600 !important;
    text-transform: none;
    font-size: 1.8em
}

.item-boxes-homepage .title-secondario {
    margin: 0;
    padding: 0;
    color: #fff
}

.item-boxes-homepage {
    border: 2px solid #ccc;
    padding: 15px;
    position: relative;
    min-height: 220px
}

.item-boxes-homepage button {
    border: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    background: 0;
    font-weight: 500;
    color: #fff
}

.bold600 {
    font-weight: 600 !important
}

.bold700 {
    font-weight: 700 !important
}

.h-container-btn-prodotti {
    position: relative;
    padding: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.h-container-btn-prodotti .icona-teco {
    position: absolute;
    top: -20px;
    right: -20px
}

.p-item {
    margin-top: 15px;
    border: 5px solid #666;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.p-item h4 {
    line-height: 35px;
    text-align: right;
    font-size: 2.4em;
    padding: 60px 35px;
    font-weight: 300;
    margin: 0;
    font-size: "Open sans", sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.p-item h4 span {
    font-weight: 700
}

.h-container-btn-prodotti button {
    background: #666;
    color: #fff;
    padding: 5px 15px;
    border: 0;
    margin-top: 1px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.h-container-btn-prodotti:hover button {
    background: #60bf40
}

.h-container-btn-prodotti:hover .p-item {
    border: 5px solid #60bf40
}

.h-container-btn-prodotti .p-item h4 {
    background: url(../images/theme/prodotti-teco.png);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.h-container-btn-prodotti.oem .p-item h4 {
    background: url(../images/theme/prodotti-oem.png);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

@media(max-width:390px) {
    .h-container-btn-prodotti .p-item h4,
    .p-item h4 {
        line-height: 35px;
        font-size: 1.9em;
        padding: 20px 35px
    }
}

@media(max-width:320px) {
    .h-container-btn-prodotti .p-item h4,
    .p-item h4 {
        line-height: 40px;
        font-size: 2.3em;
        padding: 10px 20px
    }
}

@media(max-width:280px) {
    .h-container-btn-prodotti .p-item h4,
    .p-item h4 {
        line-height: 28px;
        font-size: 1.3em;
        padding: 10px 20px
    }
}

#map-canvas {
    height: 450px;
    width: 100%
}

#location-details {
    font-size: 15px;
    line-height: 2em;
    color: #333
}

#location-details p {
    line-height: 1.7em
}

#location-details a {
    color: #0071bc;
    font-weight: 600
}

#location-details i {
    margin-right: 10px;
    width: 20px
}

.section--map {
    height: auto;
    position: relative
}
.f-blue {
    color: #0071bc;
}
.btn-blue {
    background: #0071bc;
    color: #fff
}

.btn-dark-grey {
    background: #555;
    color: #fff
}

.btn-blue,
.btn-dark-grey {
    font-size: 15px;
    font-weight: 500;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-blue:hover,
.btn-dark-grey:hover {
    background: #337ab7;
    color: #fff
}

.btn-blue.request_info,
.btn-dark-grey.request_info {
    max-width: 230px;
    padding: 15px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.btn-blue.btn-info,
.btn-dark-grey.btn-info {
    max-width: 230px;
    padding: 15px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.bg-light-blue {
    background: #0071bc;
    color: #fff
}

.bg-dark-blue {
    background: #036;
    color: #fff
}

.section--title h1 {
    margin: 20px 0
}

.section-content-contact .hero-header {
    position: relative
}

.section-content-contact p {
    color: #444;
    font-size: 1.8em;
    line-height: 1.3em
}

.section-content-contact .container {
    border-bottom: 3px solid #0071bc
}

.container-filtri label {
    display: block
}

@media(max-width:380px) {
    .container-filtri label {
        font-size: 11px
    }
}

.item-boxes-homepage.mappa {
    background: url(../images/theme/novita-teco-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.item-boxes-homepage.video {
    background: url(../images/theme/novita-teco-2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
}

.reset-filter {
    float: right;
    padding: 2px 8px;
    background: #666
}

.border-top-ccc {
    border-top: 1px solid #ccc
}

.border-bottom-ccc {
    border-bottom: 1px solid #ccc
}

.border-top-ddd {
    border-top: 1px solid #ddd
}

.border-bottom-ddd {
    border-bottom: 1px solid #ddd
}

.border-top-eee {
    border-top: 1px solid #eee
}

.border-bottom-eee {
    border-bottom: 1px solid #eee
}

.titoletto {
    color: #333;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.4em
}

.btn-teco {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 13px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-teco i {
    float: right;
    margin-left: 10px;
    font-weight: 400
}

@media(max-width:992px) {
    .btn-teco {
        display: block;
        width: 100%
    }
}

.linea1 .btn-teco {
    background: #ffeb3b;
    color: #333
}

.linea2 .btn-teco {
    background: #2797e4;
    color: #fff
}

.btn-teco:hover {
    background: #666;
    color: #fff
}

.linea1 .btn-dettagli-tecnologia.btn-teco,
.linea2 .btn-dettagli-tecnologia.btn-teco {
    background: #999;
    color: #fff
}

.linea1 .btn-dettagli-tecnologia.btn-teco:hover,
.linea2 .btn-dettagli-tecnologia.btn-teco:hover {
    background: #666;
    color: #333
}

#box-intro-descrizione-prodotto {
    /*display: flex;*/
}

#box-dati-tecnici-prodotto {
    border-right:1px solid #ddd; 
}

.section--scheda-prodotto--extra-navigation {
/*    box-shadow: 0 2px 5px rgba(100, 100, 100, .1);*/
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    border-bottom:1px solid #ddd;    
}

.section--scheda-prodotto--extra-navigation.navbar-fixed-top {
    /*top: 52px;*/
    top: 0px;
/*    box-shadow: 0 2px 5px rgba(100, 100, 100, .8);*/
}
.it .section--scheda-prodotto--extra-navigation.navbar-fixed-top {
    top: 0px;
}

@media(max-width:767px) {
    .section--scheda-prodotto--extra-navigation.navbar-fixed-top {
        top: 0
    }
}

.pm-isotope-filter-container {
    width: 100%;
    min-height: 40px;
    background-color: #FFF;
}

.pm-isotope-filter-system {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    display: table;
    margin: 0 auto;
    max-width: 1670px;
    width: 100%;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

@media(max-width:1200px) {
    .pm-isotope-filter-system {
        max-width: 970px
    }
}

@media(max-width:820px) {
    .pm-isotope-filter-system {
        padding: 0
    }
}

.pm-isotope-filter-system li:before {
    content: "";
    padding: 0;
    margin: 0
}

.pm-isotope-filter-system li {
    float: left;
    margin-right: 30px;
    margin-left: 10px
}

.pm-isotope-filter-system li i {
    float: right;
    font-family: FontAwesome;
    margin-top: 14px
}

.pm-isotope-filter-system li i.plus {
    display: none
}

.pm-isotope-filter-system li:last-child {
    margin-right: 0
}

.pm-isotope-filter-system li a {
    font-family: Roboto, sans-serif;
    font-size: calc( 1.0rem + 0.25vmax );
    font-weight: 500;
    color: #222;
    text-transform: none;
    padding-top: 5px;
    border-top: 3px solid transparent;
    display: block;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}
.pm-isotope-filter-system li.backtoproduct a {
    position: relative;
}
.pm-isotope-filter-system li.backtoproduct a:before {
    content: "\f060";
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: 13px;
    position: absolute;
    left: -20px;
    top: 4px;
  }
@media(min-width:821px) {
    .pm-isotope-filter-system li.articoli {
        margin-left: 0px;
    }
    .backtoproduct {
        float: right !important;
    }
}

.pm-isotope-filter-system li a.active {
    color: #06c;
}

.pm-isotope-filter-system li a span.acqua {
    border-bottom: 5px solid #2797e4
}

.pm-isotope-filter-system li a span.gas {
    border-bottom: 8px solid #c90
}

.pm-isotope-filter-system li a.current {
    border-top: 5px solid #06c;
    color: #06c
}

.pm-isotope-filter-system li a:focus {
    color: #444 !important
}

.pm-isotope-filter-system li a.active,
.pm-isotope-filter-system li a:hover {
    color: #555 !important
}
.pm-isotope-filter-system li a.active {
    text-decoration: underline;
}

.pm-isotope-filter-system-expand {
    background-color: #666;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: calc( 1.1rem + 0.3vmax );
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    display: none;
    visibility: hidden
}

.pm-isotope-filter-system-expand:hover {
    cursor: pointer
}

.p-gamma-gruppo .pm-isotope-filter-container,
.p-gamma-prodotto .pm-isotope-filter-container {
  background: #efefef;
  border-radius: 5px;
  margin-bottom: 5px;
}

.pm-isotope-page-count {
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    color: #777;
    font-size: calc( 1.1rem + 0.3vmax );
    margin-bottom: 0;
    margin-top: 15px
}

@media(max-width:820px) {
    .pm-isotope-filter-system {
        margin: 0;
        width: 100%;
        display: block;
        height: 40px;
        overflow: hidden
    }
    .pm-isotope-filter-system li a.current {
        border-top: 0 solid #fff
    }
    .pm-isotope-filter-container {
        height: auto;
        min-height: 100%
    }
    .pm-isotope-filter-system li {
        float: none;
        width: 100%
    }
    .pm-isotope-filter-system li a {
        line-height: 28px;
        border-bottom: 1px solid #fff;
        padding: 0 20px
    }
    .pm-isotope-filter-system-expand {
        display: block;
        visibility: visible
    }
    .pm-isotope-filter-system li i.plus {
        margin: 14px 5px 0 0
    }
}

.header-categoria-prodotti {
    margin-bottom: 5px;
    clear: both
}

.header-categoria-prodotti h2 {
    margin: 0;
    font-size: 2.3em;
    line-height: 1em;
    font-family: Roboto, sans-serif;
    margin-top: 15px;
    margin-bottom: 15px
}

.header-categoria-prodotti h2 span {
    font-size: .75em
}

.categoria-linea-acqua .header-categoria-prodotti h2 {
    color: #fff
}

.categoria-linea-gas .header-categoria-prodotti h2 {
    color: #333
}

.categoria-linea-acqua .header-categoria-prodotti {
    background-color: #2797e4
}

.categoria-linea-gas .header-categoria-prodotti {
    background-color: #ffeb3b
}

@media(max-width:520px) {
    .header-categoria-prodotti img {
        max-width: 70px
    }
}

@media(max-width:380px) {
    .header-categoria-prodotti h2 {
        margin: 0;
        font-size: 1.9em;
        padding: 5px 0
    }
    .header-categoria-prodotti h2 span {
        font-size: .65em
    }
}

@media(max-width:280px) {
    .header-categoria-prodotti img {
        display: none
    }
}

.box-filtro-reset {
    font-weight: 500;
    text-transform: uppercase
}

.container-filtri div:first-child {
    text-transform: uppercase;
    font-size: 1.1em
}

.box-filtri {
    padding: 0
}

.box-filtri>div {
    padding: 10px 15px;
    margin-bottom: 3px
}

.container-filtri>div {
    color: #125c9e;
    font-weight: 500;
    text-trasnform: uppercase;
    margin-bottom: 10px
}

.categoria-linea-acqua .container-filtri>div {
    color: #114f86
}

.container-filtri input {
    margin-right: 10px
}

.box-filtri>div {
    background-color: #e5e5e5;
    color: #333
}

.categoria-linea-acqua .box-filtri>div {
    background-color: #e5e5e5;
    color: #333
}

.categoria-linea-gas .box-filtri>div {
    background-color: #e5e5e5;
    color: #333
}

.item-prodotto {
    position: relative;
    padding: 0
}

.item-prodotto a {
    display: block;
    border: 2px solid #eee;
    margin: 9px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .1);
    -moz-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .1);
    box-shadow: 0 0 13px 0 rgba(50, 50, 50, .1)
}

.item-prodotto h3 {
    font-weight: 700 !important;
    color: #333;
    font-family: Roboto, sans-serif;
    font-size: 1.3em;
    margin: 0 3px;
    position: relative;
    z-index: 2
}

.item-prodotto img {
    position: relative;
    width: 80%;
    z-index: 0;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 50px
}

.item-prodotto p {
    position: absolute;
    z-index: 2;
    background: #fff;
    bottom: 0;
    color: #333;
    line-height: 17px;
    padding: 0 5px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.box-elenco-prodotti {
    margin-bottom: 30px
}



button.dropdown-toggle.language {
    background: 0;
    border: 0;
    padding: 2px 0 0;
    margin: 0
}

.dropdown-menu.select-language {
    color: #444;
    background: #fff;
    padding: 0;
    margin: 0;
    border-radius: 0
}

.dropdown-menu.select-language li {
    padding: 0;
    margin: 0;
    width: 100%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.dropdown-menu.select-language li a {
    color: #444;
    border: 0
}

.dropdown-menu.select-language li a:hover {
    background: #f5f5f5;
    color: #444
}

#new-homepage {
    padding: 0;
    background: #444;
    cursor: pointer
}

#new-homepage .item {
    position: relative
}

#new-homepage .item a {
    display: block;
    width: 100%;
    height: 100%
}

#new-homepage .item a img {
    display: block;
    width: 100%
}

.blocco-accesso-box {
    padding: 40px 0
}

.header-container-scheda-prodotto-slider {
    position: relative;
    z-index: 1
}

.header-container-scheda-prodotto-slider .icona-linea {
    width: 100% !important;
    max-width: 60px !important
}

.section--scheda-prodotto--header.mobile {
    display: none
}

.k4 .header-container-scheda-prodotto-slider .container-title h2 {
    color: #fff
}

.k4 .header-container-scheda-prodotto-slider .container-title h1 {
    color: #fff
}

.k2 .header-container-scheda-prodotto-slider .container-title h2 {
    color: #fff
}

.k2 .header-container-scheda-prodotto-slider .container-title h1 {
    color: #fff
}

.btn-lista {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    margin: 10px 0;
    padding: 8px 55px 8px 8px
}

.btn-lista i {
    font-weight: 400;
    margin: 0 7px
}

.btn-lista i.fa-th {
    font-size: 2em;
    position: absolute;
    right: 4px;
    top: 6px
}

.linea1 .btn-lista i {
    color: #666
}

.linea1 .btn-lista {
    /*background: #ffeb3b;*/
    background: #555;
    color: #333
}

.linea2 .btn-lista {
    /*background: #2797e4;*/
    background: #555;
    color: #fff
}

.linea3 .btn-lista {
    /*background: #ccc;*/
    background: #555;
    color: #fff
}

.btn-lista {
    background: #999;
    color: #fff
}

.btn-lista:hover {
    background: #666;
    color: #fff
}

.linea1 .btn-lista:hover i {
    color: #fff
}

.box-info-riassuntive {
    border-right: 5px solid #999
}

.tecnologie .box-info-riassuntive {
    border-right: 0
}

.box-info-riassuntive h1 {
    color: #333;
    margin: 0;
    padding: 10px 0 10px 10px;
    font-size: 1.4em;
    line-height: 1.4em;
    padding-right: 10px
}

.info-prodotto {
    margin-top: 30px;
    margin-bottom: 40px
}

.box-info-tecnologie-integrate h3 {
    padding-left: 80px;
    color: #333;
    background: #efefef;
    padding: 8px 5px 8px 80px;
    margin: 47px 0 15px;
    font-size: 1.2em;
    line-height: 1.2em
}

.icona-logo-tecnologia {
    max-width: 145px;
    margin: 0 0 10px 0
}

.icona-prodotto {
    float: left;
    display: inline;
    max-width: 50px;
    margin-right: 10px;
    border: 2px solid #999;
    margin-bottom: 20px
}

.box-info-tecnologie-integrate .descrizione {
    display: inline;
    float: left;
    padding-left: 20px
}

.info-prodotto .descrizione .info--des {
    display: block;
    padding: 10px;
    clear: both
}

.tecnologie .info-prodotto .descrizione .info--des {
    padding: 20px 10px;
    font-size: 1.1em
}

.logo-prodotto {
    max-width: 100px;
    margin: 10px 0
}

.nome-tecnologia {
    font-weight: 500;
    color: #333;
    font-size: 1.2em;
    padding-top: 10px
}

@media(max-width:420px) {
    .box-info-tecnologie-integrate h3 {
        padding: 5px 10px
    }
    .box-info-tecnologie-integrate .descrizione {
        width: 60%
    }
}

@media(max-width:800px) {
    .section--scheda-prodotto--header img {
        width: auto;
        max-height: 47px
    }
}


#elenco-raccordi-produttori {
    display: flex;
    flex-wrap: wrap;
}

@media(max-width:1100px) {
    #elenco-raccordi-produttori .col {
        flex: 25%;
    }
}
@media(max-width:920px) {
    #elenco-raccordi-produttori .col {
        flex: 33.3%;
    }
}
@media(max-width:600px) {
    #elenco-raccordi-produttori .col {
        flex: 50%;
    }
}


.container-title {
    padding: 10px 15px 0
}

.container-title a:hover {
    color: #666 !important
}

.section--scheda-prodotto--header h1,
.section--scheda-prodotto--header h2 {
    display: inline;
    color: #fff;
    text-transform: none;
    font-family: Roboto, sans-serif
}

.section--scheda-prodotto--header h1 {
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.3em
}

.section--scheda-prodotto--header h2 {
    font-weight: 500;
    font-size: 2em;
    margin-right: 15px;
    line-height: 1.1em
}

.section--scheda-prodotto--intro {
    padding-top: 10px
}

.tecnologie .section--scheda-prodotto--intro {
    padding: 0 10px 10px 10px
}

.section--scheda-prodotto--descrizione {
    padding-top: 40px;
    padding-bottom: 40px
}

.section--scheda-prodotto--descrizione .descrizione {
    max-width: 500px;
    margin: 10px 0 35px 0
}

.k2 .section--scheda-prodotto--descrizione .descrizione,
.k4 .section--scheda-prodotto--descrizione .descrizione {
    max-width: 95%;
    margin: 10px 0 25px 0
}

a.link--prodotto-correlato {
    background: #fff;
    display: block;
    padding: 10px;
    margin: 30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

a.link--prodotto-correlato img {
    display: inline-block;
    width: 50%;
    float: left
}

a.link--prodotto-correlato .box {
    display: inline-block;
    width: 45%;
    float: right
}

a.link--prodotto-correlato .box h4 {
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: 700 !important;
    color: #333;
    font-family: Roboto, sans-serif
}

a.link--prodotto-correlato .box h4 span {
    font-size: 1em;
    font-weight: 400;
    color: #333;
    text-transform: none
}

@media(max-width:480px) {
    a.link--prodotto-correlato .box,
    a.link--prodotto-correlato img {
        display: block;
        width: 100%;
        float: none
    }
}

a.link--prodotto-correlato button.btn-teco {
    background: #999
}

a:hover.link--prodotto-correlato button.btn-teco {
    background: #666 !important
}

.elenco-icone-certificazioni ul {
    position: relative;
    margin: 10px 0;
    padding: 0
}

.elenco-icone-certificazioni ul li {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0
}

.elenco-icone-certificazioni ul li:last-child {
    margin: 0
}

.box-link-gamma {
    margin-top: 30px;
    padding: 10px 20px;
    background: #e9e9e9;
    max-width: 450px;
    border: 1px solid #ddd
}

.box-link-gamma h5 {
    display: inline-block;
    float: left;
    padding: 0;
    margin: 10px 0
}

.box-link-gamma a {
    display: inline-block;
    float: right
}

.section--scheda-prodotto--heading {
    background: #ebebeb;
    margin-top: 2px;
    color: #333
}

.section--scheda-prodotto--heading.white-style {
    background: 0
}

.section--scheda-prodotto--heading.light-grey-style {
    background: #f0f0f0
}

.section--scheda-prodotto--heading.light-grey-style h3,
.section--scheda-prodotto--heading.white-style h3 {
    font-weight: 900 !important;
    font-size: 1.9em;
    padding: 24px 0
}

.section--scheda-prodotto--heading.light-grey-style {
    background: #fff
}

.section--scheda-prodotto--heading.dark-style {
    background: #444;
    margin-top: 0;
    color: #fff
}

.section--scheda-prodotto--heading h3 {
    margin: 0;
    padding: 15px 0 10px 0;
    color: #333;
    text-transform: none;
}

.section--scheda-prodotto--heading.dark-style h1,
.section--scheda-prodotto--heading.dark-style h3 {
    font-size: 1.9em;
    padding: 10px 0;
    color: #fff
}

@media(max-width:520px) {
    .section--scheda-prodotto--heading.dark-style h1,
    .section--scheda-prodotto--heading.dark-style h3 {
        font-size: 1.7em
    }
}

.p-prodotti .section--scheda-prodotto--heading.dark-style h1 {
    margin: 0 !important
}

.p-prodotti .section--scheda-prodotto--heading {
    margin: 0 0 30px 0
}

#gamma-section {
/*    -webkit-box-shadow: inset 0 13px 10px -9px rgba(0, 0, 0, .24);
    -moz-box-shadow: inset 0 13px 10px -9px rgba(0, 0, 0, .24);
    box-shadow: inset 0 13px 10px -9px rgba(0, 0, 0, .24)*/
}

.lista-documentazione {
    margin: 0
}

.lista-documentazione .file-item {
    display: inline-block;
    float: left;
    margin: 25px 25px 25px 0
}

@media(max-width:480px) {
    .lista-documentazione .file-item {
        margin: 10px 5px 10px 0
    }
}

.lista-documentazione .file-item:last-child {
    margin-right: 0
}

.lista-documentazione .file-item a {
    display: block;
    padding: 5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400 !important;
    color: #333;
    font-family: Roboto, sans-serif;
    background: #fff;
    border: 2px solid #999;
    color: #333;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.lista-documentazione .file-item a:hover {
    background: #666;
    color: #fff
}

.lista-documentazione .file-item a i {
    padding: 0 0 0 10px
}

.section--scheda-prodotto--img img {
    width: 1600px
}

.section--scheda-prodotto--tecnologie-integrata {
    padding-bottom: 40px
}

.section--scheda-prodotto--tecnologie-integrata .lista-tecnologia-integrate {
    padding-top: 40px
}

.container-info-tecnologia {
    display: table
}

.info-box--tecnologia-integrata {
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3)
}

.info-box--tecnologia-integrata.TECNOLOGIA {
    border-left: 2px solid #ccc
}

.info-box--tecnologia-integrata>div {
    padding: 40px 0
}

.info-box--tecnologia-integrata div.cover {
    padding: 0;
    overflow: hidden
}

.info-box--tecnologia-integrata div.cover img {
    margin-left: 10px;
    max-width: 170px
}

.info-box--tecnologia-integrata .fast-des {
    padding-left: 10px;
    padding-right: 10px
}

.info-box--tecnologia-integrata .fast-des .sottotitolo {
    color: #333;
    font-weight: 500;
    font-size: 1.3em
}

.info-box--tecnologia-integrata div.abstract-ti {
    background: #f5f5f5;
    height: 100%;
    padding: 30px 30px 10px 30px
}

.info-box--tecnologia-integrata .descrizione {
    color: #333;
    font-size: 1.05em;
    line-height: 1.5em
}

.info-box--tecnologia-integrata .call-to-action {
    position: relative
}

@media(min-width:992px) {
    .info-box--tecnologia-integrata .call-to-action button {
        margin-top: 40px
    }
}

@media(max-width:992px) {
    .info-box--tecnologia-integrata div {
        padding: 10px !important
    }
    .info-box--tecnologia-integrata div.cover .clearfix {
        display: none
    }
    .info-box--tecnologia-integrata .fast-des .sottotitolo {
        padding: 0 !important
    }
    .info-box--tecnologia-integrata .fast-des .nome-tecnologia {
        padding: 0 !important
    }
    .section--scheda-prodotto--descrizione .descrizione {
        max-width: 98%;
        margin: 10px 0 35px 0
    }
}

@media(max-width:992px) {
    .nome-tecnologia {
        font-size: 1.1em
    }
}

@media(max-width:991px) {
    .info-box--tecnologia-integrata .fast-des {
        padding: 10px !important;
        margin-top: 20px;
        margin-bottom: 10px
    }
    .logo-prodotto {
        max-width: 100px;
        margin: 10px 0
    }
}

@media(max-width:600px) {
    .info-box--tecnologia-integrata div.cover {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 !important
    }
    .info-box--tecnologia-integrata div.cover .clearfix {
        display: none
    }
    .info-box--tecnologia-integrata .fast-des {
        padding: 0 10px !important;
        margin-top: 0;
        margin-bottom: 15px;
        display: block;
        width: 100%
    }
}

@media(max-width:767px) {
    .box-link-gamma {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
}

table#gamma-scheda {
    border: 1px solid #FFF;
    color: #333
}

table#gamma-scheda td {
    font-weight: 400;
    padding: 7px 0px;
    margin: 0;
    vertical-align: middle;
    border-bottom: 1px solid #999 !important;
    white-space: initial;
    color:#333;
    text-align: right;
    font-size: 1.55rem;
    line-height: 1.1;
}
table#gamma-scheda td b, table#gamma-scheda td strong {
    color:#111;
}

table#gamma-scheda tr:last-child td {
    border-bottom: 1px solid #ccc !important
}

th#box-titoletto-scheda {
    white-space: normal
}

table#gamma-scheda tr:hover td {
    background: #fff
}

table#gamma-scheda td.grigio {
    font-weight: 500;
    padding: 7px 0px;
    text-transform: none;
    vertical-align: middle;
    width: 45%;
    text-align: left;
}

/*table#gamma-scheda tr:last-child td {
    padding-bottom: 20px !important
}*/

table#gamma-scheda th {
    background: #fff;
    padding: 0 0px 5px;
    border-bottom: 1px solid #333;
    border-top: 0px;
    color: #222;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: calc( 1.1rem + 0.3vmax );
}


table#gamma-scheda .certificazioni,
table#gamma-scheda .certificazioni-sub {
    font-weight: 600
}

table#gamma-scheda .certificazioni {
    font-size: 1.2em;
    text-align: right;
    padding: 5px 20px
}

table#gamma-scheda .certificazioni-sub {
    background: #e9e9e9;
    padding: 5px 20px;
    font-weight: 500;
    font-size: 1.2em
}

table#gamma-scheda .caratteristiche {
    padding: 17px 20px 10px;
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase
}


table#gamma-scheda td.icone-certificazioni img {
    padding: 0px 3px
}
table#gamma-scheda td.icone-certificazioni {
    text-align: left;
    padding: 0px 5px;
    padding-top:20px;
    display: flex;
}
table#gamma-scheda td.icone-certificazioni .item-certificazione {
    margin-right: 10px;
}

.section--gamma-prodotti--schede {
    color: #333
}

.section--gamma-prodotti--schede .sottotitolo-prodotto {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #333;
    margin: 10px 0
}

.box-container-gamma-prodotto {
    border-top: 1px solid #efefef;
    padding: 10px 0 20px 0 !important;
    width: 100%;
    float: left;
    display: inline-block
}

.box-gamma-prodotto-codici,
.box-gamma-prodotto-cover,
.box-gamma-prodotto-des {
    padding: 0
}
.box-gamma-prodotto-codici {
    padding: 0px 0px 20px 0px;
}
.box-gamma-prodotto-des {
    padding: 15px;
}

span.info-aggiuntive-gp {
    color: #039;
    font-weight: 500;
    font-style: italic
}

.box-gamma-prodotto-des h6 {
    font-weight: 700 !important;
    color: #333;
    margin-bottom: 5px
}

.box-gamma-prodotto-des .descrizione {
    font-size: 1em;
    line-height: 1.3em
}

.box-gamma-prodotto-cover img {
    margin: 10px auto;
    dislay: block
}

.gamma-gruppo {
    padding: 10px 0 10px 15px;
    color: #333;
    border-left: 15px solid;
    margin-bottom: 20px;
    margin-top: 10px;
    background: #efefef
}

.linea1 .gamma-gruppo {
    border-color: #ffeb3b
}

.linea2 .gamma-gruppo {
    border-color: #007ee1
}

.linea3 .gamma-gruppo {
    border-color: #ccc
}

#gamma-gruppo .ghost {
    /*display: none;*/
    opacity: 0.2;
}
.gamma-gruppo .gamma_titolo {
    font-size: 1.5em;
    font-weight: 500;
    color: #333;
    margin: 0;
    padding: 0;
    font-family: "Open sans", sans-serif
}

.gamma-gruppo .gamma_sottotitolo {
    color: #333;
    font-family: "Open sans", sans-serif;
    margin-bottom: 0;
    padding-bottom: 0
}

.box-gamma-prodotto-des h6 {
    font-size: 1.15em
}

.box-gamma-prodotto-des .descrizione {
    padding-bottom: 5px
}

.box-container-gamma-prodotto {
    padding-top: 0;
    padding-bottom: 0;
    background: #fff
}

.box-gamma-prodotto-codici .table {
    border: 0px solid #ccc
}

.box-gamma-prodotto-codici .table>tbody>tr>th {
    border-top: 0;
    background: #FFF
}

.box-gamma-prodotto-codici .table>tbody>tr>td,
.box-gamma-prodotto-codici .table>tbody>tr>th {
    text-align: left;
    vertical-align: middle
}
.box-gamma-prodotto-codici .table>tbody>tr>th {
    color: #333;
}
.box-gamma-prodotto-codici .table>tbody>tr>td {
    color: #333;
    /*border-left: 1px solid #ccc;*/
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.box-gamma-prodotto-codici .table>tbody>tr>td.bim a {
    display: flex;
    align-items: center;
}
.box-gamma-prodotto-codici .table>tbody>tr>td.bim a span {
    font-size: 11px;
  padding: 0px 6px;
}

.box-gamma-prodotto-codici .table td.extra_colonna {
      color: #fff;
      background: #222;
      max-width: 20px;
      text-align: center;
      border: 3px solid #fff;
}

.box-gamma-prodotto-codici .table {
    padding: 0 10px;
    margin-bottom: 0
}
.box-gamma-prodotto-codici .table .bim-column span {
    color: #fff;
    background: #333;
    border-radius: 4px;
    padding: 1px 8px;
}

.box-gamma-prodotto-codici td,
.box-gamma-prodotto-codici th {
    padding: 4px 3px !important;
    font-size: calc( 0.8rem + 0.30vmax );
}
@media screen and (min-width:990px) {
    .box-gamma-prodotto-codici td,
    .box-gamma-prodotto-codici th {
        padding: 6px 4px !important;
    }
}

.box-gamma-prodotto-codici td:first-child {
    font-weight: 500
}

.box-gamma-prodotto-codici .table-striped>tbody>tr {
    background-color: #eee;
}

.box-gamma-prodotto-codici .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.box-gamma-prodotto-codici .gamma_codice {
    font-weight: 500;
    font-size: calc( 0.9rem + 0.30vmax );
}


.box-gamma-prodotto-codici .is_fastec .fastec_icon {
    background: #cfe9f6;
    padding: 0 !important;
    max-width: 40px;
    width: 40px;
    min-width: 20px;
    vertical-align: middle
}

table .bim-column {
    width: 50px;
    text-align: center;
}

.box-gamma-prodotto-codici .is_fastec .fastec_icon img {
    width: 100%;
    max-width: 38px;
    min-width: 18px
}

.box-gamma-prodotto-codici .is_fastec .D1 {
    /*background: #cfe9f6*/
}

th.gamma_codice {
    max-width: 140px;
    width: 140px
}
th.D1, 
th.D2, 
th.D3, 
th.D4, 
th.D5, 
th.L1, 
th.L2, 
th.L3, 
th.L4, 
th.L5 
{
    max-width: 100px;
    width: 70px
}

th.conf {
    max-width: 80px;
    width: 80px
}

th.vgas_id {
    max-width: 100px;
    width: 100px
}

.box-tecnologie {
    border-top: 1px solid #ccc;
    padding: 10px
}

.box-tecnologie img {
    display: inline;
    float: right;
    margin: 0 5px
}

.box-connessioni {
    border-top: 1px solid #ccc
}

.etichetta-connesione {
    font-size: 1.4em;
    padding: 10px 3px;
    font-weight: 700
}

.linea1 .etichetta-connesione {
    background: #ffeb3b
}

.linea2 .etichetta-connesione {
    background: #007ee1
}

.linea3 .etichetta-connesione {
    background: #ccc
}

.descrizione-connessione {
    font-size: 12px;
    line-height: 16px;
    padding: 10px 20px
}

.squareVgas {
    width: 10px;
    height: 10px;
    display: inline-block;
    padding: 0;
    margin: 0
}

.vgas span {
    display: inline-block
}

.box-gamma-prodotto-descrizione h6 {
    color: #333;
    font-size: 1.2em;
    font-weight: 600 !important;
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .box-gamma-prodotto-descrizione {
        margin: 10px 0 20px;
        padding: 0
    }
}

@media screen and (max-width:600px) {
    .box-gamma-prodotto-codici,
    .box-gamma-prodotto-descrizione {
        display: block;
        float: none;
        width: 100%
    }
}

.intro-tabella {
    clear: both
}

.intro-tabella h6 {
    margin: 0;
    color: #333;
    font-size: 1em;
    font-weight: 600 !important;
    line-height: 1.3;
    text-align: left;
    padding: 5px 10px;
    background: #efefef;
    border: 2px solid #ccc;
    border-bottom: 0
}

.box-gamma-prodotto-descrizione {
    color: #333;
    line-height: 1.3
}

.box-gamma-prodotto-descrizione .immagine-cover {
    max-width: 100%
}

@media screen and (max-width:600px) {
    .box-gamma-prodotto-descrizione .immagine-cover {
        max-width: 60%;
        margin: 0 auto
    }
}

.box-gamma-prodotto-descrizione ol,
.box-gamma-prodotto-descrizione ul {
    padding: 0;
    margin-bottom: 15px
}

.box-gamma-prodotto-descrizione ol li,
.box-gamma-prodotto-descrizione ul li {
    list-style: inside
}

td.f-red.TAE {
    color: #da0000 !important;
    font-size: 2em;
    line-height: 0
}

.box-gamma-prodotto-codici .table>tbody>tr>th.TAE {
    color: #da0000 !important
}

td.vgas_id {
    color: #007ee1 !important
}

.box-gamma-prodotto-codici .table>tbody>tr>th.vgas_id {
    color: #007ee1 !important
}

.box-gamma-prodotto-codici .table>tbody>tr>.vgas span {
    color: #007ee1 !important;
    font-weight: 700
}

.section--scheda-gamma--gallery {
    position: relative;
    max-width: 600px;
    margin: 0 auto
}

.section--scheda-gamma--gallery .product-slider {
    padding: 0
}

.section--scheda-gamma--gallery .product-slider #carousel {
    border: 0;
    margin: 0
}

.section--scheda-gamma--gallery .product-slider .item img {
    width: 100%;
    height: auto
}

.section--scheda-gamma--gallery .carousel-control:active,
.section--scheda-gamma--gallery .carousel-control:focus,
.section--scheda-gamma--gallery .carousel-control:hover {
    color: #444
}

.section--scheda-gamma--gallery .carousel-caption,
.section--scheda-gamma--gallery .carousel-control .fa {
    font: normal normal normal 30px/26px FontAwesome
}

.section--scheda-gamma--gallery .carousel-control.left,
.section--scheda-gamma--gallery .carousel-control.right {
    background-color: rgba(0, 0, 0, 0);
    background-image: none
}

.section--scheda-gamma--gallery .carousel-control {
    top: 35%;
    height: 40px;
    border: 1px solid #444;
    border-radius: 60px;
    width: 40px;
    margin: 0 20px
}

.section--scheda-gamma--gallery .carousel-control i {
    color: #444
}

.section--scheda-gamma--gallery .carousel-control.left i {
    padding: 5px 4px 0 0
}

.section--scheda-gamma--gallery .carousel-control.right i {
    padding: 5px 0 0 3px
}

@media screen and (max-width:480px) {
    .section--scheda-gamma--gallery .carousel-control {
        display: none
    }
}

.section--scheda-gamma--gallery .imagenav.nav-pills>li>a>img {
    max-width: 90px !important
}

.section--scheda-gamma--gallery .imagenav.nav-pills>li {
    border: 1px solid #ccc
}

.section--scheda-gamma--gallery .imagenav.nav-pills>li.active {
    border-color: #444
}

.section--scheda-gamma--gallery .imagenav {
    float: left;
    padding: 10px 0
}

.section--scheda-gamma--gallery .imagenav.nav-pills>li {
    list-style: none
}

.intro-tabella {
    width: 100%;
    display: block;
    position: relative
}

.des-gamma-gruppo .box-des {
    margin-top: 10px
}

.des-gamma-gruppo .box-des h5 {
    color: #333;
    font-size: 1.3em;
    margin: 0 0 7px 0
}

.des-gamma-gruppo .box-des .des {
    color: #333;
    font-size: 1em;
    margin-bottom: 10px;
  line-height: 1.3;
}

.gal-gamma-gruppo {
    max-width: 90% !important;
    overflow: hidden;
    margin: 0 auto
}

.section--scheda-prodotto--tabelle-gamme {
    padding-top: 5px;
    padding-bottom: 30px
}

.found-item-groups {
    border: 1px solid #ccc;
    margin: 20px 0 17px 0
}

.found-item {
    display: block;
    color: #333 !important;
    padding: 20px;
    padding: 1rem 1.575rem;
    border-bottom: 1px solid #ccc;
    clear: both
}

.found-item a {
    color: #333
}

.found-item-groups .found-item:last-item {
    border-bottom: 0;
    border-bottom: 0
}

.ricerca h2 {
    margin: 0;
    padding-right: 30px;
    padding-right: 1.875rem;
    padding-left: 30px;
    padding-left: 1.875rem;
    padding: 30px;
    padding: 1.875rem;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: #333;
    font-weight: 700 !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #e6e6e6
}

.ricerca h2 span {
    color: #999;
    font-weight: 400
}

.titolo_item_ricerca {
    font-weight: 500;
    font-size: 17px;
    font-size: 1.25em
}

.prodotti .descrizione_item_ricerca {
    text-transform: uppercase;
    font-size: 12px
}

.descrizione_item_ricerca {
    color: #333
}

a .descrizione_item_ricerca {
    color: #333
}

a:hover .descrizione_item_ricerca {
    color: #444
}

a .titolo_item_ricerca {
    color: #333
}

a:hover .titolo_item_ricerca {
    color: #0071bc
}

.img_ricerca {
    display: block;
    max-width: 100px;
    float: left;
    border: none;
    margin: 0 10px
}

.nessun-risultato {
    padding: 40px;
    border: 1px solid;
    background: #f5f5f5;
    text-align: center;
    margin: 10px 0 100px 0
}

.nessun-risultato i {
    display: block;
    color: #666;
    font-size: 6em
}

.nessun-risultato p {
    display: block;
    color: #444;
    font-size: 1.7em;
    line-height: 2em
}

.ricerca .box-info-contenuto-bloccato {
    padding: 20px 20px 10px;
    margin: 0
}

#form-container .btn-teco.btn-info,
.ricerca .box-info-contenuto-bloccato .btn-info {
    background: #06c
}

#form-container .btn-teco.btn-info:hover,
.ricerca .box-info-contenuto-bloccato .btn-info:hover {
    background: #666
}

.ricerca .box-info-contenuto-bloccato .btn-login {
    color: #fff
}

.ricerca .box-info-contenuto-bloccato .btn-login:focus {
    color: #fff !important
}

.ricerca .box-info-contenuto-bloccato .btn-login i {
    margin: 3px 0 0 10px
}

.box-info-contenuto-bloccato {
    margin-top: 10px;
    border: 1px dashed #999;
    background: #f2f2f2;
    padding-top: 10px
}

.box-info-contenuto-bloccato .info-content-blocked {
    line-height: 20px;
    color: #333
}

.box-info-contenuto-bloccato .info-content-blocked strong {
    color: #06c
}

.section--scheda-prodotto .box-info-contenuto-bloccato {
    padding: 10px 15px
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco {
    padding: 10px
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login {
    background-color: #999;
    color: #fff;
    padding: 9px 10px
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login i {
    margin: 3px 0 0 10px
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login:focus,
.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login:hover {
    background-color: #666;
    color: #fff !important;
    outline: 0
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-info {
    background: #06c;
    color: #fff
}

.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-info:focus,
.section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-info:hover {
    background-color: #666;
    color: #fff !important;
    outline: 0
}

#login-modal .btn-teco {
    background-color: #999 !important;
    color: #fff
}

#login-modal .btn-teco:focus,
#login-modal .btn-teco:hover {
    background-color: #666 !important;
    color: #fff !important
}

.linea1 #login-modal .btn-teco.btn-info,
.linea2 #login-modal .btn-teco.btn-info,
.linea3 #login-modal .btn-teco.btn-info {
    background-color: #999 !important;
    color: #fff !important
}

.linea1 #login-modal .btn-teco.btn-info:focus,
.linea1 #login-modal .btn-teco.btn-info:hover,
.linea2 #login-modal .btn-teco.btn-info:focus,
.linea2 #login-modal .btn-teco.btn-info:hover,
.linea3 #login-modal .btn-teco.btn-info:hover,
.linea4 #login-modal .btn-teco.btn-info:focus {
    background-color: #666 !important;
    color: #fff;
    outline: 0
}

#login-modal .well {
    border: 0
}

#loginErrorMsg {
    margin: 10px 0 0;
    display: block;
    width: 100%;
    color: #c00;
    font-weight: 500;
    border: 1px solid #c00;
    background: #fcc
}

.top-menu li a:focus,
.top-menu li a:hover {
    outline: 0 !important
}



.careers-offers-container {
    background: #f5f5f5
}

.offer {
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3);
    -moz-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3);
    box-shadow: 0 0 13px 0 rgba(50, 50, 50, .3);
    padding: 25px
}

.offer h2 {
    text-transform: none;
    color: #333;
    font-weight: 700 !important;
    line-height: 1.3em;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 15px
}

.offer h2 span {
    font-weight: 300 !important;
    text-align: center;
    display: block
}

.offer h3 {
    text-transform: none;
    color: #06c;
    font-weight: 600 !important;
    line-height: 1.1em;
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 10px
}

.found-items {
    padding: 20px 15px;
    color: #333;
    font-weight: 600
}

.btn-open-application.btn-teco.btn-info {
    max-width: 240px;
    display: block;
    float: right;
    text-align: left;
    font-weight: 400
}

.box-careers-offer .btn-teco.btn-info {
    background: #06c;
    color: #fff;
    float: right;
    max-width: 200px;
    margin: -35px auto 0 auto;
    display: block
}

.box-careers-offer .btn-teco.btn-info:focus,
.box-careers-offer .btn-teco.btn-info:hover {
    background-color: #666;
    color: #fff !important;
    outline: 0
}

#container-form-search-job {
    text-align: right;
    padding: 10px 0
}

#container-form-search-job .filter_by,
#container-form-search-job .select_job_category,
#container-form-search-job input {
    display: inline;
    margin: 3px;
}
.select_job_category {
    margin-bottom: 1px;
}
#container-form-search-job .filter_by {
    margin-left: 0
}

#container-form-search-job input {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 13px;
    padding: 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #999;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #06c;
    background-repeat: no-repeat;
    border: 1px solid #f7f7f7
}

.career-header {
    padding: 20px 15px;
    margin-top: 4px
}

.career-header h1 {
    color: #fff;
    margin: 5px 0;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 1.5em
}

.careers-offer-sheet-container {
    padding: 30px 0
}

.header-job-offer {
    margin: 15px 0
}

.header-job-offer h1 {
    color: #333;
    margin: 5px 0 0;
    padding: 0;
    font-weight: 700 !important;
    text-transform: none;
    font-size: 1.9em;
    line-height: 1.7em
}

.header-job-offer .specifica {
    color: #333;
    margin: 0 0 5px;
    padding: 0;
    font-weight: 400;
    text-transform: none;
    font-size: 1.45em
}

.header-job-offer .job-category {
    font-weight: 500;
    color: #06c;
    font-size: 1.2em
}

.header-job-offer .job-category a {
    font-weight: 400;
    color: #06c;
    display: inline-block;
    padding-left: 5px;
    text-transform: lowercase;
    font-size: .75em !important
}

.header-job-offer .job-category a:hover {
    color: #00aced
}

.job-offer-description {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #333;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

.job-offer-description .sede {
    padding-bottom: 15px
}

.form-appling-offer {
    margin-top: 10px;
    padding: 25px;
    background: #ebebeb
}

.form-appling-offer form .gruppo {
    margin: 10px 0;
    padding: 0
}

.form-appling-offer form label {
    color: #06c;
    font-size: 1.1em;
}
.form-appling-offer form label span {
    color: #e43a45;
}

.form-appling-offer form input {
    color: #333;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-appling-offer form .form-group {
    margin-bottom: 1px
}

.form-appling-offer form .separatore {
    border-top: 1px solid #ccc;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 20px;
    margin-top: 20px
}

.form-appling-offer .txt-privacy {
    height: 90px;
    overflow-y: scroll
}

.form-appling-offer form h2 {
    color: #333;
    margin: 0 15px 15px;
    padding: 0;
    font-weight: 900 !important;
    text-transform: none;
    font-size: 1.5em;
    line-height: 1.7em
}

.form-appling-offer input[type=submit] {
    background: #de921a;
    color: #fff;
    border-color: #f1c40f
}

.form-appling-offer input[type=submit]:hover {
    border-color: #16a085;
    background: #3b9e3b
}

#text-open-application {
    color: #333;
    font-size: 1.4rem;
    margin-bottom: 15px
}

@media screen and (max-width:1200px) {
    .box-careers-offer .btn-teco.btn-info {
        margin-top: 0;
        float: none
    }
}

@media screen and (max-width:992px) {
    .btn-open-application {
        float: right
    }
}

@media screen and (max-width:768px) {
    .career-header h1 {
        text-align: center
    }
    #container-form-search-job {
        text-align: center
    }
}

.pre-form {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 0;
    line-height: 18px
}

.account-form {
    background: #f5f5f5;
    padding-top: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.account-form .group2 {
    border-top: 1px dashed #ccc;
    padding-top: 15px;
    margin-top: 20px
}

.account-form .form-group {
    margin-bottom: 5px
}

.account-form .form-group label {
    color: #04519b
}

.account-form .form-group select {
    max-width: 100%;
    height: 40px;
    width: 100%;
    border: 2px solid #e7e8e9;
    font-size: 16px
}

.account-form .form-group .form-control {
    height: 40px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    border: 2px solid #e7e8e9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px
}

.bg-blue {
    background: #06c;
    color: #fff
}

.box-scheda-design {
    display: table;
    margin: 0 auto;
    padding: 50px 0
}

.box-scheda-design h5 {
    text-align: center;
    font-size: 1.5em;
    color: #333;
    font-weight: 400;
    font-family: "Open sans", sans-serif;
    margin: 0
}

.box-scheda-design h5 strong {
    display: inline-block;
    padding: 3px;
    background: #ccc
}

.box-scheda-design ul {
    display: table;
    margin: 0 auto;
    float: left;
    padding: 0;
    text-align: center;
    width: 100%
}

.box-scheda-design ul li {
    display: inline-block;
    padding: 5px;
    text-align: center;
    list-style: none
}

.box-scheda-design ul li img {
    border: 2px solid #ccc;
    max-width: 70px;
    margin: 0 auto
}

.box-scheda-design ul li {
    color: #333;
    font-weight: 400;
    font-family: "Open sans", sans-serif;
    line-height: 17px
}

.box-scheda-design ul li p {
    font-size: 11px
}

.box-scheda-design img {
    margin: 0 auto
}

.box-scheda-design img.placca100 {
    max-width: 90%
}

.box-scheda-design img.placca90 {
    max-width: 80%
}

.box-scheda-design img.placca80 {
    max-width: 70%
}

.box-scheda-design img.placca70 {
    max-width: 60%
}

.box-scheda-design .img-container {
    width: 100%
}

.k2 .box-scheda-design {
    padding: 20px 0
}

.k2 .box-scheda-design ul li img {
    max-width: 50px
}

.box-scheda-design ul span {
    font-size: 11px;
    font-weight: 700
}

.k2 .box-scheda-design .img-container {
    min-height: 360px
}

.k2 .box-scheda-design .img-container.half {
    min-height: 290px
}

@media(min-width:769px) {
    .box-scheda-design .img-container {
        min-height: 200px
    }
    .k2 .box-scheda-design .img-container {
        min-height: 230px
    }
    .k2 .box-scheda-design .img-container.half {
        min-height: 170px
    }
}

@media(min-width:991px) {
    .box-scheda-design .img-container {
        min-height: 340px
    }
    .k2 .box-scheda-design .img-container {
        min-height: 300px
    }
    .k2 .box-scheda-design .img-container.half {
        min-height: 240px
    }
}

@media(min-width:1100px) {
    .box-scheda-design .img-container {
        min-height: 400px
    }
    .k2 .box-scheda-design .img-container {
        min-height: 300px
    }
    .k2 .box-scheda-design .img-container.half {
        min-height: 230px
    }
}

@media(min-width:1200px) {
    .k2 .box-scheda-design .img-container {
        min-height: 370px
    }
    .k2 .box-scheda-design .img-container.half {
        min-height: 290px
    }
}

@media(max-width:768px) {
    .box-scheda-design .img-container {
        margin: 20px 0
    }
    .k2 .box-scheda-design .img-container {
        min-height: 230px
    }
    .k2 .box-scheda-design .img-container.half {
        min-height: 170px
    }
}

@media(max-width:600px) {
    .k2 .box-scheda-design .img-container {
        min-height: initial !important;
        height: auto !important
    }
}

.design-sottotitolo {
    text-transform: none
}

.box-gamma-prodotti h4 {
    background: #2797e4;
    color: #fff;
    padding: 10px 15px
}

.k2 .box-gamma-prodotti h4 {
    background: #ffeb3b;
    color: #333
}

.box-gamma-prodotti h5 {
    color: #333;
    text-transform: none;
    font-size: 1.1em;
    margin: 10px 0
}

.box-gamma-prodotti h5 span {
    text-align: right;
    display: inline-block;
    float: right;
    font-weight: 500;
    font-size: 1.3em
}

@media(max-width:320px) {
    .box-gamma-prodotti h5 span {
        text-align: left;
        display: block;
        float: right;
        margin: 23px 0 0;
        font-weight: 500;
        font-size: 1.3em
    }
}

.box-prodotto-mini-sito {
    position: relative;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 0 20px 0
}

.box-prodotto-mini-sito button {
    position: absolute;
    bottom: 15px;
    right: 10px
}

@media(max-width:992px) {
    .box-prodotto-mini-sito button.btn-teco {
        display: inline;
        width: auto !important;
        bottom: 8px;
        right: 8px;
        padding: 5px 10px
    }
}

@media(max-width:420px) {
    .box-prodotto-mini-sito img {
        padding-bottom: 40px
    }
}

.premio-winner {
    max-width: 100%;
    margin-bottom: 20px
}

.bg-grigio-scuro {
    background: #444 !important
}

@media(min-width:1280px) {
    .section--scheda-prodotto--view-prodotto .container-fluid,
    .section--scheda-prodotto--view-prodotto .container-fluid>div {
        padding: 0
    }
}

.section--scheda-prodotto--view-prodotto {
    position: relative;
    max-width: 100%
}

/*.p-prodotto .section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header {
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1
}*/

.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header {
    color: #fff;
    z-index: 3;
    float: left;
    width: 100%;
    padding: 25px;
}

.section--scheda-prodotto--view-prodotto .line-white {
    display: none;
    background: #ccc
}


.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header h1,
.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header h2 {
    color: #fff;
    /*float: left;*/
    display: inline-block;
    margin: 0;
/*    text-shadow: 1px 1px 11px #000*/
}

.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header h2 {
    font-size: 2.2em;
    letter-spacing: .5px;
    margin: 0 10px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--intro-header h1 {
    font-size: calc( 1.3rem + 1.25vmax );
    line-height: 1.3;
    margin: 0;
    padding-top: 10px;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    line-height: 1.1;
    text-transform: uppercase;
    max-width: 100%;
    display: block;
    margin-bottom:5%;
}




.elenco-norme-certificazioni {
    clear: both;
    width: fit-content
}

.elenco-norme-certificazioni img {
    padding-right: 10px
}

.abstract_prodotto {
/*    position: absolute;
    top: 33%;*/
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*text-shadow: 1px 1px 11px #000;
    max-width: 290px*/
}

@media(max-width:992px) {
    .abstract_prodotto {
        font-size: 1.1em;
/*        max-width: 200px;
        top: 38%*/
    }
}

@media(max-width:820px) {
/*    .abstract_prodotto {
        top: 8%
    }*/
}

@media(max-width:768px) {
/*    .abstract_prodotto {
        position: relative;
        padding: 10px 0;
        max-width: 100%
    }*/
}

@media(min-width:769px) and (max-width:820px) {
    .header-container-scheda-prodotto-slider {
        padding: 0
    }
    .header-container-scheda-prodotto-slider .container-title {
        padding: 0
    }
}

.container-bradcrumbs .breadcrumb a {
    font-weight: 400;
    font-size: 1.24rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.container-bradcrumbs .breadcrumb a:hover {
    color: #666;
}
.container-bradcrumbs.bg-grigio-scuro .breadcrumb a {
    color: #f0f0f0;
}
.container-bradcrumbs.bg-grigio-scuro .breadcrumb li:last-child a {
    font-weight: 400;
    color: #fff;
/*    text-transform: uppercase !important*/
}

.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso {
    position: relative
}



.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso .is_new, 
.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso .is_new_design 
{
    position: absolute;
    left: 0;
    background: #0056ac;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 1.7rem;
    margin: 20px 0;
    z-index: 1;
}

@media(min-width:821px) {
    .section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso .is_new, 
    .section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso .is_new_design 
    {
        left: auto;
        right: 0;
    }
}



.section--scheda-prodotto--view-prodotto #section--scheda-prodotto--prodotto-esploso img {
    max-width: 100%;
    height: auto
}


img.p-logo {
    float: none;
    display: inline-block;
    max-height: 35px;
    max-width: 95%;
    margin: 15px 0 15px 0;
    display: block;
}

.fastec-store img.p-logo {
    max-height: 40px;
    height: 40px;
    max-width: none;
    margin: 10px 20px 0 0
}

.ek img.p-logo {
    height: 35px;
    max-height: 35px;
    max-width: 30%;
    margin: 10px 20px 0 0
}

.firebag img.p-logo {
    max-height: 30px;
    height: 30px;
    max-width: none;
    margin: 8px 20px 0 0
}

.gst img.p-logo {
    max-height: 27px;
    height: 27px;
    max-width: none;
    margin: 9px 20px 0 0
}

.k-bloc img.p-logo {
    max-height: 90px;
    max-width: none;
}
.t4-punto-blu img.p-logo {
    max-height: 50px;
    height: 50px;
    max-width: none;
    margin: 0 20px 20px 0
}

#section--scheda-prodotto--tabella-info-tecniche {
    padding: 3vw 5vw 3vw 0px;
}



.section--scheda-prodotto--scheda-tecnica {}

.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto {
    color: #222;
    font-size: 1.55rem;
    line-height: 1.1;
/*    padding: 35px 40px 25px*/
    padding: 3vw 5vw;
}
.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto {
    color: #222;
    font-size: 1.6rem;
    line-height: 1.1;
    margin-bottom: 2vw;
}
.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto ul, 
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto ul {
    padding: 0 0 0 20px;
    margin-bottom: 47px;
}
.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto ul li::marker, 
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto ul li::marker {
    color: #666;
    font-size: 2rem;
    line-height: 1.1;
}

@media all and (max-width:992px) {
    .section--scheda-prodotto--scheda-tecnica .descrizione-prodotto {
        padding: 35px 0 15px
    }
}

@media all and (max-width:600px) {
    .section--scheda-prodotto--scheda-tecnica .descrizione-prodotto {
        padding: 15px 0 35px
    }
}

.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto p,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto p {
    color: #222;
    font-size: 1.55rem;
    line-height: 1.1;
}
.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto li,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto li {
    margin-bottom:6px;
}

.section--scheda-prodotto--scheda-tecnica .campo-impiego-prodotto h4,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h4 {
    color: #333;
    font-size: calc( 1.1rem + 0.3vmax );
}

.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h3 {
    margin-top: 0
}

.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h2,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h3,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h4,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h5,
.section--scheda-prodotto--scheda-tecnica .descrizione-prodotto h6 {
    color: #444;
    font-weight: 600 !important
}

@media(max-width:992px) {
    .section--scheda-prodotto--scheda-tecnica .container {
        padding-right: 0;
        padding-left: 0
    }
}

.spec-firebag {
    background: #fff;
    border: 1px solid #d20000;
    padding: 10px;
    margin: 20px 0
}

.spec-firebag h4 {
    display: inline-block;
    color: #d20000 !important;
    padding: 0;
    text-align: center;
    float: left;
    padding: 30px 25px 5px 20px;
    font-size: 2em
}

.spec-firebag p {
    display: block;
    padding: 0 20px;
    margin: 0
}

.spec-gst {
    background: #fff;
    border: 1px solid #007ee1;
    padding: 10px;
    margin: 20px 0
}

.spec-gst h4 {
    display: inline-block;
    color: #007ee1 !important;
    padding: 0;
    text-align: center;
    float: left;
    padding: 20px 25px 5px 20px;
    font-size: 2em
}

.spec-gst p {
    display: block;
    padding: 0 20px;
    margin: 0
}

.section--scheda-prodotto--elenco-gamma {
    background: #ebebeb;
    padding: 0 1vw 2vw;
}
.section--scheda-prodotto--elenco-gamma .container {
    display: flex;
      flex-wrap: wrap;
}
.section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti {
display: flex;
      flex-direction: column;
      position: relative;
}
.section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti a,
.section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti  .item-gamma {
    height:100%;
}

.section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti {
    padding: 5px
}

@media(max-width:600px) {
    .section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti {
        padding: 5px
    }
    .section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti .item-gamma {
        margin-bottom: 5px
    }
}

@media(max-width:320px) {
    .section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti {
        width: 100%;
        display: block;
        float: none
    }
}

.section--scheda-prodotto--elenco-gamma .item-gamma {
    background: #fff;
    border: 0px solid #d7d7d7;
    margin-bottom: 5px;
    position: relative;
    border-radius: 10px;
}
.section--scheda-prodotto--elenco-gamma .item-gamma .container-image {
    position: relative;
}
.section--scheda-prodotto--elenco-gamma .item-gamma .is_new,
.section--scheda-prodotto--elenco-gamma .item-gamma .is_new_design {
  position: absolute;
  bottom: 10px;
  right: 5px;
  background: rgba(2, 74, 212, 0.9);
  color: #fff;
  padding: 0px 5px;
  font-size: 12px;
  border-radius: 3px;
}


.section--scheda-prodotto--elenco-gamma .active {
    cursor: default
}

.section--scheda-prodotto--elenco-gamma .item-gamma:hover {
     opacity: .9
}
.section--scheda-prodotto--elenco-gamma .active .item-gamma {
    opacity: .4
}

.section--scheda-prodotto--elenco-gamma .item-gamma h3,
.section--scheda-prodotto--elenco-gamma .item-gamma h4 {
    font-weight: 500 !important;
    color: #222;
    text-transform: none;
    font-size: 1.12em;
    line-height: 1.2;
}


.section--scheda-prodotto--elenco-gamma .item-gamma h4 {
    font-weight: 400 !important
}

.section--scheda-prodotto--elenco-gamma .item-gamma--box-des {
    padding: 3px 20px;
    min-height: 102px
}

.section--scheda-gamma {
    padding-top: 20px;
    padding-bottom: 10px
}

@media(min-width:769px) {
    .section--scheda-gamma--descrizione #section--scheda-gamma--intro {
        margin-top: 50px
    }
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro h2 {
    font-weight: 400;
    color: #444;
    margin: 0;
    font-size: 2.3em;
    line-height: 1
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro .loghi-tecnologie {
    padding: 10px 0
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro ul {
    float: left;
    padding: 0 0 0 20px;
    margin-bottom: 15px
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro h2 strong {
    padding-right: 10px;
    font-weight: 900
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro h3 {
    font-weight: 900 !important;
    color: #444;
    margin: 8px 0 10px;
    font-size: 1.8em
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro .descrizione {
    padding: 11px 0
}

.section--scheda-gamma--descrizione #section--scheda-gamma--intro .descrizione,
.section--scheda-gamma--descrizione #section--scheda-gamma--intro .descrizione p {
    line-height: 1.5;
    font-size: 1.5rem;
    color: #333
}

#box-below-slide-k {
    background: #3b424a;
    padding: 15px 0
}

#container-placche-homepage {
    max-width: 1170px
}

#container-placche-homepage p {
    color: #fff;
    font-size: 2.8em;
    text-align: right;
    padding: 40px 20px;
    margin: 0;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400
}

@media(max-width:992px) {
    #container-placche-homepage p {
        font-size: 2.2em;
        padding: 30px 20px
    }
}

@media(max-width:860px) {
    #container-placche-homepage p {
        font-size: 1.8em;
        padding: 20px 20px
    }
}

@media(max-width:600px) {
    #container-placche-homepage p {
        font-size: 2em;
        text-align: center;
        padding: 20px 15px 5px;
        line-height: 1.3em
    }
    #container-placche-homepage .container-k2,
    #container-placche-homepage .container-k4 {
        width: 50%;
        float: left;
        display: inline
    }
    #container-placche-homepage .container-testo {
        width: 100%;
        display: block
    }
}

.sec--oem {
    border-top: 2px solid #ccc;
    overflow: hidden
}

.sec--oem-header {
    border-bottom: 1px solid #ccc
}

@media(min-width:1200px) {
    .sec--oem-header img {
        max-width: 1360px;
        margin: 0 auto
    }
    .oem h3 {
        font-size: 2.1em
    }
}

.circle-container {
    position: relative;
    width: 48em;
    height: 43em;
    padding: 0;
    border-radius: 50%;
    list-style: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    background: url(../images/theme/teco-oem.jpg) center center no-repeat;
    background-size: 100%
}

.circle-container>* {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2em;
    margin: -3em
}

.circle-container>:nth-of-type(8) {
    -moz-transform: rotate(-35deg) translate(19em) rotate(35deg);
    -ms-transform: rotate(-35deg) translate(19em) rotate(35deg);
    -webkit-transform: rotate(-35deg) translate(19em) rotate(35deg);
    transform: rotate(-35deg) translate(19em) rotate(35deg)
}

.circle-container>:nth-of-type(7) {
    -moz-transform: rotate(-10deg) translate(18em) rotate(10deg);
    -ms-transform: rotate(-10deg) translate(18em) rotate(10deg);
    -webkit-transform: rotate(-10deg) translate(18em) rotate(10deg);
    transform: rotate(-10deg) translate(18em) rotate(10deg)
}

.circle-container>:nth-of-type(6) {
    -moz-transform: rotate(15deg) translate(18em) rotate(-15deg);
    -ms-transform: rotate(15deg) translate(18em) rotate(-15deg);
    -webkit-transform: rotate(15deg) translate(18em) rotate(-15deg);
    transform: rotate(15deg) translate(18em) rotate(-15deg)
}

.circle-container>:nth-of-type(5) {
    -moz-transform: rotate(40deg) translate(18em) rotate(-40deg);
    -ms-transform: rotate(40deg) translate(18em) rotate(-40deg);
    -webkit-transform: rotate(40deg) translate(18em) rotate(-40deg);
    transform: rotate(40deg) translate(18em) rotate(-40deg)
}

.circle-container>:nth-of-type(4) {
    -moz-transform: rotate(152deg) translate(26em) rotate(-152deg);
    -ms-transform: rotate(152deg) translate(26em) rotate(-152deg);
    -webkit-transform: rotate(152deg) translate(26em) rotate(-152deg);
    transform: rotate(152deg) translate(26em) rotate(-152deg)
}

.circle-container>:nth-of-type(3) {
    -moz-transform: rotate(170deg) translate(26em) rotate(-170deg);
    -ms-transform: rotate(170deg) translate(26em) rotate(-170deg);
    -webkit-transform: rotate(170deg) translate(26em) rotate(-170deg);
    transform: rotate(170deg) translate(26em) rotate(-170deg)
}

.circle-container>:nth-of-type(2) {
    -moz-transform: rotate(187deg) translate(26em) rotate(-187deg);
    -ms-transform: rotate(187deg) translate(26em) rotate(-187deg);
    -webkit-transform: rotate(187deg) translate(26em) rotate(-187deg);
    transform: rotate(187deg) translate(26em) rotate(-187deg)
}

.circle-container>:nth-of-type(1) {
    -moz-transform: rotate(205deg) translate(26em) rotate(-205deg);
    -ms-transform: rotate(205deg) translate(26em) rotate(-205deg);
    -webkit-transform: rotate(205deg) translate(26em) rotate(-205deg);
    transform: rotate(205deg) translate(26em) rotate(-205deg)
}

.circle-container a {
    display: block
}

.circle-container img {
    display: block;
    width: 100%;
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.circle-container img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.circle-container a p {
    background: #de2e42;
    border-radius: 5px;
    color: #fff;
    min-width: 180px;
    font-weight: 500;
    border: 2px solid #ccc
}

.circle-container a p.sx {
    padding: 5px 10px 5px 0
}

.circle-container a p.dx {
    padding: 5px 0 5px 10px;
    text-align: right
}

.circle-container a p span {
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    color: #de2e42;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0 10px;
    padding: 5px
}

.feat-image img {
    width: 100%;
    height: auto
}

.oem .sec--oem a {
    color: #c03;
    text-decoration: none;
    transition: color .3s ease 0s;
    outline: 0
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.no-gutter {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 1px solid #ddd
}

.no-gutter.dx {
    background: url(../images/theme/bg-oem-disegno-tecnico.jpg) bottom right no-repeat
}

.no-gutter.sx {
    background: url(../images/theme/bg-oem-disegno-tecnico.jpg) bottom left no-repeat
}

.feat-text {
    padding: 60px 70px;
    max-width: 700px
}

.feat-text p {
    font-size: 1.2em;
    line-height: 1.8em;
    color: #333;
    padding: 0 30px 0 58px
}

.oem h3 {
    color: #666;
    font-weight: 700 !important
}

.oem h3 span {
    display: inline-block;
    border-radius: 50%;
    background: #de2e42;
    color: #fff;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 20px 0 0;
    padding: 2px
}

@media(max-width:767px) {
    .circle-container {
        width: 30em;
        height: 30em
    }
    .circle-container>:nth-of-type(8) {
        -moz-transform: rotate(-35deg) translate(13em) rotate(35deg);
        -ms-transform: rotate(-35deg) translate(13em) rotate(35deg);
        -webkit-transform: rotate(-35deg) translate(13em) rotate(35deg);
        transform: rotate(-35deg) translate(13em) rotate(35deg)
    }
    .circle-container>:nth-of-type(7) {
        -moz-transform: rotate(-10deg) translate(13em) rotate(10deg);
        -ms-transform: rotate(-10deg) translate(13em) rotate(10deg);
        -webkit-transform: rotate(-10deg) translate(13em) rotate(10deg);
        transform: rotate(-10deg) translate(13em) rotate(10deg)
    }
    .circle-container>:nth-of-type(6) {
        -moz-transform: rotate(15deg) translate(13em) rotate(-15deg);
        -ms-transform: rotate(15deg) translate(13em) rotate(-15deg);
        -webkit-transform: rotate(15deg) translate(13em) rotate(-15deg);
        transform: rotate(15deg) translate(13em) rotate(-15deg)
    }
    .circle-container>:nth-of-type(5) {
        -moz-transform: rotate(40deg) translate(13em) rotate(-40deg);
        -ms-transform: rotate(40deg) translate(13em) rotate(-40deg);
        -webkit-transform: rotate(40deg) translate(13em) rotate(-40deg);
        transform: rotate(40deg) translate(13em) rotate(-40deg)
    }
    .circle-container>:nth-of-type(4) {
        -moz-transform: rotate(153deg) translate(21em) rotate(-153deg);
        -ms-transform: rotate(153deg) translate(21em) rotate(-153deg);
        -webkit-transform: rotate(153deg) translate(21em) rotate(-153deg);
        transform: rotate(153deg) translate(21em) rotate(-153deg)
    }
    .circle-container>:nth-of-type(3) {
        -moz-transform: rotate(170deg) translate(21em) rotate(-170deg);
        -ms-transform: rotate(170deg) translate(21em) rotate(-170deg);
        -webkit-transform: rotate(170deg) translate(21em) rotate(-170deg);
        transform: rotate(170deg) translate(21em) rotate(-170deg)
    }
    .circle-container>:nth-of-type(2) {
        -moz-transform: rotate(185deg) translate(20em) rotate(-185deg);
        -ms-transform: rotate(185deg) translate(20em) rotate(-185deg);
        -webkit-transform: rotate(185deg) translate(20em) rotate(-185deg);
        transform: rotate(185deg) translate(20em) rotate(-185deg)
    }
    .circle-container>:nth-of-type(1) {
        -moz-transform: rotate(202deg) translate(19em) rotate(-202deg);
        -ms-transform: rotate(202deg) translate(19em) rotate(-202deg);
        -webkit-transform: rotate(202deg) translate(19em) rotate(-202deg);
        transform: rotate(202deg) translate(19em) rotate(-202deg)
    }
}

@media(max-width:700px) {
    .cerchio-oem {
        display: none
    }
    .no-gutter.dx {
        background: url(../images/theme/bg-oem-disegno-tecnico-15.jpg) bottom right no-repeat
    }
    .no-gutter.sx {
        background: url(../images/theme/bg-oem-disegno-tecnico-15.jpg) bottom left no-repeat
    }
}

@media(max-width:600px) {
    .no-gutter>[class*=col-] {
        padding: 0
    }
}

@media(max-width:480px) {
    .oem h3 span {
        display: block;
        margin: 0 20px 15px 0
    }
    .feat-text p {
        padding: 0
    }
    .feat-text {
        padding: 10px 10px 50px 10px
    }
}

ul.top-menu {
    position: relative
}

.prodotto-correlato .icona-linea {
    position: absolute;
    right: 0;
    top: 0;
    background: #ccc;
    width: 40px;
    padding: 11px 5px;
    margin: 0
}

.prodotto-correlato .icona-linea {
    background: #ccc
}

.acqua.prodotto-correlato .icona-linea {
    background: #2797e4
}

.gas.prodotto-correlato .icona-linea {
    background: #ffeb3b
}

.prodotto-correlato span {
    color: #666;
    text-transform: uppercase;
    font-size: 10px
}

.acqua.prodotto-correlato span {
    color: #2797e4
}

.gas.prodotto-correlato span {
    color: #ffeb3b
}

.item-prodotto.prodotto-correlato a {
    border: 1px solid #ccc
}

.item-prodotto.acqua.prodotto-correlato a {
    border: 1px solid #2797e4
}

.item-prodotto.gas.prodotto-correlato a {
    border: 1px solid #ffeb3b
}

.breadcrumb h2 {
    margin: 0
}

.padding-qualita {
    padding-left: 75px !important
}

@media only screen and (max-width:992px) {
    .padding-qualita {
        padding-left: 55px !important
    }
    .ricerca .box-info-contenuto-bloccato .btn-login,
    .section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login {
        margin-top: 10px
    }
}

@media only screen and (max-width:768px) {
    .padding-qualita {
        padding-left: 15px !important
    }
}

.content-2-8 .image-container .background-image-holder-chisiamo {
    background: #000 url(../images/theme/teco-esterno.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%
}

.news-item h2 a {
    color: #333
}

p.post-meta {
    border-bottom: 3px solid #666
}

.news-item {
    clear: both;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
    padding: 20px 0 35px 0
}

.news-item .post-meta span {
    background: #666;
    margin: 0;
    padding: 5px 10px;
    color: #fff
}

.img-container-news {
    border: 1px solid #ccc;
    padding: 15px
}

@media(min-width:991px) {
/*    .box-gamma-prodotto-codici .table>tbody>tr>th {
        font-size: 1.4rem
    }*/
    .ricerca .box-info-contenuto-bloccato .btn-login,
    .section--scheda-prodotto .box-info-contenuto-bloccato .btn-teco.btn-login {
        margin-left: 10px
    }
}

@media(max-width:1200px) {
    .item-boxes-homepage {
        min-height: 178px
    }
}

@media(max-width:992px) {
    .box-gamma-prodotto-codici .table>tbody>tr>th {
        /*border-top: 1px solid #ccc*/
    }
    .box-link-gamma {
        display: block;
        max-width: 100% !important
    }
    .box-info-tecnologie-integrate h3 {
        padding-left: 10px
    }
    .footer a.email-address,
    .footer a.telefono {
        font-size: 1.5em
    }
    .reset-filter {
        float: none !important;
        display: block;
        font-size: 12px !important;
        margin: 0 0 5px !important
    }
    .item-boxes-homepage {
        min-height: 208px
    }
    .eng .p-item h4 span {
        display: block
    }
}

@media(max-width:820px) {
    .box-container-header {
        padding-bottom: 10px
    }
    .box-info-riassuntive {
        border-right: 0
    }
    .container-filtri label {
        line-height: 15px
    }
    .section--scheda-prodotto--header.mobile {
        display: block;
        background: #444
    }
    .section--scheda-prodotto--header.mobile h1 {
        display: block;
        float: none;
        clear: both;
        margin: 10px 0 5px
    }
    img.p-logo {
        float: none;
        max-width: 95%
    }
}

@media(max-width:992px) and (min-width:767px) {
    .container-filtri label {
        font-size: 10px;
        line-height: 17px;
        margin-bottom: 7px
    }
    .box-filtri>div {
        padding: 5px 8px
    }
    .container-filtri input {
        margin-right: 2px;
        float: left;
        clear: both;
        margin: 3px 6px 6px 0
    }
    .container-filtri div:first-child {
        font-size: .9em;
        line-height: 18px
    }
    .box-filtri div:first-child {
        font-size: .8em;
        line-height: 17px
    }
    .item-prodotto img {
        width: 60%;
        margin-bottom: 65px
    }
    #form-cerca {
        padding: 8px 8px 0 0
    }
}

@media(max-width:767px) {
    #form-cerca {
        padding: 0 10px 8px;
        width: 100%;
        float: none !important
    }
    #form-cerca .form-group {
        margin: 0;
        float: left;
        width: 80%
    }
    #form-cerca .input-group {
        width: 96%
    }
    .navbar-nav {
        margin: 0
    }
    #new-homepage.item-boxes-homepage {
        min-height: 170px
    }
    #cerca {
        margin: 10px 0
    }
    .btn-search {
        float: right;
        margin: 10px !important;
        display: block
    }
}

@media(max-width:600px) {
    .info-box--tecnologia-integrata div.cover img {
        max-width: 100%
    }
    .footer a {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }
    .footer b {
        display: none
    }
    .box-container-gamma-prodotto {
        border-top: 1px solid #ccc
    }
    .section--scheda-prodotto--header.mobile h1 {
        margin: 10px 0
    }
    .section--scheda-prodotto--header h2 {
        font-weight: 400;
        font-size: 2em;
        line-height: 1.1em
    }
    .box-info-riassuntive .icona-prodotto {
        display: none
    }
    .box-info-riassuntive h1 {
        margin: 0;
        padding: 0
    }
    .info-prodotto .descrizione .info--des {
        padding: 10px 0
    }
    .info-prodotto {
        margin-bottom: 10px
    }
    .btn-lista {
        display: block;
        width: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .btn-lista span {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .item-prodotto {
        display: block;
        width: 100%
    }
    .item-prodotto h3 {
        font-size: 1.8em;
        text-align: center;
        padding: 15px
    }
    .item-prodotto p {
        position: relative;
        text-align: center;
        padding: 15px
    }
    .item-prodotto img {
        position: relative;
        width: 60%;
        top: 5px;
        z-index: 0;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 10px
    }
    table#gamma-scheda .certificazioni-sub,
    table#gamma-scheda td.grigio,
    table#gamma-scheda th {
        padding: 7px 7px;
        max-width: 260px
    }
    .section--scheda-prodotto--descrizione {
        padding: 20px 0
    }
    .lista-documentazione .file-item {
        margin: 5px 25px 10px 0
    }
    .lista-documentazione {
        padding-top: 15px;
        padding-bottom: 15px;
        float: left
    }
    #new-homepage.item-boxes-homepage {
        min-height: auto
    }
}

@media(max-width:520px) {
    .section--gamma-prodotti--schede .sottotitolo-prodotto {
        font-size: 1.2em;
        line-height: 1.3em;
        margin: 7px 0
    }
    #login-modal .well {
        padding: 0;
        margin-top: 10px
    }
    .box-gamma-prodotto-codici td,
    .box-gamma-prodotto-codici th {
        padding: 2px 4px !important;
        border-left:1px solid #ccc;
    }
    .box-gamma-prodotto-codici .table-responsive {
        border-left: none;
        border-right: 0
    }
    .item-prodotto img {
        width: 80%
    }
    .info-prodotto {
        padding: 0;
        padding-bottom: 30px
    }
    .icona-prodotto {
        float: left;
        display: inline;
        max-width: 55px;
        margin: 0 auto;
        border: 2px solid #999;
        margin-bottom: 0
    }
    .logo-prodotto {
        max-width: 120px;
        margin: 10px 0 0 0
    }
    .box-info-tecnologie-integrate .descrizione {
        width: 100% !important;
        margin: 0 0 15px;
        padding: 0 0 15px;
        border-bottom: 1px solid #ccc
    }
    .section--scheda-prodotto--heading h3 {
        font-size: 1.3em;
        line-height: 1.1
    }
}

@media(max-width:480px) {
    .box-gamma-prodotto-cover,
    .box-gamma-prodotto-des {
        display: block;
        width: 100%;
        margin: 0
    }
    .box-gamma-prodotto-cover {
        border-top: 1px solid #ccc;
        padding: 0 !important
    }
    .box-gamma-prodotto-des {
        padding-top: 15px !important
    }
    .box-gamma-prodotto-cover img {
        display: block;
        margin: 10px auto;
        text-align: center !important;
        float: none !important
    }
    .navbar-brand>img {
        max-width: 170px;
        min-width: 170px;
        margin-top: 10px
    }
}

@media(max-width:320px) {
    .navbar-brand>img {
        max-width: 130px;
        min-width: 130px;
        margin-top: 8px
    }
    .navbar-toggle {
        margin-top: 15px
    }
}

@media(max-width:280px) {
    .btn-lista i.fa-th {
        display: none
    }
}

@media(min-width:769px) {
    .box-gamma-prodotto-cover img {
        max-width: 180px
    }
    .padding-qualita {
        padding-left: 40px !important
    }
}

.container-k2 a,
.container-k4 a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative
}

.container-k2 a .cover,
.container-k4 a .cover {
    width: 100%
}

span.text-content {
    color: #fff;
    cursor: pointer;
    display: table;
    table-layout: fixed;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    max-width: 100%
}

span.text-content span {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    max-width: 100%;
    width: 100%
}

.container-k2 a:hover span.text-content,
.container-k4 a:hover span.text-content {
    opacity: 100
}

.footer ul.top-menu {
    margin: 0;
    padding: 0
}

.footer ul.top-menu li {
    margin: 0;
    padding: 0 10px 0 5px
}

.footer ul.top-menu li a {
    padding-top: 3px;
    font-size: 11px
}

.footer .dropdown-menu {
    top: -90px;
    background: #fff
}

.footer .dropdown-menu.select-language li {
    padding: 0
}

.top-menu.mobile {
    padding: 0;
    margin: 0px
}

.top-menu.mobile li {
    border-right: 0
}

.top-menu.mobile li>a {
    padding: 3px 7px !important
}

.megamenu .collapse,
.megamenu .dropdown,
.megamenu .dropup,
.megamenu .nav {
    position: static
}

.megamenu .container {
    position: relative
}

.megamenu .dropdown-menu {
    right: auto
}

.megamenu .megamenu-content {
    padding: 15px
}

.megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
    padding: 0 0 5px;
    background: #fff;
    border-top: 0;
    margin-top: 1px;
    max-height: 640px;
    overflow-y: auto
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .vedi-prodotti {
    text-align: center;
    display: block;
    width: 190px;
    padding: 5px;
    background: rgb(139,215,21);
    background: linear-gradient(0deg, rgba(139,215,21,1) 0%, rgba(171,253,45,1) 100%);
    border: 1px solid #aae223;
    color: #333;
    padding: 3px 5px;
    margin: 5px auto;
    border-radius: 3px;        
}
.megamenu .dropdown.megamenu-fw .dropdown-menu .vedi-prodotti:hover {
    background: rgb(139,215,21);
}


.megamenu .dropdown.megamenu-fw .dropdown-menu .content {
    padding: 0 0 !important;
    float: left;
    width: 100%
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .vedi-prodotti span {
    display: inline;
    font-size: 1.1em;
    font-weight: 500;
    padding-right: 10px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .linea-title {
    text-align: center;
    font-weight: 600 !important;
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 0
}

.megamenu .dropdown.megamenu-fw .dropdown-menu ul {
    padding-left: 10px;
    padding-right: 10px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu li {
    list-style: none
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti .serie h4 {
    margin: 0 0 3px;
    font-weight: 600 !important
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti .serie h4,
.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti .serie p {
    color: #333;
    line-height: 1.2;
    font-size: 1.3rem;
    margin-bottom: 0
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti .serie p {
    font-size: 1.1rem;
    color: #666
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li {
    clear: both;
    float: left;
    width: 100%
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a span {
    display: inline-block;
    width: 75%;
    float: right;
    line-height: 32px;
    padding-left: 10px;
    color: #444;
    font-weight: 500;
    font-size: 1.3rem
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a:hover span {
    color: #165192
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a .icona-nav-prodotto {
    display: inline-block;
    float: left;
    width: 25%
}

@media(max-width:992px) {
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li {
        border-top: 1px solid #efefef
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a .icona-nav-prodotto {
        display: inline-block;
        float: right;
        width: 20%
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a .icona-nav-prodotto img {
        float: right
    }
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-fastec-store a span {
    width: 50%
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-fastec-store .icona-nav-prodotto {
    width: 50%
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-firebag a span,
.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-gst a span {
    display: none
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-firebag .icona-nav-prodotto,
.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-gst .icona-nav-prodotto {
    width: 100%
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a .icona-nav-prodotto img {
    height: 37px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-ck img {
    height: 15px;
    margin-top: 15px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-k2 img,
.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti #nav-item-k4 img {
    height: 20px;
    margin-top: 10px
}

.megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li.serie {
    margin: 5px 0 0;
    border-top: 1px solid #eee;
    padding: 5px 5px 0
}

.nav-prodotti {
    border-left: 1px solid #ccc
}

.content-6-6-bg-right {
    background: right center no-repeat;
    max-width: 1600px;
    margin: 0 auto
}

.content-info .content-body {
    color: #333;
    font-size: 1.15em
}

.content-info .content-body .content-title .title {
    color: #444;
    font-size: 1.75em;
    margin: 10px 0 5px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: Roboto, sans-serif
}

.content-image {
    overflow: hidden;
    position: relative;
    padding: 0
}

.content-img-xs {
    display: none
}

@media(max-width:1200px) {
    .content-6-6-bg-right {
        background-size: contain
    }
}

@media(max-width:992px) {
    .content-6-6-bg-right .content-info .content-body {
        border-bottom: #f0f0f0 1px solid;
        max-width: 100% !important
    }
    .content-6-6-bg-right .content-info {
        width: 100% !important
    }
    .content-6-6-bg-right {
        padding: 0;
        background: 0 0 !important
    }
    .content-img-xs {
        display: block
    }
}

.bg-img-right {
    background: no-repeat center right;
    background-size: cover !important
}

.content-info.txt-right .content-body {
    padding: 40px 0
}

.content-info.txt-left .content-body {
    padding: 40px 15px
}

#kit-prolunga.p164 .content-info,
.ultra #kit-prolunga .content-info {
    padding: 70px 0
}

#kit-prolunga.p164 .box-immagine img,
.ultra #kit-prolunga .box-immagine img {
    padding: 30px 0 30px 0
}

@media all and (max-width:992px) {
    .ultra #kit-prolunga .box-immagine img {
        padding: 90px 0
    }
    .ultra #kit-prolunga .content-info {
        padding: 25px 0
    }
    #kit-prolunga.p164 .box-immagine img {
        padding: 90px 0
    }
    #kit-prolunga.p164 .content-info {
        padding: 25px 0
    }
}

@media all and (max-width:768px) {
    .ultra #kit-prolunga .box-immagine img {
        padding: 0 0 10px
    }
    .ultra #kit-prolunga .content-info {
        padding: 15px 0 0 0
    }
    #kit-prolunga.p164 .box-immagine img {
        padding: 0 0 10px
    }
    #kit-prolunga.p164 .content-info {
        padding: 15px 0 0 0
    }
}

#installazione-h-plus.p164,
.ultra #installazione-h-plus {
    padding: 20px 0
}

#installazione-h-plus.p164 .content-info,
.ultra #installazione-h-plus .content-info {
    padding: 30px 0
}

#installazione-h-plus.p164 .row-fluid>div,
.ultra #installazione-h-plus .row-fluid>div {
    padding: 0
}

.ultra #installazione-h-plus .box-immagine img {
    margin: 0 auto
}

#installazione-h-plus.p164 .box-immagine img {
    margin: 20px auto;
    padding: 0 20px
}

.ultra #link {
    padding: 70px 0 50px;
    background: no-repeat right top;
    background-size: contain;
    border-bottom: 4px solid #f0f0f0
}

.ultra #link .title.sub {
    max-width: 300px;
    font-size: 1.5em;
    margin: 35px 0 20px
}

@media all and (max-width:992px) {
    .ultra #link {
        padding: 270px 0 50px 0
    }
}

@media all and (max-width:600px) {
    .ultra #link {
        padding: 200px 0 50px 0
    }
}

.ultra #abbinamento-rubinetti {
    padding: 20px 0
}

.ultra #abbinamento-rubinetti .v-middle-title .title.sub {
    padding: 60px 0 0;
    font-size: 1.5em
}

.ultra #abbinamento-rubinetti .box-immagine img {
    margin: 0 auto
}

@media all and (max-width:992px) {
    .ultra #abbinamento-rubinetti .v-middle-title .title.sub {
        padding: 10px 0 0 0
    }
}

.ultra #design-finiture {
    padding: 20px 0 10px
}

.ultra #design-finiture .content-text img {
    margin: 0 auto
}

.ultra #design-finiture.u03 .content-text img {
    margin: 0 0 20px
}

.ultra #design-finiture .spot {
    margin: 0 auto
}

.ultra #design-finiture .spot .content-info img {
    margin: 30px 0;
    max-width: 270px
}

.ultra #design-finiture .spot h2 {
    margin: 10px 0 0;
    font-size: 1.6em
}

.ultra .bg-wide {
    background: center center no-repeat #84827c;
    background-size: contain
}

.g4 #applicazioni-finiture,
.g4f #applicazioni-finiture,
.ultra #applicazioni-finiture {
    padding: 30px 0
}

.g4 #applicazioni-finiture .first-row,
.g4f #applicazioni-finiture .first-row,
.ultra #applicazioni-finiture .first-row {
    padding: 0 0 20px
}

.g4 #applicazioni-finiture img,
.g4f #applicazioni-finiture img,
.ultra #applicazioni-finiture img {
    margin: 10px auto
}

@media all and (min-width:991px) {
    .ultra #design-finiture .spot {
        margin-top: 70px
    }
}

.ultra #finiture-u3 .bg-wide {
    background-size: cover
}

@media all and (max-width:768px) {
    .ultra #finiture-u3 .bg-wide {
        background-position: right center
    }
}

.t4 #scheda-tecnica-diagramma .valvola,
.t4j #scheda-tecnica-diagramma .valvola {
    margin: 15px auto
}

@media all and (min-width:769px) {
    .t4 #scheda-tecnica-diagramma .valvola,
    .t4j #scheda-tecnica-diagramma .valvola {
        margin-top: 80px
    }
}

@media all and (max-width:768px) {
    #scheda-tecnica-diagramma .content-info .content-body {
        padding: 0
    }
}

#scheda-tecnica-diagramma .content-info .content-body .content-title .title {
    font-size: 1.45em
}

@media all and (max-width:600px) {
    #scheda-tecnica-diagramma .content-info .content-body .content-title .title {
        font-size: 1.25em
    }
}

.t4-punto-blu #flussi-intercettazione {
    padding: 0 15px;
    color: #333;
    background: #f0f0f0;
    margin: 0
}

.t4-punto-blu #flussi-intercettazione div {
    padding: 0
}

.t4-punto-blu #flussi-intercettazione h4 {
    padding: 10px;
    margin: 0 5px 10px 0;
    line-height: 1;
    color: #333;
    font-weight: 600 !important;
    background: #ccc
}

.t4-punto-blu #sequenza-flusso h4 {
    color: #333;
    margin: 15px 0 0;
    font-weight: 600 !important
}

.t4-punto-blu .mod {
    margin: 0 0 10px
}

.t4-punto-blu .box-intercettazione {
    border: 1px solid #ccc;
    margin: 0 15px
}

@media all and (max-width:600px) {
    .t4-punto-blu #flussi-intercettazione h4 {
        font-size: 11px;
        padding: 5px
    }
    .t4-punto-blu #flussi-intercettazione p {
        font-size: 10px
    }
}

.t4-punto-blu .mod img {
    border: 1px solid #ccc;
    padding: 20px 10px;
    width: 250px;
    max-width: 100%;
    margin: 5px 0 0;
    background: #fff
}

#ck-installazione-compatta {
    padding: 40px 0
}

#ck-installazione-compatta img {
    margin: 0 auto
}

#ck-installazione-compatta .content-text img {
    padding: 35px 0
}

@media all and (min-width:769px) {
    #ck-installazione-compatta .content-text img {
        margin: 0
    }
}

#ck-link {
    padding: 40px 0
}

#ck-link .box-immagine img {
    width: 567px;
    max-width: 100%;
    margin: 30px 0;
    padding: 0
}

#ck-fastec-link {
    background: no-repeat center top;
    background-size: cover;
    padding: 50px 0
}

.box-link-fastec {
    background: rgba(11, 128, 189, .87)
}

.box-link-fastec img {
    padding: 10px 20px
}

.box-link-fastec .btn-b-w {
    margin: 0 20px 20px
}

.box-link-fastec h3 {
    margin: 0;
    padding: 5px 5px 5px 20px
}

.t-normativa {
    color: #333;
    background: #ccc;
    padding: 2px 5px;
    margin-bottom: 10px;
    display: inline-block;
    clear: both
}

#box-high-performance {
    padding: 40px 0
}

#box-high-performance .box-immagine {
    padding: 40px 0;
    color: #333;
    text-align: center
}

#box-high-performance .box-grey {
    padding: 20px;
    background: #ccc;
    color: #333;
    font-size: 1.3em;
    min-height: 90px
}

#box-high-performance .box-nero {
    padding: 20px;
    background: #666;
    color: #fff;
    font-size: 1.3em;
    min-height: 90px
}

#box-high-performance .box-nero span {
    font-size: 1.5em
}

#box-high-performance .des {
    padding: 10px 30px
}

@media all and (max-width:600px) {
    #box-high-performance .box-grey,
    #box-high-performance .box-nero {
        min-height: 120px
    }
}

#box-top-entry {
    padding: 40px 0 30px;
    background: no-repeat bottom right;
    background-size: contain
}

#box-top-entry .content-title {
    padding: 50px 0
}

#box-top-entry .content-title h2 {
    margin: 0
}

@media all and (max-width:992px) {
    #box-top-entry {
        padding: 20px 0
    }
    #box-top-entry .content-title {
        padding: 10px 0
    }
}

@media all and (max-width:768px) {
    #box-top-entry {
        background: #d6d6d6 !important
    }
    #box-top-entry {
        padding: 20px 0 0
    }
}

@media all and (min-width:1200px) {
    #box-top-entry {
        padding: 100px 0 70px
    }
}

#funzionamento-firebag {
    padding: 40px 0
}

@media all and (max-width:992px) {
    #funzionamento-firebag img {
        padding: 30px 0 0
    }
}

#sicurezza-firebag {
    padding: 40px 0 45px
}

#sicurezza-firebag img {
    padding: 20px 0 0
}

@media all and (max-width:992px) {
    #sicurezza-firebag img {
        padding: 30px 0 0
    }
}

#scelta-firebag {
    padding: 40px 0
}

#scelta-firebag .content-body {
    padding: 0 0 20px
}

@media all and (min-width:991px) {
    #scelta-firebag .content-body {
        padding: 40px 0 0 0
    }
}

#funzionamento-gst {
    padding: 40px 0
}

@media all and (max-width:992px) {
    #funzionamento-gst img {
        padding: 30px 0 0
    }
}

#sicurezza-gst {
    padding: 40px 0 45px
}

#sicurezza-gst img {
    padding: 20px 0 0
}

@media all and (max-width:992px) {
    #sicurezza-gst img {
        padding: 30px 0 0
    }
}

#scelta-gst {
    padding: 40px 0
}

#scelta-gst .content-body {
    padding: 0 0 20px
}

@media all and (min-width:991px) {
    #scelta-gst .content-body {
        padding: 40px 0 0 0
    }
}

#installazzione-gst {
    margin: 20px 0
}

.schema-installazione,
.schema-installazione-note {
    color: #333;
    border: 1px solid #ccc;
    font-size: 1.5rem;
    padding: 10px 0;
    margin: 0 0 20px
}

.schema-installazione-note {
    background: #f0f0f0;
    padding: 10px
}

@media all and (max-width:767px) {
    .schema-installazione img {
        width: 200px;
        margin: 10px 0
    }
}

.info-installazione {
    font-weight: 500;
    display: block;
    font-size: 1.3rem;
    margin: 10px 0
}

.info-installazione span {
    display: block;
    padding: 1px 5px;
    color: #fff;
    background: #666;
    width: fit-content
}

@media all and (max-width:520px) {
    .block520 {
        display: block;
        width: 100%;
        clear: both
    }
}

#keyclick,
#presa-pressione {
    padding: 30px 0
}

#gi-tec {
    padding: 40px 0 0
}

#box-info-gi-tec .box-immagine img {
    margin: 0 auto;
    max-width: 400px
}

@media all and (max-width:600px) {
    #box-info-gi-tec .box-immagine img {
        max-width: 100%
    }
}

#box-info-gi-tec {
    padding: 20px 15px
}

#box-info-gi-tec .container {
    border: 1px solid #ccc
}

#box-info-gi-tec .container .box-immagine img,
#box-info-gi-tec .container .content-info {
    padding: 20px 0
}

#scheda-tecnica-applicazione {
    padding: 40px 0
}

#scheda-tecnica-applicazione .applicazione {
    padding: 20px 15px 0 0
}

.content-text-note {
    border: 1px solid #ccc;
    margin: 30px 0 0
}

.content-text-note div {
    padding: 0
}

.content-text-note p.note {
    padding: 15px;
    color: #333;
    line-height: 1.8rem;
    font-size: 1.2rem
}

#scheda-tecnica-diagramma {
    padding: 30px 0
}

#scheda-tecnica-diagramma .diagramma {
    padding: 15px;
    border: 2px solid #444;
    background: #fff
}

span.code {
    border-radius: 10px;
    background: #444;
    padding: 2px 5px;
    color: #fff;
    font-weight: 400;
    font-size: .8em
}

.elenco-finiture>div {
    position: relative;
    padding: 10px
}

.elenco-finiture>div p {
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 5px 0 0
}

.elenco-finiture>div img {
    margin: 0 auto;
    display: block
}

.info-note {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 20px 10px 10px 0
}

.info-note p {
    font-size: .8em;
    line-height: 1.4;
    margin: 0;
    font-weight: 500;
    padding-left: 35px
}

.info-note i {
    font-size: 1em;
    background: #039;
    color: #fff;
    border-radius: 100px;
    padding: 5px 10px;
    float: left
}

@media all and (min-width:768px) {
    .col-sm-6 .content-info.txt-left .content-body,
    .col-sm-6 .content-info.txt-right .content-body {
        max-width: 560px
    }
    .content-info.txt-left .content-body,
    .content-info.txt-right .content-body {
        max-width: 560px
    }
    .col-sm-7 .content-info.txt-left .content-body,
    .col-sm-7 .content-info.txt-right .content-body {
        max-width: 545px
    }
    .content-info.txt-right {
        float: right
    }
    .content-info.txt-left {
        float: left
    }
}

@media all and (min-width:1100px) {
    .col-sm-7 .content-info.txt-left .content-body,
    .col-sm-7 .content-info.txt-right .content-body {
        min-width: 580px
    }
}

@media all and (min-width:1200px) {
    .col-sm-7 .content-info.txt-left .content-body,
    .col-sm-7 .content-info.txt-right .content-body {
        min-width: 640px
    }
}

@media all and (min-width:1600px) {
    .col-sm-7 .content-info.txt-left .content-body,
    .col-sm-7 .content-info.txt-right .content-body {
        min-width: 680px
    }
}

.azienda .box-text {
    margin: 60px 0
}

.azienda h1,
.azienda h2,
.azienda h3,
.p-prodotti h2,
.p-prodotti h3 {
    color: #666;
    margin: 15px 0;
    line-height: 1.4;
    font-weight: 400 !important
}

.azienda h1,
.azienda h2 {
    font-size: 1.9em
}
/*
.oem h1,
.oem h2 {
    font-size: 1.7em
}

.oem .sec-1,
.oem .sec-2 {
    padding-top: 50px;
    padding-bottom: 50px
}

.oem .sec-1 p,
.oem .sec-2 p {
    color: #555;
    font-size: 1.1em;
    line-height: 1.6
}*/

 
        /* Colonna immagine */
    #oem-2025 .image-col {
      height: 80vh; /* altezza minima in mobile */
      max-height:1280px;
      background-image: url('../images/bg-oem-brochure.jpg');
      background-size: cover;
      background-position: top right;
    }

    /* Contenuto centrato */
    #oem-2025 .content-col {
      min-height: 50vh;
      width: 100%;
    }
    #oem-2025 .content-wrapper {
      text-align: center !important;
      padding: 30px;
    }

    /* Modifica estetica immagine catalogo */
    #oem-2025 .catalog-thumb {
      max-width: 70%;
      margin: 15px auto;
    }

    /* Testo introduttivo piccolo */
    #oem-2025 .intro-text {
      margin-bottom: 15px;
    }

    /* Accessibilità */
    #oem-2025 .sr-only {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
    }
    .display-flex {
        display: flex;
    }
 
 @media (max-width: 767px) {   
    .display-flex {
        display: block !important; /* impedisce l’affiancamento forzato */
      }

      #oem-2025 .content-wrapper {
        padding: 60px 30px;
      }
  }
    
    .content-wrapper.oem h2 {
        text-transform: none;
    }
    .align-content-center {
        align-content: center;
    }
    
    .oem h1 {
        margin-top: 40px;
        font-size: calc( 1.3rem + 1.6vmax ) !important;
        line-height: 1.2;
    }
    
    .oem h1, .oem h2 {
        text-align: center !important;
            line-height: 1.2;
        text-transform: none !important;
    }
    .oem h2 {
        text-transform: none !important;
    }
    
    .oem .btn-primary {
        background: #e02045;
    }
    .oem .btn-primary:hover {
        background: #555;
    }

.azienda .box-cert {
    margin: 15px 0
}

.azienda .box-cert h3 {
    margin: 0 0 5px;
    color: #444;
    font-weight: 300 !important
}

.azienda .box-cert p {
    font-style: italic;
    margin: 0
}

.azienda .box-cert p,
.azienda .box-text p {
    color: #555;
    font-size: 1.1em;
    line-height: 1.6
}

.azienda .col-immagini img {
    padding: 0 0 20px 0
}

.azienda #conclusione .col-immagini {
    padding-top: 40px;
    padding-bottom: 40px
}

@media all and (min-width:991px) {
    .azienda .col-immagini {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .azienda .col-immagini img {
        padding: 5px 20px
    }
    .azienda #conclusione .box-text {
        margin: 95px 0
    }
}

@media all and (max-width:768px) {
    .azienda #conclusione .col-immagini {
        padding-top: 0;
        padding-bottom: 0
    }
}

.azienda #logo-30-anni {
    margin: 0 0 20px
}

#slider1 ul {
    margin: 0;
    padding: 0
}

#home-storia {
    padding: 30px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

#home-storia .box-text .title {
    color: #fff;
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400
}

#home-storia .box-text p {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.4
}

@media all and (min-width:769px) {
    #home-storia img {
        float: right;
        padding: 10px 0 0
    }
    #home-storia .box-text {
        padding: 60px 0
    }
}

@media all and (max-width:768px) {
    #home-storia img {
        margin: 30px auto 0;
        display: block
    }
}

.btn-b-w {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
    clear: both;
    display: inline-block
}

.btn-b-w span {
    float: left;
    display: inline-block;
    padding-right: 10px
}

.btn-b-w i {
    line-height: 20px;
    float: right
}

.btn-b-w.border-green {
    border: 2px solid #60bf40
}

.btn-b-w.border-grey {
    border: 2px solid #666
}

.btn-b-w:hover {
    color: #fff;
    background: #444
}

#home-qualita {
/*        background: #f0f0f0;*/
            padding: 80px 20px;
    background: #444;
}

#home-qualita .container {
    background: #444;
    border: 1px solid #555;
}

#home-qualita .box-qualita {
    padding: 30px;
    background: #555
}

#home-qualita .title {
    color: #fff;
    font-weight: 400;
    font-size: 1.9em;
    margin: 0 0 10px 0
}

#home-qualita p {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: 300;
    margin: 0
}

#home-qualita .box-premi {
    padding: 15px 30px;
    background: #444
}

#home-qualita .box-premi img {
    max-width: 200px;
    margin: 20px 0;
    display: block
}

#home-qualita .box-premi img:first-child {
    max-width: 170px;
    margin: 20px 0 30px;
    display: block
}

#news-in-evidenza {
    padding: 40px 0 0
}

#news-in-evidenza .container {
    padding: 0
}
.container.container-title-article h3 {
    color:#000;
    font-size: 1.9em;
}
@media all and (max-width:768px) {
    .container.container-title-article h3 {
        text-align:left;
    }   
}

#news-in-evidenza .box-news {
    border: 3px solid #ddd;
    margin: 15px auto;
    max-width: 400px
}

#news-in-evidenza .box-news .des {
    padding: 10px;
    color: #555;
    font-size: 1.1em;
    line-height: 1.4;
    position: relative
}

#news-in-evidenza .box-news .des p {
    color: #555;
    font-size: 1.1em;
    line-height: 1.4
}

#news-in-evidenza .box-news .des .title {
    color: #444;
    padding: 0;
    margin: 0 0 10px;
    line-height: 1.2;
    font-size: 1.3em;
    font-weight: 600
}

.box-news .box-button {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.box-news .box-button button {
    color: #444;
    border-color: #555
}

a:hover .box-news .box-button button {
    color: #fff;
    background: #444
}

@media all and (min-width:769px) {
    #news-in-evidenza .box-news .des {
        min-height: 160px
    }
}

@media all and (max-width:768px) {
    #home-qualita {
        padding: 30px 0
    }
    #news-in-evidenza {
        padding: 20px 0 0
    }
    #news-in-evidenza .box-news .des {
        padding-bottom: 55px
    }
}

#prodotti-in-evidenza {
    padding: 10px 0 50px
}

#prodotti-in-evidenza .container>div {
    padding: 0
}

#prodotti-in-evidenza .container-prodotto {
    position: relative;
    width: 100%;
    border: 1px solid #ccc;
    background:#fff;
}


#elenco-m-prodotti .container-prodotto,
#prodotti-in-evidenza .container-prodotto {
    min-height: 200px;
}

#elenco-m-prodotti .container-prodotto.GAS,
#prodotti-in-evidenza .container-prodotto.gas {
    border-bottom: 5px solid #fe2;
    background:#fff;
}

#elenco-m-prodotti .container-prodotto.ACQ,
#prodotti-in-evidenza .container-prodotto.acqua {
    border-bottom: 5px solid #0af;
    background:#fff;
    padding: 30px;
}

#prodotti-in-evidenza .image {
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto;
}

#prodotti-in-evidenza .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008cba
}

#prodotti-in-evidenza .gas .overlay {
    background-color: #fe2;
    color: #333
}

#prodotti-in-evidenza .acqua .overlay {
    background-color: #0af;
    color: #fff
}

#prodotti-in-evidenza .container-prodotto:hover .overlay {
    opacity: 1
}

#prodotti-in-evidenza .text {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.p-prodotti #elenco-m-prodotti a {
    display: block;
    border: 3px solid #ddd;
    margin: 0 0 30px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-box-shadow: 0 0 17px -4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 17px -4px rgba(0, 0, 0, .25);
    box-shadow: 0 0 17px -4px rgba(0, 0, 0, .25)
}

.p-prodotti #elenco-m-prodotti a.ACQ:hover {
    -webkit-box-shadow: 0 0 17px -4px rgba(0, 170, 255, .95);
    -moz-box-shadow: 0 0 17px -4px rgba(0, 170, 255, .95);
    box-shadow: 0 0 17px -4px rgba(0, 170, 255, .95);
    border: 3px solid rgba(0, 170, 255, .3)
}

.p-prodotti #elenco-m-prodotti a.GAS:hover {
    -webkit-box-shadow: 0 0 17px -4px #fe2;
    -moz-box-shadow: 0 0 17px -4px #fe2;
    box-shadow: 0 0 17px -4px #fe2;
    border: 3px solid rgba(255, 238, 34, .5)
}

.p-prodotti #elenco-m-prodotti a:hover .container-prodotto img {
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.p-prodotti #elenco-m-prodotti .container-prodotto img {
    max-width: 100%;
    opacity: .8
}

.p-prodotti #elenco-m-prodotti .intro-des {
    padding: 10px;
    min-height: 155px
}

.p-prodotti #elenco-m-prodotti .intro-des p {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #333
}

.p-prodotti #elenco-m-prodotti .intro-des h4 {
    color: #444;
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 10px
}

@media all and (max-width:600px) {
    .p-prodotti #elenco-m-prodotti .intro-des {
        padding: 10px 5px;
        min-height: 160px
    }
    .p-prodotti #elenco-m-prodotti .intro-des h4 {
        font-size: 1.2em
    }
    .p-prodotti #elenco-m-prodotti .intro-des p {
        font-size: 1.1rem
    }
    #elenco-m-prodotti .container>div {
        padding: 0 8px
    }
    .p-prodotti #elenco-m-prodotti a {
        margin: 0 0 15px 0
    }
}

@media all and (max-width:320px) {
    .p-prodotti #elenco-m-prodotti .intro-des p {
        font-size: .8rem
    }
}

#titolo-prodotti-in-evidenza.section--scheda-prodotto--heading h3 {
    padding: 0 !important
}

.homepage #titolo-prodotti-in-evidenza {
    margin-top: 40px;
    padding: 10px 0
}

.homepage .section--scheda-prodotto--heading a.btn-b-w {
    color: #444;
    margin: 0
}

.homepage .section--scheda-prodotto--heading a.btn-b-w:hover {
    color: #fff
}

.homepage .btn-centro-download {
    float: left
}

.homepage .btn-prodotti {
    float: right
}

.homepage #prodotti-in-evidenza h4 {
    padding: 0;
    color: #fff
}

.homepage #prodotti-in-evidenza .gas h4 {
    color: #444
}

.homepage #prodotti-in-evidenza p {
    font-size: .6em;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2
}

.homepage #prodotti-in-evidenza .gas p {
    color: #444
}

@media all and (max-width:600px) {
    #titolo-prodotti-in-evidenza .header-title-scheda {
        display: block;
        width: 100%;
        clear: both;
        background: #ebebeb;
        margin: 35px 0 10px 0
    }
    #titolo-prodotti-in-evidenza.section--scheda-prodotto--heading h3 {
        padding: 10px 0 !important
    }
    .homepage #titolo-prodotti-in-evidenza {
        margin-top: 19px
    }
    #titolo-prodotti-in-evidenza .box-btn {
        display: block;
        width: 100%;
        clear: both
    }
    #titolo-prodotti-in-evidenza .box-btn .btn {
        width: 100%;
        text-align: center
    }
    #titolo-prodotti-in-evidenza .box-btn .btn span {
        float: none;
        display: inline-block;
        padding-right: 10px
    }
}

#mappa-teco {
    width: 100%;
    height: 400px
}

.section--map div {
    padding: 0
}

.p-intro-form {
    font-size: 1.9em;
    margin: 25px 0 0;
    color: #444 !important;
    line-height: 1.2
}

.contatti label {
    color: #444;
    font-size: 1.1em
}

#contactForm .btn-info {
    width: 100%
}

#box-contatti {
    padding: 0 0 20px 0
}

#box-contatti .form-control {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    border: 2px solid #e7e8e9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px
}

#box-contatti .nome-azienda {
    font-size: 1.7em;
    color: #444;
    font-weight: 600
}

#box-contatti .box-quote-chisiamo a span {
    color: #06c;
    font-size: 1.1em;
    font-weight: 600
}

#box-contatti .box-quote-chisiamo i {
    margin-right: 10px;
    color: #666
}

.content-text,
.content-text p {
    color: #111;
    font-size: 1.45rem;
    line-height: 1.45
}

.content-text .info-note,
.content-text .info-note p {
    color: #111;
    font-size: 1.2rem
}

.box-container {
    padding: 30px 0
}

.gal-gamma-gruppo .owl-carousel .owl-nav button.owl-next,
.gal-gamma-gruppo .owl-carousel .owl-nav button.owl-prev,
.gal-gamma-gruppo .owl-carousel button.owl-dot {
    background: #ccc;
    color: inherit;
    border: 2px;
    border-radius: 4px;
    padding: 4px !important;
    font: inherit;
    margin: 1px
}

.linea1 .gal-gamma-gruppo .owl-carousel button.owl-dot.active {
    background: #333
}

.linea2 .gal-gamma-gruppo .owl-carousel button.owl-dot.active {
    background: #333
}

#policy-box {
    color: #333;
    padding: 25px 15px
}

#policy-box a {
    color: #0af
}

#policy-box h1,
#policy-box h2,
#policy-box h3,
#policy-box h4,
#policy-box h5,
#policy-box h6 {
    color: #333;
    line-height: 1.4;
    margin: 10px 0;
    font-weight: 600
}

#policy-box h1 {
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 1.4
}

#policy-box h2 {
    font-size: 2rem
}

#policy-box p {
    font-size: 1.45rem;
    line-height: 1.5;
    margin: 0 0 20px;
    color: #222
}

#policy-box ul li {
    font-size: 1.45rem;
    line-height: 1.5;
    margin: 0 0 5px;
    color: #222
}

#policy-box ul.list-a li {
    list-style: lower-alpha
}

#filters-search-download-container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd
}

#docs-download-container .item-container-doc {
    margin: 20px auto;
    padding: 8px 5px 5px 8px;
    border: 1px solid #eee;
    border-bottom: 3px solid #eee;
    max-width: 455px
}

#docs-download-container .doc-cover {
    float: left;
    display: inline;
    width: 27%;
    padding: 0 10px 0 0
}

#docs-download-container .doc-title {
    float: left;
    display: inline;
    width: 73%;
    padding: 0;
    margin: 0;
    position: relative;
    min-height: 95px
}

.doc-title.width-tot {
    width: 100% !important
}

@media only screen and (max-width:1280px) {
    #docs-download-container .doc-title {
        min-height: 90px
    }
}

@media only screen and (max-width:520px) {
    #docs-download-container .doc-info ul li {
        font-size: 10px
    }
    #docs-download-container .doc-title h2 {
        font-size: 1.3rem
    }
    #docs-download-container .doc-title a {
        padding: 1px 0;
        font-size: 10px
    }
}

#docs-download-container .doc-title h2 {
    font-size: 1.45rem;
    line-height: 1.2;
    text-transform: none;
    font-weight: 500;
    color: #333;
    margin: 5px 1px 3px
}

#docs-download-container .doc-title a {
    color: #fff;
    color: #0259c4;
    text-align: left;
    padding: 1px 0;
    font-size: 11px;
    margin: 0;
    font-weight: 500;
    position: absolute;
    bottom: 9px;
    text-transform: uppercase
}

#docs-download-container .doc-title a.visualizza {
    width: 48%;
    right: 0
}

#docs-download-container .doc-title a.download {
    width: 50%;
    left: 0
}

#docs-download-container .doc-title a:hover {
    color: #008803
}

#docs-download-container .doc-title a span {
    padding: 0 5px 0 0
}

#docs-download-container .doc-info ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

#docs-download-container .doc-info ul li {
    float: left;
    display: inline-block;
    padding: 5px 10px 0;
    color: #999;
    text-align: center;
    font-size: 11px
}

#docs-download-container .doc-info ul li.item-privilegi {
    width: 11%;
    font-size: 17px;
    padding: 5px 0 0 !important;
    text-align: left
}

.dataFilesTable .fa-unlock,
#docs-download-container .doc-info ul li.item-privilegi .fa-unlock {
    color: #008803
}

.dataFilesTable .fa-lock,
#docs-download-container .doc-info ul li.item-privilegi .fa-lock {
    color: #bf0203
}
.dataFilesTable i {
    margin: 0px 5px;
}
.dataFilesTable .download {
    color: #555;
    margin: 0 15px 0;
    font-size:18px;
}
@media (max-width: 768px) {
   .dataFilesTable .download {
        color: #555;
        margin: 0 4px 0;
        font-size:15px;
    } 
    .dataFilesTable > tbody > tr > td {
        padding: 10px 3px;
    }
}
@media (min-width: 769px) {
.box-filter {
    border-top:1px solid #ccc;
}
}
#docs-download-container .doc-info ul li.item-data {
    width: 30%;
    text-align: left
}

#docs-download-container .doc-info ul li.item-tipo {
    width: 14%;
    text-align: right
}

#docs-download-container .doc-info ul li.item-peso {
    width: 23%;
    text-align: right;
    padding-left: 0
}

@media only screen and (max-width:1200px) {
    #docs-download-container .doc-info ul li.item-peso {
        width: 29%
    }
}

@media only screen and (max-width:992px) {
    #docs-download-container .doc-info ul li.item-data,
    #docs-download-container .doc-info ul li.item-peso,
    #docs-download-container .doc-info ul li.item-privilegi,
    #docs-download-container .doc-info ul li.item-tipo {
        width: auto !important;
        font-size: 12px
    }
    #docs-download-container .doc-title h2 {
        font-size: 1.65rem
    }
    #docs-download-container .item-container-doc {
        max-width: 100%
    }
    #docs-download-container .doc-title a {
        position: relative
    }
    #docs-download-container .doc-title a {
        width: auto !important;
        float: left;
        margin: 10px 25px 0 0;
        position: relative
    }
}

#search-download-input {
    width: 100%;
    height: 43px;
    padding: 1px 10px
}

#input-search-download-container button {
    color: #fff;
    background: #0259c4;
    border: 1px solid #0259c4
}

#input-search-download-container button:hover {
    background: #007ee1
}

#input-search-download-container .container {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 17px;
    color: #0259c4;
    line-height: 40px
}

.label-input-search {
    text-transform: uppercase;
    padding: 11px 0;
    margin: 0;
    color: #333;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.5
}

.label-filters-search {
    text-transform: uppercase;
    color: #333;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.5
}

#filtra-documenti {
    padding: 0;
    border-top: 1px solid #ccc
}

.w3-btn {
    position: absolute;
    top: 0;
    right: 1px
}

#docs-download-container {
    padding: 0 0 20px 0
}

#filters-search-download-container .btn-group {
    background: #fff;
    color: #333;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    width: 100%
}

#filters-search-download-container .btn-group>.btn {
    position: relative;
    float: right;
    overflow: hidden
}

#filters-search-download-container .btn-group>.btn.btn-default {
    background: #fff;
    color: #999;
    padding-right: 10px;
    background: #fff;
    color: #999;
    padding-right: 10px;
    position: absolute;
    width: 90%;
    z-index: 2;
    text-align: right;
    right: 5px
}

#filters-search-download-container .btn-default .caret {
    position: absolute;
    border-top-color: #555;
    right: 0;
    top: 50%;
    background: #fff;
    display: block;
    font-size: 20px
}

#filters-search-download-container .btn-group>.btn.btn-default:hover .multiselect-selected-text {
    color: #333
}

#filters-search-download-container .select-title {
    float: left;
    display: inline-block;
    padding: 5px 5px 5px 11px;
    position: relative;
    z-index: 2;
    background: #fff
}

#filters-search-download-container .multiselect-container {
    background: #fff;
    color: #333;
    width: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-radius: 0;
    padding: 1px
}

#filters-search-download-container .dropdown-menu>li>a {
    color: #333;
    border-bottom: 0;
    padding: 0;
    margin: 7px 10px;
    font-size: 14px
}

#filters-search-download-container .multiselect-container>li>a>label {
    padding: 3px 20px 3px 25px
}

#filters-filtri-attivi-container {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px
}

#filters-search-download-container .container,
#input-search-download-container .container>div {
    padding-left: 0;
    padding-right: 0
}

#filters-filtri-attivi-container .container>div {
    padding: 0
}

#filtri-attivi ul {
    padding: 0;
    margin: 0
}

#filtri-attivi ul li {
    list-style: none;
    display: inline;
    padding: 5px 10px;
    background: #d75959;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px
}

#filtri-attivi ul li a,
#filtri-attivi ul li i {
    color: #fff
}

#docs-download-container .container {
    padding: 0
}

.lista-lingue {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0
}

.lista-lingue li {
    display: inline;
    float: left;
    margin-right: 5px;
    list-style: none
}

.lista-lingue li img {
    max-width: 15px
}

#lista-news {
    background: #f5f5f5
}

.blog-list {
    padding: 30px 0
}

.blog-list .post {
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding: 45px 20px;
    background: #fff
}

.blog-list .post h2.titolo_articolo {
    color: #444;
    margin: 0;
    font-weight: 500;
    font-size: 2.3rem;
    line-height: 1.5
}

.blog-list .blog-media {
    display: inline-block;
    width: 40%
}

.blog-list .blog-text {
    display: inline-block;
    float: right;
    width: 60%;
    padding: 0 20px
}

@media only screen and (max-width:750px) {
    .blog-list .blog-media {
        display: block;
        width: 100%;
        margin: 20px 0
    }
    .blog-list .blog-text {
        display: block;
        float: none;
        width: 100%;
        padding: 0 20px
    }
}

.blog-list .open-post .blog-media {
    display: block;
    width: 100%;
    margin: 20px 0
}

.blog-list .open-post .blog-text {
    display: block;
    float: none;
    width: 100%;
    padding: 0
}

.blog-title-opt {
    padding: 0
}

.blog-title-opt li {
    list-style: none;
    color: #007ee1;
    color: #999;
    margin: 10px 0 0 0;
    font-size: 1.1rem
}

.blog-abstract {
    font-size: 1.5rem;
    color: #333
}

.blog-abstract li,
.blog-abstract p {
    font-size: 1.5rem;
    color: #333
}

.blog-list a {
    color: #007ee1
}

.post-grid>a:hover h2.titolo_articolo {
    color: #007ee1
}

.blog-list .btn {
    color: #444;
    padding: 0
}

.post-grid>a:hover .btn {
    color: #007ee1
}

.blog-aside {
    margin: 30px 0
}

.blog-aside h4 {
    color: #444;
    font-weight: 600 !important;
    font-size: 1.6em;
    letter-spacing: normal;
    line-height: 30px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase
}

.widget_tags ul {
    padding: 0
}

.widget_tags ul li {
    list-style: none
}

.blog-aside .backBtn,
.blog-aside .widget_tags li .tag {
    position: relative;
    background: #fff;
    border: 1px solid #83a1dd;
    color: #6d87ba;
    text-transform: uppercase;
    border-radius: 0;
    display: block;
    margin: 10px 0;
    padding: 10px;
    list-style: none
}

.blog-aside .backBtn {
    margin-bottom: 30px;
    display: block
}

.blog-aside .widget_tags li.active .tag {
    background: #444;
    color: #fff
}

.widget_tags li a {
    color: #fff;
    width: 100%;
    display: block;
    text-transform: uppercase
}

.widget_tags li i {
    display: inline;
    float: right;
    padding: 4px
}

.blog-list .post h2.titolo_articolo {
    color: #444;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.2 !important;
    text-transform: none;
    position: relative;
    padding-bottom: 13px
}

.blog-list .post h2.titolo_articolo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    height: 4px;
    background-color: #666;
    position: absolute;
    bottom: 0;
    left: 0
}

.blog-aside .aside-title {
    color: #555;
    font-size: 1.8rem;
    line-height: 1.3em;
    margin-top: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 10px
}

.blog-list .open-post h2 {
    font-size: 1.7em;
    line-height: 1.2 !important;
    margin-top: 30px
}

.download #elenco-m-prodotti>div {
    position: relative
}

.download #elenco-m-prodotti a {
    display: block;
    border: 2px solid #ccc;
    margin: 5px 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.download #elenco-m-prodotti .container-prodotto {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.download #elenco-m-prodotti .intro-des {
    padding: 3px
}

.download #elenco-m-prodotti .intro-des h4 {
    color: #333;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    margin: 0 0 0 2px;
    min-height: 22px;
    text-transform: initial
}

.download #elenco-m-prodotti a:hover .intro-des h4 {
    color: #0259c4
}

.download #elenco-m-prodotti .intro-des .text p {
    font-size: .9rem;
    color: #333;
    line-height: 1.5;
    min-height: 110px;
    display: none
}

.download #elenco-m-prodotti .container-prodotto.ACQ,
.download #elenco-m-prodotti .container-prodotto.GAS,
.download #elenco-m-prodotti .container-prodotto.acq,
.download #elenco-m-prodotti .container-prodotto.gas {
    border-bottom-width: 0;
    border-color: transparent !important
}

.download #elenco-m-prodotti .container-prodotto img {
    opacity: .9;
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.download #elenco-m-prodotti a:hover img {
    opacity: 1
}

.download #boxes-per-tipologia i,
.download #elenco-m-prodotti .container-prodotto i {
    float: right;
    margin: 3px 5px;
    padding: 4px;
    color: #fff;
    background: #0259c4;
    border-radius: 3px;
    -webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out
}

.download #boxes-per-tipologia .intro-des h4 {
    display: inline;
    float: left;
    width: 80%
}

.download #boxes-per-tipologia .intro-des {
    min-height: 50px
}

.download #elenco-m-prodotti a:hover i {
    background: #008803
}

.download .section--scheda-prodotto--heading {
    background: #ddd
}

#docs-download-container p.intro {
    font-size: 1.1em;
    color: #555;
    margin-top: 20px
}

#elenco-m-prodotti {
    padding-left: 9px;
    padding-right: 9px
}

#elenco-m-prodotti .box-item {
    padding: 5px !important
}

.download #elenco-m-prodotti .p-g2-punto-arancio .intro-des h4,
.download #elenco-m-prodotti .p-t4-punto-blu .intro-des h4 {
    font-size: 1.3rem
}

@media only screen and (max-width:600px) {
    .download #elenco-m-prodotti .intro-des h4 {
        min-height: 30px
    }
}

@media only screen and (min-width:768px) {
    .download #elenco-m-prodotti .container-prodotto img {
        max-height: 110px;
        margin: 0 auto
    }
}

@media only screen and (max-width:767px) {
    .download #elenco-m-prodotti .container-prodotto img {
        max-height: 150px;
        margin: 0 auto
    }
}

@media only screen and (max-width:500px) {
    .download #boxes-per-tipologia .box-item {
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .download #boxes-per-prodotti .box-item {
        display: block;
        margin: 0 auto;
        width: 50%
    }
}

#docs-download-container .item-container-prodotto {
    padding: 10px 3px
}

#docs-download-container .item-container-prodotto:nth-child(even) {
    background: #f0f0f0
}

#docs-download-container .item-container-prodotto:nth-child(odd) {
    background: #fff
}

.dwl-prodotto-info {
    padding: 5px 5px 0;
    background: #fff;
    border: 2px solid #ccc
}

.dwl-prodotto-info h2 {
    position: absolute;
    font-size: 1.1em;
    line-height: 1.5;
    font-weight: 900;
    color: #555;
    text-shadow: 2px 2px 2px #fff
}

.dwl-prodotto-info img {
    padding: 20px 0 0 0;
    width: auto;
    max-height: 90px;
    margin: 0 auto
}

.dwl-prodotto-docs>ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    display: table;
    border-collapse: separate;
    vertical-align: middle
}

.dwl-prodotto-docs>ul>li {
    list-style: none;
    float: left;
    color: #555;
    padding: 5px !important;
    line-height: 1.2;
    min-height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.dwl-prodotto-docs .table>thead>tr>th {
    color: #333;
    border-bottom: 0;
    padding: 3px 5px 3px !important;
    vertical-align: middle
}

.dwl-prodotto-docs li.doc-type div {
    display: inline;
    float: left
}

.dwl-prodotto-docs>ul>li.doc-name {
    font-weight: 600
}

@media only screen and (min-width:720px) {
    .dwl-prodotto-docs>ul>li.doc-name {
        width: 35%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-type {
        width: 30%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-lang {
        width: 20%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-action {
        width: 15%;
        white-space: normal !important
    }
}

@media only screen and (min-width:991px) {
    .dwl-prodotto-docs>ul>li.doc-name {
        width: 45%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-type {
        width: 25%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-lang {
        width: 20%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-action {
        width: 10%;
        white-space: normal !important
    }
}

@media only screen and (min-width:1024px) {
    .dwl-prodotto-docs>ul>li.doc-name {
        font-size: 1.4rem;
        width: 40%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-type {
        width: 25%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-lang {
        width: 25%;
        white-space: normal !important
    }
    .dwl-prodotto-docs li.doc-action {
        width: 10%;
        white-space: normal !important
    }
}

@media only screen and (min-width:1180px) {
    .dwl-prodotto-docs>ul>li.doc-name {
        width: 45%
    }
    .dwl-prodotto-docs li.doc-type {
        width: 25%
    }
    .dwl-prodotto-docs li.doc-lang {
        width: 15%
    }
    .dwl-prodotto-docs li.doc-action {
        width: 10%
    }
}

@media only screen and (max-width:768px) {
    .dwl-prodotto-docs>ul>li.doc-name {
        font-size: 1.2rem
    }
}

@media only screen and (min-width:721px) {
    .dwl-prodotto-docs li.doc-action {
        text-align: right !important;
        display: inline !important
    }
}

@media only screen and (max-width:1024px) {
    .dwl-prodotto-docs li.doc-type div {
        font-size: 11px
    }
}

.dwl-prodotto-docs li.doc-type .item-privilegi {
    margin-right: 5px
}

.dwl-prodotto-docs .doc-type .item-privilegi .fa-unlock {
    color: #008803
}

.dwl-prodotto-docs .doc-type .item-privilegi .fa-lock {
    color: #bf0203
}

.dwl-prodotto-docs li.doc-action a {
    border-radius: 40px;
    background: #0259c4;
    color: #fff;
    padding: 6px 8px;
    margin: 0 2px 0;
    display: inline-block
}

.dwl-prodotto-docs li.doc-action a:hover {
    background: #008803
}

.dwl-prodotto-docs li.doc-action a i {
    color: #fff
}

@media only screen and (max-width:768px) {
    .dwl-prodotto-info img {
        padding: 0;
        height: 150px;
        float: right;
        margin-top: 0;
        display: inline-block
    }
    .dwl-prodotto-info h2 {
        font-size: 1.3em;
        position: absolute;
        bottom: 37%;
        margin: 5px
    }
}

.dwl-prodotto-docs>ul>li.label {
    font-size: 1.2rem !important;
    min-height: 30px !important;
    padding: 16px 3px 10px 0 !important;
    color: #777;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.dwl-prodotto-docs li.doc-action.label {
    display: inline !important;
    text-align: center !important
}

@media only screen and (max-width:720px) {
    .dwl-prodotto-docs>ul>li {
        width: 100% !important;
        display: block;
        padding: 10px;
        text-align: center;
        background: #ddd;
        border-top: 1px solid #fff
    }
    .dwl-prodotto-docs>ul>li.doc-name {
        font-size: 1.5rem
    }
    .dwl-prodotto-docs li.doc-type div {
        font-size: 1.3rem
    }
    .dwl-prodotto-docs>ul {
        margin-bottom: 15px
    }
    .dwl-prodotto-docs li.doc-type div {
        width: 100% !important;
        display: block;
        text-align: center
    }
    .dwl-prodotto-docs .lista-lingue li {
        display: inline;
        float: none
    }
    .dwl-prodotto-docs li.doc-action.label,
    .dwl-prodotto-docs>ul>li.label {
        display: none !important
    }
}



#btn-documentazione, .btn-documentazione {
    background: #fff;
    display: inline-block;
    padding: 7px 14px;
    border-radius: 7px;
    color: #333;
    text-transform: uppercase;
    font-size: 1.4rem;
    margin: 25px 30px 25px;
    transition: background-color 0.5s ease;
}

.btn-documentazione:hover,
#btn-documentazione:hover {
    background: #337ab7;
    color: #fff;
}

.btn-documentazione i, 
#btn-documentazione i {
    padding-left: 15px
}

.g2-horeca .btn-documentazione,
.g2-horeca #btn-documentazione {
    display:none;
}

@media only screen and (max-width:765px) {
    .btn-documentazione, 
    #btn-documentazione {
        position: relative;
        bottom: 13px;
        font-size: 1.6rem;
        font-size: 1.2rem;
        margin: 25px 5px 25px;
        margin-top: 10px
    }
}
#btn-documentazione:focus {
    color: #fff;
}

.descrizione .btn-documentazione, 
.descrizione #btn-documentazione {
    position: relative;
    bottom: auto;
    left: 5px;
}
.container-buttons-prodotto {
    padding: 0px 0px 0px 25px;
}

.grecaptcha-badge {
    visibility: hidden
}

p.captcha {
    color: #333;
    line-height: 1.3
}

p.captcha a {
    color: #0259c4
}

#note .modal-body {
    position: relative;
    padding: 10px;
    border-radius: 0;
    border: 12px solid #afca0b;
    border-color: #afca0b;
    animation-name: borderalert;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

@keyframes borderalert {
    0% {
        border-color: #afca0b
    }
    25% {
        border-color: #4caf50
    }
    50% {
        border-color: #4caf50
    }
    100% {
        border-color: #afca0b
    }
}

#note p {
    color: #333;
    font-size: 1.5rem;
    margin: 0
}

#note .modal-content {
    border: none;
    border-radius: 0 !important
}

#note .modal-dialog {
    max-width: 380px;
    margin: 5px
}

#note .modal-footer {
    padding: 0;
    text-align: right;
    border-top: 0
}

#note.modal {
    top: initial;
    right: 0;
    bottom: 0;
    left: initial
}

html {
    overflow: auto !important
}

@media (min-width:1024px) and (min-height:600px) {
    .navbar-top {
        min-height: 70px
    }
    .navbar-brand>img {
        min-width: 210px
    }
}

@media (min-width:769px) and (min-height:600px) {
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a .icona-nav-prodotto img {
        height: 29px
    }
    .megamenu .dropdown.megamenu-fw .dropdown-menu .nav-prodotti li a span {
        line-height: 29px;
        font-size: 1.2rem
    }
}

@media (max-width:768px) {
    .megamenu .dropdown.megamenu-fw .dropdown-menu {
        max-height: none !important
    }
}

.ru .nav>li>a {
    padding: 10px 10px
}

@media (max-width:1200px) {
    .it .nav>li>a {
        padding: 10px 10px
    }
    .ru .nav>li>a {
        font-size: 13px
    }
    .nav>li>a {
        padding: 10px 10px
    }
}

.footer-social-links {
    text-align: right
}

.footer-social-links .icon {
    display: inline-block;
    margin: 2px 15px
}

.footer-social-links .icon a {
    font-size: 2.5rem !important
}

.follow-text {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 15px 3px 0
}

@media (max-width:991px) {
    .footer-social-links .icon {
        float: none;
        margin: 7px 25px 20px 0
    }
    .footer a.email-address,
    .footer a.telefono {
        margin: 0 15px 7px 0
    }
    .footer-social-links {
        text-align: left
    }
}

#modulo-iscrizione-cliente {
    color: #333
}

#modulo-iscrizione-cliente .checkbox-inline,
#modulo-iscrizione-cliente .radio-inline {
    width: 30%;
    font-weight: 400;
    margin-left: 0
}

#modulo-iscrizione-cliente .consenso .checkbox-inline {
    width: 100%
}

#modulo-iscrizione-cliente .consenso-marketing .radio-inline {
    width: auto;
    padding-right: 20px;
    font-weight: 600
}

#modulo-iscrizione-cliente .radio-select {
    width: 100%;
    border-bottom: 1px solid;
    color: #333
}

#modulo-iscrizione-cliente h2 {
    background: #0068c5;
    color: #fff;
    font-size: 1.4em;
    padding: 2px 5px;
    margin: 20px 0 10px;
    text-align: center;
    line-height: 1.5
}

#modulo-iscrizione-cliente label {
    font-weight: 400;
    font-size: 1.1em
}

#modulo-iscrizione-cliente label.labelname {
    font-size: 1.2em;
    font-weight: 600
}

#modulo-iscrizione-cliente input {
    border-radius: 5px;
    border: 1px solid #999
}

#modulo-iscrizione-cliente label.labelname span {
    color: red
}

#modulo-iscrizione-cliente #note {
    width: 100%;
    height: 80px;
    border: 1px solid #999;
    border-radius: 5px
}

#modulo-iscrizione-cliente .form-group {
    margin-bottom: 0;
    margin-top: 10px
}

#modulo-iscrizione-cliente #box-trattamento label {
    font-size: 1.1em
}

#modulo-iscrizione-cliente #box-trattamento a {
    color: #0068c5
}

#modulo-iscrizione-cliente {
    margin-top: 20px
}

#btn-salva {
    margin: 10px auto 20px;
    display: inherit;
    color: #fff;
    background: #4caf50;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1.2em;
    border-color: #87ceeb
}
#btn-elimina {
    margin: 10px auto 20px;
    display: inherit;
    color: #fff;
    background: #ef0500;
    padding: 5px 20px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1.2em;
    border-color: #a94442;
    border-radius: 5px;
}

.account-form .form-group label {
    font-size: 1.2em
}

.account-form .form-group label span {
    color: #e43a45;
    font-size: 1.2em;
    font-weight: 400
}

.account-form .form-group label a {
    color: #0068c5
}

.account-form hr {
    margin: 10px 0;
    border-top: #ccc 1px dashed
}

.account-form .consenso-marketing label.radio-inline {
    color: #333;
    font-size: 15px;
    font-weight: 600
}

.account-form .captcha,
.account-form .consenso label {
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400
}

.create-account .pre-form {
    color: #333;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400
}

#msg-completa-verifica {
    padding: 30px 0
}

#msg-completa-verifica .title-banda {
    color: #0071bc;
    font-weight: 500;
    font-size: 2.6em
}

#msg-completa-verifica p {
    font-size: 16px;
    margin: 15px 0 25px
}

#msg-completa-verifica p a {
    color: #0071bc
}

#msg-verifica-account {
    padding: 50px 15px 30px
}

#msg-verifica-account .title-banda {
    color: #0071bc;
    font-weight: 500;
    font-size: 2.6em;
    text-align: center;
    margin: 20px 0
}

.activate-account #loginErrorMsg {
    text-align: center;
    font-size: 1.2em;
    background: #fff
}

#msg-verifica-completata {
    padding: 50px 15px 30px
}

#msg-verifica-completata .title-banda {
    color: #0071bc;
    font-size: 2.6em;
    font-weight: 500;
    text-align: center;
    margin: 20px 0
}

#msg-verifica-completata i {
    color: #0071bc;
    font-weight: 400;
    text-align: center;
    font-size: 8em;
    display: block;
    margin: 0 auto 20px
}

#msg-verifica-completata p {
    color: #333;
    font-weight: 400;
    text-align: center;
    font-size: 1.3em
}

#msg-verifica-completata .btn-info {
    display: block;
    margin: 30px auto 0
}

.tabella-utenti tr.verificato0,
.tabella-utenti tr.verificato0.odd {
    background: #fcc !important
}

.tabella-utenti tr.verificato0.even {
    background: #f6dada !important
}

.tabella-utenti tr.verificato1,
.tabella-utenti tr.verificato1.odd {
    background: #e9ffca !important
}

.tabella-utenti tr.verificato1.even {
    background: #e0f5c3 !important
}

.tabella-utenti tr.verificato1 .consenso-marketing-si,
.tabella-utenti tr.verificato1.even .consenso-marketing-si,
.tabella-utenti tr.verificato1.odd .consenso-marketing-si {
    background: #cf6 !important
}

.tabella-utenti tr.verificato0 .consenso-marketing-no,
.tabella-utenti tr.verificato0.even .consenso-marketing-no,
.tabella-utenti tr.verificato0.odd .consenso-marketing-no,
.tabella-utenti tr.verificato1 .consenso-marketing-no,
.tabella-utenti tr.verificato1.even .consenso-marketing-no,
.tabella-utenti tr.verificato1.odd .consenso-marketing-no {
    background: #f99 !important
}

.header-blog {
    text-align: center;
    padding: 35px 15px
}

.header-blog h2 {
    color: #fff;
    font-weight: 400;
    margin: 10px 0
}

.header-blog h3 {
    text-align: center;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    max-width: 1170px;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 300
}

.blog-teco .blog-aside {
    margin: 0;
    padding: 30px 15px;
    background: #fff
}

.blog-teco .widget_tags a {
    color: #165192;
    text-transform: none;
    font-size: 1.1em;
    line-height: 1.9
}

.blog-teco .widget_tags a:hover {
    color: #0074ae
}

.blog-teco .widget_tags a span {
        color: #ccc;
    float: right;
}

.blog-teco .blog-aside .aside-title {
    color: #666;
    font-size: 1.8rem;
    line-height: 1.3em;
    margin-top: 0;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.blog-teco .blog-list {
    padding: 0
}

.blog-teco #lista-news {
    background: #fff
}

.blog-teco #lista-news h1, .news-teco #lista-news h1 {
    font-size: 1.6em;
    font-weight: 500;
    text-align: center;
    margin: 0 0 20px
}

/*.blog-teco .blog-list .item-article article {
    border-top:1px solid #d3d6d3;
}*/

.blog-teco .blog-list article {
    background: #fff;
    /*border: 1px solid #f0f0f0;*/
    padding: 20px 10px 15px;
    margin: 35px 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}
.blog-teco.news-teco .blog-list article {
    padding:0;
    margin:0 0 70px;
}
.blog-teco.news-teco .blog-list article h2 {
    margin:0;
    line-height:1.2;
}
.homepage .blog-list article {
    margin: 0 0;
}

.blog-teco .blog-list article h2 {
    color: #333;
/*    font-size: 1.5em;
    font-weight: 400;
    text-transform: none;
    margin: 20px 0;
    line-height: 1.2;*/
    font-size: 17px;
    letter-spacing: -.34px;
    line-height: 1.4;
    font-weight: 500;
    text-transform: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-height: 70px
}

.blog-teco .blog-list article:hover h2 {
    color: #165192
}


.blog-teco.blog-list article .data-pubblicazione {
    font-weight: 400;
    font-size: 1.2em;
    color: #165192
}
.blog-teco.news-teco  .blog-list article .data-pubblicazione {
    font-weight: 400;
    font-size: 1em;
    color: #333;
    margin: 10px 0;
}

/*.blog-teco .blog-list article .abstract {
    font-size: 15px;
    color: #666;
    min-height: 185px;
    line-height: 1.5;
    font-weight: 300
}*/
.blog-teco .blog-list article .abstract {
    font-size: 15px;
    color: #555;
    min-height: 155px;
    line-height: 1.5;
    font-weight: 400;
}

.blog-teco .blog-list article button {
    font-size: 14px;
    color: #666;
    outline: 0;
    border: none;
    letter-spacing: .2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blog-teco .blog-list article .button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 10px 10px 10px;
    background: #020024;
    background: linear-gradient(0deg, #020024 0, #fff 0, #fff 55%, rgba(255, 255, 255, 0) 100%)
}

.blog-teco .blog-list article:hover button {
    color: #165192
}

.blog-teco .blog-post {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 50px 0;
    padding-bottom: 30px
}

.blog-teco .blog-post h1 {
    text-transform: none;
    font-weight: 500;
    font-size: 2.8em;
    color: #333;
    max-width: 700px;
}

@media (min-width:768px) {
    .blog-teco .blog-post figure img {
        width: 600px
    }
}

@media (max-width:768px) {
    .blog-teco .blog-post h1 {
        font-size: 2em;
        line-height: 1.5
    }
}

.blog-teco .blog-post .data-pubblicazione {
    font-size: 13px;
    font-weight: 400;
    color: #333;
    display: block;
    border-bottom: 1px solid #ccc;
    margin: 0 0 20px 0;
    padding-bottom: 5px;
}
@media (min-width:769px) {
    #article-blog .header {
        padding: 0 40px;
    }
}

.blog-teco .blog-post .descrizione {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 40px
}

.blog-teco .blog-post .descrizione,
.blog-teco .blog-post .descrizione div,
.blog-teco .blog-post .descrizione li,
.blog-teco .blog-post .descrizione ol,
.blog-teco .blog-post .descrizione p,
.blog-teco .blog-post .descrizione span {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: .25px;
    color: #333;
}

.blog-teco .blog-post .descrizione a {
    color: #165192
}

.blog-teco .blog-post .descrizione p {
    margin-bottom: 10px
}

.blog-teco .blog-post .descrizione ul {
    margin-bottom: 10px
}

.blog-teco .blog-post .descrizione strong {
    font-weight: 500;
    color: #333
}

.blog-teco .blog-post h2,
.blog-teco .blog-post h3,
.blog-teco .blog-post h4,
.blog-teco .blog-post h5,
.blog-teco .blog-post h6 {
    color: #333;
    margin: 35px 0 10px;
    padding: 0;
    text-transform: none
}

.blog-teco .blog-post h2 {
    font-weight: 400;
    font-size: 1.8em;
    line-height: 35px;
}

.blog-teco .widget_tags li {
    display: block;
    border-bottom: 1px solid #ccc;
    /* border-top: 1px solid #666; */
    border-radius: 0;
    padding: 10px 10px;
    margin: 0;
    position: relative;
    line-height: 1;
}

.blog-teco .widget_tags li a {
        display: block;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 5px 0;
    line-height: 1;
    font-weight: 800;
    color: #555;
    letter-spacing: 0.55px;
}

.blog-teco .widget_tags li a:hover {
    color: #165192
}

.breadcrumb>li {
    padding-left: 6px
}

@media (max-width:1280px) {
    .blog-teco .blog-list article h2 {
        min-height: 70px
    }
}

@media (max-width:820px) {
    .blog-teco .blog-post .descrizione {
        padding: 0
    }
}

@media (max-width:768px) {
    .blog-teco .blog-post .descrizione {
        padding: 0
    }
}

@media (min-width:1400px) {
    .real-blog .item-article {
        width: 33.33333333%
    }
}

.homepage .blog-teco .blog-list article .abstract {
    display: none
}

.homepage .blog-teco .blog-list article h2 {
    min-height: 70px
}

.homepage .blog-teco .blog-list {
    padding-bottom: 25px !important
}

.item-contatto {
    background: #fff;
    border-top: #f0f0f0 4px solid;
    padding: 0;
    margin: 23px 0 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .13)
}

.item-contatto .des-ruolo h4 {
    text-transform: none;
    color: #333;
    margin: 20px;
    font-size: 1.35em;
    font-weight: 600
}

.item-contatto .info-ruolo {
    background: #ccc
}

.item-contatto .info-ruolo .nome-contatto {
    text-transform: none;
    color: #333;
    margin: 15px 20px 5px;
    font-size: 1.25em;
    font-weight: 600
}

.item-contatto .lista-recapiti {
    text-transform: none;
    color: #333;
    margin: 0 20px 5px;
    font-size: 1.1em;
    font-weight: 400;
    padding: 0;
    float: left
}

.item-contatto .lista-recapiti li {
    list-style: none
}

.item-contatto .lista-recapiti li i {
    margin-right: 5px
}

.item-contatto .lista-recapiti a {
    color: #424242
}

.item-contatto .lista-recapiti a:hover {
    color: #333
}

#finiture-k2 {
    background: #999
}

#finiture-k2 .elenco-finiture>div p {
    color: #fff
}

#finiture-k2 .elenco-finiture>div img {
    width: 270px
}

@media (max-width:1600px) {
    #finiture-k2 .elenco-finiture>div img {
        width: 190px
    }
}

@media (max-width:1280px) {
    #finiture-k2 .elenco-finiture>div img {
        width: 170px
    }
}

#finiture-k2 .title {
    margin-top: 35px;
    color: #fff
}

#video-serie-k2,
.videoTop40 {
    margin-top: 40px
}

#box-call-to-action {
    background: rgba(76, 175, 80, .8);
    top: 40%;
    color: #fff
}

#box-call-to-action:hover {
    background: #4caf50
}

.call-to-action-btn {
    text-transform: uppercase;
    position: fixed;
    right: 0;
    z-index: 1042;
    text-align: center;
    line-height: 1.3;
    border-radius: 5px 0 0 5px;
    padding: 15px;
    min-width: 150px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}

.call-to-action-btn a {
    color: #fff;
    display: block
}

@media (max-width:767px) {
    .call-to-action-btn br {
        display: none
    }
    #box-call-to-action {
        bottom: 0;
        top: initial;
        width: 96%;
        right: 2%;
        padding: 6px 10px;
    }
    #extra-footer {
        padding-bottom: 40px
    }
}


.item-article a {
    color: #111;
}

.item-article .item-line {
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    background-color: #d3d6d3;
}

@media (min-width: 1024px) {
    .item-article .item-line {
        margin-bottom: 26px;
    }
}

.item-article .item-date {
    display: block;
    margin-bottom: 20px;
    color: #666;
}

@media (min-width: 1024px) {
    .item-article .data-pubblicazione {
        margin: 10px 0;
    }
}

.item-article .item-title {
    display: block;
    color: #373c41;
    -webkit-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
@media (min-width: 1300px) {
    .item-article .item-title {
        font-size: 20px;
        letter-spacing: normal;
    }
}
.item-article .item-title {
    font-size: 17px;
    letter-spacing: -.34px;
    line-height: 1.4;
    font-weight: 500;
    text-transform: none;
}


.item-article .item-description-wrapper {
    margin: 15px 0 5px;
    min-height: 130px;
}
.item-article .item-description-wrapper p,
.item-article .item-description-wrapper {
    color: #666;
}
a .item-description-wrapper p,
a .item-description-wrapper,
.item-description-wrapper {
    color: #666;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: .25px;
}
@media (min-width: 1024px){
    .item-article .item-description-wrapper {
        margin: 20px 0 5px;
        min-height:200px;
    }
}
@media (min-width: 1200px){
    .item-article .item-description-wrapper {
        min-height:210px;
    }
}



.blog-teco.news-teco a:hover .item-title , a:hover .item-title {
    color: #666;
}


.card-gallery .item-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

.item-article .item-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    margin-bottom: 5px;
}
.item-article .item-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    color: #666;
    overflow: hidden;
}

.item-article .global-button {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.item-article .cta-copy {
    position: relative;
    margin-right: 10px;
}
.item-article .cta-copy i {
    margin-right: 10px;
}
.item-article .cta-copy:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    height: 1px;
    background-color: #666;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.item-article a:hover .cta-copy:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#blog-in-evidenza {
    padding:30px 0;
}
#blog-in-evidenza {
    padding-bottom:0;
}

.homepage .item-article {
    margin-top:30px;
    margin-bottom:30px;
}

.header-title-scheda span {
    color:#999;
}

.container-title-article .header-title-scheda {
    position: relative;
}
.btn-viewall {
    position: absolute;
    right: 0;
    top: 50%;
    background: #555;
    padding: 0 15px 0 0;
    margin-top: -18px;
    color: #fff;
    letter-spacing: 0.55px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}
.btn-viewall:hover {
    color:#fff;
    background: #777;
}
.btn-viewall i {
    padding: 0 15px;
    margin-right: 10px;
    border-right: 1px solid #666;
    font-weight: 500;
}
.btn-viewall i, .btn-viewall span {
    line-height: 36px;
}


.news-teco .blog-post figure img {
    width: 100%;
    max-width: 1200px;
    padding: 0 40px;
}

@media (min-width: 768px){
    .nav>li.nav-blog {
        display:none;
    }
}



.box-info-slide {
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
}

#rev_slider_34_1 {
     background: #444;
}
.box-info-slide {
    padding: 20px;
}
.box-info-slide .pre-title {
    margin-bottom: 16px;
    color: #60bf40;
    font-size: 23px;
    line-height: 16px;
    font-weight: 500;
     text-transform: none;
     font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
     /*text-shadow: 0px 0px 2px rgba(0,0,0,0.3);*/
}
.box-info-slide .main-title {
    margin-bottom: 6px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #fff;
    text-align: left;
    font-size: 45px;
    line-height: 1.2;
    font-weight: 500;
    text-transform: none;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
@media only screen and (max-width:1024px) {
    .box-info-slide .main-title {
        font-size: 35px;
    }
}
@media only screen and (max-width:768px) {
    .box-info-slide .main-title {
        font-size: 30px;
    }
}
@media only screen and (max-width:420px) {
    .box-info-slide .main-title {
        font-size: 20px;
    }
}

.box-info-slide p {
    color:#fff;
    margin-bottom: 15px;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height: 21px;
    font-size: 16px;
}
.slide-button {
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    height: auto;
    padding: 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    border-radius: 24px;
    background-color: #60bf40;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    text-align: center;
    cursor:pointer;
    display: inline-block;
}
@media only screen and (max-width:580px) {
   .slide-button {
        padding: 4px 10px;
    }
}
.slide-button:hover {
color:#fff;  
background: #37d004;
}

@media only screen and (max-width:768px) {
    .container-info-slide .tp-bgimg.defaultimg {
        background-size: 165% !important;
        background-position: -370px 0 !important;
    }
    .box-info-slide {
        max-width: 768px !important;
        width: 100% !important;
    }
    .tp-parallax-wrap, .tp-loop-wrap {
        width: 100% !important;
    }
    .space-slide {
        min-height: 100px;
        display: block;
    }
}
@media only screen and (max-width:620px) {
    .box-info-slide .pre-title {
        margin-top:0 !important;
        font-size: 16px;
        text-align: center;
    }
    .box-info-slide, .box-info-slide .pre-title, .box-info-slide .main-title, .box-info-slide p {
        text-align: center;
    }
}
@media only screen and (max-width:600px) {
    .container-info-slide .tp-bgimg.defaultimg {
        background-size: 190% !important;
        background-position: -330px 0 !important;
    }
}
@media only screen and (max-width:475px) {
    .container-info-slide .tp-bgimg.defaultimg {
        background-size: 175% !important;
        background-position: -260px 0 !important;
    }
}
@media only screen and (max-width:420px) {
    .container-info-slide .tp-bgimg.defaultimg {
        background-size: 200% !important;
    background-position: -275px 0px !important;
    }
}
@media only screen and (max-width:325px) {
    
    .box-info-slide .pre-title {
        font-size:13px;
        /*display: none;*/
    }
}
/*@media only screen and (max-width:580px) {
    .tp-parallax-wrap{
        top: 250px !important;
    }
}
@media only screen and (max-width:520px) {
    .tp-parallax-wrap{
        top: 200px !important;
    }
}*/


#container-my-account {
    margin: 20px 0 60px;
}
#container-my-account h1 {
    margin: 10px 0;
    font-size: 2.2em;
}
@media only screen and (max-width:720px) {
    #container-my-account h1 {
        margin: 3px 0;
        font-size: 1.4em;
    }
}


#container-my-account, 
#container-my-account p {
    font-size: 15px;
    line-height: 1.5;
    color: #111;
}

#my-account--box-consensi {
    margin:15px 0;
    background: #f0f0f0;
    padding: 20px;
}
#tab-consensi h2 {
    margin: 30px 0 5px !important;
    color: #555;
    font-weight: 500;
    font-size: 25px;
        line-height: 1.2;
}
@media only screen and (max-width:620px) {
    #tab-consensi h2 {
        font-size: 22px;
    }
}
#my-account--box-consensi p.ambito-consenso {
    font-size: 17px;
    margin-bottom:0;
}
#my-account--box-consensi a {
    color: #0071bc;
}

#form-consensi .radio-inline {
    font-weight:600;
        font-size: 16px;
}

#tabs-my-account .panel-heading {
        padding: 0;
}
#tabs-my-account .panel-body {
        padding: 0;
}
#tabs-my-account .panel-body .tab-content {
        padding: 10px 15px;
}
#tabs-my-account p.intro {
    margin-top:20px;
}
#tabs-my-account .nav-tabs li {
        display: table;
    position: relative;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    min-height: 50px;
}
#tabs-my-account .nav-tabs li.active a {
    background: #048ad0;
    position: relative;
}
#tabs-my-account .nav-tabs li.active a::before {
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #048ad0;
    position: absolute;
    content: " ";
    left: 50%;
    bottom: -20px;
    margin-left: -10px;
}
#tabs-my-account .nav-tabs li a {
    background: #084c92;
    padding: 2px;
    content: "";
    clear: both;
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

#tabs-my-account .nav-tabs li a,
#tabs-my-account .nav-tabs li a:hover,
#tabs-my-account .nav-tabs li a:focus  {
    color: #ffffff !important;
}
#tabs-my-account .nav-tabs>li.active>a, #tabs-my-account .nav-tabs>li.active>a:focus, #tabs-my-account .nav-tabs>li.active>a:hover {
    border-top: 4px solid #048ad0;
}



#my-account--box-consensi .btn-info {
    background: #05ab57;
}
#my-account--box-consensi .btn-info:hover {
    background: #14c36b;
}
@media only screen and (max-width:720px) {
    .nav-tabs>li>a {
        font-size:12px;
        padding: 5px 8px !important;
        min-height: 50px;
    }
}


#btn-download-coupon {
    padding: 15px 20px;
    font-size: 1.1em;
    border-radius: 10px;
    background: #2aa92e;
    margin-top:20px;
}


.link-lost-password {
    font-size: 1.15em;
    color:#000;
}

#container-sezione-login {
    padding-top:40px;
    padding-bottom:20px;
}
#container-sezione-login h1 {
    color:#000;
}
#container-sezione-login h2 {
    color:#0071bc;
}
#container-sezione-login .well {
    border: none;
    background: #f0f0f0;
    padding: 20px;
}
#container-sezione-login #loginForm label {
    font-size: 1.2em;
}
#container-sezione-login .box-info-contenuto-bloccato {
    margin-top: 0;
    padding: 20px !important;
}


.btn-my-area-riservata, 
.btn-login-area-riservata {
    padding: 3px 10px;
    font-weight: 400 !important;
    display: inline-block;
    font-size: 14px;
}
.btn-my-area-riservata {
    background: #008803;
}
.btn-my-area-riservata:hover,
.btn-login-area-riservata:hover {
    background: #05ab57;
}
.btn-my-area-riservata:focus ,
.btn-login-area-riservata:focus,
.btn-area-download-header:focus {
    color:#fff !important;
}


#form-cerca-job * {
    display: inline-block;
}
@media only screen and (max-width:768px) {
    #form-cerca-job .form-group {
        width: 100%;
    }
}
.section--scheda-prodotto--view-prodotto .container-fluid {
    max-width: 1170px;
}
@media (min-width:1024px) { 
    .container.content-nav, 
    .container-bradcrumbs .container {
        width: 100%;
    }
}
@media (min-width:1300px) { 
    .section--scheda-prodotto--view-prodotto .container-fluid {
        max-width: 1270px
    }
    .container {
        width: 1270px;
    }
}
@media (min-width:1400px) { 
    .section--scheda-prodotto--view-prodotto .container-fluid {
        max-width: 1370px
    }
    .container {
        width: 1370px;
    }
}
@media (min-width:1500px) { 
    .section--scheda-prodotto--view-prodotto .container-fluid {
        max-width: 1470px
    } 
    .container {
        width: 1470px;
    }
    .container.content-nav, 
    .container-bradcrumbs .container {
        width: 100%;
        max-width: 1670px;
    }
}
@media (min-width:1600px) { 
    .section--scheda-prodotto--view-prodotto .container-fluid {
        max-width: 1470px
    } 
    .container {
        width: 1570px;
    }
}
@media (min-width:1700px) { 
    .section--scheda-prodotto--view-prodotto .container-fluid {
        max-width: 1670px
    } 
    .container {
        width: 1670px;
    }
}
@media (min-width:1400px) { 
    .section--scheda-prodotto--elenco-gamma #contenitore-elenco-prodotti {
        width: 16.66666667%;
    }
}

@media only screen and (max-width:768px) {
    .info-sections .title {
        font-size: 1.5em;
        line-height: 1.3;
        margin: 10px 0 10px;
    }
}

.info-sections.bg-grey {
    background: #ebebeb;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.box-accessorio-fastec .img-fluid {
    width: 130px;
}
#box-raccordi-fastec {
    margin-bottom: 40px;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media only screen and (max-width: 992px) {
    .tabella-applicazioni {
        margin:30px 10px;
    }
}
.tabella-applicazioni h4 {
    text-transform: uppercase;
    font-size: 1em;
}
.tabella-applicazioni th,
.tabella-applicazioni td {
    text-transform: none;
    padding: 0.45rem;
}
.tabella-applicazioni thead th {
    line-height: 1.1;
    font-size: 13px;
    text-align: center;
        vertical-align: middle;
    border-bottom: 1px solid #444;
}
.tabella-applicazioni td {
    line-height: 1.1;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #444;
}
.tabella-applicazioni tr {
    
}

img.montaggio-smontaggio {
    margin-bottom: 30px;
}

.gal-gamma-gruppo .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
}
.gal-gamma-gruppo .owl-nav .owl-next {
	right: 5px !important;
	position: absolute;
}


#container-adesione-promo {
  border: 3px solid #06c;
  padding: 15px;
  margin: 20px 0 30px;
  background: #fff;
}
#container-adesione-promo .labeltext {
  font-size: 1.7rem;
    color: #333;
    font-weight: 500;
}
#container-adesione-promo span {
    color: #F00;
}

.account-form .form-group .form-check-label input[type="radio"] {
    margin-right:10px;
}


.btn-area-download-header {
    background: #555;
    color: #fff;
    font-weight: 400 !important;
    font-size: 14px;
    padding: 3px 10px !important;
    border-radius: 5px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}
.btn-area-download-header:hover {
    background: #05ab57;
    color: #fff;
}
#info-prodotto {
    padding: 30px 0;
}


#bg-immagine-applicazione,
#bg-immagine-prodotto {
    padding-left:0px;
    padding-right:0px;
}

.plr--0 {
    padding-left:0px;
    padding-right:0px;
}

@media (max-width: 768px) {
    .section--scheda-prodotto--documentazione .col-md-12 {
        padding:0px;
    }
}

.section--scheda-prodotto--documentazione {
    
}

.bim-download-box {
    margin: 30px 0;
}
.bim-download-box a span {
    background: #ccc;
    padding: 4px 5px;
    border-radius: 5px;
    margin: 10px;
    color: #333;
}
.bim-download-box a:hover span {
    background: #0056ac;
    color: #fff;
}

.titoletto-txt {
  color: #222;
  font-weight: 500;
  padding: 5px 0 0;
  font-size: 1.4rem;
}

    .titoletto-txt.bordered {
        border-top: 1px solid #ccc;   
    }

.box-testo-di-capitolato {
  font-size: 1.4rem;
  line-height: 1.3;
  color: #333;
  margin: 5px 0 20px;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px; 
    margin-left: -15px; 
}

.flex-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.section--scheda-prodotto--documentazione .dt-search {
    display: none;
}
#box-download-prodotto-documentazione {
  border-top: 1px solid #ccc;
}
#box-download-prodotto-documentazione .form-control {
  border-radius: 5px;
  border: 1px solid #dedede;
}
.dataFilesTable {
  border-top: 1px solid #ccc;
  margin: 20px 0;
  width:100% !important;
}
.dataFilesTable > thead > tr > th,
.dataFilesTable > tbody > tr > td {
    vertical-align: middle;
    color:#222;
    line-height: 1.1;
}
.dataFilesTable td.doc-type {
    display: flex;
}

.dataFilesTable > thead > tr > th {
    border-bottom: 0px;
}
.dataFilesTable > tbody > tr > td {
    border-top: 0px;
}
.dataFilesTable.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #ebebeb;
}

.text-uppercase {
    text-transform: uppercase;
}

#section--scheda-prodotto-gamma--intro-header .titolo-icona-prodotto {
    font-size: calc( 1.5rem + 0.45vmax );
    color: #555;
    font-weight: 500;
    margin-right: 15px;
    margin-bottom:0;
    line-height:1.1;
}

#section--scheda-prodotto-gamma--intro-header .titolo-prodotto {
    font-size: calc( 1.3rem + 0.45vmax );
    line-height: 1;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    max-width: 100%;
    display: inline-block;
    margin: 0px;
    color: #555;
}
#section--scheda-prodotto-gamma--intro-header {
    display: flex;
    /* align-items: center; */ /* Centra verticalmente */
    align-items: baseline; 
    justify-content: flex-start; /* Allinea a sinistra */
    padding-top:15px;
    padding-bottom:10px;
}


@media (max-width: 768px) { /* Stili per dispositivi mobili */
    .section--scheda-prodotto--view-prodotto-gamma {
        background: #f0f0f0;
    }
    #section--scheda-prodotto-gamma--intro-header {
        flex-direction: column;
        align-items: flex-start; /* Allinea a sinistra */
        justify-content: flex-start; /* Allinea all'inizio */
        padding-left:15px;
        padding-right:15px;
    }
    .p-logo,
    .titolo-prodotto,
    .titolo-icona-prodotto {
        width: auto;
        margin-right: 0;
    }
}

#section--scheda-prodotto-gamma--intro-header .p-logo {
    margin-right: 15px;
}

.section--scheda-prodotto--tabelle-gamme .box-container-gamma {
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  padding: 20px; 
  margin-bottom:30px;
}

.gp-header, .gg-header {
    
}

.linea2 .gp-header, 
.linea2 .gg-header {
    border-bottom: 1px solid #0071bc;
    margin-bottom:7px;
    padding-bottom:4px;
}
.box-gamma-prodotto-titolo h5 {
    font-size: calc( 1.1rem + 0.50vmax );
    text-transform: none;
    font-weight: 500;
    color: #555;
    margin:3px 0;
}
.box-gamma-descrizione, .box-gamma-caratteristiche {
  color: #222;
  font-size: 1.45rem;
  line-height: 1.3;
  margin: 5px 0;
}
.box-gamma-descrizione ul, .box-gamma-caratteristiche ul {
    
}
.box-gamma-descrizione li, .box-gamma-caratteristiche li {
    margin:4px 0;
}

    .box-gamma-info-prodotto {
      display: flex;
      flex-wrap: wrap;
    }

    .box-gamma-descrizione {
      flex: 3;
      
      display: flex;
      flex-wrap: wrap;
    }

    .box-gamma-caratteristiche {
      flex: 1;
    }

    .box-gamma-prodotto-comprende,
    .box-gamma-prodotto-non-comprende {
      margin-bottom: 10px;
      flex: 1;
      position: relative;
    }
    .box-gamma-prodotto-comprende ul,
    .box-gamma-prodotto-non-comprende ul {
      padding-left:15px;
      width: 320px;
      max-width: 100%;
    }
    .box-gamma-prodotto-non-comprende:before {
        content: "\f071";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 20px;
        color: #0071bc; /* Cambia il colore se necessario */
        position: absolute;
        left: -27px; /* Posizionamento assoluto sulla sinistra */
        top: -2px;
      }
      
    .box-info-aggiuntive {
          position: relative;
          color:#222;
          padding-bottom:10px;
          padding-left: 20px;
    }
    .box-info-aggiuntive::before {
        content: "\f129";
        font-family: "FontAwesome";
        font-weight: 900;
        font-size: 20px;
        color: #0071bc;
        position: absolute;
        left: 0px;
        top: -2px;
    }
      

    @media (max-width: 720px) { /* Stili per dispositivi mobili */
      .box-gamma-info-prodotto {
        flex-direction: column;
      }
      .box-gamma-descrizione {
        flex-direction: column;
        margin-top:10px;
      }
      .box-gamma-descrizione,
      .box-gamma-caratteristiche {
        width: 100%;
      }
        .box-gamma-prodotto-comprende,
        .box-gamma-prodotto-non-comprende {
            width: 100%;
            margin-top: 10px;
      }
      .table-responsive {
          border: none;
      }
    }
    
    
    
    /*.fastec-store .owl-carousel .owl-item img*/
    .gg113 .gal-gamma-gruppo .item {
        max-width: 40%;
    }
    /*.fastec-store .owl-carousel .owl-item img*/
    .tipo-gamma-ricambi .gal-gamma-gruppo .item,
    .accessori_ricambi .gal-gamma-gruppo .item,
    .ricambi .gal-gamma-gruppo .item,
    .fastec-store .gal-gamma-gruppo .item,
    .ggID113 .gal-gamma-gruppo .item, 
    .parentProduct45 .gal-gamma-gruppo .item, 
    .parentProduct2 .gal-gamma-gruppo .item {
        max-width: 50%;
    }
    .gal-gamma-gruppo .item {
        max-width: 85%;
        margin: 0 auto;
    }
    @media (max-width: 768px) {
        .gal-gamma-gruppo .item {
            max-width: 250px;
        }
    }
    
    .gal-gamma-gruppo .item {
/*        border: 4px solid #efefef;
        border-radius: 15px;*/
    }
    
    
.box-gamma-prodotto-caratteristiche {
    padding-right:0px;
    padding-left:0px;
}
 .box-gamma-prodotto-caratteristiche ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.box-gamma-prodotto-caratteristiche ul li {
  display: inline-block;
  margin: 5px 3px 5px 0;
  padding: 0px;
}
@media (min-width: 992px) {
  .box-gamma-prodotto-caratteristiche ul {
    text-align: right;
  }
}
.label-caratteristica {
  border-radius: 5px;
  color: #fff;
  background: #0071bc;
  padding: 4px;
}



.linea2 #anchor-capitolato .btn-teco {
    background: #eee;
    color: #222;
}
.linea2 #anchor-capitolato .btn-teco:hover {
    background: #2797e4;
    color: #FFF;
}
#box-call-to-action {
    display:none;
}
.i-F13, .i-F14 {
    padding:2px 5px;
    color: #FFF;
    border-radius:3px;
}
.i-F13 {
    background: #0071bc;
}
.i-F14 {
    background: #f95e00;
}



#gamma-gruppo .section--scheda-prodotto--extra-navigation,
#gamma-prodotto .section--scheda-prodotto--extra-navigation {
    border-bottom: 0;
}

.titolo-gamma-gruppo {
  text-transform: none;
  color: #222;
  border-top: 1px solid #ccc;
  font-size: calc( 1.4rem + 0.45vmax );
  margin-bottom: 10px;
  padding-top: 10px;
  line-height: 1.1;
  font-weight: 500;
}
.sottotitolo-gamma-gruppo {
  color: #0071bc;
  text-transform: none;
  font-size: 18px;
  margin: 0 0 10px;
  line-height: 1.3;
}

.campo-impiego-prodotto {
  width: 400px;
  max-width: 100%;
}


.img-ricambi img {
  max-height: 490px;
}
.gp-ricambi-id-422 .img-ricambi img {
  max-height: 700px;
}

#DataTables_Table_0_wrapper {
    overflow-x: scroll;
}


#container-approfondimenti-gamma .container {
    padding-top:15px;
    padding-bottom:15px;
}
#container-approfondimenti-gamma p, 
#container-approfondimenti-gamma .dida {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #333;
    padding: 5px 0;
}
#container-approfondimenti-gamma ul, 
#container-approfondimenti-gamma ol {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #333;
    padding-left: 15px;
}
#container-approfondimenti-gamma h2, 
#container-approfondimenti-gamma h3 {
    margin: 0;
    padding: 10px 0 5px 0;
    color: #333;
    letter-spacing: normal;
    line-height: 1.2;
    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 500;
    text-transform: none;
    font-size: calc( 1.1rem + 0.50vmax );   
}


.esempio-applicazione {
  border: 3px solid;
  padding: 5px 20px 20px;
}

.img-center img {
    display: block;
    margin: 0 auto;
}

.download .box-item:has(.p-ricambi-gas),
.download .box-item:has(.p-ricambi-acqua) {
    display: none !important;
}

.sezione-applicazioni .main-subtitle {
    margin: 0;
    text-transform: none;
    color: #165192;
    font-weight: 500;
    font-size: 1.8em;
}

.sezione-applicazioni p,
.sezione-applicazioni #vantaggi li {
    font-size: 15px;
    color: #333;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.sezione-applicazioni #vantaggi li {
    position: relative;
    line-height: 1.2; /* Regola la spaziatura tra le righe, se necessario */
    margin-bottom: 10px;
    list-style: none; /* Rimuove il pallino di default */
}

.sezione-applicazioni #vantaggi li::before {
    content: '';
    position: absolute;
    left: -15px; /* Posizione del quadratino rispetto al bordo sinistro dell'elemento li */
    top: 6px;
    /*transform: translateY(-50%);  Centra verticalmente rispetto al testo */
    width: 8px;
    height: 8px;
    background-color: #165192; /* Colore del quadratino */
}

.sezione-applicazioni .bg-grigio-scuro p {
    color: #F0F0F0;
}

.sezione-descrittiva {
    padding-top: 60px;
    padding-bottom: 60px;
}


/* Classe per impostare altezza minima e centramento verticale */
.equal-height {
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50vh; /* Imposta l'altezza minima a metà della viewport */
}

.sezione-applicazioni .bg-image {
    z-index: 0;
    background-size: cover;
    background-position: center;
    height: 50vh; /* Imposta l'altezza a metà della viewport */
    min-height: 600px; /* Imposta l'altezza minima*/
}

#info-prodotto h1, #info-prodotto p {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .section--scheda-applicazione  #section--scheda-prodotto--intro-header {
        padding: 25px 150px 25px 20px;
    }
}


.sezione-applicazioni .tab-button {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 7px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 13px rgba(0,0,0,0.2);
    max-width: 97%;
}
.sezione-applicazioni .tab-button.active,
.sezione-applicazioni .tab-button:hover {
    background: #165192;
}
.sezione-applicazioni .tab-button .icon {
    margin-right: 24px;
    width: 50px; /* Larghezza desiderata per l'icona */
    height: 50px; /* Altezza desiderata per l'icona */
}
.sezione-applicazioni .tab-button.active .icon,
.sezione-applicazioni .tab-button:hover .icon {
    filter: brightness(0) invert(1);
}
.sezione-applicazioni .tab-button .title,
.sezione-applicazioni .main-subtitle {
    font-size: calc(1.2em + 0.5vw); /* Calcolo basato sulla larghezza del viewport */   
    line-height: 1.1;
}

.sezione-applicazioni .tab-button .title {
    color: #555;
    font-weight: 500;
    font-size: calc(1.1em + 0.4vw);
}

.sezione-applicazioni .main-subtitle {
    margin: 0;
    text-transform: none;
    color: #165192;
    font-weight: 400;
}
.sezione-applicazioni .main-subtitle.text-uppercase {
    text-transform: uppercase;  
    font-size: calc(1.4em + 0.8vw);
}
.sezione-applicazioni .tab-button.active .title, 
.sezione-applicazioni .tab-button:hover .title {
    color: #FFF;
    
}
.sezione-applicazioni .tab-content {
    display: none;
    border:0;
    padding: 10%;
    
    max-width: 100%;
    width: 550px;    
}
.sezione-applicazioni .tab-content.active {
    display: block;
}
.sezione-applicazioni .header-section {
    padding-top:30px;
    padding-bottom:30px;
}

#vantaggi {
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
  padding-top: 0px;
  padding-bottom: 60px;
}
#box-tab-content {
    background:#f5f5f5;
}

.sezione-applicazioni .tab-content h2 {
    font-size: calc(1.6em + 0.8vw);
    line-height: 1.1;
    margin: 0 0 2px;
    color: #165192;
    font-weight: 500;
}
.sezione-applicazioni h4,  
.sezione-applicazioni .tab-content h3 {
    color: #333;
    font-weight: 500;
    text-transform: none;
    font-size: calc(1.1em + 0.4vw);
    line-height: 1.2;
    margin:0 0 10px;
}


.sezione-applicazioni .tab-content p {
    color: #333;
    font-weight: 600;
}

.vantaggi-in-punti {
  padding-left: 15px;
  margin: 20px 0;
}

.item-soluzioni {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    border-right: 1px solid #ccc;
}

.item-soluzioni .icona {
    margin-bottom: 10px;
    border: 5px solid #165192;
    border-radius: 100px;
    padding: 20px;
}
.item-soluzioni .icona img {
    display: block;
    width: 90px;
    height: 90px;
    margin:0px;
}

@media (max-width: 990px) {
    .item-soluzioni .icona {
        padding: 0px 23px;
    }
    .item-soluzioni .icona img {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 767px) {
    .item-soluzioni .icona {
        padding: 20px;
    }
    .item-soluzioni .icona img {
        width: 50px;
        height: 50px;
    }
}


.item-soluzioni.first {
    border-left: 1px solid #ccc;
}

@media (max-width: 767px) {
    .item-soluzioni,
    .item-soluzioni.first,
    .item-soluzioni.last {
        border: none;
    }
}
.item-soluzioni img {
    max-width: 100%; /* Assicura che l'immagine non superi la larghezza del suo contenitore */
    margin-bottom: 10px; /* Spazio tra l'immagine e il titolo */
}

.item-soluzioni h4 {
    margin: 0;
    font-size: calc(0.9em + 0.33vw);
    font-weight: bold;
    color: #333;
    line-height: 1;
    padding: 10px 20px 0 20px;
    text-transform: uppercase;
}

#soluzioni-per {
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 60px;
}
#certificazioni-gamma {
  padding: 40px 0;
}
@media (min-width: 768px) {
    .nota-certificazioni {
        border-left: 1px solid #ccc;
        padding: 10px 30px;
        margin-left: 20px;
    }
}
@media (min-width: 1280px) {
    .nota-certificazioni {
        padding: 25px 30px;
    }
}
.nota-certificazioni p {
    margin-bottom:0px;
}
#documentazione-applicazione {
    background: #f0f0f0;
    padding:60px 0;
}

.btn-text {
    cursor: pointer;
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  margin-top: 30px;
  display: block;
}
.bg-grigio-scuro .btn-text {
    color: #fff;
}
.btn-text i {
    font-size: 2rem;
}



#section--scheda-prodotto--prodotto-esploso,
#hsPrefabbricati {
        position: relative;
    }
    
    #hsPrefabbricati.map {
        max-width: 1920px;
        z-index: 0;
        position: relative;
        overflow: hidden;
    }

        .info-box {
            position: absolute;
            top: 5%;
            right: 5%;
            width: 28%;
            background-color: white;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
            padding: 15px 20px;
            display: none;
            z-index: 10;
            
            background-position: center center;
            background-size: 70%;
            background-repeat: no-repeat;
            
            padding-left: 50px;
        }
        @media (max-width: 720px) {
            .info-box {
                position: relative;
                width: 90%;
                margin-left: 10%;
            }
        }
        
        .info-box img {
            width: auto;
            margin-bottom: 10px;
        }
        .info-box h5 {
            margin: 10px 0;
        }
        .info-box span {
            position: absolute;
            left: 10px;
            top: 10px;
            background: #090;
            padding: 3px;
            text-align: center;
            border-radius: 25px;
            line-height: 1.5;
            width: 25px;
            height: 25px;
            color: #fff;
        }
        .info-box a {
            font-weight: 500;
            color: #165192;
            text-align: right;
            display: block;
            font-size: 1.5rem;
        }

        .marker1 {
            top: 30%;
            left: 20%;
          }
        
          #mappa-applicazione button {
              border:none;
              background: transparent;
          }  
          
        #mappa-applicazione .hotspotApp {  
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #165192;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            line-height: 1.6;
            cursor: pointer;
            transform: translate(-50%, -50%);
            animation: pulse2 1s infinite;
        }
        #mappa-applicazione .hotspotApp:hover {
            cursor: pointer;
            animation: none;
        }
        #mappa-applicazione .hotspotApp.active {
             animation: none;
             background: #090;
        }
        
        @keyframes pulse2 {
            0% {
                transform: translate(-50%, -50%) scale(1);
            }
            50% {
                transform: translate(-50%, -50%) scale(1.5);
            }
            100% {
                transform: translate(-50%, -50%) scale(1);
            }
        }

        
        .hotspotApp1 {
            top: 18%;
            left: 20%;
        }
        .hotspotApp2 {
            top: 18%;
            left: 28%;
        }
        .hotspotApp3 {
            top: 57%;
            left: 59%;
        }
        .hotspotApp4 {
            top: 57%;
            left: 64%;
        }
        .hotspotApp5 {
            top: 77%;
            left: 20%;
        }
        .hotspotApp6 {
            top: 72%;
            left: 42%;
        }
        .hotspotApp7 {
            top: 31%;
            left: 37%;
        }
        .hotspotApp8 {
            top: 52%;
            left: 37%;
        }
        @media (max-width: 820px) {
            #mappa-applicazione .img-mappa {
                width: 130%;
                margin-left: -9%;
            }
            #mappa-applicazione .hotspotApp {
                font-size: 10px;
                width: 13px;
                height: 13px;
                line-height: 1.3;
            }
            .hotspotApp1 {
                top: 17%;
                left: 16%;
            }
            .hotspotApp2 {
                top: 17%;
                left: 26%;
            }
            .hotspotApp3 {
                top: 56%;
                left: 65%;
            }
            .hotspotApp4 {
                top: 56%;
                left: 73%;
            }
            .hotspotApp5 {
                top: 78%;
                left: 18%;
            }
            .hotspotApp6 {
                top: 73%;
                left: 46%;
            }
            .hotspotApp7 {
                top: 32%;
                left: 40%;
            }
            .hotspotApp8 {
                top: 52%;
                left: 40%;
            }
        }
        
        /* SLIDER PRODOTTI APPLICAZIONE */
        #prodotti-per-applicazione {
            padding-bottom: 60px;
        }
        
       

        .slider-prodotti-applicazioni .slick-dots li {
          list-style: none;
        }
        .slider-prodotti-applicazioni .slick-dots li button {
          background-color: #ccc;
          width: 8px;
          height: 8px;
          margin: 0 8px;
          transition: all .2s ease-in-out;
          border-radius: 100%;
          display: inline-block;
          cursor: pointer;
          border: none;
        }

        .slider-prodotti-applicazioni .slick-dots li.slick-active button {
          background-color: #165192;
          width: 24px;
          border-radius: 20px;
          transition: all .2s ease-in-out;
          border: none;
        }
        #prodotti-per-applicazione .slider-item {
            padding: 10px 20px;
        }

        #prodotti-per-applicazione .slick-dots {
            display: flex; /* Rende il contenitore un flexbox */
            justify-content: center; /* Centra i dots orizzontalmente */
            padding: 0; /* Rimuove il padding */
            margin: 0; /* Rimuove il margine */
        }
        #prodotti-per-applicazione .slick-dots li button {
            font-size: 0; /* Nasconde il testo (numeri) */
        }

        #prodotti-per-applicazione .slick-dots li button:before {
            content: ''; /* Rimuove il contenuto del button */
        }

        #prodotti-per-applicazione .slick-dots li {
            margin: 0 2px; /* Aggiunge margine orizzontale tra i dots */
        }
        #prodotti-per-applicazione .filter-buttons {
            text-align: center;
            margin-bottom: 20px;
        }
        #prodotti-per-applicazione .filter-buttons .filter-btn {
            border: 4px solid #165192;
            border-radius: 30px;
            color: #165192;
            padding: 5px 20px;
            background: #fff;
            margin: 5px 10px;
            font-weight: 500;
            font-size: 1.2em;
        }
        #prodotti-per-applicazione .filter-buttons .filter-btn.active {
            color: #FFF;
            background: #165192;
        }
        #prodotti-per-applicazione .slick-arrow {
            background: #333;
            border-radius: 50%;
            color: #fff;
            height: 30px;
            width: 30px;
            line-height: 30px;
            text-align: center;
            z-index: 2;
        }
        #prodotti-per-applicazione .slick-prev {
            left: calc(100% - 140px);
        }
        #prodotti-per-applicazione .slick-next {
            right: 30px;
        }
        #prodotti-per-applicazione  .slick-prev.slick-disabled,
        #prodotti-per-applicazione  .slick-next.slick-disabled {
            background: #f0f0f0;
            border-color: #ccc;
            color: #ccc;
        }
        
        #prodotti-per-applicazione .slick-prev,
        #prodotti-per-applicazione .slick-next {
          width: 3pc;
          height: 3pc;
          background-color: rgba(22, 81, 146, .15);
          color: #165192;
          border: 1px solid transparent;
          border-radius: 100%;
          position: absolute;
          bottom: -15px;
          display: inline-block;
          cursor: pointer;
          transition: all .3s ease-in-out;
          z-index: 2;
        }
        
        @media (max-width: 767px) {
            #prodotti-per-applicazione .slick-prev,
            #prodotti-per-applicazione .slick-next {
              display:none !important;
            }
        }
        
        #section--applicazione-contatti--dati-contatto a,
        #section--applicazione-contatti--dati-contatto i {
            color: #333;
            font-size: 1.6rem;
            margin-bottom: 10px;
        }
        #section--applicazione-contatti--dati-contatto a:hover,
        #section--applicazione-contatti--dati-contatto a:hover i {
            color: #165192 !important;
        }
        .sezione-applicazioni .container-prodotto {
            padding: 15px;
        }
        .sezione-applicazioni #box-nav-prodotto-k- .container-prodotto, 
        .sezione-applicazioni #box-nav-prodotto-k2-1 .container-prodotto, 
        .sezione-applicazioni #box-nav-prodotto-ultra .container-prodotto {
            padding: 35px;
        }
        
        
        .toggle-submenu {
            border: 0;
            padding-left: 20px;
            background: 0;
            margin: 10px;
          }

          
 .tparrows.tp-leftarrow::before {
  content: '\f104';
  font-family: FontAwesome;
}
          
 .tparrows.tp-rightarrow::before {
  content: '\f105';
  font-family: FontAwesome;
}


.section--scheda-prodotto--esempi-applicativi {
    margin: 20px 0 25px;
}
.link-esempio-applicativo {
    padding-top: 10px;
    padding-bottom: 6px;
}
.link-esempio-applicativo a {
    padding:0;
    display: flex;
    align-items: center;
}

.ea-action i {
    font-size: 1.8rem;
    color: #333;
    margin: 0 0 0 10px;
}
.ea-action .ea-filetype {
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
}
.ea-titolo {
  color: #222;
  font-weight: 500;
  display: block;
  margin: 0;
  line-height: 1.1;
}
.link-esempio-applicativo a:hover i {
    color: #165192;
}

#cover-img-esempi-applicativi {
    margin: 20px 0;
}

#chatWhatsapp {
    width: 65px;
    bottom: 25px;
    right: 25px;
    position: fixed;
}
#chatWhatsapp img {
    width: 90%;
    display: block;
    margin:0 auto;
    transition: width 400ms ease 0s;
    z-index:1001;
}
#chatWhatsapp:hover img {
    width: 100%;
}
#scroll-to-top a.scroll-up {
    display: none !important;
}



/*SEARCH*/

.x-tmega-nav--desktopn .x-njz.js-mega-nav__search {
    height: auto;
    padding: 50px 0;
}

.x-njz.js-mega-nav__search {
    background:#fff;
}

.mega-nav__search--is-visible .mega-nav__search-inner {
    -webkit-animation: mega-nav-entry-animation .5s var(--ease-out);
    animation: mega-nav-entry-animation .5s var(--ease-out);
}

.mega-nav--desktop .mega-nav__search-inner {
    width: calc(100% - 2*var(--component-padding));
    margin: 0 auto;
    padding: var(--space-xl) 0;
}
.mega-nav__quick-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 1.2em;
    color: #000;
    text-decoration: none;
}

@media(max-width:767px) {
    .mega-nav__quick-link {
        font-size: 1em;
    }
}
.js-mega-nav__search ul {
    padding:0;
}
.js-mega-nav__search li {
    list-style:none;
}


#mega-nav-search {
    background: #fff;
    padding: 25px 20px 20px;
}
@media(min-width:768px) {
    #mega-nav-search {
        padding: 50px 20px 40px;
    }
}

.x-tmega-nav--desktopn .js-mega-nav__search .x-nqr {
    max-width: 600px;
}
/*.mega-nav__search-inner form {
    width:80%;
}*/
.form-group.form-group-search {
    width: 76%;
    float:left;
}
.form-group-search .input-group {
    width:100%;
}

#search-quick-links {
    margin-top:30px;
    display: block;
    clear: both;
}

@media(max-width:768px) {
    .btn-search {
        margin: 0 !important;
    }
}





.section--map--agents {
    height: 90vh;
    position: relative;
}

.section--map--agents #map {
    height: 100%;
    width: 75%;
    float: left;
    font-size: 13px;
}
.section--map--agents #popup-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0,0,0,0.3);
    padding: 0px;
    overflow-y: scroll;
    display: none;
    z-index: 1000;

    font-family: Roboto, Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #222;
    padding: 25px;
    line-height: 1.2;
    font-weight: 300;
}
    .section--map--agents #popup-container h2 {
        line-height: 1.2;
        margin: 0;
        padding: 15px 0 10px 0;
        color: #333;
        text-transform: none;
        font-weight: 500;
    }
    #agents-list {
  padding: 0;
  font-size: 1.5rem;
  line-height: 1.3;
}

.section--map--agents .leaflet-attribution-flag {
        display: none !important;
    }
    
    /* Aumenta la larghezza del campo di input */
.section--map--agents .leaflet-control-geocoder-form input {
        width: 250px;
        border-radius: 5px;
        padding: 5px;
        font-size: 14px;
        border: 1px solid #ccc;
        margin: 5px;
    }
.section--map--agents .leaflet-control-geocoder-form,
.section--map--agents .leaflet-control-geocoder-expanded {
    display: inline-block !important; /* Forza la visibilità */
}

.section--map--agents .contact-list {
        list-style-type: none;
      }

.section--map--agents .contact-item {
      margin-bottom: 15px;
      list-style-type: none;
        border: 1px solid #ccc;
        padding: 10px;
    }
.section--map--agents .contact-list li,
.section--map--agents .contact-list div {
    margin: 10px 0 0;
    padding: 10px;
    font-weight: 400;
    line-height: 1.5;
}
.section--map--agents .contact-list div  {
  background: #f0f0f0;
  border-radius: 5px;
  padding: 10px;
}
.section--map--agents .contact-list li {
    background: #fff;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #222;
} 
  
.section--map--agents .contact-list li a,
.section--map--agents .contact-list div a {
  font-weight:400;
  color:#222;
}
.section--map--agents .contact-list li a:hover,
.section--map--agents .contact-list div a:hover {
  color: #06c;
}

.section--map--agents .feature-label {
  font-size: 13px;
}
.section--map--agents #popup-message {
  color: #09c;
  font-size: 2rem;
  margin-bottom: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 1300px) {
    .section--map--agents #map {
        height: 100%;
        width: 60%;
    }
    .section--map--agents #popup-container {
        width: 40%;
    }
}
@media only screen and (max-width: 767px) {
    .section--map--agents #map {
        height: 400px;
        width: 100%;
    }
    .section--map--agents #popup-container {
        width: 100%;
        height: auto;
        position: relative;
        padding-left: 50px;
    }
    .section--map--agents {
        height: auto;
    }
}





/* NEWS homepage */
/*.homepage .notizia.item-article {
    border-left: 1px solid #ccc;
}
.homepage .notizia.item-article:first-child {
    border-left: none;
}*/

.slider-news {
    padding: 0 7px;
}
.slider-news a {
    padding:0 5px;
}
.slider-news .slick-dots li {
          list-style: none;
        }
        .slider-news .slick-dots li button {
          background-color: #ccc;
          width: 8px;
          height: 8px;
          margin: 0 8px;
          transition: all .2s ease-in-out;
          border-radius: 100%;
          display: inline-block;
          cursor: pointer;
          border: none;
        }

        .slider-news .slick-dots li.slick-active button {
          background-color: #165192;
          width: 24px;
          border-radius: 20px;
          transition: all .2s ease-in-out;
          border: none;
        }
        #news-in-evidenza .slider-item {
            padding: 10px 20px;
        }

        #news-in-evidenza .slick-dots {
            display: flex; /* Rende il contenitore un flexbox */
            justify-content: start; 
            padding: 0; 
            margin: 10px 0 0 0; 
            height: 50px;
  align-items: end;
        }
        #news-in-evidenza .slick-dots li button {
            font-size: 0; /* Nasconde il testo (numeri) */
        }

        #news-in-evidenza .slick-dots li button:before {
            content: ''; /* Rimuove il contenuto del button */
        }

        #news-in-evidenza .slick-dots li {
            margin: 0 2px; /* Aggiunge margine orizzontale tra i dots */
        }
        #news-in-evidenza .filter-buttons {
            text-align: center;
            margin-bottom: 20px;
        }
        #news-in-evidenza .filter-buttons .filter-btn {
            border: 4px solid #165192;
            border-radius: 30px;
            color: #165192;
            padding: 5px 20px;
            background: #fff;
            margin: 5px 10px;
            font-weight: 500;
            font-size: 1.2em;
        }
        #news-in-evidenza .filter-buttons .filter-btn.active {
            color: #FFF;
            background: #165192;
        }
        #news-in-evidenza .slick-arrow {
            background: #333;
            border-radius: 50%;
            color: #fff;
            height: 30px;
            width: 30px;
            line-height: 30px;
            text-align: center;
            z-index: 2;
        }
        #news-in-evidenza .slick-prev {
            left: calc(100% - 140px);
        }
        #news-in-evidenza .slick-next {
            right: 30px;
        }
        #news-in-evidenza  .slick-prev.slick-disabled,
        #news-in-evidenza  .slick-next.slick-disabled {
            background: #f0f0f0;
            border-color: #ccc;
            color: #ccc;
        }
        
        #news-in-evidenza .slick-prev,
        #news-in-evidenza .slick-next {
          width: 3pc;
          height: 3pc;
          background-color: rgba(22, 81, 146, .15);
          color: #165192;
          border: 1px solid transparent;
          border-radius: 100%;
          position: absolute;
          bottom: -8px;
          display: inline-block;
          cursor: pointer;
          transition: all .3s ease-in-out;
          z-index: 2;
        }
        
        
        
#list-social-accounts-homepage {
    margin: 0;
    padding: 0;
}

#list-social-accounts-homepage .social-item {
    text-align: center; /* Centra il contenuto */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Allinea verticalmente */
    align-items: center; /* Centra orizzontalmente */
    height: 117px;
    margin-bottom: 15px;
    padding: 0 8px;
}

#list-social-accounts-homepage .social-link {
    width: 100%;
    background: #444; /* Sfondo */
    background: -moz-linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(153,153,153,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(153,153,153,1) 100%);
    background: linear-gradient(0deg, rgba(68,68,68,1) 0%, rgba(153,153,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#444444",endColorstr="#999999",GradientType=1);
    color: white; /* Colore testo */
    text-decoration: none; /* Rimuovi sottolineatura */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Allinea il testo e l'immagine verticalmente */
    align-items: center;
    height: 100%; /* Assicura il riempimento */
    width: 100%; /* Assicura il riempimento */
    border-radius: 10px; /* Angoli arrotondati (opzionale) */
    opacity: 1;
    transition: opacity 1s ease 0s;
    
}
#list-social-accounts-homepage .social-link:hover {
    opacity: 0.6;
}

#list-social-accounts-homepage .social-icon-img {
    max-height: 80px; /* Altezza massima delle immagini */
    width: auto; /* Mantiene il rapporto d'aspetto */
    margin-bottom: 2px; /* Spazio sotto l'immagine */
}

#list-social-accounts-homepage .social-link span {
    color: white; /* Colore del testo */
    font-size: 14px; /* Dimensione del testo */
    text-align: center; /* Centra il testo */
    line-height: 1.2; /* Migliora leggibilità */
    text-transform: uppercase;
}

        
.homepage #news-in-evidenza .item-article .data-pubblicazione {
    margin-bottom: 5px;
}
.homepage #news-in-evidenza h3 {
    color: #000;
    font-size: 1.7em;
    margin-bottom: 20px;
    text-align: center;
}

#social-intro .item-title {
    margin: 41px 0 0 0;
}


@media (min-width: 1024px){
    .homepage .item-article .item-description-wrapper {
        min-height: auto;
        margin-bottom: 30px;
    }
}
@media (min-width: 1200px){
    .homepage .item-article .item-description-wrapper {
        min-height: auto;
        margin-bottom: 30px;
    }
}

#news-in-evidenza, #blog-in-evidenza {
    padding:0 0 50px 0;
}


.news-teco .notizia.item-article {
  margin-top: 30px;
}





#notification-banner-xmas {
    position: relative; /* Modificato da fixed */
    display: none; /* Nascondi inizialmente */
    width: 100%;
    z-index: 1050;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: top 0.5s ease;
}
#notification-banner-xmas img {
    max-width: 100%;
    height: auto;
    width: 1024px;
}
#notification-banner-xmas .banner-close {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    font-size: 28px;
    color: #F0F0F0;
    background: #444;
    border-radius: 5px;
    padding: 0px 3px;
}





#bim-archive-title {
  border-bottom: 1px solid #f0f0f0;
}    
#bim-archive-title h1 {
  color: #333;
  text-transform: none;
  margin: 10px 0;
  font-size: 25px;
  font-weight: 400;
}    
#bim-archive-product-filter {
  border-bottom: 1px solid #999;
  margin-bottom: 30px;
  padding: 7px 0px;
}
    
    /* Personalizza altezza e stile degli elementi */
    .bim-item {
        background-color: #FFF;
        border: 3px solid #ddd;
        border-radius: 8px;
        margin-bottom: 25px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
      }
      
    /* Forza l'immagine a occupare la larghezza dell'elemento */
    .bim-item .img-bim img {
        width: 200px;
        height: auto;
        border-radius: 4px;
        max-width: 100%;
        margin: 0 auto;
    }
    

    /* Titolo e descrizione */
    .bim-title {
        font-size: 1.1em;
        margin: 0;
        font-weight: bold;
        line-height: 1.1;
        color: #111;
    }

    .des-bim {
        font-size: 0.9em;
        color: #555;
        display: block;
        text-transform: uppercase;
        margin: 10px 0 0;
        line-height: 1.1;
    }

    .icona-bim {
        font-size: 0.9em;
        color: #007bff;
        text-align: right;
    }
    .icona-bim img {
        height: 54px; /* Dimensione icona personalizzabile */
        width: auto;
        display: block;
    }
    .des-bim {
        padding:5px 10px 10px;
    }
    
    .bim-code-icon {
        display: flex;
        justify-content: space-between; /* Codice a sinistra, icona a destra */
        align-items: flex-end; /* Allinea verticalmente alla base */
        margin: 10px;
    }
    .bim-code-icon img {
        width:37px;
    }
    .bim-code-icon h4 {
        color:#222;
    }
    @media (max-width: 650px) {
        .bim-code-icon {
          flex-direction: column;
          align-items: flex-start; /* Allinea gli elementi a sinistra */
        }

        .bim-code-icon h4 {
          margin-bottom: 10px; /* Aggiungi uno spazio tra il titolo e l'immagine */
        }
    }

    
    
    #info-lista {
    background-color: #f0f0f0; /* Sfondo */
    padding: 10px; /* Spaziatura */
    border-radius: 4px; /* Bordo arrotondato opzionale */
    margin-bottom: 15px; /* Spaziatura inferiore */
    color: #111;
}

#info-lista {
    display: flex;
    justify-content: space-between; 
    margin: 0 15px 30px;
}
#info-lista p {
    margin: 0; 
    line-height: 34px; 
    float: left;
}

#info-lista select {
    color: #111;
    height: 34px; 
    margin-left: 5px;
    border: 1px solid #ccc; 
    border-radius: 4px;
    padding: 0 10px; 
    background-color: #fff; 
}


.product-list {
  display: flex;
  align-items: center;
  overflow-x: auto; /* Aggiunge lo scroll orizzontale */
  white-space: nowrap; /* Impedisce che gli elementi vadano a capo */
  padding: 10px 0; /* Aggiunge un po' di spazio verticale */
}

.product-list .product-link {
  display: inline-block; /* Mantiene gli elementi in linea */
  background: #f0f0f0;
  margin-right: 10px; /* Spazio tra gli elementi */
  padding: 10px;
  border-radius: 15px;
  text-transform: uppercase;
  white-space: nowrap; /* Impedisce che il testo vada a capo */
  line-height: 1;
}

.product-list .product-link:hover,
.product-list .product-link:focus,
.product-list .product-link.active {
  background: #444;
  color: #f0f0f0;
}


.product-list {
  scrollbar-width: none; /* Per Firefox */
}

.product-list::-webkit-scrollbar {
  display: none; /* Per WebKit */
}

.filter-nav.active {
    color: #0069FF;
}



/* Aggiungi un po' di margine tra gli accordion */
.p-bim-archive .panel-default {
    border:none;
}

/* Aggiungi un po' di margine tra gli accordion */
.p-bim-archive .filter-nav {
    margin-bottom: 15px;
}


.p-bim-archive .filtri-titolo {
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 1.4em;
    
    border-top: 3px solid #f0f0f0;
    padding-top: 6px;
}

#bim_code {
  border-radius: 5px;
}
.p-bim-archive #bim-archive button {
    border-radius: 5px;
    margin-bottom: 5px;
}

/* Personalizzazione del titolo dell'accordion */
.p-bim-archive .panel-title a {
    text-decoration: none;
    font-weight: bold;
    color: #333;
    display: block;
}

/* Cambia il colore quando l'accordion è espanso */
.p-bim-archive .panel-title a.collapsed {
  color: #222;
  display: block;
}

/* Personalizza il colore quando un elemento è attivo */
.p-bim-archive .panel-title a:hover,
.p-bim-archive .panel-title a:focus {
    color: #222;
}

/* Cambia il colore di sfondo quando l'accordion è aperto */
.p-bim-archive .panel-collapse.in {
    background-color: #f9f9f9;
}

/* Personalizza l'aspetto dei link dentro l'accordion */
.p-bim-archive .filter-nav ul {
  padding-left: 0;
  line-height: 1.2;
}

.p-bim-archive .filter-nav ul li {
    list-style-type: none;
    margin-bottom: 20px;
}

.p-bim-archive .filter-nav ul li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}
.p-bim-archive .filter-nav ul li a:hover {
    color: #007bff;
}
.p-bim-archive .filter-nav ul li a.selected, .p-bim-archive .filter-nav ul li a.active {
    color: #007bff;
}




/* Gestione degli stati selezionati */
.p-bim-archive .filter-nav.active {
    color: #0069FF;
}

.p-bim-archive .panel-default > .panel-heading {
  moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  border-color: #FFF;
    border-bottom-color: rgb(255, 255, 255);
  color: #fff;
  padding: 10px 0 0px;
  border-bottom: 1px solid #000;
}
.p-bim-archive .panel-title {
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 4px;
  text-transform: none;
  letter-spacing: 0.2px;
  color: #333;
} 


/* Impostiamo il contenitore #bim-list come un flex container */
#bim-list {
  display: flex;
  flex-wrap: wrap;
}

/* Le colonne devono essere di altezza uniforme, quindi forziamo il comportamento flex */
#bim-list .col-xs-6, 
#bim-list .col-sm-4, 
#bim-list .col-md-2 {
  display: flex;
  flex-direction: column; /* Allineiamo gli elementi in colonna */
  align-items: stretch;   /* Ogni box occuperà tutta l'altezza della colonna */
}

/* Forziamo ogni box ad avere un'altezza uniforme all'interno della colonna */
#bim-list .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* Rende ogni box estensibile per tutta l'altezza della colonna */
  min-height: 200px; /* Impostiamo una altezza minima per il box */
  /* Puoi togliere min-height se non desideri una altezza minima */
}



#bim-archive #pagination {
  background-color: #f0f0f0;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 25px;
  color: #111;
  display: flex;
  align-items: center;
}
#bim-archive #pagination div {
  margin: 0 15px;
}
#bim-archive #pagination .current-page {
  background: #444;
  border-radius: 5px;
  padding: 5px 8px;
  color: #f0f0f0;
}

/* Stile generale dei pulsanti */
#bim-archive #pagination button {
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

/* Stile per i pulsanti attivi */
#bim-archive #pagination button:not(:disabled) {
    background-color: #666;
    color: white;
}

#bim-archive #pagination button:not(:disabled):hover {
    background-color: #45a049;
    transform: scale(1.05);
}

/* Stile per i pulsanti disabilitati */
#bim-archive #pagination button:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    border: 1px solid #999;
    box-shadow: none;
    opacity: 0.7;
}

#intro-bim {
  color: #222;
  padding: 0 15px;
  margin: 0px 0px 29px;
  line-height: 1.3;
  font-size: 1.5rem;
}
#img-intro-bim {
  margin-bottom: 10px;
  width: 80%;
  margin: 0 auto 20px;
}

#company-qualita-ambiente {
  background: #f0f0f0;
  padding-top: 20px;
}
#company-qualita-ambiente .privacy-box a {
  display: inline-block; 
  border: 1px solid #ccc;
  margin: 10px;
}
#company-qualita-ambiente .privacy-box {
  margin-bottom: 15px;
}
@media (max-width: 1300px){
    .col-box-cert {
        width:50%;
    }
}
@media (max-width: 600px){
    .col-box-cert {
        width:100%;
    }
}

@media screen and (min-width: 769px) {
        #home-qualita .bg-cover {
            min-height:500px;
        }
    }
    
    
    .crm #contact-form label.label-radio,
    .crm #contact-form label.label-select,
    .crm #contact-form label.label-date,
    .crm #contact-form label.label-checkbox_radioview,
    .crm #contact-form label.label-text {
        font-weight: 600;
        font-size: 16px;
    }
    
   
    
    /* Contenitore row allineato verticalmente */
.intro-row {
    display: flex;
    align-items: stretch;
}

/* Colonna testo */
.intro-text {
    display: flex;
    flex-direction: column;
    justify-content: center;   /* CENTRATURA VERTICALE */
    padding: 60px;
}
@media (min-width: 1024px) {
    .intro-text {
        min-height: 60vh; 
    }    
}
@media (min-width: 1300px) {
    .intro-text {
        min-height: 40vh; 
    }    
}
.intro-text p, 
.azienda h1.intro-title, 
.azienda h2.intro-title,
.azienda h2.intro-subtitle
{
    width:750px;
    max-width:100%;
}

/* Tipografia */
.azienda h1.intro-title, .azienda h2.intro-title
{
    font-size: 42px;
    font-weight: 300 !important;
    line-height: 1.15;
    margin-bottom: 30px;
}

.azienda h2.intro-subtitle {
    font-size: 30px;
    font-weight: 300 !important;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.intro-paragraph {
    font-size: 16px;
    line-height: 1.55;
    color: #444;
    margin-bottom: 25px;
    font-weight: 300;
}



.intro-image {
    width: 100%;
    height: auto;
    display: block;
}
/* Background image */
.azienda .intro-bg-image {
    background-image: url('../images/teco-azienda/azienda.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .azienda .intro-bg-image {
        min-height: 500px;
    }
}
.azienda .intro-azienda .intro-bg-image {
 background-image: url('../images/teco-azienda/azienda.jpg');   
}
.azienda .intro-ricerca-sviluppo .intro-bg-image {
 background-image: url('../images/teco-azienda/ricerca-e-sviluppo.jpg');   
}
.azienda .intro-storia .intro-bg-image {
 background-image: url('../images/teco-azienda/una-storia-di-famiglia.jpg');   
}
@media (min-width: 768px) {
    .azienda .intro-storia .intro-bg-image {
        min-height: 870px;
    }
}
/* Responsive */
@media (max-width: 991px) {
    .intro-row {
        display: block;
    }
    .intro-text {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .intro-bg-image {
        height: 50vh;       /* COME RICHIESTO */
        width: 100%;
    }
}
/* MOBILE: inverti l'ordine delle due colonne */
@media (max-width: 991px) {
    .intro-ricerca-sviluppo .intro-row {
        display: flex;
        flex-direction: column-reverse;
    }
}

.azienda #container-video h2.intro-title,
.azienda #container-video h2.intro-subtitle {
    width:100%;
}
.azienda #container-video {
    background: #444; 
    padding: 40px 0px 100px;
}

.azienda .inhouse h2.intro-title {
    margin-top: 100px;
    padding-left: 60px;
}

.inhouse-row {
    display: flex;
    height: 65vh;     /* altezza costante */
    overflow: hidden;
    padding: 40px 0px;
}
.inhouse-row h2 {
    padding-top: 100px;
    padding-left: 60px;
}

.inhouse-box {
    flex: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    transition: flex 0.65s ease;
    margin:0px 5px;
}
@media (min-width: 992px) {
    .inhouse-box:first-child {
        margin-left:0px;
    }
    .inhouse-box:last-child {
        margin-right:0px;
    }
}

/* LABEL */
.inhouse-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 0px 30px 10px;
    color: white;
    text-align: left;
    font-size: 19px;
    font-weight: 300 !important;
    background: linear-gradient(to top, rgb(68, 68, 68, 1), rgb(68, 68, 68, 1), rgb(68, 68, 68, 0.8), rgba(68, 68, 68,0));
    display: flex;
    align-items: flex-start;
}
.inhouse-label img {
    margin-right: 10px;
}

/* EFFETTO ESPANSIONE */
.inhouse-row:hover {
    cursor: default;
}
.inhouse-row:hover .inhouse-box {
    flex: 0.6;  /* tutte si restringono */
}

.inhouse-row .inhouse-box:hover {
    flex: 1.5;    /* quella in hover si espande */
}

/* MOBILE */
@media (max-width: 991px) {
    .inhouse-row { 
        display: block;
        height: auto;
    }

    .inhouse-box {
        height: 45vh;
        margin-bottom: 20px;
    }

    /* disattiva effetto hover su mobile */
    .inhouse-row:hover .inhouse-box,
    .inhouse-row .inhouse-box:hover {
        flex: 1;
    }
}


.intro-storia .intro-text {
    padding-right: 0;
}
.intro-storia {
    background: #444;
    margin: 70px 0 0;
}
.intro-storia .intro-title {
    margin-top: 40px;
    margin-bottom: 50px;
}
.intro-storia .timeline-year {
    font-size: 35px;
    color: #f0f0f0;
    font-weight: 600;
    margin-bottom:20px;
    display: block;
    margin-top: 10px;
    border-bottom: 3px solid #f0f0f0;
    padding-bottom: 22px;
    overflow: visible;
    position:relative;
}
.intro-storia .timeline-year .dot {
    width: 16px;
    height: 16px;
    border-radius:8px;
    background-color: #e12b31;
    position: absolute;
    bottom: -8px;
    left:0px;
    
}
.intro-text .timeline-slide p {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 300;
    max-width: 65%;
}
.timeline-slider.slick-slider {
    margin: 100px 0px 60px !important;
}



.intro-certificazioni {
    background: #e9eaed; /* grigio chiaro come mockup */
}
.intro-certificazioni .intro-text {
    padding: 30px 60px 60px;
}

.intro-certificazioni h2.intro-title {
    padding: 60px 0px 0px 60px;
    width:100%;
}

.cert-row {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.cert-text {
    flex: 1;
    padding-left: 60px;
    max-width: 600px;
}

.cert-text h2 {
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 30px;
    color: #444;
}

.cert-text p {
    font-size: 16px;
    line-height: 1.55;
    margin-bottom: 25px;
}

.cert-logos {
    margin-top: 40px;
    max-width: 280px;
    width: 100%;
}

/* GALLERIA CERTIFICATI */
.cert-gallery {
    flex: 1 1 60%;        /* colonna destra */
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: nowrap;    /* IMPORTANTISSIMO: impedisce overflow */
    margin-bottom:40px;
}


.cert-box {
    text-align: center;
}

.cert-box img {
    width: 100%;
    max-width: 280px;     /* NIENTE 380PX - troppo larga per layout */
    height: auto;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.download-icon {
    text-align: center;
    margin-top: 15px;
}
.cert-box .download-icon img {
    width:47%;
    max-width:70px;
    box-shadow: none;
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .cert-row {
        display: block;
        padding: 0 20px;
    }

    .cert-gallery {
        justify-content: center;
        flex-wrap: wrap;
    }

    .cert-box img {
        max-width: 300px;
    }
}

/*.cert-white-box {
    background: #fff;
    padding: 15px 50px 10px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 33px;
    width: 590px;
    max-width: 100%;
    margin: 0;
}*/
.cert-white-box {
  background: #fff;
  padding: 15px 50px 10px;
  border-radius: 18px;
  display: grid; /* cambia da flex a grid */
  grid-template-columns: repeat(4, auto); /* desktop: 4 per riga */
  justify-content: center;
  align-items: center;
  gap: 33px;
  width: 590px;
  max-width: 100%;
  margin: 0;
}

/* Da md in giù → 2 elementi per riga */
@media (max-width: 1400px) {
  .cert-white-box {
    width: 100%;
  }
}
@media (min-width: 991px) and (max-width: 1400px) {
  .cert-white-box {
    grid-template-columns: repeat(2, auto);
    width: 100%;
  }
}
@media (max-width: 600px) {
  .cert-white-box {
    grid-template-columns: repeat(2, auto);
    width: 100%;
  }
}

/* IMMAGINI */
.cert-white-box img {                           /* altezza uniforme */
    width: auto;
    object-fit: contain;
}
.cert-white-box img.horizontal {                           /* altezza uniforme */
    height: 80px;  
}
.cert-white-box img.neutral {                           /* altezza uniforme */
    height: 80px;  
}
.cert-white-box img.vertical {                           /* altezza uniforme */
    height: 140px;  
}

/* MOBILE */
@media (max-width: 768px) {
    .cert-white-box {
        flex-direction: column;
        gap: 25px;
        padding: 30px;
    }

    .cert-white-box img {
        height: 80px;
    }
}