/* Start:/local/templates/RCAIR_CNTRST/components/bitrix/catalog.section.list/services/style.css?15027796721535*/
section.services {margin-bottom: 60px;}

section.services .title_block {display: block; padding: 30px 30px; color:#FFF; background: #000; margin: 30px 0; border-radius: 4px;}
section.services .title_block h2 {line-height: 40px; font-size: 30px; font-weight: 600; margin: 0 0 20px 0; position: relative}
section.services .title_block h2 i {position: absolute; right:0; top: 0; line-height: 80px; width: 80px; height: 80px; background: rgba(255,255,255,0.1); text-align: center; font-size: 40px; transition: all .2s;}
section.services .title_block .description {font-weight: 300; font-size: 13px; line-height: 20px; margin: 20px 0;}
section.services .title_block:hover i {font-size: 60px;}

section.services a.element {display: block; border:none; margin: 30px 0; position: relative}
section.services a.element:after {display: block; position: absolute; content: ""; transition: .3s border,.3s top,.3s right,.3s bottom,.3s left; border:solid 2px transparent; z-index: -1; top: 0; left: 20px; right: 20px; bottom:0; }

section.services a.element .picture {width: 100%; height: 40px; background: #000 center center no-repeat; background-size: cover; /*filter: grayscale(100%);*/}
section.services a.element h3.title {line-height: 50px; font-size: 27px; font-weight: 600; height: 100px; overflow: hidden; position: relative; padding-bottom: 40px; margin: 20px 0 0 0;}
section.services a.element h3.title:after {display: block; content: ""; position: absolute; bottom:0; left: 0; width: 50px; background: #EEE; height: 4px;}


/* End */
/* /local/templates/RCAIR_CNTRST/components/bitrix/catalog.section.list/services/style.css?15027796721535 */