html { height: 100%; }
body { height: 100%; }
.body { min-height: 100%; position: relative; }
.layout { position: relative; }
.da {}

ol li { list-style: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlZJREFUeNpiPHLxBgM6uHT3EcPhi9cZLt15zPD6w0ewmKgAP4OeiiyDjZ4Gg76KPFytjaMPmGZENujJ67cM09ftZrh877ETkBsOxCBaDir9CIj3AfEqXSXZvZlBrgwyosKYBl2595ihecE6je8/f00Hch0Y8IMDnOxsmbUJQTcykjMRBoFcUjJlqf23Hz+3AsW4GYgDX7k42L2fHNp1EMRh+v//P8PEVTs0vn3/QYohIMAN0mMZEqkBNujinUeMNx48XsHAyEiKIRAA1APSO2XWVEZmPnVj13vP35QykAkYGZkkWJkZjzL/EFKY/P3PP1UGCsD7d++EGUXc4j/+Y2Lho8Qgpn9/PrGwcXDy/vj1G0My2saAYVJ1DopYXusUhqVHLmAaxMLKy6gdWfj/+ftPlDiIQUyAl4FJRojvHwOFQEFU4D+TNB/HF0oNkuJh/8r0/OGD0+pyUmQbAtL7/MGDk0y7dh/o8TJUZQAmd5INAenxNFBl2LXnQDfT379/dy5esPRicZgHAzAjEm0ISC1Iz5KFSy8CzdjFdGT/lv+3bt+NWDJ34deWlBAGYrwJUgNSC9ID1BsJFPoPL0aA5Yq9grzc1orSPO7fbBwMxy7fZLhw+yHD24+fGZiZmYEFGy+DtqIMg5WuOgPrrx8MHd2Tvj54+MgbqPUgRsEGNEyDkZFxvqmxgYWDvQ2DibE+g5ioCMOfP38YXr56w3Dx0lWGAwePMJw+e+EEsNRIBPrmBtYSEmoYI5ByBeIQIHYGYlkg/gXEj4H4MBCvAeLdoCBBLmoBAgwAiqrrmz6656EAAAAASUVORK5CYII=') no-repeat 0px 0px; padding: 0 0 6px 30px; margin: 0 0 12px 0; line-height: 1.2em; }

ul li { list-style: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAMAAAC3SZ14AAAAh1BMVEUAAAASR2KUrLkBEyUqW3MAEiQAEiQzQ1MgMUJieYcURl8SSGMAEiQRRmAmN0cBEyUSSGNJWWckUGcAEiQSSGNYfY8SSGMcUGoAEiRIbYBHa38SSGP///85Zn0aTmihs70pWXG+y9KTrLiPprKYprCDl6JthJN2hZFZf5EcUGo2RlWquMAuXnWdCtXiAAAAG3RSTlMA9AFHKCj39PTy8dva0NDHv7y1mplFQj8//v1FYlFcAAAAnElEQVQY03WLWRKCMBBEh4Sw77tGwr7q/c8nhoCSKt/PdL/qgX9kia0odpKdQg2oIFB3kyv0RMn5Rhjhth1y6QUXQXrkh7gpRLKKwJKVBWzvnJFnqOVVDXdZ3cA81CiuCWFJL5Qh4GH5NcuAAXkd+xrWeQiA6FV5flU6gY3C6Nu5puw1t71RAIf46/RsmmpafQIChGNH05wYo097A9ntHMG3QwJ6AAAAAElFTkSuQmCC') no-repeat 0px 0px; padding: 0 0 6px 30px; margin: 0 0 12px 0; line-height: 1.2em; }

.header { background-color: #ffffff; box-shadow: 0 0px 50px rgba(0, 0, 0 ,0.15); font-weight: bold; color: rgba(0,0,0,0.5); }
.header .wrapper { max-width: 1100px; margin: 0 auto; }
.header .wrapper .top-1 { display: flex; border-bottom: 1px solid #DDDFE0; padding: 5px; font-size: 0.8rem; }
.header .wrapper .top-1 .title { text-align: left; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .wrapper .top-1 .sm { text-align: right; flex-grow: 1; flex-basis: 140px; }
.header .wrapper .top-1 .sm a { text-decoration: none; font-size: 1rem; color: #999999; margin-left: 5px; margin-right: 5px; }
.header .wrapper .top-1 .sm a:hover { color: #000000; }
.header .wrapper .logo-info { border-bottom: 1px solid #DDDFE0; display: flex; padding-top: 1rem; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; }
.header .wrapper .logo { flex: 0 0 50%; }
.header .wrapper .logo img { width: 180px; vertical-align: middle; }
.header .wrapper .info { flex: 0 0 50%; text-align: right; }
.header .wrapper .info .tel { font-family: 'Exo 2 Condensed', sans-serif; font-size: 2rem; color: #20307E; }
.header .wrapper .info .workmode { font-size: 0.75em; }

.nav { height: 40px; font-family: 'Exo 2 Condensed', sans-serif; font-size: 0.9rem; text-transform: uppercase; text-align: center; line-height: 40px; }
.nav a { color: rgba(0,0,0,0.5); text-decoration: none; margin: 0 20px; }
.nav a:hover { color: rgba(0,0,0,0.9); }

.slider { height: 0; overflow: hidden; padding-top: 44%; position: relative; }
.slider .wrapper { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }
.slider .slide { position: relative; height: 100%; }
.slider .slide .text { position: absolute; font-size: 3vw; font-family: 'Exo 2 Condensed', sans-serif; text-shadow: 0 2px 5px #000000, 0 2px 5px #000000, 0 2px 5px #000000, 0 2px 5px #000000; bottom: 10vw; left: 10vw; width: 40%; z-index: 1; color: #ffffff; }
.slider .slide img { position: absolute; width: 100%; }


.overview { padding: 20px; }
.overview.dark { background: url('/images/bg-rombs.png'); color: #ffffff; }
.overview.dark h2 { color: #ffffff; }

.where-to-invest { text-align: center; }
.where-to-invest .item { min-width: 320px; width: 30%; text-align: center; display: inline-block; vertical-align: top; margin: 0 0 20px 0; }
.where-to-invest .item .icon { margin: 0 0 12px 0; }
.where-to-invest .item .caption { color: #002244; font-size: 1.2em; text-transform: uppercase; margin: 0 0 12px 0; }
.where-to-invest .item ul { text-align: left; padding: 0; margin: 0 30px; }




.our-offer { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.our-offer table { margin: 0 0 40px 0; width: 100%; }
.our-offer .caption { font-size: 1em; height: 104px; padding: 20px 6% 20px 0; width: 30%; vertical-align: middle; text-align: center; }
.our-offer .wrapper { border: 2px dashed #898A8D; border-radius: 6px; padding: 10px; }
.our-offer .text { font-size: 0.9em; padding: 20px 0 20px 20px; }


.invest-scheme { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.invest-scheme .item { margin: 0 0 3rem 0; text-align: center; display: flex; align-items: center; }
.invest-scheme .item .i { font-size: 2.2em; text-align: center; color: #277386; border-radius: 100px; border: 1px solid #277386; display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto 10px auto; }
.invest-scheme .item .img { flex-basis: 272px; }
.invest-scheme .item .img.left { float: left; }
.invest-scheme .item .img.right { order: 1; }
.invest-scheme .item .text { text-align: left; flex-grow: 1; }

.invest-examples { max-width: 960px; margin: 0 auto; padding: 0 20px; }
.invest-examples table { width: 100%; font-size: 1.6em; line-height: 0.7em; }
.invest-examples table tr { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAICAYAAADjoT9jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi/P//fwMDZQCvfiYGGoOhbwELIyMjRQYA45BhNA4oAgABBgDS3wcPZHq9bwAAAABJRU5ErkJggg==') repeat-x; background-size: 12px; }
.invest-examples table td { padding: 30px 0; text-align: center; width: 25%; }
.invest-examples table td:first-child { text-align: left; padding-left: 20px; }
.invest-examples table span { font-size: 0.7em; }
.invest-examples .gray { color: #a6a7a8; }


.about-us { text-align: center; }
.about-us .item { margin: 0 0 20px 0; text-align: center; display: inline-block; vertical-align: top; min-width: 320px; width: 30%; }
.about-us .item .num { font-size: 5em; color: #277386; }
.about-us .item .text { width: 50%; padding: 0 25%; }



.text-1-column { max-width: 960px; margin: 0 auto; padding: 0 20px; }

.map { width: 46%; margin: 0 1% 0 0; float: left; }
.contacts { width: 46%; margin: 0 0 0 1%; float: left; }

.feedback-form { padding: 20px; border: 2px dashed #aaaaaa; border-radius: 4px; }
.message-header { font-size: 1.4em; }


/* Articles */
.articles-list { width: 800px; margin-left: auto; margin-right: auto; display: grid; grid-template-columns: repeat(2, 390px); grid-gap: 20px; overflow: hidden; }
.articles-list .item { display: flex; }
.articles-list .item .image { width: 200px; }
.articles-list .item .image a { height: 100%; display: block; overflow: hidden; }
.articles-list .item .txt { flex-grow: 1; }
.articles-list .item .caption { padding-left: 10px; }
.articles-list .item .date { padding-left: 10px; font-size: 0.8em; margin-top: 0.5em; }
.articles-list .item .intro { padding-left: 10px; font-size: 0.8em; margin-top: 0.5em; }

.article { margin-left: 50px; margin-right: 50px; }
.article h1 {}
.article .date { display: none; }
.article .text { overflow: hidden; }
.article .text .mainimage { width: 600px; float: left; margin-right: 20px; margin-bottom: 20px; }
.article .images {}
.article .images .item {}
.article .images .item .image {}
.article .images .item .caption {}


/* uDialog */
.u-dialog { background: #ffffff; padding: 20px; box-shadow: 0 0 3px #999999; border-radius: 4px; }
.u-dialog .u-close { position: absolute; background: url(/images/dialog-close.png) no-repeat center #ffffff; border: 2px solid #cccccc; width: 40px; height: 40px; top: -22px; right: -22px; cursor: pointer; border-radius: 4px; }
.u-dialog .u-close:hover { border: 2px solid #ff3867; }
.u-dialog-bg { background: #ffffff; background: rgba(255,255,255,0.95);  }
.u-dialog-preloader { width: 40px; height: 40px; background: url(/images/preloader.gif) no-repeat; }



/* Zoomer */
.zoomer-dialog .zoomer-bg { background: #000000; background: rgba(0,0,0,0.9); }
.zoomer-dialog .zoomer-window {  }
.zoomer-dialog .zoomer-window .zoomer-preloader { width: 40px; height: 40px; background: #ffffff url(/images/preloader.gif) no-repeat center; border-radius: 40px; box-shadow: 0 0 3px #000000; }
.zoomer-dialog .zoomer-prev { background: url(/images/arrow-prev.svg) no-repeat center; cursor: pointer; opacity: 0.5; }
.zoomer-dialog .zoomer-prev:hover { opacity: 1; }
.zoomer-dialog .zoomer-close { cursor: pointer; }
.zoomer-dialog .zoomer-close:hover .zoomer-close-button { opacity: 1; }
.zoomer-dialog .zoomer-close .zoomer-close-button { position: absolute; background: url('/images/dialog-close.svg') no-repeat center #ffffff; width: 60px; height: 60px; top: 10px; right: 10px; cursor: pointer; border-radius: 6px; opacity: 0.5; }
.zoomer-dialog .zoomer-close .zoomer-close-button:hover {  }
.zoomer-dialog .zoomer-window .zoomer-inner { }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-slide {  }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-slide .zoomer-image { border: 1px solid #111111; cursor: pointer; width: 100%; height: 100%; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-slide .zoomer-image-wrapper .zoomer-next { position: absolute; width: 50px; height: 100%; right: 0px; display: none; background: rgba(255,255,255,0.5); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 100%); cursor: pointer; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-slide .zoomer-image-wrapper:hover .zoomer-next { display: block; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-slide .zoomer-image-wrapper .zoomer-next .zoomer-next-btn { position: absolute; width: 33px; height: 80px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(/images/arrow-next.svg) no-repeat; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-text-data { position: absolute; bottom: 10px; z-index: 10000; width: 100%; background: #000000; background: rgba(0,0,0,0.8); }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-title .wrapper { color: #ffffff; text-align: center; font-weight: bold; font-size: 20px; line-height: 40px; width: 980px; margin: 0 auto; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-description { color: #dddddd; text-align: center; width: 980px; margin: 0 auto; }
.zoomer-dialog .zoomer-window .zoomer-inner .zoomer-description .wrapper { margin: 0 0 10px 0; }



/* Gallery */
.gallery-box {}
.gallery-box .item {}
.gallery-box .item a {}
.gallery-box .item a img {}



.breadcrumbs { display: none; margin: 10px 0; }
.breadcrumbs span { padding: 0 10px 0 0; }
.breadcrumbs span::after { content: "→"; padding: 0 0 0 10px; }
.breadcrumbs span:last-child::after { content: ""; padding: 0; }


@media screen and (max-width: 1200px) {
    .article .text .mainimage { width: 450px; }
}

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

    .articles-list { grid-template-columns: unset; width: unset; }
    .article { margin-left: 20px; margin-right: 20px; }
    .article .text .mainimage { width: 350px; }
    .nav a { margin: 0 10px; }

}


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

    .invest-scheme .item { flex-direction: column; }
    .invest-scheme .item .img { flex-basis: unset; }
    .invest-scheme .item .img.right { order: unset; }
    .invest-examples { font-size: 2vw; }
    .our-offer { font-size: 3vw; }
    .our-offer .caption { width: 70px; }

    .nav { height: auto; }
    .nav a { display: block; }

    .map { float: unset; margin: 0 1% 20px 0; width: 98%; }
    .contacts { float: unset; margin: 0 0 20px 1%; width: 98%; }

    .article .text .mainimage { width: 100%; margin-right: 0; }

}

@media screen and (max-width: 480px) {    
    .header .wrapper .logo { display: flex; align-items: center; }
    .header .wrapper .logo img { width: 100px; }
    .header .wrapper .info .tel { font-size: 1.6rem; }

    .articles-list .item .image { width: 150px; }
}