/* General Style */ body {background:#FFFFFF; margin:0px; padding:0px;} #wrap {width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px" : "auto");min-width:1000px;text-align:center;} #header {height:70px;background:url('/style/2.gif') bottom repeat-x #FAF9F1;text-align:left;1} #dataBar {padding:15px;font-size:10pt;color:#000000;} #loginBlock {float:right;padding:15px;font-size:10pt;color:#000000;} #logo {height:131px;} #logoName {float:left;width:30%;height:131px;} #logoName h1 {position:relative;top:50px;text-align:center;color:#124256;font-size:20pt;font-weight:normal; margin:0;padding:0;} #logoPick {float:right;width:70%;background:url('/style/logo.jpg') no-repeat #D3F1FD;height:131px;max-width:1024px;} .subLine {clear:both;height:10px;background:url('/style/4.gif') repeat-x #C4DF9B;} #leftColumn {position:relative;float:left;width:22%;left:0px;background:#F1F0E8;text-align:center;} #rightColumn {position:relative;float:right;width:22%;right:0px;background:#F1F0E8;text-align:center;} #center {margin-left:auto;margin-right:auto;width:54%;padding:20px 0px;text-align:center;} *html #center {width:98%;} #textBlock {overflow:auto;width:98%;text-align:left;margin-left:auto;margin-right:auto;} #footer {background:url('http://src.ucoz.ru/t/836/1.gif') repeat-x #FAF9F1;text-align:center;padding:40px;} .boxTable {padding:0;margin-left:auto;margin-right:auto;text-align:center;width:90%;margin-top:15px;margin-bottom:15px; border-top:1px solid #D3D2CB;border-left:1px solid #D3D2CB;background:#C4DF9B;border-bottom:2px solid #93C3D7;border-right:1px solid #FFFFFF;} .boxTable h2 {font-size:10pt;background:url('/style/5.gif') bottom no-repeat;padding:10px 10px 33px 15px;vertical-align:bottom;color:#FFFFFF;} .boxContent {margin-left:auto;margin-right:auto;overflow:auto;width:90%;padding:5px 2px;text-align:left;} .center {text-align:center;} .searchTable {margin-left:auto;margin-right:auto;} h1 {color:#505050;font-size:14pt;font-weight:normal;} h2 {color:#339933;} #navBar a:link {text-decoration:underline; color:#DCDBD4;} #navBar a:active {text-decoration:underline; color:#DCDBD4;} #navBar a:visited {text-decoration:underline; color:#DCDBD4;} #navBar a:hover {text-decoration:none; color:#FFFFFF;} a:link {text-decoration:underline; color:#006146;} a:active {text-decoration:underline; color:#006146;} a:visited {text-decoration:underline; color:#006146;} a:hover {text-decoration:none; color:#000000;} td, body {font-family:verdana,arial,helvetica; font-size:8pt;} form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;} .copy {font-size:7pt;} a.noun:link {text-decoration:none; color:#006633} a.noun:active {text-decoration:none; color:#006633} a.noun:visited {text-decoration:none; color:#006633} a.noun:hover {text-decoration:none; color:#000000} li.noun {margin: 3px 0px;padding:3px;text-align:left;border-top:1px solid #D3D2CB;border-bottom:1px solid #D3D2CB;background:#FFFEF9;} li.noun:hover {margin: 3px 0px;padding:3px;text-align:left;border-top:1px solid #D3D2CB;border-bottom:1px solid #D3D2CB;background:#66CC00;} hr {color:#DCDBD4;height:1px;border:none;background:#DCDBD4;} label {cursor:pointer;cursor:hand} .blocktitle {font-family:Verdana,Sans-Serif;color:#787878;font-size:12px;} a.menu1:link {text-decoration:underline; color:#FAF9F1} a.menu1:active {text-decoration:underline; color:#FAF9F1} a.menu1:visited {text-decoration:underline; color:#FAF9F1} a.menu1:hover {text-decoration:underline; color:#DCDBD4} .menuTd {padding-left:12px;padding-right:10px; background: url('http://src.ucoz.ru/t/836/5.gif') no-repeat 0px 3px;} .mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;} .colgray {border-right:1px solid #E5E7EA;} .colwhite {border-right:1px solid #FAF9F1;} .msep {border-top:1px solid #FAF9F1;} /* ------------- */ /* Menus */ ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;} li.menus {margin: 0; padding: 0 0 0 11px; background: url('http://src.ucoz.ru/t/836/6.gif') no-repeat 0px 3px; margin-bottom: .6em;} /* ----- */ /* Main Menu */ .m {font-weight:normal;} a.m:link {text-decoration:none; color:#339933} a.m:active {text-decoration:none; color:#000000} a.m:visited {text-decoration:none; color:#339933} a.m:hover {text-decoration:none; color:#000000} li.m {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/161/11.gif') no-repeat 0px 3px; margin-bottom: .6em;} .ma {font-weight:normal;} a.ma:link {text-decoration:none; color:#339933} a.ma:active {text-decoration:none; color:#339933} a.ma:visited {text-decoration:none; color:#000000;font-weight:bold;} a.ma:hover {text-decoration:none; color:#336633} li.ma {margin: 0; padding: 0 0 0 13px; background: url('http://src.ucoz.ru/t/161/11.gif') no-repeat 0px 3px; margin-bottom: .6em;} .mhh {font-weight:bold;color:#FFFFFF; background:#3B74D9; padding: 3px; border: solid 1px #000000;text-align:center;} /* --------- */ /* Module Part Menu */ .catsTd {padding: 0 0 6px 11px; background: url('http://src.ucoz.ru/t/836/6.gif') no-repeat 0px 3px;} .catName {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;} .catNameActive {font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:11px;} .catNumData {font-size:7pt;color:#005252;} .catDescr {font-size:7pt; padding-left:10px;} a.catName:link {text-decoration:none; color:#1C5459;} a.catName:visited {text-decoration:none; color:#1C5459;} a.catName:hover {text-decoration:none; color:#000000;} a.catName:active {text-decoration:none; color:#1C5459;} a.catNameActive:link {text-decoration:none; color:#000000;} a.catNameActive:visited {text-decoration:none; color:#000000;} a.catNameActive:hover {text-decoration:none; color:#000000;} a.catNameActive:active {text-decoration:none; color:#000000;} /* ----------------- */ /* Entries Style */ .eBlock {border-top:2px solid #93c3d7;} .eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:9pt;font-weight:bold;color:#000000; padding: 25px;background:url('/style/1.gif') repeat-x #FAF9F1; border-radius: 15px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.298), -23px 0px 20px -23px rgba(0, 0, 0, 0.804), 23px 0px 20px -23px rgba(0, 0, 0, 0.804), 0px 0px 40px rgba(0, 0, 0, 0.102) inset; } .eTitle a:link {text-decoration:underline; color:#000000;} .eTitle a:visited {text-decoration:underline; color:#000000;} .eTitle a:hover {text-decoration:none; color:#555555;} .eTitle a:active {text-decoration:underline; color:#000000;} .eMessage {text-align:justify;padding:10px !important;margin-left:20px;} .eText {text-align:justify;padding-bottom:5px;padding-top:5px;border-top:1px solid #DCDBD4} .eDetails {border-top:1px solid #D3D2CB;border-bottom:1px solid #D3D2CB;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding:3px; text-align:left;font-size:7pt;background:#FAF9F1;} .eDetails1 {border-top:1px solid #D3D2CB;border-bottom:1px solid #D3D2CB;font-familyVerdana,:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding:3px; text-align:left;font-size:8pt;background:#FAF9F1;} .eDetails2 {border-bottom:1px solid #D3D2CB;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding:3px; text-align:left;font-size:8pt;background:#FAF9F1;} .eRating {font-size:7pt;} .eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/836/7.gif') no-repeat 0px 0px;} /* ------------- */ /* Entry Manage Table */ .manTable {} .manTdError {color:#FF0000;} .manTd1 {} .manTd2 {} .manTd3 {} .manTdSep {} .manHr {} .manTdBrief {} .manTdText {} .manTdFiles {} .manFlFile {} .manTdBut {} .manFlSbm {} .manFlRst {} .manFlCnt {} /* ------------------ */ /* Comments Style */ .cAnswer {padding-left:15px;padding-top:4px;font-style:italic;} .cBlock1 {background:#FAF9F1;} .cBlock2 {background:#FFFFFF; border:1px solid #FAF9F1;} /* -------------- */ /* Comments Form Style */ .commTable {border:1px solid #DCDBD4;background:#FFFFFF;} .commTd1 {color:#000000;} .commTd2 {} .commFl {color:#6E6E6E;width:100%;background:#FCFCFC;border:1px solid #DCDBD4;} .smiles {border:1px inset;background:#FFFFFF;} .commReg {padding: 10 0 10 0px; text-align:center;} .commError {color:#FF0000;} .securityCode {color:#6E6E6E;background:#FCFCFC;border:1px solid #DCDBD4;} /* ------------------- */ /* Archive Menu */ .archLi {padding: 0 0 3px 10px; background: url('http://src.ucoz.ru/t/836/8.gif') no-repeat 0px 4px; font-family:Tahoma,Arial,Sans-Serif;} a.archLink:link {text-decoration:underline; color:#6E6E6E;} a.archLink:visited {text-decoration:underline; color:#6E6E6E;} a.archLink:hover {text-decoration:none; color:#000000;} a.archLink:active {text-decoration:none; color:#000000;} /* ------------ */ /* Archive Style */ .archiveCalendars {text-align:center;color:#0000FF;} .archiveDateTitle {font-weight:bold;color:#6E6E6E;padding-top:15px;} .archEntryHr {width:250px;color:#D3D2CB;} .archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('http://src.ucoz.ru/t/836/9.gif') no-repeat 0px 4px; margin-bottom: .6em;} .archiveEntryTime {width:65px;font-style:italic;} .archiveEntryComms {font-size:9px;color:#C3C3C3;} a.archiveDateTitleLink:link {text-decoration:none; color:#6E6E6E} a.archiveDateTitleLink:visited {text-decoration:none; color:#6E6E6E} a.archiveDateTitleLink:hover {text-decoration:underline; color:#6E6E6E} a.archiveDateTitleLink:active {text-decoration:underline; color:#6E6E6E} .archiveNoEntry {text-align:center;color:#0000FF;} /* ------------- */ /* Calendar Style */ .calTable {margin-left:auto;margin-right:auto;width:90%;} .calMonth {} .calWday {color:#FFFFFF; background:#3B74D9; width:14%; border:1px solid #000000;} .calWdaySe {color:#FFFFFF; background:#840304; width:14%;border:1px solid #000000;} .calWdaySu {color:#FFFFFF; background:#840304; width:14%; font-weight:bold;border:1px solid #000000;} .calMday {background:FFFFFF;color:#000000;border:1px solid #000000;} .calMdayA {background:#DCDBD4;font-weight:bold;border:1px solid #000000;} .calMdayIs {background:#FFFFFF;color:#000000;font-weight:bold;border:1px solid #000000;} .calMdayIsA {border:1px solid #000000; background:#FFFFFF;font-weight:bold;border:1px solid #000000;} a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#000000;} a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#000000;} a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#000000;} a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#000000;} /* -------------- */ /* Poll styles */ .pollBut {width:110px;} .pollBody {padding:7px; margin:0px; background:#FFFFFF} .textResults {background:#E5E5E5} .textResultsTd {background:#FFFFFF} .pollNow {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;} .pollNowTd {} .totalVotesTable {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;} .totalVotesTd {background:#FFFFFF;} /* ---------- */ /* User Group Marks */ a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} /* ---------------- */ /* Other Styles */ .replaceTable {height:100px;width:300px;} .legendTd {font-size:7pt;} /* ------------ */ /* ===== forum Start ===== */ /* General forum Table View */ .gTable {background:#DCDBD4;border-top:2px solid #9E0B0F;} .gTableTop {padding:2px;background:#4980E7;padding-left:20px;padding-bottom:1px;color:#FFFFFF;font-weight:bold; height:28px;font-size:10pt; } .gTableSubTop {padding:2px;background:#C4DF9B;color:#000000;height:20px;font-size:10px;} .gTableBody {padding:2px;background:#FAF9F1;} .gTableBody1 {padding:2px;background:#FFFFFF;} .gTableBottom {padding:2px;background:#FAF9F1;} .gTableLeft {padding:2px;background:#FAF9F1;font-weight:bold;color:#6E6E6E} .gTableRight {padding:2px;background:#FAF9F1} .gTableError {padding:2px;background:#FAF9F1;color:#FF0000;} /* ------------------------ */ /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#FAF9F1} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;} a.catLink:link {text-decoration:none; color:#FFFFFF;} a.catLink:visited {text-decoration:none; color:#FFFFFF;} a.catLink:hover {text-decoration:underline; color:#000000;} a.catLink:active {text-decoration:underline; color:#FFFFFF;} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold} .archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */ /* forum Titles & other */ .forum {font-weight:bold;font-size:9pt;} .forumDescr,.forumModer {color:#858585;font-size:7pt;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#6E6E6E;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#6E6E6E;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#909090;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#6E6E6E;} /* -------------------- */ /* forum Navigation Bar */ .forumNamesBar {font-weight:bold;font-size:7pt;} .forumBarKw {font-weight:normal;} a.forumBarA:link {text-decoration:none; color:#000000;} a.forumBarA:visited {text-decoration:none; color:#000000;} a.forumBarA:hover {text-decoration:none; color:#6E6E6E;} a.forumBarA:active {text-decoration:underline; color:#6E6E6E;} /* -------------------- */ /* forum Fast Navigation Blocks */ .fastNav,.fastSearch,.fastLoginForm {font-size:7pt;} /* ---------------------------- */ /* forum Fast Navigation Menu */ .fastNavMain {background:#DADADA;} .fastNavCat {background:#EFEFEF;} .fastNavCatA {background:#EFEFEF;color:#0000FF} .fastNavForumA {color:#0000FF} /* -------------------------- */ /* forum Page switches */ .switches {background:#DCDBD4;} .pagesInfo {background:#FFFFFF;padding-right:10px;font-size:7pt;} .switch {background:#FFFFFF;width:15px;font-size:7pt;} .switchActive {background:#F0EED8;font-weight:bold;color:#6E6E6E;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;} /* ------------------- */ /* forum Threads Style */ .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#FAF9F1} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#858585;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#F0EED8;height:20px;font-weight:bold;font-size:7pt;color:#99977F;padding-left:40px; } .threadsDetails {padding:2px;background:#F0EED8;height:20px;color:#99977F;} .forumOnlineBar {padding:2px;background:#F0EED8;height:20px;color:#99977F;} a.threadPinnedLink:link {text-decoration:none; color:#0000FF;} a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;} a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;} a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;} a.threadLink:link {text-decoration:none; color:#6E6E6E;} a.threadLink:visited {text-decoration:none; color:#6E6E6E;} a.threadLink:hover {text-decoration:underline; color:#000000;} a.threadLink:active {text-decoration:underline; color:#000000;} .postpSwithces {font-size:7pt;} .thDescr {font-weight:normal;} .threadFrmBlock {font-size:7pt;text-align:right;} /* ------------------- */ /* forum Posts View */ .postTable {} .postPoll {background:#F1F2F3;text-align:center;} .postFirst {background:#FAF9F1;border-bottom:1px solid #6F9E6F;} .postRest1 {background:#F1F2F3;} .postRest2 {background:#FAF9F1;} .postSeparator {height:1px;background:#6F9E6F;} .postTdTop {background:#F1F0E8;} .postBottom {background:#F0EED8;height:20px} .postUser {font-weight:bold;} .postTdInfo {text-align:center;padding:5px;background:#FAF9F1;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#787878;} .posttdMessage {padding:5px;background:#FFFFFF;} .pollQuestion {text-align:center;font-weight:bold;} .pollButtons,.pollTotal {text-align:center;} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;} .pollSubmit {font-weight:bold;} .pollEnd {text-align:center;height:30px;} .codeMessage {background:#FFFFFF;font-size:9px;} .quoteMessage {background:#FFFFFF;font-size:9px;} .signatureView {font-size:7pt;} .edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;} .editedBy {font-weight:bold;font-size:8pt;} .statusBlock {padding-top:3px;} .statusOnline {color:#0000FF;} .statusOffline {color:#FF0000;} /* ------------------ */ /* forum AllInOne Fast Add */ .newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/836/10.gif') no-repeat 0px 4px;} .newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/836/10.gif') no-repeat 0px 4px;} /* ----------------------- */ /* forum Post Form */ .codeButtons {font-size:7pt;background:#FCFCFC;border:1px solid #6E6E6E;} .codeCloseAll {font-size:7pt; color:#6E6E6E;font-weight:bold;background:#FCFCFC;border:1px solid #6E6E6E;} .postNameFl,.postDescrFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px} .postPollFl,.postQuestionFl {background:#FCFCFC;border:1px solid #6E6E6E;width:400px} .postResultFl {background:#FCFCFC;border:1px solid #6E6E6E;width:50px} .postAnswerFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px} .postTextFl {background:#FCFCFC;border:1px solid #6E6E6E;width:550px;height:150px} .postUserFl {background:#FCFCFC;border:1px solid #6E6E6E;width:300px} .pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;} .smilesPart {padding-top:5px;text-align:center} /* ----------------- */ /* ====== forum End ====== */ /* HORMENU */ /* Стили Меню */ #hormenu, #hormenu ul { margin: 0; padding: 0; list-style: none; text-align: center; } #hormenu { width: 100%; margin-bottom: 3px; background-color: #3399FF; background: rgb(199, 223, 155); background: -webkit-linear-gradient(270deg, rgb(199, 223, 155) 62%, rgb(161, 201, 147) 100%); background: -o-linear-gradient(180deg, rgb(199, 223, 155) 62%, rgb(161, 201, 147) 100%); background: -ms-linear-gradient(180deg, rgb(199, 223, 155) 62%, rgb(161, 201, 147) 100%); background: linear-gradient(180deg, rgb(199, 223, 155) 62%, rgb(161, 201, 147) 100%); -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #hormenu:before, #hormenu:after { content: ""; display: table; } #hormenu:after { clear: both; } #hormenu { zoom:1; } #hormenu li { float: left; border-right: 0px solid #222; -moz-box-shadow: 0px 0 0 #444; -webkit-box-shadow: 0px 0 0 #444; box-shadow: 0px 0 0 #444; position: relative; } #hormenu a { float: left; padding: 12px 30px; color: #354B33; font: bold 12px Arial, Helvetica; text-decoration: none; } #hormenu li:hover > a { color: #fafafa; } *html #hormenu li a:hover { /* IE6 only */ color: #fafafa; } #hormenu ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 38px; left: 0; z-index: 1; background: rgb(199, 223, 155); background: -webkit-linear-gradient(0deg, rgb(199, 223, 155) 100%, rgb(138, 133, 145) 71%); background: -o-linear-gradient(0deg, rgb(199, 223, 155) 100%, rgb(138, 133, 145) 71%); background: -ms-linear-gradient(0deg, rgb(199, 223, 155) 100%, rgb(138, 133, 145) 71%); background: linear-gradient(0deg, rgb(199, 223, 155) 100%, rgb(138, 133, 145) 71%); -moz-box-shadow: 0 -1px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #hormenu li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #hormenu ul ul { top: 0; left: 255px; margin: 0 0 0 0px; _margin: 0; /*IE6 only*/ -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3); } #hormenu ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666; -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666; box-shadow: 0 1px 0 #111, 0 2px 0 #666; } #hormenu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #hormenu ul a { padding: 10px; width: 300px; text-align: left; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; text-transform: none; } #hormenu ul a:hover { background: rgb(69, 126, 228); background: -webkit-linear-gradient(0deg, rgb(69, 126, 228) 71%, rgb(110, 175, 255) 100%); background: -o-linear-gradient(0deg, rgb(69, 126, 228) 71%, rgb(110, 175, 255) 100%); background: -ms-linear-gradient(0deg, rgb(69, 126, 228) 71%, rgb(110, 175, 255) 100%); background: linear-gradient(0deg, rgb(69, 126, 228) 71%, rgb(110, 175, 255) 100%); } #hormenu ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #hormenu ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; } #hormenu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; } #hormenu ul li:first-child a:hover:after { border-bottom-color: #04acec; } #hormenu ul ul li:first-child a:hover:after { border-right-color: #0299d3; border-bottom-color: transparent; } #hormenu ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* HORMENU END */ /* NEWS */ .home-inf-itm { padding-top: 70px; border-top: 1px solid #ebebeb; font-size:8pt; } .home-inf-img { display: block; float: left; overflow: hidden; border-radius: 10px; border: 1px; border-color:#000; margin-right: 7px; margin-left: 5px; margin-bottom: 5px; width: 150px; height: 100px; background-position: 0% 0; background-size: cover; background-repeat: no-repeat; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset; } /* NEWS END */ /* Слайдер */ .da-slider{ width: 100%; min-width: 520px; position: relative; overflow: hidden; background: rgb(199, 223, 155); box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -2px 1px #fff; -webkit-transition: background-position 1.4s ease-in-out 0.3s; -moz-transition: background-position 1.4s ease-in-out 0.3s; -o-transition: background-position 1.4s ease-in-out 0.3s; -ms-transition: background-position 1.4s ease-in-out 0.3s; transition: background-position 1.4s ease-in-out 0.3s; } .da-slide{ position: absolute; width: 100%; height: 100%; top: 10%; left: 17%; font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif; text-align: left; } .da-slide-current{ z-index: 1000; } .da-slider-fb .da-slide{ left: 100%; } .da-slider-fb .da-slide.da-slide-current{ left: 0px; } .da-slide h2, .da-slide p, .da-slide .da-link, .da-slide .da-img{ position: absolute; opacity: 0; left: 110%; } .da-slider-fb .da-slide h2, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link{ left: 10%; opacity: 1; } .da-slider-fb .da-slide .da-img{ left: 60%; opacity: 1; } .da-slide h2{ color: #fff; font-size: 50px; width: 50%; top: 60px; white-space: nowrap; z-index: 10; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); font-family: 'Economica', Arial, sans-serif; font-weight: 700; } .da-slide p{ width: 45%; top: 155px; color: #fff; font-size: 18px; line-height: 26px; height: 80px; overflow: hidden; font-style: italic; font-weight: 400; font-style: italic; } .da-slide .da-img{ top: 17%; height: 25%; line-height: 320px; left: 100%; /*60%*/ } .da-slide .da-link{ top: 270px; /*depends on p height*/ border-radius: 30px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border: 8px solid rgba(255,255,255,0.8); padding: 2px 20px 0px; font-size: 18px; line-height: 30px; width: 80px; text-align: center; background: rgba(255,255,255,0.2); } .da-slide .da-link:hover{ background: rgba(255,255,255,0.3); } .da-dots{ width: 100%; position: absolute; text-align: center; left: 0px; bottom: 20px; z-index: 2000; -moz-user-select: none; -webkit-user-select: none; } .da-dots span{ display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 50%; margin: 3px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); } .da-dots span.da-dots-current:after{ content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } .da-arrows{ -moz-user-select: none; -webkit-user-select: none; } .da-arrows span{ position: absolute; top: 50%; height: 30px; width: 30px; border-radius: 50%; cursor: pointer; z-index: 2000; opacity: 0; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); -webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s; } .da-slider:hover .da-arrows span{ opacity: 1; } .da-arrows span:after{ content: ''; position: absolute; width: 20px; height: 20px; top: 5px; left: 5px; background: transparent url(../images/arrows.png) no-repeat top left; border-radius: 50%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); } .da-arrows span:hover:after{ box-shadow: 1px 1px 4px rgba(0,0,0,0.3); } .da-arrows span:active:after{ box-shadow: 1px 1px 1px rgba(255,255,255,0.1); } .da-arrows span.da-arrows-next:after{ background-position: top right; } .da-arrows span.da-arrows-prev{ left: 15px; } .da-arrows span.da-arrows-next{ right: 15px; } .da-slide-current h2, .da-slide-current p, .da-slide-current .da-link{ left: 10%; opacity: 1; } .da-slide-current .da-img{ left: 60%; opacity: 1; } /* Animation classes and animations */ /* Slide in from the right*/ .da-slide-fromright h2{ -webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim1 0.6s ease-in 0.8s both; -o-animation: fromRightAnim1 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim1 0.6s ease-in 0.8s both; animation: fromRightAnim1 0.6s ease-in 0.8s both; } .da-slide-fromright p{ -webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim2 0.6s ease-in 0.8s both; -o-animation: fromRightAnim2 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim2 0.6s ease-in 0.8s both; animation: fromRightAnim2 0.6s ease-in 0.8s both; } .da-slide-fromright .da-link{ -webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both; -moz-animation: fromRightAnim3 0.4s ease-in 1.2s both; -o-animation: fromRightAnim3 0.4s ease-in 1.2s both; -ms-animation: fromRightAnim3 0.4s ease-in 1.2s both; animation: fromRightAnim3 0.4s ease-in 1.2s both; } .da-slide-fromright .da-img{ -webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both; -moz-animation: fromRightAnim4 0.6s ease-in 0.8s both; -o-animation: fromRightAnim4 0.6s ease-in 0.8s both; -ms-animation: fromRightAnim4 0.6s ease-in 0.8s both; animation: fromRightAnim4 0.6s ease-in 0.8s both; } @-webkit-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromRightAnim1{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim2{ 0%{ left: 110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim3{ 0%{ left: 110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromRightAnim4{ 0%{ left: 110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide in from the left*/ .da-slide-fromleft h2{ -webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim1 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both; animation: fromLeftAnim1 0.6s ease-in 0.6s both; } .da-slide-fromleft p{ -webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim2 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both; animation: fromLeftAnim2 0.6s ease-in 0.6s both; } .da-slide-fromleft .da-link{ -webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -o-animation: fromLeftAnim3 0.4s ease-in 1.2s both; -ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both; animation: fromLeftAnim3 0.4s ease-in 1.2s both; } .da-slide-fromleft .da-img{ -webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -o-animation: fromLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both; animation: fromLeftAnim4 0.6s ease-in 0.6s both; } @-webkit-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-webkit-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-moz-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-moz-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-o-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-o-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @-ms-keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @-ms-keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } @keyframes fromLeftAnim1{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim2{ 0%{ left: -110%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim3{ 0%{ left: -110%; opacity: 0; } 1%{ left: 10%; opacity: 0; } 100%{ left: 10%; opacity: 1; } } @keyframes fromLeftAnim4{ 0%{ left: -110%; opacity: 0; } 100%{ left: 60%; opacity: 1; } } /* Slide out to the right */ .da-slide-toright h2{ -webkit-animation: toRightAnim1 0.6s ease-in 0.6s both; -moz-animation: toRightAnim1 0.6s ease-in 0.6s both; -o-animation: toRightAnim1 0.6s ease-in 0.6s both; -ms-animation: toRightAnim1 0.6s ease-in 0.6s both; animation: toRightAnim1 0.6s ease-in 0.6s both; } .da-slide-toright p{ -webkit-animation: toRightAnim2 0.6s ease-in 0.3s both; -moz-animation: toRightAnim2 0.6s ease-in 0.3s both; -o-animation: toRightAnim2 0.6s ease-in 0.3s both; -ms-animation: toRightAnim2 0.6s ease-in 0.3s both; animation: toRightAnim2 0.6s ease-in 0.3s both; } .da-slide-toright .da-link{ -webkit-animation: toRightAnim3 0.4s ease-in both; -moz-animation: toRightAnim3 0.4s ease-in both; -o-animation: toRightAnim3 0.4s ease-in both; -ms-animation: toRightAnim3 0.4s ease-in both; animation: toRightAnim3 0.4s ease-in both; } .da-slide-toright .da-img{ -webkit-animation: toRightAnim4 0.6s ease-in both; -moz-animation: toRightAnim4 0.6s ease-in both; -o-animation: toRightAnim4 0.6s ease-in both; -ms-animation: toRightAnim4 0.6s ease-in both; animation: toRightAnim4 0.6s ease-in both; } @-webkit-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-webkit-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-moz-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-o-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @-ms-keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim1{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim2{ 0%{ left: 10%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: 100%; opacity: 0; } } @keyframes toRightAnim4{ 0%{ left: 60%; opacity: 1; } 30%{ left: 55%; opacity: 1; } 100%{ left: 100%; opacity: 0; } } /* Slide out to the left*/ .da-slide-toleft h2{ -webkit-animation: toLeftAnim1 0.6s ease-in both; -moz-animation: toLeftAnim1 0.6s ease-in both; -o-animation: toLeftAnim1 0.6s ease-in both; -ms-animation: toLeftAnim1 0.6s ease-in both; animation: toLeftAnim1 0.6s ease-in both; } .da-slide-toleft p{ -webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both; -moz-animation: toLeftAnim2 0.6s ease-in 0.3s both; -o-animation: toLeftAnim2 0.6s ease-in 0.3s both; -ms-animation: toLeftAnim2 0.6s ease-in 0.3s both; animation: toLeftAnim2 0.6s ease-in 0.3s both; } .da-slide-toleft .da-link{ -webkit-animation: toLeftAnim3 0.4s ease-in both; -moz-animation: toLeftAnim3 0.4s ease-in both; -o-animation: toLeftAnim3 0.4s ease-in both; -ms-animation: toLeftAnim3 0.4s ease-in both; animation: toLeftAnim3 0.4s ease-in both; } .da-slide-toleft .da-img{ -webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both; -moz-animation: toLeftAnim4 0.6s ease-in 0.6s both; -o-animation: toLeftAnim4 0.6s ease-in 0.6s both; -ms-animation: toLeftAnim4 0.6s ease-in 0.6s both; animation: toLeftAnim4 0.6s ease-in 0.6s both; } @-webkit-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-webkit-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-moz-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-o-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @-ms-keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim1{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim2{ 0%{ left: 10%; opacity: 1; } 30%{ left: 15%; opacity: 1; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim3{ 0%{ left: 10%; opacity: 1; } 99%{ left: 10%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } @keyframes toLeftAnim4{ 0%{ left: 60%; opacity: 1; } 40%{ left: 70%; opacity: 1; } 90%{ left: 0%; opacity: 0; } 100%{ left: -50%; opacity: 0; } } /*Slider end*/