body {

    margin: 0;

    padding: 0;

    font-family: Arial, Helvetica, sans-serif;

    color: #4C1B1B;

}



p {

    margin: 0px 0px 1em 0px;

}



a {

    outline: none;

}



.container_man {

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.title {

    width: 70%;

    margin: 0px auto 40px;

}



.title h1 {

    text-align: center;

    font-size: 36px;

    text-transform: uppercase;

    padding: 10px 10px;

    border-radius: 5px;

    box-shadow: 0px 0px 5px 1px #FCFAE1;

}



.gallery {

    width: 101%;

    margin: auto;

}



.filter {

    background-color: #fff;

    margin-bottom: 1em;

    padding: 0;

    top: 12%;

    left: 0;

    position: fixed;

    z-index: 200;

    width: 20%;

    height: 88%;

}



.galery_heder {

    background: #fff;

    position: fixed;

    z-index: 1111;

    width: 98.7%;

    left: 0%;

    height: 100px;

}



.galery_heder_1 {

    position: absolute;

    width: 100%;

    height: 100px;

    z-index: 11;

    background: #fff;

}



.filter ul {

    margin-top: 17%;

    width: 100%;

    padding-left: 20px;

}



.filter ul li {

    list-style: none;

    width: 100%;

    margin-bottom: 10px;

    /*right: -150px;*/

    position: relative;

    /*opacity: 0;*/

}



.menu_gallerya1 {

    /*display: none;*/

    left: -22%;

    -webkit-transition: all 0.7s;

    transition: all ease-in-out 0.7s;

}



.left_0 {

    left: 0;

}



.left_50 {

    left: 50px;

}



.blocker {

    position: fixed;

    top: 0;

    right: 0;

    height: 100%;

    width: 80%;

    z-index: 200;

    display: none;

    background: rgba(0, 0, 0, 0.6);

}



.blocker_1 {

    position: fixed;

    top: 0;

    /*opacity: 0;*/

    right: 0;

    height: 100%;

    width: 82%;

    z-index: 200;

    display: none;

    background: rgba(0, 0, 0, 0.6);

}



.block_add {

    opacity: 1;

    width: 80%

}



.filter ul li a {

    color: #fff;

    font-size: 13px;

    line-height: 30px;

}



.filter ul li a span {

    color: #000;

    font-size: 14px;

    line-height: 30px;

    padding:0 2px 0 0 ;

    font-weight: bold;

    font-family: "ArquitectaBook";

}





/*.filter span {

    padding: 0: ;

    0 0;

    font-family: Georgia, cursive;

    font-style: italic;

}*/



.filter .footer_logo .logo_stone {

    width: 110px;

    float: left;

    padding: 0;

    margin-right: 0;

    margin-left: 10px;

}



.filter a {

    color: #BD8D46;

    font-size: .85em;

    text-decoration: none;

    text-transform: uppercase;

    padding: 3px 20px;

    -webkit-transition: all 0.2s;

    transition: all ease-in-out 0.2s;

}



.filter a:hover {

    color: #B9121B;

}



.filter a.selected {

    color: #c69540;

    font-weight: bold;

}



#img1 {

    transform-origin: top left; /* IE 10+, Firefox, etc. */

    -webkit-transform-origin: top left; /* Chrome */

    -ms-transform-origin: top left; /* IE 9 */

}

#img1.rotate90 {

    transform: rotate(90deg) translateY(-100%);

    -webkit-transform: rotate(90deg) translateY(-100%);

    -ms-transform: rotate(90deg) translateY(-100%);

}

#img1.rotate180 {

    transform: rotate(180deg) translate(-100%,-100%);

    -webkit-transform: rotate(180deg) translate(-100%,-100%);

    -ms-transform: rotate(180deg) translateX(-100%,-100%);

}

#img1.rotate270 {

    transform: rotate(270deg) translateX(-100%);

    -webkit-transform: rotate(270deg) translateX(-100%);

    -ms-transform: rotate(270deg) translateX(-100%);

}





.rotate0 {

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    transform: rotate(0deg);

}



.rotate90 {

    -ms-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

}



.rotate180 {

    -ms-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    transform: rotate(180deg);

}



.rotate270 {

    -ms-transform: rotate(270deg);

    -webkit-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    transform: rotate(270deg);

}



.rotate360 {

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

}



.thumbnail_wrap {

    position: relative;

    width: 100% !important;

    height: auto !important;

}



.fancybox-skin {

    padding: 0px;

    text-align: center;

    width: 100%;

    height: 108% !important;

}



.opened_1 {

    overflow: hidden;

    width: 140% !important;

    margin-left: -135px;

    margin-top: -65px;

    height: 140% !important;

}

a.thumbnail 

 {

 

    position: relative;

    width: 32.5%;

    overflow: hidden;

    height: auto;

    float: left;

    margin-top: -10px;

    display: inline-block;

    margin-left: px;

}

.larg_gal a.thumbnail {

    height: auto;

    width: 48.6%;

    margin: 3px 5px;

}



a.thumbnail img {

    width: 100%;

    height: auto;

    padding: 0;

    margin-top: -10px;

}



a.thumbnail .thumb {

    width: 100%;

    top: 0;

    left: 0;

    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);

    transform: translate(0, 0);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -moz-transition: -moz-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

}



a.thumbnail:hover .thumb {

    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    transform: translate(0, 20px);

}



a.thumbnail:hover .thumb {

    -webkit-transform: translate(0, 10px);

    -moz-transform: translate(0, 10px);

    -ms-transform: translate(0, 10px);

    -o-transform: translate(0, 10px);

    transform: translate(0, 10px);

}



a.thumbnail .meta {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    margin-top: -30px;

    height: 117%;

    z-index: 3;

    background-color: rgba(0, 0, 0, 0.5);

    text-align: center;

    color: #fff;

    letter-spacing: 0.25em;

    line-height: 1.2;

    font-family: 'Calibre-Bold', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-weight: 700;

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out, -o-transform 0.3s ease-out;

    transition: opacity 0.3s ease-out, transform 0.3s ease-out;

}



a.thumbnail:hover .meta {

    opacity: 1;

    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    transform: translate(0, 20px);

}



.filter ul li a









/*

.hover-line

---------------------------------------*/



.hover-line-links a > span,

a.hover-line > span {

    display: inline-block;

    position: relative;

    white-space: nowrap;

}



.hover-line-links a > span:after,

a.hover-line > span:after {

    content: '';

    height: 1px;

    width: 0%;

    position: absolute;

    top: 50%;

    left: 110%;

    background-color: #000;

    -webkit-transition: width 500ms, left 500ms;

    -moz-transition: width 500ms, left 500ms;

    -o-transition: width 500ms, left 500ms;

    transition: width 500ms, left 500ms;

}



.hover-line-links a:hover > span:after,

.hover-line-links a.current > span:after,

a.hover-line:hover > span:after,

a.hover-line.current > span:after {

    width: 120%;

    left: -10%;

    -webkit-transition: width 500ms;

    -moz-transition: width 500ms;

    -o-transition: width 500ms;

    transition: width 500ms;

}





/*

.btn

---------------------------------------*/





/*

.hover-line

---------------------------------------*/



.black .hover-line-links a > span,

.black.black a.hover-line > span {

    display: inline-block;

    position: relative;

    white-space: nowrap;

}



.black .hover-line-links a > span:after,

.black.black a.hover-line > span:after {

    content: '';

    height: 1px;

    width: 0%;

    position: absolute;

    top: 48%;

    left: 110%;

    background-color: #fff;

    -webkit-transition: width 500ms, left 500ms;

    -moz-transition: width 500ms, left 500ms;

    -o-transition: width 500ms, left 500ms;

    transition: width 500ms, left 500ms;

}



.black .hover-line-links a:hover > span:after,

.black .hover-line-links a.current > span:after,

.black.black a.hover-line:hover > span:after,

.black.black a.hover-line.current > span:after {

    width: 120%;

    left: -12%;

    -webkit-transition: width 500ms;

    -moz-transition: width 500ms;

    -o-transition: width 500ms;

    transition: width 500ms;

}





/*

.btn

---------------------------------------*/



.client {

    margin-top:25%;

    font-size: 14px;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-family: "ArquitectaBold";

    position: absolute; top: 10%; left: 0;

    width: 100%; text-align: center;

}



.fact_col1 {

    width: 98.2% !important;

}



.fact_col1 img {

    width: 100% !important;

    height: 350px !important;

}





/*a.thumbnail img:hover {

    box-shadow: 0px 0px 4px #4C1B1B;

}*/



.clear_floats {

    clear: both;

    line-height: 1px;

}





/* Horizontal Media Queries */



@media screen and  (max-width: 1024px) {

   

  .galler_1 li {

        width: 48.1%;

        height: 240px;

    }

    .galler_1 li:nth-child(1),

    .galler_1 li:nth-child(2),

    .galler_1 li:nth-child(3),

    .galler_1 li:nth-child(4),

    .galler_1 li:nth-child(5),

    .galler_1 li:nth-child(6),

    .galler_1 li:nth-child(7) {

        width: 44%;

        float: left;

        height: 180px;

    }

    .galler_1 li h3 {

        font-size: 9px;

    }

    .galler_1 li:nth-child(5) {

        margin-top: 3px;

    }

    .galler_1 ul {

        width: 100%;

        margin-top:0px;

    }



    .larg_gal a.thumbnail{    width: 47.6%;}



  .galler_3 li:nth-child(1), .galler_1 li:nth-child(2), .galler_1 li:nth-child(3){

    width: 47%;

 }



.man_gallery li{width: 47% !important;

    margin: 4px 5px !important;}





 

}







@media screen and  (min-width: 1300px) and  (max-width: 1900px) {



.gallery_ab li{width: 47% !important;

    margin: 4px 5px !important;}





 

  .gallery_ab li:nth-child(2), .gallery_ab li:nth-child(3){

    width: 22.8% !important;

 }

 .gallery_ab li:nth-child(4) {

    width: 47.3% !important;

    height: 215px;

}



.gallery_aa li:nth-child(1) {

    float: right;

    margin-right: 2.7% !important;

}

.man_gallery li h3{line-height: 17px;}

.gallery_aa li:nth-child(4) {    top: 0;

    width: 46.9%;

    float: left;

    height: 215px;

}

 .gallery_aa li:nth-child(2), .gallery_aa li:nth-child(3){

    width: 22.8% !important;

 }



 .gal_2 li{height: 132px !important; }



}



@media screen and  (min-width: 1400px) and  (max-width: 1900px) {

     .gal_2 li{height:182px !important; }



 }



 



@media screen and  (min-width: 1200px) and  (max-width: 1300px) {



.gallery_ab li{width: 47% !important;

    margin: 4px 5px !important;}





 

  .gallery_ab li:nth-child(2), .gallery_ab li:nth-child(3){

    width: 22.8% !important;

 }

 .gallery_ab li:nth-child(4) {

    width: 47.3% !important;

    height: 215px;

}



.gallery_aa li:nth-child(1) {

    float: right;

    margin-right: 2.7% !important;

}

.man_gallery li h3{line-height: 17px;}

.gallery_aa li:nth-child(4) {    top: 0;

    width: 46.9%;

    float: left;

    height: 215px;

}

 .gallery_aa li:nth-child(2), .gallery_aa li:nth-child(3){

    width: 22.8% !important;

 }



 .gal_2 li{height: 135px !important; }



}



 





@media screen and (min-width: 1200px) and (max-width: 1600px) {

    .thumbnail_wrap {

     margin-left:0px;

    }

}



@media only screen and (max-width: 479px){



    .galler_2 ul {

    width: 100%;

    margin-top:0px;}







}







@media only screen and (max-width: 1150px){



   .gal_2 li{height: 120px !important; }





}



    





@media screen and  (min-width: 768px) and  (max-width: 1000px) {

.gal_2 li{height: 136px !important;

width: 50% !important;}



}

@media screen and  (max-width: 768px) {

   

    .gal_2 li{height: 193px !important;

width: 100% !important;}

  .galler_3 li:nth-child(1), .galler_1 li:nth-child(2), .galler_1 li:nth-child(3){

    width: 47%;

 }



.man_gallery li{width: 47% !important;

    margin: 4px 5px !important;}





 

}







@media screen and (min-height: 521px) and (max-height: 700px) {

    .title h1 {

        font-size: 24px;

    }

}





/* Vertical Media Queries */



@media screen and (min-width: 50px) and (max-width: 500px) {

    .title h1 {

        font-size: 18px;

    }

    body {

        padding: 0px 5px;

    }

    .gallery {

        width: auto;

    }

    .filter span {

        display: block;

        margin-bottom: 10px;

    }

    .filter a {

        display: block;

    }

}



@media screen and (min-width: 501px) and (max-width: 960px) {

    .title h1 {

        font-size: 24px;

    }

    .filter span {

        display: block;

        margin-bottom: 10px;

    }

    .filter a {

        display: block;

        width: 35%;

        float: left;

    }

}



@media screen and (min-width: 961px) {

    .filter span {

        padding-right: 20px;

    }

}







@media only screen and (max-width: 479px) {

    .larg_gal a.thumbnail {

        height: 170px !important;

        width: 100% !important;

    }

    .larg_gal a.thumbnail{

        height: auto !important;}

        

    .fact_col1 img {

        height: auto !important;

    }

    .fancybox-skin {

        height: 78% !important;

    }

    .fancybox-next {

        right: 1%;

    }

    .fancybox-prev {

        left: -1% !important;

    }

    .page_home {

        /*background: none;*/

        display: block;

        background: #fff !important;

    }

    .galler_1 li {

        width: 100% !important;

        height: 240px;

    }

    .galler_1 li:nth-child(1),

    .galler_1 li:nth-child(2),

    .galler_1 li:nth-child(3),

    .galler_1 li:nth-child(4),

    .galler_1 li:nth-child(5),

    .galler_1 li:nth-child(6),

    .galler_1 li:nth-child(7) {

        width: 100% !important;

        float: left;

        height: 200px;

    }

    .galler_1 li h3 {

        font-size: 9px;

    }

    .galler_1 li:nth-child(5) {

        margin-top: 3px;

    }

    .galler_1 ul {

        width: 100%;

        margin-top: 0px;

    }

    /* .menu_gallerya1 {

         left: -52%;

    }

    .filter {

        width: 50%;

    }*/

    /*  .menu_gallerya1 {

     display: none; 

    left: -48%;

    width: 100%;

}*/

    .menu_contner {

        float: right;

        width: 100%;

        margin-top: 20px;

    }

    .filter {

        background: #fff;

        width: 50%;

    }

    .black .filter {

        background: #000;

        width: 50%;

    }

    .black .page_home {

        /* background: none; */

        display: block;

        background: #000 !important;

    }

    .photos {

        margin-top: 110px;

    }

    a.thumbnail {

        position: relative;

        width: 100%;

    }

    .menu_gallerya1 {

        /* display: none; */

        left: -63%;

    }

    .filter ul li {

        margin-bottom: 0px;

    }

    .filter ul li a span {

        line-height: 14px;

    }

    .page_titale { 

        width: 37%;

    padding-top: 4%;}

.fancybox-inner {

    overflow: hidden;

    width: 100% !important;

    height: 60% !important;

    margin-top: 130px;



  

}