/*
COPYRIGHT: KIRA LUKYANCHUK (c) 1998-2024
PROJECT URL: http://www.alramy.ru/
DESCRIPTION: ALRAMY.RU
VERSION: 2.0
DESIGN: Артём Теняков | Artem Tenyakov & Кира Лукьянчук | Kira Lukyanchuk
MARKUP: Артём Теняков | Artem Tenyakov
SEE ALSO: http://www.artvladivostok.ru http://www.auum.ru
CONTACT: [ :) ]
*/
*
{margin: 0;
padding: 0;
outline: none !important;}
body
{background-color: #fff;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: 'Open Sans Condensed', sans-serif;
font-size: 12px;
font-style: normal;
/* overflow: hidden;*/
height: 2550px;
width: 5500px;
-webkit-font-smoothing: antialiased;}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section
{display: block;}
h1,
h2,
h3,
h4,
p
{font-size: 1.1em;
font-style: normal;
font-weight: normal;
/*text-transform: uppercase;*/
margin: 0;}
h1
{margin: 0 0 7px 0;
text-align: right;}
h1.left
{clear: none;
width: 249px;
float: left;
text-align: left;}
h1.right
{clear: none;
width: 300px;
float: right;
text-align: right;}
h2
{margin: 2px 0 2px 0;}
img,
a img
{border: 0;
background: none !important;
text-decoration: none !important;}
a,
a:link
{text-decoration: underline;}
a:hover
{text-decoration: none;}
#wraper
{position: static;}
/* >>> ПЕРВАЯ СТРАНИЦА >>> */
#intro
{left: 0;
top: 1700px;
width: 550px;
/* height: 750px;*/
padding: 0 0 0 50px;
position: absolute;}
.intro-header,
.intro-content,
.intro-footer,
.intro-couners
{position: relative;
width: 550px;
max-width: 550px;
clear: both;}
.intro-header
{z-index: 1099;
margin: 0 0 5px 0;
height: 137px;
vertical-align: bottom;}
.intro-menu,
.intro-menu li,
.intro-menu ul,
.intro-menu ul li
{list-style: none;
margin: 0;
padding: 0;
text-align: center;}
.intro-menu
{position: relative;
display: inline-block;}
.intro-logo-av
{width: 96px !important;
height: 99px !important;
/*float: left !important;*/
clear: none !important;
border: none !important;
padding: 7px 0 10px 0 !important;
text-align: left !important;}
.intro-logo-av img
{width: 96px !important;
height: 99px !important;}
.intro-logo
{width: 426px !important;/*400*/
height: 99px !important;
float: right !important;
border: none !important;
padding: 7px 1px 10px 0 !important;
text-align: right !important;}
.intro-logo img
{width: 426px !important;
height: 99px !important;
float: right !important;}
.intro-menu-first-element
{width: 125px !important;}
.intro-menu-last-element
{width: 126px !important;}
.intro-menu li,
.intro-menu ul li
{height: 18px;
width: 147px;
float: left;
display: block;
/*font-family: 'Open Sans Condensed', sans-serif;*/}
.intro-menu li a,
.intro-menu ul li a
{display: block;
overflow: hidden;
text-decoration: none !important;}
/*.current
{border-bottom: 1px solid #fff !important;}*/
.intro-menu li a:visited,
.intro-menu li ul li a:visited,
.intro-models-current,
.intro-information-current,
.intro-menu li:hover,
.intro-menu li:focus,
.intro-menu li a:hover,
.intro-menu li a:focus,
.intro-menu li ul li a:hover,
.intro-menu li ul li a:focus
{text-decoration: none !important;}
.intro-menu li
{position: relative;
top: 0;
margin: 0 -1px 0 0;}
/*.intro-menu li img,
.intro-menu ul li img
{width: auto;
height: 17px;}*/
.intro-menu li ul
{position: absolute;
visibility: hidden;
top: 0;
left: 0;
width: 100%;
margin: 18px 0 0 0;
background: rgba(255, 255, 255, 0.89);
-webkit-box-shadow: 0px 3px 3px -2px rgba(136, 142, 163, 0.5);
-moz-box-shadow: 0px 3px 3px -2px rgba(136, 142, 163, 0.5);
box-shadow: 0px 3px 3px -2px rgba(136, 142, 163, 0.5);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
.intro-menu li ul li
{margin: 0 -1px;
border-bottom: none;}
.intro-menu li:hover > ul,
.intro-menu li:focus > ul
{visibility: visible;}
.intro-content
{z-index: 1050;
margin: 0 0 10px 0;}
.intro-content figure img
{width: 550px;
height: 550px;
margin: 0;
padding: 0;}
/* .intro-content figcaption
{z-index: 1059;
position: absolute;
visibility: hidden;
bottom: 4px;
left: 1px;
width: 508px;
height: 58px;
padding: 15px 20px;
text-align: left;
letter-spacing: 0.05em;
background: rgba(255, 255, 255, 0.89);
-webkit-box-shadow: 0px 3px 3px -2px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 3px 3px -2px rgba(50, 50, 50, 0.4);
box-shadow: 0px 3px 3px -2px rgba(50, 50, 50, 0.4);
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;}
.intro-content figure:hover > figcaption,
.intro-content figure:focus > figcaption
{visibility: visible;}*/
.intro-models figure img
{padding-top: 10px;}
.intro-footer
{padding: 10px 0 0 0;
height: 100px;}
/*.intro-footer
{-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;}*/
.intro-footer p
{padding: 0 0 3px 0;
/*word-spacing: 0.25em;*/
line-height: 1.2;
font-size: 0.9em;
text-align: justify;}
.intro-footer p:last-child
{padding: 0;}
.intro-counters
{padding: 10px 0;
height: 100px;}
.intro-counters .intro-counters-block
{clear: none;
float: left;
height: 88px;
width: 88px;
overflow: hidden;
margin: 6px;
padding: 0 50px 0 0;}
.intro-counters .intro-counters-block:last-of-type
{padding: 0;}
.intro-counters-block .counters
{padding: 0px 0px 8px 0px;
width: 88px;
clear: both;}
.intro-counters-block .vvi-img
{height: 88px;
width: 88px;}
/*.intro-counters a:first-child
{margin: 0 20px 10px 165px !important;}
.intro-counters .vvi-txt
{height: 94px;
width: 89px;
padding: 3px 3px 3px 8px;
color: #fff !important;
text-decoration: none !important;
font-size: 1.3em;
letter-spacing: 7px;
line-height: 1.2;
text-align: justify !important;
overflow: hidden;}*/
/* >>> ГАЛЕРЕЯ >>> */
.intro-gallery,
.intro-gallery li,
.intro-gallery li img
{margin: 0;
padding: 0;
list-style-type: none !important;}
.intro-gallery,
.intro-textinfo
{z-index: 3;
clear: both;
width: 550px;
position: relative;}
.intro-gallery li
{float: left;
clear: none;
padding: 10px 50px 10px 0;
width: 100px;
height: 100px;}
.intro-gallery li:nth-child(1),
.intro-gallery li:nth-child(2),
.intro-gallery li:nth-child(3),
.intro-gallery li:nth-child(4)
{padding: 0 50px 10px 0 !important;}
.intro-gallery li.last
{padding-right: 0 !important;}
.intro-gallery li img
{background: #ededed !important;
width: 98px;
height: 98px;}
.intro-gallery li img:hover,
.vvi-img:hover
{filter: alpha(opacity=70);
opacity: 0.7;}
/* <<< ГАЛЕРЕЯ <<< */
/* <<< ПЕРВАЯ СТРАНИЦА <<< */
/* >>> ВТОРАЯ СТРАНИЦА >>> */
#piece
{left: 1340px;
top: 1836px;
width: 437px;
position: absolute;}
.pieces,
.pieces li,
.pieces li img
{margin: 0;
list-style-type: none !important;
display: block;}
.pieces li
{float: left;
clear: none;
display: table-cell;
padding: 0 3px 3px 0;
width: 37px;
height: 37px;}
.pieces li:nth-child(11n+11)
{padding: 0 0 3px 0;}
.pieces li img
{-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: relative;
vertical-align: middle;
width: 37px;
height: 37px;}
.pieces li img:hover
{-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
transition: all 200ms ease-in;
border: 5px solid #fff;
width: 80px;
height: 80px;
margin: -27px;
z-index: 200;}
.pieces
{width: auto;
margin-bottom: 16px;
/*height: 592px;*/
display: table;}
/* <<< ВТОРАЯ СТРАНИЦА <<< */
/* >>> COLORBOX >>> */
#colorbox,
#cboxOverlay,
#cboxWrapper
{position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0,0,0);}
#cboxWrapper
{max-width: none;}
#cboxOverlay
{position: fixed;
width: 100%;
height: 100%;}
#cboxMiddleLeft,
#cboxBottomLeft
{clear: left;}
#cboxContent
{position: relative;}
#cboxLoadedContent
{overflow: auto;
-webkit-overflow-scrolling: touch;}
#cboxTitle
{margin: 0;}
#cboxLoadingOverlay,
#cboxLoadingGraphic
{position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}
.cboxPhoto
{float: left;
margin: auto;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;}
.cboxIframe
{width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;}
#colorbox,
#cboxContent,
#cboxLoadedContent
{box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
font-size: 1em;}
#cboxOverlay
{background: #fff;
opacity: 0.9;
filter: alpha(opacity = 90);}
#colorbox
{outline: 0;}
#cboxContent
{margin: 20px 0 300px 0;
overflow: visible;
/*background: #fff;*/}
.cboxIframe
{background: #fff;}
#cboxError
{padding: 50px;
border: 1px solid #ccc;}
#cboxLoadedContent
{position: relative;
background: #fff;
/*padding: 1px;
margin-bottom: 30px;*/}
#cboxLoadingGraphic
{background: url("data:image/svg+xml;utf8,") no-repeat center center;}
/*#cboxLoadingOverlay
{background: #fff;}*/
#cboxTitle
{position: relative;
margin-top: 3px;
/*position: absolute;
top: -22px;
bottom: 4px;*/
left: 0;
/*color: #000;*/}
#cboxCurrent
{position: absolute;
top: -15px;
left: 0;
/*bottom: 4px;
left: 58px;
text-indent:-9999px;*/}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose
{border: 0;
padding: 0;
margin: 0;
overflow: visible;
text-indent: -9999px;
width: 10px;
height: 10px;
position: absolute;
top: -15px;
/*right: 10px;*/
background: url(../images/cbox_controls.svg) no-repeat 0 0;
background-size: 50px 20px;}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active
{outline: 0;}
#cboxPrevious
{background-position: 0px -10px;
right: 30px;}
#cboxPrevious:hover
{background-position: 0px 0px;}
#cboxNext
{background-position: -10px -10px;
right: 15px;}
#cboxNext:hover
{background-position: -10px 0px;}
#cboxClose
{background-position: -20px -10px;
right: 0;}
#cboxClose:hover
{background-position: -20px 0px;}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious
{right: 60px;}
.cboxSlideshow_on #cboxSlideshow
{background-position: -30px -10px;
right: 45px;}
.cboxSlideshow_on #cboxSlideshow:hover
{background-position: -30px 0px;}
.cboxSlideshow_off #cboxSlideshow
{background-position: -40px -10px;
right:45px;}
.cboxSlideshow_off #cboxSlideshow:hover
{background-position: -40px 0px;}
/* <<< COLORBOX <<< */
/* >>> ВОЗВРАТ НА ПЕРВУЮ СТРАНИЦУ >>> */
#back-to-intro
{position:fixed;
z-index: 2000;
/*display:none; */
bottom:10px;
right:11px;
cursor:pointer;}
#back-to-intro a
{width: 24px;
height: 24px;
display: block;
/*background: url("data:image/svg+xml;utf8,") no-repeat center center;*/
background: url("data:image/svg+xml;utf8,") no-repeat center center;
text-align: center;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-ms-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;}
#back-to-intro a:hover
{background: url("data:image/svg+xml;utf8,") no-repeat center center;
-webkit-transition: .3s all;
-moz-transition: .3s all;
-ms-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;}
/* <<< ВОЗВРАТ НА ПЕРВУЮ СТРАНИЦУ <<< */
/* >>> ДОБАВОЧНЫЕ КЛАССЫ >>> */
.invisible
{display: none;
visibility: hidden;}
.clear
{clear: both;
float: none !important;
line-height: 1px;
height: 0;
margin: 0;
padding: 0;}
/* <<< ДОБАВОЧНЫЕ КЛАССЫ <<< */
/* >>> ПОСЛАНИЕ >>> */
#message
{/*left: 625px;
top: 1867px;*/
left: 660px;
top: 1707px;
width: 158px;
height: 158px;
border: 1px solid #888ea3;
position: absolute;}
#message p
{max-width: 158px;
max-height: 158px;
padding: 20px 0;
display: block;
text-align: center;
font-size: 1.5em;}
#message a
{text-decoration: none;
color: #888ea3;}
/* <<< ПОСЛАНИЕ <<< */
/* >>> ЛОГО 2 >>>
#intro-logo-sev
{left: 0;
top: 1707px;
width: 275px;
height: 99px;
padding: 0 0 0 600px;
position: absolute;
display: block;}
#intro-logo-sev img
{width: 275px !important;
height: 99px !important;}
<<< ЛОГО 2 <<< */