html{width:100%;height:100%;float:left;-webkit-font-smoothing: antialiased;}
body{width:100%;height:100%;margin:0;float:left;font-family: 'AvenirNextLTW01-Regular';color:#fff;background:#fff;overflow-x:hidden;transition:1s margin;-moz-transition:1s margin;-webkit-transition:1s margin;}
img{max-width:100%;}
strong{font-weight:600;}
p{font-family: 'AvenirNextLTW01-Regular'; color:#fff; font-size: 18px;margin:20px 0;line-height:1.5;}
p a{color:#fff;}
p a:hover{text-decoration:underline;}
p.bigger{font-size: 18px;}
h1{color:#fff;margin:0;margin-bottom:20px;font-weight:400;font-size: 48px;font-family: 'AvenirNextLTW01-Regular';line-height:1.2;}
h2, .fakeh2{color:#fff;margin:0;margin-bottom:20px;font-weight:400;font-size: 48px;font-family: 'AvenirNextLTW01-Regular';line-height:1.2;}
h3{color:#fff;margin:0;margin-bottom:20px;font-weight:400;font-size: 18px;font-family: 'AvenirNextLTW01-Regular';line-height:1.2;}
h4, .fakeh4{color:#fff;margin:0;margin-bottom:20px;font-weight:400;font-size: 16px;font-family: 'AvenirNextLTW01-Regular';line-height:1.2;}
li{color:#fff;font-size: 18px;line-height: 1.8;font-family: 'AvenirNextLTW01-Regular';}
input[type="text"], textarea, input[type="submit"], select, input[type="email"]{outline:none;border-radius:0 !important;font-family: 'AvenirNextLTW01-Regular';border-radius:0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="submit"]{cursor:pointer;}
a:not([href]) { cursor: pointer; }
sup{font-family:monospace;}
.container{float:left;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.clear {clear:both;}
.fakebody{float: left;width: 100%;height: 100%;}
.frapper{margin:0 auto; width:100%;box-sizing:border-box;padding:0 60px;}
.wrapper{margin:0 auto; width:1530px;}
.resp {display:none;}
.hide {display:none;}
/*header*/
#head{color:#fff;float:left;width: 100%;z-index: 5;position:fixed;top:0;left:0;padding: 65px 0 0;transition:0.5s margin ease;-moz-transition:0.5s margin ease;-webkit-transition:0.5s margin ease;}
#head.hidden{margin-top:-100px;}
#head a{color:#fff;text-decoration:none;}
#head label{display:none;}
#head input[type="checkbox"]{display:none;}
#head .logo{float:left;font-size:52px;text-transform:uppercase;font-weight: 600;line-height:52px;}
#head .logo img{float:left;height:35px;}

#head .right{float:right;}

#head .menu{float:left;box-sizing: border-box;}
#head .menu ul{float:left;padding:0;margin:0;width:100%;}
#head .menu ul li{float:left;list-style:none;font-weight:normal;position:relative;padding: 15px 20px 0;line-height:20px;}
#head .menu ul li a{float:left;font-size:18px;color:#fff;text-align:center;}
#head .menu ul li:first-child{padding-left:0;}
#head .menu ul li:last-child{padding-right:0;}

#head .social{float:right;font-size: 30px;padding-top: 5px;}
#head .social i{float:left;}
#head .social a:first-child i{margin-right:15px;}
#head .social a:nth-child(2) i{margin-right:10px;}

.resp_menu{display:none;}

/*isloading*/
.isloading-wrapper{padding: 10px 0;display: block;position: absolute;left: 50%;margin-left: -50px;width: 100px;background-color:transparent;text-align: center;color: #000000;text-transform: uppercase;}
.icon-spin{font-size:40px;color:#77216F;}

/*generic*/
.generic p a{color:#4e4e4e;text-decoration:none;}
.generic ul{padding-left:20px;}
.generic ul li{padding:0;}
.button{cursor: pointer;padding:9px;text-decoration: none;width: 160px;color: #000;float: left;font-size: 18px;text-align: center;background:none;
font-family: 'AvenirNextLTW01-Regular';border: 2px solid #000;box-sizing: border-box;line-height: 22px;letter-spacing: 2px;border-radius:3px;}
.button.black{background:#000;border-color:#000;color:#fff;}
.padding150{padding:150px 0;}
.padding135{padding:135px 0;}
.padding120{padding:120px 0;}
.padding100{padding:100px 0;}
.padding80{padding:80px 0;}
.padding60{padding:60px 0;}
.padding40{padding:40px 0;}
.centred{text-align:center;}
.margin60{margin-bottom:60px;}
.space_filler{height:100px;}

/*home*/
.slider {position:relative;height:100%;min-height:350px;}
.slider .wrapper{height:100%;}
.slider .overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.3);}
.slider li{position:relative;z-index:1;width: 100%;}
.slider table{height:100%;width:100%;text-align:center;position:relative;z-index:1;border-spacing:0;}
.slider a{text-decoration:none;color:#fff;}
.slider h3{margin-bottom:0;}
.slider h4{letter-spacing:1px;text-transform:uppercase;}
.slider .godown{position:absolute;cursor:pointer;font-size:30px;bottom:100px;left: 50%;margin-left: -10px;color: #fff;z-index: 1;}

.concrete{background-size:initial;background-repeat:repeat;}
.old_wall{background-size:initial;background-repeat:repeat;}
.create{text-align:center;padding-bottom:100px;}
.home .create{padding-bottom:0px;}
.home .journal{padding-bottom:100px;}
.create p{font-size:24px;width:974px;margin: 20px auto;}
.create p:last-child{margin-bottom:0;}
.create .images{margin-bottom:-22px;}
.create .img{float:left;margin-right:22px;margin-bottom:22px;color:#fff;position:relative;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.create .img:nth-child(2n+2){margin-right:0;}
.create .img a{display:none;float:left;width:100%;height:100%;position:absolute;left:0;top:0;}
.create .img:hover a{display:block;}
.create .img.touch a{display:block;}

.create .img .hover{opacity:0;height:100%;box-sizing:border-box;position:relative;background:rgba(119,33,111,0.7);transition:0.3s opacity;-moz-transition:0.3s opacity;-webkit-transition:0.3s opacity;}
.create .img .hover .txt{overflow:hidden;}
.create .img .hover .txt span{display: block;
  -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -moz-transition: -moz-transform 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  transition: transform 0.45s cubic-bezier(0.52, 0.01, 0.16, 1);
  -webkit-transform: translateY(105%);
  -moz-transform: translateY(105%);
  -ms-transform: translateY(105%);
  -o-transform: translateY(105%);
  transform: translateY(105%);
}
.create .img:hover .hover .txt span, .create .img.touch .hover .txt span{
  -webkit-transition-delay:0.15s;
  -moz-transition-delay:0.15s;
  transition-delay:0.15s;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.create .img:hover .hover .name span, .create .img.touch .hover .name span{
  -webkit-transition-duration:0.75s;
  -moz-transition-duration:0.75s;
  transition-duration:0.75s;
}
.create .img:hover .hover .readmore span, .create .img.touch .hover .readmore span{
  -webkit-transition-duration:1s;
  -moz-transition-duration:1s;
  transition-duration:1s;
}
.create .img .hover .brand{font-size:14px;letter-spacing:1px;text-transform:uppercase;}
.create .img .hover .name{font-size:30px;margin: 20px 0;}
.create .img .hover .readmore{font-size:16px;opacity:0;transition:0.3s opacity;-moz-transition:0.3s opacity;-webkit-transition:0.3s opacity;}
.create .img:hover .hover, .create .img.touch .hover{opacity:1;}
.create .img:hover .hover .readmore, .create .img.touch .hover .readmore{opacity:1;-webkit-transition-delay:0.7s;-moz-transition-delay:0.7s;transition-delay:0.7s;}

.journal{padding-bottom:100px;}
.journal .img .hover .text{position:absolute;bottom:30px;left:30px;text-align:left;}
.journal .img .hover .date{font-size:14px;letter-spacing:1px;text-transform:uppercase;}

.heading{height:100%;position:relative;}
.heading .wrapper{height:100%;}
.heading table{float:left;width:100%;height:100%;text-align:center;border-spacing:0;}
.heading h4{letter-spacing:1px;text-transform:uppercase;}
.heading h1{margin-bottom:0;}
.heading .godown{position:absolute;cursor:pointer;font-size:30px;bottom:100px;left: 50%;margin-left: -10px;color: #fff;z-index: 1;}

.projects{text-align:center;}
.projects h2{font-size:28px;}
.projects p{width:974px;margin: 20px auto;}
.projects p:last-child{margin-bottom:0;}
.projects .img{float:left;width:100%;margin-bottom:22px;margin-right:22px;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.projects .img:nth-child(2n+2){margin-right:0;}
.projects .shortshorttall .img:nth-child(2n+2){margin-right: 22px;}
.projects .img:last-child{margin-right:0;}
.projects .img.wide{margin-right:0;width:100%;}
.projects .img table{height:100%;float:left;width:100%;border-spacing:0;background:rgba(0,0,0,0.3);text-align:center;cursor:pointer;}
.projects .img table i{font-size:100px;color:#fff;}
.projects .img iframe{display:none;height:100%;}
.projects .img.play{background:#000 !important;}
.projects .img.play table{display:none;}
.projects .img.play iframe{display:block;}
.projects .images{margin-bottom:-22px;}
.projects .concrete{padding-bottom:100px;}
.projects .next_project{height:750px;position:relative;}
.projects .next_project .wrapper{height:100%;position:relative;z-index:1;}
.projects .next_project table{float:left;width:100%;height:100%;text-align:center;border-spacing:0;}
.projects .next_project .overlay{display:none;position:absolute;left:0;top:0;height:100%;background:rgba(119,33,111,0.7);}
.projects .next_project:hover .overlay{display:block;}
.projects .fakeh2{margin-bottom:0;}
.projects .fakeh4{letter-spacing:1px;text-transform:uppercase;}

.studio{padding-bottom:100px;}
.studio h2{color:#1e1e1e;}
.studio p{color:#1e1e1e;}
.studio p a{color:#1e1e1e;}
.studio .left{float:left;text-align:left;width:calc((100% - 80px)/2);width:-moz-calc((100% - 80px)/2);width:-webkit-calc((100% - 80px)/2);}
.studio .right{float:right;text-align:left;width:calc((100% - 80px)/2);width:-moz-calc((100% - 80px)/2);width:-webkit-calc((100% - 80px)/2);}
.studio .left p, .studio .right p, .studio .left h2, .studio .right h2{width:538px;margin:20px 0 0;}
.studio .left p, .studio .left h2{float:right;}
.studio .right p, .studio .right h2{float:left;}
.studio .images .left{width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}
.studio .images .right{width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}

.jdetail{text-align:left;}
.jdetail .old_wall{padding-bottom:100px;}
.jdetail h2{color:#1e1e1e;width:974px;margin: 20px auto;}
.jdetail h3{font-size:22px;color:#1e1e1e;width:974px;margin: 20px auto;}
.jdetail p{color:#1e1e1e;}
.jdetail p a{color:#1e1e1e;}
.jdetail p:first-child{margin-top:0;}
.jdetail .nav .prev{float:left;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}
.jdetail .nav .next{float:right;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}
.jdetail .nav .label{text-align:left;font-size:28px;margin-bottom: 20px;}
.jdetail .nav .img{width:100%;margin-right:0;}

.contact{color:#1e1e1e;}
.contact p{color:#1e1e1e;font-size:24px;}
.contact p a{color:#1e1e1e;}
.contact p:first-child{margin-top:0;}
.contact p:last-child{margin-bottom:0;}
.contact .left{float:left;width:50%;box-sizing:border-box;}
.contact .left .input{float:left;margin-top:30px;margin-right:50px;width:calc((100% - 50px)/2);width:-moz-calc((100% - 50px)/2);width:-webkit-calc((100% - 50px)/2);}
.contact .left .input:nth-child(2n+2){margin-right:0px;}
.contact .left .input.wide{width:100%;margin-right:0;}
.contact .left .label{margin-bottom:10px;font-size:18px;}
.contact .left form{margin-top:70px;}
.contact .left textarea{float: left;line-height: 20px;border: 1px solid #C9C9C9;background: #fff;padding:10px 15px;color: #000;font-size: 16px;box-sizing: border-box;width:100%;height:200px;}
.contact .left input[type="text"]{float: left;line-height: 20px;border: 1px solid #C9C9C9;background: #fff;padding: 15px;color: #000;font-size: 16px;box-sizing: border-box;width:100%;height:50px;}
.contact .left input[type="email"]{float: left;line-height: 20px;border: 1px solid #C9C9C9;background: #fff;padding: 15px;color: #000;font-size: 16px;box-sizing: border-box;width:100%;height:50px;}
.contact .left .button{letter-spacing:0;background:#1e1e1e;border-color:#1e1e1e;}
.contact .left .button:hover{background:#77216F;border-color:#77216F;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b2b2b2;
    font-family: 'AvenirNextLTW01-Regular';
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b2b2b2;
   opacity:  1;
   font-family: 'AvenirNextLTW01-Regular';
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b2b2b2;
   opacity:  1;
   font-family: 'AvenirNextLTW01-Regular';
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:   #b2b2b2;
   font-family: 'AvenirNextLTW01-Regular';
}

.footer ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #1e1e1e;
    font-family: 'AvenirNextLTW01-Regular';
}
.footer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #1e1e1e;
   opacity:  1;
   font-family: 'AvenirNextLTW01-Regular';
}
.footer ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #1e1e1e;
   opacity:  1;
   font-family: 'AvenirNextLTW01-Regular';
}
.footer :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:   #1e1e1e;
   font-family: 'AvenirNextLTW01-Regular';
}

/*popovers*/
.popover{background:rgba(0,0,0,0.7);width:100%;height:100%;position:fixed;top:0;left:0;z-index:6;display:none;}
.popover .poptext{width: 600px;box-sizing: border-box;margin-top: 200px;padding:40px;position: relative;float: left;background:#F0F0F0;margin-left: calc((100% - 600px)/2);margin-left: -moz-calc((100% - 600px)/2);margin-left: -webkit-calc((100% - 600px)/2);}
.popover .poptext .head{float:left;width:100%;}
.popover .poptext .head .ttl{float:left;text-align:center;width:100%;margin-bottom: 20px;color:#000000;font-size: 28px;letter-spacing: 1px;font-family: 'AvenirNextLTW01-Regular';font-weight: 600;}
.popover .poptext .head .ttl span{font-weight:300;}
.popover .poptext .head .close{position: absolute;right: -25px;top: -25px;cursor:pointer;}
.popover .poptext .head .close img{width:50px;}
.popover .poptext .body{float:left;width:100%;}
.popover .poptext .body p{text-align:center;font-size:16px;color:#1e1e1e;}
.popover .poptext .body .button{width: 250px;margin-top: 20px;margin-left: calc((100% - 250px)/2);margin-left: -moz-calc((100% - 250px)/2);margin-left: -webkit-calc((100% - 250px)/2);}

.footer{background-size:initial;background-repeat:repeat;color:#1e1e1e;}
.footer p{color:#1e1e1e;line-height: 1.3;}
.footer p:first-child{margin-top:0;}
.footer p:last-child{margin-bottom:0;}
.footer a{color:#1e1e1e;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer .left{float:left;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}
.footer .right{float:right;width:calc((100% - 22px)/2);width:-moz-calc((100% - 22px)/2);width:-webkit-calc((100% - 22px)/2);}
.footer .top{font-size:18px;}
.footer .bottom{font-size:16px;margin-top: 20px;}
.footer .bottom .left{line-height:28px;}
.footer .bottom .right{font-size:14px;}
.footer input[type="email"]{float:left;width:300px;font-size:14px;background:none;border:0 !important;border-bottom:1px solid #1e1e1e !important;color:#1e1e1e;padding: 0 0 10px;margin: 0;}
.footer form{padding:0 !important;}

.loading {position:fixed;width:100%;height:100%;top:0;left:0;z-index:100;background:#77216F;}
.loading .loadholder {width: 70px;height: 35px;overflow: hidden;position: absolute;top:50%;margin-top:-17px;left:50%;margin-left:-35px;}
.loading .loadholder .loader {width: 70px;height: 70px;border-style: solid;border-top-color: #FFF;border-right-color: #FFF;border-left-color: transparent;border-bottom-color: transparent;border-radius: 50%;box-sizing: border-box;animation: loading 3s ease-in-out infinite;transform: rotate(-200deg)}
@keyframes loading {
  0% {border-width: 10px;}
  25% {border-width: 3px;}
  50% {transform: rotate(115deg);border-width: 10px;}
  75% {border-width: 3px;}
  100% {border-width: 10px;}
}

/*responsive*/
@media (max-width: 1590px) {
  .wrapper{width:100% !important;box-sizing:border-box;padding:0 30px;}
}
@media (max-width: 1365px) {
  .studio .left p, .studio .right p, .studio .left h2, .studio .right h2{width:100%;}
}
@media (max-width: 1024px) {
  .jdetail h2 {width:100%;}
  .jdetail h3 {width:100%;}
  .create p{width:100%;}
  .projects p{width:100%;}
  .projects .next_project{height:600px;}
  .create .img:hover a{display:none;}
  .create .img.touch a{display:block;}
}
@media (max-width: 1023px) {
  #head .menu ul li{padding:15px 15px 0;}
  .padding150{padding:60px 0;}
  .padding135{padding:60px 0;}
  .padding120{padding:60px 0;}
  .padding100{padding:60px 0;}
  .padding80{padding:60px 0;}
  .studio .left h2, .studio .right h2{margin-top:0;}
  .home .journal{padding-bottom:60px;}
  .journal{padding-bottom:60px;}
  .studio{padding-bottom:60px;}
  .jdetail .old_wall{padding-bottom:60px;}
  .contact .left{width:100%;}
  .contact .left form{margin-top:30px;}
  .projects .img table i{font-size:80px;}
}
@media (min-width: 768px) {
  .resp_menu{display:none !important;}
}
@media (max-width: 767px) {
  #head{padding:20px 0;}
  #head.hidden{margin-top:-70px;}
  #head.open{margin-top:0px;}
  #head .logo img{height:30px;}
  #head .menu{margin:0;}
  #head .menu label{display:block;float:right;line-height:30px;cursor:pointer;font-size: 30px;}
  #head .menu label img{width: 25px;margin: 7px 0;float: right;}
  #head .menu label img:last-child{display:none;margin:2px 0;}
  #head .menu label.open img:first-child{display:none;}
  #head .menu label.open img:last-child{display:inline;}
  #head .menu ul{display:none;}
  .resp_menu{height:100%;position: fixed;top: 0;left: 0;z-index: 2;}
  .resp_menu .frapper{box-sizing: border-box;padding: 0 20px;float: left;width: 100%;height: 100%;margin: 0;}
  .resp_menu .overlay{background: #7A1168;position:absolute;top:0;left:0;float:left;width:100%;height:100%;z-index:-1}
  .resp_menu table{float:left;width:100%;height:100%;}
  .resp_menu ul{float:left;width:100%;margin:0;padding:0;}
  .resp_menu ul li{float:left;width:100%;list-style:none;text-align:center;padding: 10px 0;}
  .resp_menu ul li a{color:#fff;text-decoration:none;font-family: 'AvenirNextLTW01-Regular';}
  .wrapper{padding:0 20px;}
  h1, h2, .fakeh2{font-size:36px;}
  p{font-size:16px;}
  .create p{font-size:16px;}
  .create .img{width:100%;margin-right:0;}
  .footer .left{width:100%;}
  .footer .right{width:100%;margin-top:20px;}
  .footer input[type="email"]{width:100%;}
  .studio .left{width:100%;}
  .studio .right{width:100%;margin-top:40px;}
  .projects .img{width:100%;margin-right:0;}
  .projects .shortshorttall .img{margin-top:0 !important;}
  .slider .godown{bottom:30px;}
  .heading .godown{bottom:30px;}
  .contact .left .input{width:100%;margin-right:0;}
  .footer .top{font-size:16px;}
  .popover .poptext{width:100%;height:100%;margin:0;}
  .popover .poptext .head .close{top:5px;right:5px;}
  .popover .poptext .head .close img{width:30px;}
  .hideonmob{display:none;}
  .projects .next_project{height:300px;}
  .jdetail .nav .prev{width:100%;display: none;}
  .jdetail .nav .next{width:100%;}
}