/* red: cf1b2f 207,27,47 brown: c06e0d 192,110,13 yellow: e8ca92 */ body{background:#220f0f url(../images/bg.jpg) repeat 50% 1078px;} .sample{height:980px; background:url(../images/m_02.png) no-repeat 50% 0;} #wrap{overflow:hidden;background:url("../images/lamps.jpg") no-repeat 50% 0;} body{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:1.85; color:#f8f2e3;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:"Times New Roman", Times, serif;} .btn{border-radius:0;} #sliderContainer .ps-current{min-height:590px!important;} #head{height:228px;position:relative;} #head .logo{width:432px;height:84px; margin:67px auto 0;background:url("../images/millennium-frames.png") no-repeat 50% 0; animation:logo_blink 9s steps(39) infinite;} #m2 #head .logo{width:466px;height:66px; background-image:url("../images/millennium2-frames.png?v=1.0");animation:logo2_blink 9s steps(39) infinite;} #head .logo a{display:block;text-decoration:none;height:100%; overflow:hidden; text-indent:-1000px;} #head .mainMenu{ list-style:none; margin:78px auto 0; padding:0; text-align:center; position:relative;z-index:99999;} #m2 #head .mainMenu{margin-top:96px;} #head .mainMenu li{margin:0 14px 12px; padding:0; list-style:none; display:inline-block; } #head .mainMenu li a{display:block;font-family:"Times New Roman", Times, serif; line-height:1;font-size:21px; color:#e8ca92; padding-bottom:3px;border-bottom:1px solid #684e3c; position:relative; outline:none;} #head .mainMenu li a:hover, #head .mainMenu li a:focus{text-decoration:none;} #head .mainMenu li a::after{display:block;content:" ";position:absolute;bottom:-1px; left:0;width:0;border-bottom:1px solid #e8ca92; transition: width 0.3s ease-in-out;} #head .mainMenu li a:hover::after{width:100%;} #sliderContainer{position:relative;height:740px; pointer-events:none;} #sliderContainer #frameContents{position:absolute;z-index:98;width:1280px; padding:95px 95px 48px;top:0;left:50%;margin-left:-640px;overflow:hidden;} #sliderContainer #frame{ position:absolute;z-index:99; left:0; top:0; right:0; bottom:0;background:url("../images/g-frame.png") no-repeat 50% 50%;} a.linkU{display:inline-block;color:#e8ca92;border-bottom:1px solid #684e3c; position:relative; outline:none;} a.linkU:hover, a.linkU:focus{text-decoration:none;} a.linkU::after{display:block;content:" ";position:absolute;bottom:-1px; left:0;width:0;border-bottom:1px solid #e8ca92; transition: width 0.3s ease-in-out;} a.linkU:hover::after{width:100%;} .darkWrap a.linkU{color:#2d2d2d;border-color:#aaa;} .darkWrap a.linkU::after{border-color:#2d2d2d;} #stickyHeader{position:fixed;top: 0;left: 0;right: 0;z-index: 9999;margin-top:-100px;transition: all ease-in-out 0.3s; background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.1);} #stickyHeader.active{margin-top:0px;} #stickyHeader .container{position:relative;} #stickyHeader .logo{position:absolute; left:15px; top:50%; transform:translateY(-50%);} #stickyHeader .logo a{font-size:26px;} #stickyHeader #topSNavbar{float:right;} #stickyHeader #topSNavbar a{font-size:13px; font-weight:normal; padding:20px 10px 15px;border-bottom:2px solid #fff; } #stickyHeader #topSNavbar a:hover, #stickyHeader #topSNavbar a:focus{background:#fff; color:#333;} #stickyHeader #topSNavbar a.active{background:#fff;border-color:#cf1b2f;color:#222;} .contentSection{padding-top:60px;padding-bottom:60px;} .contentSectionRow{padding-top:30px;padding-bottom:30px;} .contentSectionRow.right{text-align:right;} .sectionTitle{padding:45px 0 0; margin:0 0 70px; position:relative; text-align:center; /*text-transform:uppercase;*/ font-size:33px; color:#e8ca92;font-weight:400;background:url("../images/m_10.png") no-repeat 50% 0;text-shadow:0 1px 2px rgba(0,0,0,0.2);} .sectionTitle2{margin:0 0 15px;font-size:33px; color:#e8ca92;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,0.2);} .sectionSubtitle{padding:20px 30px 15px; background:rgba(0,0,0,0.25);} .sectionSubtitle h3{ margin:0 0 15px; padding:0;} #chooseComplex{padding-bottom:4%;} .complexImage{margin-bottom:20px; position:relative;z-index:99;width:262px;height:197px;} .complexImage::before{z-index:100;display:block;content:" ";position:absolute;left:0;top:0;right:0;bottom:0;background:url("../images/m_09.png") no-repeat 50% 50%;background-size:cover;} .complexImage::after{z-index:101;display:block;content:" ";position:absolute;top:-41px;right:-25px;width:183px;height:81px;background:url("../images/branch-r.png") no-repeat 50% 50%; pointer-events:none;} .complexImage div{overflow:hidden;} .complexImage img{width:100%;transform:scale(0.85,0.85);transition: all 0.3s ease-in-out;} .complexLeft a, .complexRight a{display:block;text-decoration:none;color:#f8f2e3;} .complexLeft .complexImage::after{background-image:url("../images/branch-l.png");right:auto;left:-25px;} .complexRight{text-align:right;} .complexDescr{margin-bottom:30px;} .complexDescr h2{margin:0 0 15px; padding:0; font-size:28px; text-transform:uppercase;color:#e8ca92;} .complexDescr h2 span{position:relative;display:inline-block;} .complexDescr h2 span::after{display:block;content:" ";position:absolute;bottom:-2px; left:0;width:0;border-bottom:1px solid #e8ca92; transition: width 0.3s ease-in-out;} #chooseComplex a:hover .complexDescr h2 span::after{width:100%;} #chooseComplex a:hover .complexImage img{ transform:scale(1,1);} .complexDescr p{/*color:#808080;*/ margin-bottom:15px;} #aboutUs{} #aboutComplex{margin-top:50px;margin-bottom:50px;} .darkWrap{color:#2d2d2d;background:url("../images/cornice-bottom.gif") repeat-x 50% 100%, url("../images/cornice-top.gif") repeat-x 50% 0;background-color:#e8e8e8;} .darkWrap .sectionTitle{background-image:url("../images/m_10-.png");color:#222; text-shadow:none; margin-bottom:3%;} .darkWrap.contentSection{padding-bottom:80px;} .ourAdvanage{text-align:center; padding:0;color:#f8f2e3;} .ourAdvanage:nth-of-type(1), .ourAdvanage:nth-of-type(2){border-bottom:1px solid #3b2222;} .ourAdvanage:nth-of-type(1), .ourAdvanage:nth-of-type(3){border-right:1px solid #3b2222;} .ourAdvanage .advIcon{font-size:40px;color:#e8ca92;} .ourAdvanage .advTitle{ font-size:20px; text-transform:uppercase; line-height:1.3;margin:12px 0 19px; font-weight:bold;} .ourAdvanage p{/*color:#555;*/} .flipcard{position:relative;padding-bottom:50%;perspective:600px;} .flipcard-front, .flipcard-back{position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover; background-position:50% 50%;transform-style: preserve-3d;backface-visibility: hidden;transition: all .4s ease-in-out; overflow:hidden;} .flipcard-front{z-index: 900;transform: rotateX(0deg) rotateY(0deg);padding:20px 30px 40px;} .ourAdvanage:hover .flipcard-front{z-index: 900;transform: rotateY(180deg);} .flipcard-back{z-index: 800;transform: rotateY(-179deg); background-size:cover; background-repeat:no-repeat;background-position:50% 50%;} .ourAdvanage:hover .flipcard-back{z-index: 1000;transform: rotateX(0deg) rotateY(0deg);} .advantageInvest .flipcard-back{ background-image:url("../images/advantage-invest.jpg");} .advantageDesign .flipcard-back{ background-image:url("../images/advantage-design.jpg");background-position:50% 100%;} .advantageInfrstr .flipcard-back{ background-image:url("../images/advantage-infrstr.jpg");} .advantageLive .flipcard-back{ background-image:url("../images/advantage-live.jpg");} .reviewItem{display:block;text-decoration:none;color:#fff!important;position:relative; overflow:hidden; margin-bottom:20px;} .reviewItem img{width:100%;transform:scale(1,1);} .reviewItem .reviewPlayIcon{display:block; position:absolute;left:50%;top:15%;transform:translateX(-50%);font-size:55px;text-shadow: 2px 2px 2px rgba(0,0,0,0.6);opacity:0;} .reviewTitle{display:block;position:absolute;bottom:0;left:0;right:0;padding:10px 15px; font-size:13px; background:rgba(92,35,24,0.9);} .reviewTitle strong{display:block; font-weight:normal; font-size:18px; line-height:1;} .reviewTitle i{font-style:normal; display:block; height:0; overflow:hidden;} .reviewItem img, .reviewItem .reviewTitle i, .reviewItem .reviewPlayIcon{transition: all 0.3s ease-in-out;} .reviewItem:hover img{transform:scale(1.1,1.1);} .reviewItem:hover .reviewTitle i{height:22px;} .reviewItem:hover .reviewPlayIcon{opacity:1;} #mapContainer{height:500px;color:#222;} #m2map{height:400px;color:#222;} .wrap{position:relative;} #m2Contacts{padding-top:60px;} #m2Contacts .sectionTitle{margin-bottom:50px;} #contactCnt{position:absolute;left:0;top:90px;right:0;bottom:0; pointer-events:none;} #contactCnt .form-control{border-radius:2px;box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);} #contactCnt form{pointer-events:auto;color:#222;} .gFrame{ display:inline-block;position:relative;padding:21px;overflow:hidden;} .gFrame.thin{padding:13px;} .gFrame::before{content:"";z-index:100;position:absolute;display:block;left:0; right:0; top:0; bottom:0;pointer-events:none;background:url("../images/g-fr-1.png") no-repeat 0 0, url("../images/g-fr-4-1.png") no-repeat 0 100%, url("../images/g-fr-3-4.png") no-repeat 100% 100%, url("../images/g-fr-2-3.png") no-repeat 100% 0, url("../images/g-fr-1-2.png") no-repeat 0 0;} .gFrame.thin::before{background:url("../images/g-frx-x.png") no-repeat 0 0, url("../images/g-frx-4.png") no-repeat 0 100%, url("../images/g-frx-3.png") no-repeat 100% 100%, url("../images/g-frx-2.png") no-repeat 100% 0, url("../images/g-frx-1.png") no-repeat 0 0;} .gFrame span{display:block;overflow:hidden;} a.gFrame img{transform:scale(1,1);transition: transform 0.3s ease-in-out;} a.gFrame:hover img{transform:scale(1.05,1.05);} .gFrame.gBranch{overflow:visible;} .gFrame.gBranch::after{z-index:101;display:block;content:" ";position:absolute;top:-41px;right:-25px;width:183px;height:81px;background:url("../images/branch.png") no-repeat 50% 50%; pointer-events:none;} .stackImages .gFrame{display:block;height:220px;} .stackImages .gFrame i{display:block;position:absolute;z-index:99;left:0;top:50%;right:0;padding:0 21px;} .stackImages .gFrame img{width:100%;transform:translateY(-50%) scale(1,1);} .stackImages .gFrame:hover img{transform:translateY(-50%) scale(1.05,1.05);} #complexAdvantages .row > div{margin-bottom:20px;} .fullWidth{width:100%;} ul.floorPlans{margin:20px 0 0; padding:0; list-style:none; background:#dbe1ef; border-top:10px solid #fff;} ul.li{margin:0; padding:0; list-style:none; display:inline;} #floorPlans .sectionTitle{margin-bottom:36px;} #footer{/*background:#F0F0F0;*/padding-top:5%;padding-bottom:3%;} #footer .form-control{background:rgba(255,255,255,0.1); border:none;color:#f8f2e3;} #footer .form-control:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.3);} #footer label{margin:0;} .footerTitle{margin:0 0 26px; font-size:20px;} .slideAnimation{transition: transform 20s linear;} .slideGrow{transform:scale(1.2,1.2);} @media (max-width: 1006px) { } @media (max-width: 767px) { #m2 #head .mainMenu{margin-top:30px;} #stickyHeader #topSNavbar{float:none; position:absolute; left:0; top:100%; right:0;background:#fff;} } @media (max-width: 450px) { .flipcard{padding-bottom:80%;} .flipcard-front{padding-top:0;} } @media (max-width: 466px) { #m2 #head .logo{width:100%;} } @keyframes logo_blink { 0 {background-position:50% 0; } 25% {background-position:50% -3276px; } 100% {background-position:50% -3276px;} } @keyframes logo2_blink { 0 {background-position:50% 0; } 25% {background-position:50% -2574px; } 100% {background-position:50% -2574px;} }