/*html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}*/
* {
    outline: nonel;
}
.clear {
    clear: both;
}
body {
    background-color: #b8b8b8;
    background:#b8b8b8 url(images/bg.jpg) center top no-repeat;
    font-family: arial;
}
.container {
    width: 1182px;
    margin: 0 auto;
}
header {
    margin-top: 25px;
    height: 70px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #cacaca;
}
.logo {
    margin-top: 10px;
    float: left;
}
.mainnav {
    float: right;
}
.mainnav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mainnav ul li {
    display: inline-block;
}
.mainnav ul li a {
    color: #7d7d7d;
    font-size: 14px;
    text-transform: uppercase;
    height: 70px;
    line-height: 70px;
    text-decoration: none;
    margin: 0 30px;
    display: inline-block;
    font-family: arial;
}
.mainnav ul li a:hover, .mainnav .current_page_item a {
    color: #8cc63f;
}
.slides {
    height: 450px;
    width: 100%;
    margin-top: 50px;
}
.slider_desc {
    background: url(images/slide_desc_bg.png);
    width: 1182px;
    height: 98px;
    position: relative;
    top: -98px;
    overflow: hidden;
    margin-bottom: -98px;
}
.ss-paginate a {
    width: 252px;
    height: 58px;
    margin: 20px;
    display: block;
    float: left;
    cursor: pointer;
    position: relative;
}
.ss-paginate a.ss-current h4, .ss-paginate a.ss-current .slide_text{
    color: #fefefe;
    transition: color 1s;
}
.slider_desc h4 {
    color: #8cc63f;
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    margin-bottom: 9px;
    transition: color 1s;
}
.slider_desc .slide_text {
    color: #bbbbbb;
    font-size: 12px;
    line-height: 13px;
    transition: color 1s;
    height: 40px;
    overflow: hidden;
}
.currsent_border {
    opacity: 0;
    width: 0px;
}
.ss-paginate a.ss-current .currsent_border {
    height: 6px;
    width: 297px;
    position: absolute;
    top: -21px;
    background: #8cc63f;
    left: -20px;
    opacity: 1;
    transition: width 6s;
}
.slides_shadow {
    background: url(images/slide_shadow.png) center top no-repeat;
    height: 50px;
    width: 1182px;
}
.home_boxes {
}
.home_boxes .home_box {
    display: block;
    float: left;
    margin-right: 21px;
    border-bottom: 1px solid #afafaf;
}

.home_boxes .home_box:last-child {
    margin: 0;
}

.home_boxes .home_box .box_title {
    /*height: 50px;*/
    width: 348px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: #818285;
    padding: 16px;
}

.home_boxes .home_box .box_content {
    width: 348px;
    padding: 16px;
    background: #fff;
    color: #5e5e5e;
    font-size: 15px;
    position: relative;
    padding-bottom: 80px;
}

.box_url, .box_url:hover {
    display: block;
    width: 74px;
    height: 40px;
    padding: 0 12px;
    line-height: 40px;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: #8cc63f;
    border-bottom: 3px solid #70a030;
    margin-top: 25px;
    position: absolute;
    bottom: 20px;
}

footer {
    width: 1126px;
    background: #0d0d0d;
    margin-top: 50px;
    padding: 0 28px;
}
.footer_nav .menu {
    border-bottom: 1px solid #454545;
    padding: 0;
    margin: 0;
}
.footer_nav ul {
    list-style: none;

}
.footer_nav ul li {
    display: inline-block;
    padding: 29px;
}
.footer_nav ul li:first-child {
    padding-left: 0px;
}
.footer_nav ul li a {
    color: #b6b6b6;
    
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}
.footer_nav ul li a:hover {
    color: #f3f3f3;
}

.social {
    float: right;
    position: relative;
    top: -50px;
}
.social a {
    display: inline-block;
    height: 26px;
    width: 26px;
    margin-left: 8px;
}
.fb {
    background: url(images/fb.png) no-repeat;    
}
.twitter {
    background: url(images/twitter.png) no-repeat;    
}
.linkedin {
    background: url(images/linkedin.png) no-repeat;    
}
.footer_contact {
    color: #b6b6b6;
    min-width: 100%;
}
.footer_contact .block {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 26px;
    height: 22px;
    margin: 18px;
    padding-left: 31px;
}
.footer_contact .block:first-child {
    margin-left: 0px;
}
.footer_contact .block a {
    text-decoration: none;
    color: #b6b6b6;
}
.footer_contact .block a:hover, .footer_contact .block:hover {
    color: #8cc63f;
}
.footer_contact .block.address {
    background: url(images/home.png) left center no-repeat;
}
.footer_contact .block.phone {
    background: url(images/mobile.png) left center no-repeat;
}
.footer_contact .block.email {
    background: url(images/mail.png) left center no-repeat;
}
.copyright {
    padding: 10px;
    padding-left: 0;
}
.copyright .copy {
    float: left;
    color: #b6b6b6;
    font-size: 12px;
    border-right: 1px solid #b6b6b6;
    padding-right: 9px;
}
.copyright .privacy {
    
    
    
} 
.copyright .privacy a {
    float: left;
    display: block;
    font-size: 12px;
    color: #8cc63f;
    margin-left: 9px;
    text-decoration: none;
}
.copyright .privacy a:hover {
    text-decoration: underline;
}

.content {
    width: 1182px;
    margin: 50px auto;
    position: relative;
}
.content .header {
    background: #818285;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    
    margin: 0px;
}
.content .header h1 {
    display: inline-block;
    padding: 0px 24px;
    margin: 0;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}
.content article {
    padding: 20px;
    background: #fff;
    width: 1142px;
    color: #565656;
    font-size: 14px;
}
.projects_content {
    width: 1182px;
    /*margin-left: -20px;
    margin-top: -20px;*/
}
.project .project_hover, .project .project_title{    
    display: none;
}
.project {
    width: 548px;
    height: 270px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #dcdcdc;
    /*float: left;*/
    display: inline-block;
    margin-bottom: 20px;
    position: relative;
}
.project .project_title {
    display: block;
    position: absolute;
    bottom: -100%;
    background: url(images/portfolio_title_bg.png);
    width: 508px;
    padding: 20px;
    padding-bottom: 10px;
    transition: bottom 0.5s;
    z-index: 1000;
}
.slider1_container .project_content {
    display: block;
    font-size: 12px;
    color: #bbbbbb;
    padding: 15px;
    padding-right: 50px;
    opacity: 0;
    position: absolute;
    z-index: 1001;
    width: 242px;
    right: 0;
    height: 558px;
    overflow: auto;
    
    background: url(images/portfolio_title_bg.png);
    transition: opacity 0.5s;
}
.slider1_container .project_content:hover {
    opacity: 1;
}
.project .project_title h4 {
    color: #8cc63f;
    font-size: 16px;
}
.project .project_hover {
    background: #8cc63f url(images/lupa.png) center no-repeat;
    width: 64px;
    height: 64px;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -54px 0 0 -32px;
    opacity: 0;
    transition: opacity 0.5s;
}
.project .project_hover a {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.project:hover .project_hover {
    opacity: 1;
    transition: opacity 0.5s;
}
.project:hover .project_title {
    bottom: 5px;
    transition: bottom 0.5s;
    z-index: 100;
}
.project:nth-child(odd) {
    margin-right: 20px;
}
.project .mini {
    width: 548px;
    height: 270px;
    overflow: hidden;
    display: block;
}
.project .mini img {
    width: 548px !important;
    height: auto !important;
    min-height: 270px;
    max-width: 548px;
    position: relative;
    top: -50%;
    margin-top: 70px;
}
.filters {
    list-style: none;
    padding: 0;
    margin: 0;
}
.filters li {
    display: block;
    float: left;
}
.filters li:hover {
    background: #8cc63f;
}
.filters li.selected {
    background: #fff;

}
.filters li.selected a {
    color: #595959;    
}

.filters li a {
    text-decoration: none;
    color: #fff;
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    display: inline-block;
}
.categories {
    float: right;
    display: inline-block;
    height: 50px;
}
.left_content {
    float: left;
}
article.contact {
    background:#fff url("images/logo_bottom.png") left 25px top 287px no-repeat;
    padding-bottom: 120px;
}
article.contact h2 {
    color: #8cc63f;
    font-size: 18px;
    margin-bottom: 10px;
}
article.contact a {
    color: #8cc63f;
}
article.contact address {
    line-height: 24px;
    font-style: normal;
    font-size: 14px;
}
.map {
    padding: 5px 5px 1px 5px;
    border: 1px solid #dcdcdc;
    display: block;
    float: right;
}
.top_contact {
    width: 100%;
    clear: both;
}
.contact_form {
    margin: 0 60px;
    margin-top: 60px;

}
.contact_form input {
    width: 410px;
    height: 50px;
    background: #f8f8f8;
    color: #8a8a8a;
    font-size: 16px;
    border: 1px solid #d2d2d2;
    padding: 0 20px;
}
.contact_form input:focus {
    background: #fff;
    color: #6c6c6c;
    border: 1px solid #8cc63f;
    outline: none;
}
.contact_form input[type=submit] {
    display: block;
    width: auto;
    height: auto;
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: #8cc63f;
    border-bottom: 3px solid #70a030;
    margin-top: 25px;
    float: right;
    cursor: pointer;
}
.contact_form textarea {
    width: 450px;
    height: 216px;
    background: #f8f8f8;
    color: #8a8a8a;
    font-size: 16px;
    border: 1px solid #d2d2d2;
}
.contact_form textarea:focus {
    background: #fff;
    color: #6c6c6c;
    border: 1px solid #8cc63f;
    outline: none;
}
.contact_form p span {
    font-size: 14px;
    color: #818285;
    display: inline-block;
    margin-bottom: 6px;
}
.contact_form p span.wpcf7-not-valid-tip {
    display: block;
}
.contact_form h4 {
    text-align: center;
    color: #8cc63f;
    font-size: 18px;
    margin-bottom: 45px;
}
.left_side {
    float: left;
}
.right_side {
    float: right;
}
div.wpcf7-validation-errors {
    clear: both;
    border: 2px solid red;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #8cc63f;
}
.contact_form p {
    padding: 0;
    margin: 0;
}
.slider1_container {
    display: none;
}
.slider1_container:hover .jssort02, .slider1_container:hover .close{
    opacity: 1;
}
.slider1_container, .slider2_container {
    width: 1142px !important;
    height: 588px !important;
    position: absolute !important;
    top: 50px;
    left: 20px;
    z-index: 1000;
    
}
.slider1_container iframe {
    margin-left: 262px;
    margin-top: 101px;
}
.project_place {
    font-size: 80%;
    font-style: italic;
    line-height: 150%;
}
.close {
    width: 30px;
    height: 30px;
    background: #818285;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1002;
    cursor: pointer;
    border-radius: 2px;
    background:#818285 url(images/close.png) center no-repeat;
    background-size: 40px;
    opacity: 0;
    transition: opacity 1s;
}
.popup_shadow {
    display: none;
    background: #000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.jssort03 {
    width: 1142px; height: 60px;
}
.jssort02 {
    z-index: 1001;
    margin-left: 20px;
    display: block !important;
    opacity: 0;
    transition: opacity 1s;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c {
    background: url(images/lupa.png) center center no-repeat;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 95px;
    height: 64px;
    position: relative;
    z-index: 1002;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: #818285 1px solid;
    position: relative;
    z-index: 1002;
}
.jssort02 .w
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.jssort02 .c
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 62px;
    border: #fff 2px solid;
}