body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} /* *********************************************************************** */ /* podstawowe znaczniki html */ strong { font-weight: bold; } sub { font-size: 0.8em; color: #888; } input, textarea { margin: 0 0 10px 0; padding: 3px 7px 3px 7px; font-size: 0.9em; font-family: Arial, sans-serif; } table { font-family: Arial, sans-serif; font-size: 1em; } em { font-style: italic; } /* *********************************************************************** */ /* layout elements */ #page-overlay { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #eef5ff; filter: alpha(opacity=60); /*older IE*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */ -moz-opacity: .60; /*older Mozilla*/ -khtml-opacity: 0.6; /*older Safari*/ opacity: 0.6; /*supported by current Mozilla, Safari, and Opera*/ z-index: 975; } /* *********************************************************************** */ /* popup */ #popup-overlay { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .5; filter: alpha(opacity=50); } #popup-over { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; } #popup-content { position: relative; z-index: 999; width: 860px; margin: auto; margin-top: 40px; cursor: pointer; color: #fff; text-align: center; } #popup-content .close { display: block; position: absolute; top: 10px; right: 8px; width: 20px; height: 20px; background: url('../_images/site/pop-close_bg.png') top no-repeat; z-index: 99; } #popup-content img { background: #fff; padding: 25px; border: 5px #999 solid; } /* *********************************************************************** */ /* styling list ul, ol */ .text-holder { position: relative; } .text-holder ul, ol { margin: 15px 0 15px 0; } .text-holder ul li, ol li { margin: 0 0 5px 10px; padding: 2px 0 0px 15px; } .text-holder ul li { margin: 0 0 5px 10px; padding: 2px 0 0 20px; background: url('../_images/site/ul-li-hosting_icon.png') 0 6px no-repeat; } .text-holder ul.ul-check li { margin: 0 0 0 10px; padding: 7px 0 20px 45px; background: url('../_images/site/ul-lcheck-li_icon.png') 0 0 no-repeat;} .text-holder ul.ul-check-alt li { margin: 0 0 0 10px; padding: 0 0 20px 40px; background: url('../_images/site/ul-lcheck-alt-li_icon.png') 0 0 no-repeat;} .text-holder ol li { margin: 0 0 3px 40px; padding: 2px 0 0 0; list-style-type: decimal; } /* *********************************************************************** */ /* paging */ table.page-counter-holder { padding: 0px 0px 0px 0px; margin-left: auto; margin-right: auto; margin-top: 20px; } div.page-counter { height: 19px; padding: 5px 10px 5px 10px; background: #d7e2f4; text-align: center; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } div.page-counter a { display: block; float: left; height: 15px; margin: 1px 3px 0px 3px; color: #565656 ! important; font-weight: bold; } div.page-counter a:hover { color: #ff8f57 !important; } div.page-counter a.active { font-weight: bold; color: #f00 !important; cursor: default; } div.page-counter a.prev, div.page-counter a.next { width: 13px; height: 19px; margin: 0px 5px 0px 0px; } div.page-counter a.prev { background: url('../_images/site/counter-prev_bg.gif') no-repeat; margin: 0px 5px 0px 0px; } div.page-counter a.next { background: url('../_images/site/counter-next_bg.gif') no-repeat; margin: 0px 0px 0px 5px; } div.page-counter a.prev:hover, div.page-counter a.next:hover { background-position: bottom; } /* *********************************************************************** */ /* prosta tabela bez obramowania (simple-table) */ div.simple-table table { margin: 20px 0 20px 0; } div.simple-table th { padding: 7px 0 7px 0; background: #ddd top; border: 1px #aeaeae solid; font-weight: bold; text-align: center; } div.simple-table td { padding: 3px; border: 1px #aeaeae solid; color: #4e4e4e; text-align: center;} div.simple-table td.txtleft { text-align: left; } div.simple-table td.col1 { background: #aaa; } /* *********************************************************************** */ /* jQuery - fancylabels */ label.fancy-label-check { display: block !important; float: right; width: 20px !important; height: 20px !important; cursor: pointer; line-height: 21px; } .fancy-label-check input, .fancy-label-radio input { margin-right: 5px !important; } .has-js .fancy-label-check, .has-js .fancy-label-radio { } .has-js .fancy-label-radio { background: url('../_images/site/fancy-labels/radio-off.png') no-repeat; } .has-js .fancy-label-check { background: url('../_images/site/fancy-labels/check-off.png') no-repeat; } .has-js label.c_on { background: url('../_images/site/fancy-labels/check-on.png') no-repeat; } .has-js label.r_on { background: url('../_images/site/fancy-labels/radio-on.png') no-repeat; } .has-js .fancy-label-check input, .has-js .fancy-label-radio input { display: block; position: absolute !important; left: -9999px !important; } /* *********************************************************************** */ /* jQuery - clearField */ .clearFieldBlurred { color: #666 !important; } .clearFieldActive { color: #000; } /* *********************************************************************** */ /* jQuery - tooltip */ #tooltip { position: absolute; padding: 10px; border: 1px solid #444; background: #f9fbd3; color: #555; font-family: Arial, _sans; font-size: 0.9em; z-index: 3000; opacity: 0.95; } #tooltip h3 { margin-top: 0px; font-family: Arial, sans-serif; font-size: 1.2em !important; font-weight: bold; margin: 0; color: #666 !important; } #tooltip div { margin: 0; line-height: 125%; } /* *********************************************************************** */ /* conatainer to display errors */ div.errors-holder { margin: 8px 0 8px 0; padding: 12px 15px 12px 15px; border: 1px #ffd2d2 solid; background: #ffecec; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } div.errors-holder img { float: left; margin: 0 30px 0 0; } div.errors { padding: 0 0 0 0; font-weight: bold; color: #f00; } div.errors span.ok { color: #0b0 !important; } div.errors p { margin: 0 0 5px 0; } /* *********************************************************************** */ /* container to display errors */ div.reports-holder { min-height: 53px; margin: 10px 0 15px 0; padding: 12px 15px 12px 80px; color: #f00; font-size: .9em; font-weight: bold; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } div.rep-err { border: 1px #ffd2d2 solid; background: #fff0f0 url('../_images/site/rep/rep-error_bg.gif') 12px 12px no-repeat; color: #f00; font-weight: bold;} div.rep-ok { border: 1px #d4e99f solid !important; background: #f4ffe9 url('../_images/site/rep/rep-ok_bg.gif') 12px 12px no-repeat !important; color: #799738 !important; } div.rep-info { border: 1px #f4ecc3 solid !important; background: #fffdef url('../_images/site/rep/rep-info_bg.gif') 12px 12px no-repeat !important; color: #c3b23b !important; } /* *********************************************************************** */ /* messages info box */ .info-box { margin: 10px 0 10px 0; padding: 10px 20px 20px 60px; font-weight: bold; border-radius: 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .info-ok { background: #fff url('../_images/site/info-box/ok.gif') 20px 10px no-repeat; } .info-war { background: #fff url('../_images/site/info-box/war.gif') 20px 10px no-repeat; } .info-err { background: #fff url('../_images/site/info-box/err.gif') 20px 10px no-repeat; } /* *********************************************************************** */ /* common element styling */ .but { display: block; border: none; } .but:hover { background-position: bottom !important; } input.but { padding: 0 0 0 0; cursor: pointer; } .txt-right { text-align: right; } .txt-left { text-align: left; } .txt-center { text-align: center; } .fl-left { float: left; } .fl-right { float: right; } .no-display { display: none; } .no-border { border: none !important; } .no-margin { margin: 0 0 0 0 !important; } .no-padding { padding: 0 0 0 0 !important; } .no-background { background: none !important; } .auto-margin { margin: auto !important; } .pos-highlight { background-color: #ddd !important; } .font-play { font-family: 'Play', sans-serif; } .font-outline-1-white { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } .font-outline-1-red { text-shadow: -1px -1px 0 #d10000, 1px -1px 0 #d10000, -1px 1px 0 #d10000, 1px 1px 0 #d10000; } .font-outline-1-blue { text-shadow: -1px -1px 0 #d5eef5, 1px -1px 0 #d5eef5, -1px 1px 0 #d5eef5, 1px 1px 0 #d5eef5; } .line-sep { height: 1px; margin: 10px 0 10px 0; background: #c4c4c4; border-bottom: 1px #fff solid; font-size: 1px; } .ajax-loading { cursor: wait; } div.hr { height: 1px; margin: 5px 0 5px 0; font-size: 1px; background: #ddd; } .line-y { width: 1px; font-size: 1px; background: url('../_images/site/line-y_bg.gif') repeat-y; } .clearfloat { clear: both; font-size: 1px; height: 0; line-height: 0px; } /* custom styling for slaskdatacenter.pl */ a.file-pdf { display: block; margin: 0 0 3px 0; padding: 10px 7px 10px 40px; background-color: #fffcf3; background-position: 7px 7px; background-image: url('../_images/site/icon-pdf.gif'); background-repeat: no-repeat; color: #444; } a.file-pdf:hover { background-color: #fff; color: #000; } a.box-link { display: block; margin: 0 0 3px 0; padding: 10px 7px 10px 10px; background-color: #cbd3e0; color: #444; } a.box-link:hover { background-color: #f1f3f7; color: #000; } .note { margin: 5px 0 5px 0; color: #777; font-size: .9em; } /* *************************** */ .other-parameters-holder { width: 47%; padding: 10px 1% 5px 1%; background: #fff; border: 1px #c5c5c5 solid; } table.other-parameters { width: 100%; } table.other-parameters tbody tr { border-bottom: 1px #d3d3d3 dotted; } table.other-parameters tbody tr td { height: 25px; padding: 5px 5px 5px 5px; text-align: center; vertical-align: middle; line-height: 110%; } table.other-parameters tbody tr td.label { color: #666; font-size: .8em; text-align: left; text-align: left; font-weight: bold; } table.other-parameters tbody tr td.value { text-align: right; } /* *************************** */ .table-details { margin-bottom:40px; margin-top:0; width:100%; } .table-details TR, .table-details TH { height:39px; } .table-details TR:nth-child(2n) { background:none repeat scroll 0 0 #e6e6e6; } .table-details TR:nth-child(2n) TD:nth-child(2n+1) { background:none repeat scroll 0 0 #f7f7f7; } .table-details TR:nth-child(2n+1) TD:nth-child(2n) { background:none repeat scroll 0 0 whitesmoke; } .table-details TH:nth-child(2n+1) { background:none repeat scroll 0 0 #6c6c6c; } .table-details TD, .table-details TH { font-size:13px; padding:5px; position:relative; text-align:center; } .table-details TH { background:none repeat scroll 0 0 #4a4a4a; color:white; font-size:14px; font-weight:bold; height:60px; text-transform:uppercase; width:150px; } .table-details TH:first-child { background:none repeat scroll 0 0 transparent; color:#333333; font-size:16px; text-align:left; text-transform:none; width:auto; } .table-details TD:first-child P { font-size:11px; font-weight:normal; margin-top:3px; } .table-details TD:first-child { font-weight:bold; padding:10px; text-align:left; } .table-details TD.bold { font-weight:700; } .table-details TR.table-details-expand-row TD { background:none repeat scroll 0 0 #f7f7f7; text-align:center; } .table-details TR.table-details-expand-row A { display:block; height:100%; width:100%; } .table-details TH SPAN { color:#999; display:block; font-size:10px; text-align:center; } .table-details .idn-text { color:#dd5a39; font-size:10px; font-weight:bold; } .pricelist TH .pricelist-subscription-time { color:#999; font-size:10px; } .pricelist TH .is-individual-note { color:#ccc; font-size:10px; text-transform:none; } .expandable-link { cursor:pointer; margin-bottom:0; position:relative; } .expand-text:after { color:#818080; content:"rozwiń listę"; display:block; font-size:10px; padding:2px 0 5px 20px; } .collapse-text:after { color:#818080; content:"zwiń listę"; display:block; font-size:10px; padding:2px 0 5px 20px; } DIV.expandable-content-container { min-height:1px; } .expandable-content { overflow:hidden; } html { background: #fff url('../_images/site/html_bg.jpg') 0 169px repeat-x; color: #2f2f2f; font-family: Arial, sans-serif; font-size: 11pt; line-height: 150%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } body { } a { color: #305994; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } a:visited { color: #89a6d0; } p { margin: 10px 0px 10px 0px; } h1, h2, h3, h4, h5 { color: #555; font-family: 'Play', sans-serif; } h1 { margin: 0 0 20px 0; color: #555; font-size: 2em; } h2 { position: relative; margin: 0 0 5px 0; padding: 0 0 0 0; color: #2e81a1; font-size: 1.6em; font-weight: bold; } h3 { margin: 0 0 10px 0; padding: 0 0 0 0; color: #2e819e !important; font-size: 1.4em !important; } h4 { margin: 0 0 10px 0; padding: 0 0 0 0; color: #bbb !important; font-size: 1.1em !important; font-weight: bold; } h5 { margin: 0 0 10px 0; padding: 0 0 0 0; color: #3e3e3e; font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } /* *********************************************************************** */ /* lista kolorów uzywanych na stronie */ .color-red { color: #d51415; } .color-blue { color: #46acd2; } .color-orange { color: #e99910; } .color-yellow { color: #ffdc7e; } .color-green { color: #68b700; } .color-gray { color: #666 } /* *********************************************************************** */ /* wielkości czcionek - dostepne w dytorze WYSIWYG */ .font-12 { font-size: 1.1em; } .font-14 { font-size: 1.2em; } .font-16 { font-size: 1.6em; } .font-18 { font-size: 1.8em; } .font-20 { font-size: 2em; } /* *********************************************************************** */ /* main content holders, containers */ .section { } .wrapper { position: relative; width: 972px; margin: auto; } #section-top { height: 169px; background: url('../_images/site/section-top_bg.jpg') top repeat-x; } #section-main { padding: 3px 0 0 0; } #section-footer { margin: 15px 0 0 0; background: #dedede; border-top: 1px #ccc solid; } #section-top.higher { height: 179px; background: url('../_images/site/section-top-higher_bg.jpg') top repeat-x; } .page-frame { margin: 15px 0 20px 0; padding: 0 20px 10px 20px; background: url('../_images/site/page-frame_bg.png') top no-repeat; } /* ******************************************* */ #top-holder { height: 97px; margin: 0; padding: 10px 0 0 0; } #main-holder { } #footer-holder { margin: 0; padding: 10px 0 0 0; } #col-left { float: left; width: 582px; } #col-right { float: right; width: 322px; margin: 0 0 0 20px; z-index: 777; } /* *********************************************************************** */ /* nav styling */ nav#top-menu { float: left; } nav#top-menu ul { display: block; height: 37px; } nav#top-menu ul li { float: left; } nav#top-menu ul li a { display: block; height: 38px; margin: 0 1px 0 0; padding: 8px 21px 0 21px; background: url('../_images/site/menu-top-a_bg.png') top center no-repeat; color: #d5d5d5; font-family: 'Play', sans-serif; font-size: 13pt; text-align: center; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; } nav#top-menu ul li a:hover, nav#top-menu ul li a.active { background-position: bottom; color: #fff; text-decoration: none; } /* ******************************************* */ nav#bottom-menu { padding: 5px 0 5px 0; border-bottom: 1px #c0c0c0 solid; } nav#bottom-menu ul li { float: left; margin: 0 12px 0 0; padding: 5px 18px 5px 0; background: url('../_images/site/menu-bottom-ul-li_bg.png') right 10px no-repeat; } nav#bottom-menu ul li.last { padding-right: 0px; } nav#bottom-menu ul li a { color: #8b8b8b; font-family: 'Play', sans-serif; font-weight: bold; font-size: .9em; } nav#bottom-menu ul li a:hover, nav#bottom-menu ul li a.active { color: #333; text-decoration: none; } nav#bottom-menu ul ul { line-height: 100%; } nav#bottom-menu ul ul li { float: none; padding: 2px 0 2px 0; background: none; } nav#bottom-menu ul ul li a { color: #8b8b8b; font-family: Arial, sans-serif; font-size: .8em; font-weight: normal; } nav#bottom-menu ul ul li a.active, nav#bottom-menu ul ul li a:hover { color: #555; } nav#bottom-menu ul ul.hosting { } nav#bottom-menu ul ul.kontakt { } /* *************************** */ .w2bslikebox { background: url('../_images/site/w2b_facebookbadge.png') no-repeat scroll right center transparent !important;display: block;float: left;height: 190px;padding: 0 48px 0 0;width: 245px;z-index: 99999;position:fixed;left:-245px; top:160px; } .w2bslikebox div { border:none;position:relative;display:block; } .w2bslikebox span { bottom: 12px;font: 8px "Open Sans",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999; } .w2bslikebox span a { color: #808080;text-decoration:none; } .w2bslikebox span a:hover { text-decoration:underline; } /* ******************************************* */ /* layout styling */ #whmcs-welcome_box { position: absolute; top: 85px; right: 0px; width: 290px; height: 30px; color: #40b4e3; font-size: .8em; text-align: center; } #whmcs-welcome_box a, #whmcs-welcome_box a:visited { color: #312d2c;text-decoration:none; } #whmcs-welcome_box a:hover { text-decoration:underline; } #langbar { float: right; width: 145px; height: 44px; margin: 4px 0 0 0; padding: 5px 0 0 15px; background: url('../_images/site/langbar_bg.png') top no-repeat; font-size: .8em; } #langbar a { display: block; float: left; width: 30px; margin: 0 5px 0 0; padding: 24px 0 0 0; color: #434343; font-size: .7em; text-align: center; text-decoration: none; } #langbar a.pl { margin-left: 30px; background: url('../_images/site/langbar-pl_bg.gif') top center no-repeat; } #langbar a.en { background: url('../_images/site/langbar-en_bg.gif') top center no-repeat; } #support-phone { float: right; width: 292px; margin: 0 0 0 0; color: #434343; font-family: 'Play', sans-serif; font-size: 1.8em; } #quick-links { float: right; width: 220px; padding: 15px 0 0 0; } #quick-links a { display: block; float: left; width: 85px; margin: 0 0 0 0; padding: 50px 0 0 0; color: #4d4d4d; font-size: .8em; text-align: center; } #quick-links a.pomoc { background: url('../_images/site/quick-links-a-pomoc_bg.png') top center no-repeat; } #quick-links a.logowanie { width: 105px; background: url('../_images/site/quick-links-a-logowanie_bg.png') top center no-repeat; } #quick-links .sep { float: left; height: 65px; width: 1px; background: url('../_images/site/quick-links-sep_bg.gif') top repeat-y; } #footer-info { margin: 10px 0 10px 0; } #footer-info img { float: left; margin: 0 15px 0 0; } #footer-info img.logo-sldc { margin: 5px 15px 0 0; } #footer-info div.sep { float: left; width: 1px; height: 41px; margin: 0 10px 0 10px; background: #ccc; } #footer-info div.text { padding: 10px 0 0 0; color: #888; font-size: 0.9em; } #footer-info .twitter-holder { float: left; margin: 7px 0 0 20px; } a#artseven { display: block; float: right; width: 200px; height: 40px; margin: 0 0 0 0; padding: 3px 80px 0 0; background: url('../_images/site/artseven-logo.png') right 0 no-repeat; color: #626262; font-size: .9em; text-align: right; text-decoration: none; } .address-info { margin: 0 0 10px 0; font-size: 0.8em; color: #888; } #slider-promo { position: relative; overflow: hidden; } #slider-promo ul { position: relative; margin: 0; padding: 0; height: 177px; list-style: none; } #slider-promo ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 307px; height: 177px; background: #ccc; text-align: center; line-height: 300px; } #slider-promo ul li a { display: block; width: 307px; height: 177px; } /* *************************** */ .header-holder h1 { float: left; height: 40px; margin-top: 1px; padding: 22px 0 0 55px; background: url('../_images/site/header-holder-h1_bg.png') 0 0 no-repeat; } .header-holder h1.hosting { background: url('../_images/site/header-holder-h1-hosting_bg.png') 0 0 no-repeat; } .header-holder h1.serwery_vps { height: 30px; background: url('../_images/site/header-holder-h1-vps_bg.png') 0 0 no-repeat; } .header-holder h1.serwery_dedykowane { height: 30px; background: url('../_images/site/header-holder-h1-dedykowane_bg.png') 0 0 no-repeat; } .header-holder h1.whmcs { height: 30px; background: url('../_images/site/header-holder-h1-hosting_bg.png') 0 0 no-repeat; } .header-holder nav.page-menu { float: right; padding: 19px 5px 0 0; } .header-holder nav.page-menu ul li { float: left; border-left: 1px #ccc solid; } .header-holder nav.page-menu ul li a { display: block; padding: 4px 15px 4px 13px; border-left: 1px #fff solid; color: #686868; font-family: 'Play', sans-serif; font-size: 1.4em; } .header-holder nav.page-menu ul li a.active, .header-holder nav.page-menu ul li a:hover { color: #999; text-decoration: none; } /* *************************** */ nav#offer-menu { margin: 10px 0 0 0; } nav#offer-menu ul li { } nav#offer-menu ul li a { display: block; width: 239px; height: 52px; padding: 22px 0 0 75px; color: #3d3d3d; font-family: 'Play', sans-serif; font-size: 1.3em; } nav#offer-menu ul li a.a-hosting { background: url('../_images/site/offer-buttons-a-hosting_bg.png') top no-repeat; } nav#offer-menu ul li a.a-vps { background: url('../_images/site/offer-buttons-a-vps_bg.png') top no-repeat; } nav#offer-menu ul li a.a-dedykowane { background: url('../_images/site/offer-buttons-a-dedykowane_bg.png') top no-repeat; } nav#offer-menu ul li a.a-domeny { background: url('../_images/site/offer-buttons-a-domeny_bg.png') top no-repeat; } nav#offer-menu ul li a:hover { background-position: bottom; color: #6b6b6b; text-decoration: none; } /* ******************************************* */ /* page_home */ #page_home .panel-slider { float: left; width: 645px; height: 190px; background: #fff url('../_images/site/panel-slider_bg.png') top repeat-x; border: 1px #c4c4c4 solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; overflow: hidden; } .panel-promocje { float: right; width: 314px; height: 184px; padding: 6px 0 0 6px; background: #fff; border: 1px #c4c4c4 solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; text-align: center; } .panel-aktualnosci { height: 91px; margin: 6px 0 0 0; padding: 0 0 0 80px; background: url('../_images/site/panel-aktualnosci_bg.png') top no-repeat; } .panel-aktualnosci h3 { padding-top: 15px; } .panel-aktualnosci a.read-more-arrow { display: block; float: right; width: 130px; height: 91px; } .panel-aktualnosci .content { margin-top: 10px; } #page_home .panels-offer { margin: 4px 0 0 0; } #page_home .panels-offer .panel { float: left; width: 322px; height: 339px; margin: 0 3px 0 0; } #page_home .panels-offer .panel .content { height: 190px; margin: 0 0 0 30px; font-size: .9em; } #page_home .panels-offer .panel .but-select { padding: 35px 25px 0 0; color: #fff; font-size: 1.2em; text-shadow: 1px 1px 0 #777; text-decoration: none; } #page_home .panels-offer .panel ul li { line-height: 135%; } #page_home .panels-offer h1 { height: 38px; margin: 23px 0 0 75px; font-size: 1.6em; } #page_home .panels-offer .p-hosting { background: url('../_images/site/panel-o-hosting_bg.png') top no-repeat; } #page_home .panels-offer .p-vps { background: url('../_images/site/panel-o-vps_bg.png') top no-repeat; } #page_home .panels-offer .p-dedykowane { background: url('../_images/site/panel-o-dedykowane_bg.png') top no-repeat; } #page_home .panels-offer .p-hosting ul li { background-image: url('../_images/site/ul-li-hosting_icon.png'); } #page_home .panels-offer .p-vps ul li { background-image: url('../_images/site/ul-li-vps_icon.png'); } #page_home .panels-offer .p-dedykowane ul li { background-image: url('../_images/site/ul-li-dedykowane_icon.png'); } /* ******************************************* */ /* page_kontakt */ #page_kontakt .gmap-holder { margin: 0 0 20px 0; } #page_kontakt .gmap-holder iframe { border: 1px #ccc solid; } #page_kontakt .in-text, #page_kontakt .in-textarea { display: block; width: 467px; height: 12px !important; margin: 0 0 8px 0; padding: 15px 15px 15px 15px; background: #f4f4f4; border: 1px #c4c4c4 solid; color: #222; } #page_kontakt .in-select { width: 499px; height: 42px; margin: 0 0 8px 0; padding-left: 15px; background: #e4e4e4; border: 1px #c4c4c4 solid; color: #222; } #page_kontakt .in-textarea { height: 110px !important; overflow: hidden; } #page_kontakt .but-submit { background: #4dc5eb !important; border: 1px solid #c2c2c2 !important; border-radius: 5px; color: #fff !important; cursor: pointer; display: inline; font-family: Lucida Sans Unicode,Lucida Grande,sans-serif; font-size: 0.9em !important; margin: 10px 5px 0 0 !important; padding: 5px 10px 5px 10px; text-align: center; } #page_kontakt .but-submit:hover { background: #6dd5f2 !important;} #page_kontakt iframe { border: 1px #d9d9d8 solid; } /* ******************************************* */ /* page_promocje */ #page_promocje .entry { margin: 0 0 10px 0; padding: 20px 20px 20px 20px; background: #fff url('../_images/site/p-promocje-entry_bg.png') bottom right no-repeat; border: 1px #d5d5d5 solid; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } #page_promocje .date { color: #999; font-size: .8em; } #page_promocje .entry .content-holder { margin: 10px 0 0 0; } #page_promocje .entry .img-holder { width: 330px; margin: 0 0 20px 0; } #page_promocje .entry .img-holder img { border: 1px #bdbdbd solid; } #page_promocje .entry .content-short { width: 560px; } /* ******************************************* */ /* page_aktualnosci */ #page_aktualnosci .entry { margin: 0 0 10px 0; padding: 20px 20px 20px 20px; background: url('../_images/site/p-aktualnosci-entry_bg.png') bottom center no-repeat; } #page_aktualnosci .entry .header .date { color: #999; font-size: .8em; } #page_aktualnosci .entry .content-holder { margin: 10px 0 0 0; } #page_aktualnosci .entry .img-holder { width: 140px; margin: 0 0 20px 0; } #page_aktualnosci .entry .img-holder img { border: 1px #bdbdbd solid; } #page_aktualnosci .entry .content-short { width: 400px; } #page_aktualnosci .entry-single .header .date { color: #999; font-size: .8em; } /* *********************************************************************** */ /* page_pomoc */ #page_pomoc .faq-entry { margin: 5px 0 0 10px; } #page_pomoc .faq-link-holder { padding: 3px 0 0 0; font-size: 15px; font-weight: bold; } #page_pomoc .faq-link { } #page_pomoc .faq-content { display: none; padding: 10px 0 10px 30px; } /* ******************************************* */ /* tables with offer */ table.offer-hosting { width: 100%; border: none; } table.offer-hosting thead tr { } table.offer-hosting thead tr th { position: relative; width: 161px !important; padding: 0; text-align: center; } table.offer-hosting thead tr th .entry { display: block; width: 161px; height: 205px; background: url('../_images/site/hosting/th-entry_bg.png') top no-repeat; } table.offer-hosting thead tr th .entry-holder { position: relative; display: block; width: 161px; height: 205px; } table.offer-hosting thead tr th .entry-promo { position: absolute; top: -10px; left: -9px; display: block; width: 174px; height: 220px; background: url('../_images/site/hosting/th-entry-promo_bg.png') top no-repeat; z-index: 99; } table.offer-hosting thead tr th .name { display: block; height: 23px; padding-top: 15px; font-weight: bold; } table.offer-hosting thead tr th .rebate { display: block; height: 30px; padding-top: 5px; font-size: 1.2em; } table.offer-hosting thead tr th .price { display: block; height: 25px; padding-top: 7px; font-size: 2.9em; font-weight: bold; } table.offer-hosting thead tr th .price-info { display: block; height: 20px; padding-top: 10px; font-size: .9em; } table.offer-hosting thead tr th .entry-promo .name { padding-top: 25px; } table.offer-hosting thead tr th .but-order { width: 121px; height: 29px; margin: 15px auto 0 auto; padding: 10px 0 0 0; background: url('../_images/site/hosting/but-order_bg.png') top no-repeat; color: #fff; font-size: 1.4em; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-shadow: 1px 1px 0 #444; } table.offer-hosting tbody tr { border-bottom: 1px #d3d3d3 dotted; } table.offer-hosting tbody tr td { padding: 7px 0 7px 0; text-align: center; vertical-align: middle; } table.offer-hosting tbody tr td .entry { display: block; width: 143px; height: 133px; margin: auto; background: url('../_images/site/hosting/td-entry_bg.png') top no-repeat; color: #fff; } table.offer-hosting tbody tr td a.entry-link { text-decoration: none; } table.offer-hosting tbody tr td .price-old { display: block; height: 20px; padding-top: 5px; padding-left: 15px; font-size: .9em; text-align: left; } table.offer-hosting tbody tr td .price { display: block; height: 25px; padding-top: 7px; font-size: 3em; font-weight: bold; text-shadow: 1px 1px 0 #444; } table.offer-hosting tbody tr td .price-info { display: block; height: 35px; font-size: .9em; text-shadow: 1px 1px 0 #444; } table.offer-hosting tbody tr td .but-order { display: block; margin: 0 auto 0 auto; color: #fff; font-size: 1.4em; font-weight: bold; letter-spacing: 1px; text-shadow: 1px 1px 0 #444; } table.offer-hosting tbody tr.first td { padding-top: 25px; } table.offer-hosting tbody tr td.label { color: #666; font-size: .8em; font-weight: bold; text-align: left; vertical-align: top; } table.offer-hosting tbody tr td.label h2 { margin-right: 15px; } table.offer-hosting tbody tr td.na { background: #f2f2f2; } table.offer-hosting tbody tr td.promo { background: #cbe9f3; } /* *********************************************************************** */ /* page_serwery_vps */ #page_serwery_vps { height: 515px; } #page_serwery_vps.page-frame { /*background: url('../_images/site/page-frame-server_bg.png') top no-repeat !important; */} #page_serwery_dedykowane.page-frame-customize { background: url('../_images/site/page-frame-server_bg.png') top no-repeat !important; } /* *********************************************************************** */ /* page_serwery_dedykowane */ #page_serwery_dedykowane { } #page_serwery_dedykowane h2 { margin: 15px 0 10px 5px; color: #777; } #page_serwery_dedykowane .but-order { width: 123px; height: 26px; margin: 10px 0 10px 0; padding: 9px 0 0 0; background: url('../_images/site/creator-server/p-serwery-dedykowane-but-order_bg.png'); color: #fff; font-size: 1em; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-shadow: 1px 1px 0 #444; } #page_serwery_dedykowane .tabs-holder { } #page_serwery_dedykowane .tabs-holder li { display: block; float: left; width: 466px; height: 96px; background: url('../_images/site/serwery-dedykowane/tab-li_bg.png') top no-repeat; opacity: .4; filter: alpha(opacity=40); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-property: opacity; transition-property: opacity; } #page_serwery_dedykowane .tabs-holder li:hover { background-position: bottom; opacity: 1; filter: alpha(opacity=100); } #page_serwery_dedykowane .tabs-holder li.active, #page_serwery_dedykowane .tabs-holder li.active:hover { background-position: bottom; opacity: 1; filter: alpha(opacity=100); } #page_serwery_dedykowane .tabs-holder li a { display: block; height: 60px; padding: 30px 0 0 145px; color: #5f5f5f; font-family: 'Play',sans-serif; font-size: 1.4em; } #page_serwery_dedykowane .tabs-holder li a.servers-amd { background: url('../_images/site/serwery-dedykowane/tab-a-amd_icon.png') 315px 30px no-repeat; } #page_serwery_dedykowane .tabs-holder li a.servers-intel { background: url('../_images/site/serwery-dedykowane/tab-a-intel_icon.png') 345px 15px no-repeat; } #page_serwery_dedykowane .tabs-holder li a:hover { text-decoration: none; } #page_serwery_dedykowane .offer-holder { padding: 40px 10px 40px 10px; background: #fff; border-left: 1px #d9d9d9 solid; border-right: 1px #d9d9d9 solid; } #page_serwery_dedykowane .offer-content { display: none; } /* ******************************************* */ /* server creator */ .creator-server { height: 365px; } .creator-server .col-slider-ui { float: left; width: 535px; } .creator-server .col-ssd { float: left; width: 100px; } .creator-server .col-summary { float: right; width: 232px; } .creator-server .slider-package-holder { padding: 25px 0 0; } .creator-server ul.slider-labels li { float: left; padding: 15px 0 0 0; text-align: right; color: #808080; font-family: 'Play', sans-serif; font-size: 1.2em; } #page_serwery_vps ul.slider-labels { width: 490px; height: 50px; padding: 15px 0 0 20px; background: url('../_images/site/creator-server/slider-labels_bg.png') 0 20px repeat-x; } #page_serwery_vps ul.slider-labels li { width: 80px; background: url('../_images/site/creator-server/p-serwery-vps-slider-labels-li_bg.png') 60px top no-repeat; } #page_serwery_vps ul.slider-labels.count-4 li { margin-left: 40px; } #page_serwery_dedykowane ul.slider-labels { height: 50px; padding: 15px 0 0 29px; } #page_serwery_dedykowane ul.slider-labels li { width: 54px; background: url('../_images/site/creator-server/p-serwery-dedykowane-slider-labels-li_bg.png') center top no-repeat; text-align: center;} .creator-server .sep-hor { height: 1px; border-top: 1px #f5f5f5 solid; border-bottom: 1px #9d9d9d solid; font-size: 1px; } .creator-server .col-ssd .label { font-size: 1.4em; color: #fff; font-weight: bold; } .creator-server .col-ssd .but-ssd-switch { display: block; width: 68px; height: 28px; padding: 9px 25px 0 20px; background: url('../_images/site/creator-server/ssd-switch_bg.png') top no-repeat; text-align: right; text-decoration: none; } .creator-server .col-ssd .but-ssd-switch.active { background-position: bottom; text-align: left; } /* *************************** */ .slider-package { width: 90%; } .slider-package .ui-slider-handle { top: -15px !important; width: 28px !important; height: 46px !important; background: url('../_images/site/creator-server/slider-handle.png') no-repeat !important; border: none !important; cursor: pointer !important; } #page_serwery_vps .slider-package.ui-widget-content { height: 12px; background: url('../_images/site/creator-server/p-serwery-vps-ui-widget_bg.png'); border: none; } #page_serwery_vps .slider-package .ui-widget-header { background: url('../_images/site/creator-server/p-serwery-vps-ui-widget-range_bg.png'); } #page_serwery_dedykowane .slider-package.ui-widget-content { height: 14px; background: url('../_images/site/creator-server/p-serwery-dedykowane-ui-widget_bg.png'); border: none; } #page_serwery_dedykowane .slider-package .ui-widget-header { background: url('../_images/site/creator-server/p-serwery-dedykowane-ui-widget-range_bg.png'); } /* *************************** */ .creator-server .col-summary { } .creator-server .col-summary .details { width: 212px; height: 70px; padding: 10px 10px 20px 10px; } .creator-server .col-summary .details table { width: 100%; } .creator-server .col-summary .details table td { padding: 9px 6px 9px 6px; } .creator-server .col-summary .details table td.label { width: 40px; color: #8f8f85; font-size: .8em; } .creator-server .col-summary .details table td.package { font-size: 1.2em; font-weight: bold; } .creator-server .col-summary .details table td.price { font-size: 1.8em; font-weight: bold; } .creator-server .col-summary .but-order { width: 121px; height: 29px; margin: 10px 0 10px 0; padding: 11px 0 0 0; color: #fff; font-size: 1.4em; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-shadow: 1px 1px 0 #444; } #page_serwery_vps .col-summary .details { background: url('../_images/site/creator-server/p-serwery-vps-col-summary-details_bg.png'); } #page_serwery_vps .col-summary .but-order { width: 232px; height: 32px; background: url('../_images/site/creator-server/p-serwery-vps-but-order_bg.png'); -webkit-transition: all 300ms ease-out; } #page_serwery_dedykowane .col-summary .details { background: url('../_images/site/creator-server/p-serwery-dedykowane-col-summary-details_bg.png'); } #page_serwery_dedykowane .col-summary .but-order { background: url('../_images/site/creator-server/p-serwery-dedykowane-but-order_bg.png'); } /* *************************** */ .creator-server .review-holder { margin: 0 0 30px 0; } .creator-server .review-holder .param { float: left; width: 176px; height: 160px; margin: 0 3px 0 0; background: url('../_images/site/serwery_vps/param_bg.png') top no-repeat; text-align: center; font-family: 'Play', sans-serif; } .creator-server .review-holder .param.empty { background: url('../_images/site/serwery_vps/param-empty_bg.png') top no-repeat; } .creator-server .review-holder .param .value { height: 50px;color: #444444; font-size: 1.5em; font-weight: bold; } .creator-server .review-holder .param .description { color: #aaa; font-weight: bold; } .creator-server .review-holder .p-bandwidth { float: right; } .creator-server .review-holder .sep-ver { float: left; width: 1px; height: 95px; margin: 7px 0 0 0; background: #9d9d9d; border-left: 1px #d1d1d1 solid; border-right: 1px #fff solid; } /* *************************** */ .server-types { } .server-types .entry { float: left; width: 425px; height: 236px; margin: 10px; padding: 5px 5px 5px 5px; background: url('../_images/site/serwery-dedykowane/entry-server_bg.png') top no-repeat; } .server-types .entry .name { height: 45px; padding: 12px 0 0 25px; color: #6bc815; font-family: 'Play', sans-serif; font-size: 1.7em; } .server-types .entry .name strong { color: #5f5f5f; } .server-types .entry.e-amd .name { background: url('../_images/site/serwery-dedykowane/amd.png') 330px 13px no-repeat; } .server-types .entry.e-intel-core .name { background: url('../_images/site/serwery-dedykowane/intel-core.png') 365px 1px no-repeat; } .server-types .entry.e-intel-xeon .name { background: url('../_images/site/serwery-dedykowane/intel-xeon.png') 365px 1px no-repeat; } .server-types .entry.e-empty { background: url('../_images/site/serwery-dedykowane/entry-empty_bg.png') top no-repeat;} .server-types .entry img { display: block; float: left; margin: 0 0 0 10px; } .server-types .entry ul.params { float: right; height: 110px; width: 250px; margin: 5px 0 0 25px; line-height: 100%; } .server-types .entry ul.params li { background-image: url('../_images/site/ul-li-dedykowane_icon.png'); font-size: .9em; } .server-types .entry .price { float: left; width: 197px; height: 31px; margin: 10px 0 0 -6px; padding: 10px 0 0 25px; background: url('../_images/site/serwery-dedykowane/price_bg.png') top no-repeat; font-size: 1.5em; color: #fff; } .server-types .entry .price small { font-size: .7em !important; } .server-types .entry .but-order { float: right; margin: 14px 7px 0 0 !important; } /* ******************************************* */ /* whmcs login page */ #login-additional { margin: 20px 0 20px 0; } #login-additional .box { width: 290px; height: 133px; padding: 125px 25px 0 25px; font-size: .9em; line-height: 120%; } #login-additional .box.b-cpanel { float: left; background: url('../_images/site/box-cpanel_bg.png') top no-repeat; } #login-additional .box.b-webmail { float: right; background: url('../_images/site/box-webmail_bg.png') top no-repeat; } #login-additional .box .but { } /* ******************************************* */ /* tabs */ .tabs input[type=radio] { position: absolute; top: -9999px; left: -9999px; } .tabs { display: block; float: none; list-style: none; position: relative; padding: 0; } .tabs>li{ border: 1px #ddd solid; border-bottom: none; float: left; } .tabs>li:first-child{ border-right: none; } .tabs label { display: block; padding: 5px 20px; border-radius: 2px 2px 0 0; color: #444; font-size: 24px; font-weight: normal; background: rgba(255,255,255,0.2); cursor: pointer; position: relative; top: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs label:hover { background: rgba(255,255,255,0.5); top: 0; } [id^=tab]:checked + label { background: #fff; color: #333; top: 0; } [id^=tab]:checked ~ [id^=tab-content] { display: block; } .tab-content{ z-index: 2; display: none; text-align: left; width: 100%; padding-top: 10px; padding: 15px; position: absolute; background: #fff; left: 0; box-sizing: border-box; /*-webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s;*/ border: 1px #ddd solid; border-top: none; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../_images/site/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../_images/site/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../_images/site/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../_images/site/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .buttonArea{ float: left; left: 50%; position: relative; top: 100%; margin-top: -38px; } .buttonCon{ float: left; left: -50%; position: relative; height: 22px; padding: 5px 0 0 7px; /*background: url(../_images/site/slider-nav_bg.png) top left no-repeat;*/ } .buttonCon .theButton { display: block; color: #B22222; width: 44px; height: 12px; background: url(../_images/site/slider-nav-pos_bg.png) top no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .buttonArea a.active { background-position: bottom; } .arrowButton{ cursor: pointer; } .arrowButton .prevArrow{ background: url(../_images/site/slider/assets/prev.png) bottom no-repeat; width: 40px; height: 180px; position: absolute; top: 95px; left: 12px; } .arrowButton .nextArrow{ background: url(../_images/site/slider/assets/next.png) bottom no-repeat; width: 40px; height: 180px; position: absolute; top: 95px; right: 12px; } .animate0{ -webkit-animation-duration: .6s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; } .animate1{ -webkit-animation-duration: .6s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } .animate2{ -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .animate3{ -webkit-animation-duration: .6s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .6s; animation-timing-function: ease; animation-fill-mode: both; } .animate4{ -webkit-animation-duration: .6s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; } .animate5{ -webkit-animation-duration: .6s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: 1s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: 1s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: 1s; animation-timing-function: ease; animation-fill-mode: both; } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; animation: 1s ease; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; animation: 2s ease; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-30px);} 60% {-ms-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-ms-keyframes tada { 0% {-ms-transform: scale(1);} 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);} 100% {-ms-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center; } 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes swing { 20%, 40%, 60%, 80%, 100% { -ms-transform-origin: top center; } 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20%, 40%, 60%, 80%, 100% { transform-origin: top center; } 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 50% { opacity: 1; -ms-transform: scale(1.05); } 70% { -ms-transform: scale(.9); } 100% { -ms-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 60% { opacity: 1; -ms-transform: translateX(30px); } 80% { -ms-transform: translateX(-10px); } 100% { -ms-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); } 60% { opacity: 1; -ms-transform: translateX(-30px); } 80% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.95); } 50% { opacity: 1; -ms-transform: scale(1.1); } 100% { opacity: 0; -ms-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(20px); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-20px); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(20px); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-20px); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-ms-keyframes hinge { 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 100% { -ms-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; animation-name: rollOut; } #slider { position: absolute; height: 190px; } #slider a.but-link { display: block; position: absolute; bottom: 25px; right: 80px; width: 162px; height: 40px; background: url('../_images/site/but-sprawdz_bg.png') top no-repeat; text-align: center; z-index: 999; } .oneByOne1 { top: 0; left: 0; margin: 0; width: 645px; height: 271px; position: relative; overflow: hidden; } #slider .oneByOne_item { position: absolute; width: 645px; height: 271px; overflow: hidden; } #slider .oneByOne_item span { } #slider .oneByOne_item a { text-decoration: none; color: #; } #slider img.wp1_1 { position: absolute; top: 255px; left: 512px; } #slider img.wp1_2 { position: absolute; top: 190px; left: 360px; } #slider img.wp1_3 { position: absolute; top: 10px; left: 500px; } #slider .oneByOne_item span.txt1, #slider .oneByOne_item span.txt2 { -webkit-text-stroke-width: 0.6px; } #slider .oneByOne_item span.txt1 { clear: left; position: relative; float: left; margin: 20px 12px 0 20px; padding: 8px; font-weight: bold; font-size: 2.2em; } #slider .oneByOne_item span.txt2 { clear: left; position: relative; float: left; margin: 0px 12px 0 20px; padding: 8px; font-size: 1.7em; } #slider .oneByOne_item span.txt3 { clear: left; position: relative; float: left; margin: 0px 12px 0 20px; padding: 8px; font-size: .9em; line-height: 145%; } #slider .but-read-more { position: absolute; top: 240px; left: 180px; width: 123px; height: 28px; padding: 7px 0 0 0; background: url('../_images/site/but-02_bg.png') top no-repeat; color: #fff; font-family: Arial; font-size: 10pt; font-weight: bold; text-align: center; } #slider img.wp1 { position: absolute; top: 240px; left: 380px; } #slider img.wp2 { position: absolute; top: 200px; left: 470px; } #slider img.wp3 { position: absolute; top: 10px; left: 500px; } #slider .oneByOne_item img.bigImage { position: absolute; top: 0px; left: 0px; } /* *********************************************************************** */ /* cookies-infobar */ .cookies-infobar { display: none; position: fixed; bottom: 0px; width: 100%; padding: 5px 15px 7px 15px; background: #fff1a8; border-bottom: 1px #d8cc8e solid; color: #222; font-family: Tahoma, sans-serif; font-size: 10px; text-align: center; z-index: 999; opacity:0.9; filter:alpha(opacity=90); } .cookies-infobar a { color: #f00; font-size: 11px; font-weight: bold; } .privacy-policy ol { margin: 15px 0 15px 0; } .privacy-policy ol li { margin: 0 0 3px 40px; padding: 2px 0 0 0; list-style-type: decimal; } .privacy-policy p { margin: 10px 0px 10px 0px; } a.privacy-link { font-size: 10px; text-decoration: none; } a.privacy-link.light { color: #555 !important; } a.privacy-link.dark { color: #aaa !important; }