/* Default ---------------------------------------- */ html, body {height: 100%; width: 100%; min-width: 1000px;} body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend {margin: 0; padding: 0;} a img, fieldset {border: 0;} table {border-collapse: collapse;} td, th {vertical-align: top;} body {font: 12px/1.2 Tahoma, Arial, sans-serif; color: #000; background: #fff;} a {color: #004a80; outline: none;} a:hover {text-decoration: none;} ul {list-style: none;} address {font-style: normal;} input, textarea, select {font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #000;} /* Main ---------------------------------------- */ .page:after, .header:after, .header-inner:after, .field:after, .site-block:after, .title-block:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;} .page {position: relative; min-height: 100%;} .page-inner { position: relative; width: 960px; margin: 0 auto; padding: 0 15px; } /* Index Page Styles ---------------------------------------- */ /* Header */ .m-header { padding: 35px 10px 60px 500px; position: relative; } .m-logo { position: absolute; left: 10px; top: 30px; } .logo-ny { margin-top: -7px; } .m-email { padding: 0 0 20px; float: right; margin-top: 4px; max-width: 146px; } .m-email a { text-decoration: none; color: #333; background: url(/s/i/main/icons.png) no-repeat 0 -776px; padding: 0 0px 0 23px; } .m-email a:hover {text-decoration: underline;} .m-phone { padding: 0 0 4px 23px; font-size: 12px; font-weight:normal; background: url(/s/i/phone-white.png) no-repeat; display: block; margin-top: -17px; } .m-nav-container { padding: 0 0 62px; /*overflow: hidden; */ font-size: 14px; margin-left: -294px; height: 25px; } .lang-en .m-nav-container {padding-bottom: 30px;} .m-nav-container a { /*text-decoration: none; color: #2d2d2d;*/ } .m-nav-container a:hover { /*text-decoration: underline;*/ } .m-nav { /*float: left;*/ } .m-nav li { display: block; float: left; padding: 0 18px 0 0; } .m-enter { float:right; padding: 0 5px; line-height:17px; } .m-enter a {float:left;} .m-enter span { float:left; line-height:18px; padding:0 10px; font-size:14px; color:#bebebe; } .m-enter .social-login { width:18px; height:18px; float:left; text-indent:-9999px; margin-right:7px; } .m-header h1 {font-size: 43px; line-height: 60px; font-weight: normal; text-transform: uppercase; padding: 0 0 15px;} .m-header h2:after {content: '';display: block;clear: both;} .m-header h2 {font-size: 16px; font-weight: normal; padding: 0 0 35px; position:relative;} .m-header .header-top { position: absolute; top: 20px; right: 10px; } .m-header .like-holder { float: right; top: 3px; } .m-header .like-btn { background: url("/s/i/main/fb-like3.png") no-repeat; width: 172px; height: 31px; padding: 9px 0 0 12px; } /*Profile menu*/ .m-profile { background: #fff; margin: -2px 0 0 0; font-size: 12px; padding: 17px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; position: relative; float: right; /*top: 15px;*/ /*right: 0px;*/ } .m-profile a, .m-profile span { /*color: #5a5a5a;*/ /*text-decoration: none;*/ margin: 0 6px; display: inline-block; } .m-profile a:hover { /*color: #000;*/ /*text-decoration: underline;*/ } .m-profile .social-login { display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin: -2px 2px 0 2px; } .m-profile .or { margin: 0 3px 0 -1px; color: #bebebe; } .m-profile .social-login.vk { background: url(/s/i/vk_small.png) no-repeat; margin-right: 6px; } .m-profile .social-login.fb { background: url(/s/i/fb_small.png) no-repeat; } .m-profile em { font-size: 10px; font-style: normal; position: relative; top: -5px; display: inline-block; margin-left: -3px; } .m-profile a em { margin-left: 2px; } .m-profile span em { margin-left: 2px; } .m-create {font-size: 16px;} .m-create a, .m-create span {vertical-align: middle;} .m-create .button.h40 {min-width: 168px;} .m-button {font-size: 16px; position: relative; overflow: hidden; font-weight: bold; text-decoration: none; padding: 12px 50px 15px; display: inline-block; background: url(/s/i/main/icons.png) repeat-x 0 -950px #ffb500; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;} .m-button:hover {background-position: 0 -1097px; background-color: #fc0;} /*.m-button:active {padding: 13px 59px 14px 61px;}*/ .m-button input {position: absolute; left: 0; top: 0; height: 100px; width: 400px; cursor: pointer; border: 0; opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';} .m-create span {color: #666; margin: 0 7px;} .m-video { /*color: #004a80;*/ } .m-video:hover {color: #000; text-decoration: underline;} /* Content */ .m-top {z-index:500; position: relative; margin: -15px 0 30px; padding: 14px 0 0; background: url(/s/i/main/top.png) no-repeat;} .m-bot {padding: 0 0 14px; background: url(/s/i/main/bot.png) no-repeat 0 bottom;} .m-content {background: #2d2d2d; position: relative; overflow: hidden;} .m-tabs { overflow: hidden; text-align:justify; font-size: 20px; line-height: 1; font-weight: normal; padding: 25px 90px 30px 90px; border-bottom: 1px solid #1c1c1c; } .m-tabs:after {width:100%;content:'';display:inline-block;vertical-align:top;} .m-tabs li { display: inline-block; text-align: left; } .m-tabs a { color: #fff; text-decoration: none; display: block; background: url(/s/i/main/icons.png) no-repeat; min-height: 40px; } .m-tabs li.m-tabs1 a {padding-left: 68px; background-position: 0 -372px;} .m-tabs li.m-tabs2 a {padding-left: 63px; background-position: 0 0;} .m-tabs li.m-tabs3 a {padding-left: 60px; background-position: 0 -1486px;} .lang { float: right; color: #2D2D2D; margin: 11px 15px 0 13px; position: relative; } .lang a {color: #4e4e4e; text-decoration: none;} .lang a:hover {color: #000; text-decoration: underline;} .lang-en li.m-tabs3 a, .lang-th li.m-tabs3 a, .lang-id li.m-tabs3 a{background-position: 0 -240px;} .m-tabs a:hover {color: #ffc412;} .m-tabs a em {display: inline-block; font: 20px Arial, sans-serif; vertical-align: top; line-height: 14px; margin: -20px 0 0 30px;} .m-title {border-top: 1px solid #444; padding: 14px 0 0px; font-size: 20px; font-weight: normal; color: #1f1f1f; text-align: center; position: relative;} .m-title span {position: absolute; width: 100%; color: #ffc412; display: block; top: 13px; left: 0;} /* Catalog */ .m-catalog { position: relative; height: 162px; } .m-catalog ul { display: inline; font-size: 0; line-height: 0; letter-spacing: -1px; white-space: nowrap; padding: 0 0 0px; /*margin-left: -105px;*/ margin-left: 0px; /*margin-right: -90px; */ } .m-catalog li {font-size: 14px; line-height: normal; letter-spacing: normal; display: inline-block; vertical-align: top; width: 170px; margin: 0 0 0 20px;} .m-catalog li a {border: 1px solid #242322; margin: 20px 0 0; background-color: #fff;} .m-catalog li a:hover {border-color: #f9c013;} .m-catalog img, .m-catalog li a {display: block; width: 168px; height: 120px; position: relative;} .m-catalog span {position: absolute; width: 214px; height: 166px; display: none; top: -23px; left: -23px; background: url(/s/i/main/shadow.png) no-repeat;} .m-catalog li a:hover span {display: block;} .designs { margin: -3px auto; width: 779px; overflow: hidden; padding-bottom: 20px; } .designs-prev, .designs-next { position: absolute; top: 52px; padding: 10px 20px; width: 18px; height: 31px; display: block; overflow: hidden; background: url(/s/i/main/icons.png) no-repeat; } .designs-prev { left: 53px; background-position: 20px -523px; } .designs-next { right: 53px; background-position: 20px -651px; } .designs-loader {top: 0; bottom: 0; right: 0; left: 0; background: url(/s/i/ajax-loader2.gif) no-repeat scroll center center #2D2D2D; position: absolute; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);} /* Footer */ .m-footer {padding: 0 10px 25px; color: #999; font-size: 13px; overflow: hidden;} .m-copy {font-style: normal; float: right;} .m-footer-nav {float: left;} .m-footer-nav li {display: inline; padding: 0 0 0 18px;} .m-footer-nav a {color: #999;} .m-footer-nav a:hover {color: #000; text-decoration: underline;} .m-shablon-preview, .m-shablon-preview img { display: block; margin:0 auto; width:100%; } .m-shablon-preview { border: 1px solid #2f2f2f; width:600px; min-height:500px; overflow:hidden; background: url(/s/i/ajax-loader2.gif) no-repeat 50% 50%; } .m-shablon-name {overflow: hidden; padding: 0 0 23px;} .m-shablon-name-inner {float: left; display:none;} .m-shablon-name-inner input {border: 1px solid #444; background: #fff; color: #666; font-size: 16px; padding: 10px 9px 13px; width: 190px;} .m-shablon-name-inner span {font-size: 18px; color: #666;} .m-shablon-name .button {float: right;} .m-footer-social {float: right; padding: 0 15px;} /* New Footer */ .n-social-block{ padding-left:15px; } .new-footer {font-size:1em; color: #999; padding: 22px 8px 10px;} .new-footer dl {display: block; float: left; width: 20%; line-height:1.3;} .new-footer dl dt {color: #2d2d2d; font-size: 1.1em; color: #999; margin-bottom: 5px;} .new-footer dl dd {line-height:1.3} .new-footer a {color: #4e4e4e; text-decoration: none;} .new-footer a:hover {color: #000; text-decoration: underline;} #new-footer-copyright{clear:both; padding:1em 0;} /* Footer text */ .b-footer-text { padding: 15px 8px 20px 8px; font-size: 12px; line-height: 1.7; color: #999999; } .b-footer-text p {padding: 0 0 10px;} /* Create */ .n-create-error {color: red; clear: both; font-size: 0.875em; padding: 5px 0 0; margin: 0 0 -18px; text-align: left; width: auto;} #check_name_error {display: none;} .cs-check-field-error{background:#F6E2E2;border-color:#F68F8F !important;} /* Background ---------------------------------------- */ .persons, .persons div {height: 480px; width: 500px; overflow: hidden; position: absolute; left: 0; top: 60px; z-index: -1;} .mainpic {height: 480px; width: 500px; overflow: hidden; position: absolute; left: 0; top: 138px; z-index: -1;} .mainpic img {max-width: 390px;} .persons div {display: none;} /* IE CSS3 Fix ---------------------------------------- */ /*.header, .step1 a, .nav span.current, .m-button, .forms, .step1-buttons li a, .tabs a, .field-button, .news, .site-actions, .pag a.pag-prev, .pag a.pag-next, .container-top, .container-bot, .profile, .success-block, .error-block, .forms-white .ds-mes-form {behavior: url(/s/js/PIE.htc);} */ /* Print ---------------------------------------- */ @media print { body {color: #000 !important; background: #fff;} a, a:link, a:visited {color: #000 !important; text-decoration: none !important; font-weight: bold;} .lang, .nav, .footer-nav, .descr {display: none;} } .like-holder { display:inline-block; position:relative; top:-6px; } *+html .like-holder { display:inline; zoom:1; } .like-btn { background: url(/s/i/main/fb-like2.png) no-repeat; width:148px; height:30px; padding:10px 0 0 33px; } #check-create-form {position:relative;} .next-design, .prev-design { position:absolute; top: 64px; bottom: 0px; width: 50%; padding-left: 67px; } .next-design span, .prev-design span { width:18px; height:32px; margin-top:-16px; display: block; position: absolute; top: 250px; background: url(/s/i/main/icons.png) no-repeat; } .prev-design { left:-67px; } .next-design { right:-67px; } .prev-design span { left: 0px; background-position:0 -532px; } .next-design span { right: 0px; background-position:0 -661px; } .prev-design:hover span {background-position:0 -1166px;} .next-design:hover span {background-position:0 -1295px;} .m-block-title { font-size: 20px; font-weight: normal; margin-bottom: 30px; margin-left: 8px; margin-right: 8px; padding-top: 10px; } .functional-header { font-weight: bold; font-size: 14px; border-bottom: 3px solid #ffc500; padding: 0 10px 15px; margin-bottom: 15px; } .functional { padding: 0 10px; } .functional li { margin-bottom: 15px; font-size: 12px; padding-left: 26px; background: url(/s/i/new/bg/tick-plus.png) no-repeat 0 3px; } .m-4columns { overflow: hidden; margin-bottom: 25px; margin-right: 8px; margin-left: -12px; } .m-4columns > li, .m-4columns > div { width: 220px; float: left; margin-left: 20px; } .m-columns { overflow: hidden; padding-bottom: 2px; margin-bottom: 20px; margin-right: 8px; margin-left: 8px; } .m-columns.separator { padding-bottom: 22px; border-bottom: 1px solid #ebebeb; } .m-columns > li { float: left; width: 33.3%; } .m-columns > li > h3 { font-size: 20px; font-weight: normal; margin-bottom: 25px; } .m-promo { text-align: center; color: #2d2d2d; } .m-promo .ico { width: 82px; height: 41px; margin: 0 auto 15px auto; background-image: url(/s/i/icons/promo-icons.png); background-repeat: no-repeat; } .m-promo .ico.simple-i { background-position: 0px 0px; } .m-promo .ico.profit-i { background-position: 0px -41px; } .m-promo .ico.reliable-i { background-position: 0px -82px; } .m-promo .tagline { font-size: 20px; font-weight: bold; margin-bottom: 20px; } .m-promo .text { font-size: 15px; } .m-news { color: #2d2d2d; padding-right: 20px; padding-bottom: 12px; } .m-news a { /*color: #004a80;*/ } .m-news li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #ebebeb; } .m-news .title { font-size: 14px; margin-bottom: 16px; } .m-news .text { margin-bottom: 16px; line-height: 1.7; } .m-news .date { color: #666666; } .m-review { margin-bottom: 25px; padding-right: 20px; } .m-review .author { font-size: 14px; font-weight: bold; color: #666; margin-bottom: 16px; } .m-review .text { font-style: italic; line-height: 1.7; } .m-review .text p { margin-bottom: 16px; } .social-subscribes { overflow: hidden; padding-bottom: 30px; padding-top: 30px; } .social-subscribes li { width: 170px; float: left; text-align: center; margin-right: 20px; } .social-subscribes li:last-child { margin-right: 0; } .social-subscribes li .inner { display: inline-block; position: relative; padding: 0 0 0 50px; text-align: left; min-height: 40px; color: #000; text-decoration: none; } .social-subscribes li .inner > a { display: block; color: #000; text-decoration: none; } .social-subscribes i { display: block; position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; background-image: url('/s/i/icons/social-subscribe-icons.png'); background-repeat: no-repeat; } .social-subscribes .subscr-fb i { background-position: 0 -40px; } .social-subscribes .subscr-tw i { background-position: 0 -80px; } .social-subscribes .subscr-yt i { background-position: 0 -120px; } .social-subscribes .subscr-ok i { background-position: 0 -160px; } .social-subscribes .title { font-size: 14px; position: relative; top: -2px; height: 20px; white-space: nowrap; display: block; } .social-subscribes .subscr-button { display: inline-block; padding: 0; width: 100px; height: 20px; max-width: 100px; text-align: center; position: relative; overflow: hidden; } .social-subscribes .subscr-button i { position: static !important; font-style: normal; display: inline-block; background: #5f83ab; border-radius: 5px; padding: 3px 0px; font-size: 12px; color: #fff; text-decoration: none; width: 100px; height: 14px; opacity: 0; } .social-subscribes .subscr-button.rendered i { opacity: 1; } .social-subscribes .subscr-vk .subscr-button:hover i { background: #7CAADE; } .social-subscribes .subscr-vk .subscr-button:active i { background: #516F91; } .social-subscribes .subscr-fb .subscr-button i { background: #3b5b99; } .social-subscribes .subscr-fb .subscr-button:hover i { background: #507BCC; } .social-subscribes .subscr-fb .subscr-button:active i { background: #283E66; } .social-subscribes .subscr-tw .subscr-button i { background: #2daae1; } .social-subscribes .subscr-tw .subscr-button:hover i { background: #33C2FF; } .social-subscribes .subscr-tw .subscr-button:active i { background: #2384AD; } .social-subscribes .subscr-yt .subscr-button i { background: #e22733; } .social-subscribes .subscr-yt .subscr-button:hover i { background: #ff4753; } .social-subscribes .subscr-yt .subscr-button:active i { background: #c71b26; } .social-subscribes .subscr-ok .subscr-button i { background: #F4731C; } .social-subscribes .subscr-ok .subscr-button:hover i { background: #FF8636; } .social-subscribes .subscr-ok .subscr-button:active i { background: #C25A15; } .social-subscribes .subscr-button > * { position: absolute !important; top: -30px; left: 0px; /*opacity: 0;*/ } .social-subscribes .subscr-button.rendered > * { top: 0px; opacity: 0; } .social-subscribes .subscr-ok .subscr-button > * { top: -200px; } .social-subscribes .subscr-ok .subscr-button.rendered > div { top: -49px; opacity: 0; left: -70px; } .social-subscribes .subscr-button-wr { display: inline-block; /*width: 100px;*/ position: relative; } .social-subscribes .subscr-vk .subscr-button-wr { /*width: 86px; top: -2px;*/ } .social-subscribes .subscr-yt .subscr-button-wr { /*top: -3px;*/ } /* Dotted link */ .dotted-link { color: #004a80 !important; display: inline-block; text-decoration: none !important; } .dotted-link span { border-bottom: 1px dotted #004a80; } .dotted-link:hover { text-decoration: none !important; } .dotted-link:hover span { border-bottom: 1px solid transparent; } /* Bookmark button */ .bookmark-button { position: relative; display: inline-block; padding-left: 28px; /*margin-left: 31px;*/ font-size: 14px; cursor: pointer; } .bookmark-button i { display: block; width: 20px; height: 20px; position: absolute; top: -2px; left: 0px; background: url('/s/i/new/icons/i-star-big.png') no-repeat; } .bookmark-prompt { display: block; position: absolute; top: 20px; left: 5px; background: white; padding: 13px 30px 16px 20px; border: 2px solid #ffc412; border-radius: 10px; font-size: 14px; line-height: 1.4em; color: black; max-width: 200px; margin: 35px 0 0 7px; z-index: 200; opacity: 0; -o-transition: opacity .3s; -ms-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; -o-box-shadow: 0px 1px 17px -7px black; -ms-box-shadow: 0px 1px 17px -7px black; -moz-box-shadow: 0px 1px 17px -7px black; -webkit-box-shadow: 0px 1px 17px -7px black; box-shadow: 0px 1px 17px -7px black; } .bookmark-prompt.added { opacity: 1; } .bookmark-prompt .tail { position: absolute; top: -18px; left: 29px; display: block; overflow: hidden; height: 18px; width: 20px; } .bookmark-prompt .tail span { display: block; width: 30px; height: 30px; border: 2px solid #ffc412; background: white; -o-transform: rotate(60deg) skew(35deg); -ms-transform: rotate(60deg) skew(35deg); -moz-transform: rotate(60deg) skew(35deg); -webkit-transform: rotate(60deg) skew(35deg); transform: rotate(60deg) skew(35deg); position: absolute; top: 17px; left: -8px; } .bookmark-prompt .close { position: absolute; top: 5px; right: 6px; cursor: pointer; color: #bebebe; width: 16px; height: 16px; line-height: 13px; text-align: center; font-size: 20px; } .info-pages-links { font-size: 13px; color: #999999; padding: 0px 8px 35px 8px; } .info-pages-links h3 { font-size: 16px; font-weight: normal; margin-bottom: 13px; } .media-links { background: #e7ecef; padding: 12px 0; margin: 10px 8px 25px 8px; text-align: center; } .media-links a { display: inline-block; padding: 0; margin: 0 17px; height: 40px; background-image: url(/s/i/new/icons/media-links-icons.png); background-repeat: no-repeat; width: 100px; } .media-links a.link-1 { background-position: 0px 0px; width: 145px; } .media-links a.link-2 { background-position: -185px 0px; width: 173px; } .media-links a.link-3 { background-position: -391px 0px; width: 137px; } .media-links a.link-4 { background-position: -553px 0px; width: 94px; margin: 0 13px; } .media-links a.link-5 { background-position: -673px 0px; width: 134px; } .adv-landing { background-color: #ebebeb; height: 80px; margin: 90px 0; } .adv-landing__inner { width: 960px; margin: 0 auto; position: relative; } .adv-landing__inner:after { content: ''; display: block; clear: both; } .adv-landing__text { line-height: 80px; float: left; font-size: 18px; } .adv-landing__inner .button { float: right; margin-top: 25px; } .adv-landing__img { float: right; margin-top: -65px; margin-left: 20px; } /* Промо на главной странице */ div.main_promo { overflow: hidden; padding-bottom: 2px; margin-bottom: 20px; margin-right: 8px; margin-left: 8px; border-bottom: 1px solid #ebebeb; } div.main_promo div.promo { height: 270px; font-size: 16px; padding: 0 0 0 115px; padding-top: 30px; clear: both; line-height:22px; } div.main_promo div.promo img { float: right; max-width: 390px; margin-right: 100px; } div.main_promo div.promo2 { background-color: #F6F6F6; padding-bottom: 25px; } div.main_promo div.promo2 img { float: left; margin-left: -40px; margin-right: 100px; } div.main_promo div.promo div.tagline { font-weight: bold; font-size: 21px; padding-bottom:12px; padding-top: 70px; } /*прелоадер*/ #preloader-js{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; display: none; z-index: 10000; } #preloader-js .preloader-content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #floatingBarsG{ position:relative; width:60px; height:75px; margin:auto; } .blockG{ position:absolute; background-color:rgb(255,255,255); width:10px; height:23px; border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; -ms-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; transform:scale(0.4); -o-transform:scale(0.4); -ms-transform:scale(0.4); -webkit-transform:scale(0.4); -moz-transform:scale(0.4); animation-name:fadeG; -o-animation-name:fadeG; -ms-animation-name:fadeG; -webkit-animation-name:fadeG; -moz-animation-name:fadeG; animation-duration:1.2s; -o-animation-duration:1.2s; -ms-animation-duration:1.2s; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } #rotateG_01{ left:0; top:27px; animation-delay:0.45s; -o-animation-delay:0.45s; -ms-animation-delay:0.45s; -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); } #rotateG_02{ left:8px; top:10px; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); } #rotateG_03{ left:25px; top:3px; animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); } #rotateG_04{ right:8px; top:10px; animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); } #rotateG_05{ right:0; top:27px; animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); } #rotateG_06{ right:8px; bottom:7px; animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); } #rotateG_07{ bottom:0; left:25px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); } #rotateG_08{ left:8px; bottom:7px; animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); } @keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-o-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-moz-keyframes fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } /*---------------------------------------------------------*/