.container_head_for_print, .container_footer_for_print {display:none;}

div#container {
   max-width: 992px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
   color: #ffffff;
   font-family: Ubuntu;
}
#container p {
    margin: 4px 0;
}
#calculatorForm {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.calc-body, .zakaz-body {
    flex-grow: 1;
    max-width: 30%;
}

.calc-body-title, .zakaz-body-title {display:none;}


.img-shtaket-body {
    width: 180px;
    margin: 32px 30px 150px;
	height:263px;
    border-radius: 5px;
	float:left;
	background: rgba(255, 255, 255, 0.49);
	background-image: url(/calc/images/vid-shtaketnika.jpg);
	background-size: cover;
	padding: 5px;
    border: 4px #545454 solid;
}

/* оформление полей ввода и выбора */

input, textarea, select, button, {display:block; margin-bottom:10px;}

.form_elem_border_red {border:#ff0000 2px inset;}

/* слайдер высоты забора */
#div_calc_vz_other {padding:15px 1.3em 0px 1.3em; margin-bottom:10px; box-sizing: border-box;}
#custom-handle {outline:none;}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 2.6em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
	text-align:center;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -1.3em;
}

.select2-container {margin-bottom:5px;}
.select2-img {max-height:19px; margin:0px 5px 0px 0px; position: relative; top:3px;}

.calc-body input {
    width: 100%;
    font-size: 14px;
    border: 4px #1C8915 solid;
    height: 36px;
    padding: 0px 15px 0 15px;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 5px;
}
.calc-body select {
    width: 100%;
    font-size: 14px;
    border: 4px #1C8915 solid;
    height: 42px;
    padding: 0px 15px 0 15px;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 5px;
}

.zakaz-body input:not([type="checkbox"]) {
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 4px #1C8915 solid;
    height: 42px;
    padding: 0px 15px 0 15px;
    text-align: left;
    vertical-align: middle;
	font-family: Ubuntu;
    box-sizing: border-box;
}

.zakaz-body textarea {
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 4px #1C8915 solid;
    height: 88px;
    padding: 5px 15px 5px 15px;
    text-align: left;
    vertical-align: middle;
	font-family: Ubuntu;
    box-sizing: border-box;
}

.select2-container {
	font-family: sans-serif;
	font-size: 14px;
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    border: 4px #1C8915 solid;
    height: 42px;
    border-radius: 5px;
    padding: 3px 15px 0 12px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: -4px;
    background-color: #fff;
	border-radius: 0;
	font-family: sans-serif;
}
.select-colors-x{
	margin-bottom:10px;
}

.ratio-no{
	width: 20px!important;
	margin-bottom: 0px!important;
}
.ratio-yes{
	width: 20px!important;
	margin-bottom: 0px!important;
}

/* Итоги калькулятора */

.label-itogs{
    font-size: 18px;
    color: #ffd205;
	padding-top: 10px;
}
#calc_kolvosh{
	font-size: 16px;
}
.count_shtaketnik{
    font-size: 30px!important;
    color: #ffd205!important;
}

/* Кнопка заказать */

.bttn-body {
	margin: 25px 0;
}
.bttn-zakaz {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 12px;
    font-size: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: transparent;
    border-radius: 5px;
    text-align: center;
    background: linear-gradient(0deg, #10610a 0%, #1c8915 100%);
    border: 0;
    border-bottom: 2px solid #177812;
    overflow: hidden;
    transition: opacity .15s ease-in-out;
    cursor: pointer;
}
.bttn-zakaz:hover {
    opacity: .8;
    color: #fff;
}

.bttn-zakaz:after {
    content: "";
    margin-left: 60px;
    width: 20px;
    height: 300px;
    background: linear-gradient(to right,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.40) 25%,
    rgba(255,255,255,0.85) 50%,
    rgba(255,255,255,0.40) 75%,
    rgba(255,255,255,0) 100%
    );
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: blik;
    animation-name: blik;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@keyframes blik {
    0% {
        left: -30px;
        margin-left: 0
    }
    30% {
        left: 110%;
        margin-left: 80px
    }
    100% {
        left: 110%;
        margin-left: 80px
    }
}

@-webkit-keyframes blik {
    0% {
        left: -30px;
        margin-left: 0
    }
    30% {
        left: 110%;
        margin-left: 80px
    }
    100% {
        left: 110%;
        margin-left: 80px
    }
}

/* доставка */

.dostavka {
	margin: 20px 0;
}
.dostavka-label, .dostavka-da, .dostavka-net {
	display: block;
    position: relative;
    float: left;
}
.dostavka-da, .dostavka-net {
	margin-top: -12px;
	padding-left: 15px;
}

.primechanie {
	font-size: 12px;
}

/* сохранить в PDF и печать */

.bttn-print{
	position: absolute;
    margin-top: 288px;
	margin-left: -25px;
    width: 232px;
    border-radius: 5px;
    cursor: pointer;
}
.bttn-save{
	position: absolute;
    margin-top: 350px;
	margin-left: -25px;
    width: 232px;
    border-radius: 5px;
    cursor: pointer;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 5px;
}

@media (max-width: 992px) {
    #calculatorForm {
        flex-wrap: wrap;
    }
}

@media (max-width: 800px) {
    .calc-body, .zakaz-body {
        width: 100%;
        max-width: 100%;
    }

    .img-shtaket-body {
        margin: 32px 30px;
    }

    .bttn-print, .bttn-save {
        display: none;
    }
}

.privacy-checkbox {
  position: relative;
  display: block;
  margin: 0 0 16px;
  padding-left: 24px;
  max-width: 345px;
  font-size: 12px;
  cursor: pointer;
  text-align: left !important;
}

.privacy-checkbox a {
    color: #ffd205;
}

.privacy-checkbox input {
  position: absolute;
  top: 2px;
  left: 0;
}

.privacy-checkbox.is-error {
  color: red !important;
}