* { margin: 0;	padding: 0; }
html { width:100%;height:100%;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;border:none;margin: 0;padding:0;}
body{
    width:100%;height:100%;position:relative;margin:0;padding:0;font-size:100%;font-family: 'Montserrat', sans-serif;
    overflow-x:hidden;background:url(../images/background.jpg) center 0 fixed no-repeat; background-size:cover;
}
#wrapper{
    display:block;width:100%;height:100%;position:relative;margin:0;padding:0;
}
.container-fluid{min-height:100%;display:block;position:relative;}
.container-fluid,
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 0px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
a, button, input, textarea{outline:none !important;}
section{position:relative;display:block;}
section#home{
    display:block;width:100%;height:100%;position:relative;
}
h1{
    font-size:72px;line-height:72px;font-weight:700;color:#fff;position:fixed;top:50%;padding:0;margin:0;width:100%;margin-top:-150px;z-index:-1;text-align:center;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
h1 span{display:block;}
h1 span.n1{}
h1 span.n2{}
h1 span.sub{color:#ffc000;font-size:16px;line-height:24px;}
h1 span.sub2{color: #666666;font-size:12px;line-height:12px;}
.overflow-hidden{overflow:hidden !important;}

.scroll_down{
    display:block;width:60px;height:60px;z-index:0;cursor:pointer;
    position:fixed;bottom:80px;left:50%;margin-left:-30px;opacity:1;
    -webkit-transition: opacity 0.8s linear 0s;
    -moz-transition: opacity 0.8s linear 0s;
    -o-transition: opacity 0.8s linear 0s;
    transition: opacity 0.8s linear 0s;
}
.scroll_down img{
    -webkit-animation: moveupdown 2s linear;
    animation: moveupdown 2s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.ring{
    border: 2px solid #fff;position:absolute;width:60px;height:60px;display:none;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: pulsate 3s ease-out;
    animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
}
@keyframes moveupdown {
    0% {transform: translate3d(0,-20px,0);opacity: 0.0;}
    50% {transform: translate3d(0,0,0);opacity: 1;}
    100% {transform: translate3d(0,20px,0);opacity: 0.0;}
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.8, 0.8); opacity: 0.0;}
    50% {opacity: 0.8;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
@keyframes pulsate {
     0% {transform: scale(0.8, 0.8); opacity: 0.0;}
     50% {opacity: 0.8;}
     100% {transform: scale(1.2, 1.2); opacity: 0.0;}
 }
.scroll_down img{width:100%;height:100%;}
.scroll_down.hide{
    opacity:0;
    -webkit-transition: opacity 0.8s linear;
    -moz-transition: opacity 0.8s linear;
    -o-transition: opacity 0.8s linear;
    transition: opacity 0.8s linear;
}

h2{font-size:24px;line-height:24px;color:#424242;text-align:center;display:block;font-weight:700;padding:0;margin:0;height:24px;}
.label_bg{height:2px;display:block;margin-top:12px;background:#fff;}
section#home_empty{display:block;width:100%;height:0% !important;}
section#about{
    display:block;width:100%;height:auto;position:relative;background:#e4e4e4;
}
.section_text{font-size:13px;line-height:22px;color:#424242;text-align:center;padding:40px 0;}

section#skills, section#works{background:#efefef;}
section#contact, section#services{background:#e4e4e4;}
.icons{text-align:center;}
.icon{max-width:100%;width:80px;height:auto;}
.icons .col-xs-2{font-size:12px;}

#services .row span{display:block;text-align:left;}
.service-item{
    background:url(../icons/icon-service.svg) left center no-repeat;background-size:11px 16px;height:20px;line-height:20px;font-size:12px;padding-left:30px;display:block;margin:10px 0;text-align:left;
}
.project-tile{
    background:#fff;position:relative;overflow:hidden;

    /*
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    */
}
.project-tile .hover{
    left:0;display:block;position:absolute;top:0;width:100%;height:100%;z-index:10;cursor:pointer;
    -webkit-transition: left 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -moz-transition: left 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -o-transition: left 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    transition: left 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;

    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.project-tile .hoverBG1, .project-tile .hoverBG2{
    background:rgba(146,146,146,0.9);display:block;position:absolute;width:100%;height:100%;cursor:pointer;z-index:9;
    /*transform: rotate(30deg);*/
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -o-transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    transition: all 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;

    -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.project-tile .hoverBG1{
    top:100%;left:0%;
}
.project-tile .hoverBG2{
    top:-100%;left:0%;
}
.project-tile .corner{
    position:absolute;display:block;width:10px;height:10px;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.project-tile .tl{border-left:solid 1px #ffc000;border-top:solid 1px #ffc000;top:0;left:0;}
.project-tile .tr{border-right:solid 1px #ffc000;border-top:solid 1px #ffc000;top:0;right:0;}
.project-tile .bl{border-left:solid 1px #ffc000;border-bottom:solid 1px #ffc000;bottom:0;left:0;}
.project-tile .br{border-right:solid 1px #ffc000;border-bottom:solid 1px #ffc000;bottom:0;right:0;}
.project-tile .logo{
    width:50%;height:50%;position:absolute;left:25%;top:25%;background-position:center center;background-size:contain;background-repeat:no-repeat;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

.project-tile:hover .corner{
    width:50%;height:50%;border-color:#fff;
    -webkit-transition: width 0.1s linear 0s, height 0.1s linear 0s;
    -moz-transition: width 0.1s linear 0s, height 0.1s linear 0s;
    -o-transition: width 0.1s linear 0s, height 0.1s linear 0s;
    transition: width 0.1s linear 0s, height 0.1s linear 0s;

}

.project-tile:hover .hoverBG1{
    top:50%;left:0%;
}
.project-tile:hover .hoverBG2{
    top:-50%;left:0%;
}

.type{
    display:inline-block;text-align:center;padding:10px 5px;opacity:0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.type img{height:30px;display:block;}
.type.desktop img{width:35px;height:30px;}
.type.tablet img{width:23px;height:30px;}
.type.mobile img{width:15px;height:30px;}

.project-tile .title{
    color:#fff;font-size:24px;line-height:24px;top:50%;left:0;width:100%;text-align:center;position:absolute;margin-top:-40px;
    opacity:0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
.project-tile .titletext{
    color:#fff;font-size:12px;line-height:15px;width:100%;text-align:center;padding-top:0px;display:block;
    opacity:0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}.project-tile:hover .title{
     opacity:1 !important;
     -webkit-transform: translate3d(0,0px,0);
     transform: translate3d(0,0px,0);
     -webkit-transition: all 0.25s ease 0.5s;
     -moz-transition: all 0.25s ease 0.5s;
     -o-transition: all 0.25s ease 0.5s;
     transition: all 0.25s ease 0.5s;
 }
.project-tile:hover .titletext{
    opacity:1 !important;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: all 0.25s ease 0.6s;
    -moz-transition: all 0.25s ease 0.6s;
    -o-transition: all 0.25s ease 0.6s;
    transition: all 0.25s ease 0.6s;
}
.project-tile:hover .c1{
    opacity:1 !important;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: all 0.25s ease 0.7s;
    -moz-transition: all 0.25s ease 0.7s;
    -o-transition: all 0.25s ease 0.7s;
    transition: all 0.25s ease 0.7s;
}
.project-tile:hover .c2{
    opacity:1 !important;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: all 0.25s ease 0.8s;
    -moz-transition: all 0.25s ease 0.8s;
    -o-transition: all 0.25s ease 0.8s;
    transition: all 0.25s ease 0.8s;
}
.project-tile:hover .c3{
    opacity:1 !important;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    -webkit-transition: all 0.25s ease 0.9s;
    -moz-transition: all 0.25s ease 0.9s;
    -o-transition: all 0.25s ease 0.9s;
    transition: all 0.25s ease 0.9s;
}

#contact .text{text-align:center;}

input[type="text"]{
    display:block;height:35px;width:100%;text-indent:10px;color:#fff;border:none;padding:0;font-size:12px;background:#333;line-height:35px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
textarea{
    display:block;width:100%;color:#fff;border:none;font-size:12px;background:#333;height:150px;padding:10px;resize:none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
button.send{
    font-size:12px;background:#333;display:block;height:35px;margin:0 auto;border:none;width:100%;color:#fff;max-width:120px;line-height:35px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
button.send:hover{
    background:#fff;color:#424242;
}
input.error, textarea.error{background: #cd100b;color:#fff;}


input:focus, textarea:focus{background:#fff;color:#424242;}

footer{
    height:300px;width:100% !important;display:block;color:#fff;padding-top:30px;position:fixed;bottom:0;left:0;background:url(../images/background-clockwork.jpg) no-repeat;z-index:-1;
}
footer.hidden{opacity:0;height:0;}
footer .container{background:none;color:#fff;line-height:270px;text-align:center;font-size:30px;}
footer .copyright{color:#fff;font-size:10px;line-height:12px;position:absolute;left:0;bottom:10px;width:100%;text-align:center;:1;}


.project-details{
    position:fixed;top:-100%;left:0;:50;display:block;width:100%;height:100%;overflow:hidden;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.project-details.visible{
    top:0;
}
.project-details .container{
    position:relative;display:block;width:100%;height:100%;background:#424242;padding:1%;opacity:0;
}

.project-details .container .inner{
    position:relative;display:block;width:100%;height:100%;max-height:100%;background:#fff;
}
.project-details .title{display:block;width:30%;text-align:left;font-weight:700;color:#424242;font-size:30px;line-height:30px;padding:30px;}
.project-details .description{display:block;width:30%;text-align:left;font-weight:700;color:#424242;font-size:12px;line-height:14px;padding:10px 30px;}
.project-details .scope{display:block;width:30%;text-align:left;font-weight:700;color:#ffc000;font-size:12px;line-height:14px;padding:10px 30px;}
.scope span{color:#424242;padding-left:20px;display:block;clear:both;width:100%;background:url(../icons/icon-task.svg) center left no-repeat;background-size:contain;margin:5px 0;}
.project-details .project-images{position:absolute;right:0;top:0;width:70%;height:100%;list-style:none;padding:0;margin:0;overflow-y:visible;overflow-x:hidden;padding-right: 15px;}
.project-details .project-images img{max-width:100%;height:auto;}
.project-details .project-images li{
    list-style:none;margin:0;width:100%;height:auto;position:absolute;top:100%;left:0;opacity:1;display:block;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.project-details .project-images li.active{
    top:0;opacity:1;display:block;left:0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.project-details .project-images li.out{
    opacity:1;top:-200%;display:block;left:0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.project-details .project-images li.out.up{
    opacity:0;top:-200%;display:block;left:0;height:0;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}
.project-details .designedby{color:#424242;font-size:12px;line-height:12px;margin:20px 30px;}
.project-details .designedby span{color:#ffc000;}

.project-details .closeProject{
    position:absolute;bottom:10px;left:0px;
    display:block;height:35px;width:200px;color:#fff !important;background:#424242 !important;border:none;margin:10px 0;font-size:14px;
}
.project-details .visit-website{
    display:block;height:35px;width:200px;color:#fff;background:#424242;border:none;margin:10px 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.project-details .visit-website:hover{background:#e4e4e4;color:#424242;}

.contact-text{font-size:12px;line-height:22px;margin:0 auto;display:block;text-align:left;max-width:150px;}
.icon-contact{display:block;width:22px;height:22px;background-size:contain;margin:10px 0;}
.icon-contact img{width:35px;height:auto;padding-right:10px;}
.icon-mail{background:url(../icons/icon-mail.svg) center left no-repeat;background-size:contain;padding-left:30px;}
.icon-phone{background:url(../icons/icon-phone.svg) center left no-repeat;background-size:contain;padding-left:30px;}
.icon-skype{background:url(../icons/icon-skype.svg) center left no-repeat;background-size:contain;padding-left:30px;}
.icon-linkedin{background:url(../icons/icon-linkedin.svg) center left no-repeat;background-size:contain;padding-left:30px;}
a.icon-contact{
    color:#424242;text-decoration:none;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
a.icon-contact:hover{color:#fff;}

section#foot{display:block;height:300px;width:100%;position:relative;}


.sticky_menu{
    display:block;position:fixed;top:-42px;left:0;background:#fff;height:42px;width:100%;z-index:50;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.sticky_menu.visible{top:0;}
.sticky_menu ul{text-align:center;list-style:none;margin:0;padding:0;}
.sticky_menu ul li{display:inline;font-size:16px;font-weight:700;line-height:40px;padding:0 15px;margin:0;cursor:pointer;color:#424242;}

.ebge2015{display:block;position:absolute;bottom:15px;left:50%;z-index:1;height:20px;width:101px;margin-left:-50px;background:url(../images/ebge2015.svg) no-repeat;background-size:contain;}
.ebge2016{display:block;position:absolute;bottom:15px;left:50%;z-index:1;height:20px;width:101px;margin-left:-50px;background:url(../images/ebge2016.svg) no-repeat;background-size:contain;}
.service-items{display:block;margin:0 auto;max-width:480px;width:100%;}
.service-items-col{display:block;float:left;width:48%;padding-left:2%;}


@media all and (max-width: 768px) {
    h1{font-size:42px;line-height:42px;text-align:center;margin-top:-50px;}
}

@media all and (max-width: 480px) {
    .sticky_menu{display:none;}
    h1{text-align:center;}
    .icons .col-xs-2{font-size:10px !important;}
    footer .container{font-size:26px;}
    .scroll_down{bottom:40px;width:40px;height:40px;margin-left:-20px;}
    .service-item{line-height:12px;height:auto;min-height:20px;}
}

@media all and (max-width: 320px) {
    footer .container{font-size:24px;}
}

























#project-clone{
    position:absolute;display:block;overflow:hidden;padding:0;margin:0;:500;
}

/*
#article-clone{
    position:fixed;top:-100%;left:0;z-index:50;display:block;width:100%;height:100%;overflow:hidden;
}
*/
#project-clone.visible{
    top:0;
}
#project-clone .container{
    position:relative;display:block;width:100%;height:100%;background:#424242;padding:10px;margin:0;
}

#project-clone .container .inner{
    position:relative;display:block;width:100%;height:100%;max-height:100%;background:#fff;opacity:0;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
#project-clone .container .inner.visible{opacity:1;}
#project-clone .title{display:block;width:30%;text-align:left;font-weight:700;color:#424242;font-size:30px;line-height:30px;padding:30px 60px 30px 30px;}
#project-clone .description{display:block;width:30%;text-align:left;font-weight:700;color:#ffc000;font-size:11px;line-height:14px;padding:10px 30px;max-width:400px;}
#project-clone .description span{display:block;text-align:left;font-weight:400;color:#424242;font-size:12px;line-height:14px;padding:10px 0 0 0;}
#project-clone .scope{display:block;width:30%;text-align:left;font-weight:700;color:#ffc000;font-size:12px;line-height:14px;padding:10px 30px;}
.scope span{color:#424242;padding-left:20px;display:block;font-weight:400;clear:both;width:100%;background:url(../icons/icon-tasks.svg) center left no-repeat;background-size:contain;margin:5px 0;}
#project-clone .project-images{position:absolute;right:0;top:0;width:70%;max-height:100%;height:100%;list-style:none;padding:0;margin:0;overflow:hidden;}
#project-clone .project-images img{max-width:100%;width:100% !important;height:auto;}
#project-clone .project-images div{
    list-style:none;margin:0;width:100% !important;height:100%;max-height:100%;position:absolute;top:100%;left:0;opacity:0;display:block;overflow:hidden;overflow-y:visible;padding-right: 0px;
    -webkit-transition: top 0.5s ease 0s;
    -moz-transition: top 0.5s ease 0s;
    -o-transition: top 0.5s ease 0s;
    transition: top 0.5s ease 0s;
}
#project-clone .project-images div.active{
    top:0;opacity:1;display:block;height:auto;
    -webkit-transition: top 0.5s ease 0s;
    -moz-transition: top 0.5s ease 0s;
    -o-transition: top 0.5s ease 0s;
    transition: top 0.5s ease 0s;
}
#project-clone .project-images div.out{
    opacity:0;top:10%;display:block;left:0;
    -webkit-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
    -moz-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
    -o-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
    transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
}
#project-clone .project-images div.out.up{
    opacity:0;top:100%;display:none;left:0;
    -webkit-transition: top 0s ease 0s;
    -moz-transition: top 0s ease 0s;
    -o-transition: top 0s ease 0s;
    transition: top 0s ease 0s;
}

#project-clone .designedby{position:absolute;bottom:30px;left:0px;color:#424242;font-size:11px;line-height:11px;margin:0px 0px;width:200px;text-align:right;}
#project-clone .designedby a{color:#ffc000;text-decoration:none;}

#project-clone .closeProject{
    position:absolute;top:30px;left:30%;width:30px;height:30px;margin-left:-60px;
    display:block;color:#fff !important;background:url(../icons/icon-close.svg) no-repeat;background-size:contain;border:none;font-size:14px;
}
#project-clone a.visit-website{
    display:block;height:35px;width:200px;color:#fff;background:#424242;border:none;margin:10px 0;text-decoration:none;text-align:center;line-height:35px;font-size:13px;
    position:absolute;bottom:40px;left:0px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#project-clone a.visit-website:hover{background:#ffc000;color:#fff;}


#project-clone .type{
    display:inline-block;text-align:center;padding:10px 5px;opacity:0;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
}
#project-clone .project-icons{padding:0px 0px 30px 30px;}
#project-clone .type img{width:auto;max-height:30px;}
#project-clone .c1, #project-clone .c2, #project-clone .c3{opacity:1;}

.next{
    display:block;width:30px;height:16px;position:absolute;bottom:30px;left:30%;margin-left:-60px;z-index:15;
    background:url(../icons/icon-arrow-down.svg) no-repeat;background-size:contain;cursor:pointer;
}
.prev{
    display:none;width:30px;height:16px;position:absolute;bottom:75px;left:30%;margin-left:-60px;z-index:15;
    background:url(../icons/icon-arrow-up.svg) no-repeat;background-size:contain;cursor:pointer;
}


@media all and (max-width: 970px) {
    #project-clone .container .inner{overflow-y:auto;}
    #project-clone .title{display:block;width:100%;text-align:left;font-weight:700;color:#424242;font-size:30px;line-height:30px;padding:30px 60px 0px 30px;}
    #project-clone .description{display:block;width:100%;text-align:left;font-weight:700;color:#ffc000;font-size:11px;line-height:14px;padding:10px 30px;max-width:400px;}
    #project-clone .description span{display:block;text-align:left;font-weight:400;color:#424242;font-size:12px;line-height:14px;padding:10px 0 0px 0;}
    #project-clone .scope{display:block;width:100%;text-align:left;font-weight:700;color:#ffc000;font-size:12px;line-height:14px;padding:10px 30px;}
    .scope span{color:#424242;padding-left:20px;display:block;font-weight:400;clear:both;width:100%;background:url(../icons/icon-tasks.svg) center left no-repeat;background-size:contain;margin:5px 0;}
    #project-clone .project-images{display:block;position:relative;right:auto;top:0;width:100%;max-height:none;height:auto;list-style:none;padding:0;margin:0;overflow:hidden;}
    #project-clone .project-images img{max-width:100%;width:100% !important;height:auto;}
    #project-clone .project-images div{
        list-style:none;margin:0;width:100% !important;height:auto;position:relative;top:auto;left:auto;opacity:1;display:block;padding-right: 0px;
        -webkit-transition: top 0.5s ease 0s;
        -moz-transition: top 0.5s ease 0s;
        -o-transition: top 0.5s ease 0s;
        transition: top 0.5s ease 0s;
    }
    #project-clone .project-images div.active{
        top:0;opacity:1;display:block;height:auto;
        -webkit-transition: top 0.5s ease 0s;
        -moz-transition: top 0.5s ease 0s;
        -o-transition: top 0.5s ease 0s;
        transition: top 0.5s ease 0s;
    }
    #project-clone .project-images div.out{
        opacity:0;top:10%;display:block;left:0;
        -webkit-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
        -moz-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
        -o-transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
        transition: top 0.5s ease 0s, opacity 0.5s linear 0s;
    }
    #project-clone .project-images div.out.up{
        opacity:0;top:100%;display:none;left:0;
        -webkit-transition: top 0s ease 0s;
        -moz-transition: top 0s ease 0s;
        -o-transition: top 0s ease 0s;
        transition: top 0s ease 0s;
    }

    #project-clone .designedby{position:relative;bottom:auto;left:0px;color:#424242;font-size:11px;line-height:11px;margin:0;width:200px;text-align:right;padding-bottom:20px;}
    #project-clone .designedby a{color:#ffc000;text-decoration:none;}

    #project-clone .closeProject{
        position:absolute;top:30px;right:30px;left:auto;width:30px;height:30px;margin-left:0px;
        display:block;color:#fff !important;background:url(../icons/icon-close.svg) no-repeat;background-size:contain;border:none;font-size:14px;
    }
    #project-clone a.visit-website{
        display:block;height:35px;width:200px;color:#fff;background:#424242;border:none;margin:10px 0;text-decoration:none;text-align:center;line-height:35px;font-size:13px;
        position:relative;bottom:auto;left:0px;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    #project-clone a.visit-website:hover{background:#ffc000;color:#fff;}


    #project-clone .type{
        display:inline-block;text-align:center;padding:10px 5px;opacity:0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    #project-clone .project-icons{padding:0px 0px 30px 30px;}
    #project-clone .type img{width:auto;max-height:30px;}
    #project-clone .c1, #project-clone .c2, #project-clone .c3{opacity:1;}

    .next{
        display:none;width:30px;height:16px;position:absolute;top:100px;right:30px;left:auto;bottom:auto;margin-left:0px;z-index:15;
        background:url(../icons/icon-arrow-down.svg) no-repeat;background-size:contain;cursor:pointer;
    }
    .prev{
        display:none;width:30px;height:16px;position:absolute;bottom:75px;left:30%;margin-left:-60px;z-index:15;
        background:url(../icons/icon-arrow-up.svg) no-repeat;background-size:contain;cursor:pointer;
    }
}

.submit_result{background: #ffc000;color:#fff;text-align:center;display:none;font-size:14px;line-height:30px;height:30px;}

.loader{position:fixed;top:0%;left:0%;margin:0;width:100%;height:100%;z-index:998;display:none;opacity:0;}
.loader.visible{display:block;opacity:1;}




.cssload-fond{
    position:fixed;top:50%;left:50%;z-index:1000;
    margin: -25px 0 0 -25px;
}

.cssload-container-general
{
    animation:cssload-animball_two 1.15s infinite;
    -o-animation:cssload-animball_two 1.15s infinite;
    -ms-animation:cssload-animball_two 1.15s infinite;
    -webkit-animation:cssload-animball_two 1.15s infinite;
    -moz-animation:cssload-animball_two 1.15s infinite;
    width:43px; height:43px;
}
.cssload-internal
{
    width:43px; height:43px; position:absolute;z-index:1000;
}
.cssload-ballcolor
{
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
    position: absolute;z-index:1000;
    animation:cssload-animball_one 1.15s infinite ease;
    -o-animation:cssload-animball_one 1.15s infinite ease;
    -ms-animation:cssload-animball_one 1.15s infinite ease;
    -webkit-animation:cssload-animball_one 1.15s infinite ease;
    -moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
    background-color:rgb(255,255,255);
    top:0; left:0;
}
.cssload-ball_2
{
    background-color:rgb(125,125,125);
    top:0; left:23px;
}
.cssload-ball_3
{
    background-color:rgb(228,228,228);
    top:23px; left:0;
}
.cssload-ball_4
{
    background-color:rgb(0,0,0);
    top:23px; left:23px;
}





@keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
    0%{ position: absolute;}
    50%{top:12px; left:12px; position: absolute;opacity:0.5;}
    100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
    0%{transform:rotate(0deg) scale(1);}
    50%{transform:rotate(360deg) scale(1.3);}
    100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
    0%{-o-transform:rotate(0deg) scale(1);}
    50%{-o-transform:rotate(360deg) scale(1.3);}
    100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
    0%{-ms-transform:rotate(0deg) scale(1);}
    50%{-ms-transform:rotate(360deg) scale(1.3);}
    100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
    0%{-webkit-transform:rotate(0deg) scale(1);}
    50%{-webkit-transform:rotate(360deg) scale(1.3);}
    100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
    0%{-moz-transform:rotate(0deg) scale(1);}
    50%{-moz-transform:rotate(360deg) scale(1.3);}
    100%{-moz-transform:rotate(720deg) scale(1);}
}
.project-tile:hover .logo{
    width:54%;height:54%;left:23%;top:23%;
}