@font-face { font-family: 'Didot'; src: url('fonts/DidotLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/DidotLTStd-Roman.otf') format('opentype'), url('fonts/DidotLTStd-Roman.woff') format('woff'), url('fonts/DidotLTStd-Roman.ttf') format('truetype'), url('fonts/DidotLTStd-Roman.svg#DidotLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Didot'; src: url('fonts/DidotLTStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/DidotLTStd-Bold.otf') format('opentype'),  url('fonts/DidotLTStd-Bold.woff') format('woff'), url('fonts/DidotLTStd-Bold.ttf') format('truetype'), url('fonts/DidotLTStd-Bold.svg#DidotLTStd-Bold') format('svg'); font-weight: bold; font-style: normal; }
.hidden { display: none }
::selection { background: rgb(0,0,0); color: #fff }
::-moz-selection {
background:rgb(0,0,0);
color:#fff
}
img::selection { background: transparent; color: #fff }
img::-moz-selection {
background:transparent;
color:#fff
}
body { -webkit-tap-highlight-color: rgb(0,0,0); color: #fff }

::-webkit-input-placeholder {
color:#000;
opacity:1
}
::-moz-placeholder {
color:#000;
opacity:1
}
:-ms-input-placeholder {
color:#000;
opacity:1
}
input:-moz-placeholder {
color:#000;
opacity:1
}
* { position: relative; border: 0; outline: none; text-decoration: none; border-spacing: 0; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
html, body { min-width: 1170px; width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; font-family: "kepler-std", sans-serif; font-size: 18px; line-height: 26px; color: #000 }
body { background: #fff }
#error-page { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.clear { clear: both }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline }
strong { font-weight: bold }
h1, h2 { font-family: "bickham-script-pro", sans-serif; font-weight: 400; }
h2 { font-size: 120px; line-height: 100px; text-align: center; margin-bottom: 90px; }
h2:after { content: ""; display: block; width: 100px; height: 1px; background: #000; position: absolute; left: 50%; bottom: -20px; margin-left: -50px; }
h3 { font-size: 20px; margin-bottom: 15px; text-transform: uppercase; font-family: 'Didot'; }
p { margin: 0 0 15px 0 }
p:last-child { margin: 0 }
.container { width: 1170px; margin: 0 auto; }
.content { width: 960px; margin: 0 auto; }
em { font-style: italic }
.main-menu { position: fixed; left: 25px; top: 38%; z-index: 99; }
.main-menu ul { display: table; }
.main-menu ul li { margin-bottom: 10px; }
.main-menu ul li a:before { content: ""; background: #000; display: block; width: 11px; height: 11px; position: absolute; top: 5px; left: -5px; border-radius: 50%; visibility: visible!important; }
.main-menu ul li a { font-family: 'Didot'; font-size: 16px; color: #000; visibility: hidden; padding-left: 20px; text-transform: uppercase }
.main-menu ul li a:hover { visibility: visible; text-decoration: none }
.main-menu ul li a.current { visibility: visible; }
.main-menu ul li a.current:before { background: url('/templates/home/images/nav-opal.png') no-repeat 0 0; display: block; width: 17px; height: 17px; position: absolute; top: 2px; left: -7px; z-index: 9 }
.main-menu ul li:last-child { margin-bottom: 0; }
.top { position: fixed; top: 20px; right: 20px; width: 20px; height: 20px; background: #fff; color: #000; }
header { width: 100%; height: 100vh; max-height: 1005px; background: url('/templates/home/images/bg-header.jpg') no-repeat 50% 0 fixed; overflow: hidden; }
header .container { height: 100vh; }
header .logo { z-index: 10; text-align: center; }
header .slogan { z-index: 10; width: 640px; margin-left: -30px; }
header .slogan h2 { font-size: 130px; line-height: 95px; margin: 30px auto; width: 690px; display: table; text-align: center; }
header .container .woman { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; display: block; background: url('/templates/home/images/woman.png') no-repeat 100% 0; z-index: 1; }
#intro { position: absolute; top: 240px; left: 70px; text-align: center; width: 640px; z-index: 999; }
section { width: 100%; padding: 60px 0; }
section .text p { text-align: center; }
.ring { display: table; margin: 20px auto 0 auto; }
/*.welcome *{opacity:0;transform:translateY(200px);transition-property:opacity, transform;}*/
.welcome h2 { transition-duration: 1s; }
.welcome .text { transition-duration: 1.4s; }
.welcome .ring { transition-duration: 1.6s; }
body.effect .welcome * { opacity: 1; transform: translateY(0px); }
.items { margin: 40px auto 0 auto; display: table; }
.items .item { width: 370px; float: left; margin-right: 30px; }
.items .item:nth-child(3n) { margin-right: 0; }
.services .items .item { display: inline-table; float: none!important; margin-right: 12px; margin-bottom: 50px; }
.services .items .item .icon { display: table; margin: 0 auto 15px auto; }
.services .items .item h3, .services .items .item p { text-align: center; }
.services .items .item p { width: 250px; margin: 0 auto; }
.about .items .item .image { width: 370px; height: 248px; margin-bottom: 55px; }
.about .items .item .image img { display: block; width: 100%; height: auto; }
.about .items .image:after { content: ""; display: block; width: 100px; height: 1px; background: #000; position: absolute; left: 50%; bottom: -30px; margin-left: -50px; }
body.stop-scroll { overflow: hidden!important; }
body.side-active-1 .right-draw.n1, body.side-active-2 .right-draw.n2, body.side-active-3 .right-draw.n3 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
.right-draw .close { position: absolute; top: 10px; right: 15px; cursor: pointer; z-index: 999; background: #fff }
.right-draw { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)!important; -moz-transition: -moz-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -ms-transition: -ms-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -o-transition: -o-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; width: 900px; background: #fff; position: fixed; height: 100%; right: 0px; top: 0px; z-index: 100; overflow: auto; -webkit-transform: translateX(900px); -moz-transform: translateX(900px); -ms-transform: translateX(900px); -o-transform: translateX(900px); transform: translateX(900px); border-left: 1px solid #000; }
.right-draw p { line-height: 27px; max-width: 655px; font-size: 20px; margin: auto auto 35px; z-index: 100; font-weight: 300; }
.right-draw p:first-child:first-letter { float: left; margin-left: -0.05em; padding: 0.11em 0.05em 0px 0px; text-transform: uppercase; letter-spacing: -0.02em; font-size: 5.4rem; line-height: 0.7em; }
.right-draw h3 { text-align: center; font-size: 40px; margin-bottom: 70px; }
.right-draw .image { text-align: center; margin-bottom: 60px; }
.right-draw .image img { width: 100%; height: auto; }
.right-draw h3:after { content: ""; display: block; width: 100px; height: 1px; background: #000; position: absolute; left: 50%; bottom: -40px; margin-left: -50px; }
.overlay { transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; pointer-events: none; opacity: 0; transform: translateZ(0px); position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 152; display: block; cursor: pointer; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.95))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=1 );
}
body.active .overlay, body.side-active .overlay { transform: translateZ(2px); pointer-events: all; opacity: 1; }
body.side-active .overlay { -webkit-transform: translateX(-900px); -moz-transform: translateX(-900px); -ms-transform: translateX(-900px); -o-transform: translateX(-900px); transform: translateX(-900px); display: block; }
body.side-active main { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -moz-transition: -moz-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -ms-transition: -ms-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -o-transition: -o-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; -webkit-transform: translateX(-900px); -moz-transform: translateX(-900px); -ms-transform: translateX(-900px); -o-transform: translateX(-900px); transform: translateX(-900px); }
.about .items .item .desc h3, .designs .items .item h3, .designs .items .item .image, .about .items .item .desc p { text-align: center; }
.designs .items .item { margin-top: 30px; }
.btn { text-align: center; font-family: "Didot", sans-serif; display: table; margin: 0 auto; padding: 5px 30px; border: 1px solid #000; color: #000; text-transform: uppercase; transition: all 0.6s; cursor: pointer; font-size: 18px; background: #fff; }
.btn:hover { background: #000; border: 1px solid #000; color: #fff; text-decoration: none; }
.diamond h3 { text-align: center; }
.diamond .col-1-2 { width: 570px; float: left; margin-right: 30px; text-align: center; }
.diamond .col-1-2.last { margin-right: 0; }
.diamond img { margin: 20px auto 60px auto; }
figure { width: 100%; height: 638px; overflow: hidden; }
figure .bg { width: 100%; height: 638px; }
figure .bg.paralax-1 { background: url('/images/paralax/1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
figure .bg.paralax-2 { background: url('/images/paralax/2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
figure .bg.paralax-3 { background: url('/images/paralax/3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
figure .bg.paralax-4 { background: url('/images/paralax/4.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
figure .bg.paralax-5 { background: url('/images/paralax/5.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
figure .bg { -webkit-animation: zoomin 120s infinite linear 1s; animation: zoomin 120s infinite linear 1s }
.form { width: 770px; margin: 0 auto 80px auto; }
.form .input { width: 370px; border-bottom: 1px solid #000; float: left; margin-right: 30px; margin-bottom: 40px; text-align: center; }
.form .textarea { width: 770px; border-bottom: 1px solid #000; float: left; margin-right: 30px; margin-bottom: 40px; text-align: center; }
.form .textarea textarea { width: 770px; max-width: 770px; min-width: 770px; height: 180px; text-align: center; font-family: "Didot", sans-serif; font-size: 18px; }
.form .input input { background: none; text-align: center; font-family: "Didot", sans-serif; font-size: 18px; width: 100%; }
.form .input:nth-child(2n) { margin-right: 0; }
.info { text-align: center; }
.info .logo-footer { margin-bottom: 20px; }
.info .logo-footer, .info .contacts p { text-align: center; }
.form .error { color: #C42303; }
.captcha-left { float: left; width: 370px; margin-right: 30px; }
.captcha-right { float: right; width: 370px; margin-right: 0!important; }
 @-webkit-keyframes zoomin { 0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.5)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes zoomin { 0% {
transform:scale(1)
}
50% {
transform:scale(1.5)
}
100% {
transform:scale(1)
}
}
 @media (max-width:1568px) {
.main-menu { display: none }
}