@charset "utf-8";
/* CSS Document */
td {vertical-align:middle;}
h4 {font-size: 1.2rem;font-family:'Ubuntu',Verdana, Geneva, sans-serif; font-weight: 400}
.logo-block a.logo {display:block;}
.plain-text {font-family: Roboto;font-weight: 300; line-height: 1.5em;}
.container.plain-text p {
    margin: 0.5em 0 1em;
}
.nav-tabs {margin-bottom: 0 !important;}
/*.moving .container:nth-of-type(1) + .bgcolor-2 {margin-top: -37px; padding-top: 37px;}*/
@media screen and (max-width: 760px) {
	.container {max-width:none;}
}

/* дополнение к хлебным крошкам */
.breadcrumbs {font-size: 14px; font-weight: 300; line-height: normal}
@media screen and (max-width: 480px) {
.breadcrumbs {font-size: 12px; }
.breadcrumbs a {margin-bottom: 0.2em;}
}
/* енд */

.article-body h3 {margin: 1em 0 0.5em; font-size: 24px;}
.link_to_buy + h3 {margin-top: 2em;}
.tab-pane p {margin: 0.5em 0 1em;}

.tab1 .h2 {font-size: 1.3rem; font-weight: 400;}
.tab1 .h3 {font-size: 1rem; font-weight: 400;}
.tab1 .h2 td {background: #fff;}
.tab1 .h3 td {background: #e8e8e8;}

.task-solution .stroke {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;  
  margin-bottom: 1em; 	
}
.task-solution .stroke > div:first-child {padding-right: 2em;}
.task-solution strong {font-size: 20px; font-family: Ubuntu, Roboto, Arial, sans-serif; font-weight: normal;}

@media (max-width: 767px) {
.table-mob-stroke {display:block;}
.table-mob-stroke td {display:block; border: none !important; padding: 0;}
.table-mob-stroke tr {display:block; border-bottom: 2px solid #fff; padding: 20px;}
}


/* текст с разворачиващимися блоками */
.link-collapse {margin-bottom: 0;}
.link-collapse a {
    display: inline-block;
	border-bottom-style: dashed; border-bottom-color: inherit;border-bottom-width: 1px;
    position: relative;
}
.link-collapse a:hover {
    text-decoration: none;
}
.link-collapse.arrow {}
.link-collapse.arrow > * {margin: 0; padding: 0;}
.link-collapse.arrow a {
    /*display: block;*/
    color: #4a4a4a;
	border-bottom: none;
    position: relative;
	margin: 1em 0; padding-right: 40px;
}


.link-collapse.arrow a:before {
    content: url(/local/templates/teko_2018/images/go-dark.svg);
    display: block;
    position: absolute;
    top: 50%; margin-top: -16px;
    right: 0px;
    width: 32px;
    height: 32px;
    transform: rotate(90deg);
    pointer-events: none;
    transition: 0.2s all;
}

.link-collapse.arrow a[aria-expanded="true"]:before {
    transform: rotate(-90deg);
}    
.border-bottom .link-collapse.arrow a {display:block;}
.text-collapse {
    /*padding-bottom: 40px;*/
}
.border-bottom .text-collapse {padding-bottom: 1em;}
@media (max-width: 767px) {
	.link-collapse.arrow h3 {font-size: 20px;}
}
@media screen and (max-width: 768px) {
    .link-collapse a:before {
        right: 5px;
    }
}
/* END текст с разворачиващимися блоками */

/* ссылки и блоки на скачивание */
a.docs {display: inline-block; min-height: 26px; margin-bottom: 0.3em; font-weight:400;}
a.docs::before {content:""; display:inline-block; width: 26px; height: 26px; background: url(../images/save-file.svg) no-repeat 0 50%; background-size: cover; margin-right: 0.5em; vertical-align: middle}

.download-block {
    border-bottom: solid 1px #979797;
    position: relative;
	padding: 1.7em 170px 2em 0;
	min-height: 120px;
}
.download-block:last-child {    border: none;}
.download-block a {display:block; color:#3d3832}
.download-block a:hover {text-decoration: none; color:#f2613c}
.download-block a.docs {
    position: absolute;
    right: 10px;
    top: 1.7em;
	height: 37px; 
	text-align: right;
}
	.download-block a.docs::before {height: 37px; width: 37px; margin-right: 0;}
.download-block .file-size {
	font-weight: 300px; color: #9b9b9b; padding-top: 0.5em; display:inline-block;
	position:absolute;
	right: 10px; bottom: 1em;
}	
.download-block h3 {margin-bottom: 0; font-size: 1.4em}
	.download-block a:hover h3 {color:#f2613c}
.download-block p:last-child {margin-bottom: 0;}
@media screen and (max-width: 1600px) {
	.download-block h3 {font-size: 1.3em;}
}
@media screen and (max-width: 767px) {
	.download-block {padding-right: 67px;}
}
@media screen and (max-width: 480px) {
	.download-block {padding-right: 40px;}
	.download-block h3 {font-size: 20px;}
.download-block a.docs {height: 26px;}
	.download-block a.docs::before {width: 26px; height: 26px;}
	.download-block a.docs span {display: none}

}

/* енд */

/* дополнение к стилям публикаций */
.publication-block h3 {margin-bottom: 0;}
	.publication-block a:hover h3 {color:#f2613c}
.publication-block .publication-block__text p {margin-bottom: 0.5em;}
.publication-block .publication-block__text p:first-child {}
.publication-block .go-link[href$="zip"],
.publication-block .go-link[href$="pdf"] {display: block; height: 35px; width: 32px;background: url(../images/save-file.svg) no-repeat 0 50%; background-size: cover;}
.publication-block .go-link[href$="zip"] img,
.publication-block .go-link[href$="pdf"] img {display: none;}
@media screen and (max-width: 1280px) {
	.publication-block h3 {font-size: 24px;}
}
@media screen and (max-width: 480px) {
	.publication-block h3 {font-size: 20px; width: calc(100% - 40px)}
	.publication-block .go-link {right: 0;}
	.publication-block .go-link img {width: 26px;}
.publication-block .go-link[href$="zip"],
.publication-block .go-link[href$="pdf"] {width: 26px; height: 26px;}	
}
/* енд */

/* каталоги и буклеты */
.booklet-block {padding-bottom: 2em;}
.booklet_img a {display:block; width: 174px; position:relative; line-height: 0; text-align:center; padding: 0 20px 10px 10px;}
.booklet_img a::before {
	display:inline-block; 
	background-color: #9b9b9b; 
	color: #fff; font-size: 14px; text-transform: uppercase; 
	line-height: normal;
	padding: 0.5ex 1ex; 
	border-radius: 2px; 
	position:absolute; 
	bottom: 0; left: 0;
}
.booklet_img a[href$="pdf"]::before {content:"pdf";}
.booklet_img a[href$="zip"]::before {content:"zip";}
.booklet_img a img {max-width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.booklet-block__desc {padding: 0 40px 0 20px;}
.booklet-block__desc h4 + p a.docs {margin-top: 1.2em;}
@media screen and (max-width: 1024px) {
.booklet-block__desc {padding-right: 10px;}
.booklet_img a {width: 150px;}	
}
@media screen and (max-width: 768px) {
.booklet-block {padding-bottom: 0.5em;}
.booklet-block__desc {padding-left: 0px;}
.booklet_img a {width: 174px;}	
}
@media screen and (max-width: 480px) {
	.booklet-block {border-bottom: 1px solid #e7e7e7;}
	.booklet-block__desc {font-size: 14px;}
/*.booklet_img a {width: 100%;}
.booklet_img a::before {left: 25%;}*/	
}
/**/

/* для таблиц с плавающими заголовками */
.headfix {width: 1250px;} /* по этому классу со стилем происходит подключение */
.sticky-wrap {
    overflow-x: auto;
    position: relative;
    margin-bottom: 1.5em;
    width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
    width: auto;
}
.sticky-wrap .sticky-thead {
    box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
    z-index: 100;
    width: 100%;
	background: #e7e7e7;
}
.sticky-wrap .sticky-thead th {
    background-color: #dfdfdf;
	border: solid 1.5px #ffffff;
	border-bottom: none; border-top: none;
	padding: .75rem; 
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th {
}
.sticky-wrap td,
.sticky-wrap th {
    box-sizing: border-box;
}
@media screen and (max-width: 480px) {
.sticky-wrap .sticky-thead th { font-size: 14px;}
}
/* END для таблиц с плавающими заголовками */

.seminar-header h3 + p {padding-top: 0;}

@media screen and (max-width: 480px) {
.vacancy-card__header a {font-size: 20px; padding: 1em 40px 1em 0;}
.vacancy-card__header a::before {top: 50%; margin-top: -16px;}
.vacancy-card__body h4 {font-size: 18px;}
}

.standarts h3 {margin: 1.6em 0 0.8em;}
.standarts .zoom img {box-shadow: 0 0 5px rgba(0,0,0,0.3); transition:all 0.2s ease}
.standarts .zoom:hover img {box-shadow: 0 0 9px rgba(0,0,0,0.4);}

/* награды */
@media screen and (max-width: 1024px) {
	.award-block img {width: 120px;}
	.award-years {margin-right: 30px;}
	.award-block {padding-left: 0;} 
}
@media screen and (max-width: 768px) {
	.award-block img {width: 165px;}
	.award-text {margin-left: 0;}
}
@media screen and (max-width: 480px) {
	.award-box .d-flex {display: block !important;}
	.award-years {display:block; height: auto; margin-right: 0;}
	.award-years::before {left: 10px; bottom: 47px; display: none;}
	.award-years a {font-size: 1.2em; margin-bottom: 30px; float:left; padding-right: 1em; position:relative;}
	/*.award-years a::before {content:""; display: block; background: #ccc; height: 1px; width: calc(100% - 22px); position:absolute; top: 11px; right: 0;}*/
	.award-years a img {width: 22px; height: auto; margin-right: 15px;}
	.awards-section {clear:both;}
	.award-block {margin-bottom: 40px;}
}
/* ЕНД награды */

.tab-pane h3 {margin-top: 1.2em; margin-bottom: 0.6em;}
.tab-pane > h3:first-child {margin-top: 0;}
@media screen and (max-width: 768px) {
	.tab-pane {padding-top: 30px;}
}
a.sertif {display: inline-block; min-height: 26px; margin-bottom: 0.3em; font-weight:400;}
a.sertif::before {content:""; display:inline-block; width: 26px; height: 26px; background: url(../images/sertif-file.svg) no-repeat 0 50%; background-size: cover; margin-right: 0.5em; vertical-align: middle}
/*a.sertif + br + a.sertif {margin-top: 0.5em;}*/


.faq_item {border-bottom: 1px solid #979797; margin-bottom: 0 !important}
.faq_item h3 {font-size: 20px;  font-weight: 300;}
.faq_item h3 b,
.faq_item h3 strong {font-weight: 400;}
.faq_item .link-collapse.arrow a {margin: 1.5em 0; display:block;}
.faq_item .link-collapse.arrow a::before {top: 0.5em;}
.faq_item .text-collapse {padding-bottom: 2em; padding-left: 2em;}

@media screen and (max-width: 480px) {
	.faq_item h3 {font-size: 16px !important;}
	.faq_item h3 b,
.faq_item h3 strong {font-size: 18px;}
}

/* ФОРУМ */
div[class^="forum"],
table[class^="forum"],
#forum-login-form-window {font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300;}
div.forum-header-box {
	background: none !important; 
	border: none !important; 
	color: inherit !important; 
	padding-left: 0px !important; 
		padding-right: 0px !important; 

	}
div.forum-header-box .forum-header-title { 
	font-size: 24px !important; font-weight: 600; 
	font-family: 'Ubuntu', Verdana, Geneva, sans-serif !important;
}
.forum-header-box .forum-header-options {
	font-size: 16px !important; font-weight: 400 !important;  
	font-family: 'Ubuntu', Verdana, Geneva, sans-serif !important; 
	padding: 0.6em 0 !important;
}
.forum-header-box .forum-header-options a {
	display:inline-block; padding: 0.4em 1em 0.5em; 
	border: 1px solid; border-color: #999; border-radius: 30px;
	line-height: normal
} 
div.forum-header-box
table.forum-table th,
table.forum-table th * {font-size: 16px !important; font-weight: 500 !important;}
div.forum-header-box a:link, 
div.forum-header-box a:visited, 
div.forum-header-box a:active, 
div.forum-header-box a:hover {color: #4a4a4a !important; text-decoration: none !important;}
div.forum-page-navigation span.forum-page-current {background-color: #f2613c !important;}
div.forum-post-date {border-bottom-color: #bebebe !important;}
table.forum-post-table td.forum-cell-post, 
table.forum-post-table td.forum-cell-actions {
    border-right-color: #bebebe !important;
}
table.forum-post-table td.forum-cell-user, 
table.forum-post-table td.forum-cell-contact {
	border-left-color: #bababa !important;
	border-right-color: #bebebe !important;
}
table.forum-post-table td.forum-cell-contact, table.forum-post-table td.forum-cell-actions {
    border-top-color: #bebebe !important;
}
table.forum-table td.forum-column-footer, table.forum-post-table td.forum-column-footer, div.forum-footer-box {
    border-color: #adadad !important; background: #cfcfcf !important;
}
div.forum-breadcrumb-top {padding-left: 12px !important;}
div.forum-main-footer div.forum-rapid-access-items {width: auto !important;}
.forum-block-container input[type="button"], 
.forum-block-container input[type="submit"], 
.forum-main-footer input[type="button"], 
.forum-main-footer input[type="submit"],
.forum-reply-buttons input[type="button"],
.forum-reply-buttons input[type="submit"],
#forum-login-form-window input[type="submit"] {
    font-size: 16px  !important;
    padding: 0.4em 1em 0.5em !important;
    height: auto !important;
    line-height: normal !important;
	background-color: #f2613c !important; color: #fff !important; border: none;
	border-radius: 30px;
	font-family: 'Ubuntu', Verdana, Geneva, sans-serif;
}
.forum-menu-box { border-bottom: 1px solid #ababab !important;}
.forum-menu-box .forum-info-box-inner {padding-bottom: 1em;}
div.forum-menu-box span.forum-menu-item {font-size: 20px; font-family: 'Ubuntu', Verdana, Geneva, sans-serif; font-weight: 400;}
table.forum-table tr.forum-row-last td {border-bottom-color: #adadad !important;}
div.forum-filter-field {justify-content: start; }
#forum-login-form-window input[type="checkbox"] {margin-right: 7px;}
#forum-login-form-window a {font-size: 14px;}
.tags-cloud a {font-size: 16px !important;}
.forum-filter-field-item input[id*=date] {width: 28%;}
div.forum-bbcode-line select {height:auto !important; padding: 5px 20px 5px 7px !important; font-size: 14px;}
div.forum-reply-field-text textarea {margin-top: 5px;}
div.forum-breadcrumb a,
div.forum-breadcrumb span {color: #4a4a4a !important;font-family: 'Ubuntu', Verdana, Geneva, sans-serif;}
div.forum-page-navigation span  {font-family: 'Ubuntu', Verdana, Geneva, sans-serif;}
div.forum-new-post {font-family: 'Ubuntu', Verdana, Geneva, sans-serif; font-weight: 400 !important; line-height: normal}
div.forum-new-post a {
	display:inline-block; padding: 0.4em 1em 0.5em; 
	border-radius: 30px; color: #fff !important;
	background-color:#f2613c;
} 
@media screen and (max-width: 700px) {
	div.forum-menu-box span.forum-menu-item {font-size: 18px;}
	div.forum-filter-field label {font-size: 16px;}
}

/* -----------
ЛИЧНЫЙ КАБИНЕТ ПРОЕКТИРОВЩИКА 
--------------- */
/* правила */
.rules_project {font-weight: 400;}
/* список проектов */
.list_projects h3 {font-weight: bold; margin-bottom: 1em;}
.how_work_bonus {
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    /*-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
	
}
	.how_work_bonus > div {width: 23%; padding: 23px 13px 23px 65px; position: relative}
		.how_work_bonus > div::after {
			content: "";
			display: block;
			height: 93%;
			width: 2px;
			border-right: solid 1px #979797;
			position: absolute;
			top: 13px;
			left: 27px;
		}
	.how_work_bonus h3 {font-size: 125%; color: #f2613c; font-weight: 500; position: relative;}
	.how_work_bonus h3 .num {
		display:block; width: 2rem; height: 2rem; 
		background: #f2613c; border-radius: 50%;
		position:absolute; top: -0.6rem; left: calc(-35px - 1.1rem);
		z-index: 3;
		color: #fff; text-align: center; line-height: 2rem;
	}
	.how_work_bonus p {position: relative; min-height: 2rem;}
	.how_work_bonus p::after {
		content:"";
		display:block; width: 2rem; height: 2rem; 
		background: #f2613c; border-radius: 50%;
		position:absolute; top: -0.4rem; left: calc(-35px - 1.1rem);
		z-index: 3;
		/*color: #fff; text-align: center; font-weight: bold;
		line-height: 2rem;*/
	}
	.how_work_bonus p::before {
		content:"";
		display:block; width: 0.7rem; height: 0.7rem; 
		border-top: 2px solid #fff; border-right: 2px solid #fff;
		transform:rotate(45deg);
		position:absolute; top: 0.25rem; left: calc(-35px - 0.6rem);
		z-index: 4;
	}
.quantity_bonus {text-align: center;}
	.quantity_bonus span {
		display: block; 
		color:#f2613c; font-weight: 500; font-size: 170%; 
		padding-bottom: 0.6rem; margin-bottom: 0.6rem;
		border-bottom: 2px solid #f2613c;
	} 
	.quantity_bonus p {font-size: 125%;} 
@media screen and (max-width: 768px) {
	.how_work_bonus {display: block;}
	.how_work_bonus > div {width: 100%; margin-bottom: 2rem;}
}
@media screen and (max-width: 480px) {
	.list_projects .publication-block .col-sm-3 {margin-bottom: 1rem;}
	.link_btn_center {text-align: center;}
	.box_bonus .link_btn_center {margin-top: 2rem;}
}

.catalog-item__header .btn-orange {
    position: absolute;
    bottom: 40px;
    padding-left: 3em;
    padding-right: 3em;
}
	@media (max-width: 768px) {
		.catalog-item__header .btn-orange {
			position: static; 
			-webkit-align-self: flex-start;
			-ms-flex-item-align: flex-start;
			align-self: flex-start;
		}
	}

@media (min-width: 960px) {
	.temrs_use {text-align: right; padding-right: 3px;}
	.f_right {text-align: right;}
}
@media (min-width: 992px) {
	.temrs_use {padding-right: 10px; margin-top: 20px;}
}
a.sertif  {
    font-weight: 500 !important;
}