

/* Start:/local/templates/roso/components/bitrix/news.list/service_subsections/style.css?15724127025159*/
.services-top .services-nav{font-size:0;line-height:1;margin-bottom:70px;border-bottom:1px solid #fff;position:relative}.services-top .services-nav:before{left:50%;margin-left:-0.5px;width:1px;height:16px;background-color:#fff;position:absolute;display:block;content:" ";top:5px}.services-top .services-nav .item{display:inline-block;vertical-align:top;width:50%;font-size:24px;line-height:1.2;color:#fff;text-align:center;padding-bottom:15px;text-decoration:none;border:none;background:none;}@media screen and (min-width: 1200px){.services-top .services-nav .item{font-size:32px}}.services-top .services-nav .item span{display:inline-block;vertical-align:top;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;position:relative;font-weight:bold;opacity:0.5;cursor:pointer}.services-top .services-nav .item span:hover{opacity:1}.services-top .services-nav .item span:before{content:" ";display:none;top:100%;left:0;width:100%;height:2px;background-color:#68C17B;position:absolute;margin-top:14px}.services-top .services-nav .item.active span{opacity:1;cursor:default}.services-top .services-nav .item.active span:before{display:block}.services-top .services-content{margin-bottom:80px}@media screen and (max-width: 899.98px){.services-top .services-content{margin-bottom:70px}}@media screen and (max-width: 767.98px){.services-top .services-content{margin-bottom:55px}}.services-top .services-content .item{max-width:712px;display:none;color:#fff;font-size:15px;line-height:20px}@media screen and (min-width: 1200px){.services-top .services-content .item{font-size:16px}}@media screen and (max-width: 899.98px){.services-top .services-content .item{font-size:16px}}.services-top .services-content .item.active{display:block}.services-top .services-content .item>*:last-child{margin-bottom:0}.services-top .services-content .item a{background-position:0 80%}.services-wrapper{margin:0 -8px;font-size:0}@media screen and (max-width: 479.98px){.services-wrapper{margin:0}}.services-wrapper .show-more-wrap{display:none}.services-wrapper .empty{margin:0;font-size:15px}@media screen and (min-width: 1200px){.services-wrapper .empty{font-size:16px}}.services-wrapper .item{display:inline-block;vertical-align:top;width:33.33%;padding:0 8px;text-align:left;margin-bottom:24px}@media screen and (max-width: 899.98px){.services-wrapper .item{width:50%}}@media screen and (max-width: 479.98px){.services-wrapper .item{width:100%;display:block;padding:0}}@media screen and (min-width: 1200px){.services-wrapper .item{width:25%}}.services-wrapper .item .item-wrap{position:relative;background-color:#fff;padding:16px;border-radius:8px;background-image:none;-webkit-transition:-webkit-box-shadow 0.3s;transition:-webkit-box-shadow 0.3s;transition:box-shadow 0.3s;transition:box-shadow 0.3s, -webkit-box-shadow 0.3s;display:block;-webkit-box-shadow:0px 4px 16px rgba(0,0,0,0.16);box-shadow:0px 4px 16px rgba(0,0,0,0.16)}.services-wrapper .item .item-wrap:hover{-webkit-box-shadow:0px 4px 16px rgba(0,0,0,0.32);box-shadow:0px 4px 16px rgba(0,0,0,0.32)}.services-wrapper .item .item-wrap:hover .title span{color:#4EB965}.services-wrapper .item .img{padding-top:68.75%;background-size:cover;border-radius:4px;margin-bottom:16px}@media screen and (min-width: 1200px){.services-wrapper .item .img{padding-top:67.6%}}@media screen and (max-width: 899.98px){.services-wrapper .item .img{padding-top:0;height:184px}}@media screen and (max-width: 479.98px){.services-wrapper .item .img{height:192px}}.services-wrapper .item .img.no-img{background-color:#E9E9E9;background-image:url(/local/templates/roso/img/no-img.svg);background-repeat:no-repeat;background-position:center center;background-size:145px 61px}@media screen and (min-width: 1200px){.services-wrapper .item .img.no-img{background-size:184px 77px}}@media screen and (max-width: 767.98px){.services-wrapper .item .img.no-img{background-size:120px 50px}}.services-wrapper .item .title{font-size:18px;line-height:1.2}@media screen and (min-width: 1200px){.services-wrapper .item .title{font-size:20px}}@media screen and (max-width: 479.98px){.services-wrapper .item .title{font-size:20px}}.services-wrapper .item .title span{color:#394354;-webkit-transition:0.3s;transition:0.3s;text-decoration:none;background-image:none;display:inline-block;max-height:65px;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media screen and (min-width: 1200px){.services-wrapper .item .title span{max-height:72px}}@media screen and (max-width: 479.98px){.services-wrapper .item .title span{max-height:72px}}
.show-detail-page {
    transition:  all .15s linear;
    font-size: 14px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    color: gray !important;
    text-decoration: none !important;
    border-bottom: none;
    background: none !important;
}

.item .item-wrap:hover .show-detail-page {
    color: #68C17B !important;
}

@media screen and (max-width: 899.98px){
    .show-detail-page {
        position: relative;
        display: inline-block;
        margin-top: 15px;
        right: 0;
        bottom: 0;
    }
}
/* End */


/* Start:/local/templates/roso/components/bitrix/form.result.new/callback/style.css?15722080505123*/
.form-wrapper {
	max-width: 816px;
}

.form-wrapper .form-item {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
	margin: 0 48px 24px 0;
	position: relative;
	padding: 20px 0 0;
}

.callback-form {
	margin: 30px 0 80px;
}

.callback-form.align-center {
	max-width: 816px;
	margin: 0px auto 80px;
	padding: 80px 0 0;
}

.callback-form .title-form {
	font-size: 24px;
	line-height: 35px;
	color: #68C17B;
	margin-bottom: 12px;
}

.callback-form.align-center .title-form {
	font-size: 24px;
	line-height: 35px;
	text-align: center;
	color: #394353;
	margin: 0 0 65px;
}

.callback-form.align-center .title-form div {
	color: #969EAC;
	font-size: 20px;
	line-height: 24px;
}

.form-wrapper form input[type="text"], .form-wrapper form input[type="email"], .form-wrapper form input[type="number"], .form-wrapper form input[type="tel"], .form-wrapper form textarea {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0;
    border-bottom: 1px solid #68C17B;
    width: 100%;
    padding: 4px 0 6px 0;
    font-size: 20px;
line-height: 40px;
    color: #394354;
    font-family: 'Circe', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: normal;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    height: 30px;
    resize: none;
}

.form-wrapper form .error input[type="text"], .form-wrapper form .error input[type="email"], .form-wrapper form .error input[type="number"], .form-wrapper form .error input[type="tel"], .form-wrapper form .error textarea {
	border-color: #bf0000;
}

.form-wrapper form input[type="text"]+label, .form-wrapper form input[type="email"]+label, .form-wrapper form input[type="number"]+label, .form-wrapper form input[type="tel"]+label, .form-wrapper form textarea+label {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    bottom: 7px;
    font-size: 20px;
line-height: 40px;
    color: #394354;
    pointer-events: none;
    -webkit-transition: font-size 0.3s ease, bottom 0.3s ease;
    transition: font-size 0.3s ease, bottom 0.3s ease;
    max-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.form-wrapper form input[type="text"]:focus+label, .form-wrapper form input[type="text"].not-empty+label, .form-wrapper form input[type="email"]:focus+label, .form-wrapper form input[type="email"].not-empty+label, .form-wrapper form input[type="number"]:focus+label, .form-wrapper form input[type="number"].not-empty+label, .form-wrapper form input[type="tel"]:focus+label, .form-wrapper form input[type="tel"].not-empty+label, .form-wrapper form textarea:focus+label, .form-wrapper form textarea.not-empty+label,

.form-wrapper form input[type="text"].full+label, .form-wrapper form input[type="text"].not-empty+label, .form-wrapper form input[type="email"].full+label, .form-wrapper form input[type="email"].not-empty+label, .form-wrapper form input[type="number"].full+label, .form-wrapper form input[type="number"].not-empty+label, .form-wrapper form input[type="tel"].full+label, .form-wrapper form input[type="tel"].not-empty+label, .form-wrapper form textarea.full+label, .form-wrapper form textarea.full+label {
    font-size: 12px;
    bottom: 30px;
    max-height: 29px;
}

.form-wrapper form label font {
	display: none;
}

.form-wrapper .form-actions {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
	margin-bottom: 24px;
}

.form-wrapper .form-actions input {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
	padding: 9px 32px; 
	font-size: 20px;
	line-height: 29px;
	font-family: 'Circe', Verdana, Geneva, Tahoma, sans-serif;
	color: #fff;
	background: #68C17B;
	border: 0;
	outline: 0;
	cursor: pointer;
}	
.form-wrapper .form-actions input:hover,
.form-wrapper .form-actions input:active {
	background-color: #449B56;
}


.form-wrapper .oferta {
	font-size: 16px;
	line-height: 24px;
	color: #969EAC;
}

@media all and (max-width: 999px) {
	.callback-form .title-form {

	}
	.form-wrapper .form-actions {
		display: block;
		margin-bottom: 24px;
	}

	.form-fields {
		position: relative;
	}

	.form-wrapper .oferta {
		position: absolute;
	   right: 0;
	    left: 200px;
	    font-size: 14px;
	    line-height: 20px;
	    top: 100%;
	    margin-top: -40px;
	    max-width: 400px;
	}
}

@media all and (max-width: 639px) {
	.form-wrapper .form-item {
	    display: block;
	    margin: 0 0 17px;
	    position: relative;
	    padding: 20px 0 0;
	}

	.form-wrapper .form-actions {
	    display: block;
	    margin: 30px 0 10px;
	}

	.form-wrapper .form-actions input {
		width: 100%;
	}

	.form-wrapper .oferta {
	    position: relative;
	    right: initial;
	    left: initial;
	    font-size: 14px;
	    line-height: 20px;
	    top: initial;
	    margin-top: 0;
	    max-width: 100%;
	}
}
/* End */
/* /local/templates/roso/components/bitrix/news.list/service_subsections/style.css?15724127025159 */
/* /local/templates/roso/components/bitrix/form.result.new/callback/style.css?15722080505123 */
