@font-face {
    font-family: 'Din';
    src: url('./fonts/DINPro-Medium.ttf');
    src: local('Din'), url('./fonts/DINPro-Medium.ttf') format('truetype');
    }

    @font-face {
      font-family: 'Minion';
      src: url('./fonts/MinionPro-Regular.otf');
      src: local('Minion'), url('./fonts/MinionPro-Regular.otf') format('truetype');
      }
    

/* Global */
body {
    background-image: url(./bg_head.jpg);
    background-repeat: no-repeat;
    background-color: #43a6c2;
    padding: 0;
}  

a {
    color: #ffffff;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
}

div { word-break: normal; }

img { max-width:100%; }
img.mobile {display: none;}


@media (max-width: 480px) {
    .navbar-brand img {width:80%!important;}
    .title {padding: 0 15%!important;}
    .subtitle {font-size: 24px!important;line-height: 34px!important;margin: 10% 0 10%!important;padding: 0 5%!important;}
    .descr {font-size: 24px!important;line-height: 34px!important;margin: 10% 0 10%!important;padding: 0 5%!important;}
    .carousel-control {display: none;}
    img.desktop {display: none;}
    img.mobile {display: block;width: 90%;margin: 5%;}
    .info-legge {padding: 5%;}
    p.logo {margin: 3% 25% 10%!important; max-width: 50%!important;}
    .swipe {display:inline-block!important; color: #FFFFFF;font-family: 'Din';font-size: 12px;text-align: center;font-weight: bold;width: 50%;margin: 5% 25%;height: 32px;line-height: 32px;}
    .swipe img { width: 32px; margin-left: 10px;}
    .focus-down {margin-bottom: 5%!important;color: #008398!important;font-size: 15px!important;border-top: 1px solid #ffffff;padding: 8% 0!important;background-color: #ffffff;}
}

a {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease; 
	}
    a:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
        filter: alpha(opacity=50); /* IE7 */
        opacity: 0.6;
        text-decoration: none;
    }


/* Container */
.container-fluid {
    margin: 40px auto 10px;
    padding: 20px 0px;
    max-width: 960px;
}


/* Page Header */
.page-header {
    margin: -30px 0px 0px;
    padding: 20px 40px;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid;
    text-align: center;
}
.title {
    max-width: 100%;
    padding: 0 25%;
    margin: 5% 0;
}
.subtitle {
    color: #FFFFFF;
    font-family: 'Din';
    font-size: 34px;
    text-align: center;
    line-height: 38px;
    margin-bottom: 4%;
    font-weight: bold;
}
.descr {
    color: #FFFFFF;
    font-family: 'Din';
    font-size: 26px;
    text-align: center;
    line-height:28px;
    margin-bottom: 3%;
    font-weight: bold;
}

.swipe {
    display: none;
}

p.logo {
    text-align: center;
    max-width: 20%;
    margin: 3% 40%;
}
p.info {
    text-align: center;
    margin-bottom: 4%;
}

.focus {
    text-align: center;
    margin-bottom: 4%;
    color: #f6e700;
    font-size: 18px;
}

.focus-down {
    text-align: center;
    margin-bottom: 4%;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding-top: 4%;
}
.info-legge {
    text-align: center;
    margin-bottom: 4%;
    color: #f6e700;
    font-size: 14px;
    font-weight: normal;
    padding-top: 4%;
}

.page-header h3 {
    line-height: 0.88rem;
    color: #a83b3b;
}

/* Thumbnail Box */
.caption {
    height: 140px;
    width: 100%;
    margin: 20px 0px 0px;
    padding: 20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.caption .span4, .caption .span8 {
    padding: 0px 20px;
}
.caption .span4 {
    border-right: 1px dotted #CCCCCC;
}
.caption h3 {
    color: #eeeeee;
    line-height: 2rem;
    margin: 0 0 20px;
    text-transform: uppercase;
    }
    .caption p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        color: #ffffff;
        }
        .btn.btn-mini {
            background: #a83b3b;
            border-radius: 0 0 0 0;
            color: #fbf4e0;
            font-size: 0.63rem;
            text-shadow: none !important;
            }
.carousel-control {
    top: 33%;
    background: #f6e700;
    opacity: 1;
    color: #282828;
}




/* Footer */
.footer {
    margin: auto;
    width: 100%;
    max-width: 960px;
    display: block;
    font-size: 0.69rem;
    }
    .footer, .footer a {
        color: #fff;
        }
        p.right  { 
            float: right; 
            }




/* ADD-ON
-------------------------------------------------- */
/* body:after{content:"less than 320px";font-size:1rem;font-weight:bold;position:fixed;bottom:0;width:100%;text-align:center;background-color:hsla(1,60%,40%,0.7);color:#fff;height:20px;padding-top:0;margin-left:0;left:0}@media only screen and (min-width:320px){body:after{content:"320 to 480px";background-color:hsla(90,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:480px){body:after{content:"480 to 768px";background-color:hsla(180,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:768px){body:after{content:"768 to 980px";background-color:hsla(270,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:980px){body:after{content:"980 to 1024px";background-color:hsla(300,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}@media only screen and (min-width:1024px){body:after{content:"1024 and up";background-color:hsla(360,60%,40%,0.7);height:20px;padding-top:0;margin-left:0}}

::selection { background: #ff5e99; color: #FFFFFF; text-shadow: 0; }
::-moz-selection { background: #ff5e99; color: #FFFFFF; } */

a, a:focus, a:active, a:hover, object, embed { outline: none; }
:-moz-any-link:focus { outline: none; }
input::-moz-focus-inner { border: 0; }