.portfolio2{
    flex: 0 0 15.333333%;
    max-width: 16%;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.pimagens{
     width: 99px;
    text-align: center;
}
a:active,a:hover{
    outline:0
}
b,strong{
    font-weight:700
}
h1{
    margin:.67em 0
}
pre{
    overflow:auto
}
button,input,select{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button]{
    cursor:pointer
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
@media print{
    *,:after,:before{
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        box-shadow:none!important
}
    a,a:visited{
        text-decoration:underline
}
    a[href]:after{
        content:" (" attr(href) ")"
}
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
}
    pre{
        border:1px solid #999
}
    img,pre{
        page-break-inside:avoid
}
    img{
        max-width:100%!important
}
    h2,h3,p{
        orphans:3;
        widows:3
}
    h2,h3{
        page-break-after:avoid
}
    .label{
        border:1px solid #000
}
}
*,:after,:before{
    box-sizing:border-box
}
button,input,select{
    line-height:inherit
}
button{
    font-family:inherit;
    font-size:inherit
}
a:focus,a:hover{
    color:#ff7300;
    text-decoration:underline
}
a:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
img{
    vertical-align:middle
}
.img-responsive{
    display:block;
    max-width:100%;
    height:auto
}
.img-circle{
    border-radius:50%
}
[role=button]{
    cursor:pointer
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:inherit;
    line-height:1.1;
    color:inherit
}
.h1,.h2,.h3,h1,h2,h3{
    margin-top:22px;
    margin-bottom:11px
}
.h4,.h5,.h6,h4,h5,h6{
    margin-top:11px;
    margin-bottom:11px
}
.h1,h1{
    font-size:28px
}
.h2,.new-project-block h2{
    font-size:24px
}
.h3,.h4,h3,h4{
    font-size:21px
}
.h5,h5{
    font-size:16px
}
.h6,h6{
    font-size:14px
}
p{
    text-align: justify;
    margin:10px 0;
    line-height:1.5;
    letter-spacing:.3px
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.text-nowrap{
    white-space:nowrap
}
.text-primary{
    color:#ff7300
}
a.text-primary:focus,a.text-primary:hover{
    color:#cc5c00
}
ul ul{
    margin-bottom:0
}
.list-inline{
    list-style:none
}
.list-inline{
    padding-left:0;
    margin-left:-5px
}
.list-inline>li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px
}
.container{
    padding-right:10px;
    padding-left:10px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px){
    .container{
        width:100%
}
}
@media (min-width:992px){
    .container{
        width:960px
}
}
@media (min-width:1200px){
    .container{
        width:1160px
}
}
.row{
    margin-right:-10px;
    margin-left:-10px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;
    min-height:1px;
    padding-right:10px;
    padding-left:10px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
@media (min-width:768px){
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{
        float:left
}
    .col-sm-12{
        width:100%
}
    .col-sm-11{
        width:91.66666667%
}
    .col-sm-10{
        width:83.33333333%
}
    .col-sm-9{
        width:75%
}
    .col-sm-8{
        width:66.66666667%
}
    .col-sm-7{
        width:58.33333333%
}
    .col-sm-6{
        width:50%
}
    .col-sm-5{
        width:41.66666667%
}
    .col-sm-4{
        width:33.33333333%
}
    .col-sm-3{
        width:25%
}
    .col-sm-2{
        width:16.66666667%
}
    .col-sm-1{
        width:8.33333333%
}
}
@media (min-width:992px){
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{
        float:left
}
    .col-md-12{
        width:100%
}
    .col-md-11{
        width:91.66666667%
}
    .col-md-10{
        width:83.33333333%
}
    .col-md-9{
        width:75%
}
    .col-md-8{
        width:66.66666667%
}
    .col-md-7{
        width:58.33333333%
}
    .col-md-6{
        width:50%
}
    .col-md-5{
        width:41.66666667%
}
    .col-md-4{
        width:33.33333333%
}
    .col-md-3{
        width:25%
}
    .col-md-2{
        width:16.66666667%
}
    .col-md-1{
        width:8.33333333%
}
}
@media (min-width:1200px){
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
        float:left
}
    .col-lg-12{
        width:100%
}
    .col-lg-11{
        width:91.66666667%
}
    .col-lg-10{
        width:83.33333333%
}
    .col-lg-9{
        width:75%
}
    .col-lg-8{
        width:66.66666667%
}
    .col-lg-7{
        width:58.33333333%
}
    .col-lg-6{
        width:50%
}
    .col-lg-5{
        width:41.66666667%
}
    .col-lg-4{
        width:33.33333333%
}
    .col-lg-3{
        width:25%
}
    .col-lg-2{
        width:16.66666667%
}
    .col-lg-1{
        width:8.33333333%
}
}
label{
    display:inline-block;
    max-width:100%;
    margin-bottom:5px;
    font-weight:700
}
input[type=checkbox],input[type=radio]{
    margin:4px 0 0;
    line-height:normal
}
input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{
    cursor:not-allowed
}
input[type=file]{
    display:block
}
input[type=range]{
    display:block;
    width:100%
}
select[multiple],select[multiple].input-sm,select[size]{
    height:auto
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.form-control{
    display:block;
    font-size:16px;
    line-height:1.42857143;
    color:#404040
}
.form-control{
    width:100%;
    height:36px;
    padding:6px 12px;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s .5s ease-out;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s .5s ease-out
}
.form-control:focus{
    border-color:#7cb41b;
    outline:0;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124, 180, 27, 1)
}
.form-control::-moz-placeholder{
    color:#9b9b9b;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#9b9b9b
}
.form-control::-webkit-input-placeholder{
    color:#9b9b9b
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control[disabled],.form-control[readonly]{
    background-color:#ededed;
    opacity:1
}
.form-control[disabled]{
    cursor:not-allowed
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{
        line-height:36px
}
    input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{
        line-height:33px
}
    input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{
        line-height:49px
}
}
.input-sm{
    height:33px;
    padding:5px 10px;
    font-size:14px;
    line-height:1.5;
    border-radius:3px
}
select.input-sm{
    height:33px;
    line-height:33px
}
.input-lg{
    height:49px;
    padding:10px 16px;
    line-height:1.3333333;
    border-radius:6px
}
select[multiple].input-lg{
    height:auto
}
select.input-lg{
    height:49px;
    line-height:49px
}
@media (min-width:768px){
    .form-inline .form-control{
        display:inline-block;
        width:auto;
        vertical-align:middle
}
    .form-inline .control-label{
        margin-bottom:0;
        vertical-align:middle
}
}
.btn{
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    padding:6px 12px;
    font-size:16px;
    line-height:1.42857143;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn.active:focus,.btn:active.focus,.btn:active:focus,.btn:focus{
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus,.btn:hover{
    color:#333;
    text-decoration:none
}
.btn.active,.btn:active{
    background-image:none;
    outline:0;
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,.btn[disabled]{
    cursor:not-allowed;
    opacity:.65;
    box-shadow:none
}
a.btn.disabled{
    pointer-events:none
}
.btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default:focus{
    color:#333;
    background-color:#e6e6e6;
    border-color:#8c8c8c
}
.btn-default:hover{
    color:#333;
    background-color:#e6e6e6;
    border-color:#adadad
}
.btn-default.active,.btn-default:active{
    color:#333;
    background-color:#e6e6e6;
    background-image:none;
    border-color:#adadad
}
.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover{
    color:#333;
    background-color:#d4d4d4;
    border-color:#8c8c8c
}
.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled]:focus,.btn-default[disabled]:hover{
    background-color:#fff;
    border-color:#ccc
}
.btn-primary.active,.btn-primary:active,.btn-primary:hover{
    color:#fff;
    background-color:#cc5c00;
    border-color:#c25700
}
.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover{
    color:#fff;
    background-color:#a84c00;
    border-color:#803900
}
.btn-link{
    font-weight:400;
    color:#ff7300;
    border-radius:0
}
.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled]{
    background-color:transparent;
    box-shadow:none
}
.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{
    border-color:transparent
}
.btn-link:focus,.btn-link:hover{
    color:#ff7300;
    text-decoration:underline;
    background-color:transparent
}
.btn-link[disabled]:focus,.btn-link[disabled]:hover{
    color:#d2d2d2;
    text-decoration:none
}
.btn-lg{
    padding:10px 16px;
    font-size:20px;
    line-height:1.3333333;
    border-radius:6px
}
.btn-sm,.btn-xs{
    padding:5px 10px;
    font-size:14px;
    line-height:1.5;
    border-radius:3px
}
.btn-xs{
    padding:1px 5px
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:5px
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}
.autocomplete-input .twitter-typeahead .tt-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    display:none;
    float:left;
    padding:5px 0;
    margin:2px 0 0;
    text-align:left;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.15);
    border-radius:4px;
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.open>a{
    outline:0
}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio]{
    position:absolute;
    clip:rect(0,0,0,0);
    pointer-events:none
}
.pagination{
    padding-left:0;
    margin:22px 0;
    border-radius:4px
}
.pagination>li>a,.pagination>li>span{
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.5;
    color:#7cb41b;;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ccc
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
    z-index:2;
    color:#7cb41b;
    background-color:#ededed;
    border-color:#ccc
}
.pagination>li:first-child>a,.pagination>li:first-child>span{
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#7cb41b;;
    border-color:#7cb41b;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{
    color:#d2d2d2;
    cursor:not-allowed;
    background-color:#fff;
    border-color:#ddd
}
.pagination-lg>li>a,.pagination-lg>li>span{
    padding:10px 16px;
    font-size:20px;
    line-height:1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span{
    padding:5px 10px;
    font-size:14px;
    line-height:1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
.label{
    display:inline;
    padding:.2em .6em .3em;
    font-size:75%;
    font-weight:700;
    line-height:1;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.25em
}
a.label:focus,a.label:hover{
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.label:empty{
    display:none
}
.btn .label{
    position:relative;
    top:-1px
}
.label-default{
    background-color:#d2d2d2
}
.label-default[href]:focus,.label-default[href]:hover{
    background-color:#b9b9b9
}
.label-primary{
    background-color:#ff7300
}
.label-primary[href]:focus,.label-primary[href]:hover{
    background-color:#cc5c00
}
img{
    border:0
}
.well{
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#ededed;
    border-radius:4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well-lg{
    padding:24px;
    border-radius:6px
}
.well-sm{
    padding:9px;
    border-radius:3px
}
.modal,.modal-open{
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal-content{
    position:relative;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    box-shadow:0 3px 9px rgba(0,0,0,.5);
    outline:0
}
.modal-title{
    margin:0;
    line-height:1.42857143
}
.modal-body{
    position:relative;
    padding:15px
}
@media (min-width:768px){
    .modal-content{
        box-shadow:0 5px 15px rgba(0,0,0,.5)
}
    .modal-sm{
        width:300px
}
}
@media (min-width:992px){
    .modal-lg{
        width:900px
}
}
#form-hint{
    top:0;
    left:0;
    z-index:1060;
    display:none;
    max-width:276px;
    padding:1px;
    font-family:Arial,Tahoma,Geneva,Verdana,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.42857143;
    line-break:auto;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    white-space:normal;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ff7300;
    border-radius:6px;
    box-shadow:0 5px 10px rgba(0,0,0,.2)
}
.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}
.hidden{
    display:none!important
}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
    display:none!important
}
@media (max-width:767px){
    .visible-xs,.visible-xs-block{
        display:block!important
}
    .visible-xs-inline{
        display:inline!important
}
    .visible-xs-inline-block{
        display:inline-block!important
}
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm,.visible-sm-block{
        display:block!important
}
    .visible-sm-inline{
        display:inline!important
}
    .visible-sm-inline-block{
        display:inline-block!important
}
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md,.visible-md-block{
        display:block!important
}
    .visible-md-inline{
        display:inline!important
}
    .visible-md-inline-block{
        display:inline-block!important
}
}
@media (min-width:1200px){
    .visible-lg,.visible-lg-block{
        display:block!important
}
    .visible-lg-inline{
        display:inline!important
}
    .visible-lg-inline-block{
        display:inline-block!important
}
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important
}
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
}
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
}
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
}
}
[class*=' notice_'],[class^=notice_]{
    width:100%
}
@media (min-width:1600px){
    .container{
        width:100%;
        max-width:1310px!important
}
}
@font-face{
    font-family:iconissimo;
    src:url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.eot);
    src:url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.eot?#iefix) format("embedded-opentype"),url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.woff) format("woff"),url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.ttf) format("truetype"),url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.svg#iconissimo) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face{
        font-family:iconissimo;
        src:url(../../font/iconissimo_d695b6fbf39c714c549a4045f8503c89.svg#iconissimo) format("svg")
}
}
[data-icon]:before{
    content:attr(data-icon)
}
[data-icon]:before{
    display:inline-block;
    font-family:iconissimo;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased
}
@font-face{
    font-family:AvenirNext;
    src:url(../../font/AvenirNext/AvenirNextLTPro-Regular.woff) format('woff'),url(../../font/AvenirNext/AvenirNextLTPro-Regular.otf) format('opentype');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:AvenirNext;
    src:url(../../font/AvenirNext/AvenirNextLTPro-Demi.woff) format('woff'),url(../../font/AvenirNext/AvenirNextLTPro-Demi.ttf) format('truetype');
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:AvenirNext;
    src:url(../../font/AvenirNext/AvenirNextLTPro-Bold.woff) format('woff'),url(../../font/AvenirNext/AvenirNextLTPro-Bold.otf) format('opentype');
    font-weight:700;
    font-style:normal;
    font-display:swap
}
#section-filter.section-filter-3:after,#section-filter.section-filter-3:before,#section-filter.section-filter-4:after,#section-filter.section-filter-4:before,.container:after,.container:before,.modal-footer:after,.modal-footer:before,.row:after,.row:before{
    content:'';
    display:table
}
#section-filter.section-filter-3:after,#section-filter.section-filter-4:after,.container:after,.modal-footer:after,.row:after{
    clear:both
}
img.lazy{
    opacity:0;
    -webkit-transition:opacity .2s ease-in;
    transition:opacity .2s ease-in
}
img.lazy.loaded{
    opacity:1
}
.p-0{
    padding:0
}
@media screen and (max-width:767px){
    .p-0--xs{
        padding:0
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-0--sm{
        padding:0
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-0--md{
        padding:0
}
}
@media screen and (min-width:1200px){
    .p-0--lg{
        padding:0
}
}
.p-r-0{
    padding-right:0
}
.p-t-0{
    padding-top:0
}
.p-b-0{
    padding-bottom:0
}
.m-0{
    margin:0
}
@media screen and (max-width:767px){
    .m-0--xs{
        margin:0
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-0--sm{
        margin:0
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-0--md{
        margin:0
}
}
@media screen and (min-width:1200px){
    .m-0--lg{
        margin:0
}
}
.m-r-0{
    margin-right:0
}
.m-t-0{
    margin-top:0
}
.m-b-0{
    margin-bottom:0
}
.p-3xs{
    padding:2px
}
@media screen and (max-width:767px){
    .p-3xs--xs{
        padding:2px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-3xs--sm{
        padding:2px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-3xs--md{
        padding:2px
}
}
@media screen and (min-width:1200px){
    .p-3xs--lg{
        padding:2px
}
}
.p-r-3xs{
    padding-right:2px
}
.p-t-3xs{
    padding-top:2px
}
.p-b-3xs{
    padding-bottom:2px
}
.m-3xs{
    margin:2px
}
@media screen and (max-width:767px){
    .m-3xs--xs{
        margin:2px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-3xs--sm{
        margin:2px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-3xs--md{
        margin:2px
}
}
@media screen and (min-width:1200px){
    .m-3xs--lg{
        margin:2px
}
}
.m-r-3xs{
    margin-right:2px
}
.m-t-3xs{
    margin-top:2px
}
.m-b-3xs{
    margin-bottom:2px
}
.p-2xs{
    padding:4px
}
@media screen and (max-width:767px){
    .p-2xs--xs{
        padding:4px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-2xs--sm{
        padding:4px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-2xs--md{
        padding:4px
}
}
@media screen and (min-width:1200px){
    .p-2xs--lg{
        padding:4px
}
}
.p-r-2xs{
    padding-right:4px
}
.p-t-2xs{
    padding-top:4px
}
.p-b-2xs{
    padding-bottom:4px
}
.m-2xs{
    margin:4px
}
@media screen and (max-width:767px){
    .m-2xs--xs{
        margin:4px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-2xs--sm{
        margin:4px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-2xs--md{
        margin:4px
}
}
@media screen and (min-width:1200px){
    .m-2xs--lg{
        margin:4px
}
}
.m-r-2xs{
    margin-right:4px
}
.m-t-2xs{
    margin-top:4px
}
.m-b-2xs{
    margin-bottom:4px
}
.p-xs{
    padding:8px
}
@media screen and (max-width:767px){
    .p-xs--xs{
        padding:8px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-xs--sm{
        padding:8px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-xs--md{
        padding:8px
}
}
@media screen and (min-width:1200px){
    .p-xs--lg{
        padding:8px
}
}
.p-r-xs{
    padding-right:8px
}
.p-t-xs{
    padding-top:8px
}
.p-b-xs{
    padding-bottom:8px
}
.m-xs{
    margin:8px
}
@media screen and (max-width:767px){
    .m-xs--xs{
        margin:8px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-xs--sm{
        margin:8px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-xs--md{
        margin:8px
}
}
@media screen and (min-width:1200px){
    .m-xs--lg{
        margin:8px
}
}
.m-r-xs{
    margin-right:8px
}
.m-t-xs{
    margin-top:8px
}
.m-b-xs{
    margin-bottom:8px
}
.p-sm{
    padding:12px
}
@media screen and (max-width:767px){
    .p-sm--xs{
        padding:12px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-sm--sm{
        padding:12px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-sm--md{
        padding:12px
}
}
@media screen and (min-width:1200px){
    .p-sm--lg{
        padding:12px
}
}
.p-r-sm{
    padding-right:12px
}
.p-t-sm{
    padding-top:12px
}
.p-b-sm{
    padding-bottom:12px
}
.m-sm{
    margin:12px
}
@media screen and (max-width:767px){
    .m-sm--xs{
        margin:12px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-sm--sm{
        margin:12px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-sm--md{
        margin:12px
}
}
@media screen and (min-width:1200px){
    .m-sm--lg{
        margin:12px
}
}
.m-r-sm{
    margin-right:12px
}
.m-t-sm{
    margin-top:12px
}
.m-b-sm{
    margin-bottom:12px
}
.p-md{
    padding:16px
}
@media screen and (max-width:767px){
    .p-md--xs{
        padding:16px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-md--sm{
        padding:16px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-md--md{
        padding:16px
}
}
@media screen and (min-width:1200px){
    .p-md--lg{
        padding:16px
}
}
.p-r-md{
    padding-right:16px
}
.p-t-md{
    padding-top:16px
}
.p-b-md{
    padding-bottom:16px
}
.m-md{
    margin:16px
}
@media screen and (max-width:767px){
    .m-md--xs{
        margin:16px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-md--sm{
        margin:16px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-md--md{
        margin:16px
}
}
@media screen and (min-width:1200px){
    .m-md--lg{
        margin:16px
}
}
.m-r-md{
    margin-right:16px
}
.m-t-md{
    margin-top:16px
}
.m-b-md{
    margin-bottom:16px
}
.p-lg{
    padding:24px
}
@media screen and (max-width:767px){
    .p-lg--xs{
        padding:24px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .p-lg--sm{
        padding:24px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .p-lg--md{
        padding:24px
}
}
@media screen and (min-width:1200px){
    .p-lg--lg{
        padding:24px
}
}
.p-r-lg{
    padding-right:24px
}
.p-t-lg{
    padding-top:24px
}
.p-b-lg{
    padding-bottom:24px
}
.m-lg{
    margin:24px
}
@media screen and (max-width:767px){
    .m-lg--xs{
        margin:24px
}
}
@media screen and (min-width:768px) and (max-width:991px){
    .m-lg--sm{
        margin:24px
}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .m-lg--md{
        margin:24px
}
}
@media screen and (min-width:1200px){
    .m-lg--lg{
        margin:24px
}
}
.m-r-lg{
    margin-right:24px
}
.m-t-lg{
    margin-top:24px
}
.m-b-lg{
    margin-bottom:24px
}
ul{
    margin:0;
    padding:0
}
.m_auto{
    margin-left:auto;
    margin-right:auto
}
.pr_10{
    padding-right:10px!important
}
.em_07{
    font-size:.7em!important
}
.em_08{
    font-size:.8em!important
}
.em_09{
    font-size:.9em!important
}
.em_10{
    font-size:1em!important
}
.em_11{
    font-size:1.1em!important
}
.em_12{
    font-size:1.2em!important
}
.em_13{
    font-size:1.3em!important
}
.em_14{
    font-size:1.4em!important
}
.em_15{
    font-size:1.5em!important
}
.em_16{
    font-size:1.6em!important
}
.em_17{
    font-size:1.7em!important
}
.em_18{
    font-size:1.8em!important
}
.em_19{
    font-size:1.9em!important
}
.em_20{
    font-size:2em!important
}
.inline{
    display:inline
}
.nowrap{
    white-space:nowrap!important
}
img::selection{
    background:0 0
}
img::-moz-selection{
    background:0 0
}
li{
    padding:0
}
li{
    margin:2px 0 2px 20px
}
.tag_weight_-2{
    font-size:.8em
}
.tag_weight_-1{
    font-size:.9em
}
.tag_weight_0{
    font-size:1em
}
.tag_weight_1{
    font-size:1.1em
}
.tag_weight_2{
    font-size:1.2em
}
.tag_list{
    background-color:#f1f1ed;
    padding:10px;
    margin:0;
    font-size:12px;
    border-radius:8px
}
.tag_list,.tag_list li,li.no-style{
    list-style:none
}
[class*=" notice_"],[class^=notice_]{
    margin:10px auto 30px!important;
    font-size:14px
}
[class*=" notice_"]{
    border:1px solid #ff7f01;
    position:relative;
    box-sizing:border-box;
    border-radius:4px
}
.img_bottom{
    vertical-align:bottom
}
input.form-control[type=file]{
    height:auto
}
a[rel=social-hub],a[rel=social-hub]:visited{
    color:#2b2b2b
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
a[rel~=external]{
    padding-right:13px;
    background:url(//es.habcdn.com/images/icons/icon_external.gif) no-repeat 100% 0
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-weight:500!important
}
h2{
    font-size:34px
}
.btn{
    border-color:#ccc!important
}
#section-filter{
    margin-top:20px;
    margin-bottom:20px;
    text-align:left
}
#section-filter .filter{
    width:180px;
    display:inline-block;
    margin:8px 8px 8px 0
}
@media (max-width:991px){
    #section-filter .filter{
        display:block;
        width:100%;
        margin-right:0
}
}
#section-filter.section-filter-3,#section-filter.section-filter-4{
    margin-right:-4px;
    margin-left:-4px
}
#section-filter.section-filter-3 .filter{
    position:relative;
    float:left;
    width:100%;
    min-height:1px;
    padding-right:4px;
    padding-left:4px;
    margin:8px 0
}
@media (min-width:768px){
    #section-filter.section-filter-3 .filter{
        float:left;
        width:33.33333333%
}
}
#section-filter label,#section-filter.section-filter-4 .filter{
    position:relative;
    float:left;
    width:100%;
    min-height:1px;
    padding-right:4px;
    padding-left:4px
}
#section-filter.section-filter-4 .filter{
    margin:8px 0
}
@media (min-width:768px){
    #section-filter.section-filter-4 .filter{
        float:left;
        width:100%
}
}
#section-filter select{
    background-color:#ecf0f1;
    border-color:#cad2d2
}
#section-filter label{
    font-size:14px;
    font-weight:400;
    display:block;
    margin-right:8px;
    vertical-align:middle
}
.pagination ul>li{
    margin:0
}
#page_title{
    padding-top:35px;
    padding-bottom:20px;
    position:relative;
    font-weight:400!important
}
#page_title .h1,#page_title h1{
    font-weight:400!important;
    font-size:36px;
    margin:0;
    font-family:Georgia,serif
}
#page_title .h1 a,#page_title .h1 b,#page_title .h1 em,#page_title .h1 strong,#page_title h1 a,#page_title h1 b,#page_title h1 em,#page_title h1 strong{
    font:inherit
}
#page_title .btn{
    text-transform:lowercase
}
@media (max-width:991px){
    .responsive #user>li{
        margin-left:10px!important
}
}
@media (max-width:1199px){
    .responsive #user{
        border-top:1px solid #d6d6d6
}
    .responsive #user li{
        margin-left:0!important
}
}
@media (max-width:480px){
    .responsive #user{
        border-top:none
}
    .responsive #page_title h1{
        font-size:26px!important
}
}
.gallery .gallery-item{
    border:5px solid transparent;
    border-radius:2px;
    margin:-5px -5px 15px;
    -webkit-transition:border-color,.2s,ease-out;
    transition:border-color,.2s,ease-out;
    position:relative
}
.gallery .gallery-item .gallery-item-image{
    display:block;
    position:relative;
    min-height:200px;
    overflow:hidden
}
.gallery .gallery-item .gallery-item-image>a{
    display:block;
    width:100%;
    min-height:100%;
    background-size:cover;
    background-position:center center
}
.gallery .gallery-item .gallery-item-image img{
    width:100%;
    border:0;
    background-size:cover;
    background-position:center center
}
.gallery .gallery-item .gallery-item-description{
    height:90px;
    background:#f1f1f1;
    padding:20px;
    position:relative;
    font-size:14px
}
.block.alt .gallery .gallery-item .gallery-item-description{
    background:#fff
}
.gallery .gallery-item .gallery-item-description *{
    font-size:14px
}
.gallery .gallery-item .gallery-item-description p{
    margin:0 0 20px;
    line-height:1.4em;
    text-overflow:clip;
    overflow:hidden
}
.gallery .gallery-item:hover{
    border-color:#0092d0
}
.gallery .gallery-item-button:hover{
    border-color:transparent!important
}
.gallery .gallery-item-button a{
    border:1px solid #cfcfcf;
    border-radius:4px;
    display:block;
    padding-top:60%;
    text-align:center;
    color:#c7c5c5;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0
}
@media (min-width:450px){
    .gallery .gallery-item .gallery-item-description p{
        font-size:13px
}
}
@media (min-width:768px){
    .gallery .gallery-item .gallery-item-description p{
        font-size:13px
}
}
@media (min-width:991px){
    .gallery .gallery-item .gallery-item-description p{
        font-size:14px
}
}
@media (max-width:767px){
    .gallery-item{
        border:5px solid transparent;
        border-radius:2px;
        margin:-5px -5px 15px;
        -webkit-transition:border-color,.2s,ease-out;
        transition:border-color,.2s,ease-out;
        position:relative
}
    .gallery-item .gallery-item-image{
        display:block;
        position:relative;
        min-height:200px;
        overflow:hidden
}
    .gallery-item .gallery-item-image>a{
        display:block;
        width:100%;
        min-height:100%;
        background-size:cover;
        background-position:center center
}
    .gallery-item .gallery-item-image img{
        width:100%;
        border:0;
        background-size:cover;
        background-position:center center
}
    .gallery-item .gallery-item-description{
        height:90px;
        background:#f1f1f1;
        padding:20px;
        position:relative;
        font-size:14px
}
    .block.alt .gallery-item .gallery-item-description{
        background:#fff
}
    .gallery-item .gallery-item-description *{
        font-size:14px
}
    .gallery-item .gallery-item-description p{
        margin:0 0 20px;
        line-height:1.4em;
        text-overflow:clip;
        overflow:hidden
}
    .gallery-item:hover{
        border-color:#0092d0
}
    .gallery-item-button:hover{
        border-color:transparent!important
}
    .gallery-item-button a{
        border:1px solid #cfcfcf;
        border-radius:4px;
        display:block;
        padding-top:60%;
        text-align:center;
        color:#c7c5c5;
        text-decoration:none;
        font-size:16px;
        font-weight:700;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        top:0
}
}
.new-project-block .footer .user .description span{
    display:block
}
#footer.footer-user .section.user ul li{
    display:inline-block
}
@media screen and (max-width:991px){
    .modal .modal-content{
        border-radius:0;
        min-height:100vh
}
}
.modal .modal-body{
    padding:30px
}
.modal .modal-body h1,.modal .modal-body h2,.modal .modal-body h3,.modal .modal-body h4,.modal .modal-body h5{
    line-height:1
}
.modal .modal-body img{
    max-width:185px;
    max-height:185px
}
.modal .modal-body .modal-footer{
    font-size:90%
}
.modal .modal-body .container{
    width:100%!important
}
.project-comment-form{
    font-size:13px
}
.comment-image-gallery .image-list{
    text-align:center;
    cursor:pointer;
    margin:2px
}
.comment-image-gallery .image-list img{
    margin:2px;
    padding:1px
}
.comment-image-gallery .image-list img:hover{
    padding:1px;
    border:2px solid #009aca;
    margin:0
}
.project-comment{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
    position:relative;
    min-height:82px;
    overflow:hidden
}
.project-comment .content{
    padding-left:100px
}
.project-comment .content .name{
    font-size:14px;
    display:inline;
    font-weight:700
}
.project-comment .content .name a{
    text-decoration:none;
    color:#6a6d76
}
.project-comment .content .time{
    color:#b9bbc0;
    font-size:12px;
    display:inline
}
.project-comment .content .body{
    font-size:14px
}
@media (max-width:767px){
    .project-comment .content{
        padding-left:0
}
    .project-comment .content .top-content{
        padding-left:40px;
        padding-top:3px
}
}
.project-comment .avatar{
    position:absolute;
    left:15px;
    top:0
}
.project-comment .avatar img{
    width:60px;
    height:60px
}
@media (max-width:767px){
    .project-comment .avatar{
        left:0
}
    .project-comment .avatar img{
        width:30px;
        height:30px
}
}
.project-comment .project-comment{
    padding-top:15px;
    border-top:1px solid #ccc;
    border-bottom:0;
    margin-bottom:0;
    margin-top:10px
}
.project-comment .project-comment .avatar{
    top:15px
}
.new-project-block .footer .user .avatar img{
    width:50px;
    height:50px
}
.prev-next-container{
    margin-top:45px;
    margin-bottom:45px
}
.prev-next-container .project-button{
    font-size:13px;
    border-radius:3px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    height:41px;
    width:auto;
    border:1px solid #c2bebe;
    color:#8b8b8b!important;
    line-height:41px;
    overflow:hidden
}
.prev-next-container .project-button:hover{
    text-decoration:none;
    color:#727272!important;
    -webkit-transition:background .15s linear .5s ease-out;
    transition:background .15s linear .5s ease-out;
    background:#f0f0f0!important
}
.prev-next-container .project-button.prev-link{
    padding-left:30px;
    padding-right:10px
}
.prev-next-container .project-button.next-link{
    padding-right:30px;
    padding-left:10px
}
@media (max-width:580px){
    .prev-next-container .project-button{
        width:41px!important;
        padding-right:0!important;
        padding-left:41px!important
}
}
body.project-form .well{
    overflow:hidden;
    max-width:100%
}
body.project-form .well h5{
    margin-top:10px!important;
    margin-bottom:10px!important
}
@media (max-width:767px){
    body.project-form label.control-label{
        text-align:left!important
}
}
body.project-form #photos-add{
    margin-bottom:60px
}
body.project-navigation .sidebar h4{
    margin-bottom:20px
}
body.new-project-list .pagination li.active a{
    color:#fff!important
}
body.new-project-page .content-text h2,body.new-project-page .project-image-container h2{
    text-align:center!important;
    margin-top:60px;
    margin-bottom:25px;
    position:relative;
    font-size:28px!important;
    font-family:Georgia,Times,serif!important;
    padding-top:10px;
    padding-bottom:10px;
    border:1px dashed rgba(0,0,0,.1);
    border-width:1px 0;
    font-weight:400!important
}
body.new-project-page .content-text h2 strong,body.new-project-page .project-image-container h2 strong{
    font-size:28px!important;
    font-family:Georgia,Times,serif!important;
    font-weight:400!important
}
body.new-project-page .project-image-container{
    text-align:center;
    margin-bottom:20px;
    margin-top:20px
}
body.new-project-page .project-image-container .description{
    text-align:left!important
}
body.new-project-page .project-image-container.vertical{
    width:70%;
    margin:0 auto
}
@media (max-width:991px){
    body.new-project-page .project-image-container.vertical{
        width:100%
}
}
body.new-project-page .project-image-container .text-description{
    margin-bottom:30px
}
.new-project-block{
    margin-bottom:45px
}
.new-project-block .footer{
    border:1px solid #ccc;
    border-top:0;
    padding:10px 15px;
    min-height:70px;
    border-radius:0 0 15px 15px;
    overflow:hidden;
    position:relative
}
@media (max-width:1199px){
    .new-project-block .footer{
        padding-left:125px
}
}
.new-project-block .footer .count-item{
    /*color:#6a6d76;*/
    float: right;
    padding-right:10px;
    border-right:1px solid #ccc;
    margin-right:10px;
    height:30px;
    margin-top:10px;
    margin-bottom:10px;
    text-decoration:none
}
@media (max-width:575px){
    .new-project-block .footer .count-item{
        display:none
}
}
.new-project-block .footer .count-item .text{
    font-size:11px;
    line-height:30px
}
.new-project-block .footer .count-item .counter{
    margin-right:2px;
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
    line-height:30px
}
.new-project-block .footer .count-item.time{
    border-right:none
}
.new-project-block .footer .count-item.time .text{
    font-size:12px
}
@media (max-width:767px){
    .new-project-block .footer .count-item.time{
        display:none
}
}
.new-project-block .footer .user{
    float: left;
    display:inline-block;
    position:relative;
    padding-left:60px;
    width:200px
}
.new-project-block .footer .user a,.new-project-block h2 a{
    text-decoration:none!important
}
.new-project-block .footer .user .avatar{
    position:absolute;
    left:0;
    /*margin-top:2px*/
}
.new-project-block .footer .user .description{
    color:#6a6d76;
    margin-top:3px
}
.new-project-block .footer .user .description .name{
    font-weight:700;
    font-size:14px;
    line-height:14px
}
.new-project-block .footer .user .description .user-type{
    color:#ccc
}
@media (max-width:1199px){
    .new-project-block .footer .user{
        width:125px;
        padding-left:38px;
        padding-top:1px;
        position:absolute;
        left:10px;
        top:10px
}
    .new-project-block .footer .user .avatar img{
        width:34px;
        height:34px
}
    .new-project-block .footer .user .description .name,.new-project-block .footer .user .description .user-type{
        font-size:12px;
        line-height:12px
}
}
@media (max-width:575px){
    .new-project-block .footer .user{
        left:10px;
        right:auto;
        width:auto;
        max-width:100%
}
}
.new-project-block .images{
    position:relative;
    max-height:360px;
    overflow:hidden;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc
}
@media (min-width:1600px){
    .new-project-block .images{
        max-height:400px
}
}
.new-project-block .images .image-left,.new-project-block .images .image-right{
    padding-left:0;
    padding-right:0
}
@media (min-width:768px){
    .new-project-block .images .image-left{
        padding-right:1px
}
    .new-project-block .images .image-right{
        padding-left:1px
}
}
.new-project-block .images .read-more-btn{
    position:absolute;
    right:15px;
    top:15px;
    width:105px;
    height:35px;
    line-height:26px;
    border-radius:5px;
    border:1px solid #fff;
    color:#fff;
    background-color:rgba(0,0,0,.2)
}
.new-project-block .images .read-more-btn:hover{
    background-color:rgba(0,0,0,.4)
}
body.new-project-list .gallery{
    padding-top:30px
}
body.new-project-list .sidebar{
    padding-top:50px
}
body.project-navigation .sidebar{
    padding-top:10px;
    color:#6a6d76
}
body.project-navigation .sidebar .user-link{
    text-decoration:none
}
body.project-navigation .sidebar .well.cta-quotation-container{
    border:1px solid #f2f2f2;
    border-radius:5px;
    background-color:#fafafa
}
body.project-navigation .sidebar .user{
    margin-top:60px;
    min-height:115px
}
body.project-navigation .sidebar .user{
    position:relative;
    color:#6a6d76;
    overflow:hidden;
    padding-left:110px;
    padding-top:30px;
    padding-bottom:30px
}
body.project-navigation .sidebar .user .user-avatar{
    position:absolute;
    left:19px;
    top:30px
}
body.project-navigation .sidebar .user .user-avatar .avatar{
    position:relative
}
body.project-navigation .sidebar .user .user-avatar .avatar img{
    width:75px;
    height:75px
}
body.project-navigation .sidebar .user .user-name{
    font-size:22px
}
body.project-navigation .sidebar .cta-quotation-container{
    margin-bottom:20px
}
body.project-navigation .sidebar .cta-quotation-container h4{
    margin-bottom:10px
}
body.project-navigation .sidebar .cta-quotation-container p{
    color:#91939c
}
body.project-navigation .sidebar .cta-quotation-container .cta{
    margin:0 auto;
    display:table
}
body.project-navigation .sidebar .cta-quotation-container,body.project-navigation .sidebar .last-activity-block{
    margin-top:60px
}
body.project-navigation .sidebar .last-activity-block .sidebar-block-title{
    color:#6a6d76!important
}
body.project-navigation .sidebar .searcher.filter{
    margin-top:20px!important
}
body.project-navigation .sidebar .searcher.filter label{
    font-size:16px!important
}
body.project-navigation .sidebar .searcher.filter input{
    height:39px
}
body.project-navigation .sidebar .twitter-typeahead .tt-hint{
    display:block;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.429;
    border:1px solid transparent;
    border-radius:4px
}
body.project-navigation .sidebar .tt-input,body.project-navigation .sidebar .twitter-typeahead{
    width:100%!important
}
body.project-navigation .sidebar .tt-menu{
    width:100%!important;
    border:1px solid #ccc;
    max-height:365px;
    overflow-y:auto;
    border-radius:0 0 5px 5px;
    z-index:1502
}
body.project-navigation .sidebar .tt-menu .tt-dataset{
    z-index:1503;
    background-color:#fdfdfd;
    border-radius:0 0 5px 5px;
    width:100%!important
}
body.project-navigation .sidebar .user-likes{
    padding-bottom:0
}
body.project-navigation .sidebar .user-likes .title-container{
    font-size:14px;
    line-height:18px;
    padding-top:4px;
    padding-right:5px
}
body.project-navigation .sidebar .user-likes .button-container{
    padding-left:5px
}
.user-project-comment{
    background-color:#fdfdfd!important;
    color:#6a6d76
}
.user-project-comment .title{
    color:#838690
}
.user-project-comment .body-container{
    position:relative
}
.user-project-comment .img-avatar{
    width:40px;
    height:40px;
    position:absolute;
    left:15px;
    top:10px
}
.user-project-comment .body{
    float:left;
    padding-left:60px
}
.user-project-comment .body,.user-project-comment .body p,.user-project-comment .body:hover{
    text-decoration:none;
    color:#6a6d76
}
body.project-navigation .content-container{
    padding-right:45px
}
@media (max-width:1199px){
    body.project-navigation .content-container{
        padding-right:20px
}
}
@media (max-width:767px){
    body.project-navigation .content-container{
        padding-right:10px
}
}
@media (min-width:1600px){
    body.project-navigation .content-container{
        padding-right:30px!important
}
}
body.project-navigation .well{
    border:1px solid #f2f2f2;
    border-radius:5px;
    background-color:#fafafa;
    max-width:100%
}
body.project-navigation #section-filter{
    margin-right:0;
    margin-left:0;
    margin-top:0
}
body.project-navigation #section-filter .filter{
    width:100%!important
}
@media (min-width:992px){
    body.new-project-page .sidebar{
        padding-left:0
}
}
body.new-project-page .btn-primary{
    color:#fff!important
}
@media (min-width:1600px){
    body.new-project-page .sidebar{
        padding-left:0
}
}
body.new-project-page .project-title{
    font-size:24px;
    display:block;
    color:#6a6d76;
    margin-top:30px;
    margin-bottom:30px
}
body.new-project-page #quality-form input{
    font-size:22px;
    padding:0 5px
}
body.new-project-page #page-project.project{
    padding-top:20px
}
body.new-project-page #page-project.project .content{
    font-size:18px;
    font-weight:400;
    color:#6a6d76
}
body.new-project-page .user-likes{
    margin-top:60px
}
body.new-project-page #section-filter{
    margin-top:20px
}
body.new-project-page #comments{
    overflow:hidden
}
body.new-project-page .comments-container .comment-form-container,body.new-project-page .comments-container .comment-list-container{
    margin-top:30px
}
body.new-project-page .comments-container .comment-comment-form-container{
    display:none
}
body.new-project-page .comments-container h4{
    color:#6a6d76;
    margin-bottom:20px;
    font-size:24px
}
@media (max-width:991px){
    .container,body{
        width:970px!important;
        max-width:970px!important
}
    .responsive .container,body.responsive,html{
        min-width:250px!important;
        width:100%!important;
        max-width:970px!important
}
    body,html{
        margin:0;
        padding:0
}
}

@media (max-width:991px){
#page_content{
    position:relative;
    line-height:20px;
    min-height:400px;
    padding-bottom:30px
}
.content_left{
    width:570px;
    margin:0 14px 10px 0;
    overflow:visible;
    float:left
}
#page_sidebar{
    width:336px;
    overflow:hidden;
    margin:0;
    float:right;
    clear:right
}
#primary{
    width:520px;
    float:left;
    margin:0 -740px 0 220px
}
#left-sidebar{
    width:200px;
    float:left
}
#right-sidebar{
    width:160px;
    float:right
}
.new_content input[type=text]{
    border:1px solid #6bb0e1
}
body{
    background-color:#fdfdfd
}
.sidebar-widget{
    font-size:12px;
    border-radius:8px;
    margin:0 0 20px;
    background:#f1f1ed
}
.sidebar-widget .widget-title{
    border-bottom:1px solid #fff;
    font-size:14px!important;
    font-weight:700;
    margin:0!important;
    padding:15px
}
.sidebar-widget>*{
    padding:10px
}
.sidebar-block-title{
    color:#919191;
    margin-bottom:20px
}
.projects-sidebar-title{
    color:#6a6d76;
    margin-top:77px!important;
    margin-bottom:20px
}
.sidebar-block{
    border:1px solid #d3d3d3;
    border-radius:7px;
    padding:20px 25px 20px 20px
}
.sidebar-block{
    margin-bottom:20px;
    overflow:hidden
}
.sidebar-block a{
    font-size:12px
}
.last-activity-block .sidebar-block{
    padding:30px 20px
}
.last-activity-block .block-link{
    text-decoration:none
}
.last-activity-block .sidebar-project-comment{
    margin-bottom:30px
}
.last-activity-block .avatar-content{
    position:relative;
    padding-left:70px
}
.last-activity-block .avatar-content .avatar-container{
    position:absolute;
    left:0;
    width:52px;
    height:52px
}
.last-activity-block .avatar-content .avatar-container img{
    width:100%;
    height:100%;
    border-radius:50%
}
.last-activity-block .comment-meta .comment-user-name{
    color:#6a6d76;
    font-size:15px;
    float:left;
    display:block;
    margin-bottom:-6px;
    margin-right:5px
}
.last-activity-block .comment-meta .comment-user-type{
    color:#a0a0a0;
    font-size:13px
}
.last-activity-block .comment-content .comment-text{
    font-size:14px;
    line-height:1.5;
    color:#a0a0a0;
    overflow:hidden
}
.button,input[type=reset],input[type=submit]{
    display:inline-block;
    margin:5px 0;
    padding:8px 16px;
    color:#fff!important;
    font-weight:700!important;
    font-style:normal!important;
    font-size:16px;
    text-align:center;
    text-decoration:none!important;
    line-height:1.2!important;
    cursor:pointer!important;
    border-radius:25px!important;
    text-shadow:-1px -1px 0 rgba(0,0,0,.2);
    background:#3499ea;
    box-shadow:0 4px 0 #0064b4;
    border:0!important;
    -webkit-transition:background-color .2s linear .5s ease-out;
    transition:background-color .2s linear .5s ease-out
}
.button *,input[type=reset] *,input[type=submit] *{
    color:inherit!important
}
.button:hover,input[type=reset]:hover,input[type=submit]:hover{
    -webkit-transition:background-color .2s linear .5s ease-out;
    transition:background-color .2s linear .5s ease-out;
    background-color:#2a8ebf
}
.button.orange,input[type=reset].orange,input[type=submit].orange{
    background-color:#ff7300!important;
    box-shadow:0 5px 0 #de6501
}
.button.orange.shadow,input[type=reset].orange.shadow,input[type=submit].orange.shadow{
    box-shadow:0 5px 0 @cta-secondary-color,0 4px 6px rgba(0,0,0,.65)
}
.button.orange:hover,input[type=reset].orange:hover,input[type=submit].orange:hover{
    background-color:#de6501!important
}
.button.block,input[type=reset].block,input[type=submit].block{
    display:block;
    width:100%
}
.button.disabled,.button.disabled:hover,.button[disabled],.button[disabled]:hover,input[type=reset].disabled,input[type=reset].disabled:hover,input[type=reset][disabled],input[type=reset][disabled]:hover,input[type=submit].disabled,input[type=submit].disabled:hover,input[type=submit][disabled],input[type=submit][disabled]:hover{
    color:rgba(255,255,255,.7)!important;
    opacity:.4!important;
    cursor:default!important
}
.button.next,.button.prev,input[type=reset].next,input[type=reset].prev,input[type=submit].next,input[type=submit].prev{
    position:relative
}
.button.next:after,.button.prev:after,input[type=reset].next:after,input[type=reset].prev:after,input[type=submit].next:after,input[type=submit].prev:after{
    content:'';
    display:block;
    height:0;
    position:absolute;
    top:50%;
    margin-top:-6px;
    width:0
}
.button.next,input[type=reset].next,input[type=submit].next{
    padding-right:30px
}
.button.next:after,input[type=reset].next:after,input[type=submit].next:after{
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:7px solid #fff;
    right:12px
}
.button.prev,input[type=reset].prev,input[type=submit].prev{
    padding-left:30px
}
.button.prev:after,input[type=reset].prev:after,input[type=submit].prev:after{
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-right:7px solid #fff;
    left:12px
}
.btn{
    background-color:#fff
}
.btn>[class*=' icon-']:first-child,.btn>[class^=icon-]:first-child{
    width:1.2em;
    display:inline-block;
    text-align:center;
    margin-right:.2em
}
.btn-twitter{
    background-color:#55acee!important
}
.btn-transparent{
    padding:12px!important;
    margin-top:-2px;
    font-size:13px;
    box-shadow:0 0 #b0b2b6 inset;
    border:2px solid #b0b2b6!important;
    background-color:#efefef!important;
    color:#6a6d76!important;
    text-shadow:none
}
.btn-transparent:hover{
    background-color:#eaeaea!important
}
.btn-orange{
    background-color:#ff7300;
    border-color:#ff7300
}
.btn-orange,.btn-orange:visited{
    color:#fff
}
.btn-orange.active,.btn-orange:active,.btn-orange:focus,.btn-orange:hover{
    color:#fff;
    background-color:#e66800;
    border-color:#e66800
}
.btn-orange.active,.btn-orange:active{
    background-image:none
}
.btn-orange.disabled,.btn-orange.disabled.active,.btn-orange.disabled:active,.btn-orange.disabled:focus,.btn-orange.disabled:hover,.btn-orange[disabled],.btn-orange[disabled].active,.btn-orange[disabled]:active,.btn-orange[disabled]:focus,.btn-orange[disabled]:hover{
    background-color:#ff7300;
    border-color:#ff7300
}
.btn-primary{
    background-color:#ff7300;
    border-color:#ff7300!important;
    border-bottom:1px solid #de6501
}
.btn-primary,.btn-primary:visited{
    color:#fff
}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    color:#fff;
    background-color:#de6501;
    border-color:transparent
}
.btn-primary.active,.btn-primary:active{
    background-image:none
}
.btn-primary.disabled,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{
    background-color:#ff7300
}
.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary[disabled].active,.btn-primary[disabled]:active{
    background-color:#ff7300;
    border-color:#ff7300
}
.btn-primary.disabled,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:focus,.btn-primary[disabled]:hover{
    background:#d2d2d2;
    border:1px solid #d2d2d2;
    color:#757575
}
body>.block{
    position:relative;
    overflow:hidden;
    padding:34px 0
}
body>.block.alt{
    background-color:#f1f1f1;
    overflow:hidden
}
body>.block .block-title{
    font:36px Georgia,serif;
    margin:0 0 1em;
    color:#404040
}
.rfq-block{
    background:0 0 #f0f0ea;
    border-radius:5px;
    box-shadow:0 1px 3px #707070;
    margin:0 0 25px;
    padding:20px
}
.rfq-block .title{
    font-size:18px;
    margin:0 auto 14px
}
.rfq-block form{
    margin:0 auto
}
.rfq-block label{
    display:block;
    font-size:14px
}
.rfq-block input[type=text],.rfq-block select{
    background:#fff;
    box-sizing:border-box;
    padding:3px;
    width:100%
}
.rfq-block input[type=text]{
    border:1px solid #d9d9d9
}
.rfq-block select{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
.rfq-block.centered-button{
    text-align:center
}
.rfq-block.new-rfq-block{
    border:1px solid #e4e4e6;
    padding:30px;
    margin-bottom:40px
}
.rfq-block.new-rfq-block .title{
    font-size:20px
}
.rfq-block.new-rfq-block .form-container{
    width:50%;
    float:left;
    margin-top:10px;
    display:block
}
.rfq-block.new-rfq-block .form-container:nth-child(2n){
    padding-left:15px
}
.rfq-block.new-rfq-block .form-container:nth-child(2n+1){
    padding-right:15px
}
.rfq-block.new-rfq-block .button-container{
    text-align:left!important
}
@media (max-width:767px){
    .rfq-block.new-rfq-block .form-container{
        width:100%
}
    .rfq-block.new-rfq-block .form-container:nth-child(2n){
        padding-left:0!important
}
    .rfq-block.new-rfq-block .form-container:nth-child(2n+1){
        padding-right:0!important
}
}
.modal{
    z-index:2200;
    background-color:rgba(100,100,100,.1)
}
.modal .modal-content{
    border:0!important;
    overflow-x:hidden;
    overflow-y:auto!important
}
@media screen and (max-width:991px){
    .modal .modal-content{
        border-radius:0
}
}
.modal .modal-body{
    font-size:13px;
    color:#666
}
.modal .modal-body a,.modal .modal-body p,.modal .modal-body span{
    font-size:inherit
}
.modal .modal-body .modal-footer{
    padding-bottom:0;
    margin-left:-15px;
    margin-right:-15px
}
@media (min-width:768px){
    .modal-content{
        box-shadow:0 5px 15px rgba(0,0,0,.5)
}
    .modal-sm{
        width:300px
}
}
@media (min-width:992px){
    .modal-lg{
        width:900px
}
}
.well{
    box-shadow:none;
    border:0
}
.well>h1:first-child,.well>h2:first-child,.well>h3:first-child,.well>h4:first-child,.well>h5:first-child,.well>h6:first-child{
    margin:5px 0 25px
}
.well-white{
    background-color:#fdfdfd!important
}
[class*=' notice_'],[class^=notice_]{
    padding:12px 12px 12px 46px;
    position:relative;
    box-sizing:border-box;
    border:0;
    border-radius:0;
    clear:both
}
[class*=' notice_']{
    margin:10px auto 30px
}
[class*=' notice_'] a:not(.btn),[class^=notice_] a:not(.btn){
    color:inherit;
    text-decoration:underline
}
[class*=' notice_'] .btn,[class^=notice_] .btn{
    color:#fff
}
[class^=notice_]+[class^=notice_],[class^=notice_]+[class^=user_notice],[class^=user_notice]+[class^=notice_],[class^=user_notice]+[class^=user_notice]{
    margin-top:-20px!important
}
.pagination{
    margin-bottom:40px;
    display:inline-block
}
.pagination:after,.pagination:before{
    content:'';
    display:table
}
.pagination:after{
    clear:both
}
.pagination>li{
    display:inline-block!important;
    margin:0;
    float:left
}
.pagination>li+li{
    margin-left:4px
}
.pagination>li>a,.pagination>li>span{
    border-radius:4px!important;
    font-size:15px
}
.pagination>li:not(.disabled):not(.active)>span{
    border:0
}
.pagination>li:not(.disabled):not(.active)>span:focus,.pagination>li:not(.disabled):not(.active)>span:hover{
    background:0 0!important;
    cursor:default!important
}
.pagination>li.disabled:not(.active)>a,.pagination>li.disabled:not(.active)>span{
    background-color:#ededed;
    cursor:default!important
}
.pagination>li.disabled:not(.active)>a:focus,.pagination>li.disabled:not(.active)>a:hover,.pagination>li.disabled:not(.active)>span:focus,.pagination>li.disabled:not(.active)>span:hover{
    background-color:#ededed
}
.app-button{
    text-decoration:none!important
}
.app-button:first-child{
    margin-right:10px
}
[data-action=show-signin-popup],[data-action=show-signup-popup]{
    cursor:pointer
}
html{
    font-size:16px
}
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#2b2b2b
}
.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    text-decoration:none
}
.t-lg{
    font-size:36px;
    font-weight:400
}
@media screen and (max-width:768px){
    .t-lg{
        font-size:28px
}
}
.t-md{
    font-size:28px;
    font-weight:400
}
@media screen and (max-width:768px){
    .t-md{
        font-size:24px
}
}
.t-m{
    font-size:24px;
    font-weight:400
}
.t-sm,.t-xs{
    font-size:21px;
    font-weight:400
}
.t-xs{
    font-size:14px
}
.wc-modal a :visited{
    color:#fff
}
.background-label{
    padding:0 10px;
    border-radius:10px;
    color:#fff!important;
    font-weight:initial;
    line-height:1.4;
    display:inline-block;
    vertical-align:middle;
    background-color:#d2d2d2
}
.background-label.primary{
    background-color:#ff7300
}
.wc-modal .btn-primary{
    background-color:#ff7300;
    color:#fff
}
.wc-modal .btn-primary:active,.wc-modal .btn-primary:hover{
    background-color:#cc5c00
}
.wc-modal a{
    border:0
}
.autocomplete-input .twitter-typeahead{
    width:100%
}
.autocomplete-input .twitter-typeahead .tt-menu{
    width:auto;
    max-height:150px;
    overflow-y:auto;
    font-size:21px;
    min-width:100%
}
@media (min-width:991px){
    .autocomplete-input .twitter-typeahead .tt-menu{
        max-height:340px
}
}
.input-lg{
    font-size:21px
}
label.button-label{
    background-color:#ededed;
    width:100%;
    padding:15px 0 15px 35px;
    font-weight:400;
    cursor:pointer
}
label.button-label--white{
    background-color:#fff
}
.be-project .project h3{
    margin-top:10px;
    margin-bottom:5px;
    font-size:20px;
    color:#ff7300
}
a:hover .img-avatar{
    -webkit-transition:opacity .15s linear .5s ease-out;
    transition:opacity .15s linear .5s ease-out;
    opacity:.75
}
.img-avatar{
    border:2px solid #ccc
}
#t_comments form,.be-comment form{
    position:relative
}
#home-projects{
    overflow:hidden
}
#home-projects .project{
    box-sizing:border-box;
    text-align:center;
    margin:30px 0 50px;
    height:280px;
    cursor:pointer
}
#home-projects .project .project-img{
    position:relative;
    z-index:1
}
#home-projects .project .project-img img{
    box-sizing:content-box;
    width:265px;
    height:175px;
    padding:5px;
    background:#fff;
    border:1px solid #c9c9c9;
    position:relative;
    z-index:2;
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:all 150ms ease-in-out;
    transition:all 150ms ease-in-out;
    outline:0;
    display:block;
    overflow:hidden
}
#home-projects .project .project-img:after,#home-projects .project .project-img:before{
    box-sizing:content-box;
    content:'';
    background:#fff url(//es.habcdn.com/images/layout/home/fakeimg.png) no-repeat center center;
    padding:5px;
    display:block;
    width:265px;
    height:175px;
    border:1px solid #c9c9c9;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-144px;
    margin-top:-94px;
    -webkit-transition:all 150ms ease-in-out;
    transition:all 150ms ease-in-out;
    outline:0;
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
}
#home-projects .project .project-img:after{
    z-index:1
}
#home-projects .project .project-img:before{
    z-index:2
}
#home-projects .project .project-description{
    box-sizing:content-box;
    width:163px;
    display:inline-block;
    background:#fff;
    border:1px solid #dedede;
    position:relative;
    top:-22px;
    z-index:0;
    text-align:left;
    padding:36px 10px 10px 65px;
    height:54px;
    margin:0 1px
}
#home-projects .project .project-description .h3,#home-projects .project .project-description h3{
    margin:0;
    font-size:13px;
    line-height:1.2
}
#home-projects .project .project-description .h4,#home-projects .project .project-description h4{
    line-height:1.2;
    font-weight:400;
    margin:4px 0 0;
    font-size:11px
}
#home-projects .project .project-description:after{
    box-sizing:content-box;
    content:'';
    position:absolute;
    left:-2px;
    top:-2px;
    right:-2px;
    bottom:-2px;
    border:3px solid #3baef2;
    z-index:0;
    pointer-events:none;
    opacity:0;
    -webkit-transition:opacity 150ms linear;
    transition:opacity 150ms linear;
    border-radius:4px
}
#home-projects .project:hover .project-description:after{
    opacity:1;
    -webkit-transition:opacity .3s linear;
    transition:opacity .3s linear
}
#home-projects .project:nth-child(5n+1) .project-img:after,#home-projects .project:nth-child(5n+1) .project-img:before{
    -webkit-transform:rotate(3deg);
    transform:rotate(3deg);
    margin-left:-140px;
    margin-top:-96px
}
#home-projects .project:nth-child(2n+3) .project-img:after,#home-projects .project:nth-child(2n+3) .project-img:before{
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg);
    margin-left:-140px;
    margin-top:-90px
}
#home-projects .project:hover .project-img img{
    -webkit-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    -webkit-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
#home-projects .project:nth-child(5n+1):hover .project-img img{
    -webkit-transform:rotate(3deg);
    transform:rotate(3deg)
}
#home-projects .project:nth-child(2n+3):hover .project-img img{
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
}
#home-projects .project:hover .project-img:before{
    -webkit-transform:rotate(-6deg);
    transform:rotate(-6deg);
    -webkit-transition:all 110ms ease-in-out;
    transition:all 110ms ease-in-out
}
#home-projects .project:hover .project-img:after{
    -webkit-transform:rotate(3deg);
    transform:rotate(3deg);
    -webkit-transition:-webkit-transform 120ms ease-in-out;
    transition:transform 120ms ease-in-out;
    transition:transform 120ms ease-in-out,-webkit-transform 120ms ease-in-out
}
#home-projects .project:nth-child(5n+1):hover .project-img:before{
    -webkit-transform:rotate(1deg);
    transform:rotate(1deg)
}
#home-projects .project:nth-child(5n+1):hover .project-img:after{
    -webkit-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
#home-projects .project:nth-child(2n+3):hover .project-img:before{
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
#home-projects .project:nth-child(2n+3):hover .project-img:after{
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg);
    margin-left:-146px
}
@media (max-width:991px){
    #home-projects .more,#home-projects .project .project-img:after,#home-projects .project .project-img:before,#home-projects .project:hover .project-description:after{
        display:none!important
}
    #home-projects .button-more{
        display:block!important;
        text-align:center;
        margin-top:10px
}
    #home-projects .project{
        padding:0;
        height:auto;
        max-width:450px;
        margin:0 auto -50px
}
    #home-projects .project .project-img a{
        float:left
}
    #home-projects .project:hover .project-img img{
        -webkit-transform:rotate(0)!important;
        transform:rotate(0)!important
}
    #home-projects .project .project-img{
        margin-left:5px;
        margin-right:5px
}
    #home-projects .project .project-img img{
        box-sizing:border-box;
        width:100%;
        height:auto
}
    #home-projects .project .project-description{
        box-sizing:border-box;
        width:85%;
        top:-4.9em;
        z-index:1;
        padding:10px 10px 10px 65px;
        overflow:hidden;
        left:0;
        margin-left:5px;
        margin-right:5px;
        border-bottom:0;
        background-color:rgba(255,255,255,.9);
        height:4.5em
}
    #home-projects .project .project-description:after{
        display:none
}
}
@media (max-width:500px){
    #home-projects .project{
        width:100%;
        float:none;
        height:auto
}
    #home-projects .project:nth-child(3),#home-projects .project:nth-child(4){
        display:none!important
}
}
#t_comments .first,.be-comment .first{
    margin-bottom:30px!important
}
#t_comments .comment-link,.be-comment .comment-link{
    text-align:right;
    font-size:13px!important
}
@media (max-width:767px){
    #t_comments .comment-link,.be-comment .comment-link{
        text-align:left;
        margin-bottom:20px;
        margin-top:-30px
}
}
#t_comments .comment-link a,#t_comments .comment-link a:visited,#t_projects .add-project a,#t_projects .add-project a:visited,.be-comment .comment-link a,.be-comment .comment-link a:visited{
    color:#007fc2
}
#t_comments #comments_container,.be-comment #comments_container{
    margin-top:5px
}
#t_projects .new-project-block h2{
    margin-top:0!important
}
#t_projects .add-project{
    color:#007fc2;
    width:100%
}
body.quotation-list .quotation-sidebar h2,body.quotation-list .quotation-sidebar p{
    color:#666
}
body.quotation-list .quotation-sidebar{
    padding-left:30px
}
@media (max-width:991px){
    body.quotation-list .quotation-sidebar{
        padding-left:15px
}
}
body.quotation-list .quotation-sidebar .footer-text{
    font-size:12px;
    text-align:center;
    margin-top:40px;
    margin-bottom:20px
}
body.quotation-list #page_title{
    padding-top:10px;
    margin-top:0;
    color:#666
}
body.quotation-list h2.quotation-list-title{
    font-style:25px
}
body.quotation-list .h2_title,body.quotation-list h2,body.quotation-list p{
    color:#666
}
.rfq-block.well{
    border:1px solid #e4e4e6;
    margin-top:25px;
    padding:30px;
    margin-bottom:40px
}
.rfq-block.well .title{
    font-size:20px
}
.rfq-block.well form .form-container{
    width:50%;
    float:left;
    display:block
}
.rfq-block.well form .form-container:nth-child(2n){
    padding-left:15px
}
.rfq-block.well form .form-container:nth-child(2n+1){
    padding-right:15px
}
@media (max-width:767px){
    .rfq-block.well form .form-container{
        width:100%
}
    .rfq-block.well form .form-container:nth-child(2n){
        padding-left:0
}
    .rfq-block.well form .form-container:nth-child(2n+1){
        padding-right:0
}
}
form[name=call_classification_form] label{
    font-weight:400
}
#activity_form{
    display:none;
    background:#f6f6f6;
    border:1px solid #ccc;
    border-radius:4px;
    padding:10px 20px;
    margin-bottom:20px;
    overflow:hidden
}
form[name=call_classification_form] div>.title{
    margin:5px 0;
    display:block;
    font-size:16px
}
footer{
    text-align:center;
    background:#f5f5f5
}
footer .row{
    padding-top:1.5em
}
.wc-modal .modal-content .modal-body .modal-footer .btn+.wc-modal .modal-content .modal-body .modal-footer .btn,.wc-modal .modal-content .modal-body .modal-footer .btn+.wc-modal .modal-content .modal-body [role=modal-footer] .btn,.wc-modal .modal-content .modal-body [role=modal-footer] .btn+.wc-modal .modal-content .modal-body .modal-footer .btn,.wc-modal .modal-content .modal-body [role=modal-footer] .btn+.wc-modal .modal-content .modal-body [role=modal-footer] .btn{
    margin-left:0
}
.form-footer{
    margin-top:30px
}
.quotation-modal .input-lg{
    font-size:18px
}
.quotation-modal label.button-label{
    background-color:#ededed;
    width:100%;
    padding:15px 0 15px 35px;
    font-weight:400;
    cursor:pointer
}
.quotation-modal label.button-label--white{
    background-color:#fff
}
#form-hint{
    position:absolute;
    margin-left:-20px;
    font-size:13px;
    margin-top:-16px
}
#form-hint p{
    margin:0;
    padding:20px
}
.quotation-modal .modal-body{
    background-color:#ededed
}
.wc-modal{
    z-index:2200;
    padding-right:0!important
}
.wc-modal[data-modal-type=alert]:before{
    content:" ";
    height:100%
}
.wc-modal[data-modal-type=alert]:before{
    display:inline-block;
    vertical-align:middle
}
.wc-modal .modal-content{
    padding:32px
}
.wc-modal .modal-content .modal-body{
    padding:0
}
.wc-modal .modal-content .modal-body .row+.row{
    margin-top:32px
}
.wc-modal .modal-content .modal-body img{
    width:auto
}
.wc-modal .modal-content .modal-body .modal-footer,.wc-modal .modal-content .modal-body [role=modal-footer]{
    padding:32px 0 0;
    border:0;
    text-align:right;
    font-size:90%;
    margin:0
}
[data-modal-footer=modal-footer]{
    border-top:1px solid #ededed;
    padding-top:.5rem;
    position:absolute;
    bottom:2px;
    width:100%
}
@media screen and (max-width:767px){
    .wc-modal[data-modal-type=transactional] .btn{
        width:100%;
        margin-left:0
}
    .wc-modal[data-modal-type=transactional] .btn:first-child{
        margin-bottom:8px
}
    .wc-modal .modal-content{
        padding:16px
}
    .wc-modal .modal-content .modal-footer,.wc-modal .modal-content [role=modal-footer]{
        padding:16px 0 0
}
    .wc-modal .modal-content .modal-footer .btn,.wc-modal .modal-content [role=modal-footer] .btn{
        padding:12px 32px;
        font-size:18px;
        line-height:1
}
}
@media screen and (max-width:321px){
    .wc-modal .modal-content .modal-footer .btn,.wc-modal .modal-content [role=modal-footer] .btn{
        padding:8px 16px
}
}
.white_row{
    background-color:#fff;
    margin:0
}
.button-link a:active{
    text-decoration:none
}
.button-link{
    cursor:pointer;
    border-bottom:1px solid #ededed;
    position:relative
}
.button-link a,.button-link a span{
    overflow:hidden;
    text-overflow:ellipsis;
    color:#2b2b2b
}
.button-link a{
    padding:20px 20px 20px 10px;
    display:block;
    white-space:nowrap;
    margin-right:20px
}
@media (max-width:480px){
    .button-link a{
        white-space:normal
}
}
.button-link a:hover{
    text-decoration:none;
    color:inherit
}
.button-link a span{
    width:auto
}
@media (max-width:480px){
    .button-link a span{
        display:block;
        line-height:1.2
}
}
.button-link a>img{
    left:10px
}
.button-link a>img~span{
    margin-left:20px
}
.button-link:hover{
    background-color:#ededed
}
.btn-orange:hover{
    background-color: #000000;
}


