/* Start:/bitrix/templates/sigma_main/index.css*/ #subheader { clear: both; } /* End */ /* Start:/bitrix/templates/sigma_main/css/jquery.fancybox.css*/ /* FancyBox */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1002; } .fancybox-outer { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 1003; } .fancybox-opened .fancybox-outer { -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-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../bitrix/templates/sigma_main/images/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: 1010; } #fancybox-loading div { width: 44px; height: 44px; background: url('../bitrix/templates/sigma_main/images/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; background-position: 0 -200px; top: -49px; right: -49px; width: 49px; height: 49px; cursor: pointer; z-index: 1004; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url('../bitrix/templates/sigma_main/images/fancybox/blank.gif'); /* helps IE */ z-index: 1003; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 31px; height: 46px; margin-top: -18px; cursor: pointer; z-index: 1003; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 0px; } .fancybox-next span { right: 20px; background-position: 0 -100px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden;} /* Overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: #000; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 1005;} .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 1003; 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 { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* End */ /* Start:/bitrix/templates/sigma_main/css/jquery.fancybox-buttons.css*/ #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 1005; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 170px; height: 30px; margin: 0 auto; padding: 0; list-style: none; background: #111; -webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05); background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15))); background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%); border-radius: 3px; } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; list-style:none; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-image: url('../bitrix/templates/sigma_main/css/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; } #fancybox-buttons a.btnPrev { width: 32px; background-position: 6px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 38px; background-position: -57px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.5; cursor: default; } /* End */ /* Start:/bitrix/templates/sigma_main/css/reveal.css*/ /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url('../bitrix/templates/sigma_main/css/modal-gloss.png') no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/ /* End */ /* Start:/bitrix/templates/sigma_main/css/captcha.css*/ /** * jQuery MotionCAPTCHA Plugin CSS * josscrowcroft.com/projects/motioncaptcha-jquery-plugin/ * * Only these rules are absolutely necessary for the plugin. * NB. The width & height of the canvas can be flexible to fit your layout but there's a recommended min/max * - if you need it much bigger/smaller, you could tweak the background-positions of the shape classes. */ /* The canvas: */ #mc-canvas { width:220px; /* For best results, set width to between 210px and 240px */ height:154px; /* For best results, set height to between 140px and 170px */ background:#fff -9999px -9999px no-repeat; background-image: url('../bitrix/templates/sigma_main/css/motioncaptcha-shapes.jpg') !important; } /* The shapes: */ #mc-canvas.triangle { background-position: 10px 10px } #mc-canvas.x { background-position:-200px 10px } #mc-canvas.rectangle { background-position:-400px 10px } #mc-canvas.circle { background-position:-600px 10px } #mc-canvas.check { background-position: 10px -150px } #mc-canvas.caret { background-position:-200px -150px } #mc-canvas.zigzag { background-position:-400px -150px } #mc-canvas.arrow { background-position:-600px -150px } #mc-canvas.leftbracket { background-position: 10px -300px } #mc-canvas.rightbracket { background-position:-200px -300px } #mc-canvas.v { background-position:-400px -300px } #mc-canvas.delete { background-position:-600px -300px } #mc-canvas.leftbrace { background-position: 10px -450px } #mc-canvas.rightbrace { background-position:-200px -450px } #mc-canvas.star { background-position:-400px -450px } #mc-canvas.pigtail { background-position:-600px -450px } /* Disable mouse-selection on the page (only while user is actively drawing on the canvas): */ .mc-noselect { -webkit-user-select: none, -moz-user-select: none, user-select: none } /* End */ /* Start:/bitrix/templates/sigma_main/js/liquidslider-master/css/animate.css*/ @charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-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;-o-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)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-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;-o-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)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-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;-o-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)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-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;-o-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%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-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%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-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;-o-animation-name:wobble;animation-name:wobble}@-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)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-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;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-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;-o-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)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-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;-o-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)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-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;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-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;-o-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)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-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;-o-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)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-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;-o-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)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-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;-o-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)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-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;-o-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)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-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;-o-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)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-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;-o-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)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-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;-o-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}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-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;-o-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}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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;-o-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}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-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;-o-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}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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;-o-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}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-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;-o-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}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-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;-o-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}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-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;-o-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}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-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;-o-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}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-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;-o-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}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-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;-o-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}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-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;-o-animation-name:hinge;animation-name:hinge}@-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)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-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;-o-animation-name:rollIn;animation-name:rollIn}@-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)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-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;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s} /* End */ /* Start:/bitrix/templates/sigma_main/js/liquidslider-master/css/liquid-slider.css*/ /*********************************************************************** * * Liquid Slider * Kevin Batdorf * * http://liquidslider.com * * GPL license * ************************************************************************/ /****************************************************** * No JavaScript * Use this to apply styles when Javascript is disabled, * and be sure to include the ".no-js" class in your html * markup. *******************************************************/ .no-js .liquid-slider { height:350px; overflow:scroll; } /****************************************************** * Preloader * Use this to apply styles when Javascript is disabled, * and be sure to include the ".no-js" class in your html * markup. *******************************************************/ .ls-preloader { background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/loading.gif') #f2f2f2 no-repeat center 75px; opacity:1; /* Do not edit below this line */ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; } /****************************************************************** * Base Styles * The styles here will apply to everything. I recommend you keep * the styles in here specific to mobile defices, then use * the media queries at the bottom to define further styles for larger * screen-sizes. Think Mobile First. But be cautious of how * your site will look in older IE browsers. * * Additional media queries are at the bottom of this document ******************************************************************/ .ls-wrapper { margin:0 auto; /* Do not edit below this line */ clear: both; overflow: auto; position: relative; } /****************************************************** * Main Container * This is the main container (minus the navigation). * Be sure to match the width with the .panel class, * or it won't work properly. Also, width only applies * if you are not using the responsive setting. * * The responsive slider will interpret the width as the * max width instead *******************************************************/ .ls-wrapper .liquid-slider { background: #ffffff; /* Do not edit below this line */ float: left; overflow: hidden; position: relative; } .ls-wrapper .panel-container { /* Do not edit below this line */ position: relative; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; /* from http://davidwalsh.name/translate3d */ } .ls-wrapper .liquid-slider .panel-container .fade { /* Do not edit below this line */ <<<<<<< HEAD ======= width:100%; >>>>>>> origin/gh-pages opacity: 0; position: absolute; top: 0; left: 0; display: block; } /****************************************************** * Panels * This is for the panels. If you are using the * responsive setting, this will act as the max-width * for the entire slider. *******************************************************/ .ls-wrapper .liquid-slider .panel { width: 260px; /* Do not edit below this line */ display: block; float: left; } /****************************************************** * These provide a base starting point for images and * video. However, you will have to add more rules * based on the content you use. Use the @media queries * at the bottom of this file. *******************************************************/ .ls-wrapper .liquid-slider .panel img{ /* width:100%; height:auto; margin:0 5px; */ } .ls-wrapper .liquid-slider .panel video { /* width:100%; height:auto; */ } /****************************************************** * This is mainly used to adjust the padding inside each * panel. If you are using the responsive setting, you * need to use the settings below as this will not apply. *******************************************************/ .ls-wrapper .liquid-slider .panel-wrapper { padding: 0px; /* Do not edit below this line */ position:relative; } /***************************************************** * This will adjust styles for all navigation tabs * less of course the select box used for mobile * navigation. The .current styles will apply only to * the current tab. * * You may use this section to create navigation for * mobile devices if you set mobileNavigation: false * Be sure to edit media queries for larger devices below * I have included an example below in comments. * * .currentCrossLink refers to external crosslinking. *******************************************************/ .ls-wrapper .ls-nav a { background: #ffffff; color: #000000; font-weight: bold; margin-right: 1px; padding: 0px 0px 0px 4px; outline:0; } .ls-wrapper .ls-nav a:hover { background: #ffffff; color: #FF0000; font-weight: bold; text-shadow: none; } .ls-wrapper .ls-nav .current { background: #ffffff; color: #FF0000; font-weight: bold; } .currentCrossLink { font-weight: bold; } .ls-wrapper .ls-nav ul { padding:0; /* Do not edit below this line */ clear: both; display: block; margin: auto; overflow: hidden; } .ls-wrapper .ls-nav ul li { /* Do not edit below this line */ display: inline; } .ls-wrapper .ls-nav ul li a { /* Do not edit below this line */ display: block; float: left; text-decoration: none; } /***************************************************** * Mobile Menu * This will adjust styles for selectbox styles. I have * included a simple example to create a custom select * box. *******************************************************/ .ls-wrapper .ls-nav { overflow:hidden; clear:both; } .ls-wrapper .ls-select-box { /* Delete these if you want the standard select box. Also delete the rules below */ width: 100%; height: 35px; overflow: hidden; background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/menu.png') no-repeat right #ddd; } .ls-wrapper .ls-select-box select { /* If you want the standard select box, use width:100% And delete the rest of the styling here */ width: 150%; -webkit-appearance: none; -moz-appearance: none; appearance:none; background: transparent; padding: 5px; font-size: 110%; border: none; height: 35px; cursor:pointer; outline: 0; } /****************************************************** * Arrows * This section refers to both the non-graphical and * graphical navigation arrows. * * Some settings will be overwritten when using the * responsive setting. *******************************************************/ .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right { /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a { /* non-graphical arrows */ background: #000; color: #fff; padding: 5px; width: 100px; /* Do not edit below this line */ display: block; text-align: center; text-decoration: none; } .ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow { cursor: pointer; /* Do not edit below this line */ float: left; } .ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a { /* Do not edit below this line */ display: block; } .ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow { /* Do not edit below this line */ clear: both; } .ls-wrapper .ls-nav-right-arrow { width: 25px; height: 25px; background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/arrow.png') no-repeat top right; margin-top: 5px; margin-right: 5px; /* Do not edit below this line */ position:relative; } .ls-wrapper .ls-nav-left-arrow { width: 25px; height: 25px; background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/arrow.png') no-repeat top left; margin-top: 5px; margin-left: 5px; /* Do not edit below this line */ position:relative; } .ls-wrapper .ls-nav-left-arrow:hover { /* Left graphical arrows hover */ background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/arrow.png') no-repeat bottom left; } .ls-wrapper .ls-nav-left-arrow:active { /* Left graphical arrows click */ } .ls-wrapper .ls-nav-right-arrow:hover { /* Right graphical arrows hover */ background: url('../bitrix/templates/sigma_main/js/liquidslider-master/img/arrow.png') no-repeat bottom right; } .ls-wrapper .ls-nav-right-arrow:active { /* Right graphical arrows click */ } .arrows .liquid-slider { /* Margin between slider and arrows */ margin: 0 10px; } /****************************************************** * Responsive Styles * Here are the main responsive styles. This mostly * covers the arrows, and most of the settings can be * applied above. *******************************************************/ .ls-responsive .liquid-slider { /* Do not edit below this line */ width: 100%; margin: 0; } .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 0px; } .ls-responsive .ls-nav-left { /* Left non-graphical arrows */ /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-left a { /* Left non-graphical arrows */ background: #9A9A9A; width: 80px; } .ls-responsive .ls-nav-left a:hover { /* Left non-graphical hover */ background: #747474; } .ls-responsive .ls-nav-right { /* Right non-graphical arrows */ /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } .ls-responsive .ls-nav-right a { /* Right non-graphical arrows */ background: #9A9A9A; width: 80px; } .ls-responsive .ls-nav-right a:hover { /* Right non-graphical arrows hover */ background: #747474; } .ls-responsive .ls-nav-left-arrow { /* Do not edit below this line */ position: absolute; left: 0; z-index: 2; } .ls-responsive .ls-nav-right-arrow { /* Do not edit below this line */ position: absolute; right: 0; z-index: 2; } /****************************************************************** * Larger Mobile Devices * This is for devices like the Galaxy Note or something that's * larger than an iPhone but smaller than a tablet. ******************************************************************/ @media only screen and (min-width: 481px) { .ls-wrapper .liquid-slider .panel img{ /* Example */ /* width:24%; margin:2px; */ } } /****************************************************************** * Tablet & Smaller Laptops * This will include tablets and some netbooks. ******************************************************************/ @media only screen and (min-width: 768px) { .ls-wrapper .liquid-slider .panel img{ /* Example */ /* width:24%; */ } .ls-responsive .liquid-slider .panel .panel-wrapper { padding: 10px 0px 0px 45px; font-size: 14px; font-weight: bold; } } /****************************************************************** * DESKTOP * This is the average viewing window. So Desktops, Laptops, and * in general anyone not viewing on a mobile device. Here's where * you can add resource intensive styles. ******************************************************************/ @media only screen and (min-width: 1030px) { } /****************************************************************** * LARGE VIEWING SIZE * This is for the larger monitors and possibly full screen viewers. ******************************************************************/ @media only screen and (min-width: 1240px) { } /****************************************************************** * RETINA (2x RESOLUTION DEVICES) * This applies to the retina iPhone (4s) and iPad (2,3) along with * other displays with a 2x resolution. You can also create a media * query for retina AND a certain size if you want. Go Nuts. ******************************************************************/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { } /* End */ /* Start:/bitrix/components/bitrix/search.suggest.input/templates/.default/style.css*/ input.search-suggest {} div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;} div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;} div.search-popup-row{background:#FFFFFF;} div.search-popup-row-active{background:#EEEEEE;} div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;} div.search-popup-el-cnt{text-align:right; float:right;} /* End */ /* Start:/bitrix/components/d2mg/ordercall/templates/.default/style.css*/ div.mfeedback {} div.mf-name, div.mf-phone, div.mf-captcha, div.mf-message { width: 98%; padding-bottom: 0.4em; #font-family: Tahoma; font-family: 'Open Sans Condensed',sans-serif; font-size: 16px; color: #005F6D; } div.mf-name input, div.mf-phone input {width:100%;} div.mf-message textarea {width: 100%;} span.mf-req {color:red;} div.mf-ok-text {color:green; font-weight:bold; padding-bottom: 1em; font-family: 'Open Sans Condensed',sans-serif;} .order_call { width: 100%; } div.mfeedback div.error {font-family: 'Open Sans Condensed',sans-serif;} /* End */ /* Start:/bitrix/templates/sigma_main/styles.css*/ .right_button { position: fixed; /*?????? ??? ???????, ? ????? ?????? - ?????????????*/ bottom: 40%; /* ?????? ??????*/ right: 0px; /* ?????? ??????*/ width:42px; /* ?????? ??????*/ height:140px; /* ?????? ??????*/ z-index:999; /*??????? ???????????? ?????????*/ } .head_field { font-size: 14px; font-weight: bold; vertical-align: top; } .field_form { font-size: 14px; width: 250px; } #logo_modal { position: relative; top: -75px; left: 230px; } #logo_modal2 { position: relative; top: 30px; left: 230px; } /* End */ /* Start:/bitrix/templates/sigma_main/template_styles.css*/ @font-face { font-family: MagistralCBold; /* Èìÿ øðèôòà */ src: url(../bitrix/font/magistralc-bold.otf.htm); /* Ïóòü ê ôàéëó ñî øðèôòîì */ } html { height: 100%; } body { padding: 0px; margin: 0px; height: auto !important; height: 100%; min-height: 100%; background: } body.body { background: #FFF; } form, div { border: 0px; padding: 0px; margin: 0px; } table, td { border: 0px; margin: 0px; } table { padding: 0px; } td, div { font-family: Tahoma; font-size: 14px; color: #333; text-align: left; line-height: 16px; } font { font-family: Tahoma; font-size: 11px; color: #333; } img { } img.right { float: right; margin: 0px 0px 5px 10px; } img.left { float: left; margin: 0px 10px 5px 0px; } a { color: #E3010F; font-family: Tahoma; font-size: 11px; text-decoration: underline; outline: none; } a:hover { color: Red; text-decoration: none; } a img { border: 0px; } p { text-indent: 0px; padding: 0px 0px 10px 0px; margin: 0px; } h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { font-family: Tahoma; line-height: normal; color: #333; font-weight: normal; } h1, h1 a { font-size: 18px; margin: 8px 0px 10px 0px; padding: 0px 0px 5px 0px; background: url('../bitrix/templates/sigma_main/images/dottedline.gif') repeat-x bottom left; } h4, h4 a { font-size: 18px; margin: 8px 0px 10px 0px; padding: 0px 0px 5px 0px; background: url('../bitrix/templates/sigma_main/images/dottedline.gif') repeat-x bottom left; } h2, h2 a { font-size: 16px; margin: 6px 0px 15px 0px; font-weight: bold; } h3, h3 a { font-size: 12px; margin: 4px 0px 6px 0px; font-weight: bold; } strong {font-weight: 600;} ul, ol { margin-bottom: 0px; margin-top: 0px; } ul li { list-style-type: square; } li { padding-bottom: 3px; } form input, form textarea, form select { font-size: 11px; font-family: Arial; } form input.text, form textarea.text { padding: 2px; background: #FFF url('../bitrix/templates/sigma_main/images/text_form.jpg') repeat-x top center; border: 1px solid #ccc; } form input.chbox { border: 0px; background: none; } .out { width: 1000px; height: 150px; margin: auto; text-align: left;} #bg { height: auto !important; min-height: 100%; height: 100%; /* background: url('../bitrix/templates/sigma_main/images/topredline.gif') repeat-x 0px 0px; */ text-align: center; } #page { height: auto !important; min-height: 100%; height: 100%; margin-top: 4px;} #header {top: 0; left: 0; width: 100%; background: #fff; border-top: #ff0000 17px solid; } #header div { line-height: normal; color: #000; } #header p { margin: 0px; } .header{ width: 1000px; margin: 0 auto; } #kabinet { overflow: hidden; } #logo { padding: 12px 0px 10px 15px; float: left; } #tphone { padding: 6px 0px 16px 0px; float: left; } #lang { width: 200px; margin-top: 8px; float: right; overflow: hidden;} #lang a {display:block; float: left; margin: 0px 20px 22px 20px;} .enter_cabinet { width: 175px; background: #FF0000; text-align: center; padding: 10px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .enter_cabinet:hover { color: #F0F0F0; background: #FD7068; } #tamof { padding: 4px 10px 10px 10px; float: left; width: 210px; overflow: hidden; } #tamof div { font-size: 14px; text-align: left; font-weight: bold; } #tamof a{ display: block; float: left; font-size: 11px; font-weight: bold; padding: 4px 5px 3px 0px; color: #000000; text-decoration: none; } #tamof a:hover { color: #FF0000; } #lang ul { margin: 0px; padding: 0px; } #lang ul li { margin: 0px; padding: 1px 5px 0px 5px; list-style-position: outside; list-style-type: none; float: left; display: block; } #lang ul li a { font-size: 11px; color: White; text-decoration: none; } #lang ul li.active { display: none; } #lang ul li.active a { color: #000; } #online { padding: 0px 10px 10px 0px; float: right; } #online a img { width: 140px; height: 42px; } #searchForm { padding: 0px; position: absolute; top: 190px; right: 5px; z-index: 1;} #searchForm form { padding: 4px 18px 4px 12px; background:url('../bitrix/templates/sigma_main/images/search.png') no-repeat; } #searchForm input.search-suggest { border: 0px; width: 160px; outline: none; } #searchForm input.button { border: 0px; } #menu { float: right; clear: right;margin-top: -35px; } #menu ul { margin: 0px; padding: 0px; } #menu ul li { list-style-type: none; list-style-position: outside; padding: 0px; float: left; margin: 0px 20px 0px 0px; background: url('../bitrix/templates/sigma_main/images/menuredcorner.png') no-repeat 0px 0px; position: relative; } #menu ul li a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-weight: bold; font-size: 12px; display: block; padding: 6px 12px; } #menu ul li a:hover { background: #FF9090; color: White; } #menu ul li.sfHover, #menu ul li.active { background: Red; color: White; } #menu ul li.sfHover a { color: White; } #menu ul li.active a { } #menu ul li.last { margin: 0px; } #menu ul ul { display: none; position: absolute; z-index: 100; left: 0px; top: 26px; background: #e3010f; visibility: visible; width: 202px; } #menu ul ul li { padding: 0px; margin: 0px; float: none; border-bottom: 1px solid #FF9090; border-left: 1px solid #FF9090; border-right: 1px solid #FF9090; } #menu ul ul li.active { background: red; } #menu ul ul li a { font-weight: normal; font-size: 12px; color: White; padding: 3px 18px 5px 12px; } #menu ul ul li a:hover { } #menu ul ul li a.sf-with-ul { background-image: url('../bitrix/templates/sigma_main/images/topmenuwhitearrow.png'); background-repeat: no-repeat; background-position: 98% 50%; } #menu ul ul ul { z-index: 200; left: 200px; top: 0px; } #lmenu { padding: 0px 0px 12px 0px; width: 260px;} #lmenu ul { margin: 0px; padding: 0px; } #lmenu ul li { list-style-type: none; overflow: hidden; list-style-position: outside; padding: 0px; margin: 0px 0px 10px 0px; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 5px solid #E2000E; text-align: left; -webkit-transition: all 0.5s; -moz-transition: all 1s 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #lmenu ul li:hover { border-left: 5px solid #5F5F5F; padding-left: 10px; } #lmenu ul li img { width: 70px; float: left; margin: 0 5px 5px 0; } #lmenu ul li a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; padding: 8px 10px 8px 10px; display: block;} #lmenu p.title{ font-size: 18px; margin: 4px 0px 10px 0px; padding: 0px 0px 5px 0px; background: url('../bitrix/templates/sigma_main/images/dottedline.gif') repeat-x bottom left; } #lmenu ul li a.selected, #lmenu ul li a:hover { color: #FE0000; } #lmenu ul li span { display: block; font-weight: bold; font-size: 14px; } #lmenu ul ul li { padding: 0px 0px 0px 14px; margin: 0px; border: none; background: transparent; } #lmenu ul ul li a { font-size: 12px; } #lmenu ul ul li span { padding: 3px 0px 5px 12px; background: url('../bitrix/templates/sigma_main/images/footermenulist.gif') no-repeat 0% 9px; font-size: 12px; } #lmenu ul ul ul li a { font-weight: normal; font-size: 11px; color: #666666; text-decoration: underline; } #lmenu ul ul ul li span { padding: 3px 0px 5px 12px; font-size: 11px; font-weight: normal; } #mainContent { clear: both; padding: 10px 0px 25px; border-collapse: collapse; border-spacing: 0px; } #mainContent p, #mainContent div, #mainContent td { } #mainContent p.more { text-align: right; } #banners { } #banners ul { margin: 0px; padding: 0px; list-style: none; } #banners ul li { list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 5px; float: left; margin: 0px 48px 0px 0px; background: url('../bitrix/templates/sigma_main/images/i.jpg') repeat-y 0% 0%; height: 114px; } #banners ul li.last { margin-right: 0px; } #banners ul li img { } .item { padding-bottom: 10px; } .item .name { padding-bottom: 2px; } .item .date { font-size: 11px; font-style: italic; padding: 0px 0px 2px 16px; background: url('../bitrix/templates/sigma_main/images/dateicon.gif') no-repeat 0% 40%; } .item .desc { padding-bottom: 2px; } .item .desc p { padding-bottom: 0px; } .item .more { } .item .image { } .item .image img { } #left h2, #right h2 { font-size: 18px; padding-bottom: 10px; font-weight: normal; } #left { width: 180px; padding: 0px; vertical-align: top; } #main { padding: 0px; vertical-align: top; width: 580px; } #main .cc { margin: 0px 20px 0px 24px;width: 726px; } #main .cc a { font-size: 14px; } #under, #under div, #under td, #main .cc, #main .cc div { text-align: justify; } #right { width: 230px; padding: 0px; vertical-align: top; } #right .cc { padding: 0px 0px 0px 0px;} #right .block { background-repeat: repeat-y; margin-bottom: 12px; } #right .block .t { background-repeat: no-repeat; background-position: top left; } #right .block .m { background-repeat: repeat-y; background-position: top left; border-bottom: 1px solid White; } #right .block .b { background-repeat: no-repeat; padding: 12px 25px; background-position: bottom left; } #reasons {width: 200px; } #reasons .name { background: url('../bitrix/templates/sigma_main/images/i.jpg') repeat-x 0% 100%; padding: 0px 21px 10px 21px; font-weight: bold; margin: 0px 4px; } #reasons ol { margin: 0px; padding: 0px 0px 0px 20px; } #reasons ol li { font-weight: bold; margin: 0px; padding: 2px 0px; list-style-position: outside; } #reasons ol li span { font-weight: normal; } #reasons .t { background-image: url('../bitrix/templates/sigma_main/images/rightblocktopbg.jpg'); position: relative;width: 200px; } #reasons .m { background-image: url('../bitrix/templates/sigma_main/images/rightblockrepeatbg.jpg'); width: 200px;} #reasons .b { background-image: url('../bitrix/templates/sigma_main/images/rightblockbottombg.jpg'); width: 200px;} #news { } #news .t { background-image: url('../bitrix/templates/sigma_main/images/lastnewstopbg.jpg'); position: relative;} #news .m { background-image: url('../bitrix/templates/sigma_main/images/lastnewsrepeatbg.jpg');} #news .b { background-image: url('../bitrix/templates/sigma_main/images/lastnewsbottombg.jpg');} #news .ar { position: absolute; background-image: url('../bitrix/templates/sigma_main/images/lastnewsbgcorner.jpg'); top: 32px; left: -21px; width: 28px; height: 52px; } #path { padding: 10px 0px 20px 0px; font-size: 11px; } #path a { font-size: 11px; } ul.pagination { margin: 0px; padding: 10px 0px 20px 0px; text-align: center; } ul.pagination li { font-size: 11px; list-style-type: none; list-style-position: outside; display: inline; margin: 0px 10px; } ul.pagination a { font-size: 11px; } #bmenu { clear: both; background: url('../bitrix/templates/sigma_main/images/footertopbg.jpg') no-repeat 50% 0%; } #bmenu .cc { background: url('../bitrix/templates/sigma_main/images/footerbottombg.jpg') no-repeat 50% 100%; padding: 15px 0px; } #bmenu ul { margin: 0px; list-style: none; padding: 0px; } #bmenu ul li { list-style-type: none; list-style-position: outside; padding: 0px 30px; float: left; margin: 0px; border-right: 1px solid #ccc; } #bmenu ul li.last { border-right: none; } #bmenu ul li a { color: #000000; text-decoration: none; font-size: 12px; font-weight: bold; } #bmenu ul li a:hover, #bmenu ul li.active a { color: Red; } #bmenu ul ul { padding: 5px 0px; } #bmenu ul ul li { padding: 0px 0px 0px 9px; margin: 0px; float: none; border-right: none; background: url('../bitrix/templates/sigma_main/images/footermenulist.gif') no-repeat 0% 7px; } #bmenu ul ul li a { font-weight: normal; } #bmenu ul ul li a:hover, #bmenu ul ul li.active a { color: red; } #spacer { height: 80px; clear: both; } #bottom { height: 70px; line-height: normal; background: url('../bitrix/templates/sigma_main/images/footerredline.jpg') repeat-x 0% 0%; margin-top: -75px; } #bottom div, #bottom a { font-size: 11px; } #bottom p { margin: 0px; padding: 0px; } #copy { float: left; padding: 10px 0px; width: 200px; } #binfo { padding: 10px 0px 0px 35px; float: left; } #counters { float: right; padding: 10px 0px 0px 0px; } .wbg { padding: 8px 15px; background: #D3E9F6; margin-bottom: 5px; } .clear { clear: both; font-size: 1px; } .big { font-size: 20px; } .red { color: Red; } .small { font-size: 10px; font-style: italic; } hr { height: 1px; border: none; background: url('../bitrix/templates/sigma_main/images/dottedline.gif') repeat-x top left; padding: 0px; margin: 8px 0px 20px 0px; } .filltab { border-collapse: separate; border-spacing: 1px; margin-bottom: 10px; } .filltab td { padding: 4px; vertical-align: top; } .filltab td.row1, .filltab tr.row1 td { background: #D82A33; color: #ffffff; } .filltab td.row2, .filltab tr.row2 td { background: #F1D4D4; } #cols { border-collapse: separate; border-spacing: 3px; margin-bottom: 10px; } #cols td { padding: 6px 8px; vertical-align: top; } #cols .name { padding-top: 10px; padding-bottom: 3px; font-size: 14px; font-weight: bold; } #cols .content { border-top: 4px solid #FE0000; background: #EAF0F4; } #mainCol {height:1450px; position:relative; } #mainCol2 {height:2260px; position:relative; } #mainCol h2, #mainCol2 h2 {border-bottom:4px solid #fe0000; background:#fff; text-align:center; color:#202020; padding:8px 0;} #mainCol p, #mainCol2 p {margin:0 10px 10px 10px;} #mainCol .expands, #mainCol2 .expands { position:absolute; width:260px; background:#eaf0f4; } #mainCol .expands .read-more, #mainCol2 .expands .read-more { padding-bottom:5px; padding-left:5px; display:block; } #mainCol .expands.one { top:24px; left:0; z-index:102; } #mainCol2 .expands.tOne { top:0px; left:0; z-index:102; } #mainCol .expands.one .read-more { padding-top:20px; } #mainCol .expands.two { top:0; left:280px; z-index:102; } #mainCol .expands.three { top:615px; left:0; } #mainCol .expands.four { top:615px; left:280px; } #mainCol .expands.four .read-more { padding-top:20px; } #mainCol2 .expands.tTwo { top:24px; left:280px; z-index:102; } #mainCol2 .expands.tThree { top:839px; left:0; } #mainCol2 .expands.tFour { top:815px; left:280px; } #orderForm input, #orderForm textarea, #orderForm select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #orderForm input.text, #orderForm textarea.text { background: #fff; border: 1px solid #DF9A9D; } #orderForm select option { background: #eee; } #orderForm input.submit { background: #D82A33; border: 1px solid #D82A33; color: #fff; } .small { font-size: 11px; } .error { color: Red; } .warning { color: Blue; } .success { color: Green; } .advan { width: 224px; margin-left: 0px; margin-bottom: 20px; text-align: left; } .advan .t { background-image: url('../bitrix/templates/sigma_main/images/rightblocktopbg.jpg'); background-repeat: no-repeat; background-position: 100% 0%; width: 224px; height: 9px; } .advan .r { background-image: url('../bitrix/templates/sigma_main/images/rightblockrepeatbg.jpg'); background-position: top; padding: 0px 8px; width:208px; } .advan .r div { color: #333333; font-family: "Tahoma"; font-size: 11px; line-height: 18px; text-align: left; } .advan .r div span{ font-weight: bold; margin-right: 3px; } .advan .b { background-image: url('../bitrix/templates/sigma_main/images/rightblockbottombg.jpg'); background-repeat: no-repeat; background-position: 50% 100%; width: 224px; height: 9px; } .bottom_line { background-color: #FF0000; width:100%; height: 3px; } .price_bg17 { background-image: url('../bitrix/templates/sigma_main/images/price_bg17.png'); background-repeat: no-repeat; width: 160px; height: 75px; margin-left: 10px; } .price_bg18 { background-image: url('../bitrix/templates/sigma_main/images/price_bg18.png'); background-repeat: no-repeat; width: 160px; height: 75px; margin-left: 10px; } .price_bg22 { background-image: url('../bitrix/templates/sigma_main/images/price_bg22.png'); background-repeat: no-repeat; width: 160px; height: 75px; margin-left: 10px; } .price_work { font-size: 12px; text-align: center; width: 160px; margin-left: 10px; margin-bottom: 20px; margin-top: 10px; } .home_cc { width: 225px; padding: 0px 0px 0px 0px; } .home_cc #news {} .home_cc #news .t2 { background-image: url('../bitrix/templates/sigma_main/images/lastnewstopbg.jpg'); background-repeat: no-repeat; position: relative;} .home_cc #news .m2 { background-image: url('../bitrix/templates/sigma_main/images/lastnewsrepeatbg.jpg');} .home_cc #news .b2 { background-image: url('../bitrix/templates/sigma_main/images/lastnewsbottombg.jpg'); background-repeat: no-repeat; background-position: bottom; padding-bottom: 10px;} .home_cc #news .ar { position: absolute; background-image: url('../bitrix/templates/sigma_main/images/lastnewsbgcorner.jpg'); top: 32px; left: -21px; width: 28px; height: 52px; } .home_cc #news h2 { font-size: 18px; padding: 20px 0px 10px 30px; font-weight: normal; } .home_cc #news .item { padding-bottom: 10px; width: 180px; margin-left: 25px;} .home_cc #news .item .name { padding-bottom: 2px; text-align: left; } .home_cc #news .item .date { font-size: 11px; font-style: italic; padding: 0px 0px 2px 16px; background: url('../bitrix/templates/sigma_main/images/dateicon.gif') no-repeat 0% 40%; } .home_cc #news .item .desc { padding-bottom: 2px; } .home_cc #news .item .desc p { padding-bottom: 0px; } .home_cc #news .item .more { } .home_cc #news .item .image { } .home_cc #news .item .image img { } .name_kart { font-family: Tahoma; font-size: 38px; color: #0F1457; text-align: center; } .karta1 { width: 1018px; height: 430px; background-color: #FFFFFF; background-image: url('../bitrix/templates/sigma_main/images/karta1/mir.png'); position: relative; ; } .karta1 a { display:block; position: absolute; padding: 2px 10px 2px 10px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .karta1 a:hover { background-color: #d4e0e7; } .sweden { top: 55px; left: 440px;} .estonia { top: 115px; left: 515px;} .latvia { top: 140px; left: 510px;} .lithuania { top: 160px; left: 505px;} .poland { top: 190px; left: 470px;} .germany { top: 210px; left: 400px;} .england { top: 170px; left: 330px;} .france { top: 260px; left: 360px;} .italy { top: 290px; left: 430px;} .portugal { top: 300px; left: 290px;} .spain { top: 320px; left: 320px;} .china { top: 260px; left: 670px;} .usa { top: 260px; left: 150px;} .karta2 { width: 1018px; height: 530px; background-color: #FFFFFF; background-image: url('../bitrix/templates/sigma_main/images/karta2/russian.png'); background-position: center; background-repeat: no-repeat; position: relative; ; } .karta2 a { display:block; position: absolute; padding: 2px 10px 2px 10px; -moz-border-radius:8px; -khtml-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } .karta2 a:hover { background-color: #d4e0e7; } .center {position: absolute; top: 165px; left: 180px; } .moskow {top: 195px; left: 220px; } .scheremet {top: 160px; left: 195px; } .domodedovo {top: 220px; left: 210px; } .vnukovo {top: 245px; left: 175px; } .bryansk {top: 185px; left: 55px; } .novoros {top: 405px; left: 55px; } .piter {top: 100px; left: 210px; } .pskov {top: 100px; left: 105px; } .rostov {top: 305px; left: 75px; } .sebezh {top: 130px; left: 85px; } .smolensk {top: 155px; left: 45px; } .vladivostok {top: 490px; left: 720px; } .vyborg {top: 65px; left: 280px; } .phone_app { overflow: hidden; margin-top: 12px; margin-left: 15px; } .phone_app a { display: block; float: left; color: #000000; text-decoration: none; font-weight: bold; font-size: 11px; margin: 0px 5px 0px 5px; } .phone_app a:hover { color: #FF0000; } .call { height: 20px; padding-left: 25px; padding-top: 4px; background-image: url('../bitrix/templates/sigma_main/images/call.png'); background-repeat: no-repeat; } .online_mail { height: 20px; padding-left: 25px; padding-top: 4px; background-image: url('../bitrix/templates/sigma_main/images/mail.png'); background-repeat: no-repeat; } /* End */ .image-l { float: left; margin-right: 10px; width: 250px; } .image-r { float: right; margin-left: 10px; width: 250px; } .docs-img .image-l { width: 219px; margin-bottom: 20px; margin-right: 17px; float: left; } .t-pr { border-collapse: collapse; } .t-pr tr td { border: 1px solid grey; padding: 5px 3px; } .telephone{ float: right; font-size: 55px; } .clear{ clear:both; } #callback_popup #label_c { position: absolute; cursor: pointer; top: -8px; right: 100%; z-index: 750; } #callback_popup { position: fixed; z-index: 700; width: 270px; background-color: white; padding: 20px; top: 100px; min-height: 180px;} #mainContent p{ line-height: 1.5; margin: 8px 0; } #mainContent ul{ margin-bottom: 8px !important; margin-top: 5px !important; line-height: 1.5 !important; } .t-pr td { padding: 5px !important; }