@charset "UTF-8";
@charset "utf-8";

  .centered {	display: block;	margin-left: auto;	margin-right: auto;}
* {
outline: none;
}
.seal {
display: none !important;
}
body {
margin: 0px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #788080;
font-size: 16px;
position: relative;
}
.ProximaNovaThin {   
font-size: 53px;
line-height: 51px;
margin-bottom: 30px;
}
.HelveticaLight {
font-family: 'HelveticaNeueLTStd-UltLt',Arial;
font-size: 53px;
line-height: 51px;
margin-bottom: 30px;
}
img {margin: 0 15px 5px 0;
border: none;
}
.rightPart .textwidget a {
text-decoration: none;	
}
h2 {
color: #313131;
font-size: 30px;
font-weight: normal;
}
h1, h2, h3, h4 {
font-weight: normal;
}
h1 p,
h2 p,
h3 p {
margin: 0px;
}
.entry p{
font-size: 18px;
}
.entry{
overflow: hidden;
margin: 20px 0;
}
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
display: block;
}
.clear-left {
clear: left;
height: 1px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
}
.header {
padding-top: 44px;
}
.headerTop {
width: 940px;
margin: 0 auto;
height: 75px !important;
position: relative;
}
.clearrr{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/smallHeaderBg.png) repeat-x;
height: 2px;
width: 940px;
margin: 0 auto;
}
.headerTop h1 {
float: left;
margin: 14px 0 0 0;
}
.headerTop h1 a#haikuLogo{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/haikuLogo.png) no-repeat left -100px;
display: block;
width: 179px;
height: 45px;	
}
.headerTop ul.ropNavi {
float: right;
margin: 0px;
padding: 0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.headerTop ul.ropNavi li {
list-style: none;
float: left;
}
.headerTop ul.ropNavi li a {
float: left;
display: block;
padding:0 18px;
font-size: 16px;
color: #313131;
text-decoration: none;
text-transform: uppercase;
height: 44px;
line-height: 44px;
}
.headerTop ul.ropNavi li.active a,
.headerTop ul.ropNavi li a:hover {
color: #57916b;
}
.headerTop ul.ropNavi li a.button {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/headerBtnBg.png) repeat-x left top;
color: #ffffff;
margin-left: 15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.headerTop ul.ropNavi li a.button:hover {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/headerBtnBg.png) repeat-x left bottom;
}
.pageDescText {
font-size: 24px;
color: #4e535b;
text-align: center;
width: 940px;
margin: 0 auto 27px; }
.pageDescText.smallBlock {
margin: 0 auto;
}
.pageDescText a {
display: block;
color: #57916b;
font-size: 16px;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}
.pageDescText a:hover {
text-decoration: underline;
}
.headerBottom {
width: 940px;
margin: 0 auto 15px;
}
.headerBottom ul {
margin: 0px;
padding: 0px;
}
.headerBottom ul li {width: 25%;
background: url(//haikufan.ru/wp-content/themes/haikufan/images/secondMenuBg.png) repeat-x left top;
list-style: none;
float: left;
margin: 0px;
padding: 0px;
text-align: center;
}
.headerBottom ul li a {
color: #313131 !important; text-transform: uppercase;
text-decoration: none;
display: block;
padding-top: 20px;
position:relative;
z-index: 15;
}
.headerBottom ul li.active,
.headerBottom ul li:hover{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/secondMenuBgActive.png) repeat-x left top;
color: #57916b;
text-decoration: none !important;
}
.lavaLampBottomStyle {
position: relative;
}
.lavaLampBottomStyle li.backLava {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/secondMenuBgActive.png) repeat-x left top!important;
height: 6px;
position: absolute;
width: 0px;
z-index: 8;
}
.lavaLampBottomStyle li {
float: left;
list-style: none outside none;
}
.headerBottom ul li.selectedLava a,
.headerBottom ul li:hover a {
color: #57916b !important;
text-decoration: none !important;
}
#footer { padding: 0;
height: 150px !important;
}
#footerContent {
width: 940px;
margin: 20px auto 0;
padding-top: 10px;
}
#footerContent ul {
margin: 0px;
padding: 0px;
float: left;
}
#footerContent ul li {
list-style: none;
margin-bottom: 5px;
}
#footerContent ul li a {
font-size: 16px;
color: #57916b;
text-decoration: none;
}
#footerContent ul li a:hover {
text-decoration: underline;
}
#footerContent .fbIcon {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/fbIcon.png) no-repeat center center;
display: block;
height: 36px;
width: 36px;
float: right;
margin: 0 0 10px 0;
}
#footerContent .twIcon{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/twIcon.png) no-repeat center center;
display: block;
height: 36px;
width: 36px;
float: right;
margin: 0 0 10px 3px;
}
#content {
min-height: 500px;
width: 940px;
margin: 0 auto;
padding-bottom: 10px;
}
#content.newsPage {
padding-bottom: 100px;
overflow: hidden;
}
#content.contactUsForm {
padding-bottom: 100px;
}
#content.answerPage h2 {
line-height: normal;
}
#content.supportPage #leftCol{
padding-left: 39px;
width:660px;
}
#content a {
color: #57916b;
text-decoration: none;
}
#content a:hover{
text-decoration: underline;
}
.regular{
margin-bottom:15px;
} form { display: block;}#form{padding: 15px;}
.blocks p {	margin-bottom:15px;	position:relative;}
.btn {margin-bottom: 15px;border: 1px solid #00853f;display:block;float:left;height:30px;padding:0 15px;background: #fff;color:#57916b;font-size:11pt;outline:none;}
.btn:hover{	color:#fff;	background: #00853f;} 
.text,.textarea {padding:5px 10px;	height:27px;	border:1px solid #00853f;	color:#333;	background: #fff;	position:relative;	z-index:2;}
.text {width:180px;}
.textarea {height:150px;	width:250px;}
.blocks label {	float:left;	width:100px; text-align:right;	margin-right:15px;	color:#666;}
.blocks label.error,.blocks label.ok {position:absolute;	z-index:1;	top: -5px;	left: 110px;padding: 5px 15px 7px 210px;width:auto;	text-align:left;margin:0;background-repeat:no-repeat;	background-position:257px 16px;}
.blocks label.ok {height:38px;	background-color:#57916b;	color:#fff;text-shadow: #ff7744 0.05em 0.05em 0.05em;}
.blocks label.error {background-color:#F7C6CA;height:38px;	color:#c81925;}
.area label.ok,.area label.error {	height:160px;	padding-left:290px;	background-position:387px 16px;} .btn ,.text,.textarea ,.blocks label.error,.blocks label.ok {-moz-border-radius:8px;	-webkit-border-radius:8px;	border-radius:8px;}
.contacttd td {
vertical-align: top !important;
}
.awardItem {
margin-bottom: 36px;
padding-left: 5px;
}
.awardItem .awardImg {
float: left;
}
.awardItem .awardImg  img {
margin-right: 40px;
}
.awardItem .awardImg img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
#content a.button,
.moduleContent a.button {
padding: 0 29px 0 22px;
background: url(//haikufan.ru/wp-content/themes/haikufan/images/bodyButtons.png) repeat-x left top;
float: left;
height: 45px;
line-height: 47px;
text-transform: uppercase;
color: #ffffff;
font-size: 16px;
display: block;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
text-decoration: none;
}
.assIcon {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/assFanIcon.png) no-repeat left top;
width: 39px;
height:66px;
position:relative;
top: -13px;
left: -5px;
display: block;
float: left;
}
#content a.button:hover,
.moduleContent a.button:hover, a.button-large:hover{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/bodyButtons.png) repeat-x left bottom;
text-decoration: none !important;
}
#content a.button .nwIcon {
float: right;
background: url(//haikufan.ru/wp-content/themes/haikufan/images/nwIcon.png) no-repeat center center;
width: 30px;
height: 23px;
margin: 9px 0 0 11px;
}
.awardDesc {
overflow: hidden;
}
.awardSmallDesc {
display: block;
color: #788080;
font-size: 18px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom: 14px;
}
.awardItem h2 {
font-size: 30px;
font-weight: normal;
margin: -4px 0px 9px;
color: #313131;
width: 900px;
line-height: 35px;
}
.awardDesc p{
line-height: 24px;
display: block;
margin-top: 24px;
}
.storyRightImg {
float: right;
margin-left: 30px;
}
.storyLeftImg {
float: left;
margin-right: 30px;
}
.storyRightImg img,
.storyLeftImg img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.storyPage .storyItem {
padding: 0 50px 31px 38px;
}
.storyPage .storyItem .storyContent {
line-height: 24px;
}
.storyPage .storyItem.withoutImg .storyContent {
max-width: 680px;
}
.moduleContent {	width: 940px;margin: 10px auto;}
.module2,.module5 {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 0 auto;
width: 940px;
}
.module3 {
height: 380px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.module1 {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.module1.expand {
color: #ffffff;
}
.module4 {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
height: 450px;
overflow: hidden;
}
.module1 a {
color: #57916B;
text-decoration: none;
}
.module1 a:hover {
text-decoration: underline;
}
.module1 .moduleContent {
height: 330px;
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
width: 900px;
overflow: hidden;
}
.module1.expand .moduleContent {
height: 660px;
}
.module1 .moduleContent h2 {
color: #ffffff;
font-size: 30px;
margin: 0px;
margin-bottom: 15px;
}
.module5 .technologyLine {
position: relative;
margin: 5px 0 4px;
overflow: hidden;
height: 350px;
}
.module1.goRightContent .moduleContent h2 {
float: right;
}
.module1 .moduleContent p {
color: #ffffff;
line-height: 24px;
margin-top: 0px;
}
.module3 .moduleContent {
padding: 5px 0 5px 20px;
width: 920px;
height: 370px;
overflow: hidden;
}
.module3 .moduleContent .moduleContentInnerWrapper {
height: 350px;
display: table-cell;
vertical-align: middle;
}
.module3 .moduleContent h2 {
font-size: 30px;
margin: 0px 0px 18px 0px;
}
.module3 .moduleContent p {
margin: 0px 0 18px 0;
}
.module3 .moduleContent a{
text-decoration: none;
color: #57916b;
}
.module3 .moduleContent a:hover {
text-decoration: underline;
}
.module3 .moduleContent .twoColTxtLeft h2,
.module3 .moduleContent .twoColTxtRight h2 {
line-height: normal;
}
.module3 .moduleContent .twoColTxtLeft,
.module3 .moduleContent .twoColTxtRight { 
line-height: 24px;
width: 435px;
}
.module3 .moduleContent .twoColTxtLeft {
float: left;
margin-right: 40px;
}
.module3 .moduleContent .twoColTxtRight {
float: right;
}
.module4 .moduleContent {
padding-left: 20px;
width: 920px;
}
.module4 .moduleContent {
min-height: 450px;
}
.module4 .moduleContent h2 {
color: #ffffff;
font-size: 30px;
margin: 0px 0 15px 0;
}
.module4 .moduleContent p {
color: #ffffff;
line-height: 24px;
margin-bottom: 26px;
margin-top: 0px;
}
.module4 .moduleContent a {
line-height: 26px;
color: #67b787;
}
.module4 .imgHolder {
float: left;
margin-right: 23px;
}
.module4 .moduleLeftContent {
display: table-cell;
height: 450px;
vertical-align: middle;
overflow: hidden;
}
.module4 .moduleLeftContent a {
text-decoration: none;
}
.module4 .moduleLeftContent a:hover {
text-decoration: underline;
}
.module2 h2 {
font-size: 30px;
margin-bottom: 10px;
margin-top: 40px;
}
.module2 .designLine {
color: #333;
line-height: 24px;
width: 400px;
margin-left: 140px;
position:relative;
}
.module2 .designLine-wrapper {
margin: 0 auto;
}
.module2 .designLine h2 {
color: #999 !important;
line-height: 24px;
font-size: 16px;
}
.module2 p {
color: #788080;
line-height: 24px;
}
.module5 .technologyLine .imgContainer {
padding-right: 40px;
width: 440px;
position: relative;
height: 300px;
overflow: hidden;
display: table-cell;
vertical-align: middle;
}
.imgLinkWrapper {
position: relative;
}
.module5 .technologyLine .imgContainer img {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.module5 .technologyLine .imgDesc {
width: 425px;
height: 300px;
vertical-align: middle;
display:table-cell;
overflow: hidden;
}
.module5 p {
color: #788080;
line-height: 24px;
margin: 0px 0px 28px 0px;
}
.module5 .technologyLine a {
color: #57916b;
text-decoration: none;
}
.module5 .technologyLine a:hover {
text-decoration: underline;
}
.module5 .technologyLine h2 {
font-size: 30px;
margin: 5px 0 10px 0;
} #toTop {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/scrollToTopBg.gif) repeat-x left bottom;
border: medium none;
color: #ffffff;
font-size: 14px;
padding-top: 20px;
top: -3px;
display: none;
height: 51px;
overflow: hidden;
position: fixed;
right: 50%;
margin-right: -500px;
text-decoration: none; width: 81px;
text-transform: uppercase;
text-align: center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
z-index: 100000;
}  .flex-container {
position: relative;
}
.flexslider {
margin: 0;
padding: 0;
width: 100%;
}
.flexslider .slides {
margin: 0px;
padding: 0px;
height: 455px;
}
.flexslider .slides > li {
position: relative;
list-style: none;
margin: 0px;
padding: 0px;
height: 455px;
}
.flex-control-nav {
z-index: 1000;
}
.flex-control-nav {
text-align: center;
width: 940px;
margin: 0px auto 15px;
}
.flex-control-nav li {
display: inline-block;
margin: 0 0 0 5px;
}
.flex-control-nav li a.active {
background-position: right top;
cursor: default;
}
.flex-control-nav li a {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/sliderNaviBg.png) no-repeat left top;
cursor: pointer;
display: block;
height: 22px;
text-indent: -9999px;
width: 22px;
}  .push {
height: 150px;
}
#footer {
margin-top: -150px;
position: relative;
bottom: 0px;
}
#contentWrapper {
overflow:hidden; 
padding-bottom: 150px; 
z-index: 0 !important;}
.MenuContainer {
position: relative;
float: right;
height:45px;
width: 80%;
}
.MenuContainer ul.ropNavi {
position: relative;
right: 0;
top: -44px;
} #homeChangableBg .bgImages{
display: none;
}
#gallery-1 img  {
margin: 0px 0px 0px 5px;
padding: 0;
list-style: none;
float: left;
width: 220px!important;
height: 200px!important;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;	
}
#gallery-1 img:hover  {
opacity:0.8;	
} #homeBgsList {
margin: 0px;
padding: 0px;
position: relative;
}
#homeBgsList li {
margin: 0px;
padding: 0px;
overflow: hidden;
list-style: none;
position: absolute;
left:0px; 
top: 0px;
}
#homeBgsList li.oldImg {
display: none;
}
#homeBgsList li img {
position: absolute;
left: 0px;
top:0px;
}  .topImg, .nextImg {
position:absolute;
left: 0px;
top: 0px;
} .fb_edge_widget_with_comment {
float: right;
}
.twitter-share-button {
float: right;
}
.pinterestButton {
float: right;
margin-right: 21px;
margin-top: 1px;
} .alignright {
float:right;	
}
.alignleft {
float:left;	
}
.error404 #content {
padding-top: 20px;	
}
.textwidget {
line-height: 24px;	
}
.newsInfo {
display: block;
font-size: 14px;
margin-bottom: 6px;
}	
.flexslider .slides {
height: 300px !important;
}
.flexslider .slides > li {
height: 300px !important;
}
#pageFooterRight {
margin-right: 0px !important;
}
.social-link {
text-decoration:none;	
}
#middle-wrapper {
padding-left: 30px;
font-size: 11px;
color: #6B6B6B;
font-family: Verdana, Arial;	
}
.middlePart .title {
color: #57916B;
font-family: 'NewHaikuFont';
font-size: 16px;
text-decoration: none;
}
#copyright {
width: 940px;
height: 75px;
text-align: right;
color: #6B6B6B;
font-family: Verdana,Arial;
font-size: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 50px;
}
.sub-footer-left {
float: left;
line-height: 20px;
margin-top: 17px;
text-align: left;
width: 400px;
}
.sub-footer-right {
width: 400px;
float:right;
margin-top: 18px;
}
sup{font-size:11px;vertical-align:top;} 
div.featured-image-content {
border-top: 1px solid #CCCCCC;
height: 315px;
margin: 20px auto auto;
position: relative;
width: 100%;
}
div.featured-image-text {
position: relative;
margin-left: 0px;
top: 35px;
}
div.featured-image-full {
width: 1020px;
height: 100%;
position: absolute;
top: -17px;
left: -40px;
background-repeat: no-repeat; 
}
.featured-image-text p {
color: #888;
font-family: 'HelveticaNeueLTStd-UltLt';
font-size: 32px;
}
.simply-scroll {
height: 110px;
}
.simply-scroll-container {
position: relative;
float: left;
width: 1220px;
}
.simply-scroll-list {
padding: 0;
margin: 0;
height: 85px;
}
.simply-scroll .simply-scroll-clip {
height: 85px;
margin: 5px auto 0;
position: relative;
width: 1220px;
}
.simply-scroll-clip {
overflow: hidden;
position: relative;
}
.simply-scroll .simply-scroll-list li {
float: left;
margin: 0;
padding: 0;
}
.simply-scroll-list li {
list-style: none outside none;
margin: 0;
padding: 0;
}
.scroller-wrapper {
height: 95px;
left: -140px;
position: relative;
width: 1220px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-top: 40px;
}
.scroller-cap {
float: left;
height: 97px;
position: absolute;
top: -1px;
width: 20px;
opacity: .9;
z-index: 10;
}
.scroller-cap.left {
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); left: 0;
}
.scroller-cap.right {
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); right: 0px;
}
.featured-image-wrapper {
margin: 0 auto;
padding-bottom: 30px;
width: 940px;	
}
.featured-image-full{
background: url(//haikufan.ru/wp-content/themes/haikufan/images/scroller-header.png) no-repeat;
}
#image-wrapper{
margin:0 auto;
padding:10px;
}
#image-wrapper li {overflow: hidden;
margin:10px 0;
background-color: #FFFFFF;
border: 1px solid #DEDEDE;
border-radius: 4px 4px 4px 4px;
padding: 5px;
}
#image-wrapper ul {
font-family: 'Helvetica Neue', Helvetica, Arial;
font-size: 17px;
line-height: 1em;
list-style: none outside none;
padding-left: 0px;
color: #000;
}
#image-wrapper li img {float:left;
border-radius: 2px 2px 2px 2px;
display: block;
margin: 0;
}	
.testimonial {float:right;
width: 420px;
margin: 10px;
color: #788080;
line-height: 1em;
}
.name-wrapper {float:left;width: 160px;}
.name {	
font-weight: bold;
padding-bottom:10px;
}
.image-wrapper{position:absolute;}
.testimonial-wrapper {background-color: #57916B !important;}
.testimonial-wrapper .name {color: #FFF;}
.testimonial-wrapper .date {color: #CCC;}
.testimonial-wrapper .testimonial {color: #FFF;}
.file-name	{
height: 70px;
padding:20px 0 0 70px;
vertical-align: middle;
display: inline-block;
overflow: hidden;
background: url(//haikufan.ru/wp-content/themes/haikufan/images/pdfIcon.png) no-repeat left top;
}
p.file-name	{
margin:0 auto;
}
.snos{
color:#ADADAD;font-size:9pt;
} #price .desc{line-height:normal; }
#price table{border-collapse: collapse; margin:30px 0;}
#price td{padding: 0;border:solid #4BACC6 1.0pt; text-align:center; padding:5px 1px;}
#price .col{background:#D9D9D9; color:#000;font-size: 10pt;} 
#price .col_1{border-bottom:solid #4BACC6 2.25pt;}
#price .col_2{color:#000;}
#price .bold{font-weight: bold;}
.scrollTop{
background:url(//haikufan.ru/wp-content/themes/haikufan/images/arrows.png) 0 0 no-repeat;
width:50px;
height:70px;
bottom:20px;
right:4%;
}
.scrollTop:hover{ background-position:0 -76px; }#navwrap {
float: right;
font: 1.0em "Segoe UI", "Lucida Grande", Verdana, Arial, sans-serif;
}
ul.dropdown {
}
ul.dropdown li {
}
ul.dropdown ul li {
background: #FFF;
color: #FFF;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #FFF;
}
ul.dropdown ul li:hover,
ul.dropdown ul li.hover {
background-color: #FFF;
}
ul.dropdown a:link,
ul.dropdown a:visited   { color: #ddd; text-decoration: none; }
ul.dropdown a:hover     { color: #F9F9F9; }
ul.dropdown a:active    { color: #FFF; } ul.dropdown ul {
width: 200px;
margin-top: -1px;
-moz-box-shadow: 0 2px 5px #222;
-webkit-box-shadow: 0 2px 5px #222;
}
.headerTop ul.dropdown {
float: right;
margin: 0px;
padding: 0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.headerTop ul.dropdown li {
list-style: none;
float: left;
}
.headerTop ul.dropdown li a {
float: left;
display: block;
padding:0 20px;
margin-left:10px;
font-size: 16px;
color: #313131;
text-decoration: none;
text-transform: uppercase;
font-family:'NewHaikuFont';
height: 44px;
line-height: 44px;
}
.headerTop ul.dropdown li.active a,
.headerTop ul.dropdown li a:hover{
color: #57916b;
}
#active {
color: #57916b;
}
.headerTop ul.dropdown li a.button {
background: url(//haikufan.ru/wp-content/themes/haikufan/css/images/headerBtnBg.png) repeat-x left top;
color: #ffffff;
margin-left: 15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.headerTop ul.dropdown li a.button:hover {
background: url(//haikufan.ru/wp-content/themes/haikufan/css/images/headerBtnBg.png) repeat-x left bottom;
}
.sub-menu {
background-color: #FFF;
opacity: .8;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
.sub-menu a {
font-size: 14px !important;
}
 ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598; }
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ display:none !Important;
font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: block !important;
overflow: hidden;
left: 50%;
margin: -50px auto 0;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//haikufan.ru/wp-content/themes/haikufan/images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}:root {
--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;
--ink: #1d1d1f;
--ink-2: #6e6e73;
--sky: #7ec8e3;
--sky-dark: #28729a;
--gray-bg: #f5f5f7;
--white: #fff;
--radius: 18px;
--section: 72px;
--wrap: 980px;
} html, body {
font-family: var(--font-sans);
color: var(--ink);
background: var(--white) !important;
-webkit-font-smoothing: antialiased;
}
html { overflow-x: clip; }
body { font-size: 17px; line-height: 1.5; }
a, #content a, .module1 a, .module3 .moduleContent a {
color: var(--sky-dark);
transition: color .2s;
}
a:hover, #content a:hover { color: var(--ink); text-decoration: none; }
p { line-height: 1.55; }
.entry p { font-size: 17px; color: var(--ink); } .hf-band,
.headerBottom,
.scroller-wrapper,
#footer {
background: var(--gray-bg);
box-shadow: 0 0 0 100vmax var(--gray-bg);
clip-path: inset(0 -100vmax);
} h1, h2, h3, h4 { font-family: var(--font-sans); }
.posttitle, #content h1, #content h2.MsoNormal {
font-size: 40px !important;
line-height: 1.1 !important;
font-weight: 600;
letter-spacing: -0.02em;
text-transform: none;
color: var(--ink);
text-align: center !important;
margin: 56px auto 32px !important;
}
#content h2, .module3 .moduleContent h2, .module1 .moduleContent h2, .module4 .moduleContent h2 {
font-size: 28px;
line-height: 1.2;
font-weight: 600;
letter-spacing: -0.01em;
} .header { padding-top: 16px; background: var(--white); }
.headerTop {
width: auto;
max-width: var(--wrap);
height: 72px !important;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.headerTop h1 { float: none; margin: 0; }
.MenuContainer { float: none; }
.headerTop .clear { display: none; }
#navwrap { float: none; font-family: var(--font-sans); }
.headerTop ul.dropdown { float: none; display: flex; gap: 4px; }
.headerTop ul.dropdown li a,
.headerTop ul.dropdown li#menu-item > a {
font-family: var(--font-sans);
font-size: 14px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
color: var(--ink);
height: auto;
line-height: 20px;
padding: 7px 16px;
margin: 0;
border: 1px solid transparent;
border-radius: 980px;
}
.headerTop ul.dropdown li a:hover,
.headerTop ul.dropdown li.active > a,
#active {
color: var(--sky-dark) !important;
border-color: var(--sky);
} ul.dropdown ul {
width: 220px;
margin-top: 8px;
padding: 8px;
background: var(--white);
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,.10);
}
ul.dropdown ul::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; }
ul.dropdown ul li, ul.dropdown li:hover, ul.dropdown li.hover { background: transparent; }
.headerTop ul.dropdown ul li a {
float: none;
display: block;
border: 0;
border-radius: 10px;
padding: 8px 12px;
}
.headerTop ul.dropdown ul li a:hover { background: var(--gray-bg); }
#navwrap { display: flex; justify-content: flex-end; } .featured-image-content { margin: 8px auto 0; border-top: 0 !important; }
#content:has(.o-nas) .featured-image-text,
#content:has(.o-nas) .featured-image-text p {
text-align: left;
max-width: 440px;
font-size: 36px !important;
}
.featured-image-text, .featured-image-text p {
font-family: var(--font-sans) !important;
color: var(--ink) !important;
font-size: 40px !important;
line-height: 1.1 !important;
font-weight: 600;
letter-spacing: -0.02em;
text-align: center;
}
.o-nas, .o-nas .regular, .o-nas div[align] {
max-width: 760px;
margin: 0 auto;
font-size: 19px !important;
line-height: 1.6;
color: var(--ink-2);
text-align: center !important;
}
.o-nas strong a { display: inline; font-weight: 400; }
.o-nas strong a::after { content: " ›"; } .headerBottom {
width: auto;
max-width: var(--wrap);
margin: var(--section) auto 0;
padding: 28px 0;
}
.headerBottom ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.headerBottom ul li,
.headerBottom ul li:hover,
.headerBottom ul li.active { width: auto; float: none; background: none !important; }
.headerBottom ul li a {
font-family: var(--font-sans);
font-size: 15px !important;
text-transform: none;
color: var(--sky-dark) !important;
padding: 9px 22px !important;
height: auto !important;
line-height: 20px;
border: 1px solid var(--sky);
border-radius: 980px;
background: transparent;
transition: background .2s, color .2s;
}
.headerBottom ul li a:hover,
.headerBottom ul li.selectedLava a {
background: var(--sky-dark);
border-color: var(--sky-dark);
color: var(--white) !important;
}
li.backLava, li.back { display: none !important; }
.headerBottom .headerBottom { margin: 0; padding: 0; background: none; box-shadow: none; clip-path: none; }
.headerBottom { margin-bottom: 0; }
.headerBottom + .clear { display: none; } .scroller-wrapper { padding: 8px 0 40px; margin: 0 auto; border: 0 !important; }
.scroller-cap { display: none; }
.simply-scroll-clip { border-radius: var(--radius); background: var(--white); }
.snos {
max-width: 760px;
margin: 32px auto 0;
font-size: 13px;
color: var(--ink-2);
text-align: center;
} #content {
width: auto;
max-width: var(--wrap);
min-height: 0;
padding: 0 24px var(--section);
box-sizing: border-box;
}
.entry { margin: 0 0 32px; }
.entry img, #content img.size-full, .wp-image-93, .wp-image-95, .wp-image-103, .wp-image-106 {
border-radius: var(--radius);
height: auto;
max-width: 100%;
} .posttitle h2, .posttitle #active {
color: var(--ink) !important;
font-size: 40px;
line-height: 1.1;
font-weight: 600;
letter-spacing: -0.02em;
margin: 0;
} .moduleContent { width: auto; max-width: 940px; }
.module1, .module2, .module3, .module4, .module5 { border: 0; }
.module1, .module3, .module4, .module5 .technologyLine {
border-radius: var(--radius);
overflow: hidden;
margin-bottom: 24px;
}
.module3 { background: var(--gray-bg); }
.module3 .moduleContent { padding: 32px 40px; width: auto; box-sizing: border-box; }
.module3 .moduleContent .twoColTxtLeft, .module3 .moduleContent .twoColTxtRight { line-height: 1.6; }
.imgContainer img, .imgHolder img { border-radius: var(--radius); }
.imgDesc { color: var(--ink-2); font-size: 14px; } .gallery-item img, img.attachment-thumbnail {
border-radius: 12px;
transition: transform .25s, box-shadow .25s;
}
img.attachment-thumbnail:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.12); } #image-wrapper li {
background: var(--gray-bg);
border: 0;
border-radius: var(--radius);
padding: 24px;
margin: 0 0 20px;
}
#image-wrapper ul { font-family: var(--font-sans); }
#image-wrapper li img { border-radius: 12px; }
.testimonial { color: var(--ink); line-height: 1.6; font-size: 16px; }
.name-wrapper, .name { color: var(--ink-2); font-size: 15px; } a.file-name {
display: inline-block;
height: auto;
padding: 10px 22px 10px 48px;
background: url(//haikufan.ru/wp-content/themes/haikufan/images/pdfIcon.png) no-repeat 14px center / 24px auto;
border: 1px solid var(--sky);
border-radius: 980px;
margin: 6px 0;
line-height: 20px;
}
a.file-name:hover { background-color: var(--gray-bg); border-color: var(--sky-dark); color: var(--sky-dark) !important; } #price { font-family: var(--font-sans); }
#price .desc { font-size: 14px; color: var(--ink-2); margin: 4px 0; text-align: center; }
#price table {
width: 100%;
border-collapse: separate !important;
border-spacing: 0;
background: var(--white);
border-radius: var(--radius);
overflow: hidden;
box-shadow: 0 0 0 1px #e8e8ed;
margin: 32px 0;
}
#price td {
border: 0 !important;
border-bottom: 1px solid #f0f0f2 !important;
background: transparent !important;
font-family: var(--font-sans) !important;
font-size: 14px !important;
color: var(--ink);
padding: 10px 12px !important;
}
#price td.col_2:not(.col) { background: var(--gray-bg) !important; font-weight: 600; color: var(--sky-dark); }
#price td.bold { font-weight: 600; color: var(--ink-2); }
#price td img { border-radius: 12px; } .text, .textarea {
font-family: var(--font-sans);
font-size: 15px;
border: 1px solid #d2d2d7;
border-radius: 12px !important;
padding: 10px 14px;
height: auto;
min-height: 22px;
box-sizing: content-box;
transition: border-color .2s, box-shadow .2s;
}
.text:focus, .textarea:focus { border-color: var(--sky); box-shadow: 0 0 0 4px rgba(126,200,227,.25); }
.textarea { min-height: 140px; }
.blocks label { color: var(--ink-2); font-size: 14px; line-height: 44px; }
.btn, input.btn {
font-family: var(--font-sans);
font-size: 15px;
height: auto;
padding: 10px 28px;
color: var(--white);
background: var(--sky-dark);
border: 1px solid var(--sky-dark);
border-radius: 980px !important;
cursor: pointer;
}
.btn:hover { background: #1f5d7e; border-color: #1f5d7e; }
.blocks label.ok { background-color: var(--sky-dark); text-shadow: none; }
.contact, .contact td { line-height: 1.6; } #footer { height: auto !important; padding: 40px 0 48px; margin-top: 0; }
#footerContent { width: auto; max-width: var(--wrap); padding: 0 24px; margin: 0 auto; box-sizing: border-box; }
#footerContent > .clear[style] { display: none; }
#copyright { font-size: 13px; color: var(--ink-2); line-height: 1.6; border: 0 !important; }
.sub-footer-left { color: var(--ink-2); }
.scrollTop { border-radius: 50%; } @media (max-width: 760px) {
:root { --section: 48px; }
.headerTop { flex-direction: column; height: auto !important; gap: 12px; padding: 12px 16px; }
.headerTop ul.dropdown { flex-wrap: wrap; justify-content: center; }
.headerTop ul.dropdown li a { padding: 6px 12px; font-size: 13px; }
.featured-image-content, .featured-image-full { max-width: 100%; background-size: contain !important; }
.featured-image-text, .featured-image-text p, .posttitle, #content h1, #content h2.MsoNormal { font-size: 28px !important; }
.posttitle h2, .posttitle #active { font-size: 28px; }
#content { padding: 0 16px var(--section); }
.o-nas, .o-nas .regular, .o-nas div[align] { font-size: 17px !important; }
.moduleContent, .module1 .moduleContent, .module3 .moduleContent, .module4 .moduleContent { width: auto; height: auto; padding: 24px 20px; }
.module3, .module4, .module5 .technologyLine { height: auto; }
.module3 .moduleContent .twoColTxtLeft, .module3 .moduleContent .twoColTxtRight { float: none; width: auto; margin: 0 0 16px; }
#price { overflow-x: auto; }
#price table { min-width: 640px; }
.text, .textarea { width: calc(100% - 30px); }
.blocks label { float: none; display: block; text-align: left; line-height: 1.4; }
} @media (max-width: 760px) {
.scroller-wrapper, .simply-scroll, .simply-scroll-clip { width: auto !important; max-width: 100% !important; }
.simply-scroll-clip { overflow: hidden; }
#copyright, .sub-footer-left, .sub-footer-right, .sub-footer-right .textwidget, .sub-footer-right .textwidget div, #footerContent .clear { width: auto !important; float: none !important; }
.sub-footer-right { margin-top: 16px; }
.featured-image-content { height: auto !important; }
.featured-image-full { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 56vw !important; background-size: contain !important; background-position: center !important; }
#content .featured-image-text, #content .featured-image-text p { position: static !important; top: auto !important; max-width: none !important; text-align: center !important; margin: 16px 0 0 !important; }
.module1, .module2, .module3, .module4, .module5, .moduleContent, .technologyLine, .technologyLine > div, .moduleLeftContent, .wm-textbox, .imgContainer, .imgHolder, .twoColTxtLeft, .twoColTxtRight {
width: auto !important; max-width: 100% !important; height: auto !important;
position: static !important; float: none !important; left: auto !important; top: auto !important; box-sizing: border-box;
}
.wm-textbox { padding: 16px 0 !important; color: var(--ink) !important; background: none !important; }
.wm-textbox p, .wm-textbox h2, .module1 .moduleContent p, .module1 .moduleContent h2, .module4 .moduleContent p, .module4 .moduleContent h2 { color: var(--ink) !important; float: none !important; }
.module1, .module4 { background-image: none !important; background-color: var(--gray-bg) !important; }
.module1 .moduleContent, .module1 .moduleContent * { text-align: left !important; }
#content img, .entry img { max-width: 100% !important; height: auto !important; }
} .clearrr { background: none !important; width: auto !important; margin: 0 !important; height: 0 !important; overflow: hidden; } @media (max-width: 760px) {
.contact table, .contact tbody, .contact tr, .contact td { display: block; width: auto !important; }
.contact td + td { margin-top: 24px; }
}  .header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 0;
background: rgba(255, 255, 255, .86);
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
box-shadow: 0 1px 16px rgba(0, 0, 0, .05);
}
body { padding-top: 64px; }
.headerTop { height: 64px !important; padding: 0 24px; }
#navwrap { display: flex; justify-content: flex-end; }
.headerTop ul.dropdown { align-items: center; gap: 2px; }
.headerTop ul.dropdown > li > a {
text-transform: none !important;
font-size: 14px;
padding: 8px 14px;
white-space: nowrap;
}
.headerTop ul.dropdown > li.current > a { color: var(--sky-dark) !important; border-color: var(--sky); }
.headerTop ul.dropdown ul li.current > a { color: var(--sky-dark) !important; background: var(--gray-bg); } .headerTop ul.dropdown > li:has(ul) > a::after {
content: "";
display: inline-block;
width: 5px;
height: 5px;
margin: 0 0 3px 8px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
opacity: .55;
} .headerTop ul.dropdown > li > ul { left: 50%; transform: translateX(-50%); opacity: 1 !important; }
.headerTop ul.dropdown ul li { float: none !important; display: block; }
.headerTop ul.dropdown > li { position: relative; }
@media (max-width: 760px) {
body { padding-top: 112px; }
.headerTop { flex-direction: column; height: auto !important; gap: 4px; padding: 10px 0 8px; }
.MenuContainer, #navigation, #navwrap { width: 100%; }
#navwrap { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#navwrap::-webkit-scrollbar { display: none; }
.headerTop ul.dropdown { flex-wrap: nowrap; justify-content: flex-start; width: max-content; margin: 0 auto; padding: 0 12px; }
.headerTop ul.dropdown > li > a { padding: 6px 12px; font-size: 14px; }
.headerTop ul.dropdown > li:has(ul) > a::after, .headerTop ul.dropdown ul { display: none !important; }
} .fansPage { max-width: 1120px !important; }
.fansPage [id] { scroll-margin-top: 88px; }
.fans-hero { text-align: center; padding: 56px 0 40px; }
.fans-hero__eyebrow { color: var(--sky-dark); font-size: 15px; font-weight: 600; margin: 0 0 8px; }
.fans-hero__title { font-size: 48px !important; line-height: 1.05 !important; font-weight: 700; letter-spacing: -0.025em; margin: 0 0 16px !important; color: var(--ink); }
.fans-hero__lead { max-width: 720px; margin: 0 auto 28px; font-size: 19px; line-height: 1.55; color: var(--ink-2); }
.fans-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.fans-nav a {
padding: 9px 18px; border: 1px solid var(--sky); border-radius: 980px;
font-size: 15px; color: var(--sky-dark) !important; transition: background .2s, color .2s;
}
.fans-nav a span { color: var(--ink-2); margin-left: 4px; }
.fans-nav a:hover { background: var(--sky-dark); border-color: var(--sky-dark); color: var(--white) !important; }
.fans-nav a:hover span { color: rgba(255,255,255,.75); }
.fans-group { padding: 56px 0 8px; }
.fans-group__title { font-size: 32px !important; font-weight: 600; letter-spacing: -0.015em; text-align: center; margin: 0 0 10px !important; color: var(--ink); }
.fans-group__lead { max-width: 680px; margin: 0 auto 32px; text-align: center; color: var(--ink-2); font-size: 17px; }
.fans-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.fan-card { display: flex; flex-direction: column; background: var(--gray-bg); border-radius: var(--radius); overflow: hidden; }
.fan-card__img {
aspect-ratio: 16 / 10; background: var(--white); margin: 12px 12px 0; border-radius: 12px;
display: flex; align-items: center; justify-content: center; color: #c7d7df;
}
.fan-card__img img { width: 100%; height: 100%; object-fit: contain; border-radius: 12px; }
.fan-card__body { display: flex; flex-direction: column; flex: 1; padding: 20px 24px 24px; }
.fan-card__type { margin: 0 0 4px; font-size: 13px; color: var(--ink-2); }
.fan-card__name { margin: 0 0 10px !important; font-size: 24px !important; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.fan-card__text { margin: 0 0 16px; font-size: 15px; line-height: 1.55; color: var(--ink); }
.fan-card__specs { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.fan-card__specs li { font-size: 14px; color: var(--ink); line-height: 1.35; }
.fan-card__specs li span { display: block; font-size: 12px; color: var(--ink-2); }
.fan-card__actions { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.fan-btn { display: inline-block; padding: 9px 20px; border-radius: 980px; font-size: 15px; line-height: 20px; border: 1px solid var(--sky); color: var(--sky-dark) !important; transition: background .2s, color .2s; }
.fan-btn--primary { background: var(--sky-dark); border-color: var(--sky-dark); color: var(--white) !important; }
.fan-btn--primary:hover { background: #1f5d7e; border-color: #1f5d7e; color: var(--white) !important; }
.fan-link { font-size: 14px; color: var(--sky-dark) !important; }
.fans-cta { margin: 64px 0 0; padding: 56px 24px; text-align: center; background: var(--gray-bg); border-radius: var(--radius); }
.fans-cta h2 { font-size: 32px !important; font-weight: 600; margin: 0 0 12px !important; color: var(--ink); }
.fans-cta p { max-width: 600px; margin: 0 auto 24px; color: var(--ink-2); font-size: 17px; }
@media (max-width: 760px) {
.fans-hero { padding: 32px 0 24px; }
.fans-hero__title { font-size: 34px !important; }
.fans-hero__lead { font-size: 17px; }
.fans-group { padding-top: 40px; }
.fans-group__title, .fans-cta h2 { font-size: 26px !important; }
.fans-grid { grid-template-columns: 1fr; }
.fans-nav a { font-size: 14px; padding: 7px 14px; }
.fansPage [id] { scroll-margin-top: 124px; }
} .fan-card__img a, .fan-card__name a { display: contents; color: inherit !important; }
.fan-card__name a:hover { color: var(--sky-dark) !important; }
.fan-crumbs { padding: 28px 0 8px; font-size: 14px; color: var(--ink-2); }
.fan-crumbs a { color: var(--sky-dark) !important; }
.fan-crumbs span { margin: 0 6px; }
.fan-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: start; padding: 16px 0 48px; }
.fan-gallery__main { background: var(--white); border-radius: var(--radius); aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 0 0 1px rgba(0,0,0,.04); }
.fan-gallery__main img { width: 100%; height: 100%; object-fit: contain; }
.fan-gallery__thumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.fan-gallery__thumbs button { width: 76px; height: 57px; padding: 0; border: 2px solid transparent; border-radius: 10px; background: var(--white); cursor: pointer; overflow: hidden; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }
.fan-gallery__thumbs button.is-active { border-color: var(--sky-dark); }
.fan-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.fan-info__type { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--sky-dark); }
#content .fan-info h1 { text-align: left !important; font-size: 44px !important; line-height: 1.08 !important; font-weight: 700; letter-spacing: -0.025em; margin: 0 0 16px !important; color: var(--ink); }
.fan-info__intro { font-size: 18px; line-height: 1.55; color: var(--ink-2); margin: 0 0 24px; }
.fan-options { margin: 0 0 24px; }
.fan-options__group { margin: 0 0 14px; }
.fan-options__group p { margin: 0 0 6px; font-size: 13px; color: var(--ink-2); }
.fan-options__group ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fan-options__group li { padding: 5px 12px; border-radius: 980px; background: var(--gray-bg); font-size: 14px; color: var(--ink); }
.fan-info__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.fan-section { padding: 48px 0 8px; }
.fan-section h2 { font-size: 32px !important; font-weight: 600; letter-spacing: -0.015em; text-align: center; margin: 0 0 10px !important; color: var(--ink); }
.fan-section__lead { max-width: 680px; margin: 0 auto 28px; text-align: center; color: var(--ink-2); font-size: 17px; }
.fan-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.fan-feature { background: var(--gray-bg); border-radius: var(--radius); padding: 24px; }
.fan-feature h3 { font-size: 19px !important; font-weight: 600; margin: 0 0 8px !important; color: var(--ink); }
.fan-feature p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink); }
.fan-table { width: 100%; max-width: 820px; margin: 0 auto; border-collapse: separate; border-spacing: 0; background: var(--gray-bg); border-radius: var(--radius); overflow: hidden; }
.fan-table th, .fan-table td { padding: 12px 18px; text-align: left; font-size: 15px; color: var(--ink); border: 0 !important; }
.fan-table th { font-size: 13px; font-weight: 600; color: var(--ink-2); background: #ececf0; }
.fan-table tr + tr td { box-shadow: inset 0 1px 0 rgba(0,0,0,.05); }
.fan-table__note { max-width: 820px; margin: 10px auto 0; font-size: 13px; color: var(--ink-2); text-align: center; }
.fan-table-wrap + .fan-table-wrap { margin-top: 28px; }
.fan-table-wrap h3 { text-align: center; font-size: 21px !important; font-weight: 600; margin: 0 0 14px !important; color: var(--ink); }
.fan-specs td:first-child { width: 42%; color: var(--ink-2); }
.fan-docs { list-style: none; margin: 0 auto; padding: 0; max-width: 820px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.fan-back { text-align: center; margin: 28px 0 0; }
.fan-back a { color: var(--sky-dark) !important; }
@media (max-width: 760px) {
.fan-hero { grid-template-columns: 1fr; gap: 24px; padding-bottom: 32px; }
.fan-info h1 { font-size: 32px !important; }
.fan-info__intro { font-size: 17px; }
.fan-section { padding-top: 36px; }
.fan-section h2 { font-size: 26px !important; }
.fan-gallery__thumbs button { width: 60px; height: 45px; }
.fan-table th, .fan-table td { padding: 10px 12px; font-size: 14px; }
}