.reset-list() { margin : 0; padding : 0; list-style-type : none; } .border-radius(@radius: 5px) { -webkit-border-radius : @radius; -moz-border-radius : @radius; border-radius : @radius; } .border-radius-tl-bl(@radius: 5px) { -webkit-border-top-left-radius : @radius; -webkit-border-bottom-left-radius : @radius; -moz-border-radius-topleft : @radius; -moz-border-radius-bottomleft : @radius; border-top-left-radius : @radius; border-bottom-left-radius : @radius; } .box-shadow(@x, @y, @blur, @size, @color) { -webkit-box-shadow : @arguments; -moz-box-shadow : @arguments; box-shadow : @arguments; } .box-shadow-inset(@x, @y, @blur, @size, @color) { -webkit-box-shadow : inset @arguments; -moz-box-shadow : inset @arguments; box-shadow : inset @arguments; } .text-shadow(@x, @y, @blur, @color) { -webkit-text-shadow : @arguments; -moz-text-shadow : @arguments; text-shadow : @arguments; } .dotted() { text-decoration : none; border-bottom-style : dotted; border-bottom-width : 1px; } .wrapper-1000 { position : relative; width : 1000px; margin-left : auto; margin-right : auto; } .wrapper-980 { position : relative; width : 980px; margin-left : auto; margin-right : auto; } .wrapper-960 { position : relative; width : 960px; margin-left : auto; margin-right : auto; } input { outline : none; } body { color : #363636; font-size : 14px; font-family : "Times New Roman"; } a { color : #363636; &:hover { text-decoration : none; } } h1, h2 { margin-top : 40px; font-size : 25px; font-weight : 400; line-height : 1; text-transform : uppercase; color : #363636; } .dotted { text-decoration : none; border-bottom-style : dotted; border-bottom-width : 1px; } .social { height : 60px; overflow : hidden; position : absolute; top : 5px; right : 32px; a { float : left; display : block; margin-left : 5px; } } header { background : url(../images/header-bg.jpg) no-repeat bottom center; height : 130px; &.main { background-position : top center; height : 448px; .services-menu { margin-top : -16px; } } .logo { margin-top : 17px; float : left; } .contacts { margin-left : 270px; padding-top : 12px; margin-bottom : 21px; .phone { margin-left : 25px; float : left; background : url(../images/phone.png) no-repeat 0px 5px; padding-left : 18px; color : #fff; font-size : 12px; } .address { float : left; background : url(../images/address.png) no-repeat 0px 2px; padding-left : 18px; color : #fff; font-size : 13px; } } .top-menu { margin-left : 245px; ul { li { float : left; position : relative; padding-left : 14px; margin-left : 4px; a { display : block; border : 2px solid transparent; color : #fff; font-size : 12px; text-transform : uppercase; text-decoration : none; .border-radius(12px); overflow : hidden; span { padding : 0 7px; display : block; line-height : 19px; height : 19px; } &:hover { //&:before { display : block; width : 10px; height : 10px; position : absolute; top : 7px; left : 0px; background : url(../images/top-menu-item.png) no-repeat center center; content : ''; } } } } } } .large-slider { .bx-wrapper { position : relative; .slide { position : relative; height : 315px; .content-block { color : #fff; position : absolute; top : 70px; right : 40px; width : 275px; .title { font-size : 25px; margin-bottom : 10px; } .content { font-size : 13px; font-family : Arial; line-height : 20px; } .btn-wrapper { float : left; margin-top : 20px; } } } .bx-controls { .bx-prev, .bx-next { display : block; width : 14px; height : 15px; position : absolute; bottom : 50px; background-image : url(../images/bx-pager.png); background-repeat : no-repeat; z-index : 102; text-indent : -9999px; } .bx-prev { right : 79px; background-position : left center; } .bx-next { right : 58px; background-position : right center; } } } } .services-menu { .border-radius(15px); margin-top : 18px; box-shadow : inset 0 2px #98989c; background : rgb(89, 89, 94); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTQ5NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(89, 89, 94, 1) 0%, rgba(73, 73, 77, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(89, 89, 94, 1)), color-stop(100%, rgba(73, 73, 77, 1))); background : -webkit-linear-gradient(top, rgba(89, 89, 94, 1) 0%, rgba(73, 73, 77, 1) 100%); background : -o-linear-gradient(top, rgba(89, 89, 94, 1) 0%, rgba(73, 73, 77, 1) 100%); background : -ms-linear-gradient(top, rgba(89, 89, 94, 1) 0%, rgba(73, 73, 77, 1) 100%); background : linear-gradient(to bottom, rgba(89, 89, 94, 1) 0%, rgba(73, 73, 77, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#59595e', endColorstr='#49494d', GradientType=0); table { width : 100%; td { text-align : center; a { padding : 0 26px; display : block; line-height : 30px; font-size : 15px; height : 30px; color : #fff; text-decoration : none; &.current { background : url(../images/top-menu-item.png) no-repeat 10px 10px; color : #b5b5b7; } &:hover { background : url(../images/top-menu-item.png) no-repeat 10px 10px; } } } } &:after { position : absolute; bottom : -44px; left : -11px; width : 1002px; height : 56px; background : url(../images/header-menu-shadow.png) no-repeat center center; content : ''; } } } footer { .copyright-contacts { background : url(../images/header-bg.jpg) no-repeat top center; .contacts { padding : 34px 0; opacity : .5; float : left; .phone { float : left; background : url(../images/phone.png) no-repeat 0px 5px; padding-left : 18px; color : #fff; font-size : 12px; } .address { margin-left : 55px; float : left; background : url(../images/address.png) no-repeat 0px 2px; padding-left : 18px; color : #fff; font-size : 13px; } } .fenix { float : right; padding : 23px; .logo { display : block; width : 35px; height : 42px; float : left; background : url(../images/fenix.png) no-repeat top center; &:hover { opacity : .5; } } .copyright { margin-left : 40px; color : #e9e9e9; font-size : 10px; font-family : 'Open Sans'; width : 170px; a { font-family : 'Open Sans'; font-size : 10px; color : #e9e9e9; &:hover { opacity : .5; } } } } } } .two-column { margin-bottom : 40px; article { /*width: 666px;*/ float : left; p { margin : 12px 0; } } aside { margin-left : 666px; padding-top : 15px; } } .one-column { margin-bottom : 40px; article { table { .border-radius(5px); width : 100%; tr { td { padding : 0 10px; } &:first-child { td { border : none; } } } } p { margin : 12px 0; } ul { margin-left : 20px; li { margin : 5px 0; list-style-image : url(../images/checkbox-icon.png); } } .project { min-height : 165px; margin-left : 26px; margin-bottom : 26px; float : left; width : 220px; img { .border-radius(3px); } &.first-of-type { margin-left : 0px; } } figure { float : left; .sliderkit { width : 425px; height : 405px; margin-right : 32px; .sliderkit-nav { position : absolute; bottom : 0px; .sliderkit-nav-clip { li { margin : 0 8px 0 0; list-style : none; outline : none; a { outline : none; height : 75px; img { .border-radius(3px); } } } } } .sliderkit-panels { .sliderkit-go-btn { outline : none; position : absolute; top : 152px; z-index : 100; a { outline : none; display : block; width : 14px; height : 15px; background-image : url(../images/bx-pager-red.png); background-repeat : no-repeat; text-indent : -9999px; img { .border-radius(3px); } &:hover { background-image : url(../images/bx-pager-grey.png); } } &.sliderkit-go-prev { left : -20px; a { background-position : left center; } } &.sliderkit-go-next { right : -20px; a { background-position : right center; } } } } } } .buy-order { text-decoration : none; text-transform : uppercase; font-size : 18px; color : #e70000; border-bottom : 1px dotted #e70000; } table { width : 100%; tr { td { vertical-align : top; iframe { .border-radius(5px); border : 1px solid #c4c4c4 !important; } } } } .image { float : left; margin-right : 15px; } } } form.form-horizontal { float : right; background-color : #eee; border : 1px solid #c4c4c4; .border-radius(5px); padding : 10px; width : 322px; margin-top : 30px; .alert-success { color : green } .control-group { margin-bottom : 10px; .control-label { color : #363636; font-size : 16px; span { color : #ed0000; } strong { font-size : 16px; color : #363636; } } .controls { margin-top : 3px; .form-control { width : 100%; padding : 7px 5px; border : 1px solid #c4c4c4; box-shadow : 0 3px #fff; .border-radius(6px); &.gui-field-error { border-color : #ed0000 } } textarea { height : 110px; resize : none } .gui-details { margin-top : 5px; width : 230px; span { color : #ed0000; } } } &.btn-wrapper-form { .controls { border : 2px solid rgba(255, 255, 255, .72); .border-radius(13px); overflow : hidden; float : right; .btn { display : block; height : 25px; line-height : 25px; color : #fff; font-size : 12px; text-transform : uppercase; text-decoration : none; padding : 0px 15px; border : none; cursor : pointer; background : rgb(209, 0, 0); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209, 0, 0, 1)), color-stop(100%, rgba(255, 0, 0, 1))); background : -webkit-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -o-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -ms-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : linear-gradient(to bottom, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d10000', endColorstr='#ff0000', GradientType=0); &:hover { background : rgb(255, 0, 0); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(100%, rgba(209, 0, 0, 1))); background : -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -o-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -ms-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d10000', GradientType=0); } } } } } &.order-form { overflow : hidden; float : none; width : 100%; .gui-fieldset { float : left; width : 610px; &:first-child { width : 303px; margin-right : 25px; } &.right { margin-top : 34px; } .control-label { color : #363636; font-size : 16px; strong { font-size : 20px; color : #ed0000; } } .form-error { display : none } } } } .partners-block { margin-bottom : 40px; h2 { margin : 20px 0 40px; } .bx-wrapper { position : relative; .bx-prev, .bx-next { display : block; width : 14px; height : 15px; position : absolute; top : 50%; margin-top : -8px; background-image : url(../images/bx-pager-grey.png); background-repeat : no-repeat; z-index : 102; text-indent : -9999px; } .bx-prev { left : -70px; background-position : left center; } .bx-next { right : -70px; background-position : right center; } } } .services-wrapper { background : url(../images/services-bg.jpg) no-repeat top center; padding-top : 25px; height : 241px; table { width : 100%; margin-bottom : 27px; tr { td { width : 20%; vertical-align : top; text-align : center; img { .border-radius(77px); border : 3px solid #b6b6b6; box-shadow : 0 5px 5px rgba(0, 0, 0, .5); } span { position : relative; &:before { display : block; width : 13px; height : 13px; position : absolute; top : 1px; left : -19px; background : url(../images/checkbox-icon.png) no-repeat center center; content : ''; } } } } } .all-services { margin : 4px auto 0; width : 111px; text-align : center; box-shadow : inset 2px 2px #ff7d7d; font-size : 12px; color : #fff; text-decoration : none; text-transform : uppercase; display : block; line-height : 20px; height : 20px; .border-radius(10px); background : rgb(209, 0, 0); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(209, 0, 0, 1)), color-stop(100%, rgba(255, 0, 0, 1))); background : -webkit-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -o-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : -ms-linear-gradient(top, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); background : linear-gradient(to bottom, rgba(209, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d10000', endColorstr='#ff0000', GradientType=0); &:hover { background : rgb(255, 0, 0); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 0, 0, 1)), color-stop(100%, rgba(209, 0, 0, 1))); background : -webkit-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -o-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : -ms-linear-gradient(top, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); background : linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(209, 0, 0, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#d10000', GradientType=0); } } } .services-page { .block { width : 192px; float : left; min-height : 205px; margin-bottom : 30px; img { .border-radius(77px); border : 3px solid #b6b6b6; box-shadow : 0 5px 5px rgba(0, 0, 0, .5); } span { position : relative; &:before { display : block; width : 13px; height : 13px; position : absolute; top : 1px; left : -19px; background : url(../images/checkbox-icon.png) no-repeat center center; content : ''; } } } } .two-column-project { margin-bottom : 40px; aside { float : left; width : 125px; margin-top : 30px; .years { margin-top : 27px; position : relative; a { float : left; border : 3px solid #e90000; .border-radius(37px); display : block; font-size : 22px; color : #e90000; text-align : center; text-decoration : none; width : 68px; height : 68px; line-height : 1; span { display : table-cell; vertical-align : middle; width : 68px; height : 68px; } &:hover, &.current { background-color : #e90000; color : #fff; } } .year-title { margin-left : 93px; font-size : 20px; color : #e90000; padding-top : 25px; } &:before { display : block; width : 3px; height : 27px; position : absolute; top : -27px; left : 37px; background-color : #e90000; content : ''; } &:first-child { margin-top : 0px; &:before { background : none; } } } } article { margin-left : 175px; margin-top : 27px; .project { height : 274px; margin-left : 29px; margin-bottom : 29px; float : left; width : 242px; color : #363636; font-size : 18px; img { .border-radius(3px); } .title { a { font-size : 14px; } } &.first-of-type { margin-left : 0px; } } } } .article-block { margin-bottom : 25px; .image { float : left; } .date { margin-left : 205px; margin-bottom : 5px; font-size : 18px; color : #363636; } .title { margin-left : 205px; margin-top : 0px; color : #363636; font-size : 14px; text-transform : none; a { color : #363636; font-size : 14px; } } .announce { margin-left : 205px; .read-more { font-size : 14px; display : block; float : right; height : 15px; line-height : 15px; padding-right : 18px; background : url(../images/more-icon.png) no-repeat top right; &:hover { background-position : bottom right; } } } &.no-image { .date, .title, .announce { margin-left : 0px } } } .home-slider { display : none; padding : 10px 10px 20px 40px; height : 104px; background : url(../images/home-bg.png) no-repeat center center; table { width : 100%; line-height : 1.2; } } .btn-wrapper { border : 2px solid rgba(255, 255, 255, .72); .border-radius(13px); overflow : hidden; .btn { display : block; height : 19px; line-height : 19px; color : #fff; font-size : 12px; text-transform : uppercase; text-decoration : none; padding : 0px 15px; background : rgb(82, 82, 87); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzQzNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(82, 82, 87, 1) 0%, rgba(67, 67, 71, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 82, 87, 1)), color-stop(100%, rgba(67, 67, 71, 1))); background : -webkit-linear-gradient(top, rgba(82, 82, 87, 1) 0%, rgba(67, 67, 71, 1) 100%); background : -o-linear-gradient(top, rgba(82, 82, 87, 1) 0%, rgba(67, 67, 71, 1) 100%); background : -ms-linear-gradient(top, rgba(82, 82, 87, 1) 0%, rgba(67, 67, 71, 1) 100%); background : linear-gradient(to bottom, rgba(82, 82, 87, 1) 0%, rgba(67, 67, 71, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#525257', endColorstr='#434347', GradientType=0); &:hover { background : rgb(67, 67, 71); background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDM0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjUyNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background : -moz-linear-gradient(top, rgba(67, 67, 71, 1) 0%, rgba(82, 82, 87, 1) 100%); background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(67, 67, 71, 1)), color-stop(100%, rgba(82, 82, 87, 1))); background : -webkit-linear-gradient(top, rgba(67, 67, 71, 1) 0%, rgba(82, 82, 87, 1) 100%); background : -o-linear-gradient(top, rgba(67, 67, 71, 1) 0%, rgba(82, 82, 87, 1) 100%); background : -ms-linear-gradient(top, rgba(67, 67, 71, 1) 0%, rgba(82, 82, 87, 1) 100%); background : linear-gradient(to bottom, rgba(67, 67, 71, 1) 0%, rgba(82, 82, 87, 1) 100%); filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#434347', endColorstr='#525257', GradientType=0); } } } .articles-btn { position : fixed; top : 50%; margin-top : -135px; right : 0px; display : block; width : 34px; height : 270px; background : url(../images/btn.png) no-repeat center center; } .price-link { margin : 20px 0 !important; padding : 0; position : relative; display : inline-block; a { padding : 12px; background-color : #e60000; border-radius : 6px; text-decoration : none; color : white; font-weight : bold; transition : all .3s; display : inline-block; &:hover, &:focus, &:active { background-color : #515155; } } img { position : absolute; z-index : 1; top : -2px; left : 0; } img + a { margin-left : 78px; } } header .top-menu ul li { a { background-color : #e60000; span { background-color : #e60000; } &:hover, &:focus, &:active { background-color : #fc0; color : black; span { background-color : #fc0; color : black; } } } }