*, ::after, ::before {
	box-sizing: border-box;
}



.df {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.f50 {flex: 1 0 48%;max-width: 100%;min-width: 260px;}
.f100 {flex: 1 0 100%;max-width: 100%;}
.calcFence {width: 100%;min-width: 320px;/*max-width: 1200px;*/margin: 40px auto 0;padding: 20px;border-radius: 5px;}
.CFText1 {font-size: 22px;text-transform: uppercase;text-align: center;font-weight: 400;margin-bottom: 20px;letter-spacing: 1px;}
.wrapItemsFieldsLeft,
.wrapItemsFieldsRight {flex: 1 0 48%;max-width: 48%;min-width: 260px;-webkit-align-items: flex-start; /* Safari */
align-items: flex-start;-webkit-align-content: flex-start; /* Safari */
align-content: flex-start;}
/* tabs */
.MyTabsWrap {text-align: center;}
.MyTabsWrap .MyTabsMenu:after {content: "";display: block;clear: both;height: 0;}
.MyTabsWrap .MyTabsMenu {  display: flex; padding-top: 20px;}
.MyTabsWrap .MyTabsMenu .MyTab {margin: 0 1px;border: 1px solid #ececec;margin: 0px -1px -1px 0px;padding: 0 15px;cursor: pointer;border-bottom: 0px;background:#f7f7f7;border: 1px solid #ececec;color:  #000;border-radius: 3px;font-size: 14px;position: relative;margin-right: 7px;padding: 14px 25px 13px;text-transform: uppercase;font-weight: 400 !important;transition: background-color .3s , box-shadow .3s;margin-top: 10px;}
.MyTabsWrap .MyTabsMenu .MyTab:first-child {margin: 0 px;cursor: pointer;}
.MyTabsWrap .MyTabsMenu .MyTab:hover {background: #fff;}

.MyTabsWrap .MyTabsMenu .MyTab.ActiveMyTab {background: #fff;}
.MyTabsWrap .MyTabsMenu .MyTab.ActiveMyTab:before {content: "";margin-top: -1px;top: 0px;left: 0px;right: 0px;display: block;width: 100%;height: 3px;position: absolute;color: #000;background: #882829;}

.MyTabsWrap .MyTabsContent .MyTabCont {display: none;background-color: #e3e3e3;padding: 15px;margin-top: 15px;padding-bottom: 25px;}
.MyTabsWrap .MyTabsContent .MyTabCont.ActiveMyTabCont {display: block;}


.wrapItemsField {justify-content: space-between;}
.wrapItemsFields {justify-content: space-between;}
.wrapItemField {padding: 0px;text-align: left;margin-bottom: 10px;width: 100%;}
.inputCFText,
.inputCFNumber {display: inline-block;flex: 1 0 90%;margin: 0 0;padding: 8px 12px;font-size: 16px;border: 1px solid #ccc;border-radius: 5px;outline: none;}
.inputCFText:focus, .inputCFNumber:focus {border: 1px solid #ccc;box-shadow: 0 0 5px 0 #882829;}
.inputCFText:hover, .inputCFNumber:hover {border: 1px solid #000;}
.wrapHint {background: #fff;border-radius: 50%;border: 1px solid #aaa;margin-left: 5px;color: #aaa;cursor: default;width: 19px;height: 19px;line-height: 19px;display: flex;align-items: center;justify-content: center;position: relative;top: 8px;}
.wrapHint:hover {border-color: #882829;color: #882829;cursor: help;}
.hintText {position: absolute;z-index: 100;display: none;background-color: #fff;-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);border-radius: 4px;padding: 5px 8px;width: 240px;color: #343434;top: 23px;}
.wrapHint:hover > .hintText {display: block;cursor: default;}
.CFText3 {font-size: 14px;margin-bottom: 5px;display: block;font-weight: 600;}
/** Custom Select **/
.calcFence .custom-select-wrapper {position: relative;user-select: none;flex: 1 0 90%;}
.calcFence .custom-select-wrapper select {display: none;}
.calcFence .custom-select {position: relative;display: inline-block;width: 100%;height: auto;padding: 0;line-height: 1;color: inherit;vertical-align: middle;background: none;background-size: 0;border: none;border-radius: 0;}
.calcFence .custom-select-trigger {position: relative;display: block;padding: 5px 30px 5px 10px;font-size: 18px;line-height: 24px;min-height: 36px;font-weight: 300;color: #000;background: #fff;border: 1px solid #ccc;border-radius: 5px;cursor: pointer;}
.calcFence .custom-select-trigger:hover {border: 1px solid #000;}
.calcFence .custom-select-trigger:after {position: absolute;display: block;content: "";width: 7px;height: 7px;top: 50%;right: 10px;margin-top: -3px;border-bottom: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg) translateY(-50%);transition: all 0.4s ease-in-out;transform-origin: 50% 0;}
.calcFence .custom-select.opened .custom-select-trigger:after {margin-top: 3px;transform: rotate(-135deg) translateY(-50%);}
.calcFence .custom-options {position: absolute;z-index: 100;display: block;top: 100%;left: 0;right: 0;min-width: 100%;margin: 5px 0;border: 1px solid #ccc;border-radius: 5px;box-sizing: border-box;box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);background: #fff;transition: all 0.4s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);}
.calcFence .custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(0);}
.calcFence .custom-options:before {position: absolute;display: block;content: "";bottom: 100%;right: 25px;width: 10px;height: 10px;margin-bottom: -4px;border-top: 1px solid #dbd8d8;border-left: 1px solid #dbd8d8;background: #fff;transform: rotate(45deg);transition: all 0.4s ease-in-out;}
.calcFence .option-hover:before {background: #f9f9f9;}
.calcFence .custom-option {position: relative;display: block;padding: 5px 10px;border-bottom: 1px solid #f3f3f3;font-size: 18px;cursor: pointer;transition: all 0.4s ease-in-out;}
.calcFence .custom-option:first-of-type {border-radius: 4px 4px 0 0;}
.calcFence .custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 4px 4px;}
.calcFence .custom-option:hover {background: #f3f3f3;}
.calcFence .custom-option.selection {background: #d9d9d9;}
.selectCFNumber {}

.opened .custom-select-trigger {border: 1px solid #ccc;box-shadow: 0 0 5px 0 #882829;}

/* Custom select end */
.CFText5 {font-size: 20px;margin-bottom: 20px;text-align: center;color: #145190;font-weight: 600;}
.CFText6 {font-size: 20px;margin-bottom: 10px;}
/* custom  Checkbox*/
.inputCheckbox {opacity: 0;display: none;}
.input-psevdo {position: relative;top: 0px;left: 0;transform: translateX(0px);display: block;}
.input-psevdo:before {content: " ";display: block;height: 18px;width: 18px;position: absolute;top: 4px;left: 0px;background: #f4f4f4;}
.input-psevdo:after {content: " ";display: block;height: 18px;width: 18px;border: 1px solid #d6d6d6;transition: 200ms;position: absolute;top: 4px;left: 0px;/* background: #fff200;*/
transition: 100ms ease-in-out;-webkit-box-shadow: 0 1px 3px 0 #e6e6e6;box-shadow: 0 1px 3px 0 #e6e6e6;}
.inputCheckbox:checked ~ .label-wrapText .input-psevdo:after {border-top-style: none;border-right-style: none;-ms-transform: rotate(-45deg);transform: rotate(-45deg);height: 10px;width: 26px;top: 3px;right: 3px;border-color: #882829;border-width: 4px;}
.inputCheckbox:checked ~ .label-wrapText .input-psevdo:before {background: #fff;}
.label-wrapText {position: relative;cursor: pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-weight: 600;}
.inputCheckbox:checked ~ .label-wrapText {transition: all 0.3s;}
/* custom  Checkbox*/
.CFText7 {padding-left: 35px;font-size: 18px;line-height: 1.6;}
.wrapInputCheckbox {margin-bottom: 15px;}


/*блок с кнопками*/
.wrapButtonCalc {display: flex; }
.buttonCalcFence {padding: 8px 25px;text-transform: uppercase;font-size: 17px; cursor: pointer;margin-right: 20px;}
.buttonCalcFence__calculate {background-color: #882829;color: #fff;}
.buttonCalcFence__clear {background: none;border: 1px solid #882829;color: #882829;}
.buttonCalcFence__calculate:hover {background-color: #6b2021;color: #fff;}
.buttonCalcFence__clear:hover {background-color: #6b2021;color: #fff;}


/* вывод результата расчета */
.wrapResultItems {margin: 50px auto 25px;}
.wrapResultItems.hide {opacity: 0.5;}
.CFText13 {font-size: 22px;text-transform: uppercase;text-align: center;font-weight: 400;margin-bottom: 20px;letter-spacing: 1px;}
.CFText14 {padding: 0;font-size: 18px;margin-bottom: 3px;text-align: center;list-style-type: none;}
.CFText14 li {padding: 5px !important;}
.CFText14 li:before {top: 3px !important; }
.CFText14 li:after {top: 3px !important; }
.CFText20 {font-size: 18px;font-weight: 600;}
.CFText21 {font-size: 26px;font-weight: 600;margin: 15px 0;}
.CFText22 {font-size: 22px;margin-bottom: 10px;}
.CFText23 {font-size: 18px;margin-bottom: 3px;}
.tableTextPrice {display: block;}
.tableTextPrice_1 {font-weight: 600;text-decoration: line-through;}
.tableTextPrice_3 {font-weight: 600;}
.tableText_1 {font-size: 18px;color: #fff;background: #882829 !important;}
.tableText_2 {font-size: 18px;font-weight: 600;text-transform: uppercase;}
.wrapCalcTable {overflow-x: auto;}
.calcTable {width: 500px;min-width: 100%;border-spacing: 0;border: solid 1px #555;margin: 20px 0;border-top: 0 !important;border-right: 0 !important;border-left: 0 !important;width: auto !important;display: inline-table !important;}
.calcTable td {border: solid 1px #cbcbcb;padding: 4px !important;text-align: center !important;font-size: 14px;/*white-space: nowrap;*/border-bottom: 0 !important;border-left: 0 !important;width: auto !important;line-height: normal;}
.column_5 {width: 130px;}
.calcTable .hide {display: none;}
/* штакетник  */
.optionShtTypeMetal.hide,
.optionShtTypeEuroSht.hide {display: none;}
/* фиксированный вывод результата */
.resultFixed {position: fixed;z-index: 1000;top: 0px;background-color: #882829;color: #fff;padding: 10px;border-radius: 3px;right: -200px;transition: all 0.5s cubic-bezier(0.15, 1.74, 0.96, 1.32);-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);}
.resultFixed.active {right: 0;transition: all 0.5s cubic-bezier(0.15, 1.74, 0.96, 1.32);}
.CFText10 {font-size: 26px;margin-bottom: 8px;text-align: right;}
.CFText11 {font-size: 16px;margin-bottom: 5px;text-align: right;}
.CFText12 {font-size: 24px;margin-bottom: 10px;text-align: right;line-height: 1;}
/* фиксированный вывод результата */
/* форма обратной связи */
.wrapFormCalc.hide {display: none;}
.wrapFormField {justify-content: space-around;}
.inputFormField {flex: 0 0 30%;min-width: 200px;font-size: 16px;position: relative;display: block;padding: 5px 10px 5px 10px;font-size: 18px;line-height: 24px;min-height: 36px;font-weight: 300;color: #000;background: #fff;border-radius: 4px;border: 2px solid #888;cursor: pointer;margin: 0 15px 15px;}
.buttonSendForm {padding: 10px 25px;text-transform: uppercase;font-size: 17px;border-radius: 4px;cursor: pointer;color: #fff;font-weight: 600;margin: 0 15px 15px;background: #1ba244;transition: all 0.4s;}
.buttonSendForm:hover {transition: all 0.4s;background: #137e34;}
/* форма обратной связи */
/* сообщение после отправки */
.popupEndSend {position: fixed;z-index: 10000;background-color: #1ba244;top: -160px;left: 50%;padding: 20px 15px;transform: translateX(-50%);transition: all 0.4s cubic-bezier(0.15, 1.74, 0.96, 1.32);}
.popupEndSend.active {top: 40%;transition: all 0.4s cubic-bezier(0.15, 1.74, 0.96, 1.32);}
.CFText24 {color: #fff;text-align: center;font-size: 20px;}
@media only screen and (max-width: 1199px) {.resultFixed {display: none;}
.hintText {left: auto;right: 15px;}
.wrapButtonCalc {margin-top: 10px;}
}
@media only screen and (max-width: 991px) {.mobile-order-1 {order:1;}
.mobile-order-2 {order:2;}
.mobile-order-3 {order:3;}
}
@media only screen and (max-width: 767px) {.MyTabsWrap .MyTabsMenu {display: block;}
.MyTabsWrap .MyTabsMenu .MyTab {width: 100%;max-width: 320px;margin: 0 auto;float: none;}
.inputFormField,
.buttonSendForm {flex: 0 0 100%;max-width: 320px;}
.buttonCalcFence {width: 100%;text-align: center;margin-bottom: 10px;}

}
@media only screen and (max-width: 575px) {.wrapItemsFieldsLeft,
.wrapItemsFieldsRight {flex: 1 0 100%;max-width: 100%;min-width: 260px;}
}
@media only screen and (max-width: 480px) {}
@media only screen and (max-width: 375px) {}

.typeFenceNone {}

* {outline: solid 0px;}

.header-top__item li:nth-child(2) a {color: #ff4444;}

.mobico {float: right;}
.mobico .icon-whatsapp {fill: #25d366;width: 32px;height: 32px;}
.header-middle__nav li:nth-child(2) a {color: #ff4444;}

.phones__content{text-align: center;margin: 0 0 5px;}
.news-list {width: 100%;margin: 10px 0 0 0; display: inline-block;}
.regions-list{float: left; width: 150px;}
.regions-list li {font-size: 14px;}
h2.title.size-typo-xl {margin: 10px 0 10px;}