/* Global */

body {
    font-family: 'Droid Sans', 'Verdana', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height:21px;
    color: #333;
    overflow-x:hidden;
}
::selection {
    background: #c84942;
    color:#fff;
}
::-moz-selection {
    background: #c84942; /* Firefox */
    color:#fff;
}
img {
    max-width: 100%;
}
a:link {
    text-decoration: none;
    color:#333;
}
a:hover {
    color:#c84942;
}
a:visited {
    color: #c84942;
    text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}

.overflow_hidden {overflow-x:hidden;}

.paragraph  {
    text-align: justify;
    text-indent: 30px;
}

/* Navigation */
#undefined-sticky-wrapper {position:relative;height:0 !important;}
.menu {
    position:absolute;
    bottom:0;
    width:100%;
    height:76px;
    background:#3e3e3e;
    z-index:1000;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#logo {
    float:left;
    margin-bottom:0;
    margin-left:0;
}

#nav {
    text-align: right;
}
.navigation{
    list-style: none;
    margin: 0;
}
ul.navigation {
    overflow-x:hidden;
    position:relative;
    text-align:center;
    margin:0 auto;
    padding:0;
    width:770px;
}
.navigation li{
    display:inline-block;
    text-align:center;
    /*width:128px;*/
    padding:28px 0 7px;
    padding-right: 7px;
    padding-left: 7px;
    margin:0 -2.5px;
    text-transform:none;
    background:none;
    border-bottom:1px solid #616161;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:20px;
    color:#b7b7b7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.navigation li:hover,
.navigation .active {
    cursor:pointer;
    color:#fff;
}

.navi{
    list-style: none;
    margin: 0;
}
ul.navi {
    overflow-x:hidden;
    position:relative;
    text-align:center;
    margin:0 auto;
    padding:0;
    width:770px;
}
.navi li{
    display:inline-block;
    text-align:center;
    /*width:128px;*/
    padding:28px 0 7px;
    padding-right: 7px;
    padding-left: 7px;
    margin:0 -2.5px;
    text-transform:none;
    background:none;
    border-bottom:1px solid #616161;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:20px;
    color:#b7b7b7;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.navi li:hover,
.navi .active {
    cursor:pointer;
    color:#fff;
}

/* ________________ LavaLamp ________________ */
.effect {
    position: absolute;
    left: -30px;
    transition: 0.5s ease-in-out;
}
.navigation li:nth-child(1):hover ~ .effect {
    left: 57px; /* середина первого <a> */
    width: 60px;
}
.navigation li:nth-child(2):hover ~ .effect {
    left: 127px;  /* середина второго <a> */
    width: 90px;
}
.navigation li:nth-child(3):hover ~ .effect {
    left: 227px; /* середина третьего <a> */
    width: 135px;
}
.navigation li:nth-child(4):hover ~ .effect {
    left: 372px; /* середина четвертого <a> */
    width: 115px;
}
.navigation li:nth-child(5):hover ~ .effect {
    left: 497px; /* середина четвертого <a> */
    width: 108px;
}
.navigation li:nth-child(6):hover ~ .effect {
    left: 613px; /* середина четвертого <a> */
    width: 100px;
}

.ph-line-nav .effect {
    position:relative;
    z-index:100;
    width: 0px;
    height: 3px;
    bottom: 1px;
    background: #c84942;
    margin-left:0;
}

/* _______________ //LavaLamp _______________ */

.btn_dropdown {
    display:none;
    cursor:pointer;
    background:#fff;
    margin:20px 30px 0 0;
    width:130px;
    height:36px;
    text-align:center;
    font-family: 'Droid Sans', sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:36px;
    color:#3e3e3e;
    border-radius:5px;
}
.btn_dropdown:hover {color:#3e3e3e;}


/* General Slides */

.slide{
    background-attachment: fixed;
    width:100%;
    height:100%;
    position: relative;
    padding:0;
    z-index:12;
    overflow:hidden;
}


h2 {
    display:block;
    margin:0 0 23px;
    padding:0;
    text-transform:none;
    text-align:left;
    font-style:normal;
    border-bottom:1px solid #c9c9c9;
    font-family: 'Droid Sans', sans-serif;
    font-size: 65px;
    line-height: 77px;
    color:#343434;
    font-weight: 400;
}
h2 span {
    border-bottom:3px solid #c84942;
}

h3 {
    margin:0;
    padding:40px 0 32px 0;
    text-transform:uppercase;
    text-align:center;
    font-family: 'Droid Sans', sans-serif;
    font-weight:800;
    font-size:32px;
    font-style:normal;
    line-height:36px;
    color:#3e3e3e;
}

h4 {
    margin:0;
    padding:0 0 15px;
    text-transform:none;
    text-align:left;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    font-size:32px;
    font-style:normal;
    line-height:36px;
    color:#3e3e3e;
}

img.icon_img {
    float:left;
    margin-right:20px;
    margin-top:20px;
    margin-bottom:25px;
}

.effect_2 {
    background:url(../images/effect_2.png) repeat left top;
    position:relative;
    top:0;
    bottom:-57px;
    height:100%;
    z-index:999 !important;
}

/* ____________________________________ Slide 1 ____________________________________ */

.padding_slide1 {padding:241px 0 101px 0;
}

.inset_shadow {
    position:absolute;
    z-index:10;
    left:0;
    right:0;
    top:0;
    bottom:76px;
    box-shadow:0 0 60px rgba(0,0,0, 0.7) inset;
}

#slide1{
    background-color: #3c4f7a;
    background-image:url(../images/slide1_bg.jpg);
    background-position:0 0 !important;
    background-size: cover !important;
    width:100%;
    text-align:center;
}

.filtr_bg {
    position:fixed;
    z-index:11;
    text-align:center;
    left:50%;
    margin-left:-525px;
    width: 1050px;
}
@media only screen and (max-width: 1024px) {
    .filtr_bg {position:relative;}
}

#slide1 h1 {
    float:none;
    display:block;
    border-right:none;
    margin:0;
    padding:0 0 0 12px;
    text-align:center;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-size: 32px;
    font-stretch:condensed;
    letter-spacing: 8px;
    line-height: 94px;
    color:#fff;
    font-weight:100;
    text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}
#slide1 h3 {
    float:none;
    display:block;
    border-right:none;
    margin:0;
    padding:0 0 0 15px;
    letter-spacing:12px;
    text-align:center;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-size: 130px;
    font-stretch:condensed;
    line-height: 105px;
    letter-spacing:normal;
    color:#fff;
    font-weight:700;
    text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}
#slide1 p {
    float:none;
    display:block;
    border-right:none;
    margin:0;
    padding:0 0 0 31px;
    letter-spacing:27px;
    text-align:center;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-size: 62px;
    line-height: 52px;
    color:#fff;
    font-weight:700;
    text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}

#slide1 span {
    margin:0;
    padding:0 0 0 20px;
    text-align:center;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-size: 96px;
    line-height: 80px;
    color:#fff;
    font-weight:700;
    letter-spacing:23px;
    text-shadow:5px 3px 6px rgba(0,0,0,0.26);
}
.slogan_text {
    display:inline-block;
    padding:0 25px;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-weight:800;
    font-size:38px;
    line-height:47px;
    color:#fff;
}
.center_bord {
    display:block;
    margin:26px auto 24px;
    background:#fff;
    opacity: 0.0;
    height:1px;
    width:753px;
}


#slide1 .button {
    cursor:pointer;
    display:block;
    margin:52px auto 0;
    width:64px;
    height:64px;
    border:none;
    text-transform:uppercase;
    background:url(../images/button_down.png) no-repeat center bottom #fff;
    border-radius:50%;
    -webkit-box-shadow: 0 6px 6px rgba(0,0,0,0.30);
    -moz-box-shadow: 0 6px 6px rgba(0,0,0,0.30);
    box-shadow: 0 6px 6px rgba(0,0,0,0.30);
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
#slide1 .button:hover {
    margin:53px auto 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}


/* ____________________________________ Slide 2 ____________________________________ */

#slide2 {
    background:url(../images/slide2_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}

.animationMetro {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background-image: url(/images/metro.png);
    background-repeat: no-repeat;
    background-position: -3000px bottom;
}

/* ___________________________________ //Slide 2 ___________________________________ */

#slide3 {
    background-color: #3c4f7a;
    width:100%;
    padding:86px 0 69px;
}

#slide3 h2 {
    display:block;
    margin:0 0 23px;
    padding:0;
    text-transform:none;
    text-align:left;
    font-style:normal;
    font-family: 'Droid Sans', sans-serif;
    border-bottom: 0px solid #c9c9c9;
    font-size: 50px;
    line-height: 82px;
    color:#c84942;
    font-weight: 400;
}


/* ____________________________________ Slide 4 ____________________________________ */

#slide4 {
    background:url(../images/slide4_bg.jpg) repeat left top;
    width:100%;
    padding:100px 0 69px;
}
#slide4 h2 {
    color:#b8b8b8;
    border-bottom:1px solid #4e4e4e;
    margin: 0 0 57px;
}

/* ____________ SERVICES_BLOCK ___________ */
.icon_bord {
    overflow:hidden;
    border-radius:50%;
    position:relative;
    top:0;
    left:50%;
    margin-left:-66px;
    width:132px;
    height:132px;
    background:url(../images/icon_bord.png) no-repeat;
}
.servc_block:hover .icon_bord {
    background:url(../images/icon_bord_h.png) no-repeat;
}

.icon1, .icon1_h {
    position:absolute;
    top:7px;
    left:7px;
    height:118px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.servc_block .icon1,
.servc_block:hover .icon1_h {
    opacity:1;
    filter: alpha(opacity=100);
}
.servc_block:hover .icon1,
.servc_block .icon1_h {
    opacity:0;
    filter: alpha(opacity=0);
}

.servc_block:hover .icon1 {
    transform: scale(3);
}
.servc_block .icon1_h {
    transform: scale(0);
}
.servc_block:hover .icon1_h {
    transform: scale(1);
}

.ca-menu li{
    min-height: 270px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.ca-content{
    position: absolute;
    left: 0px;
    top: 132px;
}
.ca-main{
    padding:21px 0 19px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 25px;
    line-height: 30px;
    color:#a3a3a3;
    font-weight:400;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    color: #6f6f6f;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.ca-menu li:hover .ca-main{
    color: #c84942;
    -webkit-animation: moveFromLeftRotate 300ms ease;
    -moz-animation: moveFromLeftRotate 300ms ease;
    -ms-animation: moveFromLeftRotate 300ms ease;
}
.ca-menu li:hover .ca-sub{
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/* ____________ SERVICES_BLOCK ___________ */

/* ___________________________________ //Slide 4 ___________________________________ */


#slide5 {
    background:url(../images/slide6_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}



/* ____________________________________ Slide 6 ____________________________________ */

#slide6 {
    background:url(../images/slide6_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}

#slide6 h2 span {
    background:url(../images/slide6_bg.jpg) repeat left top;
}

/* _______________ ACCORDION _______________ */

.accordion {
    position:relative;
}
.accordion h3 {
    position:relative;
    z-index:10;
    padding:0;
}

.accordion h3 span {
    display:block;
    position:relative;
    margin:0 0 0 284px;
    padding:12px 0 12px 0;
    text-align:left;
    text-transform:none;
    font-family: 'Droid Sans', sans-serif;
    font-weight:300;
    font-size:22px;
    line-height:22px;
    color:#343434;
}

.accordion .accord_cont {
    display: block;
    margin:0 0 0 284px;
    padding:0 0px 9px 11px;
    background:none;
    color:#333;
}


.ac_date {
    position:absolute;
    top:13px;
    left:0;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:20px;
    color:#c84942;
}

/* ______________ //ACCORDION ______________ */


/* ___________________________________ //Slide 6 ___________________________________ */



/* ____________________________________ Slide 8 ____________________________________ */
#slide8 {
    background:url(../images/slide8_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}
#slide8 h2 {color:#b8b8b8;
}

#slide8 p {
    color:#b8b8b8;
}

#slide8 a {
    color:#c84942;
    text-decoration: underline;
}

#slide8 li {
    color:#b8b8b8;
}

#slide8 ul {
    margin:30px;
}

#slide8 h4 {
    padding-bottom:10px;
    color:#acacac;
}

/* _______________ ACCORDION_2 _______________ */
#slide8 .ac_plmin {
    position:absolute;
    top:0;
    left:105px;
    width:65px;
    height:47px;
    background:url(../images/ac_plmin_2.png) no-repeat;
}
#slide8 .vert_line {
    position:absolute;
    top:0;
    left:117px;
    width:3px;
    height:100%;
    background:url(../images/vert_line_2.png) repeat-y;
}
#slide8 .accordion h3 span {
    margin:0 0 0 150px;
    color:#a3a3a3;
}
#slide8 .accordion .accord_cont {
    margin:0 0 0 150px;
    padding-left:0;
    color:#707070;
}


/* ______________ //ACCORDION_2 ______________ */

/* ___________________________________ //Slide 8 ___________________________________ */








/* ____________________________________ Slide 10 ____________________________________ */
#slide10 {
    background:url(../images/slide10_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}

/* ____________________________________ Slide 6 ____________________________________ */

#slide16 {
    background:url(../images/slide6_bg.jpg) repeat left top;
    width:100%;
    padding:86px 0 69px;
}

#slide16 h2 span {
    background:url(../images/slide6_bg.jpg) repeat left top;
}

/* _______________ ACCORDION _______________ */



/* ___________________________________ //Slide 16 ___________________________________ */





/* _________________ PORTFOLIO ________________ */
.gallery-list {
    text-align:center;
    margin-right:-20px !important;
}
#slide10 .hover_img {
    overflow:hidden;
    position:relative;
    height:211px;
    width:235px;
    background:#c84942;
}

.img_block {
    display:inline-block;
    margin:0 17px 20px 0;
    width:234px;
    height:100%;
}

.portfolio_zoom, .portfolio_link {
    width:40px;
    height:41px;
    position:absolute;
    bottom:0;
    background-repeat:no-repeat;
    background-color:#343434;
    opacity:0.6;
    filter: alpha(opacity=60);
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.portfolio_zoom {
    left:77px;
    background-image:url(../images/zoom.png);
}
.portfolio_link {
    right:77px;
    background-image:url(../images/link.png);
}
.portfolio_zoom:hover, .portfolio_link:hover {
    opacity:1;
    filter: alpha(opacity=100);
    z-index:310;
}
.portfolio_zoom a, .portfolio_link a {
    display:block;
    width:40px;
    height:41px;
    text-indent:-9999px;
}

.item_description {
    position:absolute;
    top:0;
    left:-235px;
    width:235px;
    height:208px;
    padding:0;
    background:#c84942;
    border-bottom:3px solid #343434;
    font-family: 'Droid Sans', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-align:center;
    color:#fff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.item_description p {
    padding:54px 10px 7px;
    text-transform:uppercase;
    font-size:18px;
}
.img_block:hover .item_description {
    left:0;
}
.img_block .portf_img {
    position:absolute;
    right:0;
    top:0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.img_block:hover .portf_img {
    position:absolute;
    right:-235px;
    top:0;
}



/* ________________ //PORTFOLIO _______________ */

/* ___________________________________ //Slide 10 ___________________________________ */







/* ____________________________________ Slide 12 ____________________________________ */

#slide12 {
    background:url(../images/slide12_bg.jpg) repeat left top;
    background-position:0 0 !important;
    width:100%;
    padding:86px 0 69px;
}

#slide12 h2 {color:#b8b8b8;
}

#slide12 p {color:#888888;
}
#slide12 .foto {
    float:left;
    margin:0 20px 20px 0;
    min-width: 250px;
}

#slide12 h5 {
    margin:-2px 0 0 0;
    padding-bottom:8px;
    text-transform:none;
    font-family: 'Droid Sans', sans-serif;
    font-size: 31px;
    line-height: 31px;
    font-weight: 400;
    color:#9b9b9b;
}

.contact_det,
.contact_det a {
    color:#888888;
    line-height:26px;
}
.contact_det a:hover {color:#c84942;}

/* ______________ SOCIALS ______________ */
.socials a {
    display:inline-block;
    width:28px;
    height:28px;
    margin:5px 7px 0;
    background-color:#5d5d5d;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}
.socials a:hover {
    background-color:#c84942;
}
.soc1 {
    background:url(../images/socials.png) no-repeat;
    background-position:0 0;
}
.soc2 {
    background:url(../images/socials.png) no-repeat;
    background-position:-48px 0;
}
.soc3 {
    background:url(../images/socials.png) no-repeat;
    background-position:-96px 0;
}
.soc4 {
    background:url(../images/socials.png) no-repeat;
    background-position:-144px 0;
}

/* _____________ //SOCIALS _____________ */


/* ____________________________________ //Slide 12 ____________________________________ */

/* ____________________________________ FOOTER ____________________________________ */
#footer {
    position:relative;
    z-index:12;
    background:#3e3e3e;
    padding:27px 0 340px 0;
}
.copyright {
    float:left;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    color:#9b9b9b;
}
.copyright a {
    color:#c84942;
}
.copyright a:hover {text-decoration:none;color:#fff;
}

/* _____________ BACK_TOP ___________ */
#back_top {
    float:right;
}
#back_top a.button {
    cursor:pointer;
    position:relative;
    z-index:300;
    display:block;
    margin:0;
    width:27px;
    height:28px;
    background:url(../images/back_top.png) no-repeat;
    text-transform:uppercase;
    font-family: 'Droid Sans', sans-serif;
    font-weight:400;
    color:#fff;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */




.infobox {
    border: 1px solid #aaa;
    background: #f9f9f9;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: .4em;
    float: right;
    clear: right;
    font-size: 88%;
    width: 23em;
    vertical-align: middle;
    text-align: left;
    line-height: 1.5em;
    border-collapse: separate;
    border-spacing: 2px;
}
div.tright {
    border: none;
    margin: 0.5em 0 0.8em 1.4em;
}
div.thumb {
    border: none;
}
div.tright {
    margin: .5em 0 1.3em 1.4em;
}
div.thumb {
    margin-bottom: .5em;
    width: auto;
    background-color: transparent;
}
div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}
.maintext {
    position: absolute;
   /* left: 240px!important;*/
    top: -33px;
}
/*======================================= vmap ================================================*/

.vmap-container    {
    width: 100%; height: 550px;margin: 0px;position:relative;
}

.vmap    {
    background-color: transparent!important;width: 100%; height: 650px;margin: 0px;position:absolute;;-ms-transform: rotate(-10deg); /* IE 9 */-webkit-transform: rotate(-10deg); /* Safari */transform: rotate(-10deg);
}



.reg .ui-dialog,.reg .ui-dialog,.reg .ui-widget,.reg .ui-widget-content,.reg .ui-corner-all,.reg ,.reg .ui-draggable,.reg .ui-resizable {background:#666 !important;}

/*============================================================================== icomo ======================================================*/

@font-face {
    font-family: 'icomoon';
    src: url(/fonts/icomoon.eot?wos8kj);
    src: url(/fonts/icomoon.eot?#iefixwos8kj) format('embedded-opentype') ,  url(/fonts/icomoon.ttf?wos8kj) format('truetype') ,  url(/fonts/icomoon.woff?wos8kj) format('woff') ,  url(/fonts/icomoon.svg?wos8kj#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
    content: "\e61b"}
.icon-ruble:before {
    content: "\e61a"}
.icon-up:before {
    content: "\e600"}
.icon-arrow-down:before {
    content: "\e601"}
.icon-arrow-right:before {
    content: "\e602"}
.icon-arrow-up:before {
    content: "\e603"}
.icon-view:before {
    content: "\e604"}
.icon-Social-youtube:before {
    content: "\e605"}
.icon-Social-twitter:before {
    content: "\e606"}
.icon-Social-instagramm:before {
    content: "\e607"}
.icon-Social-facebook:before {
    content: "\e608"}
.icon-smile:before {
    content: "\e609"}
.icon-print:before {
    content: "\e60a"}
.icon-price:before {
    content: "\e60b"}
.icon-phone:before {
    content: "\e60c"}
.icon-owner:before {
    content: "\e60d"}
.icon-menu {
    font-size: 30px;
}
.icon-menu:before {
    content: "\e60e"}
.icon-map:before {
    content: "\e60f"}
.icon-mail:before {
    content: "\e610"}
.icon-mailmanager:before {
    content: "\e611"}
.icon-logo {
    margin: 3px 0 0 -9px;
    float: left;
    font-size: 64px;
}
.icon-logo:before {
    content: "\e612"}
.icon-letter:before {
    content: "\e613"}
.icon-holder:before {
    content: "\e614"}
.icon-galochka:before, .field-checks input:checked+label:after {
    content: "\e615"}
.icon-favorites:before {
    content: "\e616"}
.icon-catalog:before {
    content: "\e617"}
.icon-buyer:before {
    content: "\e618"}
.icon-arrowright:before {
    content: "\e619"}


/*============================================================================= FORMS =======================================================*/
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

.filter {
    border-bottom: 1px solid #c5b99f;
    margin: 30px 0 0;
    padding-bottom: 30px;
    width: 100%;
    min-width: 220px;
}

.filter-form {
    position: relative;
}
.row {
    display: table;
    width: 100%;
}

.filter-form .col-8 {
    float: left;
    display: table;
}

.col, [class^="col-"], [class*=" col-"] {
    position: relative;
    vertical-align: top;
    display: table-cell;
}

.col-8 {
    width: 80%;
}
.col-2 {
    width: 25%;
}
.col-4 {
    width: 40%;
}

@media screen and (min-width: 768px)    {
    .filter-form .col-4:first-child {
        padding-right: 15px;
    }

    .call-form {
        padding: 50px;
    }
}

.field-input {
    display: table;
    width: 100%;
}

.field.inline>label {
    vertical-align: middle;
    line-height: 17px;
}
.field-label {
    width: 30%;
    display: table-cell;
    vertical-align: top;
}

.field+.field {
    margin-top: 15px;
}
.field {
    position: relative;
    display: table;
    width: 100%;
}

.filter .bx-filter-select-container {
    width: 100%!important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0 0 0 10px;height: 35px;background-color: #d1d2d4;border: 1px solid #b7b7b7;color: #3c4f7a;text-decoration: none;white-space: nowrap;line-height: 33px;cursor: pointer;
}

.field-check, .field-checks {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.field-check-item {
    display: table-cell;
    vertical-align: top;
}

.field-check-item label {
    background-color: #d1d2d4;color: #3c4f7a;
}

.filter-form input[type="radio"], .filter-form input[type="checkbox"] {
    display: none;
}
.field input {
    height: 35px;
    background-color: #fff;
    border: 1px solid #c5b99f;
    color: #333;
    padding: 0 10px;
    font-size: 16px;
    font-family: "Droid Sans", Helvetica, Arial, sans-serif;
    width: 100%;
}

.filter-button {
    text-align: center;
    padding-left: 30px;
    display: table;
    width: 20%;
}


.filter-button button {
    width: 100%;
}
.button.gray {
    border-radius: 3px;
    font-size: 16px;
    border: 1px solid #c5b99f;
}
.block-button, .button.gray {
    background-color: #f9f8f5;
    border: 1px solid #c5b99f;
    -webkit-transition: background-color .2s ease , color .2s ease;
    -moz-transition: background-color .2s ease , color .2s ease;
    -ms-transition: background-color .2s ease , color .2s ease;
    transition: background-color .2s ease , color .1s ease;
    border-radius: 2px;
    display: inline-block;
    height: 40px;
    padding: 7px 30px;
    color: #927e6a;
    font: 700 18px "Droid Sans", Helvetica, Arial, sans-serif;
    text-decoration: none;
    margin-top: 10px;
    text-transform: uppercase;
}

.field-button, .button {
    display: block;
    border: 0;
    border: 2px solid transparent;
    -webkit-transition: background-color .2s ease , border-color .2s ease , color .2s ease;
    -moz-transition: background-color .2s ease , border-color .2s ease , color .2s ease;
    -ms-transition: background-color .2s ease , border-color .2s ease , color .2s ease;
    transition: background-color .2s ease , border-color .2s ease , color .2s ease;
    padding: 0 30px;
    text-align: center;

    font: 700 16px "Droid Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    height: 40px;
    line-height: 36px;
    cursor: pointer;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    background-color:#c84942;
}

.wrap li {
    position: relative;
    display: block;
}

.object-link li {
    display: inline-block;
}

.ul_clear li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.object-link li+li {
    margin-left: 50px;
}

@media screen and (min-width: 1280px){
    .filter-button button+button, .filter-more-link {
        margin-top: 15px!important;
    }
}

.filter-button button {
    width: 100%;
}

.filter-more-link {
    display: inline-block;
}

.filter-more-link :first-child {
    display: inherit;
}

.filter-more-link:before {
    content: '\e601';
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    font-family: 'icomoon';
    vertical-align: middle;
}

.filter-form .field-input input {
    background-color: #d1d2d4;
    border: 1px solid #b7b7b7;
    width: 50px;
}

.field input {
    height: 35px;
    background-color: #fff;
    border: 1px solid #c5b99f;
    color: #333;
    padding: 0 10px;
    font-size: 16px;
    font-family: "Droid Sans", Helvetica, Arial, sans-serif;
    width: 100%;
}

.field-check label {
    display: block;
    text-align: center;
    line-height: 31px;
    height: 35px;
    cursor: pointer;
    color: #4b4538;
    font-size: 16px;
    border: 1px solid #b7b7b7;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.field-checks label, .field-radios label {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
    color: #4b4538;
    line-height: 18px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.field-check-item+.field-check-item {
    padding-left: 15px;
}
.field-check-item {
    display: table-cell;
    vertical-align: top;
}

.field.inline>label {
    vertical-align: middle;
    line-height: 17px;
}
.field-label {
    width: 30%;
    display: table-cell;
    vertical-align: top;
}

.field-checks input:checked+label:after {
    position: absolute;
    top: 1px;
    left: 3px;
    z-index: 1;
    font-family: 'icomoon';
}

.icon-galochka:before, .field-checks input:checked+label:after {
    content: "\e615";
}

.field-checks label:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #c5b99f;
    vertical-align: top;
    margin-right: 10px;
}

#filters-more, #filters-more-1 {
    display: none;
    width: 100%;
    padding-top: 15px;
}

.object-info dt {
    width: 30%;
}

.menu-line dt {
    font-weight: 700;
}
.menu-line dd, .menu-line dt {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 5px;
    float: left;
}

.object-slider a {
    border: 3px solid transparent;
    overflow: hidden;
    height: 100px;
    position: relative;
}

.call-header {
    background-color: rgba(0, 0, 0, .1);
    text-align: center;
    line-height: 70px;
    font-size: 28px;
    font-weight: normal;
    color: #333;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .filter-button {
        display: table;
        width: 100%;
        padding: 30px 0 0;
    }

    .filter-form .col-4+.col-4 {
        padding-top: 15px;
    }

    .filter-form .col-4 {
        width: 100%;
        display: table;
    }

    .filter-form .col-8 {
        width: 100%;
        float: none;
    }

    .object-link li {
        display: block;
    }

    .call-header {
        background: 0;
    }

    .form_order_detail .field-input {
        display: block;
        width: 100%;
    }

    .form_order_detail .field-label {
        display: block;
        width: auto;
        padding: 0;
        text-align: left;
        margin-bottom: 4px;
    }

    .call-form {
        padding: 0 20px 30px;
    }

}

.filter .bx-ui-slider-track-container {
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
}

.field-button:hover, .button:hover {
    background-color: #fff;
    color:#c84942;
}

.object-big-images {
    margin-bottom: 10px;
    overflow: hidden;
    width: 456px;
    height: 310px;
    position: relative;
}

@media screen and (max-width: 767px) and (min-width: 480px) {
    .filter-button button {
        width: auto;
        display: inline-block;
        float: left;
    }
    .fix:not(.header), .fix .header-info {
        width: 480px;
        padding: 0 15px;
    }

    ul.navi {
        width: 100%;
    }

    .navi li {
        display: block;
    }

    .vmap-container {
        height: 350px;
        padding-top: 120px;
    }

    .vmap    {
        height: 250px;
    }
}

    .filter-button button {
        width: 100%;
        background-color: #c84942;
    }

.field.inline>label {
    vertical-align: middle;
    line-height: 17px;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .field-label {
        padding-right: 10px;
        word-break: break-word;
    }
}

.metroMore  {
    display:none;
}

@media screen and (min-width: 768px)    {
    .filter-form .col-4:last-child {
        padding-left: 15px;
    }
    .metroMore  {
        display:block;
    }
}

    @media screen and (max-width: 1279px) and (min-width: 768px)    {
        .filter-form .col-4 {
            width: 50%;
        }
        .filter-button {
            padding: 30px 0 0;
            width: 100%;
            text-align: left;
        }
        .filter-form .col-8 {
            width: 100%;
            display: table;
        }
    }

.f-r {
    float: right;
}

@media screen and (min-width: 1280px)   {
    .filter-button button+button, .filter-more-link {
        margin-top: 15px!important;
    }
    .fix, .header-nav-ovh {
        max-width: 1140px;
    }
}

.object-item {
    border-bottom: 1px solid #c5b99f;
    position: relative;
    padding: 0 0 30px;
    margin: 30px;
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    .field-label {
        margin-bottom: 10px;
        width: 100%;
        display: table;
    }
    .object-slider a {
        height: 50px;
    }
    .object-big-images {
        width: 290px;
        height: 210px;
    }

    .object-slide {
        width: 100%;
    }

    .object-slider {
        width: 290px;
    }

    .fix:not(.header) {
        width: 320px;
        padding: 0 15px;
    }

    .vmap-container {
        height: 300px;
        padding-top: 100px;
    }

    .vmap    {
        height: 250px;
    }

    ul.navi {
        width: 100%;
    }

    .navi li {
        display: block;
    }

    /*.menu-line dt {
        font-weight: normal;
    }*/

    .object-item {
        margin: 0px;
    }

    .object-link li+li {
        margin-left: 0px;
    }
}


/*================================================================================================================*/

dt {
    display: block;
}

.object-info {
    padding-left: 30px;
    width: 60%;
    display: table-cell;
}

.deals-price {
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.object-info .deals-price {
    display: inline-block;
    padding: 0 20px;
    margin: 15px 0;
}

.menu-line {
    margin-top: 10px;
    display: table;
    width: 100%;
    color: #666;
}

.ul_clear, .clean {
    margin: 0!important;
    padding: 0;
    list-style-type: none;
}
.object-link {
    display: table;
    width: 100%;
}

.object-link [class*="icon-"] {
    vertical-align: middle;
    font-size: 20px;
}

.object-info dd {
    width: 50%!important;
}

.object-info dd {
    width: 70%;
}
.menu-line dd {
    width: 75%;
    /*font-size: 16px;*/
}
.menu-line dd, .menu-line dt {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 5px;
    float: left;
}

@media screen and (max-width: 991px) and (min-width: 320px) {
    .object-slide {
        display: table;
    }

    .object-info {
        margin-top: 30px;
        padding: 0;
        display: block;
        width: auto;
    }

}

.wrap {
    display: table;
    width: 100%;
}
.fix {
    margin: 0 auto;
}

.wrap img {
    display: block;
    max-width: 100%;
    border: 0;
}

.wrap ul {
    margin: 15px 0 15px 15px;
}



.object-big-images img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ul_clear, .clean {
    margin: 0!important;
    padding: 0;
    list-style-type: none;
}

.object-info .icon-map {
    font-size: 30px;
    vertical-align: middle;
}

#big-img a.selected {
    display: block;
}

.object-text p {
    margin: 15px 0;
}

.wrap p {
    margin: 15px 0;
}

.fw400 {
    font-size: 28px;
    font-weight: 400;
    color:#3c4f7a;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.object-info dd {
    width: 50%!important;
    margin: 0 0 0 0px;
}

.object-info dt {
    width: 50%!important;
    margin: 0 0 0 0px;
}

.dataTable tr{
    background-color: #3c4f7a;
    color:#8d8c8c;
}


@media print
{
    body * { visibility: hidden; }
    #dialogO * { visibility: visible; }
    #dialogO { position: absolute; top: 1px; left: 1px; width: 100%!important}
}

@media screen and (max-width: 768px)    {
    .accordion .accord_cont, #slide8 .accordion .accord_cont {
        margin-left: 0;
        margin-top: 30px;
        padding-right: 11px;
    }
    .ac_date {
        font-size: 16px;
       line-height: 22px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 767px)   {
    .accordion h3 span {
        font-size: 16px;
    }
}

div.dataTables_filter input {
    height: 35px;
    color: #333;
    padding: 0 10px;
    font-size: 16px;
    font-family: "Droid Sans", Helvetica, Arial, sans-serif;
    background-color: #d1d2d4;
    border: 1px solid #b7b7b7;
}

.agencyFilter {
    position: absolute;
    top: -70px;
    font-size: 13px;
    font-weight: lighter;
    color: #555;
}

.form_order_detail {
    /* width: 600px; */
    max-width: 100%;
    color: #fff;
}



.md-modal .field.inline input, .form_order_detail .field input, .form_order_detail .field textarea {
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2);
    color: #fff;
    height: 40px;
}

.form_order_detail .field-label {
    text-align: right;
    padding-right: 20px;
    vertical-align: middle;
    color:#333;
}
.field-label {
    width: 30%;
    display: table-cell;
    vertical-align: top;
}

.field textarea {
    background-color: #fff;
    border: 1px solid #c5b99f;
    display: block;
    color: #333;
    padding: 10px;
    font-size: 16px;
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    width: 100%;
    height: 135px;
    resize: none;
}

.form_order_detail .field textarea {
    height: auto;
}

.md-button:hover {
    background-color: #fff;
}
.md-button {
    background-color: rgba(0, 0, 0, .15);
    border: 0;
    color: #fff;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    margin: 30px auto 0;
    width: 200px;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
}

.help_suda  {
    color: #c84942;
    text-decoration: underline;
    cursor: pointer;
}

.css-input{width: 100%!important;padding-left: 5px;height:21px;box-sizing:border-box;}


.jcarousel-wrapper{position:relative;padding:20px;padding-left:80px;padding-right:60px;}
.jcarousel{position:relative;overflow:hidden;width:800px;height:170px;color:#333;}
.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0;text-align:center;}
.jcarousel li{float:left;width:151px;height:170px;padding-top:5px;margin-right:5px;margin-left:5px;background-color:#d7d9d8;}
.jcarousel li:hover{background-color:#eee;}
.jcarousel img{max-height:100px;}
.jcarousel .loading{text-align:center;line-height:140px;}
.jcarousel-control-prev,
.jcarousel-control-next{position:absolute;top:85px;width:30px;height:30px;text-align:center;color:#333;text-decoration:none;font:24px/27px Myriad, sans-serif;}
.jcarousel-control-prev{left:10px;}
.jcarousel-control-next{right:10px;}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span{display:block;}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive{opacity:.5;cursor:default;}