*{box-sizing:border-box}
body,html  { background-color:#F3F3F3;   font-family: 'nexa_boldregular';overflow-x:hidden;;margin:0;padding:0;}
.cont-main{
    margin-top: -139px!important;
}
p{font-family: 'nexa_boldregular';}
.inside{padding-top:210px;max-width:1140px;margin:0 auto;color:#000;z-index:100}
.inside.no-overflow{overflow:visible}
.nav{font-size:25px;font-weight:700;line-height:65px;padding:0 50px;position:fixed;top:0;left:0;z-index:1000}
ul{margin: 0; padding: 0;}
li{list-style: none;}
li a{text-decoration: none;}

h2, p, h1 {
    z-index: 1;
}

/*.section:after,.section:before{font-family:Helvetica,sans-serif;font-size:1146px;font-weight:700;position:absolute}*/
.icon-menu{
    opacity:1;top:40px;left:50px; z-index: 3000; position: fixed; cursor: pointer;
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    }
.icon-menu:hover{opacity:0.5; }
.cont-nav-slid{
    z-index:-10;
    padding: 15px;
    background-color: #000;
    color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    opacity: 0;
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}
.cont-nav-slid.on{
    opacity: 1;
    z-index: 500000;
}
.cont-nav-slid ul{
    padding:0 0 0 40px;
    margin: 0;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -100px;
}
.close{
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    cursor: pointer;
    z-index: 9999999;
}
.close:hover{
    opacity: 0.9;
}
.cont-nav-slid ul li{
    padding: 0;
    margin: 0;
    list-style:none;
    margin-top:7px;

}
.cont-nav-slid ul li a{
    text-decoration: none;
    color: #7F7F7F;
    text-align: center;
    font-size:1.55em;
    padding:15px 0;
     transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    font-family: 'nexa_lightregular';
}
.cont-nav-slid ul li a:hover{
    color: #fff;
}
.col{
    float: left;
    width: 21%;
}
.col.lst{
    width:20%;
    float: right;
}
.col h3{
    color: #C7C7C7;
    font-size:17px;
    margin-top: 52px;

}
.col ul{
    padding:0;
    margin: 0;
}
.col li{
    padding: 0;
    margin: 0;
    list-style:none;
    margin-top: 12px;

}
.col li a{
    text-decoration: none;
    color: #7F7F7F;
    font-family: 'nexa_lightregular';
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}
.col li a:hover{
    color: #FFF;
}
.col.list{
     padding-left: 109px;
}

.col.lst img{
    margin-right: 5px;
}

nav ul.nav{
    margin-top: 140px;
    display: block;
}
nav ul.nav li{
    font-size: 18px;
    margin-top: -2px;
    padding: 0;
    line-height: 37px;
    font-weight: 100;
    left: -83px;
    position: relative;
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    cursor: pointer;
}
nav ul.nav li span{
    width: 105px;
    height: 2px;
    background-color: #333;
    display: inline-block;
    top: -5px;
    margin-right: 10px;
    position: relative;

}
nav ul.nav li a{
    opacity: 0;
    font-family: 'nexa_lightregular';
    transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
}
nav ul.nav li:hover a{opacity: 1;}
nav ul.nav li:hover{left: -56px;}
nav ul.nav li.act a{opacity: 1;}
nav ul.nav li.act{left: -56px;}

.row{overflow: hidden;clear: both;}

footer{background:#212121; overflow:hidden}
footer .cont-footer{
    max-width:1200px;
    margin:auto;
    padding: 80px 0 110px 0;
}
footer:before{content:'O';opacity:.07;color:#000;top:-110px;right:-540px}
footer .column{float:left;color:#fff}
footer .finals{margin-left:420px}
footer .final-words{width:367px;font-size:23px;font-weight:200;line-height:36px}
footer .socials{width:230px;font-size:38px;font-weight:700;line-height:70px;margin-left:120px}
footer .socials .social{width:100%;color:#fff;text-decoration:underline;float:left}




/*specialization*/
.back{display:block; position:absolute;width: 100%;}
.back.style-a{
    max-width: 498px;
    right: 0;
    margin-top: 190px;
}
/*/
.back.style-b{
    max-width: 605px;
    left: 0;
    margin-top: 321px;
}*/
.back.style-b{
    max-width: 805px;
    left: 100px;
    margin-top: 680px;
}
/*
.back.style-c{
    max-width: 808px;
    left: 0;
    margin-top: 0px;
}*/
.back.style-c{
    width: 100%;
    left: 0;
    margin-top: 0px;
    background: url(../img/specialization/apf_grid.png) repeat-x;
    min-height: 310px;
}
.back.style-d{
    left: 0;
    margin-top: 719px;
}
.back.style-e{
    max-width: 559px;
    right: 0;
    margin-top: 1267px;
}
.back.style-f{
    max-width: 559px;
    left: 0;
    margin-top:263px;
}
.back.style-g{
    max-width: 647px;
    left: 140px;
    margin-top: 711px;
}
.back.style-h{
    max-width: 647px;
    right: 100px;
    margin-top: 0;
    transform:  rotate(180deg);
    z-index: 0;
}
.section.main-projects{
    max-width: 1140px;
    margin:93px auto 0 auto;
    min-height: 4900px;
    padding:0 20px 500px 20px;

}
img.proj{
    width:100%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 40px 95px;
    z-index: 1000;
    webkit-transition: box-shadow .1s ease-out,-webkit-transform .2s ease-out;
    transition: box-shadow .1s ease-out,-webkit-transform .2s ease-out;
    transition: box-shadow .1s ease-out,transform .2s ease-out;
    transition: box-shadow .1s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;
    overflow: hidden;
     transition: top .3s ease-out;
    -ms-transition: top .3s ease-out;
    -moz-transition: top .3s ease-out;
    -webkit-transition: top .3s ease-out;

}
img.proj:hover{
     box-shadow: rgba(0, 0, 0, 0.298039) 0px 40px 140px;


}
h1{
    font-size: 75px;
    line-height: 69px;
    position: relative;
    text-align: left;
    margin-bottom: 0;

}
h1.bespoke{
    left: 168px;
}
h1.bespoke span{
    background-image: url(../img/specialization/dec_2_black.png);
    width: 263px;
    height: 18px;
    position: absolute;
    margin-left: -193px;
    margin-top: 68px;
    background-repeat: no-repeat;
}

h1.art-of{
    margin-left: 493px;
    top: 225px;
}
h1.art-of span{
    background-image: url(../img/specialization/dec_2.png);
    width: 188px;
    height: 12px;
    position: absolute;
    margin-left: -141px;
    margin-top: 72px;
}
h1.art-dec{
    margin-left: 534px;
    top: 331px;
}
h1.art-dec span{
    background-image: url(../img/specialization/dec_3.png);
    width: 433px;
    height: 5px;
    position: absolute;
    margin-left: -729px;
    margin-top: 72px;
}

h1.art-Gyp{
    margin-left: -42px;
    top: 570px;
    text-align: center;
}
h1.art-Gyp span{
    position: absolute;
    height:18px;
}
h1.art-Gyp span.a{
    background-image: url(../img/specialization/dec_4.png);
    width: 121px;
    margin-left: -419px;
    margin-top: -105px;
}
h1.art-Gyp span.b{
    background-image: url(../img/specialization/dec_4.png);
    width: 243px;
    margin-left: -308px;
    margin-top: 67px;
}
h1.art-Gyp span.c{
    background-image: url(../img/specialization/dec_4.png);
    width: 122px;
    margin-left: 27px;
    margin-top: 2px;
}
h1.art-Gyp-rei{
    margin-left: -621px;
    margin-top:700px;
    text-align: center;
    /* overflow: visible; */
    position: initial;
}
h1.art-Gyp-rei span{
    position: absolute;
    height:25px;
    width: 629px;
    background-image: url(../img/specialization/dec_5.png);

}
h1.art-Gyp-rei span.a{
   margin-left: -770px;
    margin-top: 69px;
}
h1.art-Gyp-rei span.b{
    margin-left: -924px;
    margin-top: 39px;
}
h1.art-paint{
    top: 366px;
    text-align: center;
}
h1.art-paint span{
    position: absolute;
    height: 43px;
    width: 158px;
    margin-left: -713px;
    margin-top: 81px;
    background-image: url(../img/specialization/dec_6.png);
}
p.art-paint-p{
    text-align: center;
    top: 370px;
}
p{
    font-size: 21px;
    line-height: 30px;
    position: relative;
}
.col-project{
    float: left;
    width: 50%;
    position: relative;
}
.secta img{
    max-width: 350px;
    left: 132px;
    top: 47px;
}
.secta img:hover{
    top: 42px;
}
.sectb p{
    max-width: 400px;
    left: 80px;
    top: 106px;
}
.sectc p{
    max-width: 278px;
    left: 241px;
    top: 128px;
}
.sectd img{
    max-width: 380px;
    left: 81px;
    top: 96px;
}
.sectd img:hover{
    top: 91px;
}

.sectf p{
    max-width:461px;
    left: 93px;
    top: 285px;
}
.secte img{
    max-width:450px;
    left: 60px;
    top: 437px;
}
.secte img:hover{
    top: 432px;
}

.sectg img{
    max-width: 220px;
    left:90px;
    top: 100px;
}
.sectg img:hover{
    top: 95px;
}
.sectg p{
    max-width: 263px;
    left: 333px;
    top: 0px;
}
.secth img{
    max-width: 409px;
    left: 104px;
    top: 442px;
}
.secth img:hover{
    top: 437px;
}
.secti p{
    max-width: 381px;
    left: 61px;
    top: 525px;
}
.sectj img{
    max-width: 510px;
    left: -26px;
    top: 476px;
}
.sectj img:hover{
    top: 471px;
}

.sectk p{
    max-width: 315px;
    left:196px;
    top: 752px;
}
.sectl img{
    max-width: 452px;
    left: 91px;
    top: 622px;
}
.sectl img:hover{
    top: 617px;
}
.sectll img{
    max-width: 212px;
    left: 278px;
    top: 809px;
    padding-top:0;
}
.sectll img:hover{
    top: 804px;

}
.sectm p{
    max-width: 321px;
    left: 26px;
    top: 673px;
}
.sectn p{
    max-width: 355px;
    left: 46px;
    top: 73px;
}
.secto img.a{
    max-width: 337px;
    left: 26px;
    top: 97px;
}
.secto img.a:hover{
    top: 92px;
}
.secto img.b{
    max-width: 239px;
    left: 329px;
    top: -64px;
    padding-top: 0;
}
.secto img.b:hover{
    top: -69px;

}
.secto p{
    max-width: 550px;
    left: 26px;
    top: -22px;
}

.sectp p{
    max-width: 315px;
    left: 170px;
    top: 467px;
}
.sectq img{
    max-width: 452px;
    left: 0;
    top: 512px;
}
.sectq img:hover{
    top: 507px;
}
.sectr img{
    max-width: 315px;
    left: 304px;
    top: 440px;
    padding-top:0;
}
.sectr img:hover{
    top: 435px;

}
.sects p{
    max-width: 329px;
    left: 137px;
    top: 572px;
}

/*specialization*/




@media (max-width:1139px){
footer .finals{margin-left:340px}
footer .socials{margin-left:90px}
}



@media (max-width:1030px){

footer .column{width:50%;float:none}
footer .finals,footer .socials{margin:0 auto}
footer .final-words{width:100%}


}


/*query content*/
@media (max-width:985px){
nav ul.nav{display: none;}
.col-project{
    float: none;
    width: 100%;
    position: initial;
}
img.proj{display:block; margin: auto;position: inherit;}
p{position:inherit; margin:20px auto; text-align: center; }

h1{position: inherit; margin:80px auto; text-align: center; }
.back{display:none;}
h1.art-of{margin-left: inherit;}
h1.art-dec{margin-left: inherit;}
h1.art-Gyp-rei{margin-left: inherit;margin-top: inherit;}
.section.main-projects{
    padding:0 20px 10px 20px;

}
.sectll img{
    padding-top: 20px;
}
.sectr img{
    padding-top: 20px;
}
.secto img.b{
    padding-top: 20px;
}
}
/*query content*/



@media (max-width:800px){

.side-projects .project.surf{width:500px;height:265px}
footer{padding:0;}

}


@media (max-width:700px){

.col{
    float: none;
    width: 100%;
}
.col.lst{
    width:100%;
    float: none;
}

.logo-foot{
    margin: auto;
    display: block;
}
.col.list{
    padding-left:30px;
}
.col.lst{padding-left:30px;}


h1.art-paint span{
    margin-left: -200px;
    margin-top: 63px;

}
h1.art-dec span{
    margin-left: -424px;
    margin-top: 72px;
}

}


@media (max-width:600px){

footer{padding:80px 30px 120px}
footer .column{width:100%}
footer .socials{text-align:center}

}


@media (max-width:570px){

footer .cont-footer{padding: 0;}

}


@media (max-width:500px){
    footer .final-words{font-size:18px;line-height:31px}
    footer .socials{font-size:33px;line-height:52px;margin-top:50px}
    h1{
        font-size: 43px;
        line-height: 55px;
        padding-left: 0px !important;
        margin-bottom: 0px;
    }
}





.back-style{margin-top: 40px;padding:65px 0;background:url(../img/specialization/footer-back-1.jpg) no-repeat;background-size:cover;overflow:hidden;}
.back-style h2{
    text-align: center;
    font-size: 42px;
}
.back-style h2  span{
    display: block;
    margin-top: 5px;
}
.back-style-contact{padding:210px 0;background:url(../img/specialization/footer-back.jpg) no-repeat;background-size:cover;overflow:hidden;}

.back-style-contact .cont-center{
    max-width: 416px;
    margin: auto;}
.back-style-contact .cont-center h2{
    font-weight: 100;
    font-size: 37px;
    font-family: 'nexa_lightregular';
    text-align: center;
}
.back-style-contact .cont-center button{
    background-color: #333;
    border: 0;
    border-radius: 26px;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    margin: auto;
    font-weight: bold;
    width: 145px;
    display: block;
    cursor: pointer;
}

/* 2016-08-01 */

.spec-mega-title {
}

.spec-mega-title h1 {
    text-align: left;
    padding-left: 300px;
}

.spec-mega-title h2 {
    font-size: 50px;
    margin-top: 5px;
    text-align: right;
    padding-right: 180px;
}

.spec-mega-title span.waves {
    background: url(../img/specialization/black_waves.png) no-repeat;
    display: block;
    height: 67px;
    position: relative;
    left: 35%;
}

@media (max-width:570px){
    .spec-mega-title span.waves {
        left: -3%;
    }

    h1.art-of span {
        margin-left: -190px;
    }
}