@import "libs/prefixer.less"; @font-face { font-family: "OpenSansRegular"; src: url("/css_js/fonts/OpenSansRegular/OpenSansRegular.eot"); src: url("/css_js/fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("/css_js/fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansBold"; src: url("/css_js/fonts/OpenSansBold/OpenSansBold.eot"); src: url("/css_js/fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/OpenSansBold/OpenSansBold.woff") format("woff"), url("/css_js/fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansItalic"; src: url("/css_js/fonts/OpenSansItalic/OpenSansItalic.eot"); src: url("/css_js/fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"), url("/css_js/fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("/css_js/fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansCondensedBold"; src: url("../css_js/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot"); src: url("../css_js/fonts/OpenSansCondensedBold/OpenSansCondensedBold.eot?#iefix")format("embedded-opentype"), url("../css_js/fonts/OpenSansCondensedBold/OpenSansCondensedBold.woff") format("woff"), url("../css_js/fonts/OpenSansCondensedBold/OpenSansCondensedBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansExtraBold"; src: url("../css_js/fonts/OpenSansExtraBold/OpenSansExtraBold.eot"); src: url("../css_js/fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"), url("../css_js/fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../css_js/fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Rouble"; src: url("../css_js/fonts/Rouble/rouble.eot"); src: url("../css_js/fonts/Rouble/rouble.eot?#iefix")format("embedded-opentype"), url("../css_js/fonts/Rouble/rouble.woff") format("woff"), url("../css_js/fonts/Rouble/rouble.ttf") format("truetype"); font-style: normal; font-weight: normal; } *{margin: 0; padding: 0;} html{font-family: OpenSansRegular, sans-serif; font-size: 14px; color: #000000; width: 100%; min-width: 980px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body{ width: 100%; padding-top: 1px; margin-top: -1px;} img{border: 0; line-height: 0;} ul, ol{list-style: none;} a{ color: #40a0e9; text-decoration: underline; .transition(0.3s); cursor: pointer; &:hover{ color: #ff5a00; } } b, strong{font-family: OpenSansBold; font-weight: normal;} h1,h2,h3,h4,h5,h6{font-family: OpenSansCondensedBold; font-weight: normal; max-height: 9001em;} b{ h1,h2,h3,h4,h5,h6{font-family: OpenSansCondensedBold; font-weight: normal;} } i{font-family: OpenSansItalic;} p{max-height: 9001em;} .clear{clear:both;} .overflow{overflow: hidden;} .fl{float: left;} .fr{float: right;} textarea{border: none; outline: none;} .table{display: table;} .row{display: table-row;} .cell{display: table-cell;} .rouble{font-family: Rouble;} .html_format{font-size: 16px;} h1{font-size: 48px;} h2{font-size: 36px;} h3{font-size: 30px;} h4{font-size: 24px;} .bg{min-width: 980px; overflow-x: hidden;} .wrapper{width: 980px; margin: 0 auto;} .wrapper.no-main h1{margin-top: 50px;} .header{width: 100%; height: 670px; background: url(/images/tpl/header-bg.jpg) center center; background-size: cover; overflow: hidden; .box-shadow(inset -1px -80px 62px 0px rgba(0,0,0,0.49));} .header--mod{height: auto; background: none; .box-shadow(none); overflow: initial;} .header__menu{position: relative; height: 127px; padding: 15px 0; margin-top: 10px; background: rgba(0,0,0,0.7); color: #ffffff; .box-sizing(border-box);} .header__menu--mod{background: none; color: #000000; border-top: 1px solid #d7d9dd; border-bottom: 1px solid #d7d9dd;} .header__menu:before{content: ''; position: absolute; left: -70px; top: 0; width: 70px; height: 127px; background: url(/images/tpl/header-menu-left.png);} .header__menu:after{content: ''; position: absolute; right: -70px; top: 0; width: 70px; height: 127px; background: url(/images/tpl/header-menu-right.png);} .header__menu--mod:before{content: ''; position: absolute; left: -70px; top: -1px; width: 70px; height: 127px; background: url(/images/tpl/header-menu-left-mod.png);} .header__menu--mod:after{content: ''; position: absolute; right: -70px; top: -1px; width: 70px; height: 127px; background: url(/images/tpl/header-menu-right-mod.png);} .header__menu--mod .fl a{color: #000000; text-decoration: none;} .header__menu--mod .fl a:hover{color: #40a0e9;} .header__menu .fl{width: 150px;} .header__menu .fl h4{position: relative; width: 125px; margin: 0 auto;} .header__menu .fl h4:before{content: '«'; position: absolute; top: -1px; left: -15px;} .header__menu .fl h4:after{content: '»'; position: absolute; bottom: 0; right: -10px;} .header__menu .fr{width: 180px; text-align: right;} .header__menu .fr p span{border-bottom: 1px dashed #ffffff; cursor: pointer; .transition(0.3s);} .header__menu .fr p span:hover{color: #40a0e9; border-bottom-color: #40a0e9;} .header--mod .header__menu .fr p span{color: #40a0e9; border-bottom: 1px dashed #40a0e9;} .header--mod .header__menu .fr p span:hover{color: #ff5a00; border-bottom-color: #ff5a00;} .header__menu .fr p{margin-top: 5px;} .application{position: relative; display: inline-block; height: 27px; margin-top: 10px; margin-right: 13px; font-family: OpenSansCondensedBold; line-height: 27px; background: #53a9eb; color: #ffffff; cursor: pointer; .transition(0.3s);} .application:before{content: ''; position: absolute; top: 0; left: -13px; width: 0; height: 0; border-left: 13px solid transparent; border-bottom: 27px solid #53a9eb; .transition(0.3s);} .application:after{content: ''; position: absolute; top: 0; right: -13px; width: 0; height: 0; border-right: 13px solid transparent; border-top: 27px solid #53a9eb; .transition(0.3s);} .application:hover{background: #ff5a00;} .application:hover:before{content: ''; border-bottom-color: #ff5a00;} .application:hover:after{content: ''; border-top-color: #ff5a00;} .menu__list{position: relative; top: 5px; left: 40px;} .menu__item{display: inline-block; width: 155px; margin-left: 45px;} .menu__item a{font-size: 18px; font-family: OpenSansCondensedBold; color: #ff5a00; line-height: 30px;} .menu__item a.active{color: #666666; text-decoration: none;} .menu__item a.active:hover{color: #666666!important;} .menu__item a:hover{color: #ffffff;} .header__menu--mod .menu__item a:hover{color: #000000;} .header__content{margin-top: 50px;} .header__content a{color: #000000;} .header__content a:hover{color: #333333;} .header__content .fl{margin-left: 50px;} .header__content .fl h1{position: relative;} .header__content .fl h1:before{content: '—'; position: absolute; top: 0; left: -50px;} .header__content .fl p{width: 545px; margin-top: 20px; font-size: 16px; line-height: 30px; .text-shadow(1px 1px 1px #ffffff); text-transform: uppercase;} .header__content .fr{width: 240px; margin-top: 20px; font-size: 22px; font-family: OpenSansCondensedBold;} .header__content .fr a{position: relative;} .header__content .fr a.header__link1:before{content: ''; position: absolute; left: -50px; top: 7px; width: 45px; height: 45px; background: url(/images/tpl/sprite_action.png);} .header__content .fr a.header__link:before{content: ''; position: absolute; left: -50px; top: 7px; width: 45px; height: 45px; background: url(/images/tpl/sprite_action.png); background-position: 0 -55px;} .header__list{margin-left: -45px; margin-top: 170px;} .hlist__item{display: inline-block; width: 195px; margin-left: 55px; text-align: center; color: #ffffff;} .hlist__item .table{width: 100%; height: 50px; margin-bottom: 10px;} .hlist__item .cell{vertical-align: bottom;} .hlist__item p{line-height: 22px;} .main__varmit{position: relative; height: 335px; width: 100%; background: url(/images/tpl/main-varmit.png) 52% center no-repeat; overflow: hidden;} .main__kirpich{position: relative; height: 335px; width: 100%; background: url(/images/tpl/main-kirpich.png) 45% center no-repeat; overflow: hidden;} .mvarmit__content{width: 310px; margin-top: 40px;} .mvarmit__logo{position: relative; margin-bottom: 10px;} .mvarmit__content h2 a{text-decoration: none; color: #000000; font-family: OpenSansExtraBold; border-bottom: 2px solid #e85b31;} .mvarmit__content h2 a:hover{color: #e85b31;} .mvarmit__content p{width: 310px; margin: 15px 0; font-size: 18px; line-height: 24px; color: #333333;} .mvarmit__content a.html_format{display: inline-block; line-height: 28px;} .mvarmit__right{position: absolute; left: 50%; margin-left: 490px; top: 0; width: 50%; height: 100%; background: rgba(232,91,49,0.97);} .mvarmit__left{position: absolute; left: -490px; top: 0; width: 50%; height: 100%; background: rgba(33, 155, 0, 0.80);} .mvarmit__list{width: 50%; height: 335px;} .mvarmit__list.fr{background: url(/images/tpl/varmit-right.png);} .mvarmit__list.fl{background: url(/images/tpl/varmit-left.png) right;} .mvarmit__item{width: 336px; margin-top: 28px;} .mvarmit__list.fr .mvarmit__item{float: right; margin-right: 5px;} .mvarmit__list.fl .mvarmit__item{float: left; margin-left: 5px;} .mvarmit__list.fr .mvarmit__item:nth-child(2){margin-right: 45px;} .mvarmit__list.fr .mvarmit__item:nth-child(3){margin-right: 90px;} .mvarmit__img{width: 75px; height: 75px; float: left; margin-right: 15px; background: url(/images/tpl/sprite_main.png);} .mvarmit__item p{width: 246px; float: left; line-height: 22px; color: #ffffff;} .mvarmit__list.fr .mvarmit__img--one{background-position: 0 0;} .mvarmit__list.fr .mvarmit__img--two{background-position: 0 -85px;} .mvarmit__list.fr .mvarmit__img--three{background-position: 0 -170px;} .mvarmit__list.fl .mvarmit__img{float: right; margin-left: 15px; margin-right: 0;} .mvarmit__list.fl p{float: right; text-align: right;} .mvarmit__list.fl .mvarmit__img--one{background-position: 75px 0;} .mvarmit__list.fl .mvarmit__img--two{background-position: 75px -85px;} .mvarmit__list.fl .mvarmit__img--three{background-position: 75px -170px;} .mvarmit__list.fl .mvarmit__item:nth-child(1){margin-left: 90px;} .mvarmit__list.fl .mvarmit__item:nth-child(2){margin-left: 45px;} .mvarmit__list.fl .mvarmit__item:nth-child(3){margin-left: 5px;} .mproduct__item{float: left; width: 50%; margin-top: 50px;} .mproduct__item img{float: left;} .mproduct__text{position: relative; left: -20px; float: right; width: 290px; padding-top: 12px;} .mproduct__text h4{margin-bottom: 5px;} .mproduct__text p{line-height: 22px; margin-bottom: 12px;} .main__news{margin-top: 80px;} .mnews__left{width: 260px;} .mnews__header{margin-bottom: 25px;} .mnews__right .mnews__header{margin-left: 20px;} .mnews__item{margin-bottom: 15px;} .mnews__date{color: #ff5a00;} .mnews__item p{line-height: 22px;} .mnews__item a{display: inline-block;} .mnews__right{width: 680px; margin-left: -20px;} .mnews__block{width: 320px; height: 180px; margin-left: 20px; padding: 5px; .box-sizing(border-box);} .mnews__inner{width: 100%; height: 100%; border: 1px solid #ffffff;} .mnews__inner p{width: 255px; margin: 0 auto; text-align: center; font-size: 18px;} .mnews__inner b{color: #000000;} a:hover .mnews__inner b{color: #333333;} .mnews__inner .table{width: 100%; height: 100%;} .mnews__inner .cell{vertical-align: middle;} .main__partners{position: relative; margin-top: 75px; border-top: 1px solid #ff5a00;} .mpartners__header{margin-top: -18px; text-align: center;} .mpartners__header h4{display: inline-block; padding: 0 10px; background: #ffffff;} .mpartners__slider{position: relative; width: 875px; margin: 10px auto 0; overflow: hidden; z-index: 2;} .main__partners li{float: left; width: 175px; height: 80px; text-align: center;} .main__partners li .table{width: 100%; height: 100%;} .main__partners li .cell{vertical-align: middle;} .pbutton__left{width: 20px; height: 32px; background: url(/images/tpl/sprite_arow.png) 0 0; cursor: pointer;} .pbutton__left:hover{background: url(/images/tpl/sprite_arow.png) -20px 0;} .pbutton__right{width: 20px; height: 32px; background: url(/images/tpl/sprite_arow.png) 0 -32px; cursor: pointer;} .pbutton__right:hover{background: url(/images/tpl/sprite_arow.png) -20px -32px;} .mpartners__button{position: absolute; width: 100%; left: 0; top: 50px; z-index: 1;} .main__objects{margin-top: 70px; padding: 20px 0 30px; background: rgba(76,154,214,1); background: -moz-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,154,214,1)), color-stop(100%, rgba(127,200,255,1))); background: -webkit-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -o-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -ms-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: linear-gradient(to bottom, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9ad6', endColorstr='#7fc8ff', GradientType=0 );} .main__objects h4{margin-bottom: 20px; text-align: center;} .main__objects h4 a{color: #ffffff;} .main__objects h4 a:hover{text-decoration: none;} .mobjects__list{margin-left: -20px;} .mobjects__item{float: left; width :313px; margin-left: 20px; background: #ffffff; border: 1px solid #ffffff; .box-sizing(border-box);} .mobjects__item img{width: 311px;} .mobjects__text{padding: 10px; padding-top: 0;} .mobjects__text b{font-size: 18px;} .main__projects{margin-top: 45px; padding: 40px 0; background: rgba(76,154,214,1); background: -moz-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,154,214,1)), color-stop(100%, rgba(127,200,255,1))); background: -webkit-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -o-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: -ms-linear-gradient(top, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); background: linear-gradient(to bottom, rgba(76,154,214,1) 0%, rgba(127,200,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9ad6', endColorstr='#7fc8ff', GradientType=0 );} .main__projects h4{margin-bottom: 20px; text-align: center;} .main__projects h4 a{color: #ffffff;} .main__projects h4 a:hover{text-decoration: none;} .production{margin-top: 20px;} .pcompany__item{width: 450px;} .pcompany__item p{margin-top: 10px; line-height: 22px;} .pcompany__string{margin-top: 30px;} .pcompany__left{position: relative; width: 190px; float: left;} .fr .pcompany__left h2{color: #40a0e9;} .pcompany__left h2{color: #ff5906;} .pcompany__left p{margin-top: -3px;} .pcompany__left:after{content: ''; position: absolute; right: -35px; top: 15px; width: 25px; height: 53px; background: url(/images/tpl/footer-line.png);} .pcompany__right{width: 200px; float: right; margin-top: 10px;} .pcompany__right p{margin-top: 0;} .pcompany__bottom{margin-top: 20px; margin-left: -20px;} .pcompany__bottom .fl{display: inline-block; height: 45px; margin-left: 20px;} .fl .pcompany__bottom .fl a{color: #ff5a00;} .fl .pcompany__bottom .fl a:hover{color: #000000;} .pcompany__bottom img{margin-right: 5px; vertical-align: middle;} .production__insert{position: relative; height: 126px; padding-top: 15px; margin-top: 65px; background: #40a0e9; text-align: center; .box-sizing(border-box);} .production__insert:before{content: ''; position: absolute; left: -60px; top: 0; width: 60px; height: 126px; background: url('/images/tpl/insert-left.png');} .production__insert:after{content: ''; position: absolute; right: -60px; top: 0; width: 60px; height: 126px; background: url('/images/tpl/insert-right.png');} .pinsert__item{display: inline-block; width: 210px; margin-left: 40px; text-align: center; color: #ffffff;} .pinsert__item:first-child{margin-left: 0;} .pinsert__item p{line-height: 22px;} .production__agit{margin-top: 40px; margin-left: -35px; text-align: center;} .production__agit h4{margin-bottom: 25px; text-align: center;} .pagit__item{display: inline-block; width: 300px; margin-left: 35px; vertical-align: top;} .pagit__text{width: 230px; text-align: left;} .pagit__text p{margin-top: 10px; line-height: 22px;} .production__steps{margin-top: 50px;} .production__steps h4{margin-bottom: 30px;} .production__steps h4 .application{margin-left: 10px; background: #199CFF; line-height: 22px; .transition(0s);} .production__steps h4 .application:hover{background: #ff5a00;} .production__steps h4 .application:before, .production__steps h4 .application:after{.transition(0s);} .production__steps h4 .application--no{color: #40a0e9; text-decoration: underline; background: none;} .production__steps h4 .application--no:hover{background: none; color: #ff5a00; .transition(0s);} .production__steps h4 .application--no:before{content: ''; background: none; border: none;}; .production__steps h4 .application--no:after{content: ''; background: none; border: none;}; .psteps__container{display: none;} .psteps__container.active{display: block;} .psteps__container ul{position: relative; left: 18px; float: left; list-style-type: decimal; list-style-position: outside; width: 295px; font-size: 18px; font-family: OpenSansCondensedBold; color: #ff5906;} .psteps__container li{position: relative; padding-top: 5px; padding-bottom: 10px; font-size: 18px; font-family: OpenSansCondensedBold;} .psteps__container li.active{border-top: 1px solid #7fc7fe; border-bottom: 1px solid #7fc7fe;} .psteps__container li.active span{display: inline;} .psteps__container li.active a{display: none;} .psteps__item{display: inline;} .psteps__container li a, .psteps__container li span{line-height: 24px;} .psteps__container li span{display: none; color: #000000;} .psteps__container li p{margin-top: 10px; font-size: 14px; line-height: 22px; font-family: OpenSansRegular; color: #000000;} .psteps__img{position: relative; float: right; width: 665px; height: 495px;} .psteps__img img{position: absolute; top: 0; left: 0;} .psteps__video{width: 170px; margin-top: 10px;} .psteps__video b{display: block; margin-bottom: 10px; font-size: 18px; font-family: OpenSansCondensedBold;} .psteps__block{position: relative; width: 170px; height: 110px; background: url(/images/tpl/psteps-video1.jpg); cursor: pointer;} .psteps__play{position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background: url(/images/tpl/psteps-play1.png);} .delivery__top{position: relative; width: 870px; height: 253px; margin: 20px auto 0; border-top: 1px solid #40a0e9; border-bottom: 1px solid #40a0e9;} .delivery__top:before{content: ''; position: absolute; left: -126px; top: -1px; width: 126px; height: 255px; background: url(/images/tpl/delivery-left.png);} .delivery__top:after{content: ''; position: absolute; right: -127px; top: -1px; width: 127px; height: 255px; background: url(/images/tpl/delivery-right.png);} .delivery__top h4{margin-top: 10px; margin-bottom: 10px;} .delivery__top li{position: relative; width: 830px; margin-bottom: 10px; padding-left: 25px; font-size: 18px; .box-sizing(border-box);} .delivery__top li:before{content: '— '; position: absolute; top: 0; left: 0; color: #40a0e9;} .delivery__transport{margin-top: 20px;} .delivery__transport .fr{width: 725px;} .delivery__transport .fr h4{margin-bottom: 15px;} .delivery__transport .fl img{margin-top: 10px;} .delivery__transport table{width: 100%; font-size: 16px; line-height: 32px; border-spacing: 0;} .delivery__transport tr:nth-child(odd){background: #e4f3ff;} .delivery__transport tr:nth-child(even){background: #ffffff;} .delivery__transport td:nth-child(1){width: 375px; padding-left: 10px;} .delivery__transport td:nth-child(2){width: 200px;} .delivery__transport td:nth-child(3){width: 165px;} .delivery__list{margin-top: 10px;} .delivery__item{margin-bottom: 15px; overflow: hidden;} .delivery__item:last-child{margin-bottom: 0;} .delivery__content{display: none;} .delivery__content p{margin-bottom: 10px; line-height: 22px;} .delivery__item a{text-decoration: none;} .delivery__item h4{position: relative; display: inline-block; margin-bottom: 15px; border-bottom: 1px dashed #4ea5e7;} .delivery__item h4:after{content: ''; position: absolute; top: 17px; right: -20px; width: 15px; height: 7px; background: url(/images/tpl/arrow-top.png);} .delivery__item.active h4:after{content: ''; position: absolute; top: 17px; right: -20px; width: 15px; height: 7px; background: url(/images/tpl/arrow-bottom.png);} .delivery__item h4:hover{border-bottom: 1px dashed #ff5a00;} .delivery__item b{display: inline-block; margin-top: 10px;} .product{margin-top: 30px;} .product__top .fl{width: 660px;} .product__info{width: 490px; float: right; line-height: 24px;} .product__info--mod{width: 390px;} .product__info p{margin-bottom: 10px;} .product__info p:last-child{margin-bottom: 0;} .product__button{display: inline-block;} .product__button a{position: relative; display: inline-block; height: 44px; padding: 0 20px; text-decoration: none; color: #ffffff; line-height: 44px; background: #40a0e9; .transition(0.3s);} .product__button a:before{content: ''; position: absolute; top: 0; left: -21px; width: 0; height: 0; border-left: 21px solid transparent; border-bottom: 44px solid #40a0e9; .transition(0.3s);} .product__button a:after{content: ''; position: absolute; top: 0; right: -21px; width: 0; height: 0; border-right: 21px solid transparent; border-top: 44px solid #40a0e9; .transition(0.3s);} .product__button a:hover{background: #ff5a00;} .product__button a:hover:after{border-top-color: #ff5a00;} .product__button a:hover:before{border-bottom-color: #ff5a00;} .product__price{position: relative; display: block; width: 140px; margin-top: 20px; margin-left: 25px; padding-left: 40px; font-size: 18px;} .product__price b{font-family: OpenSansCondensedBold;} .product__price:before{content: ''; position: absolute; top: -12px; left: 0; width: 32px; height: 37px; background: url(/images/tpl/pcomapny-bottom3.png);} .plist__item{display: inline-block; width: 242px; vertical-align: top; text-align: left;} .plist__item b{font-size: 18px;} .plist__item p:first-child{text-align: center;} .plist__header{margin-bottom: 15px;} .plist__item img{margin-bottom: 10px;} .plist__price{color: #40a0e9;} .plist__price .rouble{font-size: 18px;} .plist__text b{font-size: 16px;} .plist__text p{margin-bottom: 5px;} .plist__text span{position: relative; color: #ff5a00; cursor: pointer;} .plist__text span:hover .plist__block{display: block;} .plist__block{display: none; position: absolute!important; right: -35px; top: 35px; width: 65px; color: #000000!important; font-size: 12px; padding: 0 3px; border: 1px solid #cccccc; background: #ffffff;} .plist__text p:first-child{margin-bottom: 7px; text-align: left;} .plist__img{display: inline-block; position: relative;} .plist__img b{font-size: 14px;} .plist__img .length{position: absolute; top: 2px; left: 75px;} .plist__img .width{position: absolute; bottom: 10px; left: 10px;} .plist__img .height{position: absolute; top: 65px; left: -20px; .transform(rotate(270deg));} .product__list{margin-top: 45px; text-align: center;} .product__list--mod .plist__item{text-align: center;} .product__list--mod .plist__text{text-align: left;} .product__list--mod .plist__img{height: 136px;} .product__list--mod .plist__img .length{top: 0; left: 40px;} .product__list--mod .plist__img .width{} .product__list--mod .plist__img .height{top: 55px;} .product__list--glue .plist__item{width: 200px; margin-right: 40px;} .product__list--glue .plist__item:last-child{margin-right: 0;} .product__parallelogram{position: relative; margin-top: 30px;} .product__parallelogram .fl{position: relative; width: 495px; height: 75px; margin-left: 15px; background: #40a0e9;} .product__parallelogram .fr{position: relative; width: 335px; height: 75px; margin-right: 135px; padding-top: 15px; padding-left: 40px; border-top: 1px solid #40a0e9; border-bottom: 1px solid #40a0e9; .box-sizing(border-box);} .product__parallelogram .fr:after{content: ''; position: absolute; top: -1px; right: -36px; width: 36px; height: 75px; background: url(/images/tpl/pparallelogram-right.png);} .product__parallelogram .fl:before{content: ''; position: absolute; top: 0; left: -35px; width: 0; height: 0; border-left: 35px solid transparent; border-bottom: 75px solid #40a0e9;} .product__parallelogram .fl:after{content: ''; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-right: 35px solid transparent; border-top: 75px solid #40a0e9;} .product__parallelogram--mod .fl{width: 635px; height: 85px; margin-left: 0;} .product__parallelogram--mod .fl:before{border: none;} .product__parallelogram--mod .fl:after{border: none;} .product__parallelogram--mod .pparallelogram__item{vertical-align: middle;} .product__parallelogram--mod .pparallelogram__item:first-child:after{top: 0;} .product__parallelogram--mod .fr{position: absolute; top: 0; right: 0; width: 285px; height: 170px; margin-right: 60px; padding-left: 69px; padding-top: 50px;} .product__parallelogram--mod .fr p{width: 180px!important;} .product__parallelogram--mod .fr:after{content: ''; position: absolute; top: -1px; right: -88px; width: 88px; height: 170px; background: url(/images/tpl/pparallelogram-right2.png);} .pparallelogram__list{height: 50px; margin-top: 10px; color: #ffffff;} .pparallelogram__item{position: relative; display: inline-block; vertical-align: middle; margin-left: 15px; padding-right: 45px;} .pparallelogram__item:last-child{padding-right: 0;} .pparallelogram__item:after{content: ''; position: absolute; top: 0; right: 0; width: 25px; height: 53px; background: url(/images/tpl/product-delimiter.png);} .pparallelogram__item:first-child:after{top: -10px;} .pparallelogram__item:last-child:after{display: none;} .pparallelogram__item:first-child b{font-size: 18px;} .pparallelogram__text{float: left; margin-left: 10px;} .pparallelogram__text h4{margin-top: -5px;} .pparallelogram__item img{float: left; margin-top: 12px;} .pparallelogram__item img.center{margin-top: 22px;} .pparallelogram__percent{float: left; width: 26px; height: 32px; margin-right: 10px; margin-top: 5px; background: url(/images/tpl/percent.png);} .product__parallelogram .fr p{float: left; width: 225px; line-height: 22px;} .pparallelogram__catalog{margin-top: 10px;} .pparallelogram__catalog a{display: inline-block; height: 25px; margin-right: 12px; padding: 3px 0; color: #ffffff; text-decoration: none; .transition(0s); .box-sizing(border-box);} .pparallelogram__catalog a b{display: inline-block; font-size: 14px!important; border-bottom: 1px dashed #ffffff;} .pparallelogram__catalog a.active{position: relative; color: #40a0e9; background: #ffffff; .transition(0s);} .pparallelogram__catalog a.active:before{content: ''; position: absolute; top: 0; left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-bottom: 25px solid #ffffff;} .pparallelogram__catalog a.active:after{content: ''; position: absolute; top: 0; right: -10px; width: 0; height: 0; border-right: 10px solid transparent; border-top: 25px solid #ffffff;} .pparallelogram__catalog a.active b{border-bottom: none;} .pparallelogram__container{position: relative; width: 635px;} .pparallelogram__container:before{content: ''; position: absolute; top: 0; left: -85px; width: 0; height: 0; border-left: 85px solid transparent; border-bottom: 170px solid #40a0e9;} .pparallelogram__container:after{content: ''; position: absolute; top: 0; right: -85px; width: 0; height: 0; border-right: 85px solid transparent; border-top: 170px solid #40a0e9;} .product__parallelogram--glue .fl{height: 60px;} .product__parallelogram--glue .pparallelogram__container:before{left: -60px; border-left: 60px solid transparent; border-bottom: 120px solid #40a0e9;} .product__parallelogram--glue .pparallelogram__container:after{right: -60px; border-right: 60px solid transparent; border-top: 120px solid #40a0e9;} .product__parallelogram--glue .fr{height: 120px; padding-top: 25px;} .product__parallelogram--glue .fr:after{right: -60px; width: 65px; height: 120px; background: url(/images/tpl/pparallelogram-right2.png); background-size: cover;} .pparallelogram__list--glue{width: 620px;} .pparallelogram__list--glue .pparallelogram__item{padding-right: 70px;} .product__center{margin-top: 35px;} .product__center .fl p{margin-top: 10px;} .product__center .fl li{position: relative; width: 465px; margin-top: 10px; padding-left: 20px;} .product__center .fl li:before{content: '—'; position: absolute; top: 0; left: 0; color: #40a0e9;} .product__center .pcenter__parallelogram p{margin-top: 0;} .product__center .fr{position: relative; top: -10px;} .pcenter__parallelogram{position: relative; width: 425px; height: 47px; margin-left: 20px; margin-top: 20px; padding: 20px 0; border-top: 1px solid #40a0e9; border-bottom: 1px solid #40a0e9;} .pcenter__parallelogram:before{content: ''; position: absolute; top: -1px; left: -43px; width: 43px; height: 89px; background: url(/images/tpl/pcenter-left.png);} .pcenter__parallelogram:after{content: ''; position: absolute; top: -1px; right: -44px; width: 44px; height: 89px; background: url(/images/tpl/pcenter-right.png);} .pcenter__parallelogram p{line-height: 22px;} .pcenter__item{width: 420px; margin-bottom: 30px;} .pcenter__img{float: left; width: 75px; height: 75px; background: url(/images/tpl/sprite_var.png);} .pcenter__list--mod .pcenter__img{width: 75px; background: url(/images/tpl/sprite_brick.png);} .pcenter__text{float: right; width: 320px; line-height: 22px;} .product__table{height: 35px; margin-top: 20px; overflow: hidden;} .product__table a{position: relative; text-decoration: none;} .product__table h4:after{content: ''; position: absolute; top: 5px; right: -20px; width: 15px; height: 7px; background: url(/images/tpl/arrow-top.png);} .product__table a.active h4:after{content: ''; position: absolute; top: 5px; right: -20px; width: 15px; height: 7px; background: url(/images/tpl/arrow-bottom.png);} .product__table h4{display: inline-block; border-bottom: 1px dashed #40a0e9;} .product__table h4:hover{border-bottom: 1px dashed #ff5a00;} .product__table table{width: 830px; margin-top: 10px; border-spacing: 0; font-size: 16px; line-height: 32px;} .product__table tr td:first-child{width: 340px; padding-left: 10px;} .product__table tr:nth-child(odd){background: #e4f3ff;} .product__table tr:nth-child(even){background: #ffffff;} .product__table--mod table{width: 100%;} .product__table--glue{margin-top: 35px;} .product__table--glue td{padding-right: 20px; vertical-align: top;} .product__table--glue tr:first-child td{padding: 5px 10px 10px 0px; line-height: normal;} .product__table--glue tr:first-child td:first-child{padding-left: 10px;} .product__table--glue tr td:first-child{width: 255px;} .product__calculator{position: relative; width: 970px; padding: 25px 0; margin: 50px auto 0; background: #ebebeb;} .product__calculator:before{content: ''; position: absolute; top: 0; left: -60px; width: 0; height: 0; border-left: 60px solid transparent; border-bottom: 124px solid #ebebeb;} .product__calculator:after{content: ''; position: absolute; top: 0; right: -60px; width: 0; height: 0; border-right: 60px solid transparent; border-top: 124px solid #ebebeb;} .pcalculator__string{margin-top: 10px;} .product__calculator b{font-size: 18px;} .product__calculator select, .product__calculator input{height: 30px; width: 70px; padding-left: 5px; font-family: OpenSansBold; line-height: 30px; border: none; background: #ffffff; .box-sizing(border-box);} .product__calculator select{width: 90px; background: transparent;} .pcalculator__item{display: inline-block; margin-right: 20px; line-height: 30px;} .pcalculator__item:last-child{margin-right: 0;} .pcalculator__item b{font-size: 14px;} .product__bottom{position: relative; margin-top: 50px;} .pbottom__header h4{display: inline-block; color: #666666;} .pbottom__header a{position: relative; top: -3px; display: inline-block; margin-left: 20px; line-height: 33px; .transition(0s);} .pbottom__header a span{display: inline-block; font-size: 18px; text-decoration: underline; line-height: normal;} .pbottom__header a.active span{color: #ffffff; text-decoration: none;} .pbottom__header a.active{position: relative; background: #40a0e9; .transition(0s);} .pbottom__header a.active:before{content: ''; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 33px solid #40a0e9;} .pbottom__header a.active:after{content: ''; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-right: 15px solid transparent; border-top: 33px solid #40a0e9;} .pbottom__header a.active span:hover{border: none;} .pbottom__header a.active:hover{color: #ffffff;} .pbottom__header--mod{margin-top: 30px;} .pbottom__header--mod h4{color: #40a0e9;} .pbottom__header--mod a{margin-left: 30px;} .pbottom__header--mod a span{font-size: 24px;} .pbottom__header--mod a span:hover{color: #ff5a00;} .pbottom__header--mod a.active span:hover{color: #ffffff;} .pbottom__header--mod a.active:before{content: ''; position: absolute; top: 0; left: -20px; width: 0; height: 0; border-bottom: 37px solid #40a0e9; border-left: 20px solid transparent;} .pbottom__header--mod a.active:after{content: ''; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-top: 37px solid #40a0e9; border-right: 20px solid transparent;} .pbottom__scheme{position: relative; width: 790px; margin: 40px auto 0;} .pscheme__string{position: relative; top: -2px; width: 320px; margin: 0 auto 10px; text-align: center;} .pscheme__string:nth-child(even){margin-bottom: 12px;} .pscheme__string .fr, .pscheme__string .fl{display: none; width: 50%;} .pscheme__string .fr.active, .pscheme__string .fl.active{display: block;} .pscheme__left{position: absolute; top: 0; right: 50%; margin-right: 60px;} .pscheme__left img{display: none;} .pscheme__left img.active{display: block;} .pscheme__right{position: absolute; bottom: 14px; left: 50%; margin-left: 60px;} .pscheme__right img{display: none;} .pscheme__right img.active{display: block;} .pscheme__shadow{position: absolute; left: 0; top: 420px; width: 100%; height: 208px; background: url(/images/tpl/scheme-shadow.png) repeat-x; z-index: -1;} .pbottom__scheme--mod .pscheme__left{top: -10px;} .pbottom__scheme--mod .pscheme__right{top: -10px;} .pbottom__scheme--mod .pscheme__string{top: -5px;} .pbottom__top{width: 690px; margin: 35px auto 0;} .pbottom__top b{position: relative; font-size: 20px; font-family: OpenSansCondensedBold;} .pbottom__top b:before{content: ''; position: absolute; left: -45px; top: -5px; width: 38px; height: 38px; background: url(/images/tpl/scheme-luck.png);} .pbottom__top b span{display: none;} .pbottom__top b span.active{display: inline;} .pbottom__characteristics{float: right; width: 430px; margin-top: 5px;} .pcharacteristics__item{position: relative; display: inline-block; margin-left: 35px;} .pcharacteristics__item:first-child{margin-left: 0;} .pcharacteristics__color{position: absolute; top: -5px; left: 0; width: 40px; height: 4px;} .pcharacteristics__color.green{background: #5ea768;} .pcharacteristics__color.blue{background: #40a0e9;} .pcharacteristics__color.red{background: #ed1c24;} .pscheme__string .fl.green{color: #5ea768;} .pscheme__string .fl.blue{color: #40a0e9;} .pscheme__string .fl.red{color: #ed1c24;} .pscheme__string .fr.green{color: #5ea768;} .pscheme__string .fr.blue{color: #40a0e9;} .pscheme__string .fr.red{color: #ed1c24;} .product__recommend{margin-top: 80px;} .product__recommend h4{margin-bottom: 10px; color: #666666;} .product__recommend .mnews__block{display: inline-block; margin-right: 20px;} .product__recommend .mproduct__item{display: inline-block; float: none; width: auto; margin-right: 20px; vertical-align: top; margin-top: 0;} .product__recommend .precommend__link{display: inline-block; margin-right: 20px;} .product__recommend .mproduct__text{left: 10px;} .product__recommend .mproduct__text h4{margin-bottom: 0;} .product__recommend div:last-child, .product__recommend a:last-child{margin-left: 0; margin-right: 0;} .product__recommend div.mproduct__item:last-child{margin-left: 20px;} .precommend__item{display: inline-block; width: 300px; margin-right: 20px; margin-bottom: 50px; vertical-align: top;} .precommend__item img{float: left;} .precommend__text{float: right; width: 165px;} .precommend__text a{line-height: 22px;} .precommend__text p{margin-top: 10px;} .product__block{width: 670px; margin: 30px auto 0;} .product__block img{float: left;} .product__text{float: right; width: 545px; margin-top: 15px; line-height: 24px;} .product__block--mod{width: 760px;} .product__block--mod .product__text{width: 620px; margin-top: 20px;} .product__properties{margin-top: 5px; margin-left: -60px;} .pproperties__item{display: inline-block; width: 285px; margin-left: 60px; margin-top: 40px; vertical-align: top;} .pproperties__item .fr{width: 210px;} .pproperties__item b{display: inline-block; margin-bottom: 10px;} .news{margin-top: 30px;} .news--articles{margin-top: 0;} .news__menu{margin-left: -50px;} .nmenu__item{display: inline-block; margin-left: 50px; line-height: 30px; text-decoration: underline; .transition(0s);} .nmenu__item.active{position: relative; padding: 0 10px; background: #40a0e9; color: #ffffff; text-decoration: none;} .nmenu__item.active:before{content: ''; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 30px solid #40a0e9;} .nmenu__item.active:after{content: ''; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-right: 15px solid transparent; border-top: 30px solid #40a0e9;} .news__container{margin-top: -10px; margin-left: -10px;} .news__item{display: inline-block; width: 315px; margin-left: 10px; margin-top: 40px; text-decoration: none; vertical-align: top;} .news__img{position: relative;} .news__img img{width: 100%;} .news__img iframe{width: 100%; height: 160px;} .news__item:hover .news__link{color: #ff5a00;} .news__item.news__item--objects:hover .news__link{color: #000000;} .news__item.news__item--objects .news__link{text-decoration: none;} .news__link{font-size: 18px; color: #000000; text-decoration: underline; .transition(0.3s);} .news__calendar{position: relative; display: block; margin-top: 15px; margin-bottom: 20px; padding-left: 25px; font-size: 12px; color: #40a0e9;} .news__stock{position: absolute; top: 0; left: 0; display: none; padding: 0 15px; font-size: 18px; line-height: 30px; color: #ffffff; background: #ff5a00;} .news__stock:after{content: ''; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-right: 15px solid transparent; border-top: 30px solid #ff5a00;} .news__calendar:before{content: ''; position: absolute; left: 0; width: 15px; height: 15px; background: url(/images/tpl/calendar.png);} .news__video{position: absolute; top: 50%; left: 50%; display: none; width: 79px; height: 81px; margin-left: -40px; margin-top: -40px; background: url(/images/tpl/news-play.png);} .news__item--1 .news__stock{display: inline-block;} .news__item--video .news__video{display: block;} .news__bottom{margin-top: 50px; text-align: center;} .news__bottom a{display: inline-block; margin-right: 30px; text-decoration: none; font-size: 20px; font-family: OpenSansBold; color: #40a0e9;} .news__bottom a:hover{color: #ff5a00;} .news__bottom a.news__next{width: 10px; height: 16px; margin-right: 0; margin-left: 15px; background: url(/images/tpl/news-next.png);} .news__bottom a.news__prev{width: 10px; height: 16px; margin-right: 45px; background: url(/images/tpl/news-prev.png);} .news__bottom a.news__next:hover{background: url(/images/tpl/news-next-hov.png);} .news__bottom a.news__prev:hover{background: url(/images/tpl/news-prev-hov.png);} .news__next, .news__prev{position :relative; top: 2px;} .news__bottom a.active{color: #ff5a00;} .news__back{display: inline-block; margin-top: 30px; color: #7f7f7f;} .news_content{margin-top: 30px;} .news_content h2{margin-bottom: 20px; line-height: 50px;} .news_content--photoalbum .news_content__left{width: 100%;} .news_content--photoalbum .nphoto__item{width: 314px; height: 314px;} .news_content--article h1{margin-bottom: 20px;} .news_content__left{width: 660px;} .news_content__left{ h1{margin-top: 0!important;} p,h4,img{margin-bottom: 10px;} h4{margin-top: 10px; font-size: 24px;} h4:first-of-type{margin-top: 0; margin-bottom: 15px;} p{font-size: 14px; line-height: 22px;} iframe{width: 100%; height: 350px; margin-top: 15px; margin-bottom: 25px;} ul{margin-top: 15px; margin-bottom: 30px;} li{position: relative; margin-bottom: 20px; margin-left: 115px;} li:before{content: '—'; position: absolute; top: 0; left: -20px; color: #40a0e9;} table{border-spacing: 0; margin-top: 15px; margin-bottom: 60px;} td{padding-left: 5px; padding-top: 10px; padding-bottom: 10px;} tr:first-child{vertical-align: top;} tr:nth-child(odd){background: #e4f3ff;} img{width: 660px;} } .news_content__right{width: 285px;} .news_content__right { h3,h4{margin-bottom: 15px;} h3{margin-top: 15px;} } .ncright__item{font-size: 18px;} .ncright__item img{margin-bottom: 5px;} .news_content__right a{color: #000000;} .news_content__right a:hover{color: #333333;} .news_content__right .news__item{width: 100%; margin: 0; margin-bottom: 30px;} .news__photo{margin-top: 25px; margin-left: -15px;} .nphoto__item{float: left; width: 205px; height: 205px; margin-left: 15px; margin-top: 15px; text-align: center; border: 1px solid #7fc7fe; cursor: pointer;} .nphoto__item:hover{border-color: #ff9155;} .nphoto__item img{width: 100%; margin: 0;} .nphoto__item .table{width: 100%; height: 100%;} .nphoto__item .cell{vertical-align: middle;} .map{position: relative; width: 100%; height: 500px; margin-top: 30px;} .map__content{position: relative; width: 450px; padding-left: 175px; padding-top: 10px; padding-bottom: 25px; background: #40a0e9; color: #ffffff; font-size: 18px; .box-sizing(border-box); z-index: 2; .box-sizing(border-box);} .map__content:after{content: ''; position: absolute; top: 0; right: -85px; width: 0; height: 0; border-right: 85px solid transparent; border-top: 215px solid #40a0e9;} .map__street{position: relative; width: 230px; margin-top: 35px; padding-left: 65px;} .map__street:before{content: ''; position: absolute; left: 0; top: -7px; width: 43px; height: 43px; background: url(/images/tpl/contacts-marker.png);} .map__content a{color: #ffffff; border-bottom: 1px dashed #ffffff; text-decoration: none; .transition(0s);} .map__content a:hover{border-color: transparent;} .map__phone{position :relative; margin-top: 40px; padding-left: 65px;} .map__phone:before{content: ''; position: absolute; left: 0; top: 3px; width: 43px; height: 43px; background: url(/images/tpl/phone-contacts.png);} .map__phone a{border: none;} .map__contacts{position: relative; width: 423px; padding-left: 175px; line-height: 53px; border-bottom: 1px solid #40a0e9; border-left: 1px solid #40a0e9; background: #ffffff; .box-sizing(border-box); z-index: 2;} .map__contacts:after{content: ''; position: absolute; top: -1px; right: -27px; width: 27px; height: 55px; background: url(/images/tpl/contacts-right.png);} .map__contacts a{position: relative; text-decoration: none; border-bottom: 1px dashed; } .map__contacts .html_format{z-index: 4;} .map__contacts .html_format.active{border: none;} .map__container{position: relative; width: 9999px;} .map__block{position: absolute; top: -42px; left: -10px; display: none; max-width: 585px; padding: 45px 15px 20px; background: #ffffff; border: 1px solid #40a0e9; line-height: normal; z-index: 3;} .map__list{width: 870px; margin: 0 auto;} .map__item{display: inline-block; width: 300px; margin-left: 100px; margin-top: 15px; text-align: left; vertical-align: top;} .map__item a{display: inline-block;} .map__item p{margin-bottom: 15px;} .map__item span{font-size: 12px;} .mitem__phone, .mitem__email{position: relative; width: 200px; padding-left: 30px;} .mitem__email{margin-top: 5px;} .mitem__phone:before{content: ''; position: absolute; top: 5px; left: 0; width: 14px; height: 15px; background: url(/images/tpl/map-phone.png);} .mitem__email:before{content: ''; position: absolute; top: 6px; left: 0; width: 15px; height: 10px; background: url(/images/tpl/map-email.png);} .mitem__phone a{color: #000000; line-height: 24px; border: none;} .mitem__email a{color: #000000; text-decoration: underline; border: none;} #gmap,#gmap2{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;} .map__close{position: absolute; top: 10px; right: 15px; width: 14px; height: 14px; background: url(/images/tpl/map-close.png); cursor: pointer;} .map__close:hover{background: url(/images/tpl/map-close-hover.png);} .contacts{margin-top: 45px;} .contacts__menu{text-align: center; margin-bottom: 30px;} .contacts__menu h4{position: relative; display: inline-block; margin-right: 15px; padding: 0 20px; line-height: 27px; background: transparent;} .contacts__menu h4.active{/*background: #40a0e9;*/} /*.contacts__menu h4.active:before{content: ''; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 27px solid #40a0e9;} .contacts__menu h4.active:after{content: ''; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-right: 15px solid transparent; border-top: 27px solid #40a0e9;}*/ .contacts__menu h4.active a{border-bottom: 0; color: #000000;} .contacts__menu h4 a{position: relative; top: -3px; text-decoration: none; border-bottom: 1px dashed; cursor: inherit;} .contacts__city{width: 200px; font-size: 18px;} .contacts__city p{margin-bottom: 20px;} .contacts__city a.active{color: #000000; text-decoration: none; font-family: OpenSansBold;} .contacts__city p:last-child{margin-bottom: 0;} .contacts__table{width: 780px;} .contacts__table table{display: none; width: 100%; border-spacing: 0;} .contacts__table table.active{display: table;} .contacts__table td{padding-left: 10px; line-height: 32px; vertical-align: top;} .contacts__table td:first-child{width: 525px;} .contacts__table td span{border-bottom: 1px dashed; cursor: pointer;} .contacts__table td span:hover{border-bottom: none;} .contacts__table tr:nth-child(odd){background: #e4f3ff;} .contacts__table tr:nth-child(even){background: #ffffff;} .contacts__content{margin-top: 40px; text-align: center;} .contacts__item{display: inline-block; margin-right: 100px; text-align: left; vertical-align: top;} .contacts__item:last-child{margin-right: 0;} .contacts__img{margin-bottom: 20px; text-align: center;} .contacts__img img{height: 47px;} .contacts__text p{position: relative; margin-top: 15px; padding-left: 35px; line-height: 24px;} .contacts__text p span{display: inline-block;} .contacts__text a{color: #000000;} .contacts__address:before{content: ''; position: absolute; left: 0; width: 13px; height: 18px; background: url(/images/tpl/contacts-mark.png);} .contacts__phone:before{content: ''; position: absolute; left: 0; top: 4px; width: 14px; height: 15px; background: url(/images/tpl/map-phone.png);} .contacts__mail:before{content: ''; position: absolute; left: 0; top: 8px; width: 15px; height: 10px; background: url(/images/tpl/map-email.png);} .contacts__address span{border-bottom: 1px dashed #000000; cursor: pointer;} .contacts__address span:hover{border-color: transparent;} .contacts__phone a{text-decoration: none;} .contacts__container{display: none;} .contacts__top{margin-bottom: 40px;} .contacts__top h4{text-align: center;} .about__top{margin-top: 40px;} .about__top .fr{width: 750px;} .about__list{width: 750px; margin: 20px auto 40px;} .about__list li{position: relative; padding-left: 20px; margin-top: 15px;} .about__list li:after{content: '—'; position: absolute; left: 0; color: #40a0e9;} .about p{margin-bottom: 10px; line-height: 22px;} .about h4{text-align: center;} .about__company{margin-top: 20px; margin-bottom: 30px; text-align: center;} .acompany__item{display: inline-block; margin-right: 50px;} .acompany__item:last-child{margin-right: 0;} .acompany__item img{display: block; margin: 0 auto 10px;} .about__parallelogram{position: relative; width: 860px; margin: 30px auto; padding: 13px 0; border-top: 1px solid #ebecee; border-bottom: 1px solid #ebecee;} .about__parallelogram:before{content: ''; position: absolute; top: -1px; left: -60px; width: 60px; height: 127px; background: url(/images/tpl/about-par-left.png);} .about__parallelogram:after{content: ''; position: absolute; top: -1px; right: -60px; width: 60px; height: 127px; background: url(/images/tpl/about-par-right.png);} .about__parallelogram .fl{width: 230px; margin-left: 40px;} .about__parallelogram .fl h4{color: #40a0e9;} .about__parallelogram .fr{width: 465px; margin-right: 40px;} .about__parallelogram .fr h4{color: #ff5a00;} .about__parallelogram h4{text-align: left;} .about__parallelogram h4 p{line-height: 30px; margin: 0;} .certificates__item{position: relative; display: inline-block; width: 495px; padding-left: 40px; margin-top: 60px; vertical-align: top;} .certificates__item:nth-child(even){width: 400px;} .certificates__title img{position: absolute; left: 0; top: -5px;} .certificates__link{display: inline-block; width: 100%; margin-top: 10px;} .certificates__link a{color: #000000; text-decoration: underline; .transition(0.3s);} .certificates__link a:hover{color: #333333; text-decoration: none;} .calculator{margin: 50px 0 70px; font-size: 18px;} .calculator h2{margin-bottom: 30px;} .calculator__nav span{position: relative; display: inline-block; line-height: 35px; color: #40a0e9; text-decoration: underline; cursor: pointer;} .calculator__nav span:hover{color: #ff5a00;} .calculator__nav span.active{margin: 0 15px; color: #ffffff; text-decoration: none; background: #40a0e9;} .calculator__nav span.active:before{content: ''; position: absolute; top: 0; left: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-bottom: 35px solid #40a0e9;} .calculator__nav span.active:after{content: ''; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-right: 15px solid transparent; border-top: 35px solid #40a0e9;} .calculator__nav span.active:hover{color: #ffffff;} .calculator__content{display: none; width: 100%; height: 390px; margin-top: 10px;} .calculator__content.active{display: block;} .calculator__content .fl{width: 590px; height: 100%; padding: 35px 45px; color: #ffffff; background: #40a0e9; .box-sizing(border-box);} .calculator__content .fr{position: relative; width: 390px; height: 100%; padding: 60px 30px 35px; background: #c5e2f8; .box-sizing(border-box);} .calculator__content input, .calculator__content select{width: 240px; height: 40px; padding-left: 15px; line-height: 40px; color: #000000; font-size: 18px; font-family: OpenSansBold; border: 1px solid #d7d9dd; .box-sizing(border-box);} .calculator__string{height: 40px; margin-bottom: 20px; line-height: 40px;} .calculator__string--mod{margin-bottom: 50px;} .calculator__string:last-child{margin-bottom: 0;} .calculator__content .fr p{margin-bottom: 20px; text-align: center;} .calculator__content .fl .calculator__string span{display: inline-block; width: 240px; height: 40px; padding-right: 15px;} .calculator__content .fr .calculator__string span{float: left; height: 40px; line-height: 40px;} .calculator__content .fr .calculator__string--pow span{line-height: 30px;} .calculator__content .fr .calculator__string b{float: right; height: 40px; line-height: 40px; font-size: 24px;} .calculator__level{display: inline-block; width: 50px; height: 40px; text-align: center; color: #000000; font-family: OpenSansBold; border: 1px solid #d7d9dd; background: #ffffff; .box-sizing(border-box);} .calculator__bcont{margin-top: 25px; padding-right: 95px; text-align: right;} .calculator__button{position: relative; display: inline-block; width: 155px; height: 35px; margin: 0 20px; line-height: 35px; text-align: center; color: #ffffff; background: #40a0e9; cursor: pointer;} .calculator__button:before{content: ''; position: absolute; top: 0; left: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-bottom: 35px solid #40a0e9;} .calculator__button:after{content: ''; position: absolute; top: 0; right: -20px; width: 0; height: 0; border-right: 20px solid transparent; border-top: 35px solid #40a0e9;} .calculator__button:hover{background: #ff5a00;} .calculator__button:hover:before{content: ''; border-bottom-color: #ff5a00;} .calculator__button:hover:after{content: ''; border-top-color: #ff5a00;} .calculator__parallelogram{position: relative; display: inline-block; height: 75px; margin-right: 35px; padding: 10px 0; background: #40a0e9; .box-sizing(border-box);} .calculator__parallelogram .pparallelogram__list{margin-top: 0; padding-right: 10px;} .calculator__parallelogram .pparallelogram__text{height: 30px; text-align: center;} .calculator__parallelogram .pparallelogram__text--pow p{margin-top: -3px;} .calculator__parallelogram .pparallelogram__item:first-child .pparallelogram__text{height: auto; margin-top: 12px;} .calculator__parallelogram .pparallelogram__item:first-child:after{top: 0;} .calculator__parallelogram:before{content: ''; position: absolute; top: 0; left: -35px; width: 0; height: 0; border-left: 35px solid transparent; border-bottom: 75px solid #40a0e9;} .calculator__parallelogram:after{content: ''; position: absolute; top: 0; right: -35px; width: 0; height: 0; border-right: 35px solid transparent; border-top: 75px solid #40a0e9;} .calculator__bottom{margin-top: 25px;} .calculator__bottom .calculator__button{vertical-align: top;} .calculator__select{float: right; width: 240px; overflow: hidden;} .calculator__select select{width: 240px; background: url(/images/tpl/select-arrow-calc.jpg) no-repeat #ffffff 205px 12px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important;} .calculator__select select::-ms-expand {display: none;} .calculator__add, .calculator__remove{position: absolute; display: inline-block; padding-right: 32px; line-height: 25px; color: #40a0e9; font-size: 14px; cursor: pointer;} .calculator__add{bottom: 10px; right: 10px;} .calculator__remove{top: 10px; right: 10px;} .calculator__add:hover, .calculator__remove:hover{color: #ff5a00;} .calculator__add:after{content: ''; position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url(/images/tpl/calc-plus.png);} .calculator__remove:after{content: ''; position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url(/images/tpl/calc-close.png);} .calculator__add:hover:after{background: url(/images/tpl/calc-plus-hov.png);} .calculator__remove:hover:after{background: url(/images/tpl/calc-close-hov.png);} .error{position: absolute; top: 50%; left: 50%;} .error h3{position: absolute; top: 30px; left: 50%; margin-left: 40px; width: 165px;} .error h3:before{content: '«'; position: absolute; top: -1px; left: -20px;} .error h3:after{content: '»'; position: absolute; bottom: 0; right: -10px;} .error p{position: absolute; bottom: 10px; left: 50%; width: 265px; margin-left: 40px; font-size: 18px; line-height: 28px;} .footer{margin-top: 60px; padding-bottom: 15px;} .footer--mod{padding-top: 20px; border-top: 1px solid #7fc7fe;} .footer__menu{position: relative; width: 570px; margin-left: -50px; margin-top: -5px;} .fmenu__item{display: inline-block; width: 140px; margin-left: 50px; margin-top: 5px;} .fmenu__item a{color: #ff5a00;} .fmenu__item a:hover{color: #000000;} .footer__center{width: 300px; margin-left: 50px;} .footer__center h4{display: inline; font-size: 18px;} .footer__center .application{margin: 0;} .footer__center p{display: inline-block; margin-top: 3px; margin-left: 15px; color: #40a0e9; border-bottom: 1px dashed #40a0e9; cursor: pointer; .transition(0.3s);} .footer__center p:hover{color: #ff5a00; border-bottom-color: #ff5a00;} .footer__right{display: inline-block; text-align: center; cursor: pointer;} .fright__arrow{height: 20px; width: 32px; margin: 0 auto; background: url(/images/tpl/sprite_arow.png) 0 20px;} .footer__right span{color: #40a0e9; text-decoration: underline;} .footer__right:hover .fright__arrow{background-position: 31px 20px;} .footer__right:hover span{color: #ff5a00;} .footer__string{margin-top: 20px; font-size: 12px; color: #333333;} .footer__string a{color: #333333; text-decoration: none;} .footer__line{position: absolute; top: 15px; width: 25px; height: 53px; background: url(/images/tpl/footer-line.png);} .footer__line1{left: 205px;} .footer__line2{left: 370px;} .footer__line3{left: 555px;} .mahog{position: relative; top: 3px; display: inline-block; width: 67px; height: 15px; margin-left: 5px; background: url(/images/tpl/mahog.png);} .footer__string a:hover .mahog{background-position: 0 -15px;} .styled-select{position: relative; top: 10px; display: inline-block; width: 70px; background: url(/images/tpl/select-arrow.jpg) no-repeat right #ffffff; overflow: hidden;} .eko{position: absolute; top: -25px; width: 80px; margin-left: 20px;} .eko--mod{width: 105px; margin-left: 15px; vertical-align: super;} .popup{display: none; position: absolute; top: 50%; left: 50%; padding: 20px 70px 35px; text-align: center; background: #ffffff; .box-shadow(0px 0px 15px 0px rgba(0,0,0,1)); z-index: 101;} .popup__close{position: absolute; top: 10px; right: 10px; width: 19px; height: 19px; background: url(/images/tpl/x.png); background-position: 0 0; cursor: pointer;} .popup__close:hover{background-position: 20px 0;} .popup_bg{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; cursor: pointer;} .popup__string{width: 390px; margin-top: 20px;} .popup__string span{float: left; line-height: 30px;} .popup__string input{float: right; width: 290px; height: 30px; padding-left: 5px; font-size: 14px; font-family: OpenSansBold; border: 1px solid #d7d9dd; .box-sizing(border-box);} .popup--luck p{width: 390px; margin-top: 20px;} .popup--luck h4{color: #6db257;} .popup__button{position: relative; display: inline-block; margin-top: 35px; padding: 0 50px; line-height: 45px; font-size: 24px; font-family: OpenSansCondensedBold; color: #ffffff; background: #40a0e9; border: none; outline: none; cursor: pointer;} .popup__button:before{content: ''; position: absolute; width: 0; height: 0; top: 0; left: -20px; border-left: 20px solid transparent; border-bottom: 45px solid #40a0e9;} .popup__button:after{content: ''; position: absolute; width: 0; height: 0; top: 0; right: -20px; border-right: 20px solid transparent; border-top: 45px solid #40a0e9;} .popup__button:hover{background: #ff5a00;} .popup__button:hover:before{border-bottom-color: #ff5a00;} .popup__button:hover:after{border-top-color: #ff5a00;} .popup__button.no-active{background: #d7d9dd;} .popup__button.no-active:before{border-bottom-color: #d7d9dd;} .popup__button.no-active:after{border-top-color: #d7d9dd;} .popup__button.no-active:hover{background: #d7d9dd;} .popup__button.no-active:hover:before{border-bottom-color: #d7d9dd;} .popup__button.no-active:hover:after{border-top-color: #d7d9dd;} .popupVideo{padding: 0; background: none; .box-shadow(none);}