/* Start:/bitrix/templates/skillpoint_design_multilang/styles.css?17575202593728*/ ol{ list-style: none; counter-reset: li; } ol li{ margin-left:1em; } ol li:before{ counter-increment:li; content: counters(li,".") ". "; } ol ul{ margin-left:1em; counter-reset:item; list-style-position: inside; } ol ul>li:before{ counter-increment:none; content:""; } ol li h3:first-child{display:inline-block;} .table-gray{} /*.table-gray tr:nth-child(odd){ background-color:#f5f5f5; }*/ .table-gray td{ border:1px solid #eeeeee; padding:5px; } .i-orange_exclamation,.i-red_exclamation, .i-red_cross,.i-orange-hot-table,.i-orange-hand{ display:block; position:relative; padding-left:60px; margin:22px 0; font-size:16px; } .i-red_exclamation,.i-red_cross{color:#e75b4c;} .i-orange_exclamation,.i-orange-hot-table,.i-orange-hand{color:#e9bd45;} .i-orange_exclamation:before,.i-red_exclamation:before, .i-red_cross:before,.i-orange-hot-table:before,.i-orange-hand:before{ content:''; position:absolute; height:40px; width:45px; top:50%; left:0; margin-top:-20px; background-size:contain; background-repeat:no-repeat; } .i-orange_exclamation:before{background-image:url('/images/ico-orange_exclamation.jpg');} .i-red_exclamation:before{background-image:url('/images/ico-red_exclamation.jpg');} .i-red_cross:before{background-image:url('/images/ico-red_cross.jpg');} .i-orange-hot-table:before{background-image:url('/images/ico-orange-hot-table.jpg');} .i-orange-hand:before{background-image:url('/images/ico-orange-hand.jpg');} .article-detail ul, .article-detail ol, .gray-list, .red-list, .blue-list, .orange-list, .yellow-list, .green-list, .violet-list, .plum-list{margin:5px 0 10px;} .article-detail li, .gray-list li, .red-list li, .blue-list li, .orange-list li, .yellow-list li, .green-list li, .violet-list li, .plum-list li{ position:relative; margin:5px 0 5px 15px; padding-left:20px; list-style:none; } .article-detail li:before, .gray-list li:before, .red-list li:before, .blue-list li:before, .orange-list li:before, .yellow-list li:before, .green-list li:before, .violet-list li:before, .plum-list li:before{ position:absolute; left:0; content:'• '; font-size:2em; line-height:0.5em; vertical-align:text-top; color:#3fbfcb; } .article-detail ol li:before, ol.gray-list li:before, ol.red-list li:before, ol.blue-list li:before, ol.orange-list li:before, ol.yellow-list li:before, ol.green-list li:before, ol.violet-list li:before, ol.plum-list li:before{ content:counter(item) '. '; /* Добавляем к числам скобку */ counter-increment:item; /* Задаём имя счетчика */ font-size:inherit; line-height:inherit; font-weight:bold; } .gray-list li:before{color:#80807f;} .red-list li:before{color:#e75b4c;} .blue-list li:before{color:#3fbfcb;} .orange-list li:before{color:#f1c347;} .yellow-list li:before{color:#fcdf43;} .green-list li:before{color:#83c96c;} .violet-list li:before{color:#c385c7;} .plum-list li:before{color:#2e133e;} .quote{ display:block; margin:35px 0 !important; padding:35px 45px; font-size:22px; text-align:center; background-color:#ededed; } .quote .author{ display:block; font-size:18px; font-style:italic; } .quote .author:before{ display:block; content:''; width:152px; height:5px; margin:25px auto 22px auto; background-color:#e75b4c; } .to-open-text,.to-hide-text{ display:inline-block; margin:5px 0; text-decoration:underline; font-size:14px; color:#e75b4c; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; cursor:pointer; } .to-open-text:hover, .to-hide-text:hover{ color:#f96555; text-decoration:none; } .hidden-text-box{color:gray;} /* End */ /* Start:/bitrix/templates/skillpoint_design_multilang/template_styles.css?1757520259150613*/ * { margin: 0; padding: 0; } @font-face {font-family: Rouble; src: url('/fonts/ico/rouble.eot'); src: url('/fonts/ico/rouble.eot') format('embedded-opentype'), local('PT Sans Narrow'), url('/fonts/ico/rouble.woff') format('woff'), url('/fonts/ico/rouble.ttf') format('truetype'), url('/fonts/ico/rouble.svg#Rouble') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'PT Sans Narrow'; src: url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Regular.eot'); src: url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Regular.eot') format('embedded-opentype'), local('PT Sans Narrow'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Regular.woff') format('woff'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Regular.ttf') format('truetype'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Regular.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: 'PT Sans Narrow'; src: url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Bold.eot'); src: url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Bold.eot') format('embedded-opentype'), local('PT Sans Narrow'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Bold.woff') format('woff'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Bold.ttf') format('truetype'), url('/fonts/PT_Sans/narrow/PT_Sans-Narrow-Web-Bold.svg#PTSansBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'fontello'; src: url('/fonts/fontello/font/fontello.eot?30305821'); src: url('/fonts/fontello/font/fontello.eot?30305821#iefix') format('embedded-opentype'), url('/fonts/fontello/font/fontello.woff?30305821') format('woff'), url('/fonts/fontello/font/fontello.ttf?30305821') format('truetype'), url('/fonts/fontello/font/fontello.svg?30305821#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url('/fonts/PT_Sans/pts55f_w.eot'); src: url('/fonts/PT_Sans/pts55f_w.eot') format('embedded-opentype'), url('/fonts/PT_Sans/pts55f_w.woff') format('woff'), url('/fonts/PT_Sans/pts55f_w.ttf') format('truetype'), url('/fonts/PT_Sans/pts55f_w.svg#PTSansRegular') format('svg'); } @font-face { font-family: 'PT Sans'; src: url('/fonts/PT_Sans/pts75f_w.eot'); src: url('/fonts/PT_Sans/pts75f_w.eot') format('embedded-opentype'), url('/fonts/PT_Sans/pts75f_w.woff') format('woff'), url('/fonts/PT_Sans/pts75f_w.ttf') format('truetype'), url('/fonts/PT_Sans/pts75f_w.svg#PTSansBold') format('svg'); font-weight:bold; } html,body { width:100%; min-width:1000px; color:#3b3b3b; overflow-x:hidden; } body{font:14px 'PT Sans',Helvetica,Arial,sans-serif;} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;} audio,canvas,video {display: inline-block;} [hidden],template {display: none;} a {background: transparent;color:#3b3b3b;} a:visited{color:inherit;} a:active,a:hover,a:focus {outline: 0;} a:hover{text-decoration:none;} img {border: 0;} svg:not(:root) {overflow: hidden;} button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; line-height: normal; outline:none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {/* */ border: none; } textarea { overflow: auto; vertical-align: top; } table { width:100%; border-collapse: collapse; border-spacing: 0; box-sizing: content-box !important; } td { padding: 1em; vertical-align: top; } fieldset { border: 0 none; margin: 0; padding: 0; } .clear {clear: both;} /*#wrapper{ width:100%; overflow:hidden; }*/ .ico,/*.logo-bottom,*/.top-menu .sub a.new:before,.articles-section .rslides_nav, .rslides_nav:after,.rslides_tabs li,.to-top:before, .comments-box .use-vk:before,.comments-box .use-fb:before, .contacts-page .address:before,.contacts-page .phone:before, .contacts-page .mail:before,.calendar .week .td.event:before, .calendar .prev .link:before,.calendar .next .link:after,.to-busket:before, .video-button:before,.plastics-s1 .item:before,.clear-cart:before, .img-box.no-image:after,.faq-list .quest:before,.form input[type="text"]:before, .form input[type="password"]:before,.form input[type="radio"] + label:before, .form input[type="checkbox"] + label:before,.fake-radio:before,.input-block .input-arrow, div.refresh,.personal-menu .item.active:after,.user-info .icon, .logout-link .red-door,.inp-file .text:before,.inp-file label:after, .article-right .item:before,.picaso-logo,.story-detail .scroll-button, .about_company .nav .item,.future-product:before, .d-orders .to-me:before,.d-orders .not-i:before,.d-orders .list .address:before, .additional-prizes .h1:before,.themes-list .theme:before,.learning .view-link:before, .ts-print-gal .rslides_nav:before,.ts-menu .section:after,.manual-video-list .img-box:after, .ts-faq .answer .yes:before,.ts-faq .answer .no:before, .form input[type="file"]~label.colored-button:before{ display:inline-block; background-image:url('/images/sprite.png'); border:none; background-color:none; background-repeat:no-repeat; } .center{ min-width:960px; max-width:1200px; padding:0 10px; margin:auto; } .main .center{max-width:960px;} .main.home .center{max-width:1200px;} .center-text{text-align:center;margin:auto;} .yellow{background-color:#fcdf43;} .green{background-color:#83c96c;} .blue{background-color:#3fbfcb;} .red{background-color:#e75b4c;} .orange{background-color:#e9bd45/*fac73f*/;} .violet{background-color:#c385c7;} .gray{background-color:#80807f;} .light-gray,.lightgray{background-color:#ededed;} .dark-green,.darkgreen{background-color:#26a37a;} .white{background-color:#ffffff;} .black{background-color:#000000;} .plum{background-color:#2e133e;} .blue_violett{background-color:#27305b;} .green_2025{background-color:#55b576;} .green,.blue,.red,.orange,.violet,.gray,.black,.plum{color:white;} .soft .green{color:#3b3b3b;} .yellow-text{color:#fcdf43;} .green-text{color:#83c96c;} .blue-text{color:#3fbfcb;} .red-text{color:#e75b4c;} .orange-text{color:#e9bd45/*fac73f*/;} .violet-text{color:#c385c7;} .gray-text{color:#80807f;} .light-gray-text,.lightgray-text{color:#ededed;} .dark-green-text,.darkgreen-text{color:#26a37a;} .white-text{color:#ffffff;} .black-text{color:#000000;} .plum-text{color:#2e133e;} .reload-captcha.ico{ height:20px; width:20px; background-position:-408px -145px; cursor:pointer; margin:17px 0 0px 5px; vertical-align:top; } /*--------HEADER--------*/ #header{ width:100%; padding-top:32px; background-color:white; position:relative; z-index:101; min-height:110px; } #header .center{ position:relative; text-align:right; } .logo{ height:40px; /*text-decoration:none; color:#6279bc;*/ } /*.logo:after{ content:'\e818'; font-family: 'fontello'; text-decoration:none; color:inherit; }*/ #header .logo{ /*width:134px; height:102px; position:absolute; left:7px; top:-12px; z-index:2; color:#6279bc;*/ height:34px; position:absolute; top:17px; left:20px; z-index:2; } #header .logo:after{ /*font-size:100px;*/ } .logo svg{ height:100px; max-width:100%; max-height:100%; } /*#header .logo .ico{ height:100%; width:100%; position:absolute; top:0; left:0; } #header .logo .l-green{background-position:0 -106px;} #header .logo .l-blue{background-position:0 -212px;} #header .logo .l-red{background-position:0 -318px;}*/ .top-info{margin:0 0 10px;min-height:30px;} .top-info .cart,.soc,.lang,.lk, .top-search{display:inline-block;} .top-info .cart{font-size:12px;} .cart .ico{ width:29px; height:24px; background-position:-137px 0; margin-bottom:-6px; margin-right:5px; } .top-info .cart .price:after{ display:inline-block; vertical-align:bottom; } .top-search { width:25px; height:25px; margin-left: 30px; position: relative; } .top-search .top-search-box { position:absolute; right:35px; height:40px; width:720px; top:-2px; display:none; } .top-search.active .top-search-box { display:block; } .top-search .top-search-box .close { float:left; width:21px; height:21px; background:url(/images/close.png); transition:0.3s; top:6px; position:relative } .top-search .top-search-box .close:hover { -moz-transform: rotate(180deg); /* Для Firefox */ -ms-transform: rotate(180deg); /* Для IE */ -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(180deg); /* Для Opera */ transform: rotate(180deg); cursor:pointer } .top-search .top-search-box .search-text { width:670px; height:30px; border:1px solid #cccccc; padding-left:10px; font: 12px "PT Sans",Helvetica,Arial,sans-serif; text-transform: uppercase; } .top-search .top-search-box .search-text.error { border-color:red } .top-search .lupa { width:25px; height:25px; background:url(/images/lupa.png) 0 0 no-repeat; border:none; } .top-search .lupa:hover, .top-search.active .lupa { background-position:0 -25px; } /*.soc{margin-bottom:-5px;margin-left:35px;} .soc .ico{ width:20px; height:15px; margin:0 6px -3px; } .tw{background-position:-360px -4px;} .fb{background-position:-394px -4px;} .mt{background-position:-426px -4px;}*/ .soc{ margin-left:35px; font-size:18px; font-family: "fontello"; font-style: normal; font-weight: normal; font-variant: normal; speak: none; } .soc a{ text-decoration:none; margin:0 6px; color:#b3b3b3; position:relative; bottom:-2px; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .ut:before { content: '\e802'; } /* '?' */ .vk:before { content: '\f189'; } /* '' */ .tg:before { content: '\f190'; } /* '' */ .ig:before { content: '\e804'; } /* '?' */ .tw:before { content: '\e805'; } /* '?' */ .fb:before { content: '\e806'; } /* '?' */ .gp:before { content: '\e807'; } /* '?' */ .mt:before { content: '\e808'; } /* '?' */ .soc a:hover{color:#3b3b3b;} .lang{ margin-left:35px; font-size:12px; text-transform:uppercase; color:#b7b7b7; } .lang span{color:#4d4d4d;} .lang a{color:#b7b7b7;} a.lk{margin-left:30px;} /*buttons*/ a.colored-button,.main a.colored-button,.colored-button{ padding:4px 21px 7px 16px; font-size:14px; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-decoration:none; color:white; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; cursor:pointer; } input.colored-button{ border:0px solid transparent; background-coloe:transparent; } .colored-button{background-color:#e75b4c;} .colored-button.yellow{background-color:#fcdf43;} .colored-button.green{background-color:#83c96c;} .colored-button.blue{background-color:#3fbfcb;} .colored-button.violet-blue{background-color:#6979b8;} .colored-button.red{background-color:#e75b4c;} .colored-button.orange{background-color:#e9bd45/*fac73f*/;} .colored-button.violet{background-color:#c385c7;} .colored-button.gray{background-color:#80807f;} .colored-button.light-gray,.lightgray{background-color:#ededed;color:#3b3b3b;} .colored-button.white{background-color:#ffffff;color:#3b3b3b;} .colored-button.black{background-color:#000000;} .colored-button.plum{background-color:#2e133e;} .colored-button:hover{background-color:#f96555;} .colored-button.yellow:hover{background-color:#f6df66;} .colored-button.green:hover{background-color:#92db7a;} .colored-button.blue:hover{background-color:#91e9f1;} .colored-button.violet-blue:hover{background-color:#536197;} .colored-button.red:hover{background-color:#f96555;} .colored-button.orange:hover{background-color:#fac73f;} .colored-button.violet:hover{background-color:#d98fde;} .colored-button.gray:hover{background-color:#91918e;} .colored-button.light-gray:hover, .colored-button.lightgray:hover{background-color:#333333;color:white;} .colored-button.white:hover{background-color:#ffffff;} .colored-button.black:hover{background-color:#000000;} .colored-button.plum:hover{background-color:#4b1e66;} .transparent-button,.main a.transparent-button,a.transparent-button{ padding:3px 20px 6px 20px; font-size:14px; background-color:#e75b4c; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; text-decoration:none; color:#3b3b3b; border:1px solid #3b3b3b; background-color:rgba(0,0,0,0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; min-width:110px; text-align:center; display:inline-block; cursor:pointer; position:relative; z-index:2; } .transparent-button:hover,.main a.transparent-button:hover,a.transparent-button:hover{ background-color:#3b3b3b; color:white; } /*end buttons*/ .hidden{display:none;} .main .to-open-text.active{display:none;} .main .hidden-text-box{ max-height:0; overflow:hidden; box-sizing:border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color:inherit; } .to-open-text.active+.hidden-text-box{ max-height:1000px; } .to-hide-text{ display:none; } .to-open-text.active+.hidden-text-box+.to-hide-text, .to-open-text.active+.hidden-text-box .to-hide-text{ display:block; } .lk .ico{ height:15px; width:13px; background-position:-431px -75px; margin-bottom:-3px; margin-right:6px; } .top-menu{} .top-menu .first-lvl{min-height:69px;} .top-menu .first-lvl .link{ margin-left:40px; margin-bottom:15px; padding:15px 0; border-bottom:4px solid transparent; font-size:14px; text-decoration:none; display:inline-block; font-weight:bold; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; } .top-menu .first-lvl .link:hover,.top-menu .first-lvl .link.active{border-color:#e75b4c;} .top-menu .sub-box:before{ width:100%; height:2px; background-image:url('/images/rainbow-line.jpg'); background-size:100% 2px; content:''; display:block; } .top-menu .sub-box{ width:100%; position:relative; font-size:16px; z-index:10; } .top-menu .sub-box .container{ height:0; width:100%; position:absolute; top:2px; left:0; overflow:hidden; opacity:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .top-menu .sub-box .container.active{height:116px;opacity:1;} .top-menu .sub{ background-color:#3b3b3b; height:116px; width:100%; position:absolute; bottom:0; left:0; } .top-menu .sub .block{ max-width:1000px; text-align:center; margin:auto; display:none; } .top-menu .sub .block.active{ display:table; } .top-menu .sub a{ color:#b3b3b3; display:table-cell; padding:40px 15px 0; position:relative; max-width:182px; min-width:95px; height:72px; /*height:116px;*/ /*box-sizing:border-box;*/ vertical-align:top; text-decoration:none; font-weight:normal; border-bottom:4px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .top-menu .sub a.new:before{ position:absolute; height:14px; width:30px; top:22px; left:50%; margin-left:-14px; background-position:-172px -5px; content:''; } .top-menu .sub a:hover{ color:white; border-color:#e75b4c; } .mini.menu{ position:fixed; top:0; left:0; width:100%; background-color:white; z-index:100; } .mini.menu .first-lvl{ position:relative; text-align:right; height:80px; } /*.mini.menu .logo{ height:62px; width:81px; position:absolute; z-index:2; background-position:-372px -212px; left:7px; top:9px; }*/ .mini.menu .logo{ /*font-size:62px;*/ height:36px; position:absolute; z-index:2; left:15px; top:50%; margin-top:-18px; } .mini.menu .to-top{ width:52px; height:27px; background-position:-393px -177px; position:relative; top:8px; cursor:pointer; } .mini.menu .to-top:before{ position:absolute; top:0; left:0; content:''; background-position:-338px -178px; height:100%; width:100%; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .mini.menu .to-top:hover:before{opacity:1;} .mini.menu .first-lvl .link{padding-top:30px;} .gallery{ position:relative; max-width:100%; overflow:hidden; } .gallery img{display:block;margin:auto;} .gallery .text-box{ min-height:40px; text-align:center; font-size:14px; background-color:#3b3b3b; color:white; padding:7px 60px 0; } .gallery.numbered .text-box{ padding:0; background-color:transparent; } .competition-detail .text-box{height:110px;} .gallery .proj-name{font-size:20px;font-weight:bold;} .gallery .text{} .gallery .name,.gallery .file{ display:inline-block; margin:5px 20px 0; vertical-align:middle; } .gallery .file{} .gallery.numbered .text-box{ height:60px; width:100%; text-align:left; border-bottom:1px solid #b3b3b3; color:#3b3b3b; } .gallery.numbered .text-box:after{ content:''; display:inline-block; height:100%; vertical-align:middle; } .gallery.numbered .number{ display:inline-block; width:90px; vertical-align:middle; font-size:24px; } .gallery.numbered .number b{ color:#e75b4c; } .gallery.numbered .name{ display:inline-block; width:calc(100% - 100px); max-width:90%; margin:0; vertical-align:middle; font-style:italic; color:#7c7c7c; } .gallery.numbered .name b{color:#3b3b3b;} .gallery.numbered .rslides_nav{ height:auto; top:0; bottom:61px; } .banner{ text-align:center; width:100%; height:523px; } .banner-box .item{ width:100%; height:100%; background-size:cover; background-position:center center; } .banner-box .item img{position:absolute;top:50%;left:50%;} .gallery .rslides_nav{ position:absolute; z-index:3; display:block; top:0; height:100%; width:49px; text-indent:-9999px; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; opacity:0.6; } .gallery .rslides_nav:hover{ background-color:rgba(0,0,0,0.2); } .gallery .rslides_nav:after{ position:absolute; content:''; height:35px; width:20px; top:50%;left:50%; margin-top:-17px; margin-left:-10px; } .gallery .rslides_nav.prev{ left:0; border-right:1px solid white; } .gallery .rslides_nav.prev:after{background-position:-266px -68px;} .gallery .rslides_nav.next{ right:0; border-left:1px solid white; } .gallery .rslides_nav.next:after{background-position:-290px -68px;} .gallery .rslides_tabs{ position:absolute; z-index:2; bottom:10px; text-align:center; width:100%; } .gallery .rslides_tabs li{ cursor:pointer; margin:0 6px; height:12px; width:12px; background-position:-255px -6px; } .gallery .rslides_tabs li.rslides_here{ background-position:-273px -6px; } .gallery .rslides_tabs li a{height:100%;width:100%;display:block;} .banner-bottom-menu{ width:100%; } .banner-bottom-menu .item{ position:relative; float:left; width:25%; height:320px; display:block; text-decoration:none; overflow:hidden; text-align: center; } .banner-bottom-menu .new{ height:21px; width:44px; background-position:-207px -1px; position:absolute; top:0; left:50%; margin-left:-22px; z-index:2; } .banner-bottom-menu .title { max-width:160px; margin: 17px auto 0; text-align:center; font-size:18px; line-height:23px; color:white; position:relative; z-index:2; font-weight:normal; } .banner-bottom-menu .item:nth-child(1) .title, .banner-bottom-menu .item:nth-child(2) .title { margin: 38px auto 0; } .banner-bottom-menu .img{ /* position:absolute; bottom:-15px; left:50%; margin-left:-193px; */ } .banner-bottom-menu .hover{ opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .banner-bottom-menu .hover,.banner-bottom-menu .fon{ position:absolute; height:100%; width:100%; top:0; left:0; } .banner-bottom-menu .arrow{ position:absolute; top:123px; left:50%; margin-left:-36px; height:72px; width:72px; background-position:-283px -423px; } .banner-bottom-menu .fon{ background:rgba(0,0,0,0.7); } .banner-bottom-menu .item:hover .hover{opacity:1;} .gray-header{ position:relative; background-color:#ededed; padding:0 0 50px; /*margin-top:-50px;*/ } .gray-header.search-h .search-input-box { position:relative } .gray-header.search-h .search-input-box input.text{ width:98%; height:45px; border:2px solid #cccccc; font: 14px "PT Sans",Helvetica,Arial,sans-serif; background:none; padding-left:2%; } .gray-header.search-h .search-input-box input.lupa-gray { border:none; width:33px; height:34px; background:url(/images/lupa-gray.png) 0 0 no-repeat; position:absolute; right:5px; bottom:6px; } .applying .gray-header{padding-bottom:35px;} .applying .gray-header .center-text{padding-bottom:20px;} .photogallery .gray-header{margin-bottom:14px;} .gray-header:after{ position:absolute; top:100%; left:50%; display:block; content:''; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 16px solid #ededed; margin-left:-25px; } .applying .gray-header:after{display:none;} .breadcrump{ color:#8a8888; font-size:12px; padding-top:20px; } .breadcrump a,#main .breadcrump a{color:#8a8888;} .breadcrump span{color:#3b3b3b;} .gray-header .img{margin:35px 32px -34px 0;vertical-align:top;} .archive .white .img{margin:0 32px -34px 0;} .archive h1,.gray-header h1{ display:inline-block; font-size:38px; } .gray-header h1{margin-top:19px;} .gray-header .subscription{ float:right; margin-top:31px; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-size:14px; } .subscription span{color:#8a8888;} .subscription input[type="text"]{ margin-top:20px; margin-right:5px; width:190px; padding:4px 10px; font-size:14px; font-family:'PT Sans',Helvetica,Arial,sans-serif; border:2px solid #bfbfbf; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:transparent; } .subscription input[type="submit"]{ height:29px; padding:0 10px; font-size:16px; font-family:'PT Sans',Helvetica,Arial,sans-serif; color:#3b3b3b; border:1px solid #434343; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .gray-header .descrip{ clear:both; margin-left:120px; } .gray-header .descrip.center-text{ margin:0; display: none; } /*--------main--------*/ .main{ width:100%; color:#3b3b3b; padding-bottom:130px; padding-top:70px; min-height: 50vh; } #main.home{font-size:18px;text-align:center;} .main.home p{margin-bottom:10px;} #main.news,#main.applying,#main.support,#main.standart, #main.about,#main.competitions,#main.learning, #main.techsupport,#main.job{padding-top:0;} #main.support,#main.about,#main.competitions,#main.job{padding-bottom:0;} #main .center{} .main a{color:#e75b4c;} .main h1,.main .h1,.h1{ font-size:38px; padding-top:30px; font-weight:bold; } .products .h1{padding-top:90px;} .h1:after,h1:after,.competitions .title:after{ display:block; content:''; width:152px; height:5px; margin:18px 0 25px 0; background-color:#fac73f; } .h1.middle,h1.middle{text-align:center; display:block;} .h1.middle:after,h1.middle:after{margin-left:auto;margin-right:auto;} #main.support h1.middle{display:block;} h1.gray-underline:after,.h1.gray-underline:after{background-color:#80807f;} h1.red-underline:after,.h1.red-underline:after{background-color:#e75b4c;} h1.blue-underline:after,.h1.blue-underline:after{background-color:#3fbfcb;} h1.orange-underline:after,.h1.orange-underline:after{background-color:#f1c347;} h1.yellow-underline:after,.h1.yellow-underline:after{background-color:#fcdf43;} h1.green-underline:after,.h1.green-underline:after{background-color:#83c96c;} h1.violet-underline:after,.h1.violet-underline:after{background-color:#c385c7;} h1.plum-underline:after,.h1.plum-underline:after{background-color:#2e133e;} .blue h1.blue-underline:after,.blue .h1.blue-underline:after{background-color:#278189;} .orange h1.orange-underline:after,.orange .h1.orange-underline:after{background-color:#bb9735;} .green h1.green-underline:after,.green .h1.green-underline:after{background-color:#578548;} .violet h1.violet-underline:after,.violet .h1.violet-underline:after{background-color:#ba7fbb;} .gray h1.gray-underline:after,.gray .h1.gray-underline:after{background-color:#666666;} .yellow h1.yellow-underline:after,.yellow .h1.yellow-underline:after{background-color:#c9a93c;} .red h1.red-underline:after,.red .h1.red-underline:after{background-color:#b9493d;} .plum h1.plum-underline:after,.plum .h1.plum-underline:after{background-color:#9a5a94;} .main a{color:#e75b4c;} .main h3{margin-bottom:5px;font-size:18px;} .date-nav{color:#727272;} .articles-section .date-nav{ padding-bottom:30px; padding-top:70px; } .date-nav .item{ margin:0 10px 0 14px; font-weight:bold; color:#3b3b3b; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; cursor:pointer; text-decoration:none; text-transform:uppercase; } .date-nav .item.active, .date-nav .item:hover{color:#e95b4c;} /*ARTICLES*/ .aside-aticles-box{ background-color:#e8e8e8; width:100%; } .aside-aticles{ color:#3b3b3b; height:800px; display:table; width:100%; max-width:1350px; margin:auto; } .articles-section{ width:33.33333%; display:table-cell; } .articles-section .box{ width:300px; margin:auto; padding:73px 0 80px; position:relative; } .articles-section img{ display:block; margin:auto; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .articles-section img:hover{opacity:0.8;} .articles-section h3{ font-weight:normal; text-transform:uppercase; margin:20px auto 15px; font-size:18px; text-align:center; } .articles-section .line{ width:100%; height:2px; background-color:#444444; margin:0 0 20px; } .articles-section .aticles-box{} .articles-section .item{width:300px;} .articles-section .date{ font-size:14px; font-style:italic; } .articles-section h4{ font-size:23px; margin-bottom:18px; } .articles-section h4 a{ color:inherit; text-decoration:none; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .articles-section h4 a:hover{color:#e75b4c;} .articles-section .img{display:block;margin-bottom:20px;} .articles-section .img img{display:block;} .articles-section .text{ max-height:325px; overflow:hidden; margin-bottom:30px; } .articles-section .colored-button{ margin-top:34px; font-size:18px; padding:2px 21px 5px; } .articles-section .rslides_nav{ position:absolute; z-index:3; display:block; top:185px; height:15px; width:12px; text-indent:-9999px; } .articles-section .rslides_nav.prev{ left:0; background-position:-292px -4px; } .articles-section .rslides_nav.next{ right:0; background-position:-340px -4px; } .articles-section .rslides_nav.prev:hover{background-position:-307px -4px;} .articles-section .rslides_nav.next:hover{background-position:-325px -4px;} .articles-section.list{} .articles-section.list .isotope{width:1000px;position:relative;} .articles-section .col{ display:table-cell; } .articles-section.list .item{ margin-bottom:50px; width:33.333%; } .articles-section.list .item.hidden{display:none;} .articles-section.list .item .box{ margin:0; padding:0; } .articles-section.list .load{ display:block; text-align:center; width:100px; margin:auto; /*position:absolute; bottom:-50px; left:50%; margin-left:-70px;*/ } .article-right{ float:right; left:50%; margin-left:370px; position:fixed; top:295px; } .article-right .item{ position:relative; font-size:14px; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; margin-bottom:15px; cursor:pointer; } .article-right .item:before{ height:14px; width:14px; position:absolute; top:3px; left:-22px; content:''; } .article-right .item.com:before{background-position:-432px -24px;} .article-right .item.to_com:before{background-position:-432px -40px;} .article-right .item.to_share:before{background-position:-432px -56px;} .article-right .item.colored-button:before{ background-position:-237px -272px; left:12px; top:7px; height:16px; width:16px; } #main .article-right .item.colored-button{ font-family:'PT Sans', Arial, Helvetica, sans-serif; padding-left:45px; } .article-detail{width:800px;} .article-detail h3{ font-size:26px; margin-bottom:10px; } .article-detail h4{ font-size:18px; margin:30px 0 5px; } .article-detail .date{ display:inline-block; margin:50px 0 0; } .article-detail .nav{ text-align:right; margin-top:-17px; padding-bottom:10px; border-bottom:1px solid #b3b3b3; min-height:10px; } .article-detail .ico{ height:15px; width:12px; } .article-detail .prev{background-position:-292px -4px;margin-right:32px;} .article-detail .next{background-position:-340px -4px;} .article-detail .prev:hover{background-position:-307px -4px;} .article-detail .next:hover{background-position:-325px -4px;} /*.article-detail .detail-text,.article-detail .detail-text div, .article-detail .detail-text p,.article-detail .detail-text span{ font:14px 'PT Sans',Helvetica,Arial,sans-serif !important; } .article-detail .detail-text a{color:#e75b4c !important;font-weight:bold;}*/ .article-detail .detail-text p{margin:10px 0;} .article-detail img{ margin:25px 0; } .article-detail .load-file{ height:68px; width:52px; background-position:-138px -350px; margin:10px 10x 0 0; } .article-detail .gallery-box{text-align:center;} .article-detail .gallery{ margin:25px 0 0 0; display:inline-block; } .article-detail .gallery img{max-width:798px;} .article-detail .gallery-pager{ margin:0 -6px 25px; } .article-detail .gallery-pager .thumb-item{ display:block; margin:6px; float:left; } .article-detail .gallery img,.article-detail .gallery-pager img{ margin:0 auto; display:block; } .article-detail .story-links{margin-bottom:110px;} .article-detail .story-link{ -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; position:relative; display:inline-block; margin-right:5px; } .article-detail .story-link:hover{opacity:0.9;} .article-detail .story-link img{margin-bottom:-24px;} .article-detail .story-link .name{ position:absolute; width:180px; left:40px; height:100%; top:0; text-align:center; color:white; line-height:241px; } .article-detail .story-link .name span{ font-size:24px; line-height:1.2em; display:inline-block; } .share{ /*margin-top:55px;*/ border-top:1px solid #b3b3b3; padding:18px 0; } .comments-box{ margin:70px 0 90px; } .comments-box .com-nav{ background-color:#efefef; height:64px; line-height:64px; display:inline-block; margin-bottom:35px; } .comments-box .com-nav .text{ display:inline-block; top:-26px; position:relative; font-weight:bold; font-size:18px; padding:0 27px; } .comments-box .use-vk,.comments-box .use-fb{ position:relative; background-color:#adadad; width:64px; height:64px; display:inline-block; cursor:pointer; } .comments-box .active{background-color:#5b7fa6;cursor:auto;} .comments-box .active:after{ display:inline-block; position:absolute; top:100%; left:50%; margin-left:-14px; content:''; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #5b7fa6; } .comments-box .use-vk:before,.comments-box .use-fb:before{ content:''; position:absolute; z-index:2; top:0; left:0; } .comments-box .use-vk:before{ height:37px; width:30px; left:18px; top:11px; background-position:-365px -27px; } .comments-box .use-fb:before{ height:42px; width:25px; left:21px; top:9px; background-position:-402px -23px; } .fbFeedbackContent .composerHider .uiSelector .uiSelectorButton .uiButtonText{display:none !important;} /*END ARTICLES*/ /*CALENDAR*/ .select_y_m{ margin-top:10px; margin-bottom:-30px; color:#727272; } .select_y_m .year,.select_y_m .month{ display:inline-block; position:relative; margin:0 23px 0 8px; z-index:2; } .select_y_m .selected,.select_y_m .select-box .item{ font-weight:bold; font-size:14px; color:#3b3b3b; cursor:pointer; } .select_y_m .selected{border-bottom:1px dashed #3b3b3b;} .select_y_m .selected:hover{border-color:transparent;} .select_y_m .select-box .active{ color:#e75b4c; cursor:auto; border-color:transparent; } .select_y_m .select-box{ display:none; position:absolute; left:0; top:100%; border:1px solid #bfbfbf; /*border:1px solid #3bc0cc;*/ padding:2px 5px 7px 5px; margin-left:-6px; margin-top:5px; background-color:#ededed; line-height:25px; } .calendar{ position:relative; height:1000px; width:960px; margin:auto; } .learning .calendar{ height:800px; width:771px; } .mini .calendar{ height:700px; width:652px; } .calendar .month{ position:absolute; top:50px; left:0; display:none; opacity:0; width:100%; } .mini .calendar .month{top:0;} .calendar .month.active{display:block;} .calendar .td{ position:relative; display:block; float:left; width:137px; margin-right:-1px; margin-top:-1px; } .learning .calendar .td{width:110px;} .mini .calendar .td{width:92px;} .calendar .tr{ clear:both; margin:auto; } .calendar .top-nav .td{ vertical-align:bottom; padding-bottom:30px; } .learning .calendar .top-nav .td{padding-bottom:20px;} .mini .calendar .top-nav .td{padding-bottom:12px;} .calendar .td.prev,.calendar .td.next{width:273px;} .mini .calendar .td.prev,.mini .calendar .td.next{width:216px;} .calendar .next{text-align:right;} .calendar .prev .link,.calendar .next .link{ color:#3b3b3b; text-decoration:none; font-size:18px; font-weight:bold; cursor:pointer; } .calendar .prev .link:before,.calendar .next .link:after{ height:15px; width:12px; content:''; margin-bottom:-3px; } .calendar .prev .link:before{background-position:-292px -4px;margin-right:7px;} .calendar .next .link:after{background-position:-340px -4px;margin-left:7px;} .calendar .prev .link:hover:before{background-position:-307px -4px;} .calendar .next .link:hover:after{background-position:-325px -4px;} .calendar .month-year{ font-size:24px; text-align:center; font-weight:bold; width:411px; } .learning .calendar .month-year{width:222px;} .mini .calendar .month-year{width:222px;} .calendar .week-days{ background-color:#ededed; border:1px solid #bfbfbf; height:33px; line-height:33px; } .week-days .td{ text-align:center; vertical-align:middle; height:33px; } .calendar .week{width:961px} .learning .calendar .week{width:801px} .mini .calendar .week{width:656px} .calendar .week .td{ /*width:14.28571428571429%;*/ width:136px; height:95px; vertical-align:middle; border:1px solid #bfbfbf; padding:43px 0 0; } .learning .calendar .week .td{ width:109px; height:66px; } .mini .calendar .week .td{ width:92px; height:52px; } .calendar .td.unactive{ background-color:#f7f7f7; /*z-index:-1;*/ } .calendar .td.today .today-text{ color:#e75b4c; position:absolute; top:12px; left:0; width:100%; text-align:center; display:block; } .mini .calendar .td.today .today-text{ left:5px; text-align:left; } .mini .calendar .td.today:before{left:17px;} .calendar .td.today .date-num{color:#3b3b3b;} .calendar .td.event{border:1px solid #3bc0cc;z-index:2;} .learning .calendar .td.event{ border:1px solid #f1c347; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } /*.mini .td.event{background-color:#f1c347;}*/ .calendar .td.event.active{z-index:3;} .learning .td.event.active{background-color:#f1c347; z-index: 20;} /*.calendar .event.today:after{ content:'Сегодня'; color:#e75b4c; text-align:center; position:absolute; top:14px; left:43px; }*/ .calendar .td.event .link{ cursor:pointer; text-decoration:underline; color:#3bc0cc; font-weight:bold; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; width:100px; height:22px; overflow:hidden; text-overflow: ellipsis; white-space:pre; display:inline-block; position:relative; margin-left:14px; } .learning .td.event .link{ text-indent:-9999px; position:absolute; height:100%; width:100%; margin:0; top:0; left:0; } .calendar .td.event .link:hover{text-decoration:none;} .mini .td .link.registered:before{ content:''; position:absolute; top:0; left:0; height:100%; width:100%; background-color:#f1c347; /*background-color:#83c96c; border:1px solid #83c96c;*/ z-index:-1; } .calendar .td.event:before{ position:absolute; top:13px; left:10px; height:20px; width:25px; background-position:-269px -180px; content:''; } .learning .td.event:before{ top:30px; left:30px; height:40px; width:54px; background-position:-398px -669px; } .learning.mini .td.event:before{ left:21px; } .learning .event .label-new{ display:block; height:14px; width:38px; position:absolute; top:33px; left:12px; text-align:center; text-indent:0px; text-transform:uppercase; line-height:13px; font-weight:normal; font-size:12px; color:white; background-color:#e75b4c; } .calendar .td.past{color:#bfbfbf;} .calendar .td.past.event{border-color:#7c7c7c;} .calendar .td.hidden.event{border-color:#bfbfbf;} .calendar .td.past .link{color:#7c7c7c;} .calendar .td.hidden .link{display:none;} .calendar .event.past:before{background-position:-298px -180px;} .learning .event.past:before{background-position:-342px -669px;} .learning .event.td.hidden:before{display:none;} .calendar .date-num{ position:absolute; top:8px; right:10px; font-size:22px; font-weight:bold; } .calendar .event-preview{ padding:43px 1px 52px 2px; width:405px; position:absolute; top:-1px; border:2px solid #3bc0cc; background-color:white; z-index:3; display:none; } .learning .event-preview{border:2px solid #f1c347;} .learning .calendar .event-preview{width:324px;} .mini .calendar .event-preview{width:366px;} .calendar .event-preview.left{right:100%;} .calendar .event-preview.right{left:100%;} .calendar .event-preview.bottom{bottom:0;top:auto;} .calendar .event-preview:before{ content:''; position:absolute; top:43px; border-top:7px solid transparent; border-bottom:7px solid transparent; } .calendar .event-preview.left:before{right:0;border-right:7px solid #3bc0cc;} .calendar .event-preview.right:before{left:0;border-left:7px solid #3bc0cc;} .learning .event-preview.left:before{right:0;border-right:7px solid #f1c347;} .learning .event-preview.right:before{left:0;border-left:7px solid #f1c347;} .learning .event-preview.bottom:before{bottom:43px;top:auto;} .calendar .text{ width:80%; margin:auto; } .calendar .event-preview .date{font-style:italic;} .calendar .event-preview .time{ font-weight:bold; margin:20px 0 0; } .calendar .event-preview h3{ font-size:24px; margin-bottom:27px; } .calendar .event-preview img{max-width:100%;} .calendar .colored-button{margin-top:30px;} .learning .colored-button{margin-top:20px;display:inline-block;} .learning .view-link{ font-weight:bold; color:black; display:inline-block; margin-top:10px; } .learning .view-link:before{ content:''; height:50px; width:50px; background-position:-342px -710px; margin:0 10px -20px 0; } /*END CALENDAR*/ .learning .orange{ padding-top:1px; margin-bottom:40px; } .learning .left-text{ color:#3b3b3b; float:left; width:520px; margin-top:-40px; } .learning .right-image{ display:block; margin:105px 0 0 570px; } .learning hr{ height:1px; width:100%; background-color:#d5d5d5; border:none; margin:45px 0 35px; } .learning p{font-size:18px;} .learning p.center-text{max-width:600px;} .themes-list{ width:140px; float:left; font-size:14px; margin-top:55px; } .themes-list .title{ color:#727272; padding-bottom:15px; border-bottom:1px solid #b3b3b3; } .themes-list .theme{ text-transform:uppercase; margin-top:16px; font-weight:bold; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; cursor:pointer; padding-left:25px; position:relative; } .themes-list .theme:before{ height:18px; width:18px; background-position:-331px -296px; content:''; position:absolute; left:0; } .themes-list .theme.active:before{ background-position:-352px -296px; } .themes-list .theme:hover{ color:#e75b4c; } .themes-list .reset{ margin-top:20px; min-width:auto; display:block; } .learning .calendar-box{ margin-left:185px; } .my-learning{ margin-left:300px; } .my-learning .title{ margin:15px 0; font-size:18px; font-weight:bold; } .my-learning .item{ padding:30px 0; border-top:1px solid #b3b3b3; } .my-learning .date{ height:68px; width:68px; float:left; font-size:17px; text-align:center; background-color:#f1c347; } .my-learning .day{ font-size:34px; font-weight:bold; } .my-learning .month{} .my-learning .text-box{ margin-left:100px; font-size:14px; } .my-learning .name{ font-size:21px; font-weight:bold; margin-top:-5px; margin-bottom:15px; } .my-learning .text{} .my-learning .time{ margin-top:20px; font-weight:bold; } /*---PRODUCTS---*/ .main.products{padding-bottom:0;} .products .images-box{ display:table-cell; position:relative; vertical-align:top; } .products .first-sect .left-col{width:335px;} .products .left-col{ display:table-cell; vertical-align:top; padding:0 80px 80px 0; } .products .prod-props{ /*line-height:31px;*/ line-height:23px; margin-bottom:35px; } .products .attantion{ color:#e75b4c; margin-bottom:20px; } .products .attantion a{font-weight:bold;} .products .white{ padding:90px 0; } .products.archive .white{padding:0 0 50px 0;} .products .props-list{ font-size:18px; margin:5px 25px 30px; } .products .props-list li{ list-style:none; } h1 .comment{ font-size:24px; font-weight:normal; margin-top:6px; } .set-weight,.set-type{ text-transform:uppercase; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-weight:bold; margin-bottom:5px; } .set-weight .item{ display:inline-block; width:65px; height:23px; line-height:22px; margin-right:20px; margin-top:10px; text-align:center; cursor:pointer; } .set-weight .act{ color:white; background-color:#e75b4c; } .set-type span{margin-right:30px;cursor:pointer;} .set-type .selected{color:#e75b4c;} .set-color{ border-top:1px solid #b3b3b3; padding-bottom:40px; position:relative; } .color-list{ position:absolute; top:20px; left:0; display:none; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .set-color .color-name{ margin-bottom:10px; } .set-color .color-name .name{ text-transform:uppercase; color:#838383; padding-left:7px; } .color-list.active{ display:block; opacity:1; position:relative; } .set-color .item{ height:24px; width:24px; border:1px solid #4e4e4e; border-radius:14px; display:inline-block; cursor:pointer; margin:10px 16px 0px 0; } .set-color .item.selected{ border:2px solid #abaaaa; margin:9px 15px -1px -1px; } .products .set-num{ line-height:80px; border-top:1px solid #b3b3b3; } .set-num .plus,.set-num .minus{ width:19px; height:19px; margin-bottom:2px; cursor:pointer; } .set-num .plus{background-position:-290px -113px;margin-left:10px;} .set-num .minus{background-position:-265px -113px;margin-right:10px;} .set-num .num{ font-size:36px; font-weight:bold; color:#adadad; } .set-num .summ{ float:right; font-size:36px; font-weight:bold; } .summ:after,.price:after{ content: '\e809'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; font-size:0.8em; } .busket-buttons{} .busket-buttons .colored-button{ display:inline-block; min-width:100px; font-size:16px; text-align:center; } .to-busket{ font-size:16px; float:left; } .to-busket:before{ content:''; height:21px; width:23px; background-position:-233px -112px; margin-bottom:-6px; margin-right:7px; } .quick-order{ font-size:16px; /*margin-left:8px; float:right;*/ } .to-busket,.quick-order{padding-left:20px;padding-right:25px;} .to-club{ width:190px; } .busket-buttons .comment{ width:230px; margin-top:10px; font-size:11px; font-style:italic; } /*Picaso 3D Designer*/ .designer-s1{display:table;} .designer-s1 .images-box{ height:550px; padding-bottom:80px; } .designer-s1 .images-box img{ right:0; position:absolute; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .designer-s1 .images-box img.active{opacity:1;} .designer-s2{position:relative;} .designer-s2 .center{display:table;} .designer-s2 .image-box{ display:table-cell; width:396px; } .designer-s2 .image-box img{ display:block; margin:82px -95px 105px 0; } .designer-s2 .right-text{ display:table-cell; color:white; font-size:18px; vertical-align:top; } /*.designer-s2 .h1{margin-top:100px;}*/ .designer-s2 .video-button{ position:relative; text-transform:uppercase; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-weight:bold; width:175px; margin:208px 0 0 80px; cursor:pointer; } .video-button:before{ height:60px; width:60px; background-position:-138px -146px; position:absolute; left:-80px; top:-5px; content:''; } .designer-s2 .video-box{ position:absolute; height:100%; width:100%; top:0; left:0; display:none; } .designer-s2 .video-box iframe{ margin:-240px 0 0 -426px; position:absolute; top:50%;left:50%; } .designer-s3{ text-align:center; } .designer-s3 .h1{width:650px;margin:auto;} .designer-s3 .comment{ font-size:18px; width:480px; margin:auto; } .designer-s3 .performance{ margin-top:95px; display:table; width:100%; text-align:center; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; } .designer-s3 .item{display:table-cell;} .designer-s3 .capability{ width:135px; font-size:18px; line-height:25px; text-transform:uppercase; margin:42px auto 0; font-weight:bold; } .designer-s3 .capability:after{ height:1px; width:80px; background-color:#b3b3b3; display:block; margin:18px auto; content:''; } .designer-s3 .item p{ color:#8b8b8b; font-size:16px; line-height:20px; width:160px; margin:0 auto 120px; } .designer-s4 .center{ display:table; padding:0 0 110px; } .designer-s4 .left{ display:table-cell; vertical-align:top; padding-left:20px; width:425px; } .designer-s4 .comment{ color:white; width:365px; font-size:18px; margin-bottom:50px; } .designer-s4 .advantages{} .designer-s4 .advantages ul{width:330px;} .designer-s4 .advantages li{ list-style:none; position:relative; margin-left:24px; margin-top:16px; } .designer-s4 .advantages li:before{ content:''; width:16px; height:1px; /*background-color:#3b3b3b;*/ background-color:white; position:absolute; left:-22px; top:10px; } .designer-s4 .transparent-button{ margin-top:44px; display:inline-block; } .designer-s4 .image-box{ display:table-cell; vertical-align:top; width:518px; } .designer-s4 .image-box img{ display:block; margin-left:-55px; margin-top:87px; } .prod-gallery-box{ padding:0 0 105px; } .prod-gallery-box .gallery{ width:960px; margin:auto; } .prod-gallery-box .gallery-pager{ width:972px; margin:5px auto; position:relative; left:-4px; } .prod-gallery-box .thumb-item{ margin:7px 5px 0 4px; display:inline-block; height:102px; width:182px; } .specification-box{ color:#3b3b3b; padding:0 0 105px; text-align:center; } .green.specification-box, .blue.specification-box, .red.specification-box {color:white;} .specification{ display:table; width:100%; } .specification .col{ display:table-cell; width:30%; padding:3.333%; text-align:left; } .specification h4{ margin-top:53px; font-size:18px; text-transform:uppercase; } .specification h4:after{ display:block; content:''; height:2px; background-color:#3b3b3b; margin:8px 0; } .blue .specification h4:after, .green .specification h4:after, .red .specification h4:after{background-color:white;} .specification .name{ font-size:16px; color:#9a9a9a; font-weight:bold; margin-top:25px; } .blue .specification .name{color:#278189;} .green .specification .name{color:#578548;} .red .specification .name{color:#a14035;} .specification .value{font-size:18px;font-weight:bold;} /*END Picaso 3D Designer*/ /*pro-250*/ .pro-250{ padding:0 0 85px 0; text-align:center; } .pro-250 .comment{ font-size:18px; width:820px; margin:auto; line-height:24px; } .pro-250 .img{ display:block; margin:45px auto -60px; } #main .pro-250 .colored-button{ display:inline-block; text-transform:uppercase; font-size:18px; height:50px; line-height:50px; border-bottom:3px solid #bb4a3e; padding:0 24px; } /*END pro-250*/ /*builder*/ .builder-2{ display:table; width:100%; } .builder-2 .col{ display:table-cell; padding-bottom:80px } .builder-2 .col .title{ font-size:24px; margin-top:10px; } .builder-2 .col li{ list-style:none; line-height:36px; } .builder-2 .col li:before{ display:inline-block; content:''; height:1px; width:15px; background-color:#3b3b3b; margin:0 10px 4px 0; } .in-archive{ padding-top:30px; font-size:18px; color:#e75b4c; font-weight:bold; border-top:1px solid #b3b3b3; } /*end builder*/ /*Plastics*/ .plastics-s0{padding-bottom:60px;} .plastics-s0 .comment{ font-size:18px; width:500px; margin:auto; text-align:center; } .plastics-s1.center{ position:relative; height:500px; text-align:center; } .plastics-s1 .img{ margin-top:55px; margin-left:-20px; } .plastics-s1 .item{ position:absolute; text-align:left; } .plastics-s1 .name{ text-transform:uppercase; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-weight:bold; } .plastics-s1 .prop{ position:relative; display:block; cursor:pointer; text-decoration:underline; margin-top:5px; } .plastics-s1 .prop:hover{ text-decoration:none; } .plastics-s1 .prop:before{ content:''; width:16px; height:1px; background-color:#3b3b3b; /*position:absolute; left:-22px; top:10px;*/ display:inline-block; margin:0 4px 4px 0; } .plastics-s1 .item.i1{ left:50%; margin-left:-400px; top:50px; } .plastics-s1 .item.i2{ left:50%; margin-left:-450px; top:220px; } .plastics-s1 .item.i3{ left:50%; margin-left:-430px; top:405px; } .plastics-s1 .item.i4{ left:50%; margin-left:310px; top:50px; } .plastics-s1 .item.i5{ left:50%; margin-left:340px; top:220px; } .plastics-s1 .item.i6{ left:50%; margin-left:310px; top:405px; } .plastics-s1 .item:before{ height:66px; width:66px; content:''; position:absolute; top:-23px; } .plastics-s1 .item.i1:before{ background-position:0 -517px; left:100%; margin-left:10px; } .plastics-s1 .item.i2:before{ background-position:-70px -517px; left:100%; margin-left:10px; } .plastics-s1 .item.i3:before{ background-position:-141px -517px; left:100%; margin-left:10px; } .plastics-s1 .item.i4:before{ background-position:-213px -517px; right:100%; margin-right:30px; } .plastics-s1 .item.i5:before{ background-position:-286px -517px; right:100%; margin-right:30px; } .plastics-s1 .item.i6:before{ background-position:-360px -517px; right:100%; margin-right:30px; } .plastics-s1 .transparent-button{ margin-top:65px; } .plastics-item{position:relative;} .plastics-item .text{ width:410px; padding:50px 0 110px; } .plastics-item .text p{margin-bottom:7px;} .plastics-item .text.right{margin-left:525px;} .plastics-item .image-box{ position:absolute; top:0; left:0; } .plastics-item .image-box.right{ left:auto; right:0; text-align:right; } .plastics-item .future-product{ font-size:20px; } .plastics-item .future-product:before{ height:65px; width:65px; background-position:-194px -350px; margin:-20px 10px -22px 0; content:''; } .characteristics{ background-color:white; width:1000px; padding:30px 20px; position:absolute; z-index:102; left:50%; margin-left:-520px; display:none; } #charact-fon{ position:fixed; height:100%; width:100%; background-color:rgba(0,0,0,0.5); z-index:101; top:0; left:0; display:none; } .characteristics .cross,.popup .cross{ height:22px; width:22px; background-position:-403px -109px; position:absolute; top:16px; right:20px; cursor:pointer; } .characteristics .caption{ text-transform:uppercase; margin-bottom:15px; } .characteristics table{ border-collapse: collapse; width:1000px; } .characteristics .line{ border-bottom:1px solid #cccccc; } .characteristics .line:last-child{border:none;} .characteristics .line:hover{background-color:#e6e6e6;} .characteristics td{ font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-size:14px; vertical-align:middle; padding:12px 3px; } .characteristics .flag{ cursor:pointer; text-align:center; } .characteristics .flag .ico{ height:11px; width:24px; background-position:-307px -244px; display:block; margin:auto; } .characteristics .flag.hidden .ico{ background-position:-332px -244px; } .characteristics .top{ background-color:#e9bd45; font-weight:bold; } .characteristics .top .hidden{ opacity:0.5; } .characteristics .name{ text-align:left; padding-left:15px; } .characteristics .val{ text-align:center; border-left:1px solid #cccccc; } .characteristics .top .val{border:none;} .characteristics .val.hidden span{display:none;} /*END Plastics*/ /*BUY Plastics*/ .buy-plastic-s1{display:table;} .buy-plastic-s1 .images-box{ width:500px; } .buy-plastic-s1 .images-box img{ display:block; position:absolute; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .buy-plastic-s1 .images-box img.active{opacity:1;} .buy-plastic-s2{color:white;text-align:center;} .buy-plastic-s2 .h1{padding-top:100px;} .buy-plastic-s2 .comment{ width:540px; font-size:18px; margin:0 auto 40px; } .buy-plastic-s2 .text-box{ padding:30px 0 80px 0; margin-top:55px; border-top:1px solid #bb9735; font-size:18px; text-align:left; } .blue.buy-plastic-s2 .text-box{border-top:1px solid #278189;} .orange.buy-plastic-s2 .text-box{border-top:1px solid #bb9735;} .green.buy-plastic-s2 .text-box{border-top:1px solid #578548;} .violet.buy-plastic-s2 .text-box{border-top:1px solid #ba7fbb;} .gray.buy-plastic-s2 .text-box{border-top:1px solid #666666;} .yellow.buy-plastic-s2 .text-box{border-top:1px solid #c9a93c;} .red.buy-plastic-s2 .text-box{border-top:1px solid #b9493d;} .buy-plastic-s2 .text-box p{margin-bottom:7px;} /*END BUY Plastics*/ /*tying products*/ .tying-products{display:table;} .tying-products h1{ height:100px; color:#3b3b3b; } .left-menu{ display:table-cell; vertical-align:top; } .left-menu .top{ color:#727272; width:130px; padding-bottom:18px; border-bottom:1px solid #b3b3b3; margin-top:130px; } .left-menu .item{ font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-weight:bold; width:130px; margin-top:25px; display:block; text-decoration:none; color:#3b3b3b; } .left-menu .item.active,.left-menu .item:hover{color:#e75b4c;} .products-list-box{ display:table-cell; vertical-align:top; width:766px; } .products-list-box .top{ color:#727272; padding-bottom:18px; border-bottom:1px solid #b3b3b3; margin-bottom:30px; } .products-list-box .top .seemed{margin-right:20px;} .products-list-box .top a{color:#727272;} .products-list-box .page-nav{float:right;} .products-list-box .page-nav .active{ font-weight:bold; color:#e75b4c; } .products-list{ /*width:766px;*/ width:819px; margin-right:-53px; } .products-list .item{ float:left; height:420px; width:220px; margin-bottom:80px; margin-right:53px; } .products-list .img-box{ height:235px; width:100%; position:relative; text-align:center; display:table-cell; vertical-align:middle; } .products-list .img-box.no-image:after{ position:absolute; height:190px; width:196px; top:60px; left:12px; content:''; background-position:-104px -594px; } .products-list .img-box img{ max-width:100%; max-height:100%; } .products-list .text-box{ height:100px; } .products-list .name{ font-size:16px; color:black; font-weight:bold; } .products-list .descrip{} .products-list .buy-box{} .products-list .summ{ font-size:24px; font-weight:bold; float:left; } .products-list .set-num{ text-align:right; font-weight:bold; color:#b3b3b3; line-height:32px; } .products-list .set-num .ico{margin-bottom:-4px;} .products-list .num{font-size:16px;} .products-list .to-busket, .products-list .to-club{ margin-top:20px; clear:both; text-align:center; } .products-list .comment{ font-size:11px; line-height:1.2em; margin-top:10px; } /*END tying products*/ /*CART*/ .order-list{ margin-right:340px; min-height:200px; } .order-list .products-num{ color:#727272; margin-bottom:15px; } .order-list .item{ border-top:1px solid #b3b3b3; display:table; width:100%; } .order-list .item .number, .order-list .item .img-box, .order-list .item .props-box{ display:table-cell; vertical-align:top; padding:55px 0 43px; } .order-list .item .number{ width:40px; } .order-list .item .img-box{ width:200px; text-align:center; padding:0; vertical-align:middle; } .order-list .item .props-box{ padding-left:37px; } .order-list .item .props{ font-size:18px; margin-bottom:10px; } .order-list .item .props a{ color: #3b3b3b; text-decoration: none; } .order-list .item .props a:hover{ text-decoration: underline; } .order-list .item .remove{ color:#e75b4c; text-decoration:underline; cursor:pointer; } .order-list .item .remove:hover{text-decoration:none;} .order-list .item .num-box{ margin:23px 0 15px; position:relative; width:135px; } .order-list .item .inp-num{ width:45px; padding:2px 5px; font-size:16px; font-weight:bold; text-align:right; border:1px solid #898989; margin-left:12px; } .order-list .item .plus,.order-list .item .minus{ width:12px; height:13px; position:absolute; right:0; cursor: pointer; } .order-list .item .plus{ background-position:-393px -135px; top:0; } .order-list .item .minus{ background-position:-404px -130px; bottom:0px; } .total-box{ width:220px; background-color:#ededed; padding:20px; float:right; color:#727272; margin-top:-20px; } .total-box .title{ color:#e75b4c; border-bottom:1px solid #b3b3b3; padding-bottom:17px; font-size:24px; } .total-box b{ color:#3b3b3b; font-size:24px; float:right; } .total-box .line{ font-size:18px; line-height:50px; display:block; border-bottom:1px solid #b3b3b3; } .total-box .cart-list{ font-size:12px; line-height:1.5em; margin-bottom:20px; } .total-box .cart-list .item{ font-size: 12px; color: #3b3b3b; line-height: normal; margin-bottom: 15px; } .total-box .cart-list .count{ color: #3fbfcb; } .total-box .cart-list .price{ font-size: 14px; font-weight: bold; display:inline-block; } .total-box .cart-list a{color:black;text-decoration:none;} .total-box .cart-list a:hover{text-decoration:underline;} .total-box a.colored-button,.total-box a.transparent-button{ display:block; margin:30px 0 20px; text-align:center; font-size:16px; } .total-box .clear-cart{ width:130px; margin:auto; display:block; cursor:pointer; color: #727272; text-decoration: none; } .clear-cart:before{ content:''; width:10px; height:15px; background-position:-393px -149px; margin:0 10px -2px 0; } .total-box .clear-cart:hover{text-decoration:underline;} /*END CART*/ /*PHOTOGALLERY*/ .photogallery{ padding-bottom:80px; } .photogallery .isotope{ margin:auto; width:942px } .photogallery .isotope .item{cursor:pointer;} .photogallery .preview{ display:block; margin:12px; position:relative; } .photogallery .isotope .preview .img{display:block;} .photogallery .isotope .item .fon{ position:absolute; top:0; left:0; z-index:-1; height:100%; width:100%; background-color:rgba(0,0,0,0.6); opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .photogallery .isotope .fon .ico { position:absolute; height:54px; width:53px; background-position:-139px -292px; content:''; top:50%; left:50%; margin:-27px 0 0 -27px; opacity:1; } .photogallery .isotope .item .name{ color:white; position:absolute; top:15px; left:20px; z-index:2; font-size:16px; max-width:250px } .photogallery .isotope .preview:hover .fon{ z-index:2; opacity:1; } .photogallery .load{ display:block; margin:70px auto 0; width:90px; text-align:center; } .gal-overflow{ position:fixed; top:0; left:0; height:100%; width:100%; z-index:9999; display:none; } .gal-overflow .fon{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.4); height:100%; width:100%; z-index:3; } .gal-overflow .top-line{ width:100%; height:48px; background-color:#333333; border-bottom:1px solid #5b5b5b; color:white; font-size:16px; position:relative; z-index:3; } .gal-overflow .name{ float:left; line-height:48px; margin-left:30px; font-size:16px; } .gal-overflow .top-line .ctrl{ height:100%; width:79px; float:right; cursor:pointer; text-align:center; } .gal-overflow .top-line .ctrl:hover{ background-color:#050505; } .gal-overflow .ico{ height:25px; width:15px; margin-top:10px; } .gal-overflow .prev .ico{background-position:-352px -214px;} .gal-overflow .next .ico{background-position:-335px -214px;} .gal-overflow .cross .ico{width:25px;background-position:-302px -214px;} .gal-overflow .advice{ position:absolute; top:73px; right:26px; color:#333333; background-color:#e9e9e9; width:158px; padding:15px 10px; text-align:center; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-size:12px; z-index:4; } .gal-overflow .advice .ico{ height:26px; width:26px; margin:0 11px 3px; } .gal-overflow .esc{background-position:-208px -213px;} .gal-overflow .left{background-position:-239px -213px;} .gal-overflow .right{background-position:-270px -213px;} .gal-overflow .detail{position:relative;} .gal-overflow .detail .img{ display:block; margin:auto; position:relative; z-index:3; } #zoom_div{z-index:100;} /*END PHOTOGALLERY*/ /*SUPPORT*/ /*.search-faq-box{ position:relative; margin:60px 0; } .query_ask{ width:930px; padding:13px; border:2px solid #cccccc; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; } .query_ask:focus{border-color:#3fbfcb;} .query_ask::-webkit-input-placeholder { color: #3b3b3b; text-transform:uppercase; opacity:1; } .query_ask:-moz-placeholder { color: #3b3b3b; text-transform:uppercase; opacity:1; } .query_ask::-moz-placeholder { color: #3b3b3b; text-transform:uppercase; opacity:1; } .query_ask:-ms-input-placeholder { color: #3b3b3b; text-transform:uppercase; opacity:1; } .search-faq-box .ico{ height:25px; width:23px; background-position:-228px -243px; position:absolute; top:11px; left:920px; } .faq-list{margin-bottom:80px;} .faq-list .item{ padding-left:20px; margin-top:25px; position:relative; } .faq-list .item .quest{ color:#7f7f7f; font-size:18px; font-weight:bold; cursor:pointer; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .faq-list .item.active .quest{ color:#e75b4c; } .faq-list .quest:before{ content:''; position:absolute; top:4px; left:3px; height:16px; width:9px; background-position:-208px -242px; } .faq-list .active .quest:before{ top:8px; left:0; width:16px; height:9px; background-position:-208px -264px; } .faq-list .item .answer{ margin-top:10px; display:none; } */ .soft-list{margin-top:60px;margin-bottom:55px;} .soft-list .item{ width:256px; padding:20px; border:1px solid #ededed; margin:11px; float:left; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; } .soft-list .item:hover{ border:3px solid #3fbfcb; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:9px; } .soft-list .img-box{ height:200px; text-align:center; padding-top:5px; } .soft-list .text-box{} .soft-list .name{ display:block; text-transform:uppercase; font-size:18px; font-weight:bold; height:52px; } .soft-list .text{height:80px;} .soft-list .download-box{ height:32px; } .soft-list .left{ float:left; font-weight:bold; font-size:13px; } .soft-list .version{height:17px;margin-top:-2px;} .soft-list .date{ font-weight:normal; font-size:12px; } .soft-list .transparent-button.download{ display:block; float:right; padding-left:0; padding-right:0; text-align:center; width:126px; } .support .welcome{ position:relative; font-size:18px; } .support .welcome .left{ float:left; width:520px; padding-top:55px; } .support .welcome .img{ float:right; padding-top:100px; } .support .welcome img{display:block;} /*END SUPPORT*/ /*CONTACTS*/ /*.contacts-page{padding-bottom:130px;}*/ .contacts-page .address,.contacts-page .phone,.contacts-page .mail{ width:45%; position:relative; padding-left:42px; padding-top:0; margin-bottom:13px; } .contacts-page .address,.contacts-page .phone{float:left;} .contacts-page .phone{clear:left;} .contacts-page .mail{ float:right; } .contacts-page .address:before, .contacts-page .phone:before, .contacts-page .mail:before, .d-orders .list .address:before{ content:''; width:30px; height:30px; position:absolute; left:0; top:-3px; } .contacts-page .address:before, .d-orders .list .address:before{background-position:-394px -68px;} .contacts-page .phone:before{background-position:-358px -68px;} .contacts-page .mail:before{background-position:-321px -68px;} .contacts-page .map{ clear:both; padding-top:35px; margin-bottom:60px; } .map.distributors{margin-top:60px;} /*.map .ymaps-layers-pane, .map .ymaps-2-1-22-user-selection-none, .map .ymaps-2-1-22-tile-container-dom-print-patch, .map .ymaps-2-1-22-ground-pane,*/ .map .ymaps-2-1-70-ground-pane, .map .ymaps-2-1-71-ground-pane, .map .ymaps-2-1-72-ground-pane, .map .ymaps-2-1-73-ground-pane, .map .ymaps-2-1-74-ground-pane, .map .ymaps-2-1-75-ground-pane, .map .ymaps-2-1-76-ground-pane, .map .ymaps-2-1-77-ground-pane, .map .ymaps-2-1-78-ground-pane, .map .ymaps-2-1-79-ground-pane, .map .ymaps-2-1-80-ground-pane, .map .ymaps-2-1-81-ground-pane, .map .ymaps-2-1-82-ground-pane, .map .ymaps-2-1-83-ground-pane, .map .ymaps-2-1-84-ground-pane, .map .ymaps-2-1-85-ground-pane, .map .ymaps-2-1-86-ground-pane, .map .ymaps-2-1-87-ground-pane, .map .ymaps-2-1-88-ground-pane, .map .ymaps-2-1-89-ground-pane, .map .ymaps-2-1-90-ground-pane, .map .ymaps-2-1-91-ground-pane, .map .ymaps-2-1-92-ground-pane, .map .ymaps-2-1-93-ground-pane, .map .ymaps-2-1-94-ground-pane, .map .ymaps-2-1-95-ground-pane, .map .ymaps-2-1-96-ground-pane, .map .ymaps-2-1-97-ground-pane, .map .ymaps-2-1-98-ground-pane, .map .ymaps-2-1-99-ground-pane /*,.unactive img*/{ /*2.0*/ filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .ymaps-2-1-22-default-cluster{z-index:2} .map-baloon{ background-color:white; border:2px solid #e75b4c; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; position:relative; width:300px; } .y-blue.map-baloon{ border:2px solid #3fbfcb; } .map-baloon .arrow{ position:absolute; display:block; height:21px; width:25px; left:30%; bottom:-18px; margin-left:-2px; background-position:-255px -248px; } .y-blue.map-baloon .arrow{background-position:-301px -299px;} .map-baloon .close{ cursor:pointer; position:absolute; top:10px; right:10px; height:16px; width:16px; background-position:-282px -247px; } .map-baloon .map-baloon-inner{ margin:16px; } .map-baloon .b-name{ font-weight:bold; font-size:16px; max-width:240px; } .map-baloon .b-adress,.map-baloon .b-phone{font-size:13px;} .map-baloon .b-adress span,.map-baloon .b-phone span{color:#898787} .map-baloon .b-text{font-size:12px;} .map-baloon .b-site{font-size:16px;} .y-blue.map-baloon .b-site{color:#3fbfcb;} .map-point-descrip{text-align:center;} .map-point-descrip .item{ display:inline-block; margin:20px 50px 10px; font-style:italic; } .map-point-descrip .ico{ height:50px; width:36px; margin:0 10px -20px 0; } .map-point-descrip .distributor{background-position:-265px -364px;} .map-point-descrip .dealer{background-position:-304px -364px;} /*END CONTACTS*/ /*ABOUT*/ .partner-list{ margin:80px 33px 80px 33px; overflow:hidden; } .partner-list .item{ width:298px; height:207px; float:left; border-right:2px solid #ededed; border-bottom:2px solid #ededed; position:relative; margin:0 -2px -2px 0; } .partner-list .partner-logo{margin-top:103px} .partner-list .preview_picture{ display:block; margin:auto; filter: url("data:image/svg+xml;utf8,#grayscale") ; -webkit-filter: grayscale(100%) ; -moz-filter: grayscale(100%) ; -ms-filter: grayscale(100%) ; -o-filter: grayscale(100%) ; filter: grayscale(100%) ; filter: gray; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .partner-list .item:hover .preview_picture{ filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .partner-list .descrip{ position:absolute; height:100%; width:100%; background-color:#3b3b3b; color:white; top:0; left:100%; display:none; z-index:2; } .partner-list .descrip:after{ content:''; border-top:30px solid transparent; border-bottom:30px solid transparent; border-right:17px solid #3b3b3b; display:block; position:absolute; top:50%; margin-top:-30px; right:100%; } .partner-list .descrip.right{ left:auto; right:100%; } .partner-list .descrip.right:after{ right:auto; left:100%; border-right:none; border-left:17px solid #3b3b3b; } .partner-list .name{ font-size:16px; font-weight:bold; margin:15px 20px; } .partner-list .text{ font-size:12px; line-height:15px; margin:0 20px; } .partner-list .text.params{line-height:18px;} .partner-list .site{ font-size:16px; color:#f1c347; position:absolute; bottom:15px; left:20px; } .to-be-partner{ padding:0 65px 50px; text-align:center; font-size:18px; color:#3b3b3b; } .to-be-partner a.transparent-button{font-size:16px;} .about-us{ font-size:16px; line-height:25px; } .center-text{ text-align:center; } .about-us .images{ margin:100px 0; } .images .caption{ text-align:center; font-size:16px; font-style:italic; color:#7d7d7d; } .about-us .gray-header:after{ display:none; } .about-us .slide{ padding:100px 0; } .refs{ margin-top:100px; line-height:40px; font-size:18px; } .rewards{ background-color:#ededed; padding:95px 0; } .reward{ display:inline-block; vertical-align:top; width:33%; text-align:center; min-width:295px; padding:0 15px; box-sizing:border-box; } .reward .img-box{ display:inline-block; width:175px; height:175px; border-radius:50%; overflow:hidden; } .reward .img-box img{ max-width:100%; } .img-box.empty{ background-color:#d0d6df; } .reward .title{ margin-top:40px; font-weight:600; font-size:18px; } .reward .title:after{ content:""; display:block; margin:15px auto; border-top:1px solid #b3b3b3; width:80px; } .reward .descr{ color:#8b8b8b; } .vacation-list{ margin:80px 0; } .question{ transition:all 0.5s ease; position:relative; border-bottom:1px solid #b3b3b3; padding:20px 20px 20px 30px; } .question:after, .question:before{ content:""; display:block; position:absolute; left:4px; top:26px; border-top:7px solid transparent; border-left:7px solid #3d3d3d; border-bottom:7px solid transparent; } .question:after{ border-left:7px solid #fff; left:3px; } .question .title{ cursor:pointer; transition:all 0.5s ease; font-size:18px; font-weight:bold; } .question .answer{ display:none; font-size:14px; margin-top:35px; } .question.active .answer{display:block;} .question:hover .title, .question.active .title{color:#e75b4c;} .question.active:after, .question.active:before{ top:28px; border-top:7px solid #e75b4c; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:none; } .question.active:after{ border-top:7px solid #fff; left:4px; top:27px; } .addresses{ margin-bottom:100px; } .address{ clear:both; padding-top:60px; } .address .img-box{ width:100%; float:left; max-width:460px; margin-right:85px; height:285px; } .address .img-box.empty{ background-color:#d0d6df; } .address .descr{font-size:14px;} .address .title{ font-weight:bold; font-size:18px; margin-bottom:25px; } .address .map-view{ font-size:14px; text-decoration:none; color:#9d9d9d; margin-top:40px; } .map-view:before{ content:""; background-image:url(/images/location-grey.png); width:11px; height:16px; display:inline-block; vertical-align:middle; margin-right:5px; } /*END ABOUT*/ /*applying*/ .solutions-list{ margin-bottom:-130px; } .solutions-list .link{text-decoration:none;} .solutions-list .item{ position:relative; height:209px; width:100%; overflow:hidden; } .solutions-list .item.orange{background-color:#f1c347;} .solutions-list .fon{ height:100%; width:100%; position:absolute; left:0; top:0; z-index:1; opacity:1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .solutions-list .fon:before{ content:''; height:100%; width:50%; position:absolute; left:0; top:0; display:block; } .solutions-list .orange .fon:before{background-color:#e6ba43;} .solutions-list .red .fon:before{background-color:#dc5747;} .solutions-list .blue .fon:before{background-color:#3cb6be;} .solutions-list .green .fon:before{background-color:#7dc065;} .solutions-list .gray .fon:before{background-color:#7a7a77;} .solutions-list .violet .fon:before{background-color:#ba7fbb;} .solutions-list .preview{ display:block; position:absolute; top:0; left:50%; margin:0 0 0 -516px; } .name-box{ height:64px; display:table; z-index:2; position:absolute; top:50%; left:50%; margin:-32px 0 0 154px; width:346px; -webkit-transition: margin-left 0.5s ease; -moz-transition: margin-left 0.5s ease; -ms-transition: margin-left 0.5s ease; -o-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; } .solutions-list .name{ height:64px; display:table-cell; width:346px; vertical-align:middle; text-align:center; color:white; font-size:24px; text-decoration:none; font-weight:bold; } .solutions-list .item:hover .fon{opacity:0;} .solutions-list .item:hover .name-box{margin-left:-174px;} /*END applying*/ /*stories*/ .story-filter{ text-align:center; margin:30px 0 45px; } .gray-line{ border-top:2px solid #f1f1f1; width:100%; height:0; margin-top:-15px; } .story-filter .box{display:inline;} .story-filter .item{ display:inline-block; padding:1px 8px; margin:5px; font-weight:bold; font-size:16px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; } .story-filter.printer .item{ padding:5px 15px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid black; } .story-filter .item.sect{background-color:#d9d9d9;} .story-filter.printer .item.sect{ border:1px solid #d9d9d9; } .story-filter .item.active{ background:#3b3b3b; color:white; } .story-filter.printer .item.active{ background:#51c0ca; border:1px solid #51c0ca; } .stories{margin-bottom:-127px;} .stories .item{ position:relative; width:1600px; left:50%; margin-left:-800px; overflow:hidden; height:482px; -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -ms-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; } .stories .item.hidden{height:0;} .stories .item:after{ position:absolute; top:3px; left:0; height:100%; width:100%; opacity:0; display:block; content:''; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .stories .item:hover:after{ background-color:black; opacity:0.4; } .stories .img{display:block;margin-top:3px;} .stories .box{ position:absolute; top:0; left:50%; margin-left:-350px; width:700px; text-align:center; color:white; z-index:2; } .stories h3{ font-size:38px; margin:140px auto 20px; font-weight:normal; } .stories .preview-text{font-size:16px;} .stories a.transparent-button, .competitions a.transparent-button, .job a.transparent-button{ border-color:white; color:white; } .stories a.transparent-button{margin-top:44px;} .stories a.transparent-button:hover, .competitions a.transparent-button:hover, .job a.transparent-button:hover{ background-color:#e75b4c; border-color:#e75b4c; } .story-detail{ width:1600px; position:relative; left:50%; margin-left:-800px; } .story-detail .top{color:white;} .story-detail .top .img{display:block;} .story-detail .top .box{ position:absolute; top:55px; left:50%; margin-left:-480px; width:960px; text-align:center; } .story-detail .picaso-logo{ height:28px; width:112px; background-position:-257px -267px; display:block; margin:0 auto 22px; } .story-detail .colored-button{ text-transform:uppercase; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-weight:bold; } .story-detail h1{ font-size:96px; font-weight:normal; width:760px; margin:60px auto 0; line-height:1em; } .story-detail h1:after{display:none;} .story-detail .preview-text{ font-size:24px; width:700px; height:168px; margin:64px auto 0; } .story-detail .soc-box{ display: none; margin:10px auto 0; } .story-detail .scroll-button{ height:52px; width:52px; background-position:-197px -293px; display:block; margin:90px auto 0; cursor:pointer; } .story-detail .content{ width:670px; margin-left:480px; line-height:25px; font-size:16px; padding-top:60px; } .story-detail .content h2,.story-detail .content h3{ font-family:Georgia,serif; font-size:40px; font-weight:normal; margin-bottom:-16px; line-height:1em; } .story-detail .content h4{ font-family:Georgia,serif; font-size:18px; margin-bottom:-17px; } .story-detail .content p,.story-detail .content div{ margin:28px 0; } /*.story-detail .content img{ margin:40px -480px; width:1600px; }*/ .story-detail .content img{ margin:40px -180px; width:1000px; display:block; height:auto; } .story-detail .content .gallery{ text-align:center; margin:40px -180px; width:1000px; display:block; height:auto; } .story-detail .content .gallery img{margin:auto;} /*END stories*/ /*about company*/ .about_company{ position:relative; z-index:2; background-color:white; overflow:hidden; } .about_company .nav{ display:block; position:fixed; top:50%; right:28px; z-index:3; width:18px; } .about_company .nav .item{ position:relative; height:18px; width:18px; background-position:-253px -315px; cursor:pointer; margin-bottom:8px; } .about_company .nav .item:hover, .about_company .nav .item.active{ background-position:-253px -296px; } .about_company .nav .caption{ font-weight:bold; color:white; position:absolute; right:29px; opacity:0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .about_company .nav .item:hover .caption, .about_company .nav .item.active .caption{ opacity:1; } .about_company .year-box{ overflow:hidden; position:relative; } .about_company .year-box:before{ height:100%; width:1px; left:50%; top:0; content:''; display:block; position:absolute; background-color:white; } .about_company .year{ background-color:inherit; position:relative; z-index:2; font-size:90px; font-weight:bold; text-align:center; padding:40px; margin:26px auto; } .about_company .year-box:first-child .year{ margin-top:-25px; padding-top:80px; } .about_company .year:before, /*.about_company .year:after*/ .about_company .date:before{ margin-left:-11px; left:50%; content:''; display:block; position:absolute; height:14px; width:14px; border:4px solid white; -webkit-border-radius:11px; -khtml-border-radius:11px; -moz-border-radius:11px; border-radius:11px; } .about_company .year:before{top:0;} .about_company .year:after{bottom:0;} .about_company .event{ position:relative; z-index:2; width:960px; margin:-48px auto 80px; } .about_company .date{ height:22px; width:132px; line-height:21px; background-color:white; color:black; position:relative; font-weight:bold; text-align:center; margin:0 0 -20px 50%; left:-165px; } .about_company .date:after{ height:0; width:0; border-bottom:11px solid transparent; border-top:11px solid transparent; border-left:11px solid white; position:absolute; left:100%; top:0; content:''; display:block; } .about_company .date:before{ left:100%; margin:0 0 0 22px; } .about_company .right .date:before{ left:auto; margin:0 25px 0 0; right:100%; } .about_company .green .date:before{} .about_company .yellow .date:before{background-color:#fcdf43;} .about_company .green .date:before{background-color:#83c96c;} .about_company .blue .date:before{background-color:#3fbfcb;} .about_company .red .date:before{background-color:#e75b4c;} .about_company .orange .date:before{background-color:#e9bd45/*fac73f*/;} .about_company .violet .date:before{background-color:#c385c7;} .about_company .gray .date:before{background-color:#80807f;} .about_company .lightgray .date:before{background-color:#ededed;} .about_company .white .date:before, .about_company .black .date:before{background-color:#000000;} .about_company .about_company h3{ width:440px; /*padding:0 20px; margin:-27px 0 13px 50%;*/ font-size:24px; } .about_company .text{ width:440px; padding:0 20px; } .about_company .text div, .about_company .text p{margin-bottom:20px;} .about_company .img .descrip{ width:360px; font-style:italic; } .about_company .left h3{margin-top:-28px;} .about_company .left .text{float:right;padding-left:0;} .about_company .left .img{float:left;margin-top:35px;} .about_company .right .date{left:36px;} .about_company .right .date:after{ left:-11px; border-left:0px solid white; border-right:11px solid white; } .about_company .right h3{margin-top:-10px;} .about_company .right .img{float:right;margin-top:35px;} .about_company .right .text{float:left;clear:left;padding-left:0;} .about_company .center h3{margin-top:-23px;} .about_company .center .img{margin:20px 0;} .about_company .center .img .descrip{margin-left:20px;} .about_company .center .text{margin-left:50%;} /*END about company*/ /*soft-detail*/ .soft.products{background-color:#ededed;} .soft.products .first-sect{} .soft.products .first-sect .left-col{ width:386px; } .soft.products .first-sect .version{font-weight:bold;} .soft.products .first-sect .date{} .soft.products .first-sect .download{ width:90px; display:block; text-align:center; margin-top:15px; } .soft.products .first-sect .images-box{} .soft .first-sect .images-box img{ margin:0 0 0 -80px; position:absolute; } .soft.products img{ display:block; margin:auto; } .soft.products p{ font-size:18px; line-height:24px; text-align:center; width:630px; margin:25px auto; } .soft.products .requirements{ display:table; width:100%; } .soft.products .requirements .col{ display:table-cell; width:50%; padding:60px 0px 80px 65px; color:#3b3b3b; font-size:18px; line-height:30px; } .soft.products .requirements .title{ font-weight:bold; text-transform:uppercase; margin-bottom:15px; } .soft.products .requirements .caption{ font-size:16px; color:#578548; font-weight:bold; } .soft.products .transparent-button.download{ display:block; margin:auto; width:110px; margin-bottom:60px; } /*END soft-detail*/ /*instagram*/ .instagramm-box{ display:block; clear:both; text-align:center; width:1000px; margin:40px auto 80px; } .instagramm-box .tags{ margin:20px 0; } .instagramm-box .tags .item{ display:inline-block; padding:2px 5px; background-color:#ededed; font-size:14px; font-weight:bold; margin:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .instagramm-box .images{word-spacing:0;} .instagramm-box .images .item{ width:157px; height:157px; display:inline-block; margin:3px; } .instagramm-box .images img{max-width:100%;max-height:100%;} /*end instagram*/ .fb_ltr{width:800px !important;} /*FORMS*/ /*popup*/ .popup{ position:fixed; z-index:1002; width:100%; height:100%; top:0; left:0; display: none; } .popup:before{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); content:''; } .popup .window{ margin-bottom: 40px; width:300px; /*width:380px;*/ padding:50px; text-align:center; top:142px; left:50%; margin-left:-200px; position:absolute; background-color:white; } .popup.video-box .window{ width:560px; margin-left:-340px; padding:70px; top:50%; margin-top:-230px; } .popup .colored-button{ display: block; font-size: 18px; padding: 6px 21px 9px 16px; text-transform: uppercase; } .popup .window .text{ font-size: 18px; text-align: center; } /*END popup*/ /*FORMS*/ input, textarea, select { -webkit-appearance: none; box-shadow: none; } #fast_order{ position:absolute; z-index:102; width:100%; height:100%; top:0; left:0; } #fast_order:before{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); content:''; } #fast_order .form{ width:460px; /*width:380px;*/ padding:50px; text-align:center; top:142px; left:50%; margin-left:-280px; position:absolute; background-color:white; } .choose-person-type{ margin:40px 0 20px; text-align:center; } .choose-person-type .fake-radio{ margin:0 30px; color:#727272; text-decoration:none; } .form.mini .h1{font-size:38px;} #fast_order .radiobuttons{ padding:40px 0 20px 50px; width:380px; } #fast_order .radiobuttons .item{float:left;} #fast_order .radiobuttons .item:last-child{float:right;} .form input[type="radio"], .form input[type="checkbox"] {display:none;} .form input[type="radio"] + label, .form input[type="checkbox"] + label, .fake-radio{ cursor: pointer; font-size:14px; } .form input[type="radio"] + label:before, .form input[type="checkbox"] + label:before , .fake-radio:before{ content: ""; display: inline-block; height: 31px; width: 31px; margin:0 5px -10px 0; } .form input[type="radio"] + label:before,a.fake-radio:before {background-position:-370px -104px;} .form input[type="checkbox"] + label:before {background-position:-236px -176px;} .form input[type="radio"]:checked + label:before ,.fake-radio:before{background-position:-336px -104px;} .form input[type="checkbox"]:checked + label:before {background-position:-202px -176px;} .form a{color:#e75b4c;} .form .comment{ font-size:18px; } .form .comment i{ font-size:16px; display:block; } .form input[type="text"], .form input[type="password"], .form textarea,.form select,.form .inp-file label{ display:block; margin:33px 50px; width:350px; padding:15px; border:2px solid #cccccc; font-size:14px; } .form select{ width: 100%; height: 51px; } .form .input-block .select-wrapper{ width:380px; height: 51px; /*overflow: hidden;*/ margin-bottom: 43px; position: relative; } .form .input-block .select-wrapper .select-arrow{ } .form .colored-button{ border:none; width:384px; text-transform:uppercase; font-size:18px; padding:11px 21px 11px 16px; display:block; margin-left:50px; border-bottom: 3px solid #bb4a3e; } .form .colored-button:focus{outline:none !important;} /*reg form*/ .form.reg{text-align: center;} .form label.starrequired:after{ content:' *'; color:red; } .form input[type="text"], .form input[type="password"], .form select,.form .inp-file label{ display: inline-block; position: relative; margin:0; margin-bottom: 43px; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; margin-right: -365px; } .form textarea{ -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; } .form select{ -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ appearance: none; text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ width: 100%; padding-top: 0; padding-bottom: 0; background-image: url(/images/arrow-gray.png); background-position: 345px 23px; background-repeat: no-repeat; } .form option{padding: 15px 20px;} .form select::-ms-expand {display:none;} .form input[type="text"]:focus, .form input[type="password"]:focus, .form textarea:focus,.form select:focus,.form .inp-file label:focus{ border-color:#3fbfcb; } .form input[type="text"]:focus:before, .form input[type="password"]:focus:before{ } .input-block,.input-block-long{ position: relative; } .input-block .input-arrow{ position: absolute; display: none; background-position: -430px -108px; width: 14px; height: 24px; left: -24px; top: 15px; } .form .input-radio .input-arrow{ top:50%; margin-top:-12px; } .input-block.labeled .input-arrow{top: 30px;} .form.half-inputs .input-block .input-arrow, .form.half-inputs .input-block.error .input-arrow, .profile .input-block .input-arrow, .profile .input-block.error .input-arrow{ top: 50%; margin-top:-15px; } .input-block input:focus ~ .input-arrow, .input-block textarea:focus ~ .input-arrow, .input-block select:focus ~ .input-arrow{display:block;} .req{color: red;} .form input[type="text"] + label, .form input[type="password"] + label{ display: inline-block; position: relative; /*margin-left: -365px;*/ } .form input[type="text"]:focus + label, .form input[type="password"]:focus + label{ display: none; z-index: -1; } .form .inp-file{} .form .inp-file label{position:relative;} .form.half-items .inp-file label{box-sizing:border-box;} .inp-file .label-name{display:block;} .inp-file .file-name{display:none;} .inp-file.filled .label-name{display:none;} .inp-file.filled .file-name{display:block;} .form .inp-file .comment{ position:absolute; top:100%; right:0px; margin-top:3px; font-size:12px; font-style:italic; color:#666666; } .form .inp-file input[type="file"]{ display:none; height:1px; width:1px; } .form .inp-file label:after{ content:''; height:15px; width:12px; background-position:-272px -319px; position:absolute; right:20px; top:18px; } .form .error>.input-arrow{ position: absolute; display: block; background-position: -430px -137px; width: 14px; height: 24px; left: -24px; top: 15px; } .input-block.error>input,.form .error>select, .input-block.error>textarea, .input-block.error .inp-file>label{ border-color: #e75b4c; } .err-msg{ padding: 2px 10px; text-transform: uppercase; background-color: #ababab; font-size: 12px; color: #ffffff; position: absolute; right: -2px; top: -24px; display: none; } .half-inputs .err-msg{top:0;right:0;} /*.input-block-long .err-msg{left:0;right:auto;}*/ .profile .err-msg{top:0;} .err-msg.show{ display: block; } img.captcha{ display: inline-block; width: 157px; height: 52px; vertical-align: top; } div.refresh{ margin-top: 15px; margin-left: 8px; margin-right: 8px; vertical-align: top; cursor: pointer; background-position: -407px -145px; width: 21px; height: 20px; display: inline-block; } label.captcha{top: 15px;} input#captcha{ width: 150px; vertical-align: top; margin-right: -165px; } .title-logo{ position: relative; top: 5px; } .form .column{ display: inline-block; position: relative; text-align: left; vertical-align: top; width: 381px; } .form .column.left{margin-right: 97px;} .form-message{ text-align: center; color: #3b3b3b; font-size: 18px; width: 864px; margin: auto; margin-bottom: 75px; } .form-message .req-m{ font-style: italic; font-size: 16px; } .form-message .ask{ color: #b3b3b3; font-size: 14px; } .form-message .link{ color: #3b3b3b; font-weight: bold; font-size: 14px; text-decoration: none; border-bottom: solid 1px #e75b4c; } .form-message .link:hover{ border-bottom: none; } .form .form-message, .form-message.left{ text-align: left; margin: 0; margin-bottom: 37px; } .form.half-inputs{text-align:justify;} .form.half-inputs h2{} .form.half-inputs input[type="text"], .form.half-inputs input[type="password"], .form.half-inputs select, .form.half-inputs textarea, .form.half-inputs .input-block .select-wrapper, .form.half-inputs input[type="submit"].colored-button{ width:100%; margin-bottom:25px; box-sizing:border-box; } .form.half-inputs .input-block select{ background-position:355px 23px; margin-bottom:15px; } .order .form.half-inputs .input-block select{background-position:270px 23px;} .form.half-inputs .input-block, .form.half-inputs .input-block.input-radio{ width:380px; display:inline-block; margin-left:30px; margin-right:30px; } .order .form .input-block{ width:300px; display:inline-block; } .form.half-inputs .disabled input, .form.half-inputs .disabled select{ border:0px solid transparent; padding:0px; background:none; height:1.5em; display:inline; color:black; font-size:16px; } .form.half-inputs label{ display: block; color: #727272; } .form.half-inputs .disabled label:after, .form.half-inputs .disabled .empty-value{display:none;} .order .form .buyer-addr{display:none;} .order .form .text{ display:none; margin:0 0 30px; color:#727272; } .form.half-inputs .input-block-long{ display:block; width:auto; margin-left:30px; margin-right:30px; padding-top:10px; } .form.half-inputs .input-block-long>.err-msg{ top:-10px; left:30px; right:auto; } .form.half-inputs .captcha-block{} .form.half-inputs .captcha-img{ display:inline-block; margin:6px 0 0; } .form.half-inputs input.captcha-word{ width:130px; float:right; } .form.half-inputs .privacy-policy{margin:20px 30px 0;} .form .colored-button{margin: 0;} /*END reg form*/ /*auth form*/ .form.auth .column, .form.recovery .column, .form.changepass .column, .form.confirm .column{ text-align: left; margin: auto; display: block; } .forgot{ display:inline-block; margin-left: 138px; margin-top: 35px; font-size: 14px; text-decoration: none; border-bottom: dotted 1px; color: #000000; cursor: pointer; } .forgot.active{color: #e75b4c;} .error-block{ padding: 18px 10px; text-transform: uppercase; background-color: #ababab; font-size: 14px; color: #ffffff; display: none; text-align: center; margin: auto; margin-bottom: 33px; width: 350px; } .error-block.show{display: block;} /*END auth form*/ /*recovery form*/ .form.recovery{ margin-top: 50px; display: none; } .form.recovery.active{display: block;} .form.recovery .column{ text-align: left; margin: auto; display: block; } .form.recovery .form-message{ text-align:left; font-size: 14px; margin-bottom: 35px; width: 100%; } /*END recovery form*/ /*changepass form*/ /*END changepass form*/ /*confirm form*/ /*END confirm form*/ /*feedback form*/ .form.feedback{ width: 864px; margin: auto; padding-bottom: 47px; } .form textarea{ width: 831px; height: 83px; resize: none; margin:0; margin-bottom: 50px; } .support .light-gray .h1{ font-weight: bold; padding-top: 70px !important; } .form.feedback textarea, .form.feedback input[type="text"]{ background-color: #ededed; } /*END feedback form*/ /*profile form*/ .profile{position:relative;} .profile .work-logo{ position:absolute; left:0; top:-86px; width:260px; text-align:center; overflow:hidden; } .profile .work-logo.filled .img{opacity:0.3;} .work-logo .inp-file{ position:relative; height:25px; width:140px; margin:auto; } .inp-file .text{ font-size:12px; line-height:12px; display:inline-block; border-bottom:1px dotted #3b3b3b; position:relative; margin-left:15px; } .inp-file:hover .text{border:1px dotted transparent;} .inp-file .text:before{ content:''; height:15px; width:12px; background-position:-272px -319px; position:absolute; left:-15px; top:-1px; } .inp-file input{ position:absolute; z-index:2; right:0; font-size:999px; cursor:pointer; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } h1.indent {margin-left: 315px;} .profile .left{ display: inline-block; width: 315px; vertical-align: top; } .profile .left .personal-menu{ width: 260px; background-color: #ededed; } .profile .personal-menu .item{ height: 44px; line-height: 44px; border-bottom: 1px solid #b3b3b3; } .profile .personal-menu .item{position: relative;} .profile .personal-menu .item a{ margin-left: 20px; text-transform: uppercase; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .profile .personal-menu .item.active:after { content: ""; background-position: -324px -2px; width: 15px; height: 18px; position: absolute; right: 10px; top: 12px; } .profile .personal-menu .item.active a, .profile .personal-menu .item a:hover{ color: #e75b4c; } .profile .right{ display: inline-block; width: 640px; } .profile .right h2:first-child{ margin:-10px 0 20px; } .center .top .status{ width: 315px; display: inline-block; } .center .top .info{ width: 640px; display: inline-block; } .profile .form{min-width: 100%;} .profile .form input{width: 606px;} .profile .form .select-wrapper, .profile .form input[type="submit"]{ width: 640px; } .profile .form textarea{ width:640px; height:100px; box-sizing:border-box; } .profile .form select{ width: 100%; background-position: 605px 23px; } .profile .form label{ display: block; color: #727272; } .profile .form input[type="text"], .profile .form input[type="password"], .profile .form .select-wrapper, .profile .form select{ margin-right: 0; margin-bottom: 25px; } .profile .form h2{margin-bottom: 24px;} .form h2 .edit{ display:none; margin-left:30px; font-size:14px; cursor:pointer; } .form .disabled h2 .edit{display:inline-block;} .user-info{ padding-left:315px; vertical-align: top; margin-bottom: 40px; } .profile .info .user-info{ padding-left:0; } .user-info .icon{ background-position: -357px -136px; width: 31px; height: 31px; vertical-align: top; display: inline-block; margin-right: 10px; } .user-info .mid{ vertical-align: top; display: inline-block; max-width: 540px; margin-right: 10px; } .user-info .mid .name{ color: #3b3b3b; font-size: 24px; } .user-info .mid .group{ color: #727272; font-size: 14px; } .logout-link{ vertical-align: top; display: inline-block; margin-top: 9px; } .logout-link .red-door{ background-position: -322px -196px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .logout-link a{ color: #e75b4c; text-decoration: none; } .printer-list{margin-bottom: 50px;} .printer-list .item{ border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; margin-bottom: -1px; padding-top: 40px; padding-bottom: 20px; position: relative; } .printer-list .item .props{ display: inline-block; vertical-align: top; } .printer-list .item .props .name{ font-size: 18px; color: #3b3b3b; margin-bottom: 30px; } .printer-list .item .props .prop{ font-size: 14px; display: inline-block; margin-bottom: 10px; } .printer-list .item .props .value{ font-weight: bold; display: inline-block; margin-bottom: 10px; } .printer-list .relative-goods{ height: 30px; width: 180px; line-height: 30px; display: inline-block; border-radius: 4px; border: 1px solid #000000; text-align: center; color: #3b3b3b; text-decoration: none; margin-top: 35px; } .printer-list .item .picture{ width: 170px; margin: 0 40px; display: inline-block; vertical-align: top; } .printer-list .item .delete-printer{ display: inline-block; vertical-align: bottom; position: absolute; right: 0; bottom: 26px; } .color-picker{display: none;} .color-picker .colors{ margin-bottom: 15px; } .color-picker .colors .color{ display: inline-block; width: 40px; height: 40px; border-radius: 40px; border: 1px solid #727272; margin-right: 20px; cursor: pointer; } .color-picker .colors input+.color:before{display:none;} .color-picker .colors .color.active, .color-picker input:checked+.color{ /*border: 1px solid #3fbfcb;*/ box-shadow: 0 0 1px 2px #3fbfcb; } .profile .form .input-radio{ display: inline-block; width: 215px; margin-left: 25px; margin-bottom: 40px; } .form .input-radio input[type="checkbox"] + label:before{ background-position: -236px -176px; width: 31px; height: 31px; } .form .input-radio input[type="checkbox"]:checked + label:before{ background-position: -202px -176px; width: 31px; height: 31px; } .profile .form .input-radio input + label{ margin-left: 0; } /*END profile form*/ /*add partner form*/ .form.partner{ width: 864px; margin: auto; padding-bottom: 80px; } /*END add partner form*/ /*register printer form*/ /*END register printer form*/ /*order form*/ .form.order { width: 645px; } .form.order input[type="text"]{ width: 595px; margin-left: 25px; } .form.order .input-block .select-wrapper{ width: 628px; margin-left: 25px; } .form.order select{ background-position: 600px 23px; } .form.order input +label{ margin-left: -249px; } .form.order input#captcha +label{ margin-left: -192px; } .form.order .input-block input:focus ~ .input-arrow{ left: 0; width: 15px; } .form.order .delivery-options{ width: 100%; } .form.order .delivery-options td{ width: 50%; } .form.order .input-radio{ display: block; width: 380px; margin-left: 25px; margin-top: 20px; margin-bottom: 20px; } /*.form.order .input-radio input[type="radio"] + label::before{ background-position: -236px -176px; width: 31px; height: 31px; } .form.order .input-radio input[type="radio"]:checked + label::before{ background-position: -202px -176px; width: 31px; height: 31px; }*/ .form.order .input-radio input + label{ margin-left: 0; } .form.order input#captcha{ margin-left: 0; margin-right: 25px; } .form input[type="file"]~label.colored-button{ width:164px; text-transform:none; font-size:14px; padding:8px 0; border-bottom:2px solid #086f79; } .form input[type="file"]~label.colored-button{border-color:#c04a3d;} .form input[type="file"]~label.colored-button.yellow{border-color:#ecb701;} .form input[type="file"]~label.colored-button.green{border-color:#559f3d;} .form input[type="file"]~label.colored-button.blue{border-color:#086f79;} .form input[type="file"]~label.colored-button.red{border-color:#b42516;} .form input[type="file"]~label.colored-button.orange{border-color:#e19503;} .form input[type="file"]~label.colored-button.violet{border-color:#9a5a94;} .form input[type="file"]~label.colored-button.gray{border-color:#555555;} .form input[type="file"]~label.colored-button.light-gray, .form input[type="file"]~label.lightgray{border-color:#adadad;} .form input[type="file"]~label.colored-button.white{border-color:#000000;} .form input[type="file"]~label.colored-button.black{border-color:#555555;} .form input[type="file"]~label.colored-button.plum{border-color:#000000;} .form input[type="file"]~label.colored-button:before{ content:''; height:24px; width:24px; background-position:-345px -400px; margin:-8px 8px -8px 10px; } .form .privacy-policy{ font-size:10px; font-style:italic; margin:10px -55px; } /*END order form*/ .learn-formbox,.job-formbox{position:absolute;} .learn-formbox .form{ background-color:white; width:580px; margin-top:1100px !important; padding:0 0 40px; margin:0px auto 0; position:relative; } .learn-formbox .center-box{width:385px;margin:auto;} .learn-formbox .text{ margin:20px 0 35px; text-align:center; } .learn-formbox .hidden,.job-formbox .hidden{display:none;} .learn-formbox input[type="submit"]{ /*margin-top:40px;*/ } .job-formbox .form{ background-color:white; width:390px; margin-top:300px !important; padding:0 80px 40px; margin:0px auto 0; position:relative; } .job-formbox textarea{ width:350px; margin:0; } .job-formbox input[type="file"]{height:0;width:0;opacity:0;} /*kisslicer*/ .get_key{margin-top:12px;} .kisslicer{position:absolute;} .kisslicer .form{ background-color:white; width:895px; padding:0 0 40px 30px; margin:818px auto 0; position:relative; } .kisslicer .h1{} .kisslicer .text{ margin:20px 0 35px; text-align:center; } .kisslicer .comment{ font-size:14px; width:850px; font-style:italic; margin:20px 0; } .kisslicer .hidden{display:none;} .kisslicer input[type="submit"]{ /*margin-top:40px;*/ } .answer-popup{ min-height:270px; width:660px; background-color:white; text-align:center; position:fixed; top:50%; left:50%; margin:-150px 0 0 -330px; z-index:1002; } .answer-popup .comment{font-size:16px;margin:0 20px;} .answer-popup .colored-button{ width:150px; margin:20px auto; } /*end kisslicer*/ /*subscribe decline*/ .form.decline { width: 435px; margin: auto; } .form.decline h3{ margin-top: 45px; font-size: 22px; text-align: center; } .form.decline textarea{ margin-top: 35px; width: 350px; } .form.decline input[type="text"]{ margin-bottom: 5px; } .form.decline .hint{ font-size: 12px; font-style: italic; } .form.decline .input-radio{ display: block; width: 380px; margin-left: 25px; margin-top: 20px; margin-bottom: 20px; } /*END subscribe decline*/ .form.order .input-radio.inline{ display: inline-block; margin-right: 20px; margin-bottom: 55px; width: 180px; } .form.order .gray-back{ background-color: #ededed; display: inline-block; padding: 5px 10px; } .form.order .hint{ font-size: 14px; color: #727272; font-style: italic; margin-top: -25px; margin-bottom: 25px; } .form.order .self-delivery{ display: none; } /*END FORMS*/ /*DISTRIBUTOR LK*/ .d-orders{ } .d-orders .top{ display:table; width:100%; } .d-orders .top .item{ height:44px; line-height:44px; width:50%; display:table-cell; vertical-align:middle; text-align:center; font-size:18px; color:#3b3b3b; background-color:#ededed; font-weight:bold; height:25px; cursor:pointer; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .d-orders .top .item.active{ color:white; background-color:#3b3b3b; } .d-orders .top .num{ color:#a3a3a3; } .d-orders .filt-box{ padding:30px 0; } .d-orders .list{} .d-orders .list .order{ border-top:1px solid #ededed; position:relative; padding:15px 0 25px; } .d-orders .list .id{ font-size:24px; border-bottom:1px dotted #3b3b3b; display:inline-block; cursor:pointer; -webkit-transition: border 0.5s ease; -moz-transition: border 0.5s ease; -ms-transition: border 0.5s ease; -o-transition: border 0.5s ease; transition: border 0.5s ease; } .d-orders .list .id:hover{border-color: white;} .d-orders .list .status{ position:absolute; top:15px; right:0; } .d-orders .list .status b{text-transform:uppercase;} .d-orders .list .address{ margin:13px 0 0 40px; position:relative; } .d-orders .list .address:before{ left:-40px; top:5px; } .d-orders .list .label{ color:#727272; } .d-orders .list .prod-list{ margin:18px 0 0 40px; } .d-orders .prod-list .prod-item{ padding-left:15px; position:relative; } .d-orders .prod-list .prod-item:before{ content:''; position:absolute; left:0; top:0; } .d-orders .to-me,.d-orders .not-i{ position:absolute; right:0; } .d-orders .to-me{ bottom:73px; } .d-orders .to-me:before{ content:''; } .d-orders .not-i{ bottom:25px; } .d-orders .not-i:before{ content:''; } .d-orders .look-more{ /*position:absolute; right:0; bottom:25px;*/ } .d-orders .popup{position:absolute;} .d-orders #my-orders{display:none;} .d-orders .popup .box{ background:white; position:absolute; width:600px; padding:60px 20px 50px; } .d-orders .popup .id{ font-weight:bold; border:none; margin-bottom:15px; } .d-orders .popup .status{ top:70px; right:20px; } .d-orders .popup .point{ margin-top:25px; } .d-orders .popup .title{ font-size:20px; margin-bottom:5px; } .d-orders .popup .prod-list{ margin:30px 0 0; border-bottom:1px solid #b3b3b3; } .d-orders .popup .prod-item{ border-top:1px solid #b3b3b3; padding:30px 0; clear:both; font-size:18px; list-style-position: inside; } .d-orders .popup .img{ display:inline-block; vertical-align:top; width:250px; text-align:center; } .d-orders .popup .img img{max-width:100%;} .d-orders .popup .prod-item .text{ width:315px; display:inline-block; vertical-align:top; } .d-orders .popup .prod-item .num{ margin-top:18px; font-size:14px; } .d-orders .popup .sum-box{ text-align:right; font-size:16px; margin:15px 0 50px; } .d-orders .popup .sum-box .label{margin-left:43px;} .d-orders .popup .sum-box b{font-size:18px;} .d-orders .popup .to-me,.d-orders .popup .not-i{ position:static; display:inline-block; text-transform:none; width:180px; margin-left:60px; text-align:center; font-size:16px; } /*END DISTRIBUTOR LK*/ /*COMPETITIONS*/ .competition-list{ /*position:relative; margin-top:-20px;*/ } .competition-list .past .h1{ width:730px; margin-left:auto; margin-right:auto; margin-top:60px; } .competition{ width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; margin-bottom:2px; height:482px; } .past .competition:before{ position:absolute; top:0; left:0; height:100%; width:100%; content:''; background-color:black; opacity:0.4; } .competition .center1000{ width:1000px; margin:auto; height:100%; } .competition .img-box{ display:inline-block; width:530px; line-height:482px; height:482px; } .competition .img{ vertical-align:middle; } .competition .box{ display:inline-block; vertical-align:middle; width:390px; padding:35px 25px 35px 35px; color:white; background-color:rgba(0,0,0,0.4); z-index:2; position:relative; } .past .competition .box{background-color:transparent;} .competition .title{ font-size:38px; } .competition .title:after{background-color:white;} .competition .preview-text{ font-weight:bold; font-size:17px; margin-bottom:50px; } .competition .dates{ font-style:italic; font-size:16px; } .competition .transparent-button{ margin-top:20px; } .competition-detail .prizes{ display:table; margin:60px auto 0; } .competition-detail .prizes .h1{ display:table-caption; padding-top:50px; } .competition-detail .prizes .item{ display:table-cell; text-align:center; vertical-align:top; padding:30px 0 50px; width:33.333%; } .competition-detail .prizes .img{} .competition-detail .prizes .ico, .winners .num{ height:59px; width:59px; -webkit-border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; border-radius:30px; display:block; margin:-15px auto 10px; position:relative; } .prize1.ico{background-position:-62px -689px;} .prize2.ico{background-position:-121px -689px;} .prize3.ico{background-position:-180px -689px;} .competition-detail .prizes .name{ text-transform:uppercase; font-size:18px; margin-bottom:10px; font-weight:bold; } .competition-detail .prizes .text{ width:220px; font-size:14px; margin:auto; } .winners{ width:1000px; text-align:center; margin:0 auto 100px; } .winners .item{ display:inline-block; width:307px; margin:10px; font-size:18px; font-weight:bold; border:1px solid #ededed; position:relative; } .winners .img-box{ height:307px; line-height:307px; } .winners .img-box img{ max-width:291px; max-height:291px; vertical-align:middle; display:inline-block; } .winners .text-box{ width:270px; margin:auto; height:40px; padding-bottom:15px; padding-top:5px; } .winners .num{ position:absolute; top:100%; left:50%; margin:-15px 0 0 -30px; color:white; line-height:59px; font-size:35px; display:inline-block; } .additional-prizes{padding-bottom:30px;} .additional-prizes .h1:before{ height:92px; width:92px; background-position:-247px -669px; margin:20px auto; content:''; display:block; } .competitions .share{border:none;} .competitions .yashare-auto-init{display:inline-block;} /*END COMPETITIONS*/ /*TECHSUPPORT*/ .i-video.ico{ height:60px; width:60px; background-position:-138px -146px; display:block; margin:auto; cursor:pointer; } .i-soft.ico{ height:130px; width:128px; background-position:0 -763px; } .i-manual.ico{ height:130px; width:155px; background-position:-138px -763px; } .i-notion.ico{ height: 134px; width: 125px; background-position: -472px -1358px; background-size: 594px; } .i-faq.ico{ height:130px; width:150px; background-position:-305px -763px; } .i-support_form.ico{ height:130px; width:115px; background-position:0 -895px; } .i-instr_pdf.ico, .i-instr_interactive.ico, .i-instr_video.ico{ height:100px; width:120px; } .i-instr_pdf.ico{background-position:0 -1040px;} .i-instr_interactive.ico{background-position:-121px -1040px;} .i-instr_video.ico{background-position:-242px -1040px;} .i-pdf.ico{ height:30px; width:24px; background-position:-315px -318px; } .i-notion2.ico{ height: 37px; width: 32px; background-position: -141px -405px; background-size: 176px; line-height: 30px; display: inline-block; vertical-align: middle; } .ts-print-gal{ margin:80px auto 0; user-select: none; } .ts-print-gal .title{ font-size:22px; margin:50px auto 0; text-align:center; } .ts-print-gal .coverflow-box .cover.current{cursor:pointer;} .ts-print-gal .coverflow-box:focus{ user-select: none; border:none; outline:none; } .ts-print-gal .cover{ height:460px; width:220px; display:flex; } .ts-print-gal .cover .img{ max-height:460px; margin-top:auto; margin-left:110px; transform:translate(-50%, 0); user-select: none; } .ts-print-gal .coverflow-nav{ background-color:#3b3b3b; height:45px; line-height:45px; width:370px; text-align:center; margin:25px auto 50px; position:relative; } .ts-print-gal .names{ height:45px; width:280px; margin:auto; } .ts-print-gal .name{ height:45px; width:280px; margin:auto; color:white; /*text-decoration:underline;*/ font-size:18px; font-weight:bold; cursor:pointer; } .ts-print-gal .name:hover{ text-decoration:none; } .ts-print-gal .prev,.ts-print-gal .next{ position:absolute; top:0; display:block; height:45px; width:45px; text-indent:-999px; overflow:hidden; cursor:pointer; z-index:5; background-color:transparent; -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } .ts-print-gal .prev:hover, .ts-print-gal .next:hover{ background-color:#4a4949; } .ts-print-gal .prev{ border-right:1px solid #898989; left:0; } .ts-print-gal .next{ border-left:1px solid #898989; right:0; } .ts-print-gal .prev:before, .ts-print-gal .next:before{ content:''; height:26px; width:15px; position:absolute; top:50%; left:50%; margin:-13px 0 0 -7px; background-image:url("/images/sprite.png"); } .ts-print-gal .prev:before{background-position:-341px -348px;} .ts-print-gal .next:before{background-position:-356px -348px;} .ts-menu{ background-color:#83c96c; width:100%; /*height:310px;*/ text-align:center; /*-ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg);*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; height:0; } .ts-menu.active{ height:310px; /*-ms-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); transform: rotateX(0deg);*/ } .ts-menu .section{ position:relative; /*display:inline-block;*/ padding:0 40px; height:100%; min-width:175px; font-size:18px; font-weight:bold; color:#3b3b3b; text-decoration:none; background-color:transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow:hidden; display:none; } .ts-menu .section.visible{display:inline-block;} .ts-menu .section:after{ position:absolute; top:100%; left:50%; margin:1px 0 0 -11px; content:''; height:13px; width:23px; background-position:-256px -336px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; } .ts-menu .section:hover,.ts-menu .section.active{ background-color:#68a354; color:white; } .ts-menu .section:hover:after,.ts-menu .section.active:after{ margin-top:-32px; opacity:1; } .ts-menu .section .ico{ display:block; margin:65px auto 22px; } /*.ts-menu .section:hover .ico,.ts-menu .section.active .ico{ margin-bottom:45px; }*/ .ts-menu .section .sect-name{ transform:translate(0,0); -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } .ts-menu .section:hover .sect-name,.ts-menu .section.active .sect-name{ transform:translate(0,20px); } .ts-soft-list{ width:940px; margin:65px auto 0; } .ts-soft-list .item{ border:1px solid #ededed; margin:0 70px 20px 0; padding:10px 20px 15px 30px; } .ts-soft-list .img-box, .ts-soft-list .text-box{ display:inline-block; vertical-align:middle; } .ts-soft-list .img-box{ width:240px; text-align:center; } .ts-soft-list .text-box{ width:400px; } .ts-soft-list .name{ font-size:18px; font-weight:bold; margin-bottom:10px; } .ts-soft-list .download-box{ display:inline-block; width:165px; padding:40px 0; text-align:center; vertical-align:top; } .ts-soft-list .colored-button, .ts-soft-list a.transparent-button{ width:125px; padding-left:0; padding-right:0; display:block; margin:8px auto; } .ts-soft-list .version{ font-weight:bold; font-size:13px; } .ts-soft-list .date{font-size:12px;} .ts-manual-menu{ text-align:center; padding:70px 0 0; } .ts-manual-menu .instr-type{ display:inline-block; vertical-align:top; width:220px; margin:0 20px; text-decoration:none; font-size:18px; font-weight:bold; color:#3b3b3b; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .ts-manual-menu .instr-type:hover{color:#e75b4c;} .ts-manual-menu .ico{ display:block; margin:0 auto 30px; } .manual-video-list{ width:1000px; margin:60px auto 0; } .manual-video-list .item{ position:relative; display:inline-block; width:300px; height:410px; margin:0 0 30px 20px; vertical-align:top; border:1px solid #ededed; } .manual-video-list .img-box{ position:relative; width:290px; height:168px; margin:5px auto 26px; text-align:center; vertical-align:168px; background-size:cover; background-position:center center; cursor:pointer; } .manual-video-list .img-box:after{ content:''; position:absolute; height:24px; width:36px; top:50%; left:50%; margin:-12px 0 0 -18px; background-position:-393px -710px; opacity:0.9; } .manual-video-list .img-box:hover:after{opacity:1;} /*.manual-video-list .img{ max-width:100%; max-height:100%; }*/ .manual-video-list .name{ margin:0 20px; font-size:18px; font-weight:bold; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; cursor:pointer; } .manual-video-list .name:hover{color:#e75b4c;} .manual-video-list .text{ margin:30px 20px 0; max-height:120px; overflow:hidden; } .manual-video-list .date{ position:absolute; left:20px; bottom:15px; font-size:12px; } .manual-pdf-list{ position:relative; width:760px; padding:35px 70px 45px; border:1px solid #978f8f; margin:40px auto; } .manual-pdf-list:before, .manual-pdf-list:after{ content:''; display:block; height:0; width:0; position:absolute; left:122px; border-left:25px solid transparent; border-right:25px solid transparent; } .angle-pos-1:before,.angle-pos-1:after{left:423px;} .angle-pos-2:before,.angle-pos-2:after{left:292px;} .angle-pos-3:before,.angle-pos-3:after{left:155px;} .angle-pos-4:before,.angle-pos-4:after{left:563px;} .angle-pos-5:before,.angle-pos-5:after{left:692px;} .manual-pdf-list:before{ border-bottom:25px solid #978f8f; top:-25px; } .manual-pdf-list:after{ border-bottom:25px solid white; top:-24px; } .manual-pdf-list .item{margin:10px 0;} .manual-pdf-list .i-pdf{ margin:0 5px -6px 0; } .manual-pdf-list .download{ display:inline-block; margin-left:5px; } .manual-interactive{ width:960px; margin:auto; } .manual-interactive .left{ float:left; width:275px; margin-top:70px; border-right:1px solid #b7b7b7; font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-size:15px; } .manual-interactive .sect{ width:260px; margin-top:20px; cursor:pointer; } .manual-interactive .sect.active{margin-bottom:0;} .manual-interactive .sect-name{ position:relative; padding-left:30px; font-weight:bold; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .manual-interactive .sect-name:hover{color:#3fbfcb;} .manual-interactive .active .sect-name:hover{color:inherit;} .manual-interactive .num{ position:absolute; height:15px; width:24px; left:0; line-height:14px; text-align:center; color:white; background-color:#3fbfcb; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .manual-interactive .num:before, .manual-interactive .num:after{ content:''; position:absolute; height:0; width:0; left:0; border-left:12px solid white; border-right:12px solid white; -webkit-transition: border 0.5s ease; -moz-transition: border 0.5s ease; -ms-transition: border 0.5s ease; -o-transition: border 0.5s ease; transition: border 0.5s ease; } .manual-interactive .num:before{border-bottom:7px solid #3fbfcb;bottom:100%;} .manual-interactive .num:after{border-top:7px solid #3fbfcb;top:100%;} .manual-interactive .active .num{ background-color:#e75b4c; } .manual-interactive .active .num:before{border-bottom:7px solid #e75b4c;} .manual-interactive .active .num:after{border-top:7px solid #e75b4c;} .manual-interactive .items{ margin-left:50px; height:0; overflow:hidden; } .manual-interactive .active .items{height:auto;} .manual-interactive .item{ display:block; margin:7px 0; color:black; text-decoration:none; } .manual-interactive .item.current, .manual-interactive .item:hover{color:#e75b4c;} .manual-detail{ padding-top:60px; margin-left:320px; } .manual-detail h1{font-size:23px;margin:0 0 20px;padding:0;} .manual-detail h1:after{display:none;} .manual-detail h2{font-size:18px;} .manual-detail h3{} .manual-detail h4{} .manual-detail ul{margin:10px 0;padding:0;} .manual-detail li{ position:relative; margin:10px 0; padding:0 20px; /*list-style-position:inside;*/ list-style:none; } .manual-detail ul li:before{ content:''; position:absolute; left:0; top:6px; height:3px; width:3px; background-color:#3fbfcb; border:2px solid #3fbfcb; border-radius:50%; } .manual-detail ul li li:before{background-color:white;} .ts-faq{} .ts-faq .hidden{display:none !important;} .ts-faq .types{ padding:30px 0 60px; text-align:center; } .ts-faq .types .type{ display:inline-block; width:170px; height:36px; line-height:36px; margin:20px 10px 0; font-size:23px; background-color:#d9d9d9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor:pointer; } .ts-faq .types .active, .ts-faq .types .type:hover{ background-color:#3b3b3b; color:white; } .ts-faq .questions{ width:960px; margin:auto; padding:60px 0 0; } .ts-faq .sect{ } .ts-faq .quest{ position:relative; font-size:18px; font-weight:bold; color:#7f7f7f; margin-top:25px; padding-left:22px; cursor:pointer; } .ts-faq .active.quest, .ts-faq .quest:hover{color:#e75b4c;} .ts-faq .quest:before, .ts-faq .quest:after{ content:''; position:absolute; height:0; width:0; left:0; top:3px; -webkit-transition: border 0.5s ease; -moz-transition: border 0.5s ease; -ms-transition: border 0.5s ease; -o-transition: border 0.5s ease; transition: border 0.5s ease; } .ts-faq .quest:before{ border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:9px solid #808080; border-right:0px solid transparent; } .ts-faq .quest:after{ top:5px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:7px solid white; border-left:7px solid white; border-right:0px solid transparent; } .ts-faq .quest:hover:before, .ts-faq .active.quest:before{ top:9px; left:-2px; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #e65b4c; border-bottom:0 solid transparent; } .ts-faq .quest:hover:after, .ts-faq .active.quest:after{ top:9px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid white; border-bottom:0 solid transparent; } .ts-faq .item{display:none;} .ts-faq .active~.item{display:block;} .ts-faq .sub-quest{ display:inline-block; margin:12px 0 0 50px; font-size:16px; font-weight:bold; color:inherit; text-decoration:none; cursor:pointer; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .ts-faq .selected,.ts-faq .sub-quest:hover{color:#e75b4c;} .ts-faq .answer{ position:relative; display:none; margin:20px 0 0 50px; padding:20px 20px 40px; border:1px solid #d9d9d9; } .ts-faq .answer:before, .ts-faq .answer:after{ content:''; display:block; height:0; width:0; position:absolute; left:26px; border-left:15px solid transparent; border-right:15px solid transparent; } .ts-faq .answer:before{ border-bottom:10px solid #d9d9d9; top:-10px; } .ts-faq .answer:after{ border-bottom:10px solid white; top:-9px; } .ts-faq .selected+.answer{display:block;} .ts-faq .answer .title{ font-size:16px; font-weight:bold; color:#7f7f7f; margin:50px 0 25px; } .ts-faq .answer .colored-button{ display:inline-block; font-size:16px; font-weight:bold; color:white; margin:0 15px 0 0 ; } .ts-faq .answer .yes:before{ content:''; height:22px; width:20px; margin:0 15px -6px -6px; background-position:-289px -318px; } .ts-faq .answer .no:before{ content:''; height:16px; width:16px; margin:0 17px -3px -3px; background-position:-208px -275px; } /*END TECHSUPPORT*/ .job-list{position:relative;} .job-list .item{ width:100%; } .job-list .img{ display:inline-block; vertical-align:bottom; } .job-list .text{ width:555px; display:inline-block; vertical-align:bottom; padding:25px 0 30px; font-size:14px; } .job-list .title{ font-size:26px; margin:10px 0; } .job-list b,.job-detail h3{font-size:17px;} .job-list ul,.job-detail ul{margin:10px 0;} .job-list li,.job-detail li{ list-style:none; } .job-list li:before,.job-detail li:before{ content:'- '; } .job-list .transparent-button{} .job-detail{} .job-detail .center{position:relative;} .job-detail .img-left{float:left;margin-top:40px;} .job-detail .text{ margin-left:400px; padding:55px 0 80px; } .job-detail h3{margin-top:10px;} .job-detail .img-right{ position:absolute; bottom:0; right:-100px; } .send-resume{ margin:75px 0 0; float:right; } /*stl-models*/ .mini-gallery{ position:relative; float:left; } .mini-gallery .gal-box{} .mini-gallery .item{} .mini-gallery .img{} .mini-gallery .num-box{ font-size:14px; font-weight:bold; text-align:center; } .mini-gallery .rslides_nav, .mini-gallery .prev:before, .mini-gallery .next:before{ position:absolute; height:0; width:0; text-indent:-999px; bottom:3px; left:50%; border-top:6px solid transparent; border-bottom:6px solid transparent; z-index:10; } .mini-gallery .prev{ margin-left:-30px; border-right:6px solid black; } .mini-gallery .next{ margin-left:24px; border-left:6px solid black; } .mini-gallery .prev:before{ content:''; left:1px; bottom:-6px; border-right:6px solid white; } .mini-gallery .next:before{ content:''; left:-7px; bottom:-6px; border-left:6px solid white; } .stl-models{} .stl-item{ padding-bottom:40px; clear:both; } .stl-item .text-box{ float:right; width:330px; } .stl-item .title{ margin-top:-5px; font-size:20px; font-weight:bold; } .stl-item .date{ font-size:12px; font-weight:bold; color:#767676; } .stl-item .text{ margin:10px auto; } .stl-item .load{} .page-navigation{ font-size:17px; font-weight:bold; text-align:center; border-top:1px solid #b3b3b3; padding:25px 0; } .page-navigation a,.page-navigation span{ display:inline-block; text-decoration:none; margin:0 10px; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; } .page-navigation a{color:black;} .page-navigation a:hover{color:#e75b4c;} .page-navigation span{ color:#e75b4c; } .page-navigation span:first-child{margin-left:60px;} .page-navigation .page-previous, .page-navigation .page-next, .page-navigation .page-previous:before, .page-navigation .page-next:before{ display:inline-block; height:0; width:0; text-indent:-9999px; border-top:8px solid transparent; border-bottom:8px solid transparent; vertical-align:middle; -webkit-transition: border 0.5s ease; -moz-transition: border 0.5s ease; -ms-transition: border 0.5s ease; -o-transition: border 0.5s ease; transition: border 0.5s ease; } .page-navigation .page-previous{ position:relative; margin-right:50px; margin-left:-50px; border-right:8px solid black; } .page-navigation .page-next{ position:relative; margin-left:50px; border-left:8px solid black; } .page-navigation .page-previous:hover{border-right:8px solid #e75b4c;} .page-navigation .page-next:hover{border-left:8px solid #e75b4c;} .page-navigation .page-previous:before, .page-navigation .page-next:before{ content:''; position:absolute; bottom:-8px; z-index:10; } .page-navigation .page-previous:before{ border-right:8px solid white; left:1px; } .page-navigation .page-next:before{ border-left:8px solid white; right:1px; } .search-page .all_cnt { font-family:'PT Sans Narrow', Arial Narrow, Helvetica Narrow, sans-serif; font-size:28px; display:inline-block; margin:40px 0 0 } .search-page .section_link { display:block; color:#777777; margin-top:10px; } .search-page .item_link { display:block; margin-bottom:5px; font-weight:bold; text-decoration:none; color:black; margin-top:15px; } .search-page .blue_button { background:#3fbfcb; padding:5px 15px; color:white; text-decoration:none; transitiion:0.3s; display:inline-block; clear:both; margin-bottom:20px; margin-top:10px; border-radius:3px; } .search-page .blue_button:hover { background:#2cadb9; } .search-page{} /*end stl-models*/ /*--------FOOTER--------*/ #footer{ width:100%; position:relative; background-color:#3b3b3b; z-index:5; } .menu-bottom{ width:1000px; margin:auto; display:table; font-size:14px; } .menu-bottom .column{ display:table-cell; padding:70px 0 50px; width:20%; } .menu-bottom a{ color:#ababab; display:block; margin:0 30px 15px; } .menu-bottom .title{ font-size:14px; text-transform:uppercase; color:white; margin-bottom:15px; font-weight:bold; } .menu-bottom a.title{ color:white; text-decoration:none; } #footer .line{ width:100%; height:2px; background-color:#4d4d4d; } #footer .center{ display:table; font-size:14px; color:white; } #footer .center a{color:white;} #footer .center .column,#footer .contacts,#footer .dev{ display:table-cell; padding:40px 0 120px; } #footer .logo-bottom{ display:inline-block; position:relative; top:16px; height:28px; width:112px; /*background-position:-138px -76px;*/ fill:white; } #footer .logo-bottom svg{ max-width:100%; max-height:100%; } #footer .copy{color:#858585;margin-top:16px;} #footer .contacts{ padding-bottom:40px; padding-left:30px; } #footer .contacts .time{ color:#858585; font-size:12px; margin-left:63px; } #footer .contacts .mails{display:table;} #footer .contacts .col{ display:table-cell; padding-right:4px; } #footer .contacts .mails a{ font-weight:bold; line-height:27px; } #footer .soc{ float:right; display:block; } #footer .soc a{color:#b3b3b3;} #footer .soc a:hover{color:white;} #footer .dev{ color:#858585; width:270px; padding-left:40px; } #footer .logo-sp{ height:30px; width:220px; background-position:-137px -32px; display:block; margin-top:15px; } @media only screen and (max-width: 1000px){ html,body{overflow:auto;} } @media only screen and (min-width: 1200px){ .instagramm-box{width:1200px;} .instagramm-box .images .item{ width:194px; height:194px; } .story-detail .content img, .story-detail .content .gallery{ margin:40px -280px; width:1200px; } .top-menu .sub-box{font-size:18px;} .top-menu .sub a{min-width:110px;} } @media only screen and (min-width: 1256px){ .photogallery .isotope{width: 1256px;} } @media only screen and (min-width: 1570px){ .photogallery .isotope{width: 1570px;} .story-detail .content img, .story-detail .content .gallery{ margin:40px -480px; width:1600px; } } @media only screen and (max-width: 1600px){ } @media only screen and (min-width: 1884px){ .photogallery .isotope{width: 1884px;} } @media only screen and (min-width: 2198px){ .photogallery .isotope{width: 2198px;} } @media only screen and (min-width: 2512px){ .photogallery .isotope{width: 2512px;} } @media only screen and (min-width: 2826px){ .photogallery .isotope{width: 2826px;} } @media only screen and (min-width: 3140px){ .photogallery .isotope{width: 3140px;} } .promo-popup{ display: none; } .promo-popup:before{ content:''; position:fixed; height:100%; width:100%; top: 0px; left: 0px; background-color: #000000; z-index:200; } .promo-popup.active~#wrapper{display:none;} .promo-popup.en { display: block; } .promo-popup .box{ position:absolute; width:100%; top:0; left:0; z-index:201; } .promo-popup .img { margin: 0 auto 0; text-align: center; } .promo-popup .img img { position:relative; display:block; width:1002px; left:50%; margin-left:-501px; } .promo-popup .img .img-link{ position:absolute; top:148px; left:50%; margin:0 0 0 230px; display:block; height:30px; width:120px; /*background-color:red; opacity:0.5;*/ } .promo-popup .top { width: 100%; height: 80px; background-color: #191919; position: relative; } .promo-popup .top .close { font-size: 14px; color: #fff; float: right; position: relative; top: 27px; right: 20px; cursor: pointer; } .promo-popup .top .close:before { background-image: url(/images/sprite.png); width: 25px; height: 25px; background-position: -302px -214px; content: ''; position: absolute; left: -35px; top: -2px; } .promo-popup .top .logo { color: white !important; font-size: 60px; margin: 20px; } .promo-popup .thanks { display: ; color: #fff; font-size: 16px; text-align: center; padding: 10px; } .promo-popup input.error { border: 1px solid red !important; } .promo-popup form { display: block; width: 450px; margin: auto auto 90px auto; } .promo-popup span { color: #434343; font-size: 10px; } .promo-popup input[type='text'] { padding: 10px; width: 260px; color: #fff; border-radius: 10px; border: 1px solid #fff; background: #000; margin-right: 15px; } .promo-popup .colored-button{ width:130px; height:42px; border-radius: 10px; } /* End */ /* /bitrix/templates/skillpoint_design_multilang/styles.css?17575202593728 */ /* /bitrix/templates/skillpoint_design_multilang/template_styles.css?1757520259150613 */