/* =========================================

Theme Name: Blue App
Theme URI: http://mishk.at/
Author: S M Mishkatul Islam
Author URI: http://mishk.at/
Description: One page Responsive HTML5 parallax business landing page
Version: 1.0.0
Tags: html5, themplate, landing page, app landing page

========================================= */


/* =========================================
/* 1 - Google Font

========================================= */


/* =========================================
 2 - Global Styles
========================================= */
body {
    background-color: #34495e;
    color: #c8c8c8;
    font-family: 'Lato', sans-serif;
    font-style: normal ;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
    padding: 0;
}
h1 {
    margin-bottom: 30px;
    font-size: 60px;
    color: #fff;
    font-weight: 100;
}
p{
    font-weight: 300;
    letter-spacing: 0.5px;
}
strong {
    font-weight: 400;
}
img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}


.dark-bg {
    background-color: #2c3e50;
}
.underline {
    position: relative;
    font-size: 20px;
    max-width: 350px;
    margin: auto;
    margin-bottom: 80px;
    color: #0099FF;
}
.underline:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    background-color: #777;
    top: 50%;
    left: 0;
}
.underline:after {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    background-color: #777;
    top: 50%;
    right: 0;
}
.custom-btn {
    background-color: transparent;
    color: #fff;
    border-radius: 0;
    border: 2px solid #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.custom-btn:hover {
    background-color: #0099FF;
    color: #fff;
    border-color: #0099FF;
}
.btn:active, .btn.active {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.header {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.header p {
    margin-bottom: 30px;
}
.bg-color {
    background: rgba(0, 0, 0, 0.5);
}
.section-padding {
    padding-top: 100px;
    padding-bottom:50px;
}
.carousel-indicators {
    bottom: -50px;
}
.social a {
    display: block;
    width: 40px;
    font-size: 28px;
    border-radius: 100%;
    text-align: center;
    color: #949494;
    margin: 10px 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.social a:hover {
    color: #0099FF;
}
.form-control {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control:focus,
textarea:focus {
    border-color: #0099FF !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}



/* =========================================
   3. Section Header
========================================= */
header {
    background-size: cover;
}
.top .photo-slide {
    max-width: 252px;
    margin: auto;
    padding-bottom: 50px;
}
.top .photo-slide img {
    width: 252px;
    height: auto;
}
.top .content {
    color: #fff;
    text-align: left;
}
.top .content h1 {
    font-size: 59px;
    margin-top: 50px;
}
.top .content h2 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 30px;
}
.top .content p {
    font-size: 22px;
    margin-bottom: 70px;
    letter-spacing: 1px;
}
.top .content .button a {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 50px;
    padding-right: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.top .content .button a i {
    margin-right: 20px;
}
.top .content .button a:hover {
    background-color: #fff;
    color: #222;
}




/* =========================================
   4. Section Menu
========================================= */
.navigation {
    min-height: 90px;
}

.navigation .navbar {
    border: none;
    margin-bottom: 0;
    min-height: 90px;
}
.navigation .navbar .navbar-brand {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    height: 70px;
    line-height: 35px;
}
.navigation .navbar-default {
background-color: #000000;
box-shadow: 0 0px 10px rgba(0,0,0,.2);
border: none;
border-radius: 0;
clear: both;
}
.navigation .navbar-default .navbar-nav>li>a {
color: #ffffff;
font-weight: 400;
padding-top: 20px;
padding-bottom: 25px;
}

.navigation .navbar-default .navbar-nav>li>a:hover,
.navigation .navbar-default .navbar-nav>.active>a,
.navigation .navbar-default .navbar-nav>.active>a:hover,
.navigation .navbar-default .navbar-nav>.active>a:focus {
    background: none;
color: #0099ff;
}
.navigation .btn-default:hover,
.navigation .btn-default:focus,
.navigation .btn-default:active,
.navigation .btn-default.active {
    border-color: transparent;
}



/* =========================================
   5. Section Features
========================================= */
.features .featured-item-img {
    width: 252px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
.features .header h4 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: 300;
}
.featured-item .icon-style {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #0099FF;
    text-align: center;
    padding: 15px 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.featured-item .icon i {
    font-size: 30px;
    margin-top: 0px;
    color: #0099FF;
}
.featured-item h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 400;
}
.featured-item p {
    margin-bottom: 50px;
    letter-spacing: 0.5px;
}
.featured-item .meta-text {
    margin-left: 80px;
}
.featured-item .icon {
    width: 60px;
    height: 60px;
    float: left;
}
.featured-item:hover .icon-style {
    border-radius: 0;
}




/* =========================================
   7. Section Description
========================================= */
.description .app-image {
    max-width: 441px;
    margin: auto;
    margin-bottom: 50px;
}
.description .content h4 {
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 100;
}
.description .content .button .get-btn {
    padding-right: 30px;
}
.description .content .button a {
    margin-right: 30px;
    margin-bottom: 30px;
    font-weight: 400;
}
.description .content .button i {
    margin-right: 15px;
}
.description .content p {
    margin-bottom: 70px;
    font-weight: 300;
    letter-spacing: 1px;
}
.description .button {
    margin-bottom: 20px;
}
.description-two .content p {
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 1px;
}
.description .content .list-item {
    list-style: none;
    margin: 0;
    padding: 0 0 35px 0;
}
.description .content .list-item li i {
    margin-right: 15px;
    color: #0099FF;
}
.description .content .list-item li{
    margin-bottom: 15px;
}
/* =========================================
   8. Section Testimonial
========================================= */
#testimonial {
    background: url(../../../../../blue-app/images/bg4.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
}
.bg-testimonial {
    background-image: url(../../../../../blue-app/images/pattern5.png);
}
.testimonial .testimonial-slide {
    width: 70%;
    margin: auto;
    text-align: center;
    margin-bottom: 70px;
}
.testimonial .testimonial-slide .image {
    width: 100px;
    height: 100px;
    margin: auto;
    border: 2px solid #ccc;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}
.testimonial .testimonial-slide .content p {
    position: relative;
    padding:0 50px;
    margin-bottom: 50px;
}
.testimonial .testimonial-slide .content p:before {
    position: absolute;
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 30px;
    top: 0;
    left:0;
}
.testimonial .testimonial-slide .content p:after {
    position: absolute;
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 30px;
    bottom: 0;
    right: 0;
}

/* =========================================
   9. Section Team
============================================ */
.team {
    text-align: center;
}
.team .app-dev h4 {
    font-size: 28px;
    font-weight: 300;
}
.team .app-dev .title {
    margin-top: 30px;
}
.team .member {
    width: 263px;
    height: 263px;
    position: relative;
    overflow: hidden;
    display: table;
    margin: auto;
}
.team .member .details {
    width: 263px;
    height: 263px;
    position: absolute;
    background: rgba(0, 153, 255, 0.9);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}
.team .member img {
    position: absolute;
    width: 263px;
    height: 263px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.team .member .details p {
    color: #fff;
    padding:15px 10px 10px 10px;
    position: absolute;
    top: -100px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.team .member .details .icon {
    position: relative;
    top: 290px;
    left: 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.team .member .details .icon a {
    color: #fff;
}
.team .member .details .icon ul {
    display: table;
    margin: auto;
}
.team .member .details .icon ul li {
    float: left;
    margin-right: 10px;
}
.team .info:hover .details {
    opacity: 1;
}
.team .info:hover .details p {
    transform: translateY(100px);
    -ms-transform: translateY(100px);
    -webkit-transform: translateY(100px);
}
.team .info:hover .icon {
    transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    -webkit-transform:translateY(-100px);
}
.team .title h5 {
    margin-bottom: 50px;
}

/* =========================================
   10. Section Price
========================================= */
.price .price-table {
    padding:0 30px;
    position: relative;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px;
    background-color: #fff;
    margin-top:150px;
    color: #222;
}
.price .header .underline {
    margin-bottom: 10px;
}
.price .price-list {
    text-align: center;
}
.price .price-list i {
    margin-right: 20px;
}
.price .price-list h2 {
    margin-top: 100px;
    margin-bottom: 30px;
    display: inline-block;
}
.price .price-list p {
    margin-bottom: 30px;
    text-align: left;
}
.price .price-list ul {
    padding-left: 10px;
    padding-bottom: 50px;
    text-align: left;
}
.price .price-list ul li {
    list-style: none;
    margin-bottom: 15px;
}
.price .price-list ul li i {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-align: center;
    padding: 4px 0;
    font-size: 14px;
}
.price .price-list ul li i.fa-check {
    margin-right: 20px;
    border: 1px solid #0099FF;
    color: #0099FF;
}
.price .price-list ul li i.fa-times {
    margin-right: 20px;
    border:1px solid #e74c3c;
    padding-right: 1px;
    color: #e74c3c;
}
.price .price-list .rate {
    background: #0099FF;
    color: #fff;
    font-size: 40px;
    text-align: center;
    padding: 60px 0;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -75px;
    left: 50%;
    margin-left: -75px;
    font-weight: 700;
}
.price .price-list .buy-now {
    border: 1px solid transparent;
    background: #0099FF;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 20px;
    margin-bottom: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: -55px;
    margin-left: -75px;
}
.price .featured-price .rate,
.price .featured-price .buy-now {
    background: #e74c3c;
}

/* =========================================
   11. Section Subscribe
========================================= */
.subscribe {
    text-align: center;
}
.subscribe .subscribe-header {
    width: 70%;
    margin: auto;
}
.subscribe .subscribe-header p {
    margin-bottom: 30px;
}
.subscribe .subscribe-form input {
    width: 100%;
    margin: auto;
    height: 60px;
    border-radius: 0;
    background-color: transparent;
}



.input-group-addon button {
    background: transparent;
    border: none;
    margin-bottom: 0px;
    padding: 10px 70px;
    font-size: 20px;
    font-weight: 400;
    outline: none;
}
.subscribe .social {
    margin: auto;
    display: table;
    margin-bottom: 50px;
}
.subscribe .social ul {
    padding:30px 0;
}
.subscribe .social li {
    float: left;
    list-style: none;
    margin-right: 10px;
}

/* =========================================
   12. Section Download
========================================= */
#download {
    background: url(../../../../../blue-app/images/bg5.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
}
.download {
    background-image: url(../../../../../blue-app/images/pattern5.png);
}
.download .underline:before,
.download .underline:after {
    background-color: #BBB;
}
.download .download-area img {
    width: 30px;
    float: left;
    margin-top: 15px;
}
.download .download-area .download-btn {
    font-size: 28px;
    padding: 12px 0 10px 10px;
    min-width: 263px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    display: table;
}
.download .download-area span {
    display: block;
    font-size: 18px;
    margin-bottom: -5px;
}
.download .download-area a i {
    float: left;
    margin-top: 15px;
}
.download .download-area a i.fa-mobile {
    font-size: 50px;
    margin-top: 5px;
}
.download .download-area .app-download {
    margin-left: 40px;
    text-align: left;
    font-weight: 100;
}
.download .download-area .app-download strong {
    font-weight: 300;
}

/* =========================================
   13. Section Footer
========================================= */

.footer {
    text-align: center;
}
.footer .contact input {
    width: 100%;
    height: 50px;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 30px;
}
.footer h1 {
    margin-bottom: 60px;
}
.footer .contact textarea {
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 10px;
    outline: 0;
    padding: 10px;
    border: 1px solid #ccc;
    min-height: 210px;
}
.footer .contact .contact-submit {
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 50px;
}
.footer .contact .contact-submit i {
    margin-right: 10px;
}

/* =========================================
   14. Section Copyright
========================================= */
.copyright {
    text-align: center;
    padding: 30px 0;
}

.carousel-top .item img {
    display: block;
    border: 0;
    position: absolute;
    background-size: cover;
    width: 100%;
}

.carousel-top .item {
    margin: 0;
}

.carousel-top {
    margin-bottom: 0;
}

.owl-buttons {
    display: none;
}



.bg-color {
    position: relative;
    height: 750px;
}
.navbar-header img {
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}


footer img {
    float:right;
}
#azienda_carousel .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

#azienda_carousel .owl-controls {
    margin-top: 30px;
}


.owl-pagination a {
    color: #D1D1D1;
    font-size: 29px;
    width: 31px;
    height: 31px;
    background: #363636;
    text-align: center;
}
.owl-pagination a:first-child {
    margin-right: 3px;
    float: left;
}
.owl-pagination a:last-child {
    float: right;
}
.dark-bg .owl-pagination a {
    color: #D1D1D1;
    font-size: 29px;
    width: 31px;
    height: 31px;
    background: #323232;
    text-align: center;
}
.dark-bg .owl-pagination a:first-child {
    margin-right: 3px;
}
#azienda_carousel .owl-item .item {
    margin: 0;
}

#cataloghi_carousel .item img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    position: absolute;
    background-size: cover;
}

/*===================================================================================*/
/*	BLOG POST ITEM
/*===================================================================================*/
.posts {
    padding-right: 22px;
}
.posts .post:first-child {
    padding-top: 0;
}
.post {
    padding-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #C2C2C2;
}
.post .media-attachment {
    width: 100%;
}
.post .media-attachment img,
.post .media-attachment iframe {
    width: 100%;
}

.post .entry-title {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 36px;
}
.post .entry-title a {
    color: #4b4b4b;
}


.post .entry-title a:hover,
.post .entry-title a:focus,
.post .entry-title a:active {
    opacity: 0.7;
}
.post .entry-title .icon-comments {
    font-size: 20px;
    line-height: 41px;
}
.post .entry-title .icon-comments .comment-count {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    color: #696969;
    margin-left: 8px;
}
.post .post-meta {
    font-size: 18px;
    line-height: 36px;
    font-weight: 300;
    color: #B2B2B2;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}
.post .post-meta a {
    color: #929292;
}


.post .post-meta > span:after {
    padding: 0 5px;
    content: "/";
}
.post .post-meta > span:last-child:after {
    content: none;
}
.post .entry-content {
    color: #707070;
    padding: 30px 0 60px 0;
}
.post .entry-content p {
    margin-bottom: 25px;
}
.post .post-excerpt {
    padding: 25px 0;
    font-size: 15px;
}
.post .btn-readmore {
    margin-top: 12px;
    padding: 7px 69px;
    font-size: 18px;
}
.post blockquote {
    border-left: none;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}
.post blockquote p {
    color: #292929;
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
}
.post blockquote footer {
    font-size: 24px;
    color: #6a6a6a;
    font-weight: 300;
}


.post img:hover {
    opacity: 0.7;
}


.site-main > .post {
    border-bottom: none;
    padding-top: 0;
}



.post-excerpt img {
    margin-right: 20px;
    margin-bottom: 5px;
}




.cataloghi_carousel .item img{
    display: block;
    width: 100%;
    border: 0;
    position: relative;
    background-size: cover;
}


.owl-posts-carousel .carousel-indicators {
    display: none;
}

.download .download-area .download-btn {
    font-size: 28px;
    padding: 12px 0 10px 10px;
    /* width: 100%; */
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 50px;
    display: block;
}

.download-btn {
    background-color: #fff;
    color: #333;
    border: 1px solid #ffffff;
    padding: 12px 0 10px 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
    display: block;
    white-space: inherit;
}



.download-btn img {
    display: inline-block;
    margin-bottom: 5px;
}

.header_cataloghi h1 {
    color: #ffffff;
}

footer hr {

    border-top: 1px solid #333333 ;
}

#contact-form {
    padding: 10px 10px;
}

footer li > a {
    color: #333;
    background: transparent;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.copyright {
    text-align: left;
}

footer .navbar-nav>li {
    float: none;
}

.post img:hover {
    opacity: 1;
}

.cms-section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}


footer {
    font-size: 10px;
}

.widget_html h4 {
    margin-left: 40px;
}

.widget_contatti_Widget h4 {
    margin-left: 10px;
}

.widget_html ul>li {
    padding-top: 10px;
    list-style: none;
}


.hometext {
    background: rgba(255, 255, 255, .9);
    padding: 20px;
    text-align: justify;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.title-Contact-section {
    color: #ffffff;
}
.navbar-right {
    font-size: 20px;
    margin-top: 10px;
}

.navbar-fixed-top .navbar-right {
    margin-right: 0;
}


.underline_white:before, .underline_white:after {
    background-color: #fff;
}

.info_contact {
    margin-top: 160px;
}

.btn-success {
    color: #fff;
    background-color: #3584c6;
    border-color: #3584c6;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #6d9dc5;
    border-color: #6d9dc5;
}

#contact-form .input-group {
    margin-top: 10px;
}

.center_scroll_page {
    position: relative;
    display: inline-block;
    margin: auto;
    width: 100%;
}
.center_scroll_page>.container {
    padding: 100px 0px;
}

.photogallery-standard {
    text-align: center;
}

.photogallery-standard > .imagewrapper {
    display: inline-block;

}

.photogallery-standard > figure {
    margin: 5px;
}

.images-container {
    text-align: center;
}

.images-container  article {
    display: inline-block;
    margin: 10px;
}

.videos-container {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.audio-container {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.news-posts  .post {
    display: inline-block;
    padding: 30px;
    border: 1px solid #C2C2C2;
    margin: 10px;
    max-width: 100%;
    vertical-align: top;
}

.news-container {
    margin-top: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.news-posts .post-title {
    margin-top: 0;
}

.news-posts .post-preview img {
    margin: auto;
}

.btn_next_page, .btn_next_page:hover, .btn_next_page:active, .btn_next_page:active:hover, .btn_next_page:focus, .btn_next_page:active:focus  {
    float: right;
    outline: none ;
    background-color: transparent ;
    border: 0;
    color: #ffa727;
    font-size: 20px;
    padding: 6px 30px;
    position: relative;
}

.btn_next_page i {
    color: #ffa727;
    position: absolute;
    top: 0;
    right: 0;
}

.btn_prev_page i {
    color: #ffa727;
    position: absolute;
    top: 0;
    left: 0;
}

.navigation .navbar-default .navbar-nav > li > a:focus {
    outline: none;
}

.btn_prev_page, .btn_prev_page:hover, .btn_prev_page:active, .btn_prev_page:active:hover, .btn_prev_page:focus, .btn_prev_page:active:focus   {
    float: left;
    outline: none ;
    background-color: transparent ;
    border: 0;
    color: #ffa727;
    font-size: 20px;
    padding: 6px 30px;
    position: relative;
}

.footer-bg {
    width: 100%;
    height: 0;
    border-style: solid;
    border-width: 0px 65px 85px 0;
    border-color: transparent #ffffff transparent transparent;
background-color: #e7e7e7;
}

.body_page a, .body_page a:hover, .body_page a:focus {
    color: #333;
    text-decoration: none;
    outline: none;
}
.primary_page {
    text-align: left;
    word-break: normal;
}

.primary_page img {
    margin:auto;
    margin-bottom: 50px;
}
.primary_page h1 > strong {
    font-family: 'hereaboutsbold';
font-size: 72px;
margin-bottom: 0px;
}

.primary_page h1 {
    padding-bottom: 20px;
    margin-bottom: 20px;
font-size: 24px;
color: #333333;
}

.primary_page h1 > em {
    font-style: normal;
    font-weight: bold;
}



.primary_page h2 {
    font-family: 'hereaboutsbold';
color: #ffa727;
font-size: 40px;
}

.primary_page h2 > em {
    font-family: 'hereaboutsbold';
color: #ffa727;
font-size: 30px;
font-style:normal;
}

.primary_page h3 {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 4px;
    line-height:30px;
font-size: 24px;
color: #333333;
}

.primary_page h3 > strong {
    margin-bottom: 0px;
    margin-top: 4px;
color: #ffa727;
font-size: 20px;

}

.primary_page h4 {
font-size: 24px;
color: #333333;
}

.primary_page h5 {
font-size: 24px;
color: #333333;
}

.primary_page h6 {
    font-family: 'hereaboutsbold';
font-size: 24px;
color: #333333;
margin-top:10px;
}


.primary_page a {
    color: #333;
}

.secondary_page {
    text-align: left;
    word-break: normal;
}

.secondary_page h1 {
    display: block;
    margin-bottom: 10px;
    width:100%;
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    padding-bottom:0px;
font-size: 24px;
color: #333333;
}


.secondary_page h1 > strong {
    display: inline-block;
    font-family: 'hereaboutsbold';
    margin-bottom: 0px;
font-size: 72px;
}
.secondary_page h1 > em {
    font-style: normal;
    font-weight: 600;
}


.secondary_page h1 > strong > em {
    font-style: normal;
color: #ffa727;
}

.secondary_page h2 {
    margin-bottom: 0px;
    margin-top: 4px;
    margin-top: 30px;
font-size: 24px;
color: #333333;

}

.secondary_page h3 {
    padding-left: 0px;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 4px;
    line-height:30px;
font-size: 24px;
color: #333333;
}

.secondary_page h3 > strong {
color: #337ab7;
}

.secondary_page h4 {
    margin-bottom:0px;
    line-height: 24px;
    margin-top:3px;
font-size: 20px;
color: #333333;

}

.secondary_page h4 > strong {
    margin-top: 25px;
    word-break: break-all;
font-size: 20px;
color: #ffa727;

}


.secondary_page h4 > strong>a, .secondary_page h4 > strong>a:hover  {
color: #ffa727;
}

.secondary_page h4 > a>strong, .secondary_page h4 > a>strong:hover  {
color: #ffa727;
}
.secondary_page h5 {
    display: inline-block;
    padding: 8px 10px;
    margin-bottom: 20px;
font-size: 20px;
color: #333333;
}

.secondary_page h5 > strong {
    display: block;
    font-family: 'hereaboutsbold';
    color: #ffa727;
font-size: 20px;
}

.landingpage h2 {
    margin-top: 0;
    font-size: 32px;
}

.title_page {
    text-align: center;
}

.container.title_page h3 {
    margin:0;
}



.shrinked:after {
    content: "";
    position:absolute;
    bottom:0;
    left:0;
    height:60px;
    width:100%;
    background: linear-gradient(rgba(255,255,255,0), #ffffff);
}

.shrinked .read_more {
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: auto;
    width: 100px;
    left: 50%;
    margin-left: -50px;
color: rgb(214,101,101);
font-size: 16px;
z-index: +1;
font-style: italic;
}

.colonne-2 .body_page {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    text-align: left;
}

.colonne-3 .body_page {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    text-align: left;
}

.colonne-3 .body_page div {
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
    margin-bottom: 0px;
}

.colonne-4 .body_page {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    text-align: left;
}

.colonne-4 .body_page div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
}

.navbar-right ul{
    margin-bottom: 10px;
}

ul#main_menu>li {
    display: inline-block;
}

.subpage_dropdown_menu {
    color: #fff;
    background-color: transparent;
    font-size: 25px !important;
    padding-top: 14px !important;
    padding-right: 12px !important;
    /* float: right;*/
}

.subpage_dropdown_menu:hover, .subpage_dropdown_menu:focus, .subpage_dropdown_menu:active:focus {
color:#0099ff;
outline:0;
}

.subpage_dropdown_menu span.caret {
    display: none;
}

.dropdown-menu {
background-color: #000000;
border:0;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
margin:0;
left:0;
}

.menusublines a {
    color: #fff !important;
    outline:0;
    font-size: 20px;
}

.menusublines a:hover,
.menusublines a:focus,
.menusublines a:active {
    outline: 0;
    text-decoration: none;
}

.dropdown.open .subpage_dropdown_menu {
color: #0099ff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #0099ff !important;
background-color: transparent;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: transparent;
}

.sub_page_style h1 > strong {
    font-family: 'hereaboutsbold';
    font-size: 54px;
}

.sub_page_style h2 {
    display: inline;
    margin-left: 20px;
    background-color: #ffa727;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    padding: 4px;
}

.sub_page_style h3>strong {
    font-size: 20px;
    color: #ffa727;
}

.sub_page_style h3 {
    font-size: 18px;
}

a#scrollUp {
    height: 40px;
    bottom: 10px;
    right: 35px;
    padding: 3px 10px;
    background: #555;
    color: #FFF;
    opacity:0.6;
    -webkit-animation: bounce 2s ease infinite;
    animation: bounce 2s ease infinite;
}

a#scrollUp:hover {
    opacity:1;
}

a#scrollUp i{
    font-size: 30px;
}

a#scroll_down_section i, a#scroll_up_section i {
    font-size: 80px;
    line-height: 40px;
    color: #3582c1;
    -webkit-transform: scale(2,0.5);
    -moz-transform: scale(2,0.5);
    -ms-transform: scale(2,0.5);
    -o-transform: scale(2,0.5);
    transform: scale(2,0.5);
    font-weight: lighter;
}

#scroll_down_section, #scroll_up_section {
    height: 40px;
    left: 0;
    background-color: transparent;
    width: 80px;
    margin: auto;
    right: 0;
    padding: 0px 10px;
    position: fixed;
    z-index: 30;
    display: block;
    line-height: 0px;
    text-decoration: none;
    opacity: 0.3;
}

#scroll_down_section:hover, #scroll_up_section:hover {
    opacity:1;
}

#scroll_down_section:focus, #scrollUp:focus {
    outline:none;
}

#scroll_down_section {
    bottom: 10px;
}

#scroll_up_section {
    top: 100px;
}


.navbar-right ul {
    margin-bottom: 0px;
}

.colonne-2 .body_page div {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
    padding-top: 10px ;
    margin-bottom: 0px ;
}

.dropdown-menu>li.anchor_link>a {
    color: #333;
}
.anchor_link.current a{
    color: #ffffff;
}


.menusublines .anchor_link a:hover, .menusublines li.current a {
    color: #ffffff;
}
section.scrolling_section{
    display: inline-block;
    width: 100%;
    position: relative;
}

a#scroll_down_section:hover {
    text-decoration: none;
}

a#scroll_down_section .next_page_name{
    font-size: 23px;
    margin-left: 10px;
}

#scroll_down_section span.next_page_home {
    text-decoration: none;
}

.social-wall li {
    display: inline-block;
    color: #ffffff;

}

.social-wall {
    position: absolute;
    font-size: 25px;
    left:0;
    padding-top: 7px;
}

.social-wall>li>a>i {
    color: #ffffff;
}

.body_page iframe {
    width:100%;
}

.dropdown-menu>li.active>a {
    color: #ffffff;
}

#mc-embedded-subscribe {
    margin:0;
    background-color: #ffa727;
    border: 0px;
    color: #fff;
}
#mc-embedded-subscribe:hover {
    color: #333;
}
.btn-Mailing {
    background-color: transparent;
    border: 0px;
    margin-top: 19px;
}

.btn-Mailing i {
    font-size: 35px;
}

.btn-Mailing:hover, .btn-Mailing:active:hover {
    background-color: transparent;
    color: #ffa727;
    outline:none;
}

.btn-Mailing:active:focus, .btn-Mailing i:hover:focus {
    outline:none;
}

#custom-form-contatti div {
    width:95%;
}

.widget_form_contatti h1 {
    border-bottom: 0px;
}

#custom-form-contatti .form-actions input {
    background-color: #fbeda6;
    color: #ffffff;
    border-radius: 0px;
}

#custom-form-contatti .form-actions input:hover {
    color: #333;
}

#custom-form-contatti label {
    display: none;
}
.widget_form_contatti {
    width:100%;
}

.widget_form_contatti header {
    margin-bottom: 10px;
}


span.asterisk {
    color: red;
    float: right;
    font-size: 20px;
    padding-right: 10px;
}

.social-wall>li>a {
    padding-left: 5px;
    padding-right: 5px;
}

textarea.form-control {
    height: 100px;
}

.dropdown-menu {
    text-align: left;
}

.colonne-2 .body_page .form-group {
    margin-bottom: 10px;
}

.subpage_slider .body_page a{
    cursor: pointer;
}

.reserved_page .download-btn:hover {
    color: #333;
}

.navbar-right>li>a>i.fa-cloud-download, .navbar-right>li>a>i.fa-lock, .navbar-right>li>a>i.fa-envelope,.navbar-right>li>a>i.fa-info-circle, .navbar-right>li>a>i.fa-bars  {
    font-size: 26px;
}

.login-actions #DSP_AUTH_LOGIN {
    background-color: #ffa727;
    color: #ffffff;
}

.login-actions #DSP_AUTH_LOGIN:hover {
    color: #333;
}

.download-btn.singledocument {
    cursor: pointer;
}

.infobox481 .custom_form header h3 {
    margin-bottom: 10px;
}

#document_content_tab {
    margin-top: 20px;
}
.nav-tabs>li>a {
    color: #333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ffa727;
}

.wrapper-evidenze .abstract a, .wrapper-evidenze .abstract a:hover {
    color: #333;
    text-decoration: none;
}

.small_font h3 {
    font-size: 17px;
    line-height: 25px;
}

.normal-font h3 {
    font-size: 18px;
    line-height: 28px;
}

.large_font h3 {
    font-size: 19px;
    line-height: 30px;
}

.no_header .header_page {
    display: none;
}

.box-background_slider h5 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
    font-size: 50px;
}

.box-background_slider h5>em {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: auto;
    padding-top: 18px;
    font-style: normal;
}
.box-background_slider h5>span {
    color: #ffa727;
    font-style: normal;
    font-size: 35px;
}

.box-background_slider {
    height: 199px;
    margin-bottom: 40px;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center center !important;
}

.header_page h1 {
    padding-bottom: 0px;
}


/*white css */
body {
    background-color: #fff;
    color: #222;
}
.dark-bg {
    background-color: #F2F3FD;
}
h1 {
    color: #111;
}

.underline:before,
.underline:after {
    background-color: #777;
}
.custom-btn {
    color: #0099FF;
    border: 1px solid #0099FF;
}
.top .content {
    color: #fff;
}
.top .content h1 {
    color: #fff;
}
.top .content .button .custom-btn {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.navbar-default {
    background-color: #181B3D;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none;
    color: #0099FF;
}

.input-group-addon {
    color: #555;
    border: 1px solid #ccc;
}

#main-nav img {
    height: 45px;
}
.logo_screen {
    position: absolute;
    top: 20px;
}
.navbar-right {
    margin-top: 20px;
}
.first_page_home .evidenzelist article {
    display: inline-block;
}
.first_page_home {
    text-align: center;
}

.first_page_home h5:first-child, .first_page_home h5:nth-child(2) {
    column-span: all;
    display: block;
    text-align: center;
}
.first_page_home h1 {
    margin-bottom: 15px;
    display: inline-block;
    padding-left: 0px;
    margin-top: 30px ;
    font-size: 15px;
    padding-bottom: 15px;
border-bottom: #ffa727 5px solid;
}
.first_page_home h1 > strong {
    font-family: 'hereaboutsbold';
    font-size: 36px;
    display: block;
}

.first_page_home h3 > em {
    font-family: 'hereaboutsbold';
    font-style: normal;
    font-size: 1.25em;
}

.first_page_home h2 {
    font-family: 'hereaboutsbold' ;
    color: #ffa727;
    font-size: 22px;
    margin-top: 20px;
}


.first_page_home h4 {
    font-size: 20px;
    color: #ffa727;
}

.first_page_home h5 {
    color: #ffcc00;
    font-size: 50px;
    line-height: 25px;
}

.first_page_home h5>strong {
    color: #ffa727;
    font-size: 40px;
}
.center_scroll_page>.container.landingpage {
    padding: 0px;
}

#main-nav .navbar-header {
    min-height: 90px;
}

.navbar-toggle {
    margin-top: 28px;
}

.copyright {
    padding:0;
}

footer h5 {
    position: absolute;
    left: 0;
    text-align: center;
    color: #000;
    right: 0;
    margin-top: 19px;
}

footer h5 a {
    color: #ffffff;
    text-decoration: none;
}

.info .body_page>h3:last-child {
    margin-bottom: 30px;
}


.infobox481 ul>li {
    font-size: 20px;
}

.infobox481 iframe {
    width:100%;
}

.infobox481 ul {
    padding-left: 0px;
    list-style-type: none;
    text-align: left;
}

.infobox481 em:before {
    padding-right: 10px;
}

.infobox481 .body_page>li>p {
    display: block;
    text-align: left;
    font-size: 25px;
    padding-bottom: 20px;
}

.infobox481 .body_page li>h1 {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    font-weight: bolder;
}

.infobox481 h1 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.infobox481 .body_page div {
    padding-top: 0px !important;
}

.home481 .body_page {
    background-color: #ededed;
}

.home481 .body_page h5:first-child {
    margin-top: 0px;
    padding-top: 50px;
}

.home481 .body_page h5:last-child {
    padding-bottom: 50px;
}

.reserved_page .header_cataloghi h1 {
    color: #333333;
}
.reserved_page .underline_white:before, .reserved_page .underline_white:after {
    background-color: #333;
}

.reserved_page .download-btn {
    background-color: #ffa727;
    color: #fff;
}

#userarea {
    float: right;
    padding-left: 15px;
}

#userareamenu {
    background-color: transparent;
    color: #fff;
    font-size: 25px;
    margin-top: 24px;
}

#myModal .modal-body h1 {
    text-align: center;
    color: #ffa727;
}
#myModal .modal-body h2 {
    text-align: center;
    color: #333;
    font-size: 20px;
}


.close_modal_button:hover {
    background-color: #ffa727;
    color: #ffffff;
}

.logout_button {
    float: right;
    font-size: 34px;
    margin-top: 31px;
    margin-left: 25px !important;
}

.logout_button a {
    color: #fff;
}

.logout_button a:hover, .logout_button a:active {
    color: #ffa727;
}

.box-background_body {
    background-color: rgba(0,0,0,0.55) !important;
    /* width: 660px !important; */
}

.img_text_container {
    position: relative;
    z-index: +1;
}

.img_text_container .box-background_body {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.55);
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.img_text_container .box-background_body h5 {
    color: #fff;
    line-height: 90px;
    height: 90px;
}

.img_text_container .box-background_body h5>em {
    color: #ffa727;
    font-style: normal;
    font-size: 35px;
    padding-left: 20px;
}
.img_text_container .box-background_body h5>span {
    color: #ffa727;
    font-style: normal;
    font-size: 35px;
}

.box-background_body {
    margin-bottom: 0px !important;
}

.secondary_page h5 a:hover  {
    color: #ffcc00;
}

h3 {
    line-height: 1.3em;
}

.dropdown-menu.menusublines {
    left:0;
}

.navbar-right {
    margin-right: 0px;
}

#main-nav img {
    height: 45px;
    width: auto;
    top: 25px;
}

footer img{
    float: left;
    margin-top: 36px;
}
}
@media (max-width: 767px) {

    .landingpage h3 {
        font-size: 2em;
    }
    footer .widget h2 {
        font-size: 18px;
    }
    footer .container h4 {
        font-size: 15px;
    }
    .navbar-header img {
        left: 15px;
    }
    .first_page_home .evidenzelist article {
        display: block;
    }
    .first_page_home h5 {
        font-size: 21px;
    }
    .first_page_home h5>strong {
        font-size: 34px;
    }
    .box-background_slider h5 {
        padding-top: 51.5px;
    }
    .primary_page h5 {
        font-size: 21px;
    }
    .box-background_slider h5>em {
        font-size: 32px;
    }

    #consorziati .body_page {
        column-count: 1;
    }

    #scroll_down_section {
        display: none;
    }

    #info .body_page {
        column-count: 1;
    }

    .copyright {
        padding: 39px 0;
    }

    .subpage_dropdown_menu {
        padding-top: 0px;
    }
    footer h5 {
        left: 10px;
        margin-top: 45px;
        font-size: 10px;
    }
    .social-wall {
        right:0;
        margin-top: 57px;
        padding-top: inherit;
        left:inherit;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #ffa727;
    }
}

@media (max-width: 480px) {

    .landingpage img {
        width: 150px;
    }

    .landingpage h3 {
        font-size: 1.4em;
    }

    footer .widget h2 {
        font-size: 18px;
    }

    footer .container h4 {
        font-size: 15px;
    }

    .navbar-header img {
        left: 15px;
    }
    .social-wall {
        font-size: 22px;
        right: -16px;
        margin-top: 65px;
    }
    span.asterisk {
        padding-right: 7px;
    }
}
.page_slider {
    float: left;
}

@media (max-width: 1367px) {
    .box-background_slider {
        margin-bottom: 0px !important;
    }

    .secondary_page h4 {
        line-height: 10px !important;
    }
    .owl-slider-carousel h1 {
        font-size: 150px;
    }
    .first_page_home li:first-child h1 {
        font-size: 14px;
    }
}


@media (max-width: 767px) {

    .landingpage h3 {
        font-size: 2em !important;
    }
    footer .widget h2 {
        font-size: 18px !important;
    }
    footer .container h4 {
        font-size: 15px !important;
    }
    .navbar-header img {
        left: 15px;
    }
    .first_page_home .evidenzelist article {
        display: block;
    }
    .first_page_home h5 {
        font-size: 21px !important;
    }
    .first_page_home h5>strong {
        font-size: 34px !important;
    }

    .primary_page h5 {
        font-size: 21px;
    }
    .box-background_slider h5>em {
        font-size: 32px;
        padding-left: 5px;
    }

    #scroll_down_section {
        display: none !important;
    }

    #info .body_page {
        column-count: 1;
    }

    .subpage_dropdown_menu {
        padding-top: 3px !important;
    }
    footer h5 {
        left: 5px ;
        margin-top: 45px ;
        font-size: 10px ;
        padding-left: 0px;
    }

    .social-wall {
        right:0;
        margin-top: 57px;
        padding-top: inherit !important;
        left:inherit !important;
    }
    .navbar-default #main_menu .open .dropdown-menu>li>a:hover {
        color: #ffffff;
    }
    #main_menu .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #ffa727;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-default #main_menu .open .dropdown-menu>li>a {
        color: #000;
    }
}

@media (min-width: 480px) and (max-width: 766px) {

    .landingpage img {
        width: 150px;
    }

    .landingpage h3 {
        font-size: 1.4em !important;
    }

    footer .widget h2 {
        font-size: 18px !important;
    }

    footer .container h4 {
        font-size: 15px !important;
    }

    .navbar-header img {
        left: 15px;
    }
    .social-wall {
        font-size: 22px !important;
        right: -16px !important;
        margin-top: 65px !important;
    }
    span.asterisk {
        padding-right: 3px !important;
    }

    .first_page_home h1 {
        font-size: 14px !important;
    }
    .navbar-right {
        float: right !important;
    }
    .dropdown-menu.menusublines {
        position: absolute !important;
        background-color: #ffa727 !important;
    }

    .owl-slider-carousel h1 {
        font-size: 65px;
        margin-bottom: 50px;
    }

    .owl-slider-carousel .owl-item:last-child h3 {
        line-height: 20px !important;
    }
}



@media (max-width: 480px) {
    #main-nav .container {
        text-align: center;
    }
    .navigation .navbar-default #main_menu>li>a {
        padding-right: 15px;
    }

    .logo_screen {
        position: relative;
        top: 15px;
        margin: auto;
    }

    #main_menu {
        float: none !important;
        padding: 0px;
    }

    .owl-slider-carousel h1 {
        font-size: 60px;
    }

    .owl-slider-carousel h2 {
        font-size: 30px;
        padding-top: 20px;
    }

    .owl-slider-carousel .owl-stage .owl-item h3 a {
        line-height: 26px !important;
        font-size: 18px;
    }

    .owl-slider-carousel .owl-stage .owl-item li h3 a {
        line-height: 12px !important;
        font-size: 18px;
    }
    .body_page {
        column-count: 1;
    }

    .owl-theme .owl-controls {
        bottom: 10px;
    }

    #main-nav.navbar-fixed-top .logo_screen {
        display: none;
    }
    footer h5 {
        text-align: left;
        margin-top: 7px;

    }
    .social-wall {
        margin-top: 10px;
    }
    .first_page_home li:first-child h1 {
        font-size: 10px !important;
    }

}

@media (max-width: 375px) {
    .navigation .navbar-default #main_menu>li>a {
        padding-right: 15px;
    }

    footer h5 {
        text-align: left;
        margin-top: 15px;
        font-size: 9px;
        width: 81%;
    }

    .subpage_dropdown_menu {
        margin-bottom: 0px;
    }
    .owl-slider-carousel h5>strong {
        font-size: 40px;
    }
    .owl-slider-carousel h5 {
        font-size: 25px;
    }
    span.asterisk {
        padding-right: 0px;
    }
}


.no-column {
column-count : auto !important;
}