small { font-family: unset; } @font-face{ font-family:'wf_segoe-ui_light'; src:url('/source/fonts/segoe-ui/cyrillic/light/latest.eot'); src:url('/source/fonts/segoe-ui/cyrillic/light/latest.eot?#iefix') format('embedded-opentype'), url('/source/fonts/segoe-ui/cyrillic/light/latest.woff') format('woff'), url('/source/fonts/segoe-ui/cyrillic/light/latest.ttf') format('truetype'), url('/source/fonts/segoe-ui/cyrillic/light/latest.svg#web') format('svg'); font-weight:normal; font-style:normal } @font-face{ font-family:'wf_segoe-ui_normal'; src:url('/source/fonts/segoe-ui/cyrillic/normal/latest.eot'); src:url('/source/fonts/segoe-ui/cyrillic/normal/latest.eot?#iefix') format('embedded-opentype'), url('/source/fonts/segoe-ui/cyrillic/normal/latest.woff') format('woff'), url('/source/fonts/segoe-ui/cyrillic/normal/latest.ttf') format('truetype'), url('/source/fonts/segoe-ui/cyrillic/normal/latest.svg#web') format('svg'); font-weight:normal; font-style:normal } /* @font-face{font-family:'wf_icons_normal'; src:url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.eot'); src:url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.eot?#iefix') format('embedded-opentype'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.woff') format('woff'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.ttf') format('truetype'),url('//i.s-microsoft.com/fonts/icons/homepage/normal/2.svg#web') format('svg'); font-weight:normal; font-style:normal } */ /* @-ms-viewport{width:device-width;} */ table, th, td { border: 1px solid #dddddd; border-collapse: collapse; padding: 10px 5px; margin-bottom: 20px; } .img-title { color: #7d7d7d; font-size: 12px; } .reg4event h2{margin:0px -30px 20px 0px; padding:4px 30px 10px 30px; color:white; width:100%; top:0px; background:#0271c4;} *{color:inherit; font-size:inherit; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; touch-action:pan-y; /* 2014-12-22 */ } .owl-carousel *{touch-action:chained;} /* 2014-12-22 */ html{width:100%; min-width:320px;} body{width:100%; min-width:320px;} a{text-decoration:none;} .blogBox a, .materialsBox a, a.link{color:#0066b3;} .blogBox a:hover, .materialsBox a:hover, a.link:hover{color:#33536d; text-decoration:underline;} .blogBox p{margin:1.12em 0;} .blogBox .trippleImg, .blogBox .doubleImg, .materialsBox .doubleImg, .materialsBox .trippleImg{width:100%; display:table; border-collapse:collapse;} .blogBox .trippleImg .r, .blogBox .doubleImg .r, .materialsBox .doubleImg .rk, .materialsBox .trippleImg .rk{display:table-row;} .blogBox .trippleImg .d, .blogBox .doubleImg .d, .materialsBox .doubleImg .d, .materialsBox .trippleImg .d{display:table-cell; width:32%;} .blogBox .doubleImg .d, .materialsBox .doubleImg .d{width:48%;} .blogBox .centerContainer .trippleImg .d img, .blogBox .centerContainer .doubleImg .d img, .materialsBox .centerContainer .trippleImg .d img, .materialsBox .centerContainer .doubleImg .d img{width:100%; padding:0; margin:10px 0;} .materialsBox .centerContainer .trippleImg .d img, .materialsBox .centerContainer .doubleImg .d img{vertical-align:top;} .blogBox .trippleImg .d.sp, .blogBox .doubleImg .d.sp, .materialsBox .doubleImg .d.sp, .materialsBox .doubleImg .d.sp{width:2%;} .blogBox .imgTtl, .materialsBox .imgTtl{font-size:13px; color:#6d6e71; margin-bottom:10px;} .leftMergin{margin-left:00px;} .rightMargin{margin-right:00px;} table.data{margin-bottom:1.5em; width:70%;} table.data td{background-color:white; border:1px solid #d5dde2; padding:0.5em 0.75em;} table.data td.blue{background-color:#0066b3; color:#fff;} .topHeader{height:30px; background-color:#0066b3; width:100%; min-width:320px;} /* .topHeader .centerContainer, .logoBlock .centerContainer, .menuBlock .centerContainer, .secondMenuBlock .centerContainer, .bannerContainer .bannerAbsoluteContainer .centerContainer, .bannerContainer .bannerTextContainer .centerContainer, .iconsBox .centerContainer, .blogBox .centerContainer, .newsBox .centerContainer, .footerBox .centerContainer, .logosBox .centerContainer, .subMenuContainer .centerContainer, .materialsBox .centerContainer, .bottomLinksBox .centerContainer, .allNewsBox .centerContainer, .booksBox .centerContainer, .linksBox .centerContainer, .contactBox .centerContainer, */ .centerContainer, .menuBlock .centerContainer .menu li .subMenu .inner{width:100%; max-width:1260px; margin:0 auto; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:0 30px;} .iconsBox, .contactBox, .newsBox, .logosBox.top, .footerBox, .blogBox, .infobox .padd, .materialsBox, .bottomLinksBox, .allNewsBox, .booksBox{padding-top:60px; padding-bottom:60px;} .configBox{padding-top:50px; padding-bottom:50px;} .configBox.gray{padding-top:40px; padding-bottom:60px;} .configBox.first{padding-bottom:40px;} .configBox h2{font-size:27px; font-family:'wf_segoe-ui_light'; font-weight:normal; margin-top:-10px; margin-bottom:0;} .configBox h3{font-size:21px; font-family:'wf_segoe-ui_light'; font-weight:normal; padding-top:0; margin-top:0;} .configBox .configUnit{width:100%; cursor:pointer;} .configBox .configUnit .unit{width:90%; float:left;} .configBox .configUnit .check{width:10%; height:34px; background-image:url("/images/configCheck.png"); background-position:center -70px; background-repeat:no-repeat; float:right;} .configBox .configUnit.checked:hover .check, .configBox .configUnit.checked .check{background-position:center 0px;} .configBox .configUnit.disabled .check{background-position:center -35px;} .configBox .configUnit:hover .check{background-position:center -105px;} .configBox .configUnit .title{width:100%; padding:10px 15px; font-size:21px; font-family:'wf_segoe-ui_light'; color:#fff; background-color:#33536d; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .configBox .configUnit.disabled .title{color:#fff; background-color:#bbbcbc;} .configBox .configUnit.checked .title, .configBox .configUnit:hover .title{color:#fff; background-color:#0066b3;} .configBox .configUnit .description{-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:10px 15px; width:100%; font-size:13px; color:#000000; background-color:#f0f2f2; margin-top:2px;} .configBox.gray .configUnit .description{background-color:#fff;} .configBox .configUnit.disabled .description{color:#9f9f9f;} .configBox .configUnit.disabled:hover .description{color:#000;} .configBox .configUnit .price{margin-top:35px; margin-bottom:20px; font-size:18px; color:#33536d; font-family:'wf_segoe-ui_normal';} .configBox .configUnit.disabled .price{color:#9f9f9f;} .configBox .configUnit:hover .price, .configBox .configUnit.checked .price{color:#0066b3;} .configBox .description .priceBox{width:auto; border-top:1px solid #7d91a2; float:left; margin-top:25px; margin-bottom:20px; padding-top:5px;} .configBox:hover .description .priceBox, .configBox.checked .description .priceBox{border-top:1px solid #5b9dce;} .configBox .priceBox .basePrice{float:left; width:auto; color:#707070; font-size:16px; font-family:'wf_segoe-ui_normal';} .configBox .priceBox .salePrice{float:left; width:auto; color:#000000; font-size:18px; font-family:'wf_segoe-ui_normal';} .configBox .sprice{font-size:21px; font-family:'wf_segoe-ui_light'; color:#000;} .configBox .sprice input{width:40px; padding:0px 10px; height:27px; font-size:21px; font-family:'wf_segoe-ui_light'; margin-left:20px;} .configBox .bluePrice{color:#0066b3; font-family:'wf_segoe-ui_normal';} .configBox .totalPrice{font-size:27px; font-family:'wf_segoe-ui_light'; color:#000;} .configBox .step2{width:100%; max-width:869px;} .configBox .step2 .d{width:33%; float:left;} .configBox .step2 .d a{width:190px; text-align:center; height:30px; border:1px solid #d6d6d6; background-color:#f0f2f2; display:block; line-height:30px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family:'wf_segoe-ui_normal'; font-size:15px;} .configBox .step2 .d a:hover, .configBox .step2 .d a.selected{border-color:#0066b3; background-color:#0066b3; color:#fff;} .configBox .actions{width:100%; max-width:936px;} .configBox .actions .sep{clear:both; display:none;} .configBox .actions .d{width:25%; float:left;} .configBox .actions .d a{width:200px; text-align:center; height:30px; border:1px solid #1271b8; color:#1271b8; background-color:#fff; display:block; line-height:30px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-size:14px;} .configBox .actions .d a:hover, .configBox .actions .d a.selected{border-color:#0066b3; background-color:#0066b3; color:#fff;} .blogBox{padding-bottom:35px;} .quoteBox{padding-top:30px; padding-bottom:30px;} .quoteBox .t{display:table;} .quoteBox .r{display:table-row;} .quoteBox .d.img{width:190px;} .quoteBox .d{display:table-cell; vertical-align:middle;} .blogBox.buy{padding:0px;} .blogBox.downloadTop{padding-top:40px;} .yearFilter{margin-top:40px; padding-top:35px; padding-bottom:35px;} .countriesBox{padding-top:60px;} .newsBox.otraslTTL{padding-top:40px; padding-bottom:40px; /* background: url("/images/otraslBg.png") no-repeat center top; background-color: #0271C4;*/ background-size:cover; -ms-behavior:url(backgroundsize.min.htc); background-position:center center;} .newsBox.otraslTTL.abstract{background:url("/images/otraslBg.png") no-repeat center top; background-color:#0271c4;} .newsBox.otraslTTL.abstractGreen{background:url("/images/otraslBgGreen.jpg") no-repeat center top; background-color:#67af3e;} .newsBox.otraslTTL.imagePlTtl .centerContainer{padding:0 20px;} .newsBox.otraslTTL.imagePlTtl .centerContainer .blockTitle{display:block;margin:0; margin-left:-15px; font-size:32px;padding:13px 25px 17px 25px; background-color:#0066b3;width:auto;float:left;} .newsBox.otraslTTL .blockTitle{font-size:40px; font-family:'wf_segoe-ui_light'; margin:0; line-height:40px; margin-top:-5px;} .quoteBox{padding-top:30px; padding-bottom:30px;} .quoteBox .t{display:table;} .quoteBox .r{display:table-row;} .quoteBox .d.img{width:190px;} .quoteBox .d{display:table-cell; vertical-align:middle;} .blogBox{ /* padding-top: 0;*/ } .linksBox{padding-top:45px; padding-bottom:45px; margin-top:-6px;} .partnersBox{padding-top:50px; padding-bottom:50px;} .linksBox.normal{margin-top:0; padding-top:60px; padding-bottom:60px;} .top40{padding-top:40px;} .downloadFormContainer .centerContainer .header{padding:0px 35px; line-height:54px; width:100%; color:#fff; font-family:'wf_segoe-ui_light'; font-size:27px; background-color:#0066b3; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .downloadFormContainer .centerContainer .form{padding:25px 35px; /* FIX! 50px 35px*/ width:100%; background-color:#f0f2f2; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ margin-bottom:30px; } .downloadFormContainer .centerContainer .form .leftPart{width:46.5%; float:left;} .downloadFormContainer .centerContainer .form .rightPart{width:46.5%; float:right;} .downloadFormContainer .centerContainer .form label{font-size:20px; font-family:'wf_segoe-ui_light';} .downloadFormContainer .centerContainer .form label.blue{color:#0066b3;} .downloadFormContainer .centerContainer .form input{border:1px solid #e6e7e5; /*max-width: 390px;*/ padding:0 10px; width:100%; height:26px;box-sizing: border-box;} .downloadFormContainer .centerContainer .form select{border:1px solid #e6e7e5; /*max-width: 390px;*/ padding:0 6px; width:100%; height:26px;box-sizing: border-box;} .downloadFormContainer .centerContainer .form textarea{border:1px solid #e6e7e5; /*max-width: 390px;*/padding:0 10px; width:95%; height:100px; resize:none; box-sizing: border-box;} .downloadFormContainer .centerContainer .form .uploadBox{width:100%; max-width:330px;} .downloadFormContainer .centerContainer .form .file{float:right; color:#6d6e71; font-size:13px; line-height:25px;} .downloadFormContainer .centerContainer .form input:focus, .downloadFormContainer .centerContainer .form textarea:focus{border:1px solid #0066b3;} .downloadFormContainer .centerContainer .form label.error{color:#ff0000;} .downloadFormContainer .centerContainer .form input.error{border:1px solid #ff0000;} .downloadFormContainer .centerContainer .form #captcha{display:block;float:left;} .downloadFormContainer .centerContainer .form .helpMark{color:#6d6e71; font-size:13px; display:block; width:250px;} .downloadFormContainer .centerContainer .form .helpMark.files{width:360px;} .downloadFormContainer .centerContainer .form button{color:#fff; background-color:#0066b3; border:none; width:205px; text-align:center; height:30px; line-height:25px; font-size:15px; border:1px solid #0066b3;} .downloadFormContainer .centerContainer .form button:hover{border:1px solid #0066b3; color:#0066b3; background-color:transparent;} .downloadFormContainer .centerContainer .form .captcha{float:left; display:block; margin-left:20px;} .countriesBox .centerContainer .flags a, .countriesBox .menuOpenerBox a{display:block; float:left; width:16%; margin-bottom:40px;} .countriesBox .centerContainer a img{float:left; display:block; margin-right:10px;} .countriesBox .centerContainer a span{display:block; float:left; line-height:32px; color:#0066b3; font-size:15px; font-family:'wf_segoe-ui_normal';} .countriesBox .centerContainer a.selected span{color:#000000;} .countriesBox .centerContainer a:hover span{color:#33536d; text-decoration:underline;} .countriesBox .centerContainer .countrySelector{display:none;} .bigBlueSeparator{background-color:#0066b3; width:100%; height:19px;} .partnersBox .title{width:100%; height:45px; border-bottom:1px solid #cccbcb; margin-bottom:30px; clear:both; position:relative;} .partnersBox .cityName{float:left; position:relative; height:45px;} .partnersBox .cityName img{margin-right:10px; float:left; display:block;} .partnersBox .cityName .name{float:left; font-family:'wf_segoe-ui_light'; font-size:27px; color:#000000; line-height:32px;} .partnersBox .cityName.fl{padding-right:20px; background:url('/images/menuIco.png') no-repeat scroll right 15px transparent; cursor:pointer;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .partnersBox .cityName.fl{background-image:url('/images/menuIco@2x.png'); background-size:13px 100px;} } .partnersBox .cityName.fl .name{color:#0066b3; font-size:21px;} .partnersBox .cityName.fl:hover .name{color:#33536d;} .partnersBox .cityName.fl:hover{background-position:right -75px;} .partnersBox .menuOpenerBox{float:right; margin-top:10px; position:relative;} .partnersBox .menuOpenerBox a{width:auto;} .partnersBox .separator.sub{display:none;} .partnersBox .partner{width:50%; float:left; margin-bottom:30px;} .partnersBox .partner .addressStripper{width:100%; display:none;} .partnersBox .partner .partnerTitle{color:#000000; font-size:20px; font-family:'wf_segoe-ui_light'; margin-bottom:10px;} .partnersBox .partner{font-size:15px; font-family:'wf_segoe-ui_normal'; color:#000;} .partnersBox .partner .rowTitle{color:#6d6e71;} .partnersBox .partner a{color:#0066b3;} .partnersBox .partner a:hover{text-decoration:underline; color:#33536d;} .asconNearBox{padding-top:40px; padding-bottom:40px;} .asconNearBox .title{width:30%; margin-right:3%; display:block; float:left; font-size:27px; color:#000000; font-family:'wf_segoe-ui_light';} .asconNearBox .subTitle{width:40%; display:block; float:left; font-size:15px; font-family:'wf_segoe-ui_normal'; color:#6d6e71;} .asconNearBox .searchBox{width:22%; margin-left:4%; display:block; float:right; padding-top:5px;} .asconNearBox .searchBox input{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ height:20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .linksBox a, .allVidosLinks .dotted{color:#0066b3; font-size:16px; font-family:'wf_segoe-ui_normal'; line-height:20px; padding:7px 0 7px 20px; background:url("/images/linkBox-dot.png") no-repeat 0 -118px; display:block; width:33%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ float:left;} .allVidosLinks .dotted{padding-left:0; background:none;} .allVidosLinks .product a{background-color:#f0f2f2; border:1px solid #d6d6d6; width:180px; text-align:center; line-height:30px; height:30px; font-family:'wf_segoe-ui_normal'; font-size:15px; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .allVidosLinks .product a:hover, .allVidosLinks .product a.selected{background-color:#0066b3; color:#fff;} .allVidosLinks .product{display:block; float:left; width:20%; margin-bottom:25px;} .allVidosLinks .dotted a{display:inline-block; background:url("/images/dotted-underline.png") repeat-x 0 -10px; height:22px;} .allVidosLinks .dotted:hover a{display:inline-block; background:url("/images/dotted-underline.png") repeat-x 0 -40px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .linksBox a{background-image:url("/images/linkBox-dot@2x.png"); background-size:20px 420px;} } .linksBox a:hover, .linksBox a.selected, .allVidosLinks .dotted:hover, .allVidosLinks .dotted.selected{background-position:0 14px; color:#33536d;} .linksBox .row{width:33%; float:left;} .blogBox.gray, .blogBox.normal{padding-top:35px; /* FIX! 60px */ } .infobox .padd{padding-left:25px; padding-right:25px;} .topHeader .centerContainer .slogan{float:left; color:#fff; font-size:14px; line-height:28px;} .topHeader .centerContainer .loginBox{float:right;} .topHeader .centerContainer .loginBox a, .topHeader .centerContainer .allSitesLink a, .footerBox .allAscon{color:#fff; font-size:14px; line-height:28px;} .topHeader .centerContainer .allSitesLink a, .footerBox .allAscon{display:inline-block; height:27px; padding-right:20px; background:url("/images/allSitesLinkIco.png") no-repeat right 9px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .topHeader .centerContainer .allSitesLink a, .footerBox .allAscon{background-image:url("/images/allSitesLinkIco@2x.png"); background-size:13px 10px;} } .topHeader .centerContainer .allSitesLink{float:right; margin-right:86px;} .topHeader .centerContainer .mobileSeparator{display:none;} .topHeader .centerContainer .mobileLangSelector{display:none;} .topHeader .centerContainer .mobileLangSelector a img{border:1px solid #fff;} .topHeader .rightElement{float:right;} .logoBlock{width:100%;} .logoBlock{padding:35px 0;} .logoBlock .centerContainer .logo{float:left;} .logoBlock .centerContainer .searchLangBox{float:right; margin-top:13px;} .logoBlock .centerContainer .workingYearsBox .separator{display:block;} .logoBlock .centerContainer .workingYearsBox{float:left; margin-left:100px; font-size:17px; color:#0066b3; line-height:19px; margin-top:9px;} .logoBlock .centerContainer .searchLangBox .searchInputContainer{float:right;} .logoBlock .centerContainer .searchLangBox .searchInputContainer a{display:none;} /*.logoBlock .centerContainer .searchLangBox .searchInputContainer input, .mobileSearchBox input, .searchBox input{width:235px; padding-right:20px; border:1px solid #b1b3b6; height:16px; font-size:12px; display:block; background:url("/images/graySearchIco.png") no-repeat right 3px; outline:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}*/ /*.logoBlock .centerContainer .searchLangBox .searchInputContainer input:focus, .mobileSearchBox input:focus, .searchBox input:focus{background:url("/images/graySearchIco.png") no-repeat right -65px; border-color:#33536d;}*/ .searchButton{width:12px; height:12px; background:url("/images/blueSearchIco.png") no-repeat 0 0; margin-top:3px;} .searchButton:hover, .searchButton.selected{background-position:0 -12px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .logoBlock .centerContainer .searchLangBox .searchInputContainer input, .mobileSearchBox input, .searchBox input{ /*background-image:url("/images/graySearchIco@2x.png");*/ background-size:15px 80px;} .searchButton{background-image:url("/images/blueSearchIco@2x.png"); background-size:12px 24px;} } .mobileSearchBox{margin-bottom:-10px; display:none;} .mobileSearchBox input{width:100%; height:20px; margin-top:20px; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .logoBlock .centerContainer .searchLangBox .mobileLangSelector{float:right; margin-right:15px;} .logoBlock .centerContainer .searchLangBox .mobileLangSelector a img{border:1px solid #b3b5b8;} .logoBlock .centerContainer .logo a img.small{display:none;} .logoBlock .centerContainer .searchLangBox .menuOpenerBox{display:none;} .seminarsBox .centerContainer .menuOpenerBox, .subMenuBlock .centerContainer .menuOpenerBox{float:right; position:relative;} .menuOpenerBox a{display:block; float:left; width:auto; padding-right:20px; background:url("/images/menuIco.png") no-repeat right 5px; color:#0066b3; font-size:15px;} .menuOpenerBox a:hover{background-position:right -85px; color:#33536d;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .menuOpenerBox a{background-image:url("/images/menuIco@2x.png"); background-size:13px 100px;} } .countriesBox .centerContainer .menuOpenerBox a{width:auto; font-size:21px; font-family:'wf_segoe-ui_light'; background-position:right 12px;} .countriesBox .centerContainer .menuOpenerBox a:hover{background-position:right -78px;} .menuBlock{position:relative; width:100%; border-top:1px solid #e0e0e0; z-index:10;} .menuBlock .centerContainer .menu{display:block; margin:0 0 0 -15px; padding:0;} .menuBlock .centerContainer .menu li{display:block; float:left; margin-left:0; padding:0;} .menuBlock .centerContainer .menu li .subMenu{display:none; left:0; width:100%; background-color:#eeeeee; position:absolute;} .menuBlock .centerContainer .menu a img{display:none;} .menuBlock .centerContainer .menu li .subMenu .inner{margin-top:20px;} .menuBlock .centerContainer .menu li .subMenu .inner-t{max-width:970px; width:100%; display:table;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r{display:table-row;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row{display:table-cell;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row1, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row2, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row3, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row4{ /*width:190px;*/ padding-right:20px;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row1{ /*padding-left: 30px;*/ } .menuBlock .centerContainer .menu li .subMenu .partTitle{display:block; font-size:16px; /* FIX! 14px */ color:#000000; background:none; padding:0; margin:10px 0 0 0;} .menuBlock .centerContainer .menu li .subMenu .partTitle:hover{text-decoration:underline;} .menuBlock .centerContainer .menu li .subMenu ul{margin:25px 0 40px; padding:0; display:block;} .menuBlock .centerContainer .menu li .subMenu ul li{float:none; display:block; margin:0 0 10px 0; padding:0;} .menuBlock .centerContainer .menu li .subMenu ul li a{background:none; color:#0066b3; font-size:14px; margin:0; padding:0; font-family:Arial, Helvetica, Sans-Serif !important;} .menuBlock .centerContainer .menu li .subMenu ul li a:hover{color:#33536d; text-decoration:underline;} .menuBlock .centerContainer .menu li a{display:block; background:url("/images/menuArrowDown.png") no-repeat; background-position:right 4px; font-family:wf_segoe-ui_normal; padding:15px 30px 15px 15px; font-size:18px;color:#000000;} .menuBlock .centerContainer .menu li.notarrow a{background-image:none;/*color:#0066b3;*/} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .menuBlock .centerContainer .menu li a{background-image:url("/images/menuArrowDown@2x.png"); background-size:24px 80px;} .menuBlock .centerContainer .menu li.notarrow a{background:none;color:#0066b3;} } .menuBlock .centerContainer .menu li a:hover{background-position:right -36px; color:#0066b3;} .menuBlock .centerContainer .menu li.selected a{background-color:#eeeeee; background-position:right 4px; color:#000000;} .menuBlock .centerContainer .menu li.selected .subMenu{display:block;} .bannerContainer{width:100%; position:relative; z-index:1; overflow:hidden;} .bannerContainer img{ width:100%; margin:0 auto; z-index:2; position:relative; display:block; } .footerBox .first img{ width: auto; margin: 0 0 20px 0; } .bannerContainer .bannerAbsoluteContainer{position:absolute; width:100%; top:0; z-index:4;} .bannerContainer .topShadow, .iconsBox .topShadow, .newsBox .topShadow, .materialsBox .topShadow, .bottomLinksBox.blue .topShadow, .gray .topShadow{position:absolute; width:100%; height:13px; top:0; background:url("/images/topBannerShadow.png") no-repeat center top; z-index:3;} .iconsBox .topShadow, .materialsBox .topShadow, .gray .topShadow{background:url("/images/grayTopShadow.png") no-repeat center top;} .newsBox .topShadow, .bottomLinksBox.blue .topShadow{background:url("/images/blueShadowTop.png") no-repeat center top;} .bannerContainer .bottomShadow, .iconsBox .bottomShadow, .newsBox .bottomShadow, .materialsBox .bottomShadow, .bottomLinksBox.blue .bottomShadow, .gray .bottomShadow{position:absolute; width:100%; height:13px; bottom:0; background:url("/images/bottomBannerShadow.png") no-repeat center top; z-index:3;} .bannerContainer .bottomShadow, .iconsBox .bottomShadow, .newsBox .bottomShadow, .materialsBox .bottomShadow, .bottomLinksBox.blue .bottomShadow, .gray .bottomShadow{background:url("/images/grayBottomShadow.png") no-repeat center top;} .newsBox .bottomShadow, .bottomLinksBox.blue .bottomShadow{background:url("/images/blueShadowBottom.png") no-repeat center top;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox{background:url("/images/bannerInfoBoxBg.png") no-repeat; width:467px; height:280px; margin-top:20px; margin-left:-40px; padding-left:40px; padding-top:20px; padding-right:20px;} .bannerContainer .bannerTextContainer .bannerInfoBox{background-color:#0066b3; width:467px; min-height:140px; /*240px*/ margin-left:-40px; /*margin: 20px 0 20px -40px;*/ padding:30px 20px 30px 40px; position:relative; top:0;} .bannerContainer.green .bannerTextContainer .bannerInfoBox{background-color:#67af3e;} .bannerContainer.yellow .bannerTextContainer .bannerInfoBox{background-color:#ffbb25;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title, .bannerContainer .bannerTextContainer .bannerInfoBox .title{font-size:40px; font-family:'wf_segoe-ui_light'; color:#fff; margin-bottom:20px; display:block; line-height:40px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title span{} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description, .bannerContainer .bannerTextContainer .bannerInfoBox .description{color:#fff; font-size:14px; width:470px; /* margin-bottom: 20px;*/ line-height:20px; min-height:80px; /*140px*/ } .blogBox .centerContainer .descriptionTable{border-collapse:separate; width:100%; border-spacing:1px; margin-top:20px;} .blogBox .centerContainer .descriptionTable tr td{width:50%; font-family:'wf_segoe-ui_normal'; font-size:18px; padding:12px;} .blogBox .centerContainer .descriptionTable tr td.blue{background-color:#0066b3; color:#fff;} .blogBox .centerContainer .descriptionTable tr td.gray{color:#0066b3; background-color:#f0f2f2;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download, .bannerContainer .bannerTextContainer .bannerInfoBox .download{font-size:19px; font-family:'wf_segoe-ui_light'; color:#fff;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download:hover, .bannerContainer .bannerTextContainer .bannerInfoBox .download:hover{text-decoration:underline;} .iconsBox, .materialsBox, .gray{background-color:#f0f2f2; width:100%; position:relative;} .iconsBox .inner-t, .newsBox .inner-t, .materialsBox .inner-t, .bottomLinksBox .inner-t, .allNewsBox .inner-t, .certBox .inner-t{display:table; width:100%;} .iconsBox .inner-t .inner-r, .newsBox .inner-t .inner-r, .materialsBox .inner-t .inner-r, .bottomLinksBox .inner-t .inner-r, .allNewsBox .inner-t .inner-r, .certBox .inner-t .inner-r{display:table-row; width:100%;} .iconsBox .inner-t .inner-r .row, .materialsBox .inner-t .inner-r .row, .bottomLinksBox .inner-t .inner-r .row, .allNewsBox .inner-t .inner-r .row, .certBox .inner-t .inner-r .row{display:table-cell; width:48%; vertical-align:top;} .iconsBox .inner-t .inner-r .row .inner-c, .bottomLinksBox .inner-t .inner-r .row .inner-c, .certBox .inner-t .inner-r .row .inner-c{width:46%; display:block; float:left; min-height:20px; vertical-align:top;} .bottomLinksBox .inner-t .inner-r .row .inner-c.empty{width:2%;} .iconsBox .inner-t .inner-r .row .inner-c a, .iconsBox .inner-t .inner-r .row .inner-c a img, .certBox .inner-t .inner-r .row .inner-c a img{width:100%;} .certBox .inner-t .inner-r .row .inner-c a img{ /* max-width: 199px;*/ } .iconsBox .inner-t .inner-r .row .inner-c a:hover span, .materialsBox .row a:hover .title, .videoItem:hover .title, .articleItem:hover .title, .articleItem2:hover .title{text-decoration:underline; color:#33536d;} .iconsBox .inner-t .inner-r .row .inner-c a span, .materialsBox .row a .title, .videoItem .title, .articleItem .title, .articleItem2 .title{color:#0066b3; font-size:18px; font-family:'wf_segoe-ui_light';} .iconsBox.seminarsBox .inner-t .inner-r .row .inner-c a span, .materialsBox .row a .title, .videoItem .title, .articleItem .title, .articleItem2 .title{font-family:'wf_segoe-ui_normal'; font-weight:400; font-size:16px;} .videoItem img{width:100%;border: 1px solid #d9d9d9;-moz-box-sizing: border-box; /* в Firefox нужен префикс */ box-sizing: border-box;} .bottomLinksBox .centerContainer .inner-c a{color:#0066b3; padding-left:50px; background-repeat:no-repeat; background-position:0 0; height:41px; display:inline-block;} .bottomLinksBox.blue .centerContainer .inner-c a{color:#fff; background-position:0 -84px;} .bottomLinksBox .centerContainer .inner-c a span{display:block; width:100px; margin-left:20px; font-size:20px; font-family:'wf_segoe-ui_light'; margin-top:-5px; line-height:24px;} .bottomLinksBox .centerContainer .inner-c a.ico1{background-image:url("/images/bottomIco1.png");} .bottomLinksBox .centerContainer .inner-c a.ico2{background-image:url("/images/bottomIco2.png");} .bottomLinksBox .centerContainer .inner-c a.ico3{background-image:url("/images/bottomIco3.png");} .bottomLinksBox .centerContainer .inner-c a.ico4{background-image:url("/images/bottomIco4.png");} .citiesList{position:absolute; width:260px; background-color:#0066b3; left:0; z-index:1000; top:45px; display:none;} .subMenuBlock .centerContainer .menuOpenerBox .citiesList, .seminarsBox .centerContainer .menuOpenerBox .citiesList{left:-124px;} .citiesList.selected{display:block;} .citiesList .inner{padding:20px 0;} .citiesList a, .iconsBox.seminarsBox.contactMenu .menuOpenerBox .citiesList a{display:block; width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:5px 30px; color:#fff; font-size:15px; font-family:Arial, Helvetica, Sans-Serif;} .contactMenu.seminarsBox .centerContainer .menuOpenerBox .citiesList a, .seminarsBox .centerContainer .menuOpenerBox .citiesList a{margin-left:0;} .subMenuBlock.transformed .centerContainer .menuOpenerBox .citiesList{left:0px; top:65px;} .subMenuBlock.transformed .centerContainer .menuOpenerBox .citiesList .arrow{left:50px;} .citiesList a.selected{text-decoration:underline;} .citiesList .arrow{position:absolute; top:-8px; left:50px;} .subMenuBlock .centerContainer .menuOpenerBox .citiesList .arrow, .seminarsBox .centerContainer .menuOpenerBox .citiesList .arrow{left:200px;} .citiesList a:hover{text-decoration:underline; color:#fff; background:none;} .orangeBorder{width:100%; padding:20px; border:1px dashed #e65621; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .contactBox .centerContainer .orangeBorderT{display:table; width:100%; border-collapse:collapse;} .contactBox .centerContainer .orangeBorderR{display:table-row; width:100%;} .contactBox .centerContainer .abloutLeft{display:table-cell; vertical-align:top;} .contactBox .centerContainer .aboutAsconLogo{display:block; margin:0;} .contactBox .centerContainer .aboutAsconLogoC{display:table-cell; width:165px;} .aboutTitle{font-size:27px; font-family:'wf_segoe-ui_light'; color:#000; margin-bottom:25px;} .aboutDescription{font-size:13px; color:#000; margin-bottom:20px;} .aboutYear{font-size:17px; color:#000;} .centerContainer .aboutUnit{min-height:150px;} .centerContainer .aboutUnit .aboutUnitTitle{height:51px;} .centerContainer .aboutUnit .aboutUnitTitle img{display:block; position:absolute;} .centerContainer .aboutUnit .aboutUnitTitle .title{font-size:27px; font-family:'wf_segoe-ui_light'; display:block; margin-left:175px;} .centerContainer .aboutUnit .aboutUnitDescription{margin-left:175px;} .centerContainer .aboutUnit .aboutUnitDescription{font-size:13px; line-height:23px;} .centerContainer .aboutUnit .aboutUnitDescription .orange{color:#ef4123;} .centerContainer .aboutUnit .aboutUnitDescription a{color:#0066b3;} .centerContainer .aboutUnit .aboutUnitDescription a:hover{color:#33536d; text-decoration:underline;} .centerContainer .aboutUnit .aboutUnitDescription ul{padding-left:15px; margin:0; list-style:none;} .centerContainer .aboutUnit .aboutUnitDescription ul li{padding-left:0em; text-indent:-0.7em; line-height:17px; padding-bottom:6px;} .centerContainer .aboutUnit .aboutUnitDescription ul li:before, .blogBox .centerContainer .description ul.square li:before{content:"▪ "; color:#000; /* or whatever color you prefer */ } .blogBox .centerContainer .description ul.dash li:before{content:"- "; color:#0066b3; /* or whatever color you prefer */ } .blogBox .centerContainer .description ul.arrow li:before{content:"▶ "; font-size:10px; color:#0066b3; /* or whatever color you prefer */} .centerContainer .aboutUnit .aboutUnitDescription ul.blue li:before, .configUnit .description ul li:before, .blogBox .centerContainer .description ul.square li:before{color:#0066b3;} .blogBox .centerContainer .characteristics{border-collapse:separate; border-spacing:2px; width:100%;} .blogBox .centerContainer .characteristics td{background-color:#f0f2f2; padding:15px; width:25%; font-size:15px;} .blogBox .centerContainer .characteristics td.blue{background-color:#0066b3; color:#fff;} .blogBox .centerContainer .characteristics td.darkGray{background-color:#58595b; color:#fff;} .blogBox .centerContainer .characteristics td.center{text-align:center;} .contactBox.about .separator{margin:30px 0;} .yearFilter a{margin:2px 0; padding:0px 10px; color:#0066b3; display:inline-block;} .yearFilter a:hover{color:#33536d; text-decoration:underline;} .yearFilter a.selected{margin:0; padding:2px 10px; border-right:1px solid #fff; color:#fff; background-color:#0066b3; text-decoration:none; font-family:'wf_segoe-ui_normal'; font-size:15px;} .yearFilter .years a{border-right:1px solid #c7c9c9; width:45px; text-align:center; font-size:16px;} .subMenuBlock.transformed .centerContainer .menuOpenerBox{float:none; clear:both; padding-top:20px; /*margin-right: 50px;*/ position:relative; margin-left:30px;} @media screen and (max-width:1030px){ .allVidosLinks .product{width:25%;} } @media screen and (max-width:859px){ .allVidosLinks .product{width:33%;} } @media screen and (max-width:650px){ .allVidosLinks .product{width:50%;} .allVidosLinks .product:nth-child(even) a{float:right;} .allVidosLinks .product:nth-child(odd) a{float:left;} } @media screen and (max-width:435px){ .allVidosLinks .product{width:100%;} .allVidosLinks .product a{float:none; width:100%;} } @media screen and (max-width:639px){ .centerContainer .aboutUnit .aboutUnitTitle img{width:74px;} .centerContainer .aboutUnit .aboutUnitTitle{min-height:74px; height:auto;} .centerContainer .aboutUnit .aboutUnitTitle .title{margin-left:94px;} .centerContainer .aboutUnit .aboutUnitDescription{margin-left:94px;} .centerContainer .aboutUnit .aboutUnitDescription{margin-left:0; margin-top:28px;} } @media screen and (max-width:767px){ .configBox .step2 .d a{width:160px;} .seminarsBox .centerContainer .menuOpenerBox .citiesList{left:0px; top:65px;} .seminarsBox .centerContainer .menuOpenerBox .citiesList .arrow{left:50px;} .contactBox .centerContainer .orangeBorderT{display:block; width:100%; border-collapse:collapse;} .contactBox .centerContainer .orangeBorderR{display:block; width:100%;} .contactBox .centerContainer .abloutLeft{display:block;} .contactBox .centerContainer .aboutAsconLogo{display:block; margin:0; width:50%;} .contactBox .centerContainer .aboutAsconLogoC{display:block;} .aboutYear{margin-bottom:30px;} } @media screen and (max-width:480px){ .citiesList{width:100%; padding:0 20px; left:-20px; top:45px;} .citiesList .inner{padding:0;} .citiesList a, .iconsBox.seminarsBox.contactMenu .menuOpenerBox .citiesList a{border-bottom:1px solid #fff; padding:15px 20px; -webkit-box-sizing:content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:content-box; /* Firefox, other Gecko */ box-sizing:content-box; /* Opera/IE 8+ */ position:relative; left:-20px;} .citiesList .arrow{left:70px;} .seminarsBox .centerContainer .menuOpenerBox{width:100%;} } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .bottomLinksBox .centerContainer .inner-c a.ico1{background-image:url("/images/bottomIco1@2x.png"); background-size:46px 126px;} .bottomLinksBox .centerContainer .inner-c a.ico2{background-image:url("/images/bottomIco2@2x.png"); background-size:42px 126px;} .bottomLinksBox .centerContainer .inner-c a.ico3{background-image:url("/images/bottomIco3@2x.png"); background-size:40px 126px;} .bottomLinksBox .centerContainer .inner-c a.ico4{background-image:url("/images/bottomIco4@2x.png"); background-size:39px 126px;} } .bottomLinksBox .centerContainer .inner-c a:hover{color:#33536d; text-decoration:underline; background-position:0 -42px;} .bottomLinksBox.blue .centerContainer .inner-c a:hover{color:#fff; background-position:0 -84px;} .allNewsBox .inner-t .inner-r .row .title{color:#0066b3; font-size:16px; font-family:'wf_segoe-ui_normal'; display:block; margin-bottom:5px; top:0; float:none; width:100%;} .allNewsBox .inner-t .inner-r .row .title span{color:#000; /* font-family: 'wf_segoe-ui_normal';*/ /* FIX! */ } .allNewsBox .inner-t .inner-r .row a:hover .title{text-decoration:underline; color:#33536d;} .allNewsBox .inner-t .inner-r .row .date{color:#6d6e71; font-size:13px;} .allNewsBox .separator, .partnersBox .separator{width:100%; height:2px; background:url("/images/separator-gray.png") repeat-x; margin:20px 0;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .allNewsBox .separator, .partnersBox .separator{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .partnersBox .separator{clear:both;} .allNewsBox.dubleSep .separator{margin:40px 0;} .materialsBox .row a .title{font-size:16px; width:100%; float:none; top:0;} .iconsBox .inner-t .inner-r .row .inner-c a span.arial, .materialsBox .row a .title.arial{font-family:Arial, Helvetica, sans-serif;} .iconsBox .inner-t .inner-r .row .inner-c.empty, .certBox .inner-t .inner-r .row .inner-c.empty{width:8%;} .iconsBox .inner-t .inner-r .row.empty, .bottomLinksBox .inner-t .inner-r .row.empty, .allNewsBox .inner-t .inner-r .row.empty, .certBox .inner-t .inner-r .row.empty{width:4%;} .seminarsBox{background-color:#fff;} .seminarsBox .inner-t .inner-r .row .inner-c a span.title{font-size:16px; display:block;} .seminarsBox .inner-t .inner-r .row .inner-c a:hover span.title{color:#33536d;} .seminarsBox .inner-t .inner-r .row .inner-c a:hover span.date, .articleItem:hover .date, .articleItem2:hover .date{text-decoration:none;} .seminarsBox .inner-t .inner-r .row .inner-c a span.date, .articleItem .date, .articleItem2 .date{display:block; color:#6d6e71; font-size:13px; margin-top:10px;} .sepSolid{clear:both;width:100%;height:1px;background-color:#cbcaca;} .seminarsBox .allSeminarsLink, .newsBox .allNewsLink, .newsBox .allNewsLinklight, .footerBox .howToBuy, .blogBox .allSeminarsLink, .versionBox .allSeminarsLink, .allNewsBox .allSeminarsLink, .allVidosFloater, .moreWhiteLink, .moreBlueLink{border:1px solid #0066b3; color:#0066b3; font-size:14px; padding:5px 10px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; display:block; width:100px; text-align:center; margin-top:30px;} .allNewsBox .allSeminarsLink{width:250px; padding:5px 0; margin:40px auto 0;} .blogBox .allSeminarsLink, .versionBox .allSeminarsLink{width:190px; float:left; margin-right:70px;} .seminarsBox .allSeminarsLink:hover, .blogBox .allSeminarsLink:hover, .versionBox .allSeminarsLink:hover, .versionBox .allNewsBox:hover, .allVidosFloater:hover, .allNewsBox .allSeminarsLink:hover, .moreBlueLink:hover{background-color:#0066b3; color:#fff;} .iconsBox.seminarsBox.about.contactBox .allSeminarsLink{margin:0 auto; width:150px;} .allVidosFloater{float:right; margin:10px 0; width:169px;} .newsBox .allNewsLink, .footerBox .howToBuy, .moreWhiteLink{color:#fff; border-color:#fff;} .newsBox .allNewsLink:hover{background-color:#fff; color:#0066b3;} .footerBox .howToBuy:hover{background-color:#fff; color:#1b1b1b;} .seminarsBox .centerContainer .seminarSelector, .secondMenuBlock .centerContainer .menu, .subMenuBlock .centerContainer .menu{display:block; margin:0; padding:0;} .subMenuBlock .centerContainer .menu .mr{display:none; list-style:none;} .seminarsBox .centerContainer .seminarSelector li, .secondMenuBlock .centerContainer .menu li, .subMenuBlock .centerContainer .menu li{display:block; float:left; margin:0;} .seminarsBox .centerContainer .seminarSelector li a, .secondMenuBlock .centerContainer .menu li a, .subMenuBlock .centerContainer .menu li a, .secondMenuBlock .centerContainer .menu li a.current.none, .subMenuBlock .centerContainer .menu li a.current.none, .secondMenuBlock .centerContainer .menu li.current.none a, .subMenuBlock .centerContainer .menu li.current.none a{font-family:'wf_segoe-ui_light'; color:#0066b3; padding:3px 20px 5px; display:block; font-size:20px; background-color:transparent; text-decoration:none;} .contactMenu.seminarsBox .centerContainer .seminarSelector li a{padding:3px 22px 5px;} .secondMenuBlock .centerContainer .menu li a, .subMenuBlock .centerContainer .menu li a, .secondMenuBlock .centerContainer .menu li a.current.none, .subMenuBlock .centerContainer .menu li a.current.none, .secondMenuBlock .centerContainer .menu li.current.none a, .subMenuBlock .centerContainer .menu li.current.none a{padding:3px 16px 5px; font-size:19px;} .subMenuBlock.transformed .centerContainer .menu .subMenu{margin-left:0 !important;} .seminarsBox .centerContainer .seminarSelector li a:hover, .secondMenuBlock .centerContainer .menu li a:hover, .subMenuBlock.transformed .centerContainer .menu li a:hover, .subMenuBlock .centerContainer .menu li a:hover{color:#33536d; text-decoration:underline;} .seminarsBox .centerContainer .seminarSelector li a.selected, .contactMenu.seminarsBox .centerContainer .seminarSelector li a.selected, .subMenuBlock .centerContainer .menu li a.selected, .subMenuBlock .centerContainer .menu li.selected a, .subMenuBlock .centerContainer .menu li a.current, .subMenuBlock .centerContainer .menu li.current a, .subMenuBlock.transformed .centerContainer .menu li a.selected, .subMenuBlock.transformed .centerContainer .menu li.selected a, .subMenuBlock.transformed .centerContainer .menu li a.current, .subMenuBlock.transformed .centerContainer .menu li.current a, .secondMenuBlock .centerContainer .menu li a.selected, .secondMenuBlock .centerContainer .menu li.selected a, .secondMenuBlock .centerContainer .menu li a.current, .secondMenuBlock .centerContainer .menu li.current a {background-color:#0066b3; color:#fff; text-decoration:none;} .btn4 {padding: 10px 15px; background-color:#0066b3; color:#fff !important; text-decoration:none; display: block; margin: 20px 0;} .btn4:hover {text-decoration: none !important; } .subMenuBlock .menuOpenerBox, .seminarsBox .menuOpenerBox{margin-top:8px;} .secondMenuBlock, .subMenuBlock{padding-top:25px; padding-bottom:25px;} .secondMenuBlock .centerContainer .menu .subMenuContainer, .subMenuBlock .centerContainer .menu .subMenuContainer, .secondMenuBlock .centerContainer .menu li.current.none .subMenuContainer, .subMenuBlock .centerContainer .menu li.current.none .subMenuContainer{display:none; position:absolute; left:0; background-color:#0066b3; /*padding: 13px 0;*/ width:100%; font-size:19px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .centerContainer, .subMenuBlock .centerContainer .menu .subMenuContainer .centerContainer{padding-top:13px; padding-bottom:13px;} .secondMenuBlock .centerContainer .menu .subMenu, .subMenuBlock .centerContainer .menu .subMenu{padding:0; margin:0;} .secondMenuBlock .centerContainer .menu .subMenu li a, .subMenuBlock .centerContainer .menu .subMenu li a{font-size:17px;} .secondMenuBlock .centerContainer .menu.paddingBottom, .subMenuBlock .centerContainer .menu.paddingBottom{padding-bottom:28px; /* FIX! было 10*/ } .subMenuBlock .centerContainer .menu li.selected .subMenuContainer, .subMenuBlock .centerContainer .menu li.current .subMenuContainer, .secondMenuBlock .centerContainer .menu li.selected .subMenuContainer, .secondMenuBlock .centerContainer .menu li.current .subMenuContainer{display:block;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a:hover, .subMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a:hover{text-decoration:underline; font-family:'wf_segoe-ui_light';} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a.selected, .subMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a.selected{text-decoration:none; font-family:'wf_segoe-ui_normal'; font-size:19px; line-height:22px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu.materials{margin-left:267px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu.prilozenie{margin-left:129px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu.video{margin-left:0px;} .blogBox .centerContainer{-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:0 30px;} .blogBox .centerContainer img:not(.person), .versionBox .centerContainer img, .materialsBox .centerContainer .quote img{float:left; margin:0; width:30%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 20px 5px 0;} .right.blogBox .centerContainer img:not(.person){padding:0 0 5px 20px; float:right;} .blogBox.prilozenie .centerContainer img{width:20%;} .blogBox .centerContainer .title, .blogBox .centerContainer h2.title, .versionBox .centerContainer .title{ font-size:25px; font-family:'wf_segoe-ui_light'; display:inline-block; /*float:right; */ width:70%; position:relative; top:-8px; margin-right:-1px; /* FIX! + */ font-weight:normal; margin-top:0px; margin-bottom:5px;} h2{font-size:25px; font-family:'wf_segoe-ui_light'; display:inline-block; /* width: 70%;*/ position:relative; top:-8px; margin-right:-1px; /* FIX! + */ font-weight:normal; margin-top:15; margin-bottom:0px;} .blogBox .centerContainer .title.full{width:100%; top:0;} .blogBox .centerContainer .title .blue{font-family:'wf_segoe-ui_light'; color:#0066b3;} .blogBox .centerContainer img.acts, .right.blogBox .centerContainer img.acts{width:35%;} .blogBox .centerContainer .title.acts, .right.blogBox .centerContainer .title.acts{width:65%;} .blogBox .webinar{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; padding-left:90px; background:url("/images/webinar-ico.png") no-repeat left top;} .right.blogBox .centerContainer .title{float:left;} .blogBox.prilozenie .centerContainer .title{width:80%;} .blogBox .centerContainer .title .date{display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#6d6e71; margin-top:5px;} .blogBox .centerContainer .title .titleSeparator{display:none;} .blogBox .centerContainer .description, .versionBox .centerContainer .description, .quoteBox .centerContainer .d .description, .materialsBox .description{font-size:13px;} .quoteBox .centerContainer .d .name{font-size:15px; font-family:'wf_segoe-ui_normal';} .blogBox .centerContainer .description h2, .blogBox .centerContainer .description h3{font-family:'wf_segoe-ui_light'; font-size:23px; color:#000; font-weight:normal;} .blogBox .centerContainer .description .listTtl{font-size:15px;} .blogBox .centerContainer .description ul, .configBox .description ul{counter-reset:li; padding:0px 0px 0px 25px; list-style:none outside none; left:25px; position:relative; margin-top:-6px;} .blogBox .centerContainer .description ol, .configBox .description ol{counter-reset:li; padding:0px 0px 0px 25px; list-style:none outside none; left:25px; position:relative; margin-top:-6px;} .configBox .description ul{margin-top:15px; left:0;} .blogBox .centerContainer .description ul.toLeft{left:0;} .blogBox.right .centerContainer .description ul{left:0;} .blogBox .centerContainer .description ul li{margin-bottom:15px; position:relative;} .blogBox .centerContainer .description ol li{margin-bottom:15px; position:relative;} .configBox .description ul li{margin-bottom:3px; position:relative;} .blogBox .centerContainer .description ul li:before, .configBox .description ul li:before{content:counter(li, disc); counter-increment:li; width:2em; padding:4px 0px; color:#0066b3; margin-left:-25px; margin-right:10px; font-size:20px; position:absolute; line-height:0px; top:5px;} .blogBox ol:before, .blogBox ul:before{content:"_"; font-size:6px; width:100%; color:#fff;} .blogBox.gray ol:before, .blogBox.gray ul:before{content:"_"; font-size:6px; width:100%; color:#f0f2f2;} ol{counter-reset:li; padding:0; list-style:none; padding-left:25px; margin-top:-6px;} ol li{position:relative; margin-bottom:5px; /* FIX! 15px */ position:relative;} ol li:before{content:counter(li) "."; counter-increment:li; width:2em; padding:4px 0; color:#0066b3; position:absolute; left:-25px; top:-4px; font-size:13px; font-weight:bold;} .blogBox .centerContainer .quote, .materialsBox .centerContainer .quote{display:block; float:left; background-color:#f0f2f2; border-left:5px solid #0066b3; padding:15px 15px 15px 21px; /* FIX! 15px */ font-size:13px; width:66%; margin:15px 0;} .blogBox .centerContainer .quote.max, .materialsBox .centerContainer .quote.max{width:100% !important; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box;} .blogBox .centerContainer .quote .maxer, .materialsBox .centerContainer .quote .maxer{width:100%; max-width:840px;} .blogBox .centerContainer .fontBig{font-family:'wf_segoe-ui_light'; font-size:21px;} .versionBox .centerContainer .description{float:left;} .blogBox .more, .versionBox .more{font-size:14px; color:#0066b3;} .blogBox .more.list{display:inline-block; padding:20px 0 20px 25px; margin-bottom:-20px; background:url("/images/more_list_ico.png") no-repeat 0 18px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .blogBox .more.list{background-image:url("/images/more_list_ico@2x.png"); background-size:18px 320px;} } .blogBox .more.list:hover{background-position:0 -62px;} .blogBox .more.list.closed{background-position:0 -142px;} .blogBox .more.list.closed:hover{background-position:0 -223px;} .blogBox .more.list.closed .closed{display:none;} .blogBox .more.list.closed .opened{display:inline;} .blogBox .more.list .closed{display:inline;} .blogBox .more.list .opened{display:none;} .blogBox .centerContainer .more:hover, .versionBox .centerContainer .more:hover{text-decoration:underline; color:#33536d;;} .blogItemSt{padding-bottom:40px;background-color:#fff;margin:60px 0 0;} .blogItemSt.gray{background-color:#f0f2f2;} .itemOpener .blogItem{display:none;} .itemOpener .blogItem.selected{display:block;} .newsBox, .bottomLinksBox.blue{position:relative; background-color:#0066b3;} .newsBox.light{position:relative; background-color:#f0f2f2;} .newsBox.light2{position:relative; background-color:#ffffff;} .newsBox.green{background-color:#67ae3e;} .newsBox.yellow{background-color:#ffbb25;} .newsBox .inner-t .inner-r .inner-c{display:table-cell; vertical-align:top;} .newsBox .inner-t .inner-r .inner-c.first{width:260px;} .newsBox .inner-t .inner-r .inner-c.empty{width:7%;} .newsBox .inner-t .inner-r .inner-c.second{background-color:#035593; padding:25px; cursor:pointer;} .newsBox .inner-t .inner-r .inner-c.second img, .infobox img{float:left; width:25%; padding:0 25px 5px 0; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .infobox img{margin-top:8px;} .newsBox .inner-t .inner-r .inner-c.second .text, .infobox .text{width:75%; float:left;} .newsBox .inner-t .inner-r .inner-c.second .title, .infobox .title{font-size:24px; font-family:'wf_segoe-ui_light'; color:#fff; margin-bottom:25px; width:100%;} .newsBox .inner-t .inner-r .inner-c.second:hover .title{text-decoration:underline;} .newsBox .inner-t .inner-r .inner-c.second .description, .infobox .description{color:#fff; font-size:13px;} .newsBox .blockTitle{color:#fff; font-size:35px; font-family:'wf_segoe-ui_light'; margin-bottom:30px; line-height:30px;} .newsBox .blockTitle.light{color:#000;} .newsBox .articleItem2{font-size:14px; color:#fff; margin-bottom:30px; display:block;} .newsBox .articleItem{font-size:14px; color:#33536d; /* FIX! #fff */ margin-bottom:30px; display:block;} .newsBox .articleItem:hover, .newsBox .articleItem2:hover{text-decoration:underline;} .newsBox .articleItem.selected, .newsBox .articleItem2.selected{color:#4c9cc9; text-decoration:none;} .socialBox .centerContainer .inner-t .inner-r .row.row1{width:50%; /* 66% */ } .socialBox .centerContainer .inner-t .inner-r .row.row2{width:50%; /* 33% */ } .socialBox .centerContainer .inner-t .inner-r .row.empty{width:0px;} .socialBox .centerContainer .inner-t .inner-r .row .inner-c{width:48%;} .socialBox .centerContainer .inner-t .inner-r .row.row1 .inner-c.empty{width:2%;} .socialBox .centerContainer .inner-t .inner-r .row.row2 .inner-c{width:48%; /* 98% */ } .socialBox .centerContainer .inner-t .inner-r .row.row2 .inner-c.empty{width:2%; /* 0 */ } .socialBox .blockTitle, .logosBox .blockTitle, .seminarsBox .blockTitle, h1, .materialsBox .blockTitle, .allNewsBox .blockTitle, .linksBox .blockTitle, .allVidosLinks .blockTitle{font-size:35px; font-family:'wf_segoe-ui_light'; margin-bottom:30px; line-height:30px;} .materialsBox .blockTitle, .allNewsBox .blockTitle, .linksBox .blockTitle, .allVidosLinks .blockTitle{line-height:40px; margin-top:-8px;} .materialsBox .blockTitle span{margin-top:10px; /* FIX! del */ display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; position:relative; line-height:18px; color:#6d6e71;} .materialsBox .blockTitle.floater{float:left;} .seminarsBox .blockTitle, h1{margin-bottom:50px;} .footerBox{background-color:#1b1b1b;} .footerBox .inner-t{display:table; width:100%;} .footerBox .inner-t .inner-r{display:table-row;} .footerBox .inner-t .inner-c{display:table-cell; vertical-align:top;} .footerBox .inner-t .inner-c .phone{color:#fff; font-size:25px; font-family:'wf_segoe-ui_normal';} .footerBox .inner-t .inner-c .title{color:#fff; font-size:19px; font-family:'wf_segoe-ui_light';} .footerBox .inner-t .inner-c .menu{margin:30px 0; padding:0; list-style:none;} .footerBox .inner-t .inner-c .menu li a{font-size:14px; color:#fff; line-height:24px;} .footerBox .inner-t .inner-c .menu li a:hover{text-decoration:underline;} .footerBox .inner-t .inner-c .menu.line{width:290px;} .footerBox .inner-t .inner-c .menu.line li{display:inline-block; margin:0 15px 0 0;} .footerBox .copy{font-size:14px; color:#fff;} .footerBox .asconLogo{display:block; margin-top:35px;} .footerBox .gladLogo{display:block; margin-top:70px; width:86px;} .footerBox .mobileOnly{display:none;} .logosBox.top{padding-bottom:0;} .logosBox.middle{ /*background-color: #00a88e;*/ background-color:#0066b3;} .logosBox .inner-t{width:100%; display:table;} .logosBox .inner-r{width:100%; display:table-row;} .logosBox .inner-c{display:table-cell; width:13%; text-align:center; height:115px; padding-bottom:21px; vertical-align:middle; cursor:pointer;} .logosBox.bottom .inner-c{padding-bottom:0px; padding-top:21px;} .logosBox .inner-c.selected{background:url("/images/selectorArrowBlue.png") center bottom no-repeat;} .logosBox.bottom .inner-c.selected{background:url("/images/selectorArrowRotatedBlue.png") center top no-repeat; /* selectorArrowRotated.png */ } .logosBox .inner-c.empty{width:1%; cursor:auto;} .logosBox .infobox{display:none;} .logosBox .infobox.selected{display:block;} .iconsBox.seminarsBox.topBox{padding-bottom:0; padding-top:25px;} .materialsBox.topBox, .allNewsBox.topBox, .booksBox.topBox{padding-top:0;} .iconsBox.seminarsBox.topWithStPadd{padding-top:60px;} .materialsBox .inner-t .inner-r .row{width:15%;} .materialsBox .inner-t .inner-r .row.empty{width:2%;} .materialsBox .inner-t .inner-r .row img{width:100%;border: 1px solid #d9d9d9;-moz-box-sizing: border-box;box-sizing: border-box;} .allVidos{color:#0066b3; font-size:27px; font-family:'wf_segoe-ui_light'; margin-bottom:20px; display:block;} .allVidos:hover{text-decoration:underline; color:#33536d;;} .allCert{color:#ffffff; font-size:27px; font-family:'wf_segoe-ui_light'; margin-bottom:20px; display:block;} .allCert:hover{text-decoration:underline; color:#ffffff;} .blogBox.hidden{display:none;} h1{color:#000000; font-size:25px; font-family:'wf_segoe-ui_light'; font-weight:400; padding-bottom:0px; display:inline;} .hidden ul li{margin-bottom:20px;} .allNewsBox .inner-t .inner-r .row.pdf, .allNewsBox .inner-t .inner-r .row.edit, .allNewsBox .inner-t .inner-r .row.pdf_dark, .allNewsBox .inner-t .inner-r .row.edit_dark, .allNewsBox .inner-t .inner-r .row.video_dark, .allNewsBox .inner-t .inner-r .row.link_dark, .allNewsBox .inner-t .inner-r .row.zip_dark, .allNewsBox .inner-t .inner-r .row.jpg_dark, .allNewsBox .inner-t .inner-r .row.download_dark{-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding-left:60px;} .allNewsBox .inner-t .inner-r .row.video_dark a{min-height:50px; display:block;} .allNewsBox .inner-t .inner-r .row.pdf{background:url("/images/pdf-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.pdf_dark{background:url("/images/pdf_dark-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.video_dark{background:url("/images/video_dark-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.link_dark{background:url("/images/link_dark-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.jpg_dark{background:url("/images/jpg_dark-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.zip_dark{background:url("/images/zip_dark-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.download_dark{background:url("/images/download_min.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.download_dark a{min-height:45px; display:block;} .blogBox .centerContainer .blogBox{} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .allNewsBox .inner-t .inner-r .row.pdf_dark{background-image:url("/images/pdf_dark-ico@2x.png"); background-size:35px 43px;} .allNewsBox .inner-t .inner-r .row.jpg_dark{background-image:url("/images/jpg_dark-ico@2x.png"); background-size:35px 43px;} .allNewsBox .inner-t .inner-r .row.zip_dark{background-image:url("/images/zip_dark-ico@2x.png"); background-size:35px 43px;} .allNewsBox .inner-t .inner-r .row.link_dark{background-image:url("/images/link_dark-ico@2x.png"); background-size:35px 43px;} } .allNewsBox .inner-t .inner-r .row.edit{background:url("/images/edit-ico.png") no-repeat 0 8px;} .allNewsBox .inner-t .inner-r .row.edit_dark{background:url("/images/edit_dark-ico.png") no-repeat 0 8px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .allNewsBox .inner-t .inner-r .row.edit_dark{background-image:url("/images/edit_dark-ico@2x.png"); background-size:44px 44px;} } .booksBox .separator, .allVidosLinks .separator, .blogBox .separator, .gray.yearFilter .separator, .materialsBox .separator, .blogBox.prilozenie .separator, .contactBox .separator, .countriesBox .centerContainer .separator, .contactMenu .centerContainer .separator, .configBox .centerContainer .separator{display:none; width:100%; height:2px; clear:both; background:url("/images/separator-gray.png") repeat-x 0 40px; padding:40px 0;} .contactMenu .centerContainer .separator{margin-bottom:20px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .booksBox .separator, .allVidosLinks .separator, .gray.yearFilter .separator, .materialsBox .separator, .blogBox.prilozenie .separator, .contactBox .separator, .countriesBox .centerContainer .separator, .configBox .centerContainer .separator{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .materialsBox .separator, .allVidosLinks .separator, .contactMenu .centerContainer .separator, .blogBox .separator, .configBox .centerContainer .separator{display:block;} .blogBox .separatorSolid, .configBox .centerContainer .separatorSolid{width:100%; display:block; height:1px; background-color:#cccbcb; margin:30px 0 20px;} .configBox .centerContainer .separatorSolid{margin:40px 0;} .contactBox .separator{display:block; padding:20px 0; background-position:0 20px;} .countriesBox .centerContainer .separator{display:block; padding:0; background-position:0 0;} .contactBox .contactTitle{font-size:17px; font-family:'wf_segoe-ui_normal'; color:#000000; line-height:20px; margin-bottom:10px;} .contactBox .contactSubTitle{font-size:13px; color:#58595b; margin-bottom:5px;} .contactBox .contactInformation, .contactBox .contactInformation a{color:#0066b3; font-family:'wf_segoe-ui_light'; font-size:27px;} .contactBox .contactInformation a:hover{color:#33536d; text-decoration:underline;} .contactBox .contactSubInformation{font-size:13px; color:#000;} .blogBox.prilozenie .separator{display:block; padding:0; background-position:0 0;} .booksBox .book{width:50%; display:block;} .booksBox .book .ico{float:left; margin-right:25px;} .booksBox .book .title{color:#0066b3; font-size:20px; font-family:'wf_segoe-ui_light'; position:relative; line-height:25px; top:-7px;} .booksBox .book:hover .title{text-decoration:underline; color:#33536d;} .booksBox .book .autors{color:#6d6e71; font-size:13px;} .booksBox .book .autors span{color:#000;} .booksBox .book .description img{margin-top:25px;} .booksBox .book.left{float:left;} .booksBox .book.right{float:right;} .mainImageBanner{width:100%; min-height:200px; /*400px*/ background:url('/images/BannerImage.png') no-repeat center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; position:relative; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:20px 0;} #scrollableBanner{width:100%; min-height:200px; /*400px*/ } #newsOwl, #newsOwl2{overflow:hidden;} #scrollableBanner .owl-item, #newsOwl .owl-item, #newsOwl2 .owl-item{float:left; overflow:hidden;} .owl-wrapper, .owl-stage, .owl-stage-outer{position:relative;} #scrollableBanner .owl-controls, #scrollableBanner .owl-dots{height:18px; position:relative; width:100%; left:0; margin:0; padding:0; position:relative; top:-14px; top:-24px \9; width:100%;} #scrollableBanner .owl-dots{position:relative; text-align:center; z-index:2;} #scrollableBanner .owl-dots .owl-dot{display:inline-block; width:18px; height:18px; margin-left:10px; background:url("/images/bannerDot.png") no-repeat 0 0;} .green #scrollableBanner .owl-dots .owl-dot{background:url("/images/bannerDotGreen.png") no-repeat 0 0;} .yellow #scrollableBanner .owl-dots .owl-dot{background:url("/images/bannerDotYellow.png") no-repeat 0 0;} #scrollableBanner .owl-dots .owl-dot.active{background-position:0 -18px;} .compareTable{width:100%; margin:30px 0; border-collapse:collapse; font-family:'wf_segoe-ui_normal'; font-size:17px;} .compareTable td{background-color:#f0f2f2; border-bottom:2px solid #fff; padding:15px;} .compareTable .titleRow{font-size:18px;} .compareTable .titleRow .legend{display:none;} .compareTable .titleRow td{background-color:#dddddd;} .compareTable .name{border-right:2px solid #fff; background-color:#67ae3e; color:#fff; width:50%;} .compareTable .stroitel, .compareTable .other{padding-left:5%; width:25%;} .compareTable .stroitel{color:#56992f;} .compareTable .titleRow .stroitel{color:#000;} .compareTable .other{color:#6d6e71;} .compareTable .titleRow td.name{background-color:#56992f;} .compareLegend{display:none; margin-top:30px; color:#6d6e71; font-size:13px;} .grayArrow{width:21px; height:19px; background:url("/images/grayArrow.png") no-repeat 0 0; position:absolute; margin-top:-48px;} .seminarsBox.contactMenu{margin-top:40px;} .seminarsBox.contactMenu.buy{margin-top:0; padding:0;} .allVidosBox .separatorSolid{clear:both; margin:30px 0 40px; height:1px; width:100%; background-color:#cccbcb;} .vnedrSelector{margin-top:40px;} .vnedrSelector a, .vnedrSelector a span{color:#0066b3; font-size:19px; font-family:'wf_segoe-ui_light';} .vnedrSelector a:hover{text-decoration:underline; color:#33536d;} .vnedrSelector .left{float:left; width:33%;} .vnedrSelector .right{float:right; text-align:right; width:33%;} .vnedrSelector .mobileLink{display:none;} .vnedrSelector .center{float:left; text-align:center; width:33%;} .blogBox .centerContainer .rightBlock{float:right; width:70%;} .blogBox .centerContainer .leftBlock{float:left; width:30%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding-right:30px;} .blogBox .centerContainer .leftBlock img:not(.comment){width:100%;} .blogBox .centerContainer .leftBlock .lightGray{color:#939598; display:block; font-size:12px;} .blogBox .centerContainer .lightGray{color:#58595b;} .blogBox .centerContainer .leftBlock .imgaDesc a{width:100%; text-align:center; display:block; color:#fff; height:30px; line-height:30px; background-color:#0066b3; margin:13px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:14px; font-family:Arial, Helvetica, Sans-Serif;} .blogBox .centerContainer .leftBlock .imgaDesc a:hover{text-decoration:underline;} .blogBox .centerContainer .rightBlock .quote{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .blogBox .centerContainer .rightBlock .description .bigger{font-family:'wf_segoe-ui_normal'; font-size:15px;} .blogBox .centerContainer .rightBlock .description a{color:#0066b3;} .blogBox .centerContainer .rightBlock .description a:hover{text-decoration:underline; color:#33536d;} .blogBox .centerContainer .description a.left_25{margin-left:25px; display:block;} .blogBox .centerContainer .rightBlock .title{width:100%; margin:0;} .dynamicFielder_5_per_line a{width:18.4%; display:block; float:left;} .dynamicFielder_4_per_line a{width:23.5%; display:block; float:left;} .dynamicFielder_4_per_line .separatorDynamic{width:2%; display:block; float:left; height:1px;} .dynamicFielder_5_per_line .separatorDynamic{width:2%; display:block; float:left; height:1px;} .articleItem img, .articleItem2 img{width:100%;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .centerContainer{padding:0;} .subMenuBlock.transformed{padding:0;} .subMenuBlock.transformed .centerContainer{padding:0;} .subMenuBlock.transformed .menu li{display:block; margin:0px; padding:0px; width:100%;} .subMenuBlock.transformed .centerContainer .menu li a, .subMenuBlock.transformed .centerContainer .menu li.current.none a{font-family:"wf_segoe-ui_normal"; color:#0066b3; padding:10px 30px; font-size:16px; background-color:#eee; border-bottom:1px solid #fff; box-sizing:border-box; display:block; font-family:"wf_segoe-ui_normal";} .subMenuBlock.transformed .centerContainer .menu li.selected a, .subMenuBlock.transformed .centerContainer .menu li.current a, .secondMenuBlock .centerContainer .menu li.current a{ /* .secondMenuBlock .centerContainer .menu li.current a */ /* background-color: #5C758A;*/ /* FIX! 2014-12-29 */ font-family:"wf_segoe-ui_normal"; font-size:16px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu.materials, .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu.prilozenie{margin:0; padding:0;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer{padding:0; position:relative;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a{background:#3385c2; color:#fff; font-family:"wf_segoe-ui_normal"; font-size:16px; text-indent:15px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a.selected{background:#0066b3; font-family:"wf_segoe-ui_normal"; font-size:16px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a:hover{font-family:"wf_segoe-ui_normal"; background-color:#0066b3;} .faq .lvl_title{width:100%; display:block; padding:13px 18px; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ font-size:17px; font-family:'wf_segoe-ui_normal'; border-bottom:1px solid #fff; cursor:pointer;} .faq .lvl_1 .lvl_title .arrow{display:inline-block; width:9px; height:5px; background:url("/images/faq_arrow.png"); position:relative; top:-2px; margin-left:8px;} .faq .lvl_1.selected > .lvl_title .arrow{background-position:0 -95px;} .faq .lvl_1 .lvl_title:hover{text-decoration:underline;} .faq .lvl_2 .lvl_title .arrow, .faq .lvl_3 .lvl_title .arrow{background-position:0 -95px;} .faq .lvl_1 .lvl_title{background-color:#f0f2f2; color:#58595b;} .faq .lvl_1.selected > .lvl_title, .faq .lvl_1.white.selected > .lvl_title{background-color:#5c758a; color:#fff;} .faq .lvl_1.white > .lvl_title{background-color:#ffffff;} .faq .lvl{display:none;} .faq .lvl_2 .lvl_title{background-color:#0066b3; color:#fff; padding-left:35px;} .faq .lvl_3 .lvl_title{background-color:#3385c2; color:#fff; padding-left:35px;} .faq .lvl_4 .lvl_title{background-color:#f0f2f2; color:#58595b; padding-left:35px;} .faq .lvl_4 .lvl{padding:35px 0 35px 35px; font-size:13px;} .faq .lvl_4 .lvl .separator{padding:20px 0; background-position:0 20px;} .faq .lvl_4 .lvl .subTtl{font-size:21px; font-family:'wf_segoe-ui_light'; margin-bottom:15px;} .blogBox .centerContainer .cybercom{float:right; margin-left:40px; width:auto; padding:0;} .blogBox .centerContainer .leftSmallImage{float:left; padding-right:30px; width:13%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .blogBox .centerContainer .ttlSml{width:87%;} /* FIX jobs */ .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .centerContainer{padding:0;} .subMenuBlock.transformed{padding:0;} .subMenuBlock.transformed .centerContainer{padding:0;} .subMenuBlock.transformed .menu li{display:block; margin:0px; padding:0px; width:100%;} .subMenuBlock.transformed .centerContainer .menu li a, .subMenuBlock.transformed .centerContainer .menu li.current.none a{font-family:"wf_segoe-ui_normal"; color:#0066b3; padding:10px 30px; font-size:16px; background-color:#eee; border-bottom:1px solid #fff; box-sizing:border-box; display:block; font-family:"wf_segoe-ui_normal";} .subMenuBlock.transformed .centerContainer .menu li.selected a, .subMenuBlock.transformed .centerContainer .menu li.current a, .secondMenuBlock .centerContainer .menu li.current a{ /*background-color: #5C758A;*/ /* FIX! 2014-12-29 */ font-family:"wf_segoe-ui_normal"; font-size:16px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu.materials, .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu.prilozenie{margin:0; padding:0;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer{padding:0; position:relative;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a{background:#3385c2; color:#fff; font-family:"wf_segoe-ui_normal"; font-size:16px; text-indent:15px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a.selected{background:#0066b3; font-family:"wf_segoe-ui_normal"; font-size:16px;} .subMenuBlock.transformed .centerContainer .menu .subMenuContainer .subMenu li a:hover{font-family:"wf_segoe-ui_normal"; background-color:#0066b3;} /* end FIX jobs */ .centerContainer #slider1_container img{float:none; padding:0; margin:0;} .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{position:absolute; cursor:pointer; display:block; background:url(/images/a17.png) no-repeat; overflow:hidden;} .jssora05l{background-position:-10px -40px;} .jssora05r{background-position:-70px -40px;} .jssora05l:hover{background-position:-130px -40px;} .jssora05r:hover{background-position:-190px -40px;} .jssora05ldn{background-position:-250px -40px;} .jssora05rdn{background-position:-310px -40px;} .jssort01 .w{position:absolute; top:0px; left:0px; width:100%; height:100%;} .jssort01 .c{position:absolute; top:0px; left:0px; width:90px; height:90px; border:#f0f2f2 2px solid;} .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c{border-width:0px; width:90px; height:90px; border:#33536d 2px solid;} .jssort01 .p:hover .c, .jssort01 .pav:hover .c{top:0px; left:0px; width:90px; height:90px; border:#33536d 2px solid;} @media screen and (max-width:479px){ .blogBox .centerContainer .cybercom{display:none;} } @media screen and (max-width:499px){ .blogBox .webinar{background:none; padding-left:0;} } @media screen and (max-width:1130px){ .downloadFormContainer .centerContainer .form .rightPart #captcha{width:60%;} } @media screen and (max-width:899px){ .downloadFormContainer .centerContainer .form .rightPart{width:46.5%;} .downloadFormContainer .centerContainer .form .leftPart{width:46.5%;} .downloadFormContainer .centerContainer .form .rightPart #captcha{width:40%;} } @media screen and (max-width:767px){ .downloadFormContainer .centerContainer .form .rightPart{width:100%; float:none;} .downloadFormContainer .centerContainer .form .leftPart{width:100%; float:none;} } @media screen and (max-width:430px){ .downloadFormContainer .centerContainer .form .helpMark.files{width:280px;} .downloadFormContainer .centerContainer .form .file{float:none; margin-bottom:10px; width:205px; text-align:center;} } @media screen and (max-width:359px){ .downloadFormContainer .centerContainer .form .rightPart #captcha{width:30%;} .downloadFormContainer .centerContainer .form .helpMark.files{width:220px;} .downloadFormContainer .centerContainer .form .file{float:none; margin-bottom:10px; width:205px; text-align:center;} } @media screen and (max-width:700px){ .downloadFormContainer .centerContainer .form #captcha{max-width:250px; width:100%;} .downloadFormContainer .centerContainer .form .captcha{} } @media screen and (max-width:560px){ .downloadFormContainer .centerContainer .form #captcha{width:50%;} .downloadFormContainer .centerContainer .form input{width:90%;} .quoteBox .centerContainer .d.img{display:none;} .blogBox .trippleImg, .blogBox .doubleImg, .materialsBox .trippleImg, .materialsBox .doubleImg{display:table;} .blogBox .trippleImg .r, .blogBox .doubleImg .r, .materialsBox .trippleImg .rk, .materialsBox .doubleImg .rk{display:block;} .blogBox .trippleImg .d, .blogBox .doubleImg .d, .materialsBox .trippleImg .d, .materialsBox .doubleImg .d{width:100%; display:block;} .blogBox .centerContainer .trippleImg .d img, .blogBox .centerContainer .doubleImg .d img, .materialsBox .centerContainer .trippleImg .d img, .materialsBox .centerContainer .doubleImg .d img{margin:5px 0;} .materialsBox .centerContainer .trippleImg .d img, .materialsBox .centerContainer .doubleImg .d img{vertical-align:top;} .blogBox .imgTtl, .materialsBox .imgTtl{margin-bottom:20px;} } @media screen and (max-width:500px){ .downloadFormContainer .centerContainer .header{font-size:21px;} } @media screen and (max-width:479px){ .downloadFormContainer .centerContainer .form, .downloadFormContainer .centerContainer .header{padding-left:20px;} .downloadFormContainer .centerContainer .header{line-height:25px; padding-top:8px; padding-bottom:8px;} .downloadFormContainer .centerContainer .form #captcha{width:33%;} .downloadFormContainer .centerContainer .form .captcha{margin-left:10px;} } @media screen and (min-width:959px){ .dynamicFielder_4_per_line .separatorDynamic:nth-child(8n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_4_per_line .separatorDynamic:nth-child(8n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:958px) and (min-width:729px){ .dynamicFielder_4_per_line a{width:29.3%;} .dynamicFielder_4_per_line .separatorDynamic{width:6%;} .dynamicFielder_4_per_line .separatorDynamic:nth-child(6n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_4_per_line .separatorDynamic:nth-child(6n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:728px) and (min-width:479px){ .dynamicFielder_4_per_line a{width:46%;} .dynamicFielder_4_per_line .separatorDynamic{width:8%;} .dynamicFielder_4_per_line .separatorDynamic:nth-child(4n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_4_per_line .separatorDynamic:nth-child(4n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:478px){ .dynamicFielder_4_per_line a{width:100%;} .dynamicFielder_4_per_line .separatorDynamic:nth-child(2n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_4_per_line .separatorDynamic:nth-child(2n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (min-width:1010px){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(10n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(10n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:1009px) and (min-width:820px){ .dynamicFielder_5_per_line a{width:22%;} .dynamicFielder_5_per_line .separatorDynamic{width:4%;} .dynamicFielder_5_per_line .separatorDynamic:nth-child(8n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(8n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:819px) and (min-width:620px){ .dynamicFielder_5_per_line a{width:29.3%;} .dynamicFielder_5_per_line .separatorDynamic{width:6%;} .dynamicFielder_5_per_line .separatorDynamic:nth-child(6n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(6n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:619px) and (min-width:420px){ .dynamicFielder_5_per_line a{width:46%;} .dynamicFielder_5_per_line .separatorDynamic{width:8%;} .dynamicFielder_5_per_line .separatorDynamic:nth-child(4n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(4n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:419px){ .dynamicFielder_5_per_line a{width:100%;} .dynamicFielder_5_per_line .separatorDynamic:nth-child(2n){width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0 37px transparent; padding:37px 0px 40px; clear:both; float:none;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .dynamicFielder_5_per_line .separatorDynamic:nth-child(2n){background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } } @media screen and (max-width:930px){ .blogBox .centerContainer .leftBlock{width:40%;} .blogBox .centerContainer .rightBlock{width:60%;} } @media screen and (max-width:680px){ .blogBox .centerContainer .leftBlock{width:100%; margin-top:40px; padding-right:0;} .blogBox .centerContainer .leftBlock img{width:55%; float:left;} .blogBox .centerContainer .leftBlock .imgaDesc{width:45%; float:left;} .blogBox .centerContainer .rightBlock{width:100%;} } @media screen and (max-width:550px){ .blogBox .centerContainer .leftBlock img{width:100%;} .blogBox .centerContainer .leftBlock .imgaDesc{width:100%;} } @media screen and (max-width:780px){ .vnedrSelector .center{display:none;} .vnedrSelector .right, .vnedrSelector .left{width:50%;} .vnedrSelector .mobileLink{width:100%; margin-bottom:40px; display:block; text-align:right;} .vnedrSelector .mobileLink a{border:1px solid #0066b3; color:#0066b3; font-size:14px; padding:5px 10px; border-radius:2px; display:block; width:60%; text-align:center; float:right; font-family:Arial, Helvetica, Sans-Serif; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .vnedrSelector .mobileLink a:hover{text-decoration:none; color:#fff; background-color:#0066b3;} } @media screen and (max-width:680px){ .vnedrSelector .mobileLink a{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .vnedrSelector a{font-size:15px; font-family:Arial, Helvetica, Sans-Serif;} } @media screen and (max-width:420px){ .vnedrSelector .right, .vnedrSelector .left{width:100%;} .vnedrSelector .right .sign, .vnedrSelector .left .sign{display:none;} .vnedrSelector .mobileLink, .vnedrSelector .left{margin-bottom:20px;} .vnedrSelector .right a, .vnedrSelector .left a{border:1px solid #0066b3; color:#0066b3; font-size:14px; padding:5px 10px; border-radius:2px; display:block; width:100%; text-align:center; float:right; font-family:Arial, Helvetica, Sans-Serif; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .vnedrSelector .right a:hover, .vnedrSelector .left a:hover{text-decoration:none; color:#fff; background-color:#0066b3;} } @media screen and (max-width:1023px){ .asconNearBox .title{width:100%;} .asconNearBox .subTitle{width:66%;} .asconNearBox .searchBox{width:29%; float:right; position:relative; top:-30px;} .asconNearBox .searchBox input{width:125%; float:right; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} } @media screen and (max-width:639px){ .configBox .step2 .d{width:100%;} .configBox .step2 .d a{width:210px; margin-bottom:20px;} .asconNearBox .searchBox input{width:100%; float:none;} .asconNearBox .searchBox{width:100%; top:0; margin-top:20px;} .asconNearBox .subTitle{width:100%;} } @media screen and (max-width:1025px){ .countriesBox .centerContainer .flags a{width:20%;} } @media screen and (max-width:769px){ .countriesBox .centerContainer .flags a{width:25%;} } @media screen and (max-width:641px){ .countriesBox .centerContainer .flags a{width:33%;} } @media screen and (max-width:490px){ .countriesBox .centerContainer .flags a{width:50%;} } @media screen and (max-width:370px){ .countriesBox .centerContainer .flags{display:none;} .countriesBox .centerContainer .countrySelector{display:block;} .countriesBox{padding-top:40px;} .countriesBox .centerContainer .flags a{margin-bottom:25px;} } @media screen and (max-width:799px){ .contactMenu.seminarsBox .centerContainer .seminarSelector li a{padding:3px 18px 5px;} } @media screen and (max-width:1040px){ .linksBox a, .allVidosLinks .dotted{width:50%;} } @media screen and (max-width:700px){ .linksBox a, .allVidosLinks .dotted{width:100%;} } @media screen and (max-width:359px){ .linksBox .row{width:80%;} } @media screen and (max-width:925px){ .bottomLinksBox .centerContainer .inner-c a span{font-size:18px; margin-top:-2px; line-height:22px;} } @media screen and (max-width:767px){ .bottomLinksBox .centerContainer .inner-c a span{font-size:15px; margin-top:0px; line-height:20px;} .bottomLinksBox .centerContainer .inner-c a span{margin-left:10px;} } @media screen and (max-width:800px){ .blogBox.prilozenie .centerContainer img{width:30%;} .blogBox.prilozenie .centerContainer .title{width:70%;} } @media screen and (max-width:767px){ .booksBox .book{width:100%;} .booksBox .book.left, .booksBox .book.right{float:none;} .booksBox .separator{display:block;} } @media screen and (max-width:359px){ .blogBox .centerContainer .characteristics td{padding:15px 10px; font-size:13px;} } @media screen and (max-width:399px){ .booksBox .book .ico{width:100%; display:block; margin:0 0 20px;} } @media screen and (max-width:1024px){ .materialsBox .inner-t .inner-r .row.priority_5{display:none;} .newsBox .inner-t .inner-r .inner-c.second .text, .infobox .text{width:70%;} .newsBox .inner-t .inner-r .inner-c.second img, .infobox img{width:30%;} .newsBox .inner-t .inner-r .inner-c.second .title, .infobox .title{font-size:20px;} .socialBox{margin-top:45px;} } @media screen and (max-width:768px){ .configBox h2{font-size:21px; font-family:'wf_segoe-ui_light'; font-weight:normal;} .configBox h3{font-size:19px; font-family:'wf_segoe-ui_light'; font-weight:normal;} .materialsBox .inner-t .inner-r .row.priority_4{display:none;} } @media screen and (max-width:900px){ .newsBox .inner-t .inner-r .inner-c.second img{display:none;} .newsBox .inner-t .inner-r .inner-c.second .text{width:100%;} } @media screen and (max-width:639px){ .materialsBox .inner-t{display:block;} .materialsBox .inner-t .inner-r{display:block;} .materialsBox .inner-t .inner-r .row{display:block;} .materialsBox .inner-t .inner-r .row.left{float:left; width:44%;} .materialsBox .inner-t .inner-r .row.right{float:right; width:44%;} .materialsBox .inner-t .inner-r .row.priority_4{display:block;} .materialsBox .inner-t .inner-r .empty.priority_3{display:block; clear:both; width:100%; background:url("/images/separator-gray.png") repeat-x 0 20px; height:2px; padding:20px 0;} .allVidosBox.materialsBox .inner-t .inner-r .empty.priority_3{padding:40px 0; background-position:0 40px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .materialsBox .inner-t .inner-r .empty.priority_3{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .materialsBox .inner-t .inner-r .empty.priority_5{display:block; clear:both; width:100%;} .allNewsBox .inner-t{display:block;} .allNewsBox .inner-t .inner-r{display:block; width:100%;} .allNewsBox .inner-t .inner-r .row{width:100%; display:block;} .allNewsBox .inner-t .inner-r .row.empty{width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0% 0% transparent; margin:20px 0px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .allNewsBox .inner-t .inner-r .row.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .dubleSep.allNewsBox .inner-t .inner-r .row.empty{margin:40px 0;} } @media screen and (max-width:479px){ .configBox .step2 .d a{width:100%;} .configBox .configUnit .check{display:none;} .configBox .configUnit .unit{width:100%;} .configBox .sprice{font-size:18px; font-family:'wf_segoe-ui_normal';} .configBox .totalPrice{font-size:21px;} .configBox .priceBox .basePrice{font-size:15px;} .configBox .priceBox .salePrice{font-size:16px;} .configBox .configUnit .priceBox .price{display:block; margin:0;} .newsBox.otraslTTL .blockTitle{font-size:30px;} .materialsBox .inner-t .inner-r .row.right, .materialsBox .inner-t .inner-r .row.left{display:block; float:none; width:100%;} .materialsBox .inner-t .inner-r .row.empty{display:block; clear:both; width:100%; background:url("/images/separator-gray.png") repeat-x 0 20px; height:2px; padding:20px 0;} .allVidosBox.materialsBox .inner-t .inner-r .row.empty{padding:40px 0; background-position:0 40px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .materialsBox .inner-t .inner-r .row.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .materialsBox .inner-t .inner-r .row.priority_3, .materialsBox .inner-t .inner-r .row.priority_4, .materialsBox .inner-t .inner-r .row.priority_5{display:none;} .materialsBox .inner-t .inner-r .row a span{display:block;} .materialsBox .blockTitle, .allNewsBox .blockTitle, .linksBox .blockTitle{font-size:28px; line-height:30px;} .allVidosFloater{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } } @media screen and (max-width:379px){ .configBox .sprice{font-size:15px; font-family:'wf_segoe-ui_normal';} .configBox .totalPrice{font-size:17px; font-family:'wf_segoe-ui_normal';} .configBox .sprice input{width:30px; margin-left:0; font-size:15px; font-family:'wf_segoe-ui_normal';} } @media screen and (max-width:359px){ .newsBox.otraslTTL .blockTitle{font-size:25px;} } @media screen and (max-width:1010px){ .versionBox .centerContainer .description{width:400px;} } @media screen and (max-width:767px){ .versionBox .centerContainer img{width:45%;} .versionBox .centerContainer .description{width:280px;} .blogBox .allSeminarsLink{float:none; margin-top:20px;} .newsBox.certBox .inner-t{display:block;} .newsBox.certBox .inner-t .inner-r{display:table;} .newsBox.certBox .inner-t .inner-r .row{display:table-row; width:100%;} .newsBox.certBox .inner-t .inner-r .row.empty{height:60px;} .newsBox.certBox .inner-t .inner-r .row .inner-c{display:table-cell;} .newsBox.certBox .inner-t .inner-r .row .inner-c.right{text-align:right;} .allVidosFloater{float:none; clear:both; margin-bottom:20px; margin-bottom:40px;} .materialsBox .blockTitle, .allNewsBox .blockTitle, .linksBox .blockTitle{margin-bottom:30px;} } @media screen and (max-width:1023px){ .secondMenuBlock .centerContainer .menu .subMenuContainer .centerContainer{padding:0;} .bottomLinksBox .centerContainer .inner-c a span{ /*margin-left: 10px;*/ } .bottomLinksBox .inner-t .inner-r .row .inner-c{width:48%;} .bottomLinksBox .centerContainer .inner-c a{padding-left:40px;} .secondMenuBlock{padding:0;} .secondMenuBlock .centerContainer{padding:0;} .secondMenuBlock .menu li{display:block; margin:0px; padding:0px; width:100%;} .secondMenuBlock .centerContainer .menu li a, .secondMenuBlock .centerContainer .menu li.current.none a{font-family:"wf_segoe-ui_normal"; color:#0066b3; padding:10px 30px; font-size:16px; background-color:#eee; border-bottom:1px solid #fff; box-sizing:border-box; display:block; font-family:"wf_segoe-ui_normal";} .secondMenuBlock .centerContainer .menu li.selected a, .secondMenuBlock .centerContainer .menu li.current a{background-color:#5c758a; font-family:"wf_segoe-ui_normal"; font-size:16px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu.materials, .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu.prilozenie{margin:0; padding:0;} .secondMenuBlock .centerContainer .menu .subMenuContainer{padding:0; position:relative;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a{background:#3385c2; color:#fff; font-family:"wf_segoe-ui_normal"; font-size:16px; text-indent:15px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a.selected{background:#0066b3; font-family:"wf_segoe-ui_normal"; font-size:16px;} .secondMenuBlock .centerContainer .menu .subMenuContainer .subMenu li a:hover{font-family:"wf_segoe-ui_normal"; background-color:#0066b3;} .linksBox.gray.mobileBlue{background-color:#0066b3;} .linksBox.mobileBlue a{color:#fff; background-position:0px -258px;} .linksBox.mobileBlue a:hover, .linksBox.mobileBlue a.selected{text-decoration:underline; color:#fff; background-position:0px -398px;} .linksBox.mobileBlue a.selected{text-decoration:none;} } @media screen and (max-width:959px){ .logosBox .priority_7{display:none;} .blogBox .allSeminarsLink{margin-right:30px;} .configBox .actions .sep{display:block; height:20px;} .configBox .actions{max-width:500px;} .configBox .actions .d{width:50%;} } @media screen and (max-width:867px){ .logosBox .priority_6{display:none;} } @media screen and (max-width:767px){ .logosBox .priority_5{display:none;} } @media screen and (max-width:579px){ .logosBox .inner-t .inner-r .inner-c{display:none;} /* .logosBox .infobox{display: none; } */ .logosBox .owl-item{float:left;} #historyOwl{overflow:hidden;} .logosBox .infobox{display:block;} .logosBox .inner-t, .logosBox .inner-t .inner-r{display:block;} .logosBox .inner-t .inner-r .infobox{padding:0;} .logosBox .inner-t .inner-r .infobox img{width:100%; display:block; padding:0; margin:0;} .logosBox.middle{background-color:#fff;} .infobox .title, .infobox .description{color:#000;} .infobox .title{font-size:18px; margin-top:20px;} .infobox .description{font-size:13px;} .infobox .padd{padding:0;} } @media screen and (max-width:1000px){ .footerBox .inner-t, .footerBox .inner-t .inner-r, .footerBox .inner-t .inner-c{display:block; width:100%;} .footerBox .inner-t .inner-c .menu li{display:inline-block; margin:0 15px 0 0;} .footerBox .inner-t .inner-c .menu.line, .footerBox .inner-t .inner-c .menu{width:100%;} .footerBox .inner-t .inner-c .asconLogo{display:none;} .footerBox .inner-t .inner-r .inner-c.empty, .footerBox .inner-t .inner-c .separator{margin:25px 0; width:100%; height:2px; background:url("/images/footerSeperatorBg.png") repeat-x;} .footerBox .inner-t .inner-c .menu{margin:15px 0;} .footerBox .gladLogo{margin-top:5px; float:right;} .footerBox .inner-t .inner-c .asconLogo.mobileOnly{display:block; margin:0; float:left;} } @media screen and (max-width:768px){ .newsBox .inner-t .inner-r .inner-c.second img, .infobox img{display:none;} .newsBox .inner-t .inner-r .inner-c.second .text, .infobox .text{width:100%;} .newsBox .inner-t .inner-r .inner-c.second .title, .infobox .title{font-size:21px;} } @media screen and (max-width:939px){ .iconsBox .inner-t .inner-r .row .inner-c a span{font-size:16px;} } @media screen and (max-width:1222px){ .socialBox .centerContainer .inner-t{display:block; width:75%; margin:0 auto;} .socialBox .centerContainer .inner-t .inner-r{display:table; width:100%;} .socialBox .centerContainer .inner-t .inner-r .row{display:table-row; width:100%;} .socialBox .centerContainer .inner-t .inner-r .row .inner-c{display:table-cell; width:288px; float:none;} .socialBox .centerContainer .inner-t .inner-r .row.row1 .inner-c.empty{width:auto; height:20px;} .socialBox .centerContainer .inner-t .inner-r .row.empty{height:20px;} } @media screen and (max-width:640px){ .socialBox .centerContainer .inner-t .inner-r .row.row2 .inner-c{width:288px;} } @media screen and (max-width:860px){ .socialBox .centerContainer .inner-t{display:block; width:90%; margin:0 auto;} .partnersBox .partner .addressStripper{display:block;} } @media screen and (max-width:600px){ .partnersBox .partner .addressStripper{display:none;} .partnersBox .partner{width:100%;} .partnersBox .separator.sub{display:block;} } @media screen and (max-width:420px){ .partnersBox .partner .addressStripper{display:block;} } @media screen and (max-width:720px){ .socialBox .centerContainer .inner-t{display:block; width:100%; margin:0 auto;} } @media screen and (max-width:639px){ .socialBox .centerContainer .inner-t, .socialBox .centerContainer .inner-t .inner-r, .socialBox .centerContainer .inner-t .inner-r .row .inner-c, .socialBox .centerContainer .inner-t .inner-r .row, .socialBox .centerContainer .inner-t .inner-r .row.row1, .socialBox .centerContainer .inner-t .inner-r .row.row2{display:block; width:288px; float:none; margin:0 auto;} .bottomLinksBox .inner-t{display:block;} .bottomLinksBox .inner-t .inner-r{display:block;} .bottomLinksBox .inner-t .inner-r .row{display:block; width:100%;} .bottomLinksBox .inner-t .inner-r .row .inner-c{float:left; width:50%;} .bottomLinksBox .inner-t .inner-r .row .inner-c.empty{display:none;} .bottomLinksBox .inner-t .inner-r .row.empty{width:100%; height:2px; background:url("/images/separator-gray.png") repeat-x 0 20px; padding:20px 0; clear:both;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .bottomLinksBox .inner-t .inner-r .row.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .bottomLinksBox.blue .inner-t .inner-r .row.empty{background:url("/images/newsSeparatorBg.png") repeat-x 0 20px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .bottomLinksBox.blue .inner-t .inner-r .row.empty{background-image:url('/images/newsSeparatorBg@2x.png'); background-size:3px 2px;} } .bottomLinksBox .inner-t .inner-r .row .inner-c a span{font-size:20px; margin-top:-5px; margin-left:20px; line-height:24px;} } @media screen and (max-width:1050px){ .versionBox .centerContainer img{width:35%;} .versionBox .centerContainer .title{width:65%;} .blogBox .centerContainer .title .titleSeparator{display:block;} .blogBox .centerContainer img:not(.person){ /*, .versionBox .centerContainer img{*/ width:35%;} .blogBox .centerContainer .quote, .materialsBox .centerContainer .quote{width:60%;} .blogBox .centerContainer .title, .blogBox .centerContainer h2.title, h2{ /*}, .versionBox .centerContainer .title{*/ width:65%; font-size:21px;} .blogBox .centerContainer .ttlSml{width:80%;} .blogBox .centerContainer .leftSmallImage{width:20%;} .blogBox .centerContainer .description h2{font-size:18px;} h1{font-size:21px;} } @media screen and (max-width:766px){ .blogBox .centerContainer .title .titleSeparator{display:block;} .blogBox .centerContainer img:not(.person){width:50%;} .blogBox .centerContainer .quote, .materialsBox .centerContainer .quote{width:40%;} .blogBox .centerContainer .title, h2{width:50%; font-size:21px;} .blogBox .centerContainer .ttlSml{width:65%;} .blogBox .centerContainer .leftSmallImage{width:35%;} .versionBox .centerContainer img{width:50%;} .versionBox .centerContainer .title{width:50%;} .newsBox .inner-t .inner-r .inner-c, .newsBox .inner-t, .newsBox .inner-t .inner-r{display:block; width:100%;} .newsBox .inner-t .inner-r .inner-c.first{width:100%;} .newsBox .inner-t .inner-r .inner-c.second{-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ margin-top:40px;} .newsBox .inner-t .inner-r .inner-c.second img{display:none;} .newsBox .inner-t .inner-r .inner-c.second .text{width:100%;} .newsBox .inner-t .inner-r .inner-c.second .title{font-size:21px;} .newsBox .inner-t .inner-r .inner-c.first .separator{width:100%; height:2px; background:url("/images/newsSeparatorBg.png") repeat-x; position:relative; margin-bottom:15px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .newsBox .inner-t .inner-r .inner-c.first .separator{background-image:url('/images/newsSeparatorBg@2x.png'); background-size:3px 2px;} } .newsBox .articleItem, .newsBox .articleItem2{margin-bottom:15px;} } @media screen and (max-width:479px){ .configBox .actions .sep{display:none;} .configBox .actions{max-width:500px;} .configBox .actions .d{width:100%;} .configBox .actions .d a{width:100%; margin-bottom:20px;} .bottomLinksBox .inner-t .inner-r .row .inner-c{width:100%; float:none;} .bottomLinksBox .inner-t .inner-r .row .inner-c.empty{width:100%; height:2px; background:url('/images/separator-gray.png') repeat-x scroll 0px 20px transparent; padding:20px 0px; clear:both; display:block; margin:0; min-height:0;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .bottomLinksBox .inner-t .inner-r .row .inner-c.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .bottomLinksBox.blue .inner-t .inner-r .row .inner-c.empty{background:url('/images/newsSeparatorBg.png') repeat-x scroll 0px 20px transparent;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .bottomLinksBox.blue .inner-t .inner-r .row .inner-c.empty{background-image:url('/images/newsSeparatorBg@2x.png'); background-size:3px 2px;} } .newsBox .blockTitle, .socialBox .blockTitle, .logosBox .blockTitle, .allNewsBox .blockTitle{font-size:30px;} .newsBox .inner-t .inner-r .inner-c.first{display:none;} .iconsBox.seminarsBox.about.contactBox .allSeminarsLink, .blogBox .allSeminarsLink, .newsBox .allSeminarsLink, .seminarsBox .allSeminarsLink, .newsBox .allNewsLink, .versionBox .allSeminarsLink{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .certBox .inner-t .inner-r, .certBox .inner-t .inner-r .row, .certBox .inner-t .inner-r .row .inner-c{display:block; float:none; width:100%; text-align:center;} .certBox .inner-t .inner-r .row .inner-c.right{display:none;} } @media screen and (max-width:1100px){ .compareTable .stroitel, .compareTable .other{padding-left:20px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox{width:427px; height:253px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title{font-size:30px; font-family:'wf_segoe-ui_light'; color:#fff; margin-bottom:20px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description{color:#fff; font-size:13px; width:400px; margin-bottom:20px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download{font-size:15px; font-family:'wf_segoe-ui_light'; color:#fff;} } @media screen and (max-width:830px){ .compareTable .name{width:70%;} .compareTable .stroitel, .compareTable .other{padding-left:30px; width:15%;} } @media screen and (max-width:490px){ .compareTable .stroitel, .compareTable .other{padding-left:20px;} } @media screen and (max-width:479px){ .compareLegend{display:block;} .compareTable .titleRow .legend{display:inline;} .compareTable .titleRow .stroitel .legend{color:#67ae3e;} .compareTable .titleRow .ttl{display:none;} .compareTable{margin-top:10px;} } @media screen and (max-width:930px){ .bannerContainer .bannerAbsoluteContainer .bannerInfoBox{width:407px; height:221px; margin-top:10px; padding-top:7px; margin-left:0px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title{font-size:30px; font-family:'wf_segoe-ui_light'; color:#fff; margin-bottom:10px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description{color:#fff; font-size:12px; width:400px; margin-bottom:10px;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download{font-size:15px; font-family:'wf_segoe-ui_light'; color:#fff;} } @media screen and (max-width:980px){ .contactMenu.seminarsBox .centerContainer .menuOpenerBox{float:none; clear:both; padding-top:20px; /*margin-right: 50px;*/ position:relative;} .contactMenu.seminarsBox .centerContainer .menuOpenerBox .citiesList{left:0px; top:65px;} .contactMenu.seminarsBox .centerContainer .menuOpenerBox .citiesList .arrow{left:50px;} .iconsBox.contactMenu.seminarsBox .centerContainer .menuOpenerBox{padding-top:40px;} .iconsBox.contactMenu.seminarsBox .centerContainer .menuOpenerBox .citiesList{top:75px;} .iconsBox.seminarsBox.contactMenu .menuOpenerBox a{font-size:21px; font-family:'wf_segoe-ui_light'; background-position:right 12px;} .gray.yearFilter{background-color:#fff; padding-top:0; margin-top:0; padding-bottom:0px;} .gray.yearFilter .topShadow{display:none;} .gray.yearFilter .separator{display:block; padding:20px 0 20px; background-position:0 20px;} } @media screen and (max-width:767px){ .bannerContainer .bannerAbsoluteContainer{position:relative;} .bannerContainer .bannerTextContainer{position:absolute; bottom:0; padding:0; margin:200px 0 0 0; width:100%;} .bannerContainer .bannerTextContainer .centerContainer{padding:0;} .bannerContainer .bannerAbsoluteContainer .centerContainer{padding:0;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox{width:100%; height:158px; background:url("/images/bannerInfoBoxBgSmall.png") no-repeat center top; margin-top:0; padding:20px 0 0 0;} .bannerContainer .bannerTextContainer .bannerInfoBox{width:100%; padding:20px 0; width:100%; margin:0; min-height:0;} .bannerContainer .bottomShadow{display:none;} .bannerContainer .bannerTextContainer .bannerInfoBox .title, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title{font-size:25px; color:#fff; margin-bottom:15px; margin-left:30px;} .bannerContainer .bannerTextContainer .bannerInfoBox .description, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description{color:#fff; width:85%; margin-bottom:15px; margin-left:30px; min-height:0;} .bannerContainer .bannerTextContainer .bannerInfoBox .description .noMobile, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description .noMobile{display:none;} .bannerContainer .bannerTextContainer .bannerInfoBox .download, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download{font-family:'wf_segoe-ui_light'; color:#fff; margin-left:30px;} .bannerContainer .bannerTextContainer .bannerInfoBox .bans{margin-left:30px;} #scrollableBanner .owl-controls{display:none !important;} .iconsBox .inner-t{display:block;} .iconsBox .inner-t .inner-r{display:table;} .iconsBox .inner-t .inner-r .row{display:table-row; width:100%;} .iconsBox .inner-t .inner-r .row .inner-c{width:47%;} .iconsBox .inner-t .inner-r .row .inner-c.empty{width:6%;} .iconsBox .inner-t .inner-r .row.empty{height:40px;} .contactBox.about.seminarsBox.iconsBox .inner-t .inner-r .row.empty{display:block; width:100%; height:2px; clear:both; background:url("/images/separator-gray.png") repeat-x 0 50px; padding:50px 0;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .contactBox.about.seminarsBox.iconsBox .inner-t .inner-r .row.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .seminarsBox .centerContainer .menuOpenerBox{float:none; clear:both; padding-top:20px; /*margin-right: 50px;*/ position:relative;} .iconsBox .inner-t .inner-r .row .inner-c a span{font-size:18px;} } @media screen and (max-width:480px){ .iconsBox .inner-t{display:block;} .iconsBox .inner-t .inner-r{display:block;} .iconsBox .inner-t .inner-r .row{display:block; width:100%;} .iconsBox .inner-t .inner-r .row .inner-c{display:block; float:none; width:100%;} .iconsBox .inner-t .inner-r .row .inner-c.empty{width:6%;} .iconsBox .inner-t .inner-r .row.empty{height:40px;} .seminarsBox .inner-t .inner-r .row.row2{display:none;} .seminarsBox .inner-t .inner-r .row .inner-c.empty{height:30px;} .contactBox.about.seminarsBox.iconsBox .inner-t .inner-r .row .inner-c.empty{display:block; width:100%; height:2px; clear:both; background:url("/images/separator-gray.png") repeat-x 0 50px; padding:50px 0; min-height:2px;} @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min--moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx){ .contactBox.about.seminarsBox.iconsBox .inner-t .inner-r .row .inner-c.empty{background-image:url("/images/separator-gray@2x.png"); background-size:3px 2px;} } .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .download, .bannerContainer .bannerTextContainer .bannerInfoBox .download{display:none;} .seminarsBox .inner-t .inner-r .row.empty, .contactBox.about.seminarsBox.iconsBox .inner-t .inner-r .row.empty{display:none;} } @media screen and (max-width:950px){ .logoBlock .centerContainer .searchLangBox .searchInputContainer input{width:143px;} .topHeader .centerContainer .allSitesLink{margin-right:36px;} } @media screen and (max-width:920px){ .logoBlock .centerContainer .logo{margin-top:5px;} .logoBlock .centerContainer .logo a img{ /*width: 150px;*/ } .logoBlock .centerContainer .workingYearsBox{font-size:15px;} .logoBlock .centerContainer .searchLangBox{margin-top:23px;} } @media screen and (max-width:790px){ .logoBlock .centerContainer .workingYearsBox{margin-left:0; float:right; margin-right:45px;} .seminarsBox .centerContainer .seminarSelector li a{font-size:18px;} } @media screen and (max-width:899px){ .seminarsBox .centerContainer .seminarSelector li a{font-size:17px;} } @media screen and (max-width:750px){ .logoBlock .centerContainer .workingYearsBox{float:none; clear:both; font-size:14px; margin-left:0; padding-top:15px;} .logoBlock .centerContainer .workingYearsBox .separator{display:none;} .logoBlock .centerContainer .searchLangBox{margin-top:20px;} .logoBlock .centerContainer .searchLangBox .searchInputContainer input{display:none;} .logoBlock .centerContainer .searchLangBox .searchInputContainer a{display:block;} .logoBlock .centerContainer .searchLangBox .menuOpenerBox{display:block; float:right; margin-right:15px;} .logoBlock .centerContainer{padding-bottom:15px;} .bannerContainer img{width:160%; max-width:160%; margin-left:-40%;} .mobileSearchBox.selected{display:block;} } @media screen and (max-width:550px){ .topHeader .centerContainer .slogan{width:160px; line-height:18px; margin-top:4px;} .topHeader{height:50px;} } @media screen and (max-width:430px){ .mobileSearchBox{margin-bottom:20px; padding:0 20px;} .logoBlock{padding:28px 0;} .topHeader .rightElement{float:none; width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:0 20px; background-color:#3385c2; height:30px;} .topHeader .centerContainer .slogan{float:none; width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:0 20px; margin-top:0; line-height:30px;} .logoBlock .centerContainer .searchLangBox .mobileLangSelector{display:none;} .logoBlock .centerContainer .workingYearsBox .separator{display:block;} .topHeader{height:60px;} .topHeader .centerContainer .mobileLangSelector{display:block; float:right; margin-top:4px; margin-left:20px;} .topHeader .centerContainer .allSitesLink{float:left;} .logoBlock .centerContainer .logo a img.big{display:none;} .logoBlock .centerContainer .logo a img.small{display:inline;} .logoBlock .centerContainer .workingYearsBox{width:100%; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ padding:10px 20px; margin-top:20px; clear:both; background-color:#eeeeee;} .logoBlock .centerContainer .logo{margin-bottom:20px;} } @media screen and (max-width:750px){ .menuBlock .centerContainer{padding:0;} .menuBlock{display:none; border:0;} .menuBlock.selected{display:block;} .menuBlock .centerContainer .menu{display:block; margin:0; padding:0;} .menuBlock .centerContainer .menu li{display:block; float:none;} .menuBlock .centerContainer .menu li a{background:none; background-color:#0066b3; color:#fff; border-bottom:1px solid #fff; text-indent:15px;} .menuBlock .centerContainer .menu li a:hover{color:#fff; background-color:#5c758a;} .menuBlock .centerContainer .menu li.selected a{ /*background-color: #0066b3;*/ background-color:#5c758a; color:#fff;} .menuBlock .centerContainer .menu li .subMenu{position:relative;} .menuBlock .centerContainer .menu li .subMenu .inner{margin:0; padding:0;} .menuBlock .centerContainer .menu li .subMenu .inner-t, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row{display:block; padding:0;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row1, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row2, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row3, .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.row4{width:100%; padding:0;} .menuBlock .centerContainer .menu li .subMenu .inner .inner-r .row.empty{display:none;} .menuBlock .centerContainer .menu li .subMenu .partTitle{width:100%; background-color:#3385c2; color:#fff; margin:0; line-height:39px; text-indent:30px;} .menuBlock .centerContainer .menu li .subMenu .partTitle:hover{background-color:#0066b3;} .menuBlock .centerContainer .menu li .subMenu ul{margin:0; display:none;} .menuBlock .centerContainer .menu li .subMenu .selected ul{display:block;} .menuBlock .centerContainer .menu li .subMenu ul li{margin:0;} .menuBlock .centerContainer .menu li .subMenu ul li a{text-indent:40px; line-height:39px; font-family:Arial, Helvetica, Sans-Serif !important;} .menuBlock .centerContainer .menu a img{display:inline-block; margin-left:8px; position:relative; top:-1px;} } @media screen and (max-width:759px){ .contactMenu.seminarsBox .centerContainer .menuOpenerBox a{margin-left:30px;} .contactMenu.seminarsBox .centerContainer .seminarSelector li a{font-family:'wf_segoe-ui_normal'; color:#0066b3; padding:10px 30px; display:block; font-size:16px; background-color:#eeeeee; border-bottom:1px solid #fff; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ display:block;} .contactMenu.seminarsBox .centerContainer .seminarSelector li a{padding:10px 30px;} .contactMenu.seminarsBox .centerContainer .seminarSelector li{float:none;} .contactMenu.seminarsBox .centerContainer .seminarSelector li a.selected{background-color:#5c758a;} .contactMenu.seminarsBox .centerContainer.noPadding{padding:0;} .contactMenu .centerContainer .separator{display:none;} .blogBox.buy{padding-bottom:60px;} .seminarsBox.contactMenu{margin-top:0px;} } @media screen and (max-width:630px){ .blogBox .centerContainer .description ul{left:0px;} .seminarsBox.contactMenu{margin-top:0px;} .seminarsBox{padding-top:0;} .seminarsBox.about.contactBox{padding-top:60px;} .seminarsBox .centerContainer.noPadding{padding:0;} .seminarsBox .centerContainer .seminarSelector li a{font-family:'wf_segoe-ui_normal'; color:#0066b3; padding:10px 30px; display:block; font-size:16px; background-color:#eeeeee; border-bottom:1px solid #fff; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ display:block;} .seminarsBox .centerContainer .seminarSelector li{float:none;} .seminarsBox .centerContainer .seminarSelector li a.selected{background-color:#5c758a;} .seminarsBox .centerContainer .menuOpenerBox a{margin-left:30px;} .seminarsBox .blockTitle, h1{font-size:25px;} .blogBox .centerContainer img:not(.person), .right.blogBox .centerContainer img:not(.person), .versionBox .centerContainer img{padding:0 20px 0 0; /* 0 */ margin:0 0 20px 0; /* 20px 0 */ display:block; width:100%; float:none;} .blogBox .centerContainer .quote, .materialsBox .centerContainer .quote{width:100%; float:none; -webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing:border-box; /* Firefox, other Gecko */ box-sizing:border-box; /* Opera/IE 8+ */ } .blogBox.prilozenie .centerContainer img{width:100%;} .blogBox.prilozenie .centerContainer .title{width:100%;} .blogBox .centerContainer .title, h2, .right.blogBox .centerContainer .title, .versionBox .centerContainer .title{font-size:21px; top:0; display:block; float:none; width:100%;} .blogBox .centerContainer .leftSmallImage{display:none;} .blogBox .centerContainer .title .titleSeparator{display:block;} .blogBox .centerContainer .description, .versionBox .centerContainer .description{font-size:13px; display:inline-block; width:100%; float:none;} .blogBox .centerContainer .fontBig{font-size:19px;} .blogBox .centerContainer .more, .versionBox .centerContainer .more{font-size:14px; color:#0066b3;} .iconsBox.seminarsBox.topBox{padding-top:0;} } @media screen and (max-width:385px){ .blogBox .centerContainer .title, .blogBox .centerContainer h2.title, h2, .versionBox .centerContainer .title{font-size:21px;} .blogBox .centerContainer .title .titleSeparator{display:none;} } @media screen and (max-width:500px){ .leftMergin{margin-left:0px;} .rightMargin{margin-right:0px;} .menuBlock .centerContainer .menu li a{text-indent:5px;} .subMenuBlock.transformed .centerContainer .menuOpenerBox a{padding-left:20px;} .subMenuBlock.transformed .centerContainer .menuOpenerBox{margin-left:0;} .topHeader .centerContainer, .logoBlock .centerContainer, .iconsBox .centerContainer, .blogBox .centerContainer, .newsBox .centerContainer, .footerBox .centerContainer, .asconNearBox .centerContainer, .countriesBox .centerContainer, .partnersBox .centerContainer, .contactBox .centerContainer, .yearFilter .centerContainer, .allVidosLinks .centerContainer, .allVidosBox .centerContainer, .bottomLinksBox .centerContainer, .yearFilter .centerContainer, .downloadFormContainer .centerContainer, .logosBox .centerContainer{padding:0 20px;} .contactMenu.seminarsBox .centerContainer .seminarSelector li a{padding:10px 20px;} .subMenuBlock.transformed .centerContainer .menu li a{padding:10px 20px;} .contactMenu.seminarsBox .centerContainer .menuOpenerBox a{margin-left:20px;} .seminarsBox .centerContainer .seminarSelector li a{padding:10px 20px;} .seminarsBox .centerContainer .menuOpenerBox a{margin-left:20px;} .bannerContainer .bannerTextContainer .bannerInfoBox .title, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .title{margin-left:20px;} .bannerContainer .bannerTextContainer .bannerInfoBox .description, .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description{margin-left:20px;} } @media screen and (max-width:430px){ .topHeader .centerContainer, .logoBlock .centerContainer{padding:0;} .logoBlock{padding-bottom:0;} .logoBlock .centerContainer .logo{margin-left:20px;} .logoBlock .centerContainer .searchLangBox{margin-right:20px;} } /* Dev Fix */ .owl-wrapper{position:relative;} .bannerContainer .bannerAbsoluteContainer .bannerInfoBox .description, .bannerContainer .bannerTextContainer .bannerInfoBox .description{min-height:0; margin-bottom:10px;} .mainImageBanner{min-height:120px; padding:20px 0px 35px;} .bannerContainer .bannerTextContainer .bannerInfoBox{min-height:0;} @media screen and (max-width:767px){ .mainImageBanner{min-height:300px;} } /* «наверх» */ .scrollToTop{position:fixed; width:33px; height:33px; background:url("/images/ScrollTopImage.png") no-repeat; right:0; bottom:0px; z-index:100; cursor:pointer; display:none; /* FIX! */ /*opacity: 0;*/ /*filter: alpha(opacity=0);*/ } @media screen and (max-width:767px){ .scrollToTop{display:none;} } /* Adds */ select{max-width:100%;} .wide{width:100% } .half{width:50% } .third{width:33.33% } .note{font-size:.9em;} .error{color:#c00;} span.partTitle, .menuBlock .centerContainer .menu li .subMenu span.partTitle:hover, a.nohand{cursor:default; text-decoration:none;} .citiesList a.nohand{margin-left:-5px;} .moreBlueLink{display:inline-block; margin-right:20px;} .moreBlueLink.w300{width:300px;} /* @media screen and (max-width:767px){.moreBlueLink {margin:0 0 0 30px;} } @media screen and (max-width:500px){.moreBlueLink {margin:0 0 0 20px;} } */ .blogBox span.blogBox .imgleft img{float:left; padding:0 20px 5px 0;} .blogBox span.blogBox .imgright img{float:right; padding:0 0 5px 20px;} .downloadFormContainer .centerContainer .form input[type="checkbox"], .downloadFormContainer .centerContainer .form input[type="radio"]{font-size:13px; height:16px; padding:0; vertical-align:middle; width:16px;} .asconNearBox .searchBox input.sbmt{background:transparent none no-repeat right 3px;} .asconNearBox .searchBox input.sbmt:focus{background:transparent none no-repeat right -65px;} .asconNearBox .searchBox .nSearch input{width:80%; float:left;} .asconNearBox .searchBox .nSearch input.sbmt{float:left; margin-left:1px; max-width:50px; padding:0; text-align:center; width:19%;} /* .centerContainer .bannerInfoBox.iconsBox, .centerContainer .bannerInfoBox.iconsBox .title, .centerContainer .bannerInfoBox.iconsBox .description, .centerContainer .bannerInfoBox.iconsBox a.download {color:#0066b3; background-color:#f0f2f2;} */ .bannerContainer.green .bannerTextContainer .centerContainer .bannerInfoBox, .bannerTextContainer .centerContainer .bannerInfoBox, .bannerTextContainer .centerContainer .bannerInfoBox .title, .bannerTextContainer .centerContainer .bannerInfoBox .description, .bannerTextContainer .centerContainer .bannerInfoBox a.download{color:#0066b3; background-color:#f0f2f2;} .bannerTextContainer .centerContainer div.bannerInfoBox.blue{background-color:#0066b3;} /*.bannerTextContainer .centerContainer div.bannerInfoBox.blue a {font-family:"wf_segoe-ui_light"; font-size:1.3em;}*/ .bannerTextContainer .centerContainer div.bannerInfoBox.blue div.title, .bannerTextContainer .centerContainer div.bannerInfoBox.blue div.description{background-color:#0066b3; color:#fff;} .bannerTextContainer .centerContainer .bannerInfoBox.blue .description a.moreBlueLink, .bannerTextContainer .centerContainer .bannerInfoBox.blue a.moreBlueLink{border:1px solid #fff; color:#fff; display:inline-block; margin-right:20px; font-size:14px;} .blogBox .imgleft ul{overflow:hidden} .partnersBox .partner .partnerTitle .status{font-size:.75em; font-family:'wf_segoe-ui_light';} div.signature{vertical-align:top; max-width:639px; color:#555; margin-bottom:1em;} dl.cnt dt{font-weight:bold; color:#6d6e71;} .filelist{clear:both} div.bigBlocks .centerContainer .description h2, div.bigBlocks .centerContainer .description h3{left:none; right:none; display:block; width:100%;} div.materialsBox.news .centerContainer .description h2, div.materialsBox.news .centerContainer .description h3, div .centerContainer h2.wide{margin-bottom:.5em; margin-top:1em; width:100%;} .comment{margin-left:8em; padding-left:0.5em; border-left:1px solid #ed5c00; font-size:105%} .comment .person{margin-left:-8.5em; float:left} .cl{clear:both} .video-inline-in-hide{float:right; margin-left:30px; z-index:100;} .blogBox.prilozenie .centerContainer ul.with-video{margin-right:365px;} .blogBox.prilozenie .centerContainer .video-inline-in-hide a{display:inline-block;} .blogBox.prilozenie .centerContainer .video-inline-in-hide a.video-link{margin-right:20px;} .blogBox.prilozenie .centerContainer .video-inline-in-hide img{height:216px; width:320px; padding:0;} @media screen and (max-width:960px){ .video-inline-in-hide{float:none; margin-left:0; margin-top:1em;} .blogBox.prilozenie .centerContainer ul.with-video{margin-right:0;} } @media screen and (max-width:400px){ .blogBox.prilozenie .centerContainer .video-inline-in-hide img{height:120px; width:178px;} } div.attention, p.attention{background-image:url("/source/icons/attention.png"); padding-left:20px; margin-left:0em; text-indent:0px; background-repeat:no-repeat; background-position:0px 0px;} .moreBlueLinkWhiteHover:hover{color:#fff !important;} blockquote { padding: 25px; margin:5px 0px 10px 0px; /*font-size: 17.5px;*/ /*border-left: 5px solid #c95315;*/ border-left: unset; background-color:#f8f8f8; } @media screen and (max-width: 750px) { .logoBlock .ya-site-form__form { display: none; } } @media screen and (min-width: 751px) and (max-width: 1200px) { .searchLangBox.rightMargin { order: 2; } .logoBlock > .centerContainer { display: flex; align-items: center; justify-content: space-between; } .logo.leftMergin { margin-right: 30px; } } .ya-site-form__input-text { height: 30px; } .ya-site-form__submit { height: 30px; background: #abcce5; /*color: #ffffff !important;*/ border: none; } .logoBlock .centerContainer .searchLangBox { margin-top: 0; } /* products price */ .pprice { background-color:#f0f2f2; border-left:5px solid #0066b3; padding:10px 10px 10px 15px; font-size:20px; margin:15px 0; text-transform:uppercase; } .pprice, .pprice * {font-family:'wf_segoe-ui_light';} .pprice .cost1 { font-size:22px; } .pprice .cost2 { color:#939598; font-size:13px; text-transform:none; } .pprice a { background:transparent !important; color:#000 !important; display:inline !important; font-size:20px !important; vertical-align:middle !important; } #clarification, .alterblock { box-sizing:border-box; font-size:.8em; margin:20px 0 10px 0; padding:10px 20px; } .pprice.reginfo {font-size:13px;text-transform: initial;font-weight: bold;}