@import url('https://fonts.googleapis.com/css?family=Lato:400,900|Roboto:400,700');

body {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
}
h2,h3,h4{
  font-family: 'Roboto', sans-serif;
  letter-spacing: 1px;
}
.text_center{text-align: center;}
.padding-0{padding: 0;}
.margin-0{margin: 0!important;}
.marginL_15{margin-left: 15px;}
.marginB_30{margin-bottom:30px;}
.img-responsive{width: 100%;}
.immagine-maratona{width: 100%;}
img{
  image-rendering: optimizeSpeed;             /*                     */
image-rendering: -moz-crisp-edges;          /* Firefox             */
image-rendering: -o-crisp-edges;            /* Opera               */
image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
image-rendering: optimize-contrast;         /* CSS3 Proposed       */
-ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.row-flex{display: flex;align-items: stretch;}
.row-flex>.col-xs-12{display: flex;}
/* spacing */
#email_new{margin-top: 5px;}
.privacy_newsletter{margin-bottom: 5px;}
#cform_newsletter .privacy_newsletter label{color:#ffffff;font-weight: 400;}
#cform_newsletter .privacy_newsletter a{color:#ffffff;font-weight: 400;}
table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
th, td {
  padding: 20px;
}
th{background: #ddd;}

#allerta{border-radius:0!important;margin:20px 0 0 0;}
.checkbox label, .radio label{padding-left: 0px;}
.margin-bottom-20{margin-bottom: 20px;}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover,.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success{
  background: #ff513b;
  border-color:#ff513b;
}
.footer_social{font-size: 20px;}
.text-uppercase{text-transform: uppercase;}
.dropdown-menu>li>a{min-width: 248px;white-space:normal;}
.testo-upperfirst{text-transform: capitalize;}
p{text-align: justify;}
p.single_mar_p{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
a{color: #000000;transition: all 300ms linear 0ms;}
.btn-success{
  text-transform: uppercase;
  background: #ffffff;
  border-radius: 0;
  color:#f44029;
  border-color:#f44029;
  padding: 12px 20px;
}
h3.media-heading{font-weight: 600;}
.media-object{width: 200px;margin-right: 20px;}
.input-lg{border-radius: 0;font-size: 14px;}
.btn-success:active,.btn-success:focus,.btn-success:hover{background: #f44029;color:#ffffff;border-color:#f44029;}

.btn-info{
  border-radius: 0;padding: 12px 0px;width: 100%;
}
.form-control[readonly]{font-weight: 600;}
/*.day.new,.day.old{color: #ddd;}*/
.btn-iscriviti-lista{border-radius: 0;margin-top: 8px;width: 100%;background: #ff513b;color:#ffffff;}
.btn-iscriviti-lista:hover{background: #ffb600;color:#ffffff;}
.section_dettagio{display: none;margin-top: 0px;background: #ffffff;padding: 30px;}
.section_dettagio img{max-width: 100%;}
.distanza-maratona>span:after{content:"-";position: absolute;color:#333333;margin-left: 5px;}
.distanza-maratona>span{margin-right: 12px;}
.datepicker{margin-top: 0px!important;}
.distanza-maratona>span:last-child:after{content:""!important;position: absolute;color:red;margin-left: 5px;}
.input-group-addon{border-radius: 0;}
.form-control[readonly]{
  border-radius:0;
  background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    font-weight: 400;
}
.dettaglihotel{padding:0 6px;border:0;border-radius: 0;background: transparent;color:#31b0d5;font-size: 14px;}
.dettaglihotel:hover{background: #ffffff;color:#31b0d5;}
.evidenziata{background: #fdb62d!important;color: #ffffff!important;}
.iscrizione h2{margin: 0;font-size: 22px;}
.iscrizione h2:after{content:"";width:150px;height:2px;margin: 10px 0px 10px 0px;display:block;background: #ff513b}
.margin-bottom-60{margin-bottom: 60px;}
.topbar{background-color: #FF513B;height: 52px;width: 100%;}
.topbar>h2{font-size: 15px;line-height: 52px;color: #ffffff;padding-left: 15px;padding-right: 100px;margin: 0;}
.navbar{padding: 0;border:0;border-radius: 0;margin: 0;}
.navbar-nav{padding: 45px 0px 45px 330px;}
.carousel-caption{bottom: 0;background: rgba(0,0,0,0.75);padding: 20px;text-shadow:none;}
.carousel-caption>h3{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 24px;padding: 0;margin: 0;}
.carousel-caption>p{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 20px;padding: 0;margin: 0;text-align: center;}
.carousel-caption>a{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 16px;padding: 10px 20px;margin: 0;background: #ffffff;color: #000000;right: 20px;position: absolute;top: 20px;border: 1px solid #ffffff;text-transform: uppercase;}
.carousel-caption>a:hover{background: #000000;color: #ffffff;text-decoration: none;border-color: #ffffff;}

ol.breadcrumb{
  padding-left: 380px;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0px;
}
.page-container{
  background: #f5f5f5;
  margin-bottom: 20px;
  padding: 30px;
  width: 100%;
}
/*.page-contatti-2{display: none;}*/
.page-contatti .fa{
  font-size: 60px;
  color: #ffb600;
  float: left;
  margin-right: 15px;
}
.page-contatti-2 h2{font-size: 20px;font-weight: 600;margin-bottom: 0px;padding-bottom: 0px;}
.page-iscrizione-completata p{text-align: center;font-size: 20px!important;}
.page-iscrizione-completata p>.fa{color:#ffb600;font-size: 80px!important;margin-bottom: 30px!important;border:1px solid #ffb600;line-height: 180px;border-radius: 300px;height:180px;width:180px;}
#page-title{
  display: block;
  margin-bottom: 0px;
  position: relative;
  z-index: 20;
}
#page-title-inner {
    background: #ffb600;
    margin-bottom: 20px;
}
#page-title-inner h1{
    color: #ffffff;
    margin-top: 20px;margin-bottom: 20px;font-size: 20px;text-transform: uppercase;
}

.carousel-indicators li,.carousel-indicators .active {
    display: inline-block;
    width: 40px;
    height: 3px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
}
.carousel-indicators .active{
  background-color: #ffffff;
}
.carousel-indicators {
    bottom: 100px;
}
.navbar .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: -0.3em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: 0.3em solid transparent;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 35px;
}
.navbar-default .navbar-toggle{border: 0;}
.navbar-default .navbar-toggle .icon-bar{background-color: #ffffff;width: 35px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
.dropdown-menu{border-radius: 0;}
.navbar-brand{
  height: 220px;
  padding: 30px 70px 0px 50px;
  margin: 0;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: transparent url(../img/bg-logo.png) no-repeat right top;
}
/*body.fixed .navbar-brand{position: fixed;}*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
}
.item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


.navbar-default .navbar-nav>li>a{color: #ffffff;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 700;}
.sep-menu{
  background: #FF513B;
  height: 3px;
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;

}
.item {
    min-height: 250px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: transparent;color:#000000;}
.navbar{
  background-color: #F44029!important;
}


/*------------------------------------CALENDARIO MARATONE----------------------------------*/
.cont-calendario{
height: auto;
margin-bottom: 20px;
/*background-color:red;*/
padding-left: 0;
padding-right: 0;
display: block;
}





@media (max-width: 1340px) {
  ol.breadcrumb{padding-left: 305px;}
  .facebook>a>img{
    width: 90px;
  }
  .navbar-nav {
    padding: 45px 0px 45px 265px;
  }
  .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
  }
  .navbar-brand{
    height: 180px;
    padding: 20px 45px 0px 30px;
    background-size: 628px 180px;
  }
  .navbar-brand>img{
    max-width: 230px;
  }
  .navbar-default .navbar-nav>li>a{font-size: 15px;}
}


.calendario-main{
  width: 100%;
  position: relative;
  height: auto;
  background-color:#F2F2F2;
}

@media (max-width: 1199px){
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{padding-right: 0;margin-right: 0px;}
   .calendario-main{padding-left: 15px; padding-right: 15px;}
   .more_informations{padding-left: 15px; padding-right: 15px;}
   ol.breadcrumb{padding-left: 305px;}
}

.calendario-main::after {
    content: "";
    width: 100%;
    background-color:#f1f1f1;
    height: 32px;
    position: absolute;
    bottom: -16px;
    left: 0;
    -ms-transform: skew(0deg,-6deg); /* IE 9 */
    -webkit-transform: skew(0deg,-6deg); /* Chrome, Safari, Opera */
    transform: skew(0deg,-6deg);
}


.calendary_title{
 width: 86%;
 margin-left:7%;
padding-top: 25px;
position: relative;
}

.calendary_title > .title_cal{
  font-size: 16px;
  margin: 10px 0px;
  color: #000;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.titolo_sidebar{
  font-size: 16px;
  margin: 10px 0px;
  color: #000;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.bi-color{
    height: 5px;
    width: 100%;
    background-color: transparent;
    border-top: solid 2px #F44029;
    border-bottom: solid 1px #FDB62D;
}
.bi-color3{margin-bottom: 20px}

@media (max-width: 1199px) and (min-width: 992px){
   .calendary_title{
    width: 100%;
    margin-left:0%;
  }
}
@media (max-width: 991px) and (min-width: 768px){
  .calendary_title{
    width: 100%;
    margin-left:0%;
  }
  .calendary_title > .title_cal{font-size: 14px;}
}

/*-------------VARIE MARATONE---------------*/
.cont-maratone{
height:auto;
background-color:#fff;
width: 86%;
margin-left: 7%;
margin-top: 30px;
border:solid 1px #C1B9B9;
position: relative;
}


@media (max-width: 1199px) and (min-width: 768px){
  .cont-maratone{
    width: 100%;
    margin-left:0%;
  }
}

a.link_dettaglio{
text-decoration: none;
color: #333!important;
}

a.link_dettaglio:focus{
text-decoration: none;
color: #333!important;
}

a.link_dettaglio:hover{
text-decoration: none;
color: #333!important;
}

.elenco-maratone{position: relative;webkit-transition: all 200ms ease-in-out 0ms;-moz-transition: all 200ms ease-in-out 0ms;-o-transition: all 200ms ease-in-out 0ms;transition: all 200ms ease-in-out 0ms;cursor: pointer;}
.elenco-maratone:hover{
transform: scale(1.05,1.05);
background: #ffffff;
box-shadow: rgba(0,0,0,0.7) 2px 2px 6px;
}
.elenco-maratone > .nome_corsa{
height:53px;
margin-left: 10px;
width: 100%;
overflow: hidden;
}

.elenco-maratone > .data_corsa{
height:44px;
width: 100%;
background-color: #F2F2F2;
overflow: hidden;
line-height: 42px;
}

.nome_corsa > .bandiera{ width:21px; margin-left: 10px; margin-right:6px; float: left; height: 100%; margin-top: 18px;}
.nome_corsa > .bandiera img{width: 100%;}
.nome_corsa > .single_mar{
  width: calc(100% - 37px);
  float: left;
  margin-top: 20px;
}
.nome_corsa > .single_mar p{font-size:14px;font-weight: 700;}
.dropdown-menu{min-width: 190px;}
.bandiera_menu{width:21px; margin-left: 0px; margin-right:8px; float: left; height: 100%; margin-top: 0px;}
.bandiera_menu img{width:21px;}

@media (max-width: 1199px) and (min-width: 768px){
  .nome_corsa > .bandiera{margin-left:6px;}
  .nome_corsa > .single_mar{
  width: calc(100% - 33px);
  }
   .nome_corsa > .single_mar p{font-size:13px;}
}

.data_corsa > .calendario{ width:18px; margin-left: 10px; margin-right:9px; float: left; height: 100%;}
.data_corsa > .calendario img{width: 100%;}
.data_corsa > .single_data{
    width: auto;
    float: left;
    line-height: 48px;
}
.data_corsa > .single_data p{font-size:14px;letter-spacing: -0.5px;line-height: 44px;}
.data_corsa > .single_data p>.fa{padding-left: 8px;padding-right: 3px;}
.stato_evento{
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

.stato_evento img{width: 100%;}

@media (max-width: 1199px) and (min-width: 768px){
  .data_corsa > .calendario{margin-left: 6px;}
  .data_corsa > .single_data p{font-size:16px;}
}

.absolute_km{
    position: absolute;
    bottom: -1px;
    right: -1px;
}



.absolute_km_p{
    position: absolute;
    bottom: 0;
    text-align: center;
    right: 11px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 5px;
}

.tooltip-inner {text-transform: uppercase; font-size: 10px;}

.legenda{
height:auto;
width: 86%;
margin-left: 7%;
margin-top: 15px;
z-index: 2;
position: relative;
}

@media (max-width: 1199px) and (min-width: 768px){
  .legenda{
    width: 100%;
    margin-left:0%;
  }
}

.simbol{
    display: -webkit-box;
    height: 19px;
}

.simbol p{width: auto; margin-left: 6px; line-height: 26px;}
/*------------------------------------CALENDARIO MARATONE----------------------------------*/

.more_informations{
    /*background-color: #bd8b8b;*/
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.width100{width: 100%!important; margin-left:0%!important;}

.calendary_title img{
  position: absolute;
  right: 0;
  bottom: 5px;
}


.more_informations > .text_more{
  margin-top: 10px;
  font-size: 14px;
}

.more_informations > .text_more p{
  font-size: 12px;
}

.simbol2{
    display: -webkit-box;
    height: 26px;
    margin: 10px 0;
}

.simbol2 p{
    width: auto;
    margin-left: 12px;
    line-height: 26px;
    font-size: 16px;
}

/*------------------------------------CONTENUTI INFO E NEWS----------------------------------*/
.cont-info{
height:auto;
/*background-color: yellow;*/
}

@media (min-width: 1200px){
  .cont-info{padding: 0 20px;}
}

.calendary_title_right{
 width: 100%;
 font-weight: 700;
 margin-top:35px;
 position: relative;
}

@media (max-width:991px){
  ol.breadcrumb{padding-left: 285px;}
  .calendary_title_right{margin-top:18px;}
}


.calendary_title_right img{
  position: absolute;
  right: 0;
  bottom: 5px;
}


.calendary_title_right > .title_cal{
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

@media (max-width: 991px){
  .calendary_title_right > .title_cal{font-size: 14px;}
}

.contatti_main{
  width: 100%;
  margin-top:20px;
  font-size: 14px;
}

/*----------------------------------------CONTATTACI-MAIN-------------------------------------*/
.row_contattaci_main{margin:40px 0;}

.row_contattaci_main > .contattaci_main_1 > .cont-text, .row_contattaci_main > .contattaci_main_2 > .cont-text, .row_contattaci_main > .contattaci_main_3 > .cont-text {height: 160px;}
@media (max-width: 767px) and (min-width: 521px){
  .row_contattaci_main > .contattaci_main_1 > .cont-text, .row_contattaci_main > .contattaci_main_2 > .cont-text {height: 150px;}
}

/*-----*/
.contattaci_main_1{padding-left: 0;}
.contattaci_main_3{padding-right: 0;}
@media (max-width:991px){
  .contattaci_main_2{padding-right: 0;}
}
@media (max-width:991px){
  .contattaci_main_3{padding-right: 0; padding-left: 0;}
}


.contattaci_main_1 > .cont-text{
    background: #f2f2f2;
    width: 100%;
    position: relative;
}

.contattaci_main_1 > .cont-text > .text{
    width: 80%;
    margin-left: 10%;
    padding-top: 33px;
    padding-bottom: 25px;
    font-size: 14px;
    text-align: center;
}

.cont_img_clock{
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -26px;
    border-radius: 50%;
    background: #f2f2f2;
    padding-top: 8px;
    padding-left: 4px;
    padding-right: 9px;
}

.cont_img_clock img{
    width: 40px;
}

@media (min-width: 992px){
  .contattaci_main_2{
      padding:0px;
  }
}

.contattaci_main_2 > .cont-text{
    background: #f2f2f2;
    width: 100%;
    position: relative;
}

.contattaci_main_2 > .cont-text > .text{
    width: 100%;
    padding-top: 33px;
    padding-bottom: 25px;
    font-size: 14px;
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
}


.cont_img_chiocciola{
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -27px;
    border-radius: 50%;
    background: #f2f2f2;
    padding: 7px;
}

.cont_img_chiocciola img{
    width: 40px;
}

/*
.contattaci_main_3 > .cont-text::before {
    content: "";
    width: 100%;
    background-color:#FDB62D;
    height: 25px;
    position: absolute;
    top: -7px;
    -ms-transform: skew(0deg,-3deg);
    -webkit-transform: skew(0deg,-3deg);
    transform: skew(0deg,-3deg);
}
*/

.cont_img_traguardo{
    position: absolute;
    bottom: 0;
    right: 0;
}

.cont_img_traguardo img{
    width: 140px;
}

/*----------------------------------------CONTATTACI-MAIN-------------------------------------*/
/*--------MAIN IMG--------*/
.cont-main-img{
  width: 100%;
  height: auto;
  margin-top:30px;
  margin-bottom:30px;
  border-bottom: solid 2px #fdb62d;
}

.cont-main-img img{
  width: 100%;
  height: auto;
}

.calendary_title_right2{
 width: 100%;
 margin-top:15px;
 position: relative;
 padding: 0px;
}

.calendary_title_right2 img{
  position: absolute;
    right: 0;
    top: 2px;
    width: 27px;
}
.titolo-primo-box{
  margin-bottom: 15px
}
.calendary_title_right2  .title1{
    width: 70%;
    text-align: left;
    float: left;
    position: relative;
    font-size: 20px;
    color: #FDB62D;
    margin: 0;
    font-weight: 700;
    line-height: 30px;
}
.calendary_title_right2  .title1>a{color: #FDB62D;}
.calendary_title_right2  .title2{
    width: 30%;
    text-align: right;
    float: left;
    position: relative;
    right: 35px;
    font-size: 16px;
    line-height:30px;
    margin: 0;
    color: #444444;
}

.calendary_title_right2 p{
  font-size: 14px;
  text-align: justify;
  color: #444444;
  line-height: 22px;
  padding-bottom: 15px;
}

.calendary_title_right2{border-bottom: 1px solid #fdb62d;}


.position{position: relative; overflow: hidden; background-color: #000;}

.absolute_km1{
    position: absolute;
    bottom:0px;
    right:-1px;
}

.absolute_km2{
    position: absolute;
    top:0px;
    right:0px;
}

.absolute_km2 > img, .absolute_km1 > img{
    width: 80%;
    float: right;
}

.absolute_km1 > .absolute_km_p{
    width: 65%;
    bottom: 8px;
    text-align: center;
    right: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}
.absolute_km2 > .absolute_km_p{
    width: 65%;
    bottom: 15px;
    text-align: center;
    right: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}



/*--------MAIN IMG--------*/
/*--------MAIN2 IMG--------*/
.cont-main2-img{
  padding: 15px;
  height: auto;
  margin-bottom:30px;
  webkit-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;
}
.cont-main2-img img.img-news{
  webkit-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;
}
.cont-main2-img:hover .position>a::after{
  content:"Averiguar más";
  position: absolute;
  text-transform: uppercase;
  color:#ffffff;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  margin-top: -25px;
  margin-left: -70px;
  z-index: 100;
  background: transparent;
  padding: 15px 25px;
  border:1px solid #ffffff;
  display:inline-block;
  text-align: center;
}
.cont-main2-img .position>a:hover::after{
  background: #000000;
}
.cont-main2-img:hover img.img-news{
  opacity: 0.55;
}
.cont-main2-img:hover{
  background: #F2F2F2;
}
.cont-main2-img.box-news:hover{
  background: #FFFFFF;
}



.calendary_title_right2 .simbol3>p{border-bottom:0;font-weight: 400;font-size: 15px;line-height: 14px;}

.absolute_km1_second{
    position: absolute;
    bottom:-1px;
    right:0px;
}

.absolute_km2_second{
    position: absolute;
    top:0px;
    right:-1px;
}

.absolute_km2_second > img, .absolute_km1_second > img{
    width: 80%;
    float: right;
}

.absolute_km2_second > .absolute_km_p{
    width: 65%;
    bottom: 16px;
    text-align: center;
    right: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}
.absolute_km1_second > .absolute_km_p{
    width: 65%;
    bottom: 8px;
    text-align: center;
    right: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
}

.bg-grey-light{background: #F2F2F2;padding:60px 0px;}
.simbol3{
    display: -webkit-box;
    height: 26px;
    margin: 10px 0;
}

.simbol3 p{
     font-size: 12px;
    text-align: left;
    margin-left: 10px;
}

.simbol3 img{
    color: #000;
    float: left;
    width: 27px;
    position: relative;
    position: relative;
    /*top: 0;*/
    top: -6px;
    /*height: 14px;*/
}
.alert-info{border-color:#f5e752;background-color: #fffac4;color:#ccbd1c;}
.alert-maratona{border-radius:0;font-size: 18px;font-weight: 400;text-align: center;}
.sidebar-sponsor a{margin-top: 20px;display: block;margin-bottom: 30px;}
.box-news{margin-top: 30px;}

.box-news .calendary_title_right2{border-bottom: 0;}
.box-news .calendary_title_right2 p{padding-bottom: 0;margin-bottom: 0;}
.nome-maratona{
  font-size: 20px!important;
  color: #FDB62D!important;
  text-align: left;
  letter-spacing: 0px;
  font-weight: 700;
}
.nome-maratona>a{
  color: #FDB62D!important;
}
.footer-bottom{background: #FDB62D;padding: 60px 0px}
.footer-bottom p{padding: 0px;margin: 0;color:#ffffff;}
.footer-bottom p>a{color:#ffffff;}

.footer-top{
  background: #f44029;
  padding: 60px 0px;
}
.footer-top p,.footer-top p>a{
  color: #ffffff;
  margin: 0;
}
footer .footer-contatti,footer .footer-voucher{
  display: block;
  padding: 12px 20px;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}
footer .footer-contatti:hover,footer .footer-voucher:hover{
  text-decoration: none;
}
footer a.footer-voucher{
  background: #ffffff;
  color:#000000;
  border: 1px solid #ffffff;
}
footer a.footer-voucher:hover{background: #000000;border: 1px solid #000000;color: #ffffff}
footer a.footer-contatti{
  background: #FF513B;
  color: #ffffff;
  border: 1px solid #ffffff;
}
footer a.footer-contatti:hover{background: #ffffff;border: 1px solid #ffffff;color: #FF513B}

.footer-top h4{
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
}
.footer-top h4::after{
  content: "";
  background: #FF513B;
  width: 100px;
  height: 3px;
  margin-bottom: 15px;
  margin-top: 10px;
  display: block;
}
ul#footer_info{
  margin-bottom: 30px;
}
ul#ul-chi-siamo{
  margin-bottom: 30px;
}
ul{
  list-style: none;
  -webkit-padding-start: 0px;
}
.footer-top ul li a{
  color: #ffffff;
}
.footer-top ul li{line-height: 25px;}








@media (max-width: 1024px) {
  .navbar-default .navbar-nav>li>a{font-size: 14px;}

}

@media (max-width: 991px) and (min-width:768px){
  .nome-maratona{
    font-size: 16px!important;
  }
  /*
  .contattaci_main_3 > .cont-text::before {
    content: "";
    top: -8px;
    height: 40px;
    transform: skew(0deg,-2deg);
  }
  */
}


@media (max-width: 991px) {
  .absolute_km2_second > img, .absolute_km1_second > img{
    width: 60%;
    margin-left: 40%;
  }
  .absolute_km2_second > .absolute_km_p{
    bottom: 10px;
    font-size: 10px;
  }
  .absolute_km1_second > .absolute_km_p{
    bottom: 6px;
    font-size: 10px;
  }
  .navbar-nav{
    padding: 25px 0px 25px 245px;
  }
  .topbar{
    height: 55px;
  }
  .topbar>h2{
    padding-top: 6px;
    padding-right: 100px;
    line-height: 19px;
  }
  .navbar-brand{
    height: 150px;
    padding: 20px 45px 0px 30px;
    background-size: 523px 150px;
  }
  .navbar-brand>img{
    max-width: 210px;
  }
  .nav>li>a{padding-left: 10px;padding-right: 10px;}
  .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
  }
  .navbar .dropdown-toggle::after{top:26px;}
  .absolute_km1 > .absolute_km_p,.absolute_km2 > .absolute_km_p,.absolute_km2_second > .absolute_km_p, .absolute_km1_second > .absolute_km_p{width: 55%;}
}


@media (max-width: 768px) {
  .calendary_title_right img{display: none;}
  .section_dettagio img{height: auto!important;}
}

@media (max-width: 480px) {
  .partecipante,.partecipante_elem{letter-spacing:0px!important;font-size:15px!important;}
  #invia_messaggio{
    padding: 15px 0px!important;
    font-size: 16px!important;}
    .input-lg{height: 36px!important;}
    .form-group{margin-bottom:10px!important;}
  .calendary_title_right2 .titolo-primo-box img {left: 15px;top: 35px;}
  .calendary_title_right2  .title2{width: 100%;left:40px;text-align: left;font-size:15px;}
  .navbar .dropdown-toggle::after{top: 25px;}
}

/*----------------*/
.a_toggle{
  text-decoration: none!important;
  cursor: pointer;
}

a:focus{
  text-decoration: none!important;
  outline:0!important;
}

.btn-calendario{
    position: relative;
    text-align: left;
    background: #f44029;
    margin-top:0px!important;
    height: 60px;
    width:100%;
}

.btn-calendario h2{
      margin-top:0px!important;
}


.btn-calendario > .title_cal{
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  text-decoration: none;
  margin-left: 35px;
  float: left;
}

.btn_row{margin:0 15px;}

.bi-color2{
    position: absolute;
    bottom: 0;
    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #FDB62D;
    background-color:#FDB62D;
    height: 5px;
    width: 100%;
}

.btn-calendario img{
    position: absolute;
    bottom: 3px;
    right: 11px;
  }

.btn-calendario > .cal_img{
    position: relative;
    float: left;
    margin-top: 24px;
    left: 15px;
}

.btn-calendario > .scopri{
    height: 10px;
    float: left;
    position: relative;
    margin-top: 28px;
    left: 15px;
}



/*--------SEZIONE FOTO IN BACKGROUND TAGLIATA --------*/
.bg-image{
  background-image: url('../img/gruppo.png');
      background-size: cover;
        width: 100%;
    height: 182px;
    overflow: visible;
    position: relative;
    top: -22px;
}

.contattaci_main_3 > .bg-image > .cont-text {
    width: 100%;
    position: relative;
    top:11px;
}
.contattaci_main_3 > .bg-image > .cont-text a{
    width: 160px;
    color: #ffffff;
    margin-top: 10px;
    display: block;
}

.contattaci_main_3 > .bg-image > .cont-text > .text{
    width: 50%;
    padding-top: 33px;
    padding-bottom: 25px;
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin-left: 15px;
    color: #fff;
}





.team-member, .team-member .team-img {
    position: relative;
}
.team-member {
    overflow: hidden;
}
.team-member, .team-member .team-img {
    position: relative;
}

.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.team-member:hover .team-hover .desk {
    top: 40%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .desk {
    position: absolute;
    top: 10%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-42%);
    -ms-transform: translateY(-42%);
    transform: translateY(-42%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    padding: 0 20px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #222;
}
.team-member:hover .team-hover .s-link {
    bottom: 10%;
}
.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}
.team-hover .s-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}
.desk, .desk h4, .team-hover .s-link a {
    text-align: center;
    color: #222;
}
.team-member .s-link a {
    margin: 0 10px;
    color: #333;
    font-size: 16px;
}
.team-title {
    position: static;
    padding: 20px 0;
    display: inline-block;
    letter-spacing: 2px;
    width: 100%;
}
.team-title h5 {
    margin-bottom: 0px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}
.team-title span {
    font-size: 13px;
    text-transform: uppercase;
    color: #a5a5a5;
    letter-spacing: 1px;
}

/*--------------------------CAROUSEL DETTAGLI MARATONA--------------------------------*/
.item-dettaglio{
  height: auto!important;
  min-height: auto;
}

.position-indicators{
  bottom: -32px!important;
}

.position-indicators li{
  background-color: transparent;
   border: 1px solid #333!important;
}

.position-indicators .active{
  background-color: #333;
  border: 1px solid #333!important;
}

.dettagli-maratona p:nth-child(1){margin-top: 15px;}
.dettagli-maratona p:nth-child(4){margin-bottom: 0px;}
.dettagli-maratona p{text-align: center;font-size: 18px;margin-bottom: 30px;}
.dettagli-maratona .fa{font-size: 30px;color:#ff513b;}


section {
  display: block;
}

#tabelle input {
  display: none;
}

.nav-tabs>li>a{
  display: inline-block;
  margin: 0 3px 0px 0px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border-radius:0;
  background: #ffffff;
  border: 1px solid transparent;
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #ffffff;
}
.btn-iscriviti{margin-top: 8px;width: 100%;background: #ff513b;color:#ffffff;}
.btn-iscriviti:hover{background: #ffffff;color:#ff513b;}
.btn-iscriviti-volo{margin-top:0px;padding:18px 0px;background:#333333;border-color:#333333;}
.nav-tabs>li>a:hover {
  color: #888;
  cursor: pointer;
}

.nav-tabs>li.quote_tab>a, .nav-tabs>li.voli_tab>a{
    color:#ffffff;
    background: #F14233;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
  color: #333;
  border: 1px solid #ddd;
  border-top: 2px solid #ffb600;
  border-bottom: 1px solid #ddd;
}











@media (max-width: 1199px) and (min-width: 992px){
  .contattaci_main_3 > .bg-image > .cont-text > .text{font-size: 18px;}
  .dettagli-maratona p{margin-bottom: 15px;font-size: 16px;}
  .dettagli-maratona .fa{font-size: 30px;}

}


@media (max-width: 991px) {
  .carousel-caption>h3{font-size:21px;}
  .dettagli-maratona p:nth-child(1){margin-top: 0px;}
  .dettagli-maratona p{margin-bottom: 12px;font-size: 15px;}
  .dettagli-maratona .fa{font-size: 20px;}
  .contattaci_main_3 > .bg-image > .cont-text{margin-top: 40px;}
  .contattaci_main_3 > .bg-image > .cont-text > .text{font-size: 30px;}
  .bg-image{height: 312px;}
}

@media (max-width: 767px) {
  .cont-maratone{width:96%;margin-left:2%;}
  h1.title_cal>span{font-weight:700!important;}
  .dropdown-item,.dropdown,.nav>li,.navbar-default .navbar-nav>li>a {
    text-align: left!important;
    font-size: 18px!important;
}
  .page-contatti p{
    text-align: center;
  }
  .page-contatti .fa{
    text-align: center;
    float:none;
    margin:0 auto;
    display: block;
  }
  .navbar .dropdown-toggle::after{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: 0.3em solid transparent;
    position: absolute;
    text-align: center;
    left: 11px;top: 26px!important;}
  .btn-iscriviti{margin-top: 0px;width: 100%;margin-bottom: 20px;}
  #tabelle label{padding: 10px 10px;}
  .dettagli-maratona p{width: 25%;display: block;float: left;margin-bottom: 0;}
  .dettagli-maratona {height: auto!important;}
  .page-contatti-2 {height: auto!important;}
  .calendary_title img{display: none;}
  ol.breadcrumb{padding-left: 208px;padding-left: 20px;padding-top: 72px;}
  .box-news{margin-top: 10px; float: left;}
  .contattaci_main_2 > .cont-text > .text{
    width:96%;
    margin-left: 2%;
  }
  .absolute_km {
  right: -1px;
  }
  .cont-calendario{
   display: none;
   margin: 0 15px;
   }
    .calendario-main{
    margin-bottom: 30px;
    padding-top: 10px;
    }

   .calendario-main::after {
    content: "";
    -ms-transform: skew(0deg,-2deg); /* IE 9 */
    -webkit-transform: skew(0deg,-2deg); /* Chrome, Safari, Opera */
    transform: skew(0deg,-2deg);
    }
  .contattaci_main_3{margin-top: 10px;}
  .absolute_km2 > img, .absolute_km1 > img{
    width: 60%;
    margin-left: 40%;
  }
  .absolute_km2 > .absolute_km_p, .absolute_km1 > .absolute_km_p{
    bottom: 5px;
    font-size: 10px;
  }
  .calendary_title_right2 > .title1{
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
  }
.calendary_title_right > .title_cal{text-align: center;}
.carousel-caption{padding:10px;right:5%;left:5%;}
.carousel-caption>h3{font-size: 13px!important;}
.carousel-caption>h4{font-size: 12px;margin:5px 0 0 0;}
  .carousel-caption>p{font-size: 16px;}
  .navbar-brand{
    height: 110px;
    padding: 10px 40px 0px 20px;
    background-size: 383px 110px;
  }
  .navbar-brand>img{max-width: 150px;}
  .navbar-nav{padding: 0;margin-top: 60px;}
  .nav>li{text-align: center;}
  .navbar .dropdown-toggle::after{top: 30px;}
  .dropdown-item{color:#ffffff;text-align: center;}
  .navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #ffffff;text-transform: uppercase;font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 700;white-space:normal;}
  .navbar-nav>li>ul>li>a{padding-top: 5px;padding-bottom: 5px;}
  .contattaci_main_3 > .bg-image > .cont-text a{width: 90%;font-size: 30px;}
  .bg-image{background-image: url('../img/gruppo2.png');}
  .contattaci_main_3 > .bg-image > .cont-text > .text{width: 80%;padding-top: 13px;}
}

@media (max-width: 767px) and (min-width: 481px){
  .bg-image{height:360px;}
  .contattaci_main_3 > .bg-image > .cont-text > .text {line-height: 370px;padding: 0;}
}

@media (max-width: 670px) {
  .dettagli-maratona p{width: 50%;margin-bottom: 10px;}
  .dettagli-maratona p:nth-child(3),.dettagli-maratona p:nth-child(4){margin-bottom: 0px;}
}

@media (max-width: 480px) {
  .page-contatti-2 h2{font-size: 18px;}
  .page-container{padding: 15px;}
  #page-title-inner h1{margin-top: 15px;margin-bottom: 15px;font-size: 18px;}
  .contattaci_main_3 > .bg-image >.cont-text a{font-size: 26px;margin-top: 25px;}
  .bg-image{height: 212px;}
  .btn-calendario > .title_cal{font-size:20px;}
}
@media (max-width: 400px) {
  .btn-calendario > .title_cal{margin-left: 20px;}
  .btn-calendario > .cal_img{left:15px;}
  .btn-calendario > .scopri{left: 5px;}
}

.borderB_partecipante{
    border-bottom: solid 2px #fff;
    padding-bottom: 20px;
}
.radio_list{float: left;margin-right: 20px;}
.partecipante{
    width: 100%;
    padding: 15px 0px;
    color: #ffffff;
    background: #ffb600;
    border-radius: 2px;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
}
.partecipante_elem{
  background: #f44029;
  width: 100%;
  padding: 15px 0px;
  color: #ffffff;
  border-radius: 0px;
  letter-spacing: 3px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
  text-transform: uppercase;
}
.partecipante_elem1{margin-top: 0px;}
.delete_iscritto{
    color: #ffffff;
    background: #ff513b;
    border-radius: 0px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    top: 37px;
    left: 5px;
}

.delete_iscritto:hover{
  border: solid 1px #ff4700;
  color: #ff4700;
  background-color: #fff;
  text-decoration: none;
}
@media (max-width: 991px) {
  .media_pad0{padding: 0;}
  .media_marginT{margin-top:40px;}
}


.display-inline-block{
  display: inline-block;
}
#invia_messaggio{
  padding: 25px 0px;
  font-size: 20px;
  background: #ffb600;
  border-color: #ffb600;
  color: #ffffff;
}
#invia_messaggio:hover{background: #f44029;border-color: #f44029;}
.padding-lateral-0{padding-left:0px;padding-right:0px;}
.display-none{display:none;}
.margin-top-20{margin-top: 20px;}
.p-assicurazione-left{margin:30px 0px;font-weight: 700;}

.link_info_gen{color:#ffb600;font-weight: 700;}
.link_info_gen:hover,.link_info_gen:focus{color:#ffb600;}

@media (min-width:992px){.is_km_42,.is_km_21,.is_km_15,.is_km_10,.is_km_5,.is_km_42_2,.is_km_8_5{padding-right:20px;}}


aside.sidebar{
    float: right;
    width: 25%;
}
div.near-aside{
    width: 75%;
    float: left;
    padding-right: 10%;
}
aside.sidebar.grey{
    background-color: rgba(0, 0, 0, .02);
    border-radius: 2px;
    padding: 25px;
    box-shadow: 0px 1px 2px 0px rgba(82,82,82,0.15);
}
aside.sidebar.smaller{ width: 20%; padding-left: 0; }
div.near-aside.bigger{ width: 80%; padding-right: 10%; }
aside.sidebar.left{ float: left; padding-left: 0; padding-right: 0; }
div.near-aside.right{ float: right; padding-right: 0; padding-left: 10%; }
div.near-aside.bigger.right{ float: right; padding-right: 0; padding-left: 10%; }
div.near-aside.bothsidebar{ width: 60%; padding: 0 5% 0 5%; }

div.sidebar-box{
    width: 100%;
    display: block;
    margin-bottom: 40px;
}
div.sidebar-box:last-child{ margin-bottom: 30px; }
div.sidebar-box.no-bottom:last-child{ margin-bottom: 0; }

div.sidebar-box .photo-stream > [class*='col-']{ padding: 1px; }
aside.sidebar.grey > div.sidebar-box h4{ font-size: 16px; }

input.search-sidebar{
    background-color: #fff;
    border-width: 0 0 1px 0;
    border-style: 1px;
    border-color: #A8A8A8;
    padding-bottom: 12px;
    font-size: 13px;
    width: 100%;
}
div.tag-container{ margin-top: -10px; }
div.tag-container-blog{margin-top:0;display: inline-block;}

p.tag-sidebar{
    display: inline-block;
    margin: 3px 1px;
    border: 1px solid #ccc;
    padding: 0px 10px;
    font-size: 12px;
    text-transform: lowercase;
}
a.tag-sidebar{
    display: inline-block;
    margin: 3px 1px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-transform: lowercase;
}

ul.list > li{ padding-bottom: 15px; line-height: 14px; }
ul.list > li.active{ font-weight: 700;}
ul.list > li:last-child{ padding-bottom: 0; }
ul.list > li > a{
    font-size: 13px;
}
ul.list > li i{
    margin: -3px 10px 0 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
}

ul.sidebar-imgpost > li > div.img{ float: left; width: 20%; height: auto; }
ul.sidebar-imgpost > li > div.desc{ float: left; padding: 2% 0 0 5%; width: 80%; }
ul.sidebar-imgpost > li > div.desc > h3{ font-size: 13px; }
ul.sidebar-imgpost > li > div.desc > p{ font-size: 11px; }

aside.sidebar.rounded-sidebar{ background-color: rgba(0, 0, 0, .02); border-radius: 2px; padding: 25px }
aside.sidebar.rounded-sidebar > .sidebar-box:last-child{ margin-bottom: 0; }
aside.sidebar.rounded-sidebar h4{ font-size: 16px; text-transform: none; }

div.aside-info{ display: table; margin: 0; width: 100%; }
div.aside-info > div{ float: none; vertical-align: middle; padding: 0; display: table-cell; }
div.aside-info > div > h5{ color: #999; font-weight: 300; }
div.aside-info > div > h1, div.aside-info > div > p{ color: #555; }
div.aside-info > div > p{ font-size: 14px; }
div.aside-info > div > h1 > span{ font-size: 14px; vertical-align: top; line-height: 3em; margin-right: 6px; font-weight: 300; }


/* ----------------------------------------------------------------
    Blog
-----------------------------------------------------------------*/

article.blog-post{ margin-bottom: 100px; }
article.blog-post:last-child{ margin-bottom: 0; }
article.blog-post > div.post-header > img{ opacity: 0.9; }
article.blog-post > div.post-header > p.top-title{
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    top: 40px;
    left: 30px;
}
article.blog-post > div.post-header > h2.title{
    bottom: 40px;
    left: 30px;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 28px;
    color: #fff;
}
article.blog-post > div.desc{ margin-top: 50px; }
article.blog-post > div.desc > h5.infobar{
    text-transform: uppercase;
    font-weight: 300;
    color: #B3B3B3;
    font-size: 11px;
    margin-bottom: 20px;
}
article.blog-post > div.desc > h5.infobar > a{ margin-top: -3px; opacity: .8; font-weight: inherit; }
article.blog-post > div.desc > a.goToArticle{
    margin-top: 40px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    opacity: .8;
}
article.blog-post > div.desc > a.goToArticle > span{
    margin: -2px 0 0 8px;
    font-size: 14px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
article.blog-post > div.desc > a.goToArticle:hover > span{ margin-left: 11px; }

.blog-post-s2{
	border: 1px solid #eee;
    width: 100%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.blog-post-s2.initial-shadow{ box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 30px; }
.blog-post-s2>div.desc{ padding: 30px 20px; background-color: #fff; position: relative; }
.blog-post-s3>div.desc{ padding: 10px 20px 10px 20px; }
.blog-post-s3>div.desc>h3{font-size:18px;}

.blog-post-s2.grey-background>div.desc{background-color: #fafafa;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.blog-post-s2:hover.grey-background>div.desc{background-color:#e8e7e7;}
.blog-post-s2 > div.desc > div.row > .article-author > img{
    margin: 0px 10px 0 0;
    border-radius: 100%;
    float: left;
    width:20px;
    height: 20px;
}
.blog-post-s2 > div.desc > div.row > .article-author > p{ float: left; font-size: 12px; font-weight: 500; }
.blog-post-s2 > div.desc > div.row > .article-date > p{ font-size: 12px; text-align: right; }

.blog-post-s2.quote-post:before{
    display: block;
    font-family: 'ElegantIcons';
    position: absolute;
    font-size: 280px;
    content: "\007b";
    right: -80px;
    bottom: -70px;
    color: rgba(0,0,0,.04);
    z-index: 1;
}
.blog-post-s2.quote-post{
    overflow: hidden;
    position: relative;
    opacity: .7;
}
.blog-post-s2.quote-post > div.desc{ padding: 30px; }
.blog-post-s2.quote-post > div.desc > p{
    font-size: 18px;
    line-height: 2.2;
}
.blog-post-s2.quote-post > div.desc > h5{
    font-weight: 300;
    opacity: .9;
    font-style: italic;
}

.blog-post-s2:hover{
    -webkit-transform: scale(1.015);
    -moz-transform: scale(1.015);
    -o-transform: scale(1.015);
    -ms-transform: scale(1.015);
    transform: scale(1.015);
    color: #000;
text-decoration: none;
}
.blog-post-s2.initial-shadow:hover{ box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 30px; }

#hideArticles{ position: absolute; top: 10px; right: 15px; font-size: 22px; }
.article-creative-timeline{
    width: 400px;
    height: 100vh;
    background-color: #ededed;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 70px;
    background-image: url("../img/pixel-grid-25.png");
    background-repeat: repeat repeat;
}

.cb-timeline-box {
  position: relative;
  padding: 3em 0;
}
.cb-timeline-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background: rgba(171, 171, 171, 0.5);
}
.cb-timeline-block > div.cb-timeline-circle{ border-radius: 100%; left: -9px; border: 7px solid rgba(0,0,0,0.05); }
.cb-timeline-block > div.cb-timeline-circle > div{ background-color: #999; height: 8px; width: 8px; border-radius: 100%; }
.cb-timeline-block > div.cb-timeline-content{ width: 80%; left: 60px; }

.cb-timeline-block > div.cb-timeline-content > h3{ font-size: 18px; letter-spacing: 2px; line-height: 28px; margin-top: -4px; }
.cb-timeline-block > div.cb-timeline-content > span{ font-size: 12px; font-weight: 300; letter-spacing: 1px; }
.cb-timeline-block > div.cb-timeline-content > span > i{ font-size: 3px; margin: -2px 5px 0 5px; color: #999; }

.article-creative{
    -webkit-transition: -webkit-transform 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
}
.article-creative > .article-creative-cover{
    background-color: #333;
    background-image: url("http://placehold.it/1000x1000/c5e2dc/abd0c8?text=studio09%20Placeholder");
    background-size: cover;
    height: 100vh;
    padding: 50px 80px;
    overflow:hidden;
    position: fixed;
}
.article-creative-cover::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
}
.article-creative-cover *{ color: #fff; }
.article-creative-cover p.article-date{
    top: 25%;
    left: 80px;
    font-weight: 500;
    font-size: 14px;
}
.article-creative-cover h1.article-title{
    top: 55%;
    left: 80px;
    font-weight: 500;
    line-height: 1.6em;
}
.article-creative-cover img.logo{ width: auto; bottom: 50px; left: 80px; height: 22px; }

.article-creative > .article-creative-content{
    background-color: #fff;
    padding: 50px 80px;
    margin-left: 50%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh;
}
.article-creative-content > .row a.backtohome{ font-size: 13px; letter-spacing: 1px; font-weight: 300; }
.article-creative-content p > span.bold{ font-size: inherit; color: inherit; font-weight: 500; margin: -4px 0px 0 0; display: inline-block; }
.article-creative-content a.like-btn{ font-size: 12px; letter-spacing: 1px; color: #B3B2B2; }
.article-creative-content a.like-btn > span{
    border-radius: 100%;
    background-color: #C1C1C1;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    padding-left: 1px;
    font-size: 8px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.article-creative-content a.like-btn:hover{ color: #DA3A3A !important; }
.article-creative-content a.like-btn:hover > span{ background-color: #DA3A3A; }

.push-right{
    -webkit-transform: translate3d(400px,0,0);
    -moz-transform: translate3d(400px,0,0);
    -ms-transform: translate3d(400px,0,0);
    -o-transform: translate3d(400px,0,0);
    transform: translate3d(400px,0,0);
}

.bloglist-slider .slotholder:after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
a.blog-list .article-icon{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.blog-list .img-container{
    z-index: 1;
    position: relative;
    overflow: hidden;
}
a.blog-list .img-container img{
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
a.blog-list:hover .article-icon{ margin-right: -20px; }
a.blog-list:hover .img-container img{
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}

article.blog-article-std{width: 100%;}
article.blog-article-std>h1{position:relative;z-index:30;}
article.blog-article-std a{color:#3498db!important;}
article.blog-article-std > h1.title{font-weight: 300;letter-spacing: 2px;}
.style-add-modulo{
    padding: 12px 20px;
    color: #ffffff;
    border-radius: 0px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: #000000!important;
    border: solid 1px #000000;
    text-transform: uppercase;
    display: inline-block;
}

.style-add-modulo:hover{
  border: solid 1px #000000;
  color: #ffffff;
  background-color: #fff;
  text-decoration: none;
}
.add-modulo{background: #ffffff;margin-top: 30px;padding:15px 0px;}

.row.article-info > div[class*='col-']:first-child > h4,
.row.article-info > div[class*='col-'] > p,
.row.article-info > div[class*='col-'] > div.article-social-container{ display: inline-block; }
.social{position:absolute;top:0;right:0;z-index:20;background:url("../img/rettangolo_social.png") no-repeat top right;width:135px;height:75px;}
.facebook img{width:18px;margin-top: 10px;display: inline-block;margin-left: 39px;}
.instagram img{width:35px;display: inline-block;margin-top:10px;margin-left:10px;}
article.blog-article-std > div.article-text p{
    line-height: 24px;
    margin-bottom: 0px;
	text-align: justify !Important;
}
article.blog-article-std>div.article-text {
	font-size: 15px;
	text-align: justify!important;
  line-height: 2em;
  letter-spacing: 0px;
	color:#444444;
	font-weight: 300;
}
.article-text p{text-align:justify;!important}
article.blog-article-std > div.article-text  p:last-child{ margin-bottom:0; }
article.blog-article-std > div.article-text  h2{font-size: 20px;text-align:justify;}
article.blog-article-std > div.article-text  h3{font-size: 18px;text-align:justify;}
article.blog-article-std>div.article-text h2>span,article.blog-article-std > div.article-text  h3>span{margin:0!important;vertical-align: top;}
article.blog-article-std>div.article-text span{margin:0!important;vertical-align:top;}

div.article-social-container > a{
    color: #B9B9B9;
    font-size: 14px;
}

div.row.article-pagination a{ font-size: 14px; }
div.row.article-pagination a > span{
    font-size: 18px;
    margin-top: -4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
div.row.article-pagination a.left > span{ margin-right: 10px; }
div.row.article-pagination a.left:hover > span{ margin-right: 15px; }
div.row.article-pagination a.right > span{ margin-left: 10px; }
div.row.article-pagination a.right:hover > span{ margin-left: 15px; }

blockquote.with-icon::before{
    content: "\007b";
    position: absolute;
    top: -5px;
    left: -10px;
    font-family: ElegantIcons;
    font-size: 52px;
    opacity: .8;
}
blockquote.with-icon{
    position: relative;
    padding: 5px 10px 30px 55px;
    border: none;
}
blockquote > h2{
    font-weight: 300;
    font-size: 22px;
    color: #666;
    line-height: 2;
}

.comments-form input[type="text"], .comments-form input[type="email"], .comments-form input[type="password"], .comments-form textarea{
    background-color: #EAEAEA;
}

.near-aside img{
  width:100%;
}


/* Pagination */
.bl-pagination > li{ display: inline-block; margin-left: -4px; }
.bl-pagination > li:first-child{ margin-left: 0; }
.bl-pagination > li > a,
.bl-pagination > li > p{
    float: left;
    height: 38px;
}
.bl-pagination > li:nth-child(2) > a{ padding: 0 15px 0 25px; }
.bl-pagination > li:nth-last-child(2) > a{ padding: 0 25px 0 15px; }
.bl-pagination > li > p{ padding: 0 25px !important; }
.bl-pagination > li > a,
.bl-pagination > li > p{
    border-left: none;
    border-right: none;
    line-height: 38px;
    padding: 0 15px;
    color: #444444;
    margin-bottom: 0px;
}
.bl-pagination > li:first-child > a,
.bl-pagination > li:last-child > a{
    line-height: 32px;
    padding: 0 10px;
    font-size: 22px;
}

.bl-pagination > li:first-child > a{}
.bl-pagination > li:last-child > a{}

.bl-pagination.next-pagination > li > a{ line-height: 38px; font-size: 12px; }
.bl-pagination.next-pagination > li:last-child > a{ padding: 0 15px 0 20px; }
.bl-pagination.next-pagination > li > a > span{
    height: 38px;
    line-height: 32px;
    font-size: 22px;
    margin-left: 2px;
}

.bl-pagination.next-pagination > li:last-child,
.bl-pagination.arrow-pagination > li:last-child{ margin-left: -4px; }
.bl-pagination.next-pagination > li:last-child > a,
.bl-pagination.arrow-pagination > li:last-child > a{ border-left: none; }

.bl-pagination.minimal > li > a{ border: none; }
.bl-pagination.minimal > li > p{
    border: none;
    font-size: 18px;
    line-height: 34px;
    padding: 0 20px !important;
}
.bl-pagination.minimal > li > a > span{ color: #888; }

.bl-pagination > li:first-child > a:hover,
.bl-pagination > li:last-child > a:hover,
.bl-pagination.next-pagination > li > a:hover,
.bl-pagination.arrow-pagination > li > a:hover{ background-color: #FBFBFB; }
.bl-pagination.minimal > li > a:hover{ background-color: transparent; }

.pagination > li:after,
.pager > li:after{ display: initial !important; }
.pagination-lg > li > a, .pagination-lg > li > span{ height: 46px !important; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span{ padding-top: 7px !important; }
.pagination > li > a, .pagination > li > span{ height: 34px; }
.pagination-sm > li > a, .pagination-sm > li > span{ height: 30px; }

.bl-pagination > li > p.primo-li{border-left:1px solid #DDD;}
.bl-pagination > li > p.ultimo-li{border-right:1px solid #DDD;}


.tag-sidebar:hover,.tag-sidebar:focus{text-decoration: none;color:#888;border-color:#ddd;}

.news_cat_blog:hover,.news_cat_blog:focus{color:#888;text-decoration: none;}


.select-wrap{ position: relative !important; display: inline-block; padding-right: 0; }
.select-wrap:before{
    position: absolute;
    width: auto;
    height: auto;
    line-height: 32px;
    font-family: 'FontAwesome';
    font-size: 10px;
    content: "\f0dc";
    z-index: 5;
    right: 5px;
}
.select-wrap select{
    border-radius: 0px !important;
    display: inline-block !important;
    border: 1px solid #F5F5F5 !important;
    background-color: #F5F5F5 !important;
    height: 32px !important;
    color: #777 !important;
    box-shadow: none !important;
    font-size: 15px !important;
    letter-spacing: 0px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
	padding: 0 20px 0 10px;
	text-transform: uppercase;
}

.mas-item.mas-5x{ width: 20%; }
.mas-item.mas-4x{ width: 25%; }
.mas-item.mas-3x { width: 33.333333333333%; }
.mas-item.mas-2x{ width: 50%; }
.mas-container.space{ margin-left: -1%; margin-right: -1%; }
.mas-container.space-2x{ margin-left: -1.5%; margin-right: -1.5%; }
.mas-container.space-3x{ margin-left: -2%; margin-right: -2%; }
.mas-container.space-2x .mas-item.mas-2x{ width: 47%; margin: 1% 1.5%; }
.mas-container.space-3x .mas-item.mas-3x{ width: 29.33333333333333%; margin: 2%; }
.mas-container.space .mas-item.mas-5x{ width: 18%; margin: 1%; }
.mas-container.space .mas-item.mas-4x{ width: 23%; margin: 1%; }
.mas-container.space .mas-item.mas-3x{ width: 31.33333333333333%; margin: 1%; }
.mas-container.space2x .mas-item.mas-4x{ width: 22%; margin: 1% 1.5%; }
.mas-container.space2x .mas-item.mas-3x{ width: 30.33333333333333%; margin: 1% 1.5%; }


.mas-container.elastic-gallery > .mas-item{
    padding: 15px;
}
.mas-container.elastic-gallery > .mas-item img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mas-container.elastic-gallery > .mas-item:hover .prf-overlay,
.mas-container.elastic-gallery > .mas-item:hover img{
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow: rgba(0, 0, 0, 0.12) 5px 15px 20px;
}

.image-gallery{
  border: 1px solid #ddd;
padding: 7px;
transition: 0.3s all;
}
.filter{margin-bottom: 10px;}
.filter.mixitup-control-active{background:#f44029;color: #ffffff;border-color:#f44029;}
.filter.btn-success{padding: 8px 10px;font-size: 13px;}
.image-gallery:hover,.image-gallery:focus{
  border-color:#f44029;
}

p.data_recensione i{margin-right: 15px;}
p.data_recensione b{font-weight: 500;}

li.li_viaje-maraton-berlin::after{content:"";display: inline-block;margin:0 auto;background: url("/assets/img/abbott-world-major-marathon.jpg") no-repeat center center;width: 40px;height: 20px;background-size: 40px;position: absolute;right: 10px;top: 3px;}
ul.dropdown-menu>li{position: relative;}

#page-title-inner h1{position: relative;display: inline-block;}
.viaje-maraton-berlin #page-title-inner h1::after{content:"";display: inline-block;margin:0 auto;background: url("/assets/img/abbott-world-major-marathon.jpg") no-repeat center center;width: 100px;height: 50px;background-size: 100px;position: absolute;right: -110px;top: -14px;}
