/*fonts*/
@font-face {
    font-family: 'raleway';
    src:  url('../fonts/raleway/Raleway-Regular.ttf') format('truetype'); 
}  
@font-face {
    font-family: 'ralewaybold';
    src:  url('../fonts/raleway/Raleway-Bold.ttf') format('truetype'); 
}  
@font-face {
    font-family: 'ralewaymedium';
    src:  url('../fonts/raleway/Raleway-Medium.ttf') format('truetype');
}  
@font-face {
    font-family: 'ralewaylight';
    src:  url('../fonts/raleway/Raleway-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'ralewayitalic';
    src:  url('../fonts/raleway/Raleway-Italic.ttf') format('truetype'); 
}
body {
    font-family: 'raleway',  arial;

    font-size: 16px;
    line-height: 24px;
    color:#666;
}
body {
    padding-top:50px;
    color:#666;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
}
h2{
    color: #6f8f0a;  
    text-transform: uppercase;
    font-family: 'ralewaylight',  arial;
    font-size:42px;
}
h3{
    color:#666666;  
    font-family: 'ralewayitalic',  arial;
    font-size:34px;
}
a {
    color: #8ab10b;
    text-decoration: none;   
    font-weight: 700;
    font-size:16px;
}
a:hover,
a:visited
{
    color:#526907;
}

#masthead h1 {
    font-size: 30px;
    line-height: 1;
    padding-top:20px;
}
hr.green {
    border-top-color: #6f8f0a;
}
.nav>li{
    /* border-bottom: 1px solid #e7e7e7;*/
}
.nav>li>a {    
    padding: 15px 15px;    
    font-family: 'ralewaybold',  arial;
    font-size:18px;
    color:#6f8f0a;
    text-decoration: none;
}
.nav>li>a:hover,
.nav>li>a:visited{
    text-decoration: underline;
    background: #fff;
}    
.nav-stacked>li+li {
    margin-top: 0px;
}


.grey{
    background-color: #e7e7e7;
}
.grey_f{
    color: #e7e7e7;
}
.green_f{
    color:#fff;
}
.upper{
    text-transform: uppercase;
}
ul li h4
{
    font-family: 'ralewaybold',  arial;
    font-size:20px;
    color:#666666;
    position: relative;
    display: block;
    padding: 15px 15px;
    margin:0px;    

}
.green_f{
    color:#6f8f0a;
}
#leftCol ul.dropdown-menu li a {
        color:#6f8f0a;
}

/*Contenitore dell'Header*/
header, footer{
    z-index: 999;
}
.main-content {
    margin-top: 40px
}        
#headerDesktop{
    background:#000;
    width: 100%;
    margin: 0px;
    display:block;
    overflow:visible;
    padding:0 300px 0 145px;
    float:left;
}
.navbar-header {
    background-color: #000;
}

.disclaimer{
    padding: 40px 0px;
    font-size: 14px;
    text-align: justify;

}
.btn-bancobpm,
.btn-bancobpm:visited
{
    font-family: "ralewaybold", arial;   
    width: 280px;   
    border-radius: 25px;
    height: 50px;
    font-size: 16px;
    line-height: 40px; 
    position:relative;
    color:#fff!important;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-bancobpm.green  {
    background: #8ab10b;  
    color: #fff;

}

.btn-bancobpm.green:hover{
    background:#000;
    color:#8ab10b!important; 
}

.btn-bancobpm.blue  {
    background:#000;
    color:#8ab10b!important; 
}

.btn-bancobpm.blue:hover{    
    background:#8ab10b;
    color:#fff!important;  

}


.btn-bancobpm i.fa{
    position:absolute;
    top:17px;
    right:15px;
} 




/*Contenitore Header Sx Logo*/
.contLogoDesk{
    width: 145px;
    height: 82px;
    float:left;
    margin-left:-145px;
    border-bottom: solid 2px rgba(0,0,0,0.07);
    margin-bottom:-2px;
}
.contLogoDeskPub{
    background: #FFF;
    width: 15%;
    float:left;
    height: 80px;
    background-repeat: no-repeat;
    /*border-bottom: solid 2px #EBEEF0;*/
}


.logoYouWeb{
    display:block;
    background-image: url("../img/logo_webank.png");	     
    background-repeat: no-repeat;
    height:66px;
    width:220px;        
}

.navbar-landing {
    background-color:#000;
    border-bottom: solid 2px #000;

}
.navbar-brand.logoYouWeb {
    margin: 13px auto;
    float: none;
}
.navbar-collapse{
    background-color: #000;
}
.navbar-nav > li > a{
    color:#fff!important;
}
.navbar-default .navbar-toggle
{
    border-color: #fff;

}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:#000;

}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #6f8f0a!important;
    background-color: #000;

}
/* * * FOOTER * * */
.footer {
    background-color: #000;
    width: 100%;
    color: #999;
    padding: 30px;
    line-height: 20px;
    float: left;
}
.footer p{
    font-family: 'ralewaymedium',  arial;
    font-size:12px;
    color:#999;}
ul.social {
    list-style: none;
    margin-top: -10px;
    /* width: 400px;*/
    margin: -10px auto 0 auto;
}
ul.social li {
    float: right;
    padding: 0 8px;
}
ul.social a img{
    margin-left:20px;
}
ul.social a {
    font-family: 'ralewaymedium',  arial;
    font-size:40px;
    text-decoration: none;
    font-weight:normal;
    margin-right:20px;
}

.nav > li > a {
    padding: 12px 0 12px 0;
    margin: 0 22px;
}
.play-video i {
    font-size:130px;
    color:#6f8f0a;
    opacity:0.6;
}

.social{ 
    margin:20px 0;
}
.social:last-child{
    border-right:none;
}
.social p{

    text-align: center;
    width:100%;
    color:#666;
    font-size:19px;
}

.ball{
    border-radius: 50%;
    border:1px #555 solid;
    width:130px;
    height:130px;
    margin: 20px auto;
    text-align: center;  
    display: table;        
}
.ball.small{
    width:60px;
    height:60px; 
    margin:-10px 5px 0 0;
}
.ball.small  .fa{
    font-size: 30px;
    line-height: 60px;
    color:#6f8f0a;
}


.social div a  ,
.social span
{
    color:#6f8f0a;
    vertical-align:middle;
    display: table-cell;
}

.social a  i,
.social span i
{
    font-size:65px;

}
.social a {
    text-align: center;  
}
.panel-landing .panel-title{
    color:#6f8f0a;
    font-size:40px;
    padding:10px 0;
    margin:0px;
}

ul.list-green{
    list-style:none;
    padding:0px;
    margin-left:30px;
    font-size:16px;
    line-height: 22px; 
}  
ul.list-green li{
    position: relative;}

ul.list-green li:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: -25px;
    color:#6f8f0a;
    top: 10px;
    transform: translateY(-50%);
}
ul.list-green li .title{
    font-size:19px;
    line-height: 25px; 
    display:block;
    font-weight: 600;
}





.navbar-header{
    width:100%;
}
.navbar-header a{
    text-align: center;
}

.navbar-toggle {
    border: none;
    background: transparent !important;
    margin-top: 36px;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 25px;
    transition: all 0.2s;
    height: 3px;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 6% 90%;
}
.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}
.navbar-nav{
    margin-top: 0px;
    margin-bottom: 0px;


}


.mnu-mobile a.dropdown-toggle ,
.mnu-mobile a.dropdown-toggle:hover,
.mnu-mobile a.dropdown-toggle:focus,
.mnu-mobile a.dropdown-toggle:visited
{
    text-transform: uppercase;
    text-decoration: none; 
    font-size: 15px;
    font-family: ralewaymedium,arial;
}

ul.dropdown-menu {
    margin-left:20px;
}

.mnu-mobile .dropdown-menu li a{
    color:#fff!important;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;

}
.mnu-mobile li a:hover,
.mnu-mobile li a:focus
{
    text-decoration: underline;
}
.mnu-mobile  li.open  span.green_f:before{
    content: "\f077"
}


table {width:100%;border-collapse:collapse;border:1px solid #cdcdcd;
       
       }

table tr:first-child {background-color:#8ab10b;color:#fff;padding: 0 5px;text-transform: uppercase;font-weight:600 !important;border:0px }
table td {padding:5px 10px;text-align:center;border:0px;border-left: 1px solid #cdcdcd;}
table tr:first-child td { border:0px;}
td[colspan]:not([colspan="1"]) {
	text-align:left;
        background-color: #EFF3E2;
        font-weight:600;
        text-transform: uppercase;
}
tr:nth-child(even) {background: #e6e6e6}
tr:nth-child(odd) {background: #FFF}

td.sel::before {	
	content: '\2022';
    color: #8ab10b;
    margin: auto;
    font-size: 55px;
    line-height: 0px;
    vertical-align: middle;
}



@media (max-width:768px){

    .ball.small{
        width:40px;
        height:40px; 
    }


    .ball.small .fa {
        line-height: 37px;
    }
    .panel-heading {
        /*   padding: 10px 15px;*/
    }
    .ball.small  .fa{
        font-size: 24px;
    }

    .panel-landing .panel-title{       
        padding:20px 0;     
    } 
    .panel-landing .panel-title {
        font-size: 25px;
    }
}


@media (max-width: 992px) {
    ul.social li{
        float:none;
        text-align:center;
    }
    
    .navbar-brand{
        height:70px
    }
    .navbar-toggle {position: absolute;height: 40px;width: 45px;border:none;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:#000;border-color:#000;}
    .navTwo {margin-top: 0px}
    .dropdown-large-lbl,.dropdown-large-lbl.active {background: #000}
    .dropdown-large-lbl a,.dropdown-large-lbl.active a {color: #ccc}
    .navbar-header {text-align: center;background-color: #000}
    .navbar-brand {float: none;display: inline-block}
    .navbar-inverse .navbar-nav>li> a:hover {color: #fff!important}
    .navbar-inverse .navbar-nav>li.active> a:hover {color: #a6cc28!important}
    .navbar-inverse .navbar-nav>li.open> a:hover {color: #a6cc28!important}
    #navbar .nav.navbar-nav {overflow: auto}
    .navbar-nav {margin: 2px -15px;padding-top: 0}
    .dropdown-large-lbl a {border-bottom: 0;text-transform: none}
    .dropdown-large-lbl.active a {border-bottom: 0}
    .navbar-toggle .icon-bar.first {transition: transform .5s;transform-origin: 6px 2px;-ms-transition: transform .5s; -webkit-transform-origin: 6px 2px;-webkit-transition: transform .5s;}
    .navbar-toggle.opened .icon-bar.first {display: block;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    .navbar-toggle.opened .icon-bar {display: none}
    .navbar-toggle .icon-bar.last {transition: transform .5s;transform-origin: 8px 1px;-ms-transition: transform .5s;-ms-transform-origin: 8px 1px;-webkit-transition: transform .5s;-webkit-transform-origin: 8px 1px;}
    .navbar-toggle.opened .icon-bar.last {display: block;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    .navbar-toggle.openedFix{background: url(/wbresp/img/icon-close-white.png) no-repeat 10px 6px;}
    .navbar-toggle.openedFix .icon-bar {display: none}
    #navbar .nav.navbar-nav .dropdown-toggle.dropdown-arrow {background: transparent url(/wbresp/img/arrow-btn-white_down.png) no-repeat right 17px;margin-right: 32px}
    #navbar .nav.navbar-nav .open .dropdown-toggle.dropdown-arrow {background: transparent url(/wbresp/img/arrow-btn-white_up.png) no-repeat right 17px;}
    .nav > li > a {text-transform: none}
    .dropdown-large-lbl a {font-size: 13px;font-family: "ralewaysemibold", arial;line-height: 26px;padding: 9px 8px 9px 8px;width: 86%;display: inline-block;box-sizing: border-box;margin: 0 25px 0 25px;text-decoration: none;cursor: pointer;}
    .menu-landing {padding-top: 0}
}


/* Portrait phones and smaller */
@media (max-width: 479px) {
    

    ul.social a {
        font-size:30px;
    }
    
    
    
    
    .mainContent {margin-top: 64px}
    .navbar-toggle {left: 10px;top: 10px}
    .navbar {min-height: 64px}
    .navbar-header {height: 64px;}
    h1 {display: inline-block;float: none}
    .navbar-brand {padding: 10px}
    .navbar-brand > img {margin: 0 auto;max-width: 160px;}
    .footer ul{padding-left:0}
    .logoYouWeb {
        background-size: contain;
        margin: 0 auto;
        width: 160px;
    }
    .main-content{
        margin-top:16px;
    }
    .navbar-toggle {    
        top: -22px !important;}

}        

/* Portrait tablets and small desktops / era 991px */

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-nav > li > a {padding: 16px 0px;}
    /*.navbar-inverse .navbar-nav > li > a {font-size: 12px;}*/
    .navbar-brand > img {margin: -7px auto;}
    .dropdown-menu-large {width: 720px;margin-left: 15px}
}
/* Landscape tablets and medium desktops */

@media (min-width: 993px) {
    .navbar-nav,.navbar-toggle{display:none}
}
@media (max-width: 1200px) {
    .margin-top-banner{padding-left:15px}
}
/* FINE MEDIA QUERY MENU*/
@media (max-width: 992px) {
    .footer p{text-align:center}
    .footer ul{margin-bottom:25px}
}
@media (max-width: 992px) {
    .navbar-brand.logoYouWeb {
        margin: 14px auto 0px;
    }
    .navbar-toggle {left: 10px;top: -12px;}


}
@media (min-width: 768px) and (max-width: 1023px){
    .container {
        width: 100%;
    }


    /* * * END FOOTER * * */