body{
    font-family: 'Jaldi', sans-serif;
}

body > div{
    font-size: 17px;
}

/*FONTELLO*/

@font-face {
    font-family: 'fontello';
    src: url('inc/assets/fonts/fontello.eot?53237922');
    src: url('inc/assets/fonts/fontello.eot?53237922#iefix') format('embedded-opentype'),
    url('inc/assets/fonts/fontello.woff2?53237922') format('woff2'),
    url('inc/assets/fonts/fontello.woff?53237922') format('woff'),
    url('inc/assets/fonts/fontello.ttf?53237922') format('truetype'),
    url('inc/assets/fonts/fontello.svg?53237922#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?52838799#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-font-awesome-ch:before { content: '\e800'; } /* '' */
.icon-gru:before { content: '\e801'; } /* '' */

/*FONTELLO END*/

.site-content a{
    color: #143f69;
}

.site-content a:hover{
    text-decoration: underline;
    color: #2166aa;
}

.content-area{
    width: 100%;
}

.contblue{
    width: 100%;
    min-height: 300px;
    background-color: #727071;
    padding-top: 30px;
    padding-bottom: 30px;
}

.whitetitle{
    font-weight: lighter;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #ffffff;
}

.contgrey{
    width: 100%;
    padding-bottom: 40px;
    margin-top: 80px;
    min-height: 100px;
}

.bluetitle{
    font-weight: lighter;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #727071;
}

.navbar-brand img{
    width:480px;
}

.swiper-pagination-bullet-active{
    background: #ffffff;
}

#masthead .navbar-nav > li a{
    font-family: 'Jaldi', sans-serif;
    font-size: 16px;
}

#masthead .navbar-nav > li a:hover, #masthead .navbar-nav > li a:focus{
    color: #e5522f !important;
}

.margintop20{
    margin-top: 20px;
}

.margintop40{
    margin-top: 40px;
}

.entry-thumbnail img{
    width: 100%;
}

.entry-meta a, .entry-meta a:hover,
.entry-footer a, .entry-footer a:hover,
.widget a, .widget a:hover{
    color: #e5522f;
}

.post .entry-title{
    border: none;
}

.entry-title a, .entry-title a:visited{
    color: #e5522f;
}
.entry-title a:hover{
    color: #e5522f;
    text-decoration: underline;
}

.entry-title{
    margin-top: 15px;
    font-family: 'Jaldi', sans-serif;
    font-size: 28px !important;
    color: #e5522f;
    border-bottom: 1px solid #e5522f;
}

.entry-content{
    text-align: justify;
    margin-top: 10px;
}

.contslider{
    width: 100%;
    overflow: hidden;
}

/*slider*/

#accSlider .panel-counter {
    width: 100%;
    font-family: 'Raleway', sans-serif;
    padding: 13px 8px 13px 8px;
    margin: 0px;
    font-size: 15px;
    color: #ffffff;
    background-color: #727071;
    -moz-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -moz-transform: rotate(-90deg) translateY(100%);
    -webkit-transform: rotate(-90deg) translateY(100%);
    transform: rotate(-90deg) translateY(100%);
}

#accSlider .as-opened .panel-counter{
    background-color: #e5522f;
}

#accSlider .panel-counter p{
    margin: 0px;
    line-height: normal;
}

.services .col-sm-4 {
    text-align: center;
    margin: 30px 0px 40px 0px;
}
.services h4 {
    font-weight: normal;
    color: #727071;
    font-size: 15px;
}

.services p{
    color: #000;
    font-weight: 300;
    line-height: 30px;
}

.services .toolt:hover{
    cursor: pointer;
}

.circle-icon{
    margin: 0px auto;
    border-radius: 58px;
    width: 115px;
    font-size: 58px;
    padding: 25px;
    border: 3px solid #e5522f;
}

.circle-icon .fa{
    color: #e5522f;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.subtitle{
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    color: #727071;
}

footer#colophon{
    background-color: #000;
    color: #ffffff;
    font-size: 14px;
}

.credits{
    color: #ffffff !important;
}

.credits:hover{
    color: #ffffff !important;
    text-decoration: underline;
}

.loghiserpetti img{
    width: 280px;
    /*margin: 15px;*/
}

.tooltip-inner {
    max-width: 350px;
    padding: 15px 25px;
    color: white;
    font-family: "Jaldi", Sans-Serif;
    font-size: 15px;
    text-align: justify;
    background-color: #dedede;
    color: #000;
    line-height: 20px;
}

.tooltip.show{
    opacity: 1;
}

.swiper-wrapper{
    padding-top: 30px;
    padding-bottom: 40px;
}

.wpcf7-form label{
    display: block;
}

.btn-primary{
    background-color: #e5522f;
    border: none;
}

.btn-primary:hover{
    background-color: #727071;
}

.widget{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dedede;
}

.widget-img img{
    width: 100%;
    box-sizing: border-box;
    /*padding: 15px 10px 5px 10px;*/
}

.widget:hover{
    box-shadow: 0 0 5px 0 rgba( 0, 0, 0, 0.1);
}

#secondary .widget-title{
    line-height: 6px;
}

.widget .contside{
    text-align: justify;
    padding: 10px;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
}

.widget h3{
    padding: 10px;
    background-color: #e5522f;
    color: #ffffff;
}

.navbar-toggler{
    padding: 17px 0px 0px 0px;
}

.comment-respond h3, .entry-comments h3{
    margin-bottom: 0px;
    margin-top: 0px;
}

.page-header h1{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #e5522f;
}

strong{
    font-weight: 700;
}

.floatleft{
    float: left;
}

.entry-content a, .entry-content a:hover{
    color: #e5522f;
}

.subtitlepage{
    margin-bottom: 30px;
}

.social-media-list {
    width: 100%;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

.social-media-list li {
    display:block;
    float: left;
    text-align:left;
    margin-right: 5px;
}

._2pi8 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.album .entry-title{
    font-size: 21px !important;
}

.album .post-thumbnail{
    max-height: 190px;
    overflow: hidden;
}

.dropdown-item{
    text-transform: none !important;
}

.dropdown-menu .dropdown-toggle::after{
    vertical-align: inherit;
}

.rowalbum{
    width: 100%;
    overflow: hidden;
}

.bannerStyle{
	border-top: 2px solid #000000;
}

.linkfooter{
	font-size: 16px;
}

.linkfooter:hover{
	text-decoration: underline;
}

/***** RESPONSIVE *****/

@media (max-width: 576px) {
    .committenti img{
        max-width: 180px;
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .services .col-sm-4 {
        margin: 15px 0px 20px 0px;
    }
}

@media (max-width: 1200px) {
    .navbar-brand img {
        width: 230px;
    }
}