#pageMainmenu .menu { color:#004000; font-size:12px; font-weight:normal; font-family:verdana; text-decoration:none; background-image:url(itembutton.gif); background-position:top right; padding-top:5px; margin-top:10px; margin-right:0px; display:block; width:230px; height:20px; text-align:right;} #pageMainmenu { color:#004000; width:230px;} .RightContent { padding-top:7px; padding-left:40px; padding-right:20px; display:block; width:700px; position:relative;} .td colspan=2#pageHeader {} #siteLogotype { background-repeat:no-repeat; margin-top:10px; width:55px; height:70px;} #siteSubtitle { margin-top:0px; margin-left:320px; display:inline-block; width:50px; height:10px; position:relative; top:69px; left:250px; float:left; z-index:1;} .LeftContent { width:230px;} .td colspan=2#MainHeader { background-image:url(1_03.gif);} #LeftactHeader { background-color:#c0c0c0; background-image:url(1_03.gif); background-position:top right; background-repeat:no-repeat; width:230px; height:10px; position:relative;} #rightactHeader { background-color:#c0c0c0; display:block; height:20px; position:relative;} #pageTitle { color:#800000; font-size:14px; font-weight:bold; font-family:tahoma; text-transform:uppercase; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; position:relative; top:1px; left:40px; float:left;} .rightHeader { height:118px; } #pageMainmenu .menu.menuActive { color:#000000; font-size:12px; font-weight:bold; font-family:verdana; background-image:url(activbutton.gif); background-repeat:no-repeat;} #menubody {} #content #mname001 #title { font-size:12px; font-weight:bold; font-family:verdana;} #content #memail001 #title { font-size:12px; font-family:verdana;} #content #mnote001 #title { font-size:12px; font-weight:bold; font-family:verdana;} #content #mail001 .inpname {} #content #mail001 .inpemail {} #content #mail001 .inpnote {} #pageMainmenu .ImgMenu {} #content .form_guest td.title { font-size:12px; font-weight:bold; font-family:verdana; width:100;} #content .form_guest td.ftitle { font-size:12px; font-weight:bold; font-family:Verdana;} #content .form_guest #field_name { width:200;} #content .form_guest #field_email { width:200;} #content .form_guest #field_note { width:305; height:60;} #buttonSend { font-size:11px; font-family:verdana; background-color:#ffffff; background-image:url(but_32.gif); background-position:center center; background-repeat:repeat-x; border-width:1px; border-color:#d3d3d3; border-style:solid;} #content #mail001 #mailform {} #content #cont_guest #guest { margin-left:20; display:block; width:400;} .contentTitle.plus {} #servisMenu { width:80px; height:20px; position:relative; float:right;} #menuHome { background-color:#c0c0c0; background-image:url(home.gif); background-position:center center; background-repeat:no-repeat; width:25px; height:20px; float:left;} #enteringText { margin-top:15px; width:700px;} #pageMainmenu .TextItemMenu { margin-top:0px; margin-right:25px; float:right;} #pageMainmenu .TextActiveMenu { margin-right:25px;} #menuContacts { background-color:#C0C0C0; background-image:url(1_06.gif); background-position:center center; background-repeat:no-repeat; width:25px; height:20px; float:left;} #menuMaps { background-color:#C0C0C0; background-image:url(map.gif); background-position:center center; background-repeat:no-repeat; width:25px; height:20px; float:left;} #mail001 #mailform {} #cont_news #dataType_date { color:#FF0000; font-size:12px; margin-right:10;} #cont_news .objectNote { color:#090B62; font-size:11px; font-family:verdana;} #cont_news .objectTitle { color:#384F89;} #cont_news #newslink { color:#000000;} #mail001 .contentTitle {} #pageTechnology { background-color:#e1e1e3; margin-top:15px; display:block; width:200px; height:52px; position:relative; top:-50px; float:left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #textTechnology { color:#808080; font-size:10px; text-shadow:none; font-family:times new roman, times, serif; font-style:normal; letter-spacing:0px; padding-left:7px; display:block; width:90px; position:relative; left:5px; float:left; overflow:none; text-align:center;} #imageTechnology { width:90px; position:relative; left:5px; float:left;} #cont_faq #linkTitle { font-size:14px; width:100%;} #con_mapsite .mapline {} #con_mapsite #maplinks1 { color:#6c7a8c; font-size:14px; font-weight:bold; font-family:verdana; text-decoration:none; background-image:url(bl1.gif); background-position:center left; background-repeat:no-repeat; padding-left:10px;} #con_mapsite #maplinks0 { color:#6c7a8c; font-size:11px; text-decoration:none; margin-left:30;} #mnote001 {}.contentImage {}.newsform #newstitle { font-size:12px; font-weight:bold; font-family:tahoma; text-align:right;}.newsform #newsText { color:#044A7D; font-size:11px; font-family:tahoma; text-align:right;}.newsform {}.searchform {}.searchform #title {}.searchform #search { color:#2e2e2e; font-size:9px; font-family:arial; text-align:center;}.searchform #buttonSend { color:#2d3842; font-size:9px; font-weight:normal; font-family:tahoma; padding-left:3px; padding-right:3px; text-align:center;} #content #cont_txt { text-align:left;} #pageCounter { margin-top:-20px; width:185px; float:left;} .reklamForm #reklamTitle {} #content #anketa #objArea {} #content #anketa #objArea #inputText {} #content #anketa #objArea #textArea {} #content #cont_ank #anketa {} #content #anketa #objTitls { font-weight:bold;} #content #anketa #objTitl { font-size:12px; font-family:tahoma; padding-right:20px;} #con_mapsite #maplinks2 { color:#6c7a8c; font-size:14px; font-weight:normal; font-family:verdana; text-decoration:none; list-style-type:circle; list-style-position:inside;} #con_mapsite #maplinks3 { color:#6c7a8c; font-size:12px; font-weight:normal; font-family:verdana; text-decoration:none;} .photo #photoBrief {} #con_photo .photo #links { font-size:13px; font-weight:bold; font-family:arial; text-decoration:none; background-image:url(bl1.gif); background-position:center left; background-repeat:no-repeat; padding-left:10px;} #guest #edguest { text-decoration:none;} #guest .objectTitle { font-size:11px; font-family:Verdana;} #guest .objectText { color:#801D17; font-size:11px; font-style:italic; margin-top:20; margin-bottom:35;} #con_photo { clear:both;} #con_photo .contentImage {} #show_photo .objectImage {} #show_photo .buttonSend {} BODY { background-color:#ffffff; margin-top:5px; margin-bottom:5px; margin-left:5px; margin-right:5px;}img {} #Allpage {/* background-image:url(vesna_Verona.gif); */ background-image:url(win_Verona.gif); background-position:top center; background-repeat:repeat; background-attachment:scroll; background-size:1240; width:970px; height:803px; clear:both;} A:visited {} A:hover {} #cont_link #tfield {} #cont_link .tableTable {} #cont_link #tableHeader td { font-weight:bold; padding-bottom:5px;} #cont_link .linkobject { text-decoration:none;} #cont_mail .contentText {} #pageMenu .menu {}#pageMenu .submenu {} #pageMainmenu .mbordl {} #pageMainmenu .mtditem {} #pageMainmenu .menu:hover { color:#0000ff; text-shadow:none; font-style:italic; background-color:#00ff00; height:20px;} #reklamForm { background-color:#e1e1e3; display:block; width:200px; height:45px; position:relative; top:-32px; text-align:center;} #pageMainmenu .menu:hover .ImgMenu {} #pageMainmenu .menu.menuActive .TextActiveMenu { color:#000000; float:right;} .cont_mail .err { color:#FF0000; font-weight:bold; } .cont_mail .tableTable { width:300px; } .cont_mail .tablefield { text-align:right; } .cont_mail .texttitle { margin-bottom:5px; display:block; } .cont_mail .errorinp { border-width:1px; border-color:#FF0000; border-style:solid; } .cont_mail #pin_img { margin-bottom:2px; margin-right:10px; float:left; } .cont_mail .inppin { display:block; clear:both; } .cont_mail .buttonSend#Send { margin-top:20px; } .cont_sub_mail .getback { margin-top:20px; } .cont_txt .linkNext { margin-top:5px; display:block; } .cont_txt .linkNext { margin-top:5px; display:block; } .cont_txt#view .buttonSend { margin-top:20px; } .LeftHeader { display:block; width:230px; height:118px; float:left;} /* General styles for the modal *//* Styles for the html/body for special modal where we want 3d effectsNote that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay).*/ .md-perspective, .md-perspective body { height: 100%; overflow: hidden;} .md-perspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px;} .container { background: #e74c3c; min-height: 100%;} .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 630px; min-width: 320px; height: auto; /* height: calc(100% - 200px); */ /* height: $(window).height() + 'px'; */ /* height: 100vh; */ z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} .md-show { visibility: visible;} .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0;/* background: rgba(143,27,15,0.8); */ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} .md-show ~ .md-overlay { opacity: 1; visibility: visible;}/* Content styles */ .md-content { color: #fff; background: #e74c3c; position: relative; border-radius: 3px; margin: 0 auto;} .md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 0.8; background: rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0;} .md-content > div { padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em;} .md-content > div p { margin: 0; padding: 10px 0;} .md-content > div ul { margin: 0; padding: 0 0 30px 20px;} .md-content > div ul li { padding: 5px 0;} .md-content button { display: block; margin: 0 auto; font-size: 0.8em;}/* Individual modal styles with animations/transitions */ /* Effect 1: Fade in and scale up */ .md-effect-1 .md-content { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-1 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;} /* Цвет фона экрана при эффект1 */.md-show.md-effect-1 ~ .md-overlay { background: rgba(239,169,74,0.8); }/* Effect 2: Slide from the right */ .md-effect-2 .md-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);}.md-show.md-effect-2 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1;}/* Effect 3: Slide from the bottom */ .md-effect-3 .md-content { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-3 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}/* Effect 4: Newspaper */ .md-effect-4 .md-content { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0;}.md-show.md-effect-4 ~ .md-overlay, .md-effect-4 .md-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; background: rgba(133,75,32,0.8);}.md-show.md-effect-4 .md-content { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1;}/* Цвет фона экрана при эффект4 */.md-show.md-effect-4 ~ .md-overlay {background: rgba(133,75,32,0.8);}/* Effect 5: fall */ .md-effect-5.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-5 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0;}.md-show.md-effect-5 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1;}/* Effect 6: side fall */ .md-effect-6.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-6 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0;}.md-show.md-effect-6 ~ .md-overlay { background: #6f50e7; opacity: 0.7;}.md-show.md-effect-6 .md-content { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1;}/* Effect 7: slide and stick to top */ .md-effect-7 { top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}.md-effect-7 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; opacity: 0;}.md-show.md-effect-7 .md-content { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1;}/* Effect 8: 3D flip horizontal */ .md-effect-8.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-8 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0;}.md-show.md-effect-8 .md-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1;}/* Effect 9: 3D flip vertical */ .md-effect-9.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-9 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity: 0;}.md-show.md-effect-9 ~ .md-overlay { background: #428739; opacity: 0.6;}.md-show.md-effect-9 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}/* Effect 10: 3D sign */ .md-effect-10.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-10 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-10 ~ .md-overlay { background: #4477a1; opacity: 0.7;}.md-show.md-effect-10 .md-content { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}/* Effect 11: Super scaled */ .md-effect-11 .md-content { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-11 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}/* Effect 12: Just me */ .md-effect-12 .md-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-12 ~ .md-overlay { background: #e74c3c;}.md-effect-12 .md-content h3, .md-effect-12 .md-content { background: transparent;}.md-show.md-effect-12 .md-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}/* Effect 13: 3D slit */ .md-effect-13.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-13 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0;}.md-show.md-effect-13 .md-content { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out;}.md-show.md-effect-13 ~ .md-overlay { background: #4477a1; opacity: 0.7;}@-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }}@-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }}@keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in; } 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }}/* Effect 14: 3D Rotate from bottom */ .md-effect-14.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-14 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.md-show.md-effect-14 .md-content { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1;}/* Effect 15: 3D Rotate in from left */ .md-effect-15.md-modal { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px;}.md-effect-15 .md-content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-15 .md-content { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1;}/* Effect 16: Blur */ .md-show.md-effect-16 ~ .md-overlay { background: rgba(180, 46, 32, 0.5);}.md-show.md-effect-16 ~ .container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px);}.md-effect-16 .md-content { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0;}.md-show.md-effect-16 ~ .container, .md-effect-16 .md-content { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}.md-show.md-effect-16 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1;}/* Effect 17: Slide in from bottom with perspective on container */ .md-show.md-effect-17 ~ .container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}.md-show.md-effect-17 ~ .container, .md-show.md-effect-17 ~ .md-overlay { -webkit-transform: rotateX(-2deg); -moz-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}.md-effect-17 .md-content { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%);}.md-show.md-effect-17 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.3s 0.2s; -moz-transition: all 0.3s 0.2s; transition: all 0.3s 0.2s;}/* Effect 18: Slide from right with perspective on container */ .md-show.md-effect-18 ~ .container { height: 100%; overflow: hidden;}.md-show.md-effect-18 ~ .md-overlay { /* background: rgba(143, 27, 15, 0.8); */ background: #4477a1; opacity: 0.7; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}.md-show.md-effect-18 ~ .container, .md-show.md-effect-18 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0% 50%; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 0% 50%; animation: rotateRightSideFirst 0.5s forwards ease-in;}@-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translateZ(-200px); }}@-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: translateZ(-200px); }}@keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: translateZ(-200px); }}.md-effect-18 .md-content { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0;}.md-show.md-effect-18 .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s;}/* Effect 19: Slip in from the top with perspective on container */ .md-show.md-effect-19 ~ .container { height: 100%; overflow: hidden;}.md-show.md-effect-19 ~ .md-overlay { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}.md-show.md-effect-19 ~ .container, .md-show.md-effect-19 ~ .md-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 100%; -webkit-animation: OpenTop 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 50% 100%; -moz-animation: OpenTop 0.5s forwards ease-in; transform-style: preserve-3d; transform-origin: 50% 100%; animation: OpenTop 0.5s forwards ease-in;}@-webkit-keyframes OpenTop { 50% { -webkit-transform: rotateX(10deg); -webkit-animation-timing-function: ease-out; }}@-moz-keyframes OpenTop { 50% { -moz-transform: rotateX(10deg); -moz-animation-timing-function: ease-out; }}@keyframes OpenTop { 50% { transform: rotateX(10deg); animation-timing-function: ease-out; }}.md-effect-19 .md-content { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); opacity: 0;}.md-show.md-effect-19 .md-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all 0.5s 0.1s; -moz-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s;}@media screen and (max-width: 32em) { body { font-size: 75%; }}#div31 { width:10px;}#div45 { height:43px; width:10px;}#div44 { height:85px; width:199px;} #subscribeForm { background-color:#e1e1e3; padding-top:20px; margin-top:10px; margin-bottom:30px; display:block; width:200px; height:130px; position:relative; text-align:center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} /* Увеличение картинок при наведении */img.img.left{ float:left; margin:5px 15px 5px 0; } img.img.right{ float:right; margin:5px 0 5px 15px; } img.img.center{ margin:5px auto; display: block; } img.img { max-height: 320px; max-width: 320px; transition: all 0.3s linear 0s; z-index: 1; border: 1px solid #EEE; background: #FFFFFF; padding: 5px; } img.img:hover { cursor:pointer; box-shadow: 0 0 5px 5px #eee; border: 1px solid #25A0E3; z-index: 10; transition: all 0.3s linear 0.3s; } img.img.left:hover{ transform:scale(3) translate(88px, 30px); } img.img.right:hover{ transform:scale(3) translate(-88px, 30px); } img.img.center:hover { transform:scale(2); } #translite .contentImage { margin-right:10px; float:left; }/* Проверка поля Email при вводе */#validEmail{ margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px;}#validEmail.is_not_valid{ background: url("../images/is_not_valid.png") no-repeat;}#validEmail.is_valid{ background: url("../images/is_valid.png") no-repeat;}/* Проверка поля Name при вводе */#validName{ margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px;}#validName.is_not_valid{ background: url("../images/is_not_valid.png") no-repeat;}#validName.is_valid{ background: url("../images/is_valid.png") no-repeat;}/* завершающий текст страницы */#closingText { background-color:#c0c0c0; border-top:4px double; margin-top:-10px; margin-left:-270px; display:block; width:990px; position:relative; float:left;}