/* HEADER */

:hover {text-decoration: none;}

.black{color:#fff;background-color:#000;}
.gray{color:#000;background-color:#f1f2f2;}
.gray a{color:#000;}
.uppercase{text-transform:uppercase;}
p{line-height:1.5em;}

header.container{position:relative;}
header div.lingue ul{position:absolute;top:10px;right:0;margin:0;}
header div.lingue ul li{display:inline-block;}
header div.lingue ul li a{display:block;text-align:center;line-height:1.9em;font-size:12px;width:24px;min-width:24px;height:24px;min-height:24px;border:1px solid #ccc;color:#ccc;text-decoration:none;}
header div.lingue ul li a.active{color:#666;border-color:#666;}
header div.logo {margin: 60px auto 45px auto;text-align: center;}
header div.logo img {width: 85px;height: 85px;}
header a {color: #1d1d1b;}
header h1 {font-family: 'Montserrat', Verdana, Helvetica, sans-serif, sans-serif;text-transform: uppercase;font-size: 20px;font-weight: 700;line-height: 1em;}
header h2 {font-family: 'PT Serif', serif;text-transform: uppercase;font-weight: 400;font-size: 12px;line-height: 0;}
header div.topmenu {text-align: center;margin-bottom:10px;}

nav.topmenu ul {padding: 10px 0;list-style-type: none;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
nav.topmenu ul li {display: inline-block;margin: 0 10px;position:relative;}
nav.topmenu ul li a {text-transform: uppercase;font-family: 'Montserrat', Verdana, Helvetica, sans-serif, sans-serif;font-weight: 700;color: #808285}
nav.topmenu ul li a.active,nav.topmenu ul li a:hover {color: #000;}

nav.topmenu ul.submenu  {border:none;padding:0;display:none;}
body.work ul.submenu{display:block;}
nav.topmenu ul.submenu li{display:inline-block;padding:0 10px;margin:0;}
nav.topmenu ul.submenu li:last-child{display:inline-block;border-right:none;padding:0 5px;}
nav.topmenu ul.submenu li a{font-family:'PT Serif';font-size:16px;font-weight:400}


section.project-list{}

div.portfolio {margin-top: 30px;height: 300px;max-height: 300px;min-height:300px; overflow: hidden;position: relative;}
div.portfolio div.imgcaption {position: absolute;bottom:15px;left:30px; width: 100%; height: 70px;text-align: center;background-color: rgba(255, 255, 255, 0.7);display:none;}

div.imgcaption h3,div.imgcaption h4 {margin: 0;padding: 0;}
div.imgcaption h3 {margin-top: .9em;font-family: 'Montserrat', Verdana, Helvetica, sans-serif, sans-serif;text-transform: uppercase;font-size: 18px;font-weight: 700;}
div.imgcaption h4 {font-family: 'PT Serif', serif;font-weight: 400%;font-size: 14px;font-style: italic;margin-top: 0em;}

div.portfolio div.imgcontainer {width: 100%;max-width: 100%;height: 100%;max-height: 100%;overflow: hidden;}
div.portfolio img.responsive {transition: 1s ease-out;}
div.portfolio img {width: 100%;height:auto;filter: grayscale(100%);margin: 0;}
div.portfolio img:hover {width: 110%; height:auto;margin-top: -2.5%;margin-left: -2.5%;filter: none;}

footer{padding: 30px 0; margin:30px auto;}
footer * {font-family: 'Montserrat', Verdana, Helvetica, sans-serif;font-size: 12px;}
footer div.line{border-top:1px solid #ccc;}
footer ul.social{margin:0;padding:0;margin-top:20px;position: absolute;right:0;}
footer p a:visited{color:black;}

ul.social li{display:inline-block;}
ul.social li a{display:block;width:34px;height:34px;text-indent: -9999px;margin-left: 10px;}
ul.social li a{background:url('../img/social.svg');}
ul.social a.facebook{background-position: -5px -5px;}
ul.social a.twitter{background-position: -48px -5px;}
ul.social a.linkedin{background-position: -90px -5px;}
ul.social a.instagram{background-position: -133px -5px;}
ul.social a.google-plus{background-position: -175px -5px;}
ul.social a.facebook:hover{background-position: -5px -90px;}
ul.social a.twitter:hover{background-position: -48px -90px;}
ul.social a.linkedin:hover{background-position: -90px -90px;}
ul.social a.instagram:hover{background-position: -133px -90px;}
ul.social a.google-plus:hover{background-position: -175px -90px;}

/* PAGINA PORTFOLIO */
section.work{position:relative;}
section.work div.prevnext{position:absolute;top:0;left:10px;font-size:24px;}
section.work div.prevnext a{color:#999;margin-left:10px;}
section.work h2{font-family: 'Montserrat', Verdana, Helvetica, sans-serif, sans-serif;font-weight: 700;display:block;margin-top:100px;text-transform: uppercase;font-size: 24px;color:#000;text-align: center;}
section.work h3{font-family: 'Montserrat', Verdana, Helvetica, sans-serif, sans-serif;font-weight: 400;display:block;margin-top:0;text-transform:capitalize;font-size: 16px;color:#000;text-align: center;}
section.work  ul.project-tags{margin:0;padding:0;list-style-type:none;text-align: center;margin:50px 0;}
section.work  ul.project-tags li{display:inline-block;font-family:'PT Serif',serif;font-size:16px;padding:0 10px;text-transform:uppercase;border-right:1px solid #999;}
section.work  ul.project-tags li:last-child{border-right:none;}
section.work  ul.project-tags li a{color:#6d6f71;font-size:12px;}

section.work div.project-description{padding:0 8%;}
section.work div.project-description p{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:400;font-size: 18px;text-align: center;}
section.work div.project-description p.project-note{font-size:14px;font-family:'PT Serif',serif;font-style:italic;}

section.work div.portfolio{margin-top:30px;height:inherit;max-height:inherit;overflow:hidden;position:inherit;}

section.work div.portfolio div.imgcontainer {width: 100%;max-width: 100%; height: 100%;max-height: 100%;overflow: hidden;}
section.work div.portfolio img.responsive {transition: none;}
section.work div.portfolio div.imgcontainer img {height: 100%; width:auto; filter: none;margin: 0;}
section.work div.portfolio img:hover {width: 100%;filter: none;}

/* PAGINA ABOUT */
section.quote{}
div.quote{padding:40px 0;}
.about .quote h4{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:11px;text-align:center;text-transform:uppercase;}
.about .quote h3{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:18px;text-align:center;text-transform:uppercase;}
.about .quote p{font-family: 'PT Serif',serif;font-style:italic;font-size:15px;text-align: center;}
.about .quote p.quote-author{text-align:right;margin-right:20em;line-height:2.5em}

.about div.what{margin-top:30px;}
.about div.what h3{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:16px;text-transform:uppercase;background-repeat:no-repeat;background-size:45px 45px;padding:13px 0 13px 60px;margin:10px 0 0 -60px;}
.about div.strategia h3{background-image:url('../img/strategia.svg');}
.about div.live h3{background-image:url('../img/live.svg');}
.about div.social h3{background-image:url('../img/social.svg');}
.about div.eventi h3{background-image:url('../img/eventi.svg');}
.about div.entertainment h3{background-image:url('../img/entertainment.svg');}
.about div.digital h3{background-image:url('../img/digital.svg');}
.about div.design h3{background-image:url('../img/design.svg');}
.about div.advertising h3{background-image:url('../img/rec.svg');}
.about div.technology h3{background-image:url('../img/tech.svg');}

.about div.traveltours h3{background-image:url('../img/travel-tour.svg');}
.about div.conventions h3{background-image:url('../img/convention.svg');}
.about div.exhibitions h3{background-image:url('../img/exhibition.svg');}
.about div.festivals h3{background-image:url('../img/festival.svg');}
.about div.graphic-design h3{background-image:url('../img/graphic-design.svg');}

.about div.what p{font-family: 'PT Serif',serif;font-style:italic;font-size:15px;margin-top:-10px;}

.about .clients{margin-top:40px;}
.about .clients img{margin-left:10px;margin-bottom:10px;}


.about div.person-name{border-top:1px solid #000;border-bottom:1px solid #000;padding:5px 0;float:left;width:40%;margin-top:15%;}
.about div.person-name h3{font-size:14px;margin:0;text-align: left;}
.about div.person-name h4{font-family: 'PT Serif',serif;font-style:italic;font-size:14px;text-transform:none;margin:0;text-align: left;}

.about div.person p{font-size:13px;text-align: left;border-left:1px solid #000;float:left;width:60%;padding-left:10px;}

.about section.where div.milan{background:url('../img/wb_where.jpg') no-repeat;background-size:contain;background-position:center center;min-height:350px;}

.about div.location{text-align:center}
.about div.location h3{text-align:center;font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;}

.about div.location p{text-align:center;font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:400;font-size:17px;font-style:normal;margin-top:-10px;}
/*.about div.milan h3{background-image:url('../img/milano.svg');}*/
.about div.warsaw h3{background-image:url('../img/warsaw.svg');}
.about div.dubai h3{background-image:url('../img/dubai.svg');}
.about div.hong-kong h3{background-image:url('../img/hong-kong.svg');}

/* pagina landing */

.william-blake section{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:22px;text-align:center;text-transform:uppercase;}
.william-blake div.quote h3{}
.william-blake div.quote p{font-size:18px;text-align: center;font-weight:400;text-transform: none;}
.william-blake section.work h3{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:22px;text-align:center;text-transform:uppercase;}
section.contact-form{
    margin:2em auto;
}

a.contact-button{
    font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:22px;
    text-transform: uppercase;
    display:block;
    width:15em;
    margin:0 auto;
    text-align: center;
    background-color: black;
    color:#fff;
    padding:.5em 1em;
    border-radius: .25em;
}
a.contact-button:hover{
    background-color:#333333;
}


.william-blake section.what div.what h3{
    font-size:18px;text-align:center;text-transform:uppercase;
}
.william-blake section.what div.what p{
    font-weight:400;font-size:16px;text-align:center;text-transform: none;
}

div.contactform{
    background:#000;
    border-radius: 20px;
    padding:30px 60px;
    margin:30px auto 0 auto;
    
    font-family:'Montserrat', Verdana, Helvetica, sans-serif;
    font-weight:800;
    font-size:22px;
    text-align:left;
    text-transform:uppercase;
}

div.form h3{
    text-align:center;
    color:#fff;
    margin:0;
    padding:0;
    margin-bottom:.5em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 24px !important;
}

div.form a{
    color:#FFF;
}

div.form input{
    border:none;
    border-bottom: 1px solid #fff;
    background: #000;
    font-weight: 400;
    color:#fff;
    display:inline-block;
    width:45%;
    text-align: left;
    margin-top:.25em;
    font-size:16px;
    
}

div.form input[type="checkbox"]{
    width:auto;
    text-align: left;
    margin-right: 1em;
}

div.form input[type="submit"]{
    width:auto;
    background:black;
    color:white;
    border:1px solid white;
    margin:1.5em auto;
    font-size:20px;
    width:10em;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

div.form label{
    text-transform: none;
    font-weight: 400;
    color:#fff;
    display:inline-block;
    width:15%;
    text-align:left;
    margin-right:.5em;
    margin-top:.25em;
    font-size:16px;
}

div.form label.request{
    text-align:left;
    margin:0;padding:0;
    width:unset;
}

div.form textarea.request{
    width:60%;
    border:none;
    background-color: #000;
    border:1px solid #666;
    color:white;
    font-weight: 400;
    font-size:16px;
}

label.checkboxlabel{
    width:50% !important;
}

label a{
    color:white;
    border-bottom:2px dotted white;
}

div.form small{
    color:#fff;text-transform: none;font-weight: 400;display:block;margin-top:2em;font-size:13px;
}

div.form p.contactsuccess{
    color:#fff;text-transform: none;font-weight: 600;display:block;margin:2em auto;font-size:16px;
}

/* pagina contact */

.contact .quote h4{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:11px;text-align:center;text-transform:uppercase;}
.contact .quote h3{font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:18px;text-align:center;text-transform:uppercase;}
.contact .quote p{font-family: 'PT Serif',serif;font-style:italic;font-size:15px;text-align: center;}

.contact div.location p{text-align:left;font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:400;font-size:15px;font-style:normal;}
.contact div.location h3{text-align:left;font-family:'Montserrat', Verdana, Helvetica, sans-serif,sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;background-repeat:no-repeat;background-size:45px 45px;padding:13px 0 13px 60px;margin:10px 0 0 -60px;}
.contact div.milan h3{background-image:url('../img/milano.svg');}


div.scrolltop{display:none;position:fixed; bottom:100px;right:10px;z-index:9999;width:60px;height:60px;}
div.scrolltop a.scrollbutton{display:block;width:100%;height:100%;text-indent:-9999px;background-image:url('../img/totop.png')}

/* slideshow styles */
div.slide.weddbe{background-color:#9b9692;background-image:url('../img/wb_slide_weddbe_bg.jpg');}
div.slide.team{background-color:#1d3f48;background-image:url('../img/wb_slide_team_bg.jpg');}
div.slide.digital{background-color:#6d6386;background-image:url('../img/wb_slide_digital_bg.jpg');}

a.weddbeButton{display:inline-block;font-size:.8em;font-weight:700;background:#fff;color:#c3b7a7;padding:5px 10px;border-radius:3px;margin-top:10px;}

div.slide div.slideContent div.slideSocial{margin:0;padding: 0; list-style-type: none;}
div.slide div.slideContent div.slideSocial {display:inline-block;}
div.slide div.slideContent div.slideSocial  a{display:inline-block; margin-right:10px; width:32px;height:32px;text-indent:-9999px;}

div.slide div.slideContent div.slideSocial  a.fbIcon{background-image:url('../img/slider-fb-ico.png');background-size: cover;}
div.slide div.slideContent div.slideSocial  a.igIcon{background-image:url('../img/slider-ig-ico.png');background-size: cover;}
div.slide div.slideContent div.slideSocial  a.inIcon{background-image:url('../img/slider-in-ico.png');background-size: cover;}
div.slide div.slideContent div.slideSocial  a.piIcon{background-image:url('../img/slider-pi-ico.png');background-size: cover;}

@media (max-width:991px){
    body.index div.indexSlideshow{width:100%;}
    body.index div.indexSlideshow div.slide{width:100%;background-image:none;padding:30px 0;}
    div.slide div.slideContent{width:80%;margin-left:10%;color:#fff;font-family:'Montserrat', Verdana, Helvetica, sans-serif;}
    div.slideContent h2.slideTitle{text-transform: uppercase;font-size: 55px; margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slideContent p.slideText{font-size: 16px;font-weight:200;padding-top:10px;line-height:1.6em;}
    
    div.slide.weddbe div.slideContent{width:80%;color:#fff;font-family:'Signika', Helvetica, sans-serif;}
    div.slide.weddbe div.slideContent h2.slideTitle{font-weight: 300; letter-spacing: .2em; text-transform: inherit;font-size: 55px;padding-top:30px;margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slide.weddbe div.slideContent p.slideText{font-size: 18px;font-weight:300;padding-top:10px;line-height:1.6em;}
}

@media(min-width:992px){
    body.index div.indexSlideshow {width:940px;}
    body.index div.indexSlideshow div.slide{width:940px;height:530px;background-repeat:no-repeat;background-size:cover;}
    div.slide div.slideContent{margin-left:510px;width:410px;height:530px;color:#fff;font-family:'Montserrat', Verdana, Helvetica, sans-serif;}
    div.slideContent h2.slideTitle{text-transform: uppercase;font-size: 55px;padding-top:80px;margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slideContent p.slideText{font-size: 16px;font-weight:200;padding-top:10px;line-height:1.6em;}
    
    div.slide.weddbe div.slideContent{margin-left:510px;width:410px;height:530px;color:#fff;font-family:'Signika', Helvetica, sans-serif;}
    div.slide.weddbe div.slideContent h2.slideTitle{font-weight: 300; letter-spacing: .2em; text-transform: inherit;font-size: 55px;padding-top:160px;margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slide.weddbe div.slideContent p.slideText{font-size: 16px;font-weight:300;padding-top:10px;line-height:1.6em;}
}
@media(min-width:1200px){
    body.index div.indexSlideshow {width:1140px;}
    body.index div.indexSlideshow div.slide{width:1140px;height:640px;background-repeat:no-repeat;background-size:cover;}
    div.slide div.slideContent{margin-left:630px;width:440px;height:640px;color:#fff;font-family:'Montserrat', Verdana, Helvetica, sans-serif;}
    div.slideContent h2.slideTitle{text-transform: uppercase;font-size: 70px;padding-top:120px;margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slideContent p.slideText{font-size: 18px;font-weight:200;padding-top:10px;line-height:1.6em;}
    
    div.slide.weddbe div.slideContent{margin-left:630px;width:440px;height:640px;color:#fff;font-family:'Signika', Helvetica, sans-serif;}
    div.slide.weddbe div.slideContent h2.slideTitle{font-weight: 300; letter-spacing: .2em; text-transform: inherit;font-size: 80px;padding-top:160px;margin:0;line-height:1em;color:rgba(255,255,255,.8)}
    div.slide.weddbe div.slideContent p.slideText{font-size: 20px;font-weight:200;padding-top:10px;line-height:1.6em;}
}


@media (max-width:768px){
    .about .clients img{margin-left:5px;margin-bottom:5px;width:30%;height:auto;}
    div.portfolio {margin-top: 10px;height: inherit;max-height: inherit;min-height:inherit; overflow: hidden;position: relative;}
    section.work h2{margin-top:50px;}
    section.work div.portfolio{width:100%;margin-top:10px;}
    section.work div.portfolio div.imgcontainer img {width: 100%; height:auto; filter: none;margin: 0;}
    body.contact div.location{padding-left:10px;}
    body.contact div.location h3{margin:10px 0;}
    div.quote{padding:10px;}
    .about div.what h3{margin:10px 0;}
    footer ul.social{position:relative;}
}
section.our-work{
    margin-bottom:2em;
}

div.landing-video-container{
    width:100%;
}
div.landing-video-container video{
    width:100%;
}

div.landing-slider{
    width:100%;
}

/* div.landing-slider{margin:4em auto;} */
div.landing-slider div.slide{
    width:100%;
    height:570px;
    overflow: hidden;
}

div.landing-slider div.slide video{
    width:100%;height:auto;
    background-color:#000;
}

div.landing-slider div.slide div.slide-content{
    position:relative;
    width: 100%;
    height: 570px;
}

div.landing-slider div.slide div.slide-content div.slide-text{
    position: absolute;
    /* width:100%; */
    bottom:50%;right:0;
    background-color: rgba(0,0,0,0.5);
    color:#fff;
    padding:.25em 1em;
    text-align: right;
}
div.landing-slider div.slide div.slide-content div.slide-text h3{
    margin:0;padding:0;
}
div.landing-slider div.slide div.slide-content div.slide-text a{
    color:#fff;
}

div.slide-content div.image-container{
    position:absolute;top:0;left:0;width:100%;height:100%;
    overflow: hidden;
}

div.slide-content div.image-container img{
    width:100%;height: auto;
    position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);
}