* {padding:0; margin:0; outline:none; border:none; position:relative; font-weight:normal;} body, html {background:#fff; font-size:14px; color:#26282d; font-family:'opensans', Arial, _sans-serif !important;} @media (max-width:720px) { .desktop-only {display:none !important;} } @media (min-width:720px) { .mobile-only {display:none !important;} } .margin-0 {margin:0px !important;padding:0px !important;} #all {min-width:1156px; width:100%; max-width:1980px; margin:0 auto; /*overflow:hidden;*/} /*DEL #all.index2019 {background:url(img/Baloon_background_2301_cut.jpg) top center no-repeat;}*/ #all.index2021 {background:url(img/index-2021/Index_Background_1920.svg) top center no-repeat;} @media (max-width:768px) {#all.index2021 {background:url(img/index-2021/Index_Background_768.svg) top center no-repeat;}} @media (max-width:375px) {#all.index2021 {background:url(img/index-2021/Index_Background_375.svg) top center no-repeat;}} .wsm {width:100%; margin:0 auto;} .clr {clear:both;} .center {text-align:center !important;} ul {list-style:none;} a {text-decoration:none; color:#000;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#26282d;} a:not(.logo), .customer_slider .item, .customer_slider .item div, .owl-nav div, .all_projects .owl-nav div, input, .all_projects .item .logo img, /*#header ul.menu,*/ .mobilemenu, /*#header #submenu,*/ .customers, #innerbanner .slider .item h1, #mainbanner, #innerbanner, #bannerslider2, h2 a:after, /*#header ul.menu li ul, #header ul.menu li.parent > a:after, #header ul.menu ul.sub,*/ #mainbanner .owl-dots .owl-dot, .feedback div.submit, #career div.item div.title h3, #career div.item div.title:hover h3:after, .apply, .inner #all_products .item_list .item, .wsm.pkit .item-list.wp .item, #submenu ul, #bottom-subscribe div.button /*#header .links,*/ /*#header .headerw*/ {transition:0.3s;} #mainbanner .slider .item a.more:hover, #tibanner .item a.more:hover,#bannerslider2 .item a.more:hover, .customer_slider .owl-nav div:hover, .all_projects .owl-nav div:hover, .feedback input.submit:hover, #innerbanner .item a.more:hover, .feedback div.submit:hover, p.more a.more:hover {opacity:0.85;} .mobilemenu, #header ul.menu li.mobile {display:none;} .nopadbot {padding-bottom:0 !important;} .nopadtop {padding-top:0 !important;} .nomargbot {margin-bottom:0 !important;} .nomargtop {margin-top:0 !important;} div.stt {position:fixed; top:30%; left:0; width:100%; z-index:1000000; text-align:center; display:none;} div.stt.active {display:block;} div.stt img {display:inline-block;} .wsm {width:1096px;} #header {width:100%; min-height:80px; position:fixed; top:0; left:0; z-index:100;} #header .headerw {width:100%; padding:0; min-height:80px; background:#fff; z-index:2; border-bottom:1px solid #c8ced1;} #header.top, #header.top .headerw {min-height:60px;} #header.top .headerw {box-shadow:0 2px 8px 0 rgba(50,50,50,0.2);} #header a.logo, #header ul.menu, #header .lang, #header .goto {float:left;} #header a.logo {top:22px;} #header.top a.logo {top:12px;} #header a.logo img {width:100%; max-width:136px;} #header .links {position:absolute; top:20px; right:0;} #header.top .links {top:10px;} #header ul.menu {width:70%; margin-left:1.4%;} #header ul.menu ul {display:none; } #header ul.menu ul.active {position:fixed; top:80px; left:0; padding:0; text-align:center; } #header ul.menu li, #submenu ul li {/*float:left;*/ display:inline-block; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; /*margin:0 2.1%;*/ margin:0; line-height:40px; padding-left:2.1%; padding-right:2.1%} .cat17 #header ul.menu li, .cat17 #submenu ul li {padding-left:1.4%; padding-right:1.4%;} #header ul.menu>li {line-height:40px; padding-top:20px; padding-bottom:20px;} #header.top .headerw ul.menu>li {padding-top:10px; padding-bottom:10px;} /*#header ul.menu>li.active>a:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#388e3c;}*/ #header ul.menu li a, #header .lang a:hover, .customer_slider h2 a, .content h2 a, .all_projects h2 a, .content news .item-list .item .info h4 a, .content news .item-list .item .info h2.h4 a, h1, h2, h3, h4, h5, h6 {color:#26282d;} .content p a:hover, #header ul.menu li.active li a {color:#1e272c;} #header ul.menu li a {display:block;} #header ul.menu li a:hover, #header .lang a, #header .goto, .customer_slider h2 a:hover, .content h2 a:hover, .all_projects h2 a:hover, .all_projects .item .anons h4 a:hover, .references h2 a:hover, .content .news .item-list .item .info h4 a:hover, .content .news .item-list .item .info h2.h4 a:hover, .content p a, .content .news_item p.h1 a:hover, #header ul.menu>li.current>a {color:#388e3c;} #header .lang a {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; text-transform:uppercase; line-height:24px; margin-right:20px;} #header .lang a, #header .goto {display:block; font-size:16px; padding:8px 14px;} #header .goto {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; border:2px solid #33991f; } #header .goto.watch-tv {padding-right:28px; background-image: url(/ns2017/img/play_spbtvsolutions.png); background-repeat: no-repeat; background-position-x: 90%; background-position-y: center; } #header .contacts {background:#33991f; color:#fff;margin-left:17px;} #header .goto:hover {/*background:#388e3c;*/ color:#000;} #submenu {clear:both; background:#fff; padding:9px 0 7px 0; height:44px; z-index:1; /*border-top:1px solid #c8ced1;*/ border-bottom:1px solid #c8ced1;} .index #submenu, .case #submenu, .contact #submenu {display:none;} #submenu.active {display:block !important;} #header.top #submenu {height:40px; padding:3px 0;} #submenu .wms {min-height:40px;} /*.astra #submenu {background:rgba(0,0,0,0.2);}*/ #submenu ul {text-align:center; width:100%; display:none;} #submenu ul.active {display:block;} #submenu ul li, #header ul.menu ul.active li {/*float:none; display:inline-block;*/ line-height:40px;} #submenu ul li a, #header ul.menu ul.active li a {color:#979c9e;} #submenu ul li.active a, #submenu ul li a:hover, #header ul.menu ul.active li a:hover {color:#26282d;} #submenu ul li.active {border:none;} #header ul.menu li:last-child, #submenu ul li:last-child {margin-right:0;} .contact #header .headerw, .case #header .headerw {/*border-bottom:1px solid #ddd;*/ box-shadow:0 2px 8px 0 rgba(50,50,50,0.2);} #header.top ul.menu ul.sub.active {top:61px !important; padding:3px 0;} #header ul.menu ul.sub.active {top:81px !important; padding:9px 0 7px 0;} .htop {margin-top:80px;} .index2019 .htop {margin-top:0;} .index2021 .htop {margin-top:0;} #mainbanner, #innerbanner {clear:both; } #mainbanner, #mainbanner .slider, #mainbanner .slider .item {height:500px;} #innerbanner, #innerbanner .slider, #innerbanner .slider .item {height:540px;} #mainbanner .slider .item, #innerbanner .slider .item {text-align:center; color:#fff; background-repeat:no-repeat; background-position:top left; background-size:cover;} #mainbanner .slider .item h1, #mainbanner .slider .item h2 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:80px; line-height:80px; letter-spacing:-0.025em; padding:20px 0; color:#fff;} #mainbanner .slider .item h2 {font-size:80px; line-height:80px;} #mainbanner .slider .item p, #innerbanner .slider .item p {font-family:'opensans_light', Arial, _sans-serif !important; font-size:18px; line-height:27px;} /*#mainbanner .slider .item .wsm {padding:110px 0 40px 0;}*/ #mainbanner .slider .item .wsm p {max-width:620px; margin:0 auto;} #mainbanner .slider .item a.more, #mainbanner a.more, #innerbanner .item a.more, #tibanner .item a.more, .references .more, .sales .more, p.more a.more, .subscribe .more {clear:both; margin:20px auto 0 auto; display:block; width:186px; text-align:center; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:39px; color:#fff; letter-spacing:0.02em; background:rgba(255,255,255,0.3);} a.more.green { background: #03863d; } #mainbanner .owl-dots {width:100%; text-align:center; top:-50px;} #mainbanner .owl-dots .owl-dot {width:8px; height:8px; background:rgba(255,255,255,0.3); display:inline-block; margin:0 8px;} #mainbanner .owl-dots .owl-dot.active, #mainbanner .owl-dots .owl-dot:hover {background:rgba(255,255,255,0.8);} #innerbanner .slider .item h1, #innerbanner .slider .item h2 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:60px; line-height:65px; letter-spacing:-0.025em; color:#fff;} #innerbanner .slider .item p {max-width:700px; margin:0 auto;} #innerbanner .slider .item p a {color:#fff; text-decoration:underline;} #innerbanner .slider .item p a:hover {text-decoration:none;} .customers #innerbanner .item h1, .customers #innerbanner .item h2.h1 {padding:195px 0 25px 0;} .astra #innerbanner .item h1, .astra #innerbanner .item h2.h1 {padding:170px 0 23px 0;} .cat17 .astra.vd #innerbanner .item h1, .cat17 .astra.adexpert #innerbanner .item h1 {padding-top:140px;} .index .slider {display:none;} .cat17 .astra.adexpert #innerbanner .item a.more {width:226px;} .virt p.more a.more {background-color:#c1426b;} .slider .item .pattern {width:100%; height:100%; background-image:url(img/Background_Pattern.svg) !important;} .slider .item.green {background:linear-gradient(to bottom, #41c466, #1a9392);} .slider .item.green2 {background:linear-gradient(to bottom, #14a449, #1a9492);} .slider .item.green3 {background:linear-gradient(to bottom, #82bc36, #169150);} .slider .item.green4 {background:linear-gradient(to bottom, #2bb8a7, #1584a5);} .slider .item.orange {background:linear-gradient(to bottom, #f2952a, #e55367);} .slider .item.orange2 {background:linear-gradient(to bottom, #fdc832, #e77b18);} .slider .item.orange3 {background:linear-gradient(to bottom, #f2952a, #e55367);} .slider .item.orange4 {background:linear-gradient(to bottom, #f18c61, #c63e6f);} .slider .item.blue {background:linear-gradient(to bottom, #46b1e3, #1973b4);} .slider .item.blue2 {background:linear-gradient(to bottom, #5ec5ef, #0665ac);} .slider .item.blue3 {background:linear-gradient(to bottom, #69a6d8, #544e95);} .slider .item.blue4 {background:linear-gradient(to bottom, #17b5f7, #0065ad);} .slider .item.blue5 {background:linear-gradient(to bottom, #37aee4, #0665ac);} .slider .item.blue6 {background:linear-gradient(to bottom, #83d9dd, #3170c1);} .slider .item.fiolent {background:linear-gradient(to bottom, #c63e6f, #6c427c);} .customer_slider {padding:70px 0 10px 0; overflow:hidden;} .customer_slider h2, /*.content h2:not(.h4),*/ #all_products h2, .all_projects h2, .references h2, .awards h2 {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:32px; text-align:center; letter-spacing:-0.02em;} .customer_slider h2 {padding-bottom:45px;} .customer_slider h2 a, .content h2 a, .awards h2 {display:inline-block;} /*DEL > after H2 .customer_slider h2 a:after, .content h2 a:after, .all_projects h2 a:after, .all_projects .item .anons h4 a:after, .references h2 a:after, .awards h2 a:after, .icon_block h3 a:after, .vd .content.width80 h3 a:after, .vads .content.width80 h3 a:after, .content .news .item-list .item .info h4:not(.nos) a:after, .content .news .item-list .item .info h2.h4:not(.nos) a:after {content:""; width:9px; height:15px; background:url(img/galka.png) 0 0 no-repeat; position:relative; display:inline-block; right:-10px; top:0;} */ .customer_slider .slider {width:94%; margin:0 auto;} .customer_slider .item, .customer_slider .item div {width:130px; height:50px; margin:0; background-size:contain; background-repeat:no-repeat; background-position:center center; /*cursor:pointer;*/} .customer_slider .item div {opacity:0;} .customer_slider .item:hover div {opacity:1;} .customer_slider .owl-controls, .customer_slider .owl-nav, .all_projects .owl-controls, .all_projects .owl-nav, .pkit .owl-controls, .pkit .owl-nav {width:100%;} .customer_slider .owl-controls, .all_projects .owl-controls, .pkit .owl-controls {position:absolute; left:0; top:0;} .customer_slider .owl-nav div, .all_projects .owl-nav div, .pkit .owl-nav div {position:absolute; top:5px; width:40px; height:40px; border-radius:40px;} .pkit.pkit-screen .owl-nav div {top:160px;} .pkit.pkit-gallery .owl-nav div {top:120px;} .customer_slider .owl-nav div.owl-next, .all_projects .owl-nav div.owl-next, .pkit .owl-nav div.owl-next {background-position:-40px 0;} .customer_slider .owl-nav div.owl-next, .all_projects .owl-nav div.owl-next, .pkit .owl-nav div.owl-next {right:-50px; left:auto; background:#7b7f82 url(img/Arrow_right.svg) center center no-repeat;} .customer_slider .owl-nav div.owl-prev, .all_projects .owl-nav div.owl-prev, .pkit .owl-nav div.owl-prev {left:-50px; background:#7b7f82 url(img/Arrow_left.svg) center center no-repeat;} .pkit .owl-nav div.owl-prev {left:-6%;} .pkit .owl-nav div.owl-next {right:-6%;} .index2019 .customer_slider {padding-bottom:100px;} .index2021 .customer_slider {padding-bottom:100px;} .pkit .owl-carousel {max-width:90%; left:5%;} .content, .pvideo .content.gray{clear:both; padding:80px 0;} /*.content.txt, .feedback.txt {padding-top:141px;}*/ /*.txt {border-top:1px solid #ccc;}*/ .index .content {padding:60px 0 25px 0;} .content p, .content li, .survey p, .survey li {font-family:'opensans', Arial, _sans-serif !important; font-size:18px; line-height:28px; } .content p b, .content li b, .survey p b, .survey li b, .content p strong, .content li strong, .survey p strong, .survey li strong {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important;} .content ul.col2, .content ul.col3 {padding:40px 0;} .content ul.col2 li, .references .text ul.col2 li {width:48%; display:inline-block; vertical-align:top;} .content ul.col2 li:nth-child(2n), .references .text ul.col2 li:nth-child(2n) {margin-left:2.5%;} .wsm .managers h2, .content .news_item p.h1, .cases h2, .feedback h1, .contact .content h2, .content .partners h2, .allreferences h2, #career h2, .virt .auto24 h2 {font-family:'MuseoSansCyrl-900Italic', Arial, _sans-serif !important; font-size:42px; line-height:46px; padding-top:0;} /*DEL.index2019 .content h1 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:60px; line-height:70px; color:#fff; margin:185px 0 30px 0; letter-spacing:-0.03em;} .index2019 .content p {font-family:'opensans', Arial, _sans-serif !important; font-size:24px; line-height:36px; color:#fff; max-width:720px; letter-spacing:-0.01em;}*/ /*DEL .index2021 .content h1 { font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:60px; line-height:63px; color:#fff; margin:120px 0 0px 0; / *letter-spacing:-0.03em;* / text-align:left; max-width:600px; padding-bottom:0.7em; color:#fdfdfd; }*/ .index2021 .content .wsm p { font-family:'opensans', Arial, _sans-serif !important; font-size:18px; line-height:30px; color:#fff; max-width:600px; letter-spacing:-0.01em; color:#fdfdfd; } .content.gray {background:#eff2f3; padding:65px 0 115px 0;} .feedback.gray {background:#eff2f3;} .content.black {background:#343c41; } .content.green {background:#cfe9d3 url(img/bg_green.jpg) top center no-repeat;} .content.blue {background-color:#b1bfc7; color:#fff; padding:70px 0 90px 0;} .content.darkblue {background-color:#0064ad;} .content.blue h2, .content.black p {color:#fff;} .content img {max-width:100%;} .content ul.col3 li {width:33%; display:inline-block; vertical-align:top; padding-bottom:50px;} .content ul.col3c li {width:48%; display:inline-block; vertical-align:top; padding-bottom:50px;} .content.darkblue p {color:#fff;} .content.darkblue h2 {color:#81d4fa;} .content.text.txt h1 {padding:0 0 30px 0;} .content.text.txt h2, .content.text.txt h3, .content.text.txt h4, .content.text.txt h5, .content.text.txt h6 {font-family:'MuseoSansCyrl-700Italic', Arial, _sans-serif !important; padding:30px 0 10px 0; text-align:left;} .content.text.txt p {padding:10px 0;} .content.simple .wsm h2 {text-align:left; padding:35px 0 10px 0; font-size:24px;} .content.simple .wsm h3 {padding:25px 0 5px 0; font-size:22px;} .content.simple .wsm h1 {padding-bottom:20px;} .content.simple .wsm strong {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important;} .content.managers {padding-top:0;} .wsm .managers {clear:both; padding:0 0 47px 0;} .wsm .managers h2 {text-align:center; padding-bottom:10px;} .wsm .managers .item-list .item {display:inline-block; vertical-align:top;width:47.5%; padding:50px 0;} .wsm .managers .item-list .item:nth-child(even) {margin-left:4%;} .wsm .managers .item-list .item .foto, .wsm .managers .item-list .item .info, .content .news .item-list .item .foto, .content .news .item-list .item .info, .cases .item-list .item .foto, .cases .item-list .item .info, .allreferences .item-list .item .info, .allreferences .item-list .item .foto {display:inline-block; vertical-align:top;} .wsm .managers .item-list .item .foto {width:100%; text-align:center; } .wsm .managers .item-list .item .foto img, .content .news .item-list .item .foto img, .cases .item-list .item .foto img {max-width:100%;} .wsm .managers .item-list .item .foto img {max-width:200px; margin-bottom:20px; border-radius:280px;} .wsm .managers .item-list .item .info {width:100%; text-align:left;} .wsm .managers .item-list .item .info h4, .wsm .managers .item-list .item .info h2.h4 {font-family:'MuseoSansCyrl-700Italic', Arial, _sans-serif !important; font-size:20px; line-height:24px; letter-spacing:-0.02em; text-align:left; text-align:center;} .wsm .managers .item-list .item .info h6, .info div.h6 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:14px; line-height:18px; letter-spacing:-0.02em; color:#388e3c; padding-top:5px; } .wsm .managers .item-list .item .info h6 {text-align:center; margin-bottom:10px;} .wsm .managers .item-list .item p, .content .news .item-list .item .info p, .content .news_item p, .allreferences .item-list .item p.clr, .content.simple .wsm p {font-size:18px; line-height:28px; padding:10px 0 2px 0;} .content h3 {font-family:'MuseoSansCyrl-700Italic', Arial, _sans-serif !important; font-size:32px; line-height:38px; /*font-style:italic;*/ padding-bottom:15px;} .content h3 a:hover {color:#388e3c;} .content h4 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:24px; line-height:28px; padding-bottom:10px;} .content h5, .content h6 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:18px; line-height:22px; padding-bottom:10px; color:#2e7d32;} .content .icon_block {padding:0 3% 23px 30%; width:50%; margin:60px auto 0 auto; min-height:220px;} .vads .content .icon_block:first-child, .pvideo .content .icon_block:first-child {margin-top:40px;} .content .icon_block:last-child {padding-bottom:55px;} .content .icon_block.right {padding-left:0 !important; padding-right:33% !important;} .content .icon_block h4 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:24px; line-height:28px; padding:25px 0 15px 0;} .content h6.anons {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; text-align:center; color:#26282d; font-size:24px; line-height:40px; padding:30px 0 10px 0;} .content h6.anons span {font-size:16px; margin:0 10px; top:-2px;} .content.botborder .wsm {border-bottom:1px solid #979c9e; } .content.topborder .wsm {border-top:1px solid #979c9e;} .opptv .content.icon_block {padding-top:0;} .astra .content h1 {text-align:center;} .content ul.col4 li {width:20%; margin:0 2.5%; float:left;} .astra .content ul.col4 {width:86%; margin:0 auto 20px auto;} .astra .content ul.col4 li {text-align:center; font-size:14px; line-height:20px; background-repeat:no-repeat; background-position:top center; margin-top:35px; padding:80px 0;} .astra .content ul.col4 li {padding-top:120px;} .astra .content ul.col4 li.flexible {background-image:url(img/icons/SPBTVAstra/Flexiblesoftware-basedconfiguration.svg);} .astra .content ul.col4 li.multiple {background-image:url(img/icons/SPBTVAstra/Multipleinstallationoptions.svg);} .astra .content ul.col4 li.easily {background-image:url(img/icons/SPBTVAstra/Easymaintenanceandscalability.svg);} .astra .content ul.col4 li.reduction {background-image:url(img/icons/SPBTVAstra/Reductionofthevideodeliverycost.svg);} .astra .content h2 {padding-bottom:35px;} .astra .content.black h3 {color:#60a091;} .astra .content .icon_block.outstanding {background:url(img/icons/Astra/Outstanding_Performance.svg) top left no-repeat; } .astra .content .icon_block.outstanding h3 {padding-top:40px;} .astra .content .icon_block.video {background:url(img/icons/Astra/Video_Formats_Omnitude.svg) top right no-repeat; } .astra .content .icon_block.integration {background:url(img/icons/Astra/Easy_Integration.svg) top left no-repeat; } .home .content ul.col4 li.nano {background-image:url(img/icons/SPBTVHome/TV-boxwithnanoform-factor.svg);} .home .content ul.col4 li.bluetooth {background-image:url(img/icons/SPBTVHome/BluetoothEnabledRemoteControl.svg);} .home .content ul.col4 li.genie {background-image:url(img/icons/SPBTVHome/PoweredbyAndroidTVorSPBTVGenie.svg);} .home .content ul.col4 li.certified {background-image:url(img/icons/SPBTVHome/CertifiedbyGoogle.svg);} .content.green {padding:120px 0 115px 0;} .home .content.green .img, .home .content.green .item-list {float:left;} .home .content.green .img {width:28.5%; margin-right:14%;} .home .content.green .img img {width:100%;} .home .content.green .item-list {width:55%; max-width:520px; margin:20px 0;} .home .content.green .item-list .item {clear:both; margin-top:50px;} .home .content.green .item-list .item h3 {color:#fff;} .home .content .icon_block {min-height:300px; margin-top:0;} .home .content .icon_block.aosp {background:url(img/icons/SPBTVHome/oasp.png) top left no-repeat; } .home .content .icon_block.oatv {background:url(img/icons/SPBTVHome/oatv.png) top right no-repeat; margin-top:-100px; padding-top:100px; padding-bottom:0; } .home .content .icon_block.hybrid {background:url(img/icons/SPBTVHome/hybrid.png) top left no-repeat; } .home .content.settopbox h2 {padding-bottom:60px;} .home .content .icon_block h3 {padding-top:45px;} .rosing .content ul.col4 li {padding-top:120px;} .rosing .content ul.col4 li.vendor {background-image:url(img/icons/SPBTVRosing/EverythingFromOneVendor.svg);} .rosing .content ul.col4 li.launch {background-image:url(img/icons/SPBTVRosing/Launchin2Weeks.svg);} .rosing .content ul.col4 li.any {background-image:url(img/icons/SPBTVRosing/AnyContenttoAnyDevice.svg);} .rosing .content ul.col4 li.easily {background-image:url(img/icons/SPBTVRosing/EasilyCustomizableUI.svg);} .rosing .content h2.benefits {margin-top:10px; padding-bottom:13px;} .rosing .content ul.col2.benefits {padding-bottom:0;} .rosing .content ul.col2.benefits li {margin-bottom:60px;} .rosing .content ul.col2.benefits li p {width:94%;} .rosing .references_awards .awards {min-height:335px;} .adexpert .content ul.col4 li.detect {background-image:url(img/icons/AdExpert/Detect.svg);} .adexpert .content ul.col4 li.insert {background-image:url(img/icons/AdExpert/Insert.svg);} .adexpert .content ul.col4 li.analyse {background-image:url(img/icons/AdExpert/Analyse.svg);} .adexpert .content ul.col4 li.monetize {background-image:url(img/icons/AdExpert/Monetize.svg);} .adexpert .content .icon_block.target {background:url(img/icons/AdExpert/Targeted_Banners_and_Videos.svg) top left no-repeat; } .adexpert .content .icon_block.ads {background:url(img/icons/AdExpert/Ads_Performance_Analytics.svg) top left no-repeat; } .adexpert .content .icon_block:last-child {padding-bottom:0;} .adexpert .content.darkblue h2 {font-size:42px; line-height:48px; padding-bottom:0;} .adexpert .content.darkblue.perviykanal {background-image:url(img/adexpert.jpg); background-position:bottom center; background-repeat:no-repeat; padding-bottom:350px; border-bottom:3px solid #fff;} .adexpert .content.darkblue a.more {display:inline-block; border:2px solid #fff; margin:30px 0 0 0; color:#fff; padding:5px 5%;} .adexpert .content.darkblue a.more:hover {color:#81d4fa; border-color:#81d4fa;} .pvideo .subscribe.white .wsm {max-width:100%;} .cat17 .pvideo .subscribe.white .wsm {text-align:center;} .astra.pvideo .content ul.col4 li {padding-bottom:0;} .pvideo .content ul.col4 li.global {background-image:url(img/icons/PublishYourVideo/Globalreach.svg);} .pvideo .content ul.col4 li.protection {background-image:url(img/icons/PublishYourVideo/ContentProtection.svg);} .pvideo .content ul.col4 li.advertising, .pvideo .content ul.col4 li.subscriptions {background-image:url(img/icons/PublishYourVideo/Advertising.svg);} .pvideo .content ul.col4 li.stats {background-image:url(img/icons/PublishYourVideo/Stats.svg);} .pvideo .content .icon_block {width:60%;} .pvideo .content .icon_block.broadcasters {background:url(img/icons/PublishTVChannel/For_Advertisers.svg) top left no-repeat; } .pvideo .content .icon_block.monetize {background:url(img/icons/PublishTVChannel/Monetize_with_Advertising.svg) top left no-repeat; } .cdn div.content:nth-child(3) h2 {padding:30px 0 10px 0;} .cdn .content .col2 h3 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:24px; line-height:28px;} .cdn .content ul.col2 {/*margin:20px 0 0 0;*/ padding-bottom:0;} .cdn div.content:nth-child(3) ul.col2 {padding:0 0 30px 0;} .cdn .content.cdncase {padding:100px 0;} .cdn .content.cdncase ul.col2 {padding-top:0; margin-top:0;} .cdn .content.cdncase h2:nth-child(3) {padding:130px 0 70px 0;} .cdn .content.cdncase h2:nth-child(5) {padding:120px 0 60px 0;} .opptv .content h1, .sales h2 {font-size:32px; line-height:36px; padding-top:15px;} .opptv .content:nth-child(3) {padding-bottom:0;} .opptv .content .icon_block, .vd .content .icon_block, .home .content .icon_block {padding:0 0 40px 38%; width:61%;} .opptv .content .icon_block.right, .vd .content .icon_block.right, .home .content .icon_block.right, .vd .content .icon_block.right {width:60%; padding-right:39% !important;} .opptv .content .icon_block.telcos {background:url(img/icons/OTTTV-IPTV/For_Telcos.svg) top left no-repeat; padding-top:35px;} .opptv .content .icon_block.advertisers {background:url(img/icons/OTTTV-IPTV/For_Advertisers.svg) top left no-repeat;} .opptv .content .icon_block.providers {background:url(img/icons/OTTTV-IPTV/For_Content_Providers.svg) top right no-repeat;} .opptv .content h3, .vd .content h3, .vads .content h3 {font-family:'MuseoSansCyrl-900Italic', Arial, _sans-serif !important;} .vd .content .icon_block:nth-child(1) {margin-top:30px;} .vd .content .icon_block.transcoding {background:url(img/icons/VideoDelivery/Effective_Transcoding.svg) top right no-repeat;} .vd .content .icon_block.streaming {background:url(img/icons/VideoDelivery/Adaptive_Streaming.svg) top left no-repeat;} .vd .content .icon_block.deployment {background:url(img/icons/VideoDelivery/Deployment_Options.svg) top right no-repeat;} .vd .content.icon_block {padding-bottom:40px;} .content.width80 .wsm {max-width:820px;} .vd .content.width80 {padding:60px 0 100px 0;} .vd .content.width80 h3, .vads .content.width80 h3 {padding-top:45px;} .vads .content .icon_block.advertising {background:url(img/icons/VideoAds/For_Advertisers.svg) top right no-repeat;} .vads .content .icon_block.exchange {background:url(img/icons/VideoAds/Targeted_Banners_and_Videos.svg) top left no-repeat;} .vads .content .icon_block.dynamic {background:url(img/icons/VideoAds/Insert_Ads.svg) top right no-repeat;} .virt ul.col2 p {max-width:94%;} .virt .content .col2 h3 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:28px; line-height:32px; padding-top:40px;} .virt .content ul.col4 li {margin-top:10px; padding:100px 0 30px 0;} .virt .content ul.col4 li.live {background-image:url(img/icons/VRandVideo360/LiveandVideoContent.svg);} .virt .content ul.col4 li.geometry {background-image:url(img/icons/VRandVideo360/PyramidGeometry.svg);} .virt .content ul.col4 li.over4g {background-image:url(img/icons/VRandVideo360/Over4G.svg);} .virt .content ul.col4 li.glasses {background-image:url(img/icons/VRandVideo360/VR-glassesSupport.svg);} .virt .content .col2 h3:first-child {padding-top:0;} .virt .content.delivery-platform h2 {padding-bottom:0;} .virt .content.auto24 {background: url(img/auto24.jpg) top center no-repeat; padding-bottom:0;} .virt .auto24 p.more a.more {background-color:#03863d; width:310px;} .virt .auto24 p, .virt .auto24 h2 {color:#fff; text-align:left;} .virt .content.auto24 {padding-top:120px;} .virt .auto24 .desc {background:url(img/auto24logo.png) 0 0 no-repeat; padding:0 0 115px 30%; width:70%; max-width:600px; margin:0 auto;} .virt .content.delivery-platform {padding-bottom:115px;} .sales {clear:both; background:linear-gradient(to bottom, #5fa090, #3a8f40);} .sales h2 {color:#fff;} .sales p {max-width:780px; color:#fff; margin:0 auto; text-align:center; margin-bottom:40px;} .sales a.more {margin-top:0;} .contact .content.gray {padding:90px 0;} .contact .content ul.col3 {padding:50px 0 0 0;} .contact .content ul.col3 li {width:48%;} /* temporary while we have 4 offices */ .content ul.col3.contacts {padding-top:60px;} .content ul.col3.contacts li {text-align:center;} .contact .content h4 {font-family:'MuseoSansCyrl-900Italic', Arial, _sans-serif !important; padding-bottom:7px;} .contact .content h6 {padding-bottom:15px;} .contact .content li p {line-height:30px; letter-spacing:-0.01em;} .contact .content h2 {padding-top:25px;} .contact .content li h3 {padding-bottom:10px;} .contact .content ul.col3.list p {max-width:80%;} .contact .col3.contacts h3 {font-size:26px; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; } .contact .col3.contacts p strong {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; color:#2e7d32;} #advbanner, #advbanner div.item {width:100%; height:490px;} /*height:350px;*/ #advbanner div.item {background-size:cover; background-repeat:no-repeat; background-color:#000; background-position:top center; padding-top:80px;} #advbanner div.item h2 {font-size:60px; padding-bottom:20px; color:#fff; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important;} #advbanner div.item p {font-size:36px; font-family:'MuseoSansCyrl-700Italic', Arial, _sans-serif !important; color:#fff;} #advbanner div.item div.img {width:220px; margin-right:40px; float:left;} #advbanner div.item div.img img {width:100%;} #advbanner .wsm {max-width:840px;} #tibanner, #tibanner div.item {width:100%; height:440px;} /*height:350px;*/ #tibanner div.item {background-size:cover; background-repeat:no-repeat; background-color:#000; background-position:top center; padding-top:80px;} #tibanner div.item h2 {font-size:52px; padding-top:55px; line-height:54px; color:#fff; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #tibanner div.item p {font-size:32px; font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; color:#fff;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #tibanner div.item p.likeH2 {font-size:52px; line-height:54px; color:#fff; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #tibanner div.item div.img {width:220px; margin-right:40px; float:left;} #tibanner div.item div.img img {width:100%;} #tibanner .wsm {max-width:840px;padding-left:80px;} #tibanner .item a.more {width: 186px; height: 39px; background-color: #03863d; margin: 40px auto 0 0} @media (max-width:980px) { #tibanner {height:auto !important;} #tibanner div.item {height:400px !important;} /*#tibanner .wsm {max-width:90%; text-align:center; padding-bottom:80px;}*/ #tibanner div.item div.img {display:block; margin:0 auto 40px auto; float:none;} #tibanner div.item h2, #tibanner div.item p.likeH2 {font-size:32px; line-height:36px;} #tibanner div.item p {font-size:22px;} #tibanner .wsm {padding-left:0px;} } #mainbanner .text-image img.logo {width:auto;height:auto;display:inline;} #mainbanner .slider div.webinar-2020, #mainbanner div.webinar-2020 {background-position: center;} #mainbanner .slider .webinar-2020 .wsm, #mainbanner .webinar-2020 .wsm {padding-top: 60px;padding-left:250px;text-align:left;max-width:950px !important;} #mainbanner .slider .webinar-2020 .wsm p, #mainbanner .webinar-2020 .wsm p {margin-left: 0px;max-width:800px;} #mainbanner .slider .webinar-2020 p.name, #mainbanner .webinar-2020 p.name { font-size: 46px; line-height: 50px; color: #03863d; font-family: "MuseoSansCyrl-900", Arial, _sans-serif !important; filter: drop-shadow(2.5px 4.33px 25px rgba(0,0,0,0.5));} #mainbanner .slider .webinar-2020 p.likeH2, #mainbanner .webinar-2020 p.likeH2 { font-size: 46px; line-height: 50px; color: #fff; font-family: "MuseoSansCyrl-900", Arial, _sans-serif!important; filter: drop-shadow(2.5px 4.33px 25px rgba(0,0,0,0.5));} #mainbanner .slider .webinar-2020 p.date, #mainbanner .webinar-2020 p.date { font-size: 30px; margin-top:22px; color: #fff; font-family: "MuseoSansCyrl-700", Arial, _sans-serif!important; filter: drop-shadow(2.5px 4.33px 25px rgba(0,0,0,0.5));} #mainbanner .slider .webinar-2020 a.more, #mainbanner .webinar-2020 a.more { font-size: 16px; letter-spacing: 0px; color: #ffffff; font-family: "MuseoSansCyrl-700", Arial, _sans-serif!important; background-color: #03863d !important; margin-top:32px; margin-left: 0px; } #mainbanner .slider #webinar-2020-3 .wsm, #mainbanner #webinar-2020-3 .wsm {padding-top: 50px;} @media (max-width:720px) { #mainbanner .slider .webinar-2020, #mainbanner .webinar-2020 {height:440px !important;} #mainbanner .slider .webinar-2020 div.item, #mainbanner .webinar-2020 div.item {height:400px !important;} #mainbanner .slider .webinar-2020 .wsm, #mainbanner .webinar-2020 .wsm {padding-top: 80px !important; padding-left:0px;text-align:left;max-width:950px !important;} #mainbanner .slider .webinar-2020 p.name, #mainbanner .webinar-2020 p.name, #mainbanner .slider .webinar-2020 p.likeH2, #mainbanner .webinar-2020 p.likeH2 {font-size: 24px; line-height: 30px;letter-spacing: -0.02em;filter:none;} #mainbanner .slider .webinar-2020 p.date, #mainbanner .webinar-2020 p.date { font-size: 16px; line-height: 23px; margin-top:30px;} } /* специальные баннеры : удалить после отключения */ #csi-2020-banner, #csi-2020-banner div.item {width:100%; height:500px;} /*height:350px;*/ #csi-2020-banner div.item {background-size:cover; background-repeat:no-repeat; background-color:#000; background-position:top center; padding-top:80px;} #csi-2020-banner div.item h2, #mainbanner .slider #csi-2020-banner h2 {font-size:46px; padding-top:25px; line-height:50px; text-align: center; color:#fff; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #csi-2020-banner div.item p {font-size:32px; font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; color:#fff;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #csi-2020-banner div.item p.likeH2 {font-size:52px; line-height:54px; color:#fff; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;filter: drop-shadow(0 0 16px rgba(0,0,0,0.6));} #csi-2020-banner div.item div.img {width:220px; margin-right:40px; float:left;} #csi-2020-banner div.item div.img img {width:100%;} #csi-2020-banner .wsm {max-width:900px;/*padding-left:80px;*/text-align:center;} #csi-2020-banner .wsm .logo{padding-top:30px;} .slider #csi-2020-banner .wsm a.more { width: 186px; height: 35px; line-height: 35px; background: none; border: 2px solid #7ba62b; color:#7ba62b !important; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size: 16px; letter-spacing: 0px; } @media (max-width:720px) { #csi-2020-banner {height:440px !important;} #csi-2020-banner div.item {height:400px !important;} #csi-2020-banner .wsm .logo{display:none !important;} /*#csi-2020-banner .wsm {max-width:90%; text-align:center; padding-bottom:80px;}*/ #csi-2020-banner div.item h2, #mainbanner .slider #csi-2020-banner h2 {font-size:24px; line-height: 30px;letter-spacing: -0.02em;} #csi-2020-banner div.item p {font-size:24px; line-height: 30px;letter-spacing: -0.02em;} #csi-2020-banner div.item p.likeH2 {font-size:24px; line-height: 30px;letter-spacing: -0.02em;} #csi-2020-banner .wsm {padding-left:0px;} .slider #csi-2020-banner .wsm a.more{background: #000;} } /* специальные баннеры end */ .career .content h1, .survey .content h1, .text .content h1 {padding-bottom:30px;} .career .content ul.col2 li.li1, .career .content ul.col2 li.li2 {margin-bottom:40px;} .career .content ul.col2 li {background-position:center left; background-repeat:no-repeat; padding:0 2% 0 12%; width:34%;} .career .content ul.col2 li.li1 {background-image:url(img/icons/Career/Thegeneralprogrammingskills.svg);} .career .content ul.col2 li.li2 {background-image:url(img/icons/Career/Wehirepeoplenotforonespecifictask.svg);} .career .content ul.col2 li.li3 {background-image:url(img/icons/Career/TheknowledgeofEnglishlanguage.svg);} .career .content ul.col2 li.li4 {background-image:url(img/icons/Career/Werelessconcernedaboutgradesandtranscripts.svg);} #career {background:#eff2f3; padding:100px 0 80px 0;} #career h2 {text-align:center;} #career div.item-list {padding:30px 0 10px 0;} #career div.item {clear:both; padding:15px 0 10px 0;} #career div.item div.title {cursor:pointer;} #career div.item h3 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:32px;; line-height:32px;} #career div.item div.title:hover h3 {color:#2e7d32;} #career div.item h3:after {content:""; display:inline-block; width:15px; height:9px; background:url(img/arrowC.png) 0 0 no-repeat; position:relative; left:15px; top:-5px;} #career div.item.active div.title h3:after {transform:rotate(180deg);} #career div.item h6 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:32px; padding:3px 0 0 0;} #career div.item h6 {padding-bottom:10px;} #career div.item div.descr {display:none; padding:10px 0 40px 0; background:#fff;} #career div.item div.descr h6 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:22px; line-height:28px; padding:25px 0 5px 0;} #career div.item div.descr p, #career div.item div.descr li {font-size:18px; line-height:28px; margin:2px 0;} #career div.item div.descr ul, #survey div.item-list div.item div.descr ul {list-style:disc; margin-left:20px;} #career div.item div.descr .apply, #survey div.item-list div.item div.descr .apply, .content .news.case .item-list .item .info a.more, .content .news_item a.more {background:#03863d; color:#fff; width:185px; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:38px; text-align:center; display:block;} #career div.item div.descr .apply {margin:60px 0 20px 0;} #career div.item div.descr .apply:hover, #survey div.item-list div.item div.descr .apply:hover {background:#26282d;} #survey, #survey div.item-list div.item {clear:both; width:100%;} #survey div.item-list div.item {border-top:1px solid #b1bfc7; padding:55px 0;} #survey div.item-list div.item div.img, #survey div.item-list div.item div.descr {float:left;} #survey div.item-list div.item div.img {width:23%; margin-right:8%;} #survey div.item-list div.item div.descr {width:69%;} #survey div.item-list div.item div.img img {width:100%;} #survey div.item-list div.item div.descr h2, #survey div.item-list div.item div.descr h3 {font-family:'MuseoSansCyrl-900Italic', Arial, _sans-serif !important; font-size:32px; line-height:36px;} #survey div.item-list div.item div.descr p, #survey div.item-list div.item div.descr ul, #survey div.item-list div.item div.descr ol {padding:15px 0 0 0;} #survey div.item-list div.item div.descr h3 {padding-top:25px;} #survey div.item-list div.item div.descr .apply, .content .news.case .item-list .item .info a.more {margin:30px 0 80px 0; cursor:pointer;} .survey .feedback div.input.agree label {max-width:80%; top:15px;} .survey .feedback {padding-bottom:50px;} .cases {clear:both; width:100%; padding:83px 0 70px 0;} .cases .wsm, .allreferences .wsm {width:100%; max-width:1660px;} .cases h2 {text-align:center; margin-bottom:30px;} .cases .item-list, .allreferences .item-list {width:100%; margin:10px 0; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:center;} .cases .item-list .item, .allreferences .item-list .item {display:inline-block; vertical-align:top; padding:115px 4.5% 90px 4.5%; width:39.5%; border:2px solid #b1bfc7; margin:20px 0; } .cases .item-list .item:nth-child(2n), .allreferences .item-list .item:nth-child(2n) {margin-left:2%;} .cases .item-list .item .foto {width:19%; margin-right:6.8%;} .cases .item-list .item .info {width:70%;} .cases .item-list .item .info h3 {font-size:24px; line-height:28px; max-width:60%; color:#b1bfc7;} .cases .item-list .item .info h3 a {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; color:#000;} .cases .item-list .item .info h3 a:hover {color:#2e7d32;} .cases .item-list .item .info p {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:18px; line-height:28px; padding-top:18px; } .cases .more {display:block; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:18px; padding:9px 0; text-align:center; border:2px solid #2e7d32;} .case .content .news_item a.more {color:#fff; background:#2e7d32; margin-top:45px; margin-bottom:30px;} .case .content .news_item a.more:hover {color:#2e7d32; background:#fff;} .cases .more.clr {width:230px; color:#2e7d32; margin:60px auto 0 auto;} .cases .more.clr:hover {color:#fff; background:#2e7d32;} .content .news.case .item-list .item .foto img {max-height:240px;padding-top:13px;} .content .news.case .item-list .item .info a.more, .content .news_item a.more {margin-bottom:10px; background:#fff; border:2px solid #03863d; color:#03863d; line-height:34px;} .content .news.case .item-list .item .info a.more:hover:hover {background:#03863d; color:#fff;} .content div.next-prev-links {clear:both; width:100%; margin:30px 0 50px 0;} .content div.next-prev-links a {display:block; font-size:24px; color:#26282d; position:absolute; top:0;} .content div.next-prev-links a.next {right:0;} .content div.next-prev-links a.prev {left:0;} .content div.next-prev-links a span {display:inline-block; font-size:34px; top:2px;} .content div.next-prev-links2 {clear:both; width:100%; margin:10px 0; font-size:24px;} .content div.next-prev-links2 a {color:#03863d;} .content div.next-prev-links2.top {margin:-20px 0 40px 0; } .case .content .news_item p.h1 {padding-bottom:5px;} .content .news {clear:both; padding-bottom:80px;} .content .news .item-list, .content .years {float:left;} .content .news .item-list {width:100%; margin-top:15px;} .content .years {/*width:10%; margin-top:32px;*/ position:absolute; top:80px; right:0;} .content .years a {display:block; font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:28px; color:#b1bfc7;} .content .years a:hover, .content .years a.active {color:#2e7d32;} .content .news .item-list .item {clear:both; width:100%; padding:25px 0 30px 0;} .content .news .item-list .item .foto, .content .news .item-list .item .info {display:inline-block;} .content .news .item-list .item .foto {/*display:none;*/ width:20%; margin-right:5%;} .content .news .item-list .item .info {width:66%;} .content .news.nologo .item-list .item .info {width:80%;} .content .news .item-list .item .info h6, .content .news .item-list .item .info div.h6, .content .news_item h6, .content .news_item div.h6 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:30px; color:#2e7d32; padding-bottom:0;} .content .news .item-list .item .info h4, .content .news .item-list .item .info h2.h4, .content .news_item h1 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:24px; line-height:32px; letter-spacing:-0.02em; max-width:84%; padding-bottom:0;} .case .content .news_item h1 {font-size:32px; padding:30px 0 5px 0;} .content .news_item ul {list-style:disc; margin:10px 20px;} .content .news_item li {padding:5px 0;} .content .news_item strong, div.strong p {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important;} .content .news_item p.h1 {padding-bottom:40px;} .content .news_item p.h1 a {color:#26282d;} .content .news_item p.h1 a:before{content:""; width:15px; height:23px; background:url(img/galkaB.png) 0 0 no-repeat; position:relative; display:inline-block; left:0; top:0; margin-right:15px;} .content .news_item p, .content .news_item li, .content div.next-prev-links {max-width:850px;} .content .news_item h1, .content .news_item h2, .content .news_item h3 {font-style:normal;} .content .news_item h2, .content .news_item h3 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:24px; text-align:left; padding:40px 0 5px 0;} .content .news_item p img {margin-top:20px;margin-bottom:20px} div.socicons.share {/*min-width:180px;*/ margin:0 0 10px 0;} div.socicons {margin:40px auto 15px auto; /*max-width:280px;*/ display:inline-block; /*width:100%;*/ text-align:center;} /*ul.ya-share2__list {margin: 0 0 0 0 !important;}*/ div.socicons a span.ya-share2__icon {display:inline-block; width:25px; height:28px; background-repeat:no-repeat; background-position:center center; background-size:contain; /*border-radius:40px;*/ flex:0 0 auto;} /*div.socicons a span {display:none !important;}*/ div.socicons a:hover {opacity:0.7;} div.socicons a .ya-share2__badge {background:none !important;} div.socicons a .ya-share2__counter, div.socicons div.icons.view span.counter {color:#343434; font-size:14px; top:3px;} div.socicons .ya-share2__item_service_facebook a {margin:0 16px; } div.socicons .ya-share2__item_service_vkontakte a span.ya-share2__icon, div.socicons a.vk {background-image:url(/ns2017/img/vk3.svg);} div.socicons .ya-share2__item_service_facebook a span.ya-share2__icon, div.socicons a.fb {background-image:url(/ns2017/img/fb3.svg);} div.socicons .ya-share2__item_service_twitter a span.ya-share2__icon, div.socicons a.tw {background-image:url(/ns2017/img/tw3.svg); width:22px;} div.socicons .ya-share2__item_service_odnoklassniki a span.ya-share2__icon, div.socicons a.odk {background-image:url(/ns2017/img/odk.png); margin-left:10px;} div.socicons .ya-share2__item_service_linkedin a span.ya-share2__icon {background-image:url(/ns2017/img/linkedin-icon.svg); margin-left:10px;} ddiv.socicons a.yt {background-image:url(/ns2017/img/yt.svg)} div.socicons a.ok {background-image:url(/ns2017/img/ok.svg)} div.socicons div.ya-share2, div.socicons div.icons.view {display:inline-block;} div.socicons div.icons.view {margin-left:20px;} div.socicons div.icons.view span.icon {background:url(/ns2017/img/view.svg) center center no-repeat; background-size:contain; top:7px; left:-2px;} div.socicons div.icons.view span {display:inline-block; width:20px; height:10px; } .content .news.awards h1, .content .news.logo h1 {width:70%; margin-left:25.4%;} .content .news.awards .item-list .item .info h4, .content .news.awards .item-list .item .info h2.h4 {color:#2e7d32;} .content .news.awards .item-list .item .info h5 {font-size:24px; line-height:32px; padding-bottom:0; color:#1e272c;} .content .news.awards .item-list p.god {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:24px; line-height:30px; color:#8e9395;} .content .news.awards .item-list p.god {clear:both; width:65%; margin-left:25.4%; padding-top:40px;} .content .news.awards .item-list .item .info h4 a, .content .news.awards .item-list .item .info h2.h4 a, .content .news.awards .item-list .item .info h4 span, .content .news.awards .item-list .item .info h2.h4 span {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; color:#26282d;} .content .news.awards .item-list .item .info {width:70%;} .content .news.awards .item-list .item .foto {display:inline-block;} .content .partners .item-list {padding:25px 0 0 0;} .content .partners h2 {text-align:center;} .content .partners .item {width:16%; margin:25px 0; display:inline-block; text-align:center;} .content .partners .item img {max-width:145px; max-height:50px; width:auto;} .presskit .content:nth-child(2) {padding-bottom:0;} .content .pkit, .wsm.pkit {clear:both; margin-top:65px; text-align:center;} .content .pkit h3, .wsm.pkit h3 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:24px; line-height:32px; text-align:center; padding:7px 0;} .content .pkit p, .wsm.pkit p {padding:0; margin:0;} .content .pkit p a, .wsm.pkit p a {font-size:14px; line-height:20px; color:#26282d;} .content .pkit p a {text-decoration:underline; margin:0 5px;} .content .pkit p a:hover {text-decoration:none;} .wsm.pkit.list .item-list {margin-top:30px; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-content:space-around; align-content:space-around; flex-wrap:wrap;} .wsm.pkit .item-list .item img {max-width:100%; } .wsm.pkit.list .item-list .item {/*float:left; width:12.5%;*/ margin:15px 0 20px 0; flex:0 0 auto;} .wsm.pkit.list .item-list .item p {margin-top:15px;} .wsm.pkit.foto .item-list {margin-top:45px; margin-bottom:50px;} .wsm.pkit.foto .item-list .item {width:22%; float:left; margin:0 0 14px 3.4%;} .wsm.pkit.foto .item-list .item:first-child {width:49%; margin:0;} .wsm.pkit.foto .item-list .item p {display:none;} .wsm.pkit.foto .item-list .item a {display:block; width:100%;} .wsm.pkit.wp .item-list {margin-top:35px; margin-bottom:90px; display:block; text-align:center;} .wsm.pkit.wp .item-list .item {display:inline-block; width:20.5%; padding:0 1%; border:2px solid #03863d; margin:10px 0.5% 20px 0.5%;} .wsm.pkit.wp .item-list .item a {display:block; width:100%; color:#03863d; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:18px; padding-top:10px; padding-bottom:10px;} .wsm.pkit.wp .item-list .item:hover a {color:#26282d;} .wsm.pkit.wp .item-list .item:hover {border-color:#26282d;} .wsm.pkit.wp.green .item-list .item {background:#03863d;} .wsm.pkit.wp .item-list .item:hover {border-color:#03863d;} .wsm.pkit.wp.green .item-list .item:hover {background:#fff;} .wsm.pkit.wp.green .item-list .item a {color:#fff;} .wsm.pkit.wp.green .item-list .item:hover a {color:#03863d;} .wsm.pkit.list.green .item-list {-webkit-justify-content:space-evenly; justify-content:space-evenly;} .wsm.pkit.manag {margin-top:50px;} .wsm.pkit-logo, .wsm.pkit-screen, .wsm.pkit-gallery {margin-top:40px;} .wsm.pkit-logo .item-list .item, .wsm.pkit-screen .item-list .item, .wsm.pkit-gallery .item-list .item {margin:30px 0; display:inline-block;} .wsm.pkit-logo .item-list .item {width:19.5%; min-width:200px;} .wsm.pkit-logo .item-list .item img {max-height:35px; max-width:130px;} .wsm.pkit-logo .item-list .item.big img {max-height:45px; max-width:190px;} .wsm.pkit-logo p {font-size:14px; color:#454754; margin-top:35px;} .wsm.pkit-logo p strong {font-size:18px; font-family:'MuseoSansCyrl-700Italic', Arial, _sans-serif !important; display:block; margin-bottom:5px;} .wsm.pkit-logo a {text-decoration:underline;} .wsm.pkit-logo a:hover {text-decoration:none;} .fancybox-navigation {top:45%;} .wsm.pkit-screen .item-list .item, wsm.pkit-gallery .item-list .item {text-align:center;} .wsm.pkit-screen .item-list .item img, .wsm.pkit-gallery .item-list .item img {display:inline-block;} .sales.content {padding:40px 0;} .allreferences {background:#f0f1f3 /*#3a8f40*/; padding:80px 0;} .allreferences h2 {text-align:center; /*color:#fff;*/} .allreferences .item-list {padding:40px 0;} .allreferences .item-list .item {background:#fff; border-color:#fff; padding:95px 8% 95px 8%; width:32.5%;} .allreferences .item-list .item .foto {width:22%; vertical-align:middle;} .allreferences .item-list .item .foto img {max-width:80%;} .allreferences .item-list .item .info {width:70%; vertical-align:middle;} .allreferences .item-list .item p.clr {margin-top:15px; line-height:26px;} .allreferences .item-list .item .info a {text-decoration:underline;} .allreferences .item-list .item .info a:hover {text-decoration:none;} #all_products {clear:both; width:100%; margin:0 auto; padding:70px 0 80px 0; /*max-width:1660px;*/ } .inner #all_products {background:linear-gradient(to bottom, #5fa090, #3a8f40);} .index #all_products {padding:0;} .inner #all_products h2 {color:#fff;} #all_products .item_list {width:100%; margin-top:30px; text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:center;} .index #all_products .item_list {margin-top:53px;} .inner #all_products .item_list {padding-bottom:20px;} #all_products .item_list .item {width:18.3%; padding:20px 2%; display:inline-block; margin:0 1.5%; text-align:center; color:#fff; /*min-height:130px;*/ vertical-align:top; background-size:auto 100% !important;} .index #all_products .item_list .item {padding-top:45px; padding-bottom:35px;} #all_products .item_list .item {border:2px solid #fff; cursor:pointer;} .index #all_products .item_list .item.astra, #all_products_home .item_list .item.spb-tv-astra a.more {background:#ef6751/*linear-gradient(to bottom, #f2952a, #e55367)*/;} .index #all_products .item_list .item.rosing, #all_products_home .item_list .item.spb-tv-rosing a.more, #all_products_home .item_list .item.tv-platform a.more,#all_products_home .item_list .item.digital-tv-and-video-ads a.more, #all_products_home .item_list .item.ott-tv-and-ip-tv a.more {background:#2998d7;/*linear-gradient(to bottom, #5ec5ef, #0665ac);*/} .index #all_products .item_list .item.home, #all_products_home .item_list .item.spb-tv-home a.more {background:#6e7dcc/*linear-gradient(to bottom, #69a6d8, #544e95)*/;} .index #all_products .item_list .item.ad, #all_products_home .item_list .item.ad-expert a.more {background:#2e9a77/*linear-gradient(to bottom, #41c466, #1a9392)*/;} a.more:hover {opacity:0.8;} #all_products .item_list .item:first-child {margin-left:0;} #all_products .item_list .item:last-child {margin-right:0;} #all_products .item_list .item h3 {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:24px; padding-bottom:5px;} #all_products .item_list .item h3 a {color:#fff; display:block; width:100%; height:100%;} #all_products .item_list .item p {font-family:'opensans_semibold', Arial, _sans-serif !important; font-size:14px; line-height:19px; padding:10px 0 0 0;} .inner #all_products .item_list .item p {display:none;} .inner #all_products .item_list .item:hover {opacity:0.8;} #all_products_home {padding:65px 0 60px 0;} /*padding:65px 0 1px 0;*/ #all_products_home .wsm h2 { font-family: 'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size: 32px; line-height: 36px; color: #fff; padding-bottom: 0; text-align: center; } #all_products_home .item_list { padding-top:15px; } #all_products_home .item_list .item { width:39%; display:inline-block; padding:50px; vertical-align:top; background-color: white; border-radius: 5px; box-shadow: 7px 7px 5px #ccc; margin-top: 40px; } #all_products_home .item_list .item:nth-child(even) {margin-left:3%; width:39%;} #all_products_home .item_list .item h3 { font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; color:#26282d; font-size:24px; line-height:30px; max-width:340px; /*letter-spacing:-0.02em; */ padding-bottom:8px; } #all_products_home .item_list .item p { font-family:'opensans_light', Arial, _sans-serif !important; color:#26282d; font-size:18px; line-height:28px; padding-bottom:10px; } #all_products_home .item_list a.more { display:block; color:#fff; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; max-width:185px; width:100%; text-align:center; line-height:40px; margin-top:20px;} .cat17 #all_products_home .item_list a.more {max-width:220px;} @media (max-width:1200px) { #all_products_home .item_list .item { width:80%; } #all_products_home .item_list .item:nth-child(even) { margin-left:0; width:80%; } } .all_projects {clear:both; padding:65px 0 45px 0;} .all_projects .slider {width:94% /*88%*/; margin:45px auto;} .all_projects .item .logo {width:26%; display:none;} .all_projects .item .anons {width:94%; text-align:center;} .all_projects .item .anons h4 {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:24px; padding-bottom:10px;} .all_projects .item .anons p {font-size:15px; line-height:20px; width:90%; margin:0 auto;} .all_projects .owl-nav div {top:30px;} .references {clear:both; margin:0 auto; padding:70px 0 95px 0; background:#fff;} .index .references {background:linear-gradient(to bottom, #5fa090, #3a8f40);} .references p {text-align:center;} .index .references p {color:#fff;} .references p.text {width:100%; max-width:780px; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:42px; line-height:50px; margin:30px auto 25px auto;} .references .info img {max-width:80px; margin:5px 0 12px 0;} .references p.info, .allreferences .item-list .item .info p {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:14px; line-height:20px;} .references p strong, .allreferences .item-list .item .info p strong {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;} .index .references .more, .sales .more {background:none; border:2px solid #fff; margin-bottom:20px; margin-top:36px;} .references .more:hover, .sales .more:hover {opacity:0.8;} .references .more {margin-top:45px; background:#03863d;} .adexpert .references, .vd .references, .virt .references, .vads .references {background:#f0f1f3;} .adexpert .references {margin-top:60px;} .references_awards {clear:both; padding:120px 0;} .references_awards .wsm {width:100%; max-width:1660px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .references_awards .references, .references_awards .awards {float:left; } .references_awards .references {width:50%; padding-left:8%; padding-right:8%; margin-right:5%; } .references_awards .awards {width:19%; padding:73px 5% 28px 5%; background:#e98e33;} .references_awards .references ul.col2 li {float:none; width:100%; margin:0;} .references_awards .references .text {width:70%; } .references_awards .awards .item, .references_awards .awards a {color:#fff;} .references_awards .awards h2 {padding-left:30%;} .awards {clear:both; width:100%; padding:0 0 80px 0;} .awards .wsm {border-top:1px solid #979c9e;} .awards h2 {width:100%; padding-top:70px;} .awards h2 a:hover {color:#388e3c;} .awards .item-list {width:88%; margin:20px auto 35px auto; /*left:7%;*/} .awards .item-list .item {display:inline-block; width:49%; vertical-align:top;} .awards .item-list .item img {/*width:24%; margin-right:5.5%;*/ margin-top:10px; /*float:left;*/} .awards.list2 .item-list .item img {width:24%; margin-right:5.5%; float:left;} .awards .item-list .item p {font-size:18px; color:#26282d; width:80%; padding-top:30px; line-height:28px;} .awards.list2 .item-list .item img, .awards.list2 .item-list .item p {display:inline-block;} .awards.list2 .item-list .item p {width:65%;} .awards .item-list .item p strong {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:24px; display:block; padding-bottom:5px;} .awards .item-list .item p span {color:#03863d; display:block;} .adexpert .awards .wsm, .vd .awards .wsm, .virt .awards .wsm, .vads .awards .wsm {border:none;} .feedback {clear:both; width:100%; padding:90px 0 60px 0;} .empty .feedback {padding-bottom:20px;} div.error, div.status {color:red; /*text-align:center; top:10px;*/} div.status {text-align:center;} .feedback h1, .contact .content h2 {text-align:center; padding-bottom:10px;} .feedback h2 { font-family: 'MuseoSansCyrl-900', Arial, _sans-serif !important; letter-spacing: normal; font-size: 32px; line-height: normal; padding-bottom: 1em; padding-top:0px; text-align: center; } .feedback div.input {width:48%; display:inline-block; vertical-align:top; margin-top:12px;} .feedback form div.input:nth-child(2n) {margin-left:2.8%;} .feedback div.input label {font-size:14px; line-height:25px;} .feedback div.input input, .feedback div.input textarea, .feedback div.input select {border:1px solid #9e9e9e; background:#fafafa; display:block; width:96%; margin-top:2px; padding:7px 2%; font-family:'opensans', Arial, _sans-serif !important; font-size:18px; line-height:25px;} .feedback div.input0 { padding-top:20px; padding-bottom:20px; } .feedback div.input0 select {border:1px solid #9e9e9e; background:#fafafa; padding:7px 2%; font-family:'opensans', Arial, _sans-serif !important; font-size:18px; line-height:25px;} .feedback div.input0 label { font-size: 17px; line-height: 25px; padding-right:10px; } .feedbackform div.input.agree {margin-top:34px; vertical-align:top; } .feedback div.input.agree input, .feedback div.input input.agree {width:20px; display:inline-block; margin-right:10px; top:0;} .survey .feedback div.input.agree input[name=f_subscribe] {top:17px;} .feedbackform div.input.agree input[name=f_agree] {top:-34px;} .feedback div.input.agree label {font-size:12px; line-height:18px; display:inline-block; max-width:320px; /*top:34px;*/} .feedback div.input label a {text-decoration:underline;} .feedback div.input label a:hover {text-decoration:none;} .feedback div.input label.agree {font-size:12px; line-height:18px; display:inline-block; max-width:80%; top:7px;} .feedback div.input select {width:100%;} .feedback input.submit, .feedback div.submit, .feedback div.inputfile, #bottom-subscribe div.button {width:186px; padding:10px; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; color:#fff; text-align:center; background:#03863d; margin:50px auto 30px auto; display:block; cursor:pointer;} .feedback div.input.file input {border:none; padding-left:0;} .feedback div.input.file input.file {opacity:0; height:1px; } .career .feedback div.input div.submit {margin:10px 0 0 0;} .career .feedback div.input textarea {height:91px;} .career .feedback {padding-bottom:110px;} .feedback div.inputfile {background:#9e9e9e; display:block; margin:27px 0 0 0;} .career .feedback div.filename, .career .feedback div.inputfile {display:inline-block; margin-right:20px;} .feedback div.input input:disabled, .feedback div.input select:disabled{background:#e4e4e4;} .subscribe { clear:both; width:100%; /*background:#03863d url(img/subscribe.jpg) top center repeat-y;*/ padding:60px 0 25px 0; min-height:75px; /*background-size:cover;*/ /*background:linear-gradient(to bottom, #5fa090, #3a8f40);*/ background: none; } .subscribe .wsm {max-width:740px;} .cat17 .astra.pvideo .subscribe .wsm {max-width:840px;} .subscribe h2 {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:32px; line-height:36px; color:#000; display:inline-block; padding-bottom:0;} /*DEL.index2019 .subscribe h2 {font-size:36px; line-height:40px;} .cat16 .index2019 .subscribe h2, .cat16 .index2019 .subscribe a.more {display:block;} .cat16 .index2019 .subscribe a.more {margin:40px auto 0 auto;} .cat16 .index2019 .subscribe {padding:70px 0 65px 0;} .index2019 .subscribe .wsm {text-align:center;}*/ .index2021 .subscribe h2 {font-size:36px; line-height:40px;} /*.cat16*/ .index2021 .subscribe h2, /*.cat16*/ .index2021 .subscribe a.more {display:block;} /*.cat16*/ .index2021 .subscribe a.more {margin:60px auto 0 auto;} /*.cat16*/ .index2021 .subscribe {padding:70px 0 150px 0;} .index2021 .subscribe .wsm {text-align:center;} /*.subscribe a.more {display:inline-block; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; color:#fff; text-align:center; border:2px solid #fff; width:160px; padding:8px 10px; margin-left:70px; top:-7px;} .subscribe a.more:hover {background:rgba(255,255,255,0.15);}*/ .subscribe a.more {background: #03873e;} .subscribe a.more:hover {opacity:0.8;} .subscribe.white {background:#fff !important;} .subscribe.white h2 {color:#1e272c;} .subscribe.white a.more, .pvideo .subscribe.white a.more:hover {background:#03863d;} .subscribe.white a.more:hover {opacity:0.8;} .career .subscribe {margin-top:25px;} .career .subscribe .wsm {max-width:960px;} .cat17 .career .subscribe .wsm {max-width:760px;} .career .subscribe h2 {font-size:32px;} ul.col2.career {padding:30px 0;} #footer2 {width:100%; background:#1e272c; padding:75px 0;} #footer2 div.info {text-align:center; padding-top:40px;} #footer2 div.info p {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:25px; color:#979898; padding-bottom:10px;} #footer2 div.info p a {color:#308a3d; text-decoration:underline;} #footer2 div.info p a:hover {text-decoration:none;} #footer2 ul {} #footer2 ul li li a, #footer2 ul li a:hover {color:#b5b5b5;} #footer2 ul.menu, #footer2 ul.vlink {float:left;} #footer2 div#bottom-1menu ul li a, #footer2 div#bottom-1menu ul li li a:hover, #footer2 div#bottom-1menu ul li li a.active {color:#fff;} #footer2 div#bottom-1menu ul li {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:23px; display:inline-block; padding-right: 2%; padding-left:2%;} #footer2 div#bottom-2menu ul li a, #footer2 div#bottom-2menu ul li li a:hover, #footer2 div#bottom-2menu ul li li a.active {color:#979898;} #footer2 div#bottom-2menu ul li {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:23px; display:inline-block; padding-right: 2%; padding-left:2%;} div#bottom-1menu {clear:both;text-align:center;width:100%} div#bottom-2menu {clear:both;text-align:center;width:100%} div.bottom-socicons {padding:20px 0 20px 0;} div.bottom-socicons a {display:inline-block; width:33px; height:32px; margin-right:1%; margin-bottom:5px; background:url(img/socicons.png) 0 0 no-repeat; opacity:0.5;} div.bottom-socicons a.fb {background-position:-60px 0;} div.bottom-socicons a.inst {background-position:-120px 0;} div.bottom-socicons a.tw {background-position:-180px 0;} div.bottom-socicons a.yt {background-position:-240px 0;} div.bottom-socicons a:hover {opacity:1;} div.bottom-socicons a:last-child {margin-right:0;} #footer {clear:both; width:100%; background:#1e272c; padding:75px 0;} #footer ul.menu, #footer ul.vlink, #footer div.info {float:left;} #footer ul.menu {width:63%;} #footer ul.vlink {width:15%;} #footer ul li {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size:16px; line-height:23px; float:left; padding-right:4.3%;} #footer ul li li {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:12px; line-height:16px; float:none; padding:4px 0; max-width:120px;} #footer ul li a, #footer ul li li a:hover, #footer ul li li a.active {color:#fff;} #footer ul li li a, #footer ul li a:hover {color:#b5b5b5;} #footer ul li li a:hover {/*text-decoration:underline;*/} /*#footer ul.menu > li:last-child {margin-top:20px;}*/ #footer ul.vlink li a, #footer ul.vlink li li a:hover {color:#308a3d;} #footer ul.vlink li li a {text-decoration:underline;} #footer ul.vlink li li a:hover {text-decoration:none;} #footer div.info {width:22%;} #footer div.socicons {padding-bottom:17px;} #footer div.info p {font-family:'MuseoSansCyrl-500', Arial, _sans-serif !important; font-size:16px; line-height:25px; color:#979898; padding-bottom:10px;} #footer div.info p a {color:#308a3d; text-decoration:underline;} #footer div.info p a:hover {text-decoration:none;} #bottom-subscribe {width:100%; background:#fff; position:fixed; bottom:0; left:0; padding:50px 0 40px 0; box-shadow:0 0 15px 0 rgba(50,50,50,0.4); text-align:center; z-index:1000;} #bottom-subscribe h6 {font-size:24px; color:#26282d; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;} #bottom-subscribe h6.green {color:#03863d;} #bottom-subscribe input, #bottom-subscribe div.button {display:inline-block; vertical-align:top; margin:23px 10px;} #bottom-subscribe input {border:1px solid #9e9e9e; font-family:'opensans', Arial, _sans-serif !important; font-size:18px; color:#141714; width:360px; padding:5px 15px 6px 15px; } #bottom-subscribe input::placeholder {color:#141714;} #bottom-subscribe div.status {color:red;} #bottom-subscribe div.button {padding:7px 0; border:2px solid #03863d;} #bottom-subscribe div.button:hover, #bottom-subscribe.green div.button:hover {background:#26282d; border-color:#26282d;} #bottom-subscribe.green {background:#03863d;} #bottom-subscribe.green h6 {color:#fff;} #bottom-subscribe.green input, #bottom-subscribe.green div.button {border-color:#fff;} #bottom-subscribe div.close {position:absolute; top:20px; right:20px; width:20px; height:20px; background:url(img/closeS.png) center center no-repeat; cursor:pointer;} #bottom-subscribe.green div.status {color:#fff;} @media (max-width:1700px) { .cases .wsm, .allreferences .wsm {width:96%;} .references_awards .wsm {width:94%;} } @media (min-width:980px) { #header ul.menu li.parent:hover > a {color:#388e3c;} #header ul.menu ul.sub {position:absolute; background:#fff; left:-10px; top:60px; padding:0 25px 13px 25px; border:1px solid #c8ced1; border-top:none;} .cat17 #header ul.menu ul.sub {padding-left:20px;} #header ul.menu ul.sub li {white-space:nowrap; line-height:26px; padding:0;} #header ul.menu li.parent:hover > ul.sub {display:block;} #header ul.menu ul.sub li:hover a, #header ul.menu ul.sub li.active a {color:#c8ced1;} #header ul.menu ul.sub:before {content:""; width:100%; height:20px; background:transparent; position:absolute; top:0; border-left:1px solid #fff; border-right:1px solid #fff; left:-1px;} #header.top ul.menu ul.sub {top:50px;} #header.top ul.menu ul.sub:before {top:-10px;} #submenu {display:none;} } @media (max-width:1280px) { .references .text ul.col2 li {width:100%; margin:0 !important;} .cases .item-list .item, .allreferences .item-list .item {padding:65px 4%; margin-bottom:10px; } .allreferences .item-list .item {width:40%;} .cases .item-list .item .info h3 {max-width:100%;} .cases .item-list .item .info p {font-family:'opensans', Arial, _sans-serif !important;} .references_awards .references {margin-right:3%;} .references_awards .references .text, .references_awards .references .info {width:100%; margin:0;} .references_awards .references .info {margin-top:20px;} .references_awards .references .info p, .references_awards .references .info img {float:left;} .references_awards .references .info img {margin-right:20px;} .references_awards .awards {width:23%; padding-left:4%; padding-right:4%; } .adexpert .content.darkblue.perviykanal {padding-bottom:200px; background-size:contain;} .references p.text {width:74%;} .customer_slider .wsm, .all_projects .wsm {width:87.5%;} } @media (max-width:1200px) { #all {min-width:340px;} /*.cases .wsm,*/ .wsm/*, .opptv .content .wsm*/ {width:86%; padding-left:0%; padding-right:0%; margin-left:auto; margin-right:auto;} .index #all_products .wsm {width:98%;} #header .links {right:0;} #header .wsm {width:94%;} #header ul.menu li, .cat17 #header ul.menu li, .cat17 #submenu ul li {/*margin:0 1%;*/ padding-left:1%; padding-right:1%;} div.socicons a {margin-right:4%;} #header ul.menu div.lang, #header ul.menu div.lang a, #header ul.menu a.goto {float:none; color:#26282d; font-size:24px; border:none; padding-left:0; padding-right:0;} #header ul.menu li.mobile {display:block;} #header ul.menu div.lang {margin-top:10px; padding-top:23px; border-top:1px solid #388e3c; width:74%;} #header .lang a {margin-right:0;} #all_products .item_list .item {margin:0 1.3%;} .all_projects .item .logo img {max-width:80%;} .cases .item-list .item a.more {margin-top:33px;} .pvideo .subscribe h2, .pvideo .subscribe a.more {display:block; text-align:center; margin-left:auto; margin-right:auto;} .pvideo .subscribe a.more {margin-top:30px;} .career .subscribe {padding-top:58px;} .career .subscribe h2, .career .subscribe a.more {display:block; text-align:center; margin:0 auto;} .career .subscribe a.more {margin-top:30px;} #footer div.info {width:100%; clear:both; text-align:center; margin-top:60px;} #footer ul.menu {width:83%;} #footer ul.vlink {width:17%;} #footer ul.menu > li:last-child {margin-top:0;} .opptv .content .icon_block {background-size:auto 60% !important;} } @media (max-width:1100px) { #all_products .item_list .item h3, #career div.item div.descr h6, .awards .item-list .item p strong {font-size:20px;} #header ul.menu {/*width:100%;*/ margin-left:0; /*margin-top:15px;*/} .content p, .content li, #mainbanner .slider .item p, .wsm .managers .item-list .item p, .content .news .item-list .item .info p, .content .news_item p, .cases .item-list .item .info p, .cases .item-list .item .info p, .allreferences .item-list .item p.clr, #career div.item div.descr p, #career div.item div.descr li, #survey div.item-list div.item div.descr p, #survey div.item-list div.item div.descr li, #innerbanner .slider .item p {font-size:16px; line-height:26px;} .cases .item-list .item, .allreferences .item-list .item {padding-top:55px; padding-bottom:55px;} .awards .item-list .item p {font-size:14px; line-height:22px;} .astra #innerbanner .item h1, .astra #innerbanner .item h2.h1, .customers #innerbanner .item h2.h1, .astra.opptv #innerbanner .item h1, .astra.opptv #innerbanner .item h2.h1, .astra.vd #innerbanner .item h2.h1, .astra.cdn #innerbanner .item h2.h1, .astra.cdn #innerbanner .item h2.h1 {padding-top:20%;} .home #innerbanner .item h1, .rosing #innerbanner .item h1 {padding-top:15%;} #all_products .item_list .item {padding-top:30px; padding-bottom:30px;} #all_products .item_list .item p {font-family:'opensans', Arial, _sans-serif !important; font-size:14px; line-height:20px;} .content .partners .item {width:24%;} .references p.text {width:94%;} .awards .item-list {width:100%; } .inner #all_products .item_list {padding-bottom:0;} .career .content ul.col2 li {width:30%; padding-left:15%;} .astra.home .content .icon_block {background-size:auto 260px !important;} .home .content .icon_block, .home .content .icon_block.oatv {margin-top:0; min-height:160px; padding-bottom:60px;} .home .content .icon_block.oatv {padding-top:40px;} .home .content .icon_block h3 {padding-top:0;} } @media (max-width:1080px) { #all_products .item_list .item {margin:0 1%;} div.socicons a {margin-right:3%;} #all_products {padding-top:60px;} .cases .item-list .item, .allreferences .item-list .item {padding-top:40px; padding-bottom:40px;} .cases .item-list .item a.more {width:100%;} .customers #innerbanner .slider .item h1 {font-size:50px; line-height:56px;} #footer ul li {padding-right:4%;} .references p.text {font-size:32px; line-height:36px;} .awards .item-list .item p {width:90%;} .adexpert .references {margin-top:0;} .references .more {margin-top:30px;} .sales p {margin-bottom:40px;} .virt .auto24 .desc {background-size:20% auto;} /**/ #header .headerw {min-height:40px;} #header .headerw {padding:10px 0;} #header.top, #header.top .headerw {min-height:40px;} .htop {margin-top:60px;} #header .links, #submenu {display:none;} #header.top a.logo, #header a.logo {top:0px;} #header a.logo img {width:auto; top:6px;} #header ul.menu li.active {border-bottom:none;} #header ul.menu li.active a, #header ul.menu li.active li.active a {color:#388e3c;} .cat17 .astra.vd #innerbanner .item h1, .cat17 .astra.adexpert #innerbanner .item h1 {padding-top:60px;} .cat17 .astra #innerbanner .item h1 {padding-top:100px;} #mainbanner .slider .item .wsm {padding-top:40px;} #bannerslider2 .slider .item .wsm {padding-top:40px;} .content.txt, .feedback.txt {padding-top:41px; border:0;} #submenu.active {display:none !important;} .mobilemenu {display:block; background:#fff; width:14%; max-width:50px; height:20px; padding:20px 3%; position:absolute; top:-10px; right:0; /*left:auto;*/ cursor:pointer;} .mobilemenu div {width:54%; margin:0 23%; height:4px; background:#1e272c; position:absolute; left:0; top:29px;} .mobilemenu div:first-child {top:19px;} .mobilemenu div:last-child {top:39px;} #header ul.menu {position:fixed; width:96%; height:98%; background:#fff; z-index:100; margin:0; right:-108%; top:0; padding:2% 4%;} #header ul.menu li {float:none; font-size:24px; padding:5px 0; width:100%;} #header ul.menu li a {display:block; width:100%;} #header.active ul.menu {right:-24%;} #header.active .mobilemenu {right:80%;} #header ul.menu li.sub ul {display:block; margin-left:20px;} #header ul.menu ul.sub.active {position:relative; top:0 !important; left:0 !important;} #header ul.menu ul li, #header ul.menu ul.sub.active li {font-family:'opensans', Arial, _sans-serif !important; font-size:18px; line-height:28px; text-align:left;} #header ul.menu li.parent.sub > a:after {transform: rotate(90deg);} #header ul.menu li.parent > a:after {content:""; width:9px; height:15px; background-image:url(img/galkaG.png); position:relative; top:1px; right:-20px; left:auto; display:inline-block; background-repeat:no-repeat; background-color:transparent;} .wsm.pkit.list .item-list {display:block;} .wsm.pkit.list .item-list .item {margin:30px 0;} .wsm.pkit.list.wp .item-list .item {margin:10px 0; } #header ul.menu>li.active:not(.parent)>a:after {display:none;} #header .contacts {margin-left:0px; background-color:white;} } @media (max-width:900px) { .content, .content.gray, .content.black, .content.green, .content.blue, #all_products, .all_projects, .customer_slider, .references, .feedback, .subscribe, #footer, .cases, .astra #all_products, .references_awards .awards, .references_awards .references, .references_awards, .contact .content.gray, .allreferences, #career, .career .feedback, .survey .feedback, .awards h2, .vd .content.width80, .cdn .content.cdncase, .cdn .content.cdncase h2:nth-child(3), .cdn .content.cdncase h2:nth-child(5), .virt .content.auto24, .virt .content.delivery-platform {padding-top:60px; padding-bottom:60px;} .content ul.col2, .awards h2 {padding-bottom:0;} .content ul.col2 li, .references .text ul.col2 li {width:100%; margin-left:0 !important; margin-bottom:20px;} .content h1, .wsm .managers h2 {margin-left:0; width:100%;} #all_products .item_list .item {width:42%; margin:0 5% 30px 0;} #all_products .item_list .item:nth-child(2n) {margin-right:0;} .references .text, .references .info {width:100%; float:none; margin:0;} .subscribe .wsm {max-width:100%;} .subscribe h2, .subscribe a.more {display:block; text-align:center; margin:0 auto;} .references .info, .subscribe a.more {margin-top:30px;} .all_projects .item .logo img {max-width:90px;} .cases .item-list .item a.more {font-size:14px;} .references_awards .references {width:84%; margin-right:0;} .references_awards .awards {width:84%; padding-left:8%; padding-right:8%; margin-top:40px; /*min-height:100px;*/} .references_awards .awards .item-list {max-width:340px; margin-left:auto; margin-right:auto;} .astra .content .wsm .icon_block:first-child {margin-top:0;} .astra.opptv .content .icon_block.telcos {margin-top:40px;} .astra .content .icon_block {background-size:auto 160px !important; margin-top:20px; margin-bottom:40px; min-height:160px;} .astra .content .icon_block:last-child {margin-bottom:0;} .astra .content .icon_block.outstanding h3, .vd .content.width80 h3:first-child, .vads .content.width80 h3:first-child {padding-top:0;} .home .content.green .img {margin-right:7%;} .rosing .content ul.col2.benefits li {margin-bottom:40px;} .content ul.col3 li {width:48%;} .content ul.col3 li:nth-child(2n) {margin-left:2%;} .width900 {display:none !important;} .content .news .item-list {width:100%;} .allreferences .item-list {padding:25px 0;} .career .content ul.col2 li {padding:0 2% 0 20%; width:80%; margin-bottom:40px;} .cdn div.content:nth-child(3) h2, .cdn .content ul.col2, .content.delivery-platform {padding-top:0;} .cdn div.content:nth-child(3) ul.col2 {padding-bottom:0;} .feedback div.input.agree label {max-width:70%;} .wsm.pkit.foto .item-list .item, .wsm.pkit.foto .item-list .item:first-child {width:46%; margin:0 2%;} .wsm.pkit.list .item-list.manag .item {max-width:50%;} .wsm.pkit.list .item-list .item p {max-width:60%; margin-left:auto; margin-right:auto;} .wsm.pkit.wp .item-list .item {min-width:10%;} .awards .item-list .item p span {display:inline-block;} .index2019 .content h1 {margin-top:85px; font-size:50px; line-height:60px;} .index2021 .content h1 {margin-top:85px; font-size:50px; line-height:60px;} } @media (max-width:980px) { #advbanner {height:auto !important;} #advbanner div.item {height:140px !important;} /*#advbanner .wsm {max-width:90%; text-align:center; padding-bottom:80px;}*/ #advbanner div.item div.img {display:block; margin:0 auto 40px auto; float:none;} #advbanner div.item h2 {font-size:36px;} #advbanner div.item p {font-size:26px;} } @media (max-width:778px) { iframe.subscribes {height:1120px !important;} .wsm.pkit.list .item-list .item {min-width:44%;} /*#advbanner div.item {background-size:auto 40%;}*/ } @media (max-width:760px) { .feedback div.input, .astra .content ul.col4 {width:100%; margin-left:0 !important;} .astra .content.icon_block .wsm {width:100%;} .astra.opptv .content.icon_block .wsm, .astra.vd .content.icon_block .wsm {width:86%;} #footer ul.menu, #footer ul.vlink {display:none;} #footer div.info {margin-top:0;} .cases .item-list .item, .allreferences .item-list .item {width:90%; margin-left:0 !important;} .cases .item-list .item a.more {max-width:240px;} .home .content.green .item-list, .home .content.green .item-list .item {margin:0;} .home .content.green .item-list .item {margin-bottom:60px;} .content .partners .item {width:32%;} .allreferences .item-list .item p.clr {margin-top:10px;} .career .content ul.col2 li {padding-left:140px; padding-right:0; width:70%;} .content h6.anons {font-size:18px; line-height:30px;} .awards .item-list .item img {float:none; width:30%;} .astra.home .content .icon_block {background-size:auto 200px !important;} .content .news.awards h1, .content .news.logo h1 {margin-left:0; width:100%;} /*#all_products_home .item_list .item, #all_products_home .item_list .item:nth-child(even) {width:100%; margin-left:0; padding-top:40px;} */ .index2019 .customer_slider {padding-bottom:40px;} .index2019 .customer_slider h2 {padding-bottom:25px;} .index2019 .subscribe h2 {font-size:26px; line-height:30px;} .index2019 .subscribe {padding:40px 0 35px 0;} .index2021 .customer_slider {padding-bottom:40px;} .index2021 .customer_slider h2 {padding-bottom:25px;} .index2021 .subscribe h2 {font-size:26px; line-height:30px;} .index2021 .subscribe {padding:40px 0 35px 0;} #bottom-subscribe h6 {font-size:18px; margin:20px auto;} #bottom-subscribe input, #bottom-subscribe div.button { width:70%; padding-left:5%; padding-right:5%; margin:10px auto;} } @media (max-width:600px) { #mainbanner .slider .item .wsm {padding-top:20px;} #mainbanner, #mainbanner .slider, #mainbanner .slider .item, #innerbanner, #innerbanner .slider, #innerbanner .slider .item {height:440px;} #mainbanner .slider .item h1, #mainbanner .slider .item h2, #innerbanner .slider .item h1, #innerbanner .slider .item h2, .contact .content h2 {font-size:40px; line-height:45px;} #mainbanner .owl-dots {top:-40px;} .astra #innerbanner {top:0; margin-bottom:0;} .content .news h1, .content .news.awards .item-list p.god {width:95%; margin-left:0;} #all_products .item_list .item p, #footer div.info p {font-size:14px; line-height:20px;} #all_products .item_list .item h3, .cdn div.content:nth-child(3) ul.col2 {/*font-size:16px;*/ padding-bottom:0;} .all_projects .wsm, .customer_slider .wsm {width:94%;} .astra .content.icon_block .wsm {width:84%;} .all_projects .slider, .customer_slider .slider {width:70%;} .all_projects .item .logo img {max-width:70%;} .all_products .item_list .item, .rosing .content ul.col2.benefits li {margin-bottom:20px;} .all_projects .owl-nav div.owl-prev {left:-50px;} .all_projects .owl-nav div.owl-next {right:-50px;} .content, .content.gray, .content.black, .content.green, .content.blue, #all_products, .all_projects, .customer_slider, .references, .feedback, .subscribe, #footer, .cases, .astra #all_products, .references_awards .awards, .references_awards .references, .references_awards, .contact .content.gray, .allreferences, #career, .survey .feedback, .awards h2, .vd .content.width80, .cdn .content.cdncase, .cdn .content.cdncase h2:nth-child(3), .cdn .content.cdncase h2:nth-child(5), .virt .content.auto24, .virt .content.delivery-platform {padding-top:40px; padding-bottom:40px;} .index .content, .wsm .managers, .index #all_products {padding:0;} .index2019 .content {padding-top:40px;} .index2021 .content {padding-top:40px;} .index .all_projects, .awards h2 {padding-bottom:0;} .wsm .managers .item-list .item, /*.wsm .managers .item-list .item .foto,*/ .content .news .item-list .item .foto, .content .news, .content .news .item-list .item, .cdn div.content:nth-child(3) h2 {padding-bottom:20px;} #all_products .item_list .item {margin-bottom:20px; padding-top:25px; padding-bottom:25px;} .customer_slider h2, .content h2, #all_products h2, .all_projects h2, .references h2, .feedback h2, .subscribe h2, .career .subscribe h2, .wsm .managers .item-list .item .info h4, .wsm .managers .item-list .item .info h2.h4, .content .news .item-list .item .info h4, .content .news_item h1, .content .news_item h2, .content .news_item h2, .cases h2, .cases .item-list .item .info h3, .content .icon_block h3, .references_awards .awards h2, .content h3, .content h4, .allreferences h2, #career div.item h3, #survey div.item-list div.item div.descr h2, #survey div.item-list div.item div.descr h3, .references p.text, .astra .content h2, .virt .content .col2 h3, .case .content .news_item h1 {font-size:26px; line-height:30px;} .index2019 .content h1 {font-size:30px; line-height:34px;} .index2021 .content h1 {font-size:30px; line-height:34px;} .all_projects .item .anons h4, .content .icon_block h4 {font-size:16px; line-height:20px;} .index2019 .content p, #all_products_home .item_list .item p {font-size:16px; line-height:26px;} .index2021 .content p, #all_products_home .item_list .item p {font-size:16px; line-height:26px;} .all_projects .item .anons h4 a:after {display:none !important;} .content ul.col2 {padding:23px 0;} .astra .content.black ul.col2 {padding:0;} .customer_slider h2 a:after, .content h2 a:after, .all_projects h2 a:after, .all_projects .item .anons h4 a:after, .references h2 a:after {top:2px;} .customer_slider .owl-nav div, .all_projects .owl-nav div {width:30px; height:30px; background-size:auto 30px;} .feedback div.input input, .feedback div.input textarea, .feedback div.input select {font-size:16px;} .content h1, .wsm .managers h2, .content .news_item p.h1, .adexpert .content.darkblue h2, .content .partners h2, #career h2, .opptv .content h1, .sales h2, .astra #innerbanner .item h1, .astra #innerbanner .item h2.h1 {font-size:31px; line-height:34px;} .wsm .managers .item-list .item .foto, .wsm .managers .item-list .item .info, .content .news .item-list .item .foto, .content .news .item-list .item .info, .content .news.awards .item-list .item .info, .content .news.nologo .item-list .item .info {display:block; width:100%; margin-right:0; clear:both;} .press .content .news .item-list .item .foto {display:none;} /*.wsm .managers .item-list .item .foto img, .content .news .item-list .item .foto img {width:auto; max-width:280px;}*/ .content .news .item-list .item .info h4k, .content .news_item h1, .content .news_item p, .content .news .item-list .item .info h4, .content .news .item-list .item .info h2.h4, .content .news_item h1 {max-width:100%;} .content .news .item-list, .content .years {float:none; width:100%; position:relative; top:0;} .content .years a {display:inline-block; margin-right:10px;} .customers #innerbanner .slider .item h1 {font-size:30px; line-height:36px; padding-top:32%;} .cases h2, .home .content.green .item-list .item:last-child {margin-bottom:0;} ./*astra #all_products,*/ .home .content.green .item-list .item {margin-bottom:40px;} .astra .content .icon_block, .astra.home .content .icon_block {background:none !important; width:100% !important; padding:0 !important; min-height:100px;} .opptv .content .icon_block.right, .vd .content .icon_block.right {padding-right:0 !important;} .astra .content ul.col4 li {width:44%; margin-top:0; display:inline-block; float:none; vertical-align:top;} .home .content.green .item-list {width:100%;} .content ul.col3 li {width:100%; padding-bottom:40px; margin-left:0 !important;} .contact .content ul.col3 {padding-top:40px;} .contact .content ul.col3.list p {max-width:100%;} .astra #innerbanner .item h1, .astra #innerbanner .item h2.h1, .customers #innerbanner .item h2.h1, .cat17 .astra #innerbanner .item h1 {padding-top:15%;} .cat17 .astra.vd #innerbanner .item h1, .cat17 .astra.adexpert #innerbanner .item h1 {padding-top:10%;} .astra.opptv #innerbanner .item h1, .astra.opptv #innerbanner .item h2.h1, .astra.vd #innerbanner .item h1, .astra.vd #innerbanner .item h2.h1, .astra.cdn #innerbanner .item h1, .astra.cdn #innerbanner .item h2.h1 {padding-top:10%;} .adexpert .content.darkblue.perviykanal {padding-bottom:150px;} .astra.pvideo .content ul.col4 li:nth-child(3), .astra.pvideo .content ul.col4 li:nth-child(4) {margin-top:40px;} .content .news .item-list .item .info, .cdn div.content:nth-child(3) h2, .cdn .content ul.col2 {padding-top:0;} .content .partners .item {width:49%;} .allreferences .item-list {padding:0;} .content .news.awards .item-list p.god {padding-top:20px;} #all_products .item_list {margin-top:35px;} .references p.text {margin-top:0; margin-bottom:0;} .awards .item-list {left:0;} .awards .item-list .item, .content ul.col2 li {width:100%; margin-bottom:40px;} .awards .item-list, .awards .item-list .item:last-child, .cdn .content:nth-child(3) ul.col2 li, .cdn .content ul.col2:last-child li:last-child {margin-bottom:0;} .awards .item-list .item img {float:left; width:20%;} .awards.list2 .item-list .item img {width:16%;} .awards .item-list .item p {padding-top:15px;} .cdn .content ul.col2 {margin-top:0;} .virt .content ul.col4 li {padding:100px 0 60px 0;} .virt ul.col2 p {max-width:100%;} .virt .auto24 .desc {width:100%; padding:120px 0 40px 0; background-size:auto;} .career .content ul.col2 li {padding-left:35%; padding-right:0; width:65%; background-size:30%;} .home .content.green .img {display:none;} .case .content .news_item a.more {margin:20px 0 0 0;} .content img {height:auto !important;} .wsm .managers .item-list .item {width:100%; margin-left:0 !important;} .wsm.pkit-screen .item-list .item img {max-height:160px; width:auto;} .pkit-screen .owl-nav div {top:80px;} .pkit .owl-nav div.owl-prev {left:-10%;} .pkit .owl-nav div.owl-next {right:-10%;} .wsm.pkit-gallery .item-list .item img {max-width:90%;} .wsm.pkit.list.wp .item-list .item {width:100%; margin:10px 0;} } @media (max-width:400px) { .all_projects .item .logo, .all_projects .item .anons {float:none; clear:both; width:100%;} .all_projects .item .logo img {max-width:100px;} .all_projects .item .anons {padding-top:20px;} .all_projects .item .anons p {width:100%;} #all_products .item_list .item {width:86%; padding-left:5%; padding-right:5%; margin-right:0; margin-left:0; /*min-height:50px;*/} #survey div.item-list div.item div.img, #survey div.item-list div.item div.descr {width:100%; margin-right:0;} #survey div.item-list div.item div.img, .wsm .awards .item-list .item .foto img {margin-bottom:20px;} #survey div.item-list div.item div.img img {max-width:260px;} .wsm.pkit.list .item-list.manag .item {max-width:100%;} .wsm.pkit.foto .item-list .item, .wsm.pkit.foto .item-list .item:first-child {width:100%; margin:0;} .cat17 .inner.astra.home #innerbanner, .cat17 .inner.astra.home #innerbanner .slider, .cat17 #innerbanner .slider .item.blue3 {height:490px;} } @media (max-width:360px) { .cases .wsm, .wsm, .allreferences .wsm {padding-left:0; padding-right:0;} .cases .item-list .item, .allreferences .item-list .item {padding-top:26px; padding-bottom:30px;} .cases .item-list .item .info {width:100%; margin-top:20px;} .references, .astra #all_products, .references_awards .wsm {max-width:100%;} } /* Rosing 2020 */ #all.rosing-2020 {background:url(img/rosing-2020/Rosing_Top_Background_2.png) top center no-repeat;} /* 2020 common */ /* named classes */ .grey-bg {background-color:#f3f3f4 !important;} .zero-top {padding-top:0 !important;} .content {padding-top:100px;padding-bottom:0px;} .content .wsm {max-width:950px} .content.fullwidth .wsm {max-width:1096px} .content ul.col2,.content ul.col3 {padding-top:0.5em;} .content h1 { font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; letter-spacing:normal; font-size:60px; line-height:normal; padding-bottom:1em; padding-top:0; text-align: center; } .content .wsm h2 { font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; letter-spacing:normal; font-size:32px; line-height:normal; padding-bottom:1em; text-align:center; } .content .wsm h3 {font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important;letter-spacing:normal;font-size:24px;line-height:normal;} .content .wsm p {font-size:18px;line-height:normal;} .content .wsm li {font-size:18px;line-height:normal;} .content .wsm li p{margin-top:0.5em;margin-bottom:0.5em;line-height:normal;} .top-banner .wsm {text-align:center;} .top-banner .wsm h1 { color:white; text-decoration:none; font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size:60px; /*padding-top: 30px;*/ padding-bottom: 32px; line-height:normal; } .top-banner .wsm p { color:white; text-decoration:none; font-family:'OpenSans', Arial, _sans-serif !important; font-size:18px; line-height:normal; } .top-banner .wsm a.more { font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size: 15px; color: #fff; text-align: center; border: 2px solid #fff; width: 160px; padding: 5px 10px; display: block; margin: 30px auto 0 auto; } .top-banner .wsm a.more:hover{opacity:0.85;} .contact-sales .wsm {padding-bottom:50px;} .contact-sales li {text-align: left;} .contact-sales p {text-align: center;} /* 210317 big .contact-sales a.more { background-color:#2f93cb; display:inline-block; font-family:'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size: 24px; color: #fff; text-align: center; border: none; width: 360px; height:58px; padding-top: 26px; margin: 10px; }*/ .contact-sales a.more { clear: both; margin: 20px 20px 0 20px; display:inline-block; width: 250px; text-align: center; font-family: 'MuseoSansCyrl-700', Arial, _sans-serif !important; font-size: 16px; line-height: 39px; color: #fff; letter-spacing: 0.02em; background-color:#2f93cb; } .contact-sales a.more:hover { background: #03863d; color: #fff; } .references {background-color:#f3f3f4} .awards .wsm {border-top:none;} .awards .wsm h2 {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;letter-spacing:normal;padding-bottom:1em;} .awards .wsm h2 a:after{background:none;} .awards .item-list .item p {padding-top: 0px;} .awards .item-list .item img {margin-top: 7px;} .content .wsm .image-right, .content .wsm .image-left {padding-top:50px;padding-bottom:20px;max-width:900px;} .content .wsm .image-right h3, .content .wsm .image-left h3 {padding-top:0;} .content .wsm .image-right p, .content .wsm .image-left p {overflow:hidden;} .content .wsm .image-right img {float:right;margin-left:120px;/*padding-top:15px;*/} .content .wsm .image-left img {float:left;margin-right:120px;/*padding-top:15px;*/} #all_products .wsm h2 {font-family:'MuseoSansCyrl-900', Arial, _sans-serif !important;letter-spacing:normal;padding-bottom:1em;} .banner-slider-2020 .wsm {max-width:980px} .banner-slider-2020 .owl-carousel .owl-dots {text-align:center; padding-top:30px;} .banner-slider-2020 .owl-carousel button.owl-dot {height:16px;width:16px;background-color:#d0eefa;margin-left:10px;margin-right:10px;border-radius: 50%;} .banner-slider-2020 .owl-carousel button.active {background-color:#64c7ed;} @media (max-width:900px) { .content {padding-top:50px;} .top-banner .wsm h1 { font-size:30px; } .content .wsm h1 {font-size:32px;} .content .wsm h2 {font-size:30px;} .contact-sales a.more {width:90%;} .content ul.col2, .rosing-2020 .content ul.col3, .content ul.col2 li, .content ul.col3 li {margin:0px;padding:0px;line-height:normal;} .banner-slider-2020 .wsm {width:95%;} .contact-sales .wsm .col2 li {text-align:center !important;;} /* buttons */ .content .wsm .image-right, .content .wsm .image-left {padding-top:0px;} .content .wsm .image-right img, .content .wsm .image-left img {padding-bottom: 20px;} .awards {padding-bottom:50px;} .awards .wsm h2 {padding-bottom:0;} .awards .item-list .item {margin-top:10px;margin-bottom: 10px;} #all_products .item_list {margin-top:0;} #all_products .item_list .item {width:55%;margin: 20px 0 0 0;} } .content.index-top .wsm { max-width: 1096px; background: url(/ns2017/img/index-2021/Rocket_pic_555x340.svg) no-repeat right top; } .content.index-top .wsm h1 { font-family: 'MuseoSansCyrl-900', Arial, _sans-serif !important; font-size: 60px; line-height: 63px; color: #fff; margin: 120px 0 0px 0; /* letter-spacing: -0.03em; */ text-align: left; max-width: 600px; padding-bottom: 0.7em; color: #fdfdfd; } @media (max-width: 1200px) { .content.index-top .wsm {background:none;max-width: 80%;} .content.index-top .wsm h1 {max-width:100%;margin-top:80px;} } @media (max-width: 800px) { .content.index-top .wsm h1 {font-size:32px;line-height:normal;} } /*****RENDERED FORM */ .wsm .rendered-form .formbuilder-radio-group-label, .wsm .rendered-form .formbuilder-checkbox-group-label, .wsm .rendered-form .formbuilder-textarea-label, .wsm .rendered-form .formbuilder-text-label { font-size:18px; font-family:OpenSans,Arial,_Sans-Serif; font-weight:bold; margin-top: 2em; } .wsm .rendered-form .form-group, .wsm .rendered-form .checkbox-group, .wsm .rendered-form .radio-group {padding-top:25px;} .wsm .rendered-form .form-control { height: 34px; display: block; width: 650px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border: 1px solid #9e9e9e; background: #fafafa; border-radius: 0; margin-top:25px; } .wsm .rendered-form textarea.form-control { height: auto; } .wsm .rendered-form h2 {padding-top:40px;} /* check + radio*/ .wsm .rendered-form input[type="checkbox"]:checked, .wsm .rendered-form input[type="checkbox"]:not(:checked), .wsm .rendered-form input[type="radio"]:checked, .wsm .rendered-form input[type="radio"]:not(:checked) { position: absolute; left: -9999px; } .wsm .rendered-form input[type="checkbox"]:checked + label, .wsm .rendered-form input[type="checkbox"]:not(:checked) + label, .wsm .rendered-form input[type="radio"]:checked + label, .wsm .rendered-form input[type="radio"]:not(:checked) + label { display: inline-block; position: relative; padding-left: 28px; line-height: 20px; cursor: pointer; margin-top:5px; } .wsm .rendered-form input[type="checkbox"]:checked + label:before, .wsm .rendered-form input[type="checkbox"]:not(:checked) + label:before, .wsm .rendered-form input[type="radio"]:checked + label:before, .wsm .rendered-form input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0px; top: 0px; width: 18px; height: 18px; border: 1px solid #dddddd; background-color: #fafafa; /*margin-top:5px;*/ } .wsm .rendered-form input[type="checkbox"]:checked + label:before, .wsm .rendered-form input[type="checkbox"]:not(:checked) + label:before { border-radius: 2px; } .wsm .rendered-form input[type="radio"]:checked + label:before, .wsm .rendered-form input[type="radio"]:not(:checked) + label:before { border-radius: 100%; } .wsm .rendered-form input[type="checkbox"]:checked + label:after, .wsm .rendered-form input[type="checkbox"]:not(:checked) + label:after, .wsm .rendered-form input[type="radio"]:checked + label:after, .wsm .rendered-form input[type="radio"]:not(:checked) + label:after { content: ""; position: absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wsm .rendered-form input[type="checkbox"]:checked + label:after, .wsm .rendered-form input[type="checkbox"]:not(:checked) + label:after { left: 3px; top: 4px; width: 10px; height: 5px; border-radius: 1px; border-left: 4px solid #33991f; border-bottom: 4px solid #33991f; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .wsm .rendered-form input[type="radio"]:checked + label:after, .wsm .rendered-form input[type="radio"]:not(:checked) + label:after { left: 5px; top: 5px; width: 10px; height: 10px; border-radius: 100%; background-color: #33991f; } input[type="checkbox"]:not(:checked) + label:after, input[type="radio"]:not(:checked) + label:after { opacity: 0; } input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { opacity: 1; } @media (max-width:700px) { .wsm .rendered-form .form-control { font-size: 16px; width: 100%; } .wsm .rendered-form h2 { padding-top: 0; } .rendered-form .form-group { margin-bottom: 0; } .wsm .rendered-form .form-group { padding-top: 0; margin-bottom:0; } .wsm .rendered-form .formbuilder-text, .wsm .rendered-form .formbuilder-textarea, .wsm .rendered-form .checkbox-group, .wsm .rendered-form .radio-group { padding-top: 0.5em; margin-bottom:40px; } } /* Rosing 2020 End*/ .form-builder {padding-top:0;} /* hardcoded ids по просьбам дизайнеров */ #opros_form {width:650px;margin: 0 auto;} #rosing-top-banner {padding-top:100px} @media (max-width:720px) { #rosing-top-banner {padding-top:50px} #opros_form {width:100%;} }