@charset "utf-8";
input,
textarea {
   display: inline-block;
   height: 50px;
   padding: 6px 12px;
   font-size: 1.1em;
   line-height: 1;
   color: #555555;
   background-image: none;
   border: 1px solid #ddd;
   border-radius: 20px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   width: 100%;
}

input, textarea:focus {outline: none;margin-bottom: 15px;padding-left: 24px;}
input:active {    outline: none;}
input:vizited {    outline: none;}
input:hover {outline: none;box-shadow: 0px 0px 10px #009b9b;font-weight: 600;border: #009b9b;}


input[type="submit"] {
    /* color: #fff; */
    /* border: 1px solid #969393; */
    /* font-size: 2rem; */
    /* background: #ff0000; */
    /* text-decoration: none; */
    /* display: block; */
    /* cursor: pointer; */
    /* padding: 0px 10px 0px 10px; */
    /* height: 46px; */
    text-transform: uppercase;
}
input[type="submit"]:disabled{
    /* opacity: .3; */
    color: #fff;
    text-transform: uppercase;
}

input.button:hover {    background: #009b9b; color:#fff;}
#zakaz a {
    color: #fff;
    text-decoration: underline;
}

#zakaz a:hover {
    text-decoration: none;
}




.open_modal{float: right;margin-top: 21px;}
.open_modal p {
    margin-top: 0px;
    float: right;
    width: 195px;
    padding: 10px 12px 10px 0px;
    text-align: center;
    margin-right: 12px;
    text-transform: uppercase;
    font-size: 16px;
    background: #fa7b00;
    color: #ffffff;
    font-weight: bold;
}
.open_modal p:hover {
   opacity: 0.8;
    text-shadow: 1px 1px 1px #333333;
    border: 1px solid #ccc;
    box-sizing: content-box;
   
}
.overlayu {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.popup1, .popup2{
     /* display: inline-block; */
     left: 50%;
     opacity: 0;
     position: absolute;
     text-align: center;
     top: 50%;
     visibility: hidden;
     z-index: 999999;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     -webkit-transition: opacity .5s, top .5s;
     -moz-transition: opacity .5s, top .5s;
     -ms-transition: opacity .5s, top .5s;
     -o-transition: opacity .5s, top .5s;
     transition: opacity .5s, top .5s;
     clear: both;
}
.popup1 form {
    padding: 0 28px 19px;
    right: 0;
    width: 480px;
    background: rgba(255, 255, 255, 0.85);
    border-top: 40px solid #878889;
    box-sizing: content-box;
}
.popup2 .window {
    padding: 15px 27px 21px;
    right: 0;
    background: #ffffff;
    border-top: 40px solid #009b9b;
    box-shadow: 0px 4px 11px 0px #000;
}
.popup1 form input {
    background: #fff;
    margin-top: 8px;
    width: 227px;
    margin-left: 74px;
}
.popup1 form input[name="txtname"]{
    margin-top: 20px;
}
.popup1 form textarea {
    background: #fff;
    margin-top: 8px;
    width: 227px;
    height: 100px;
    resize: none;
    font-family: tahoma;
    margin-left: 74px;
}
.popup1 form label{
    width: 100%;
    height: 20px;
    display: block;
    margin: 8px 72px;
    padding: 0;
}
.popup1 form input[type="submit"] {
    background: #63baff;
    text-align: center;
    text-transform: uppercase;
    width: 245px;
}
.popup1 form input[type="checkbox"] {
    width: auto;
    margin: 2px;
    padding: 2px;
    float: left;
}
.popup1 form h5 {
    position: absolute;
    top: 10px;
    left: 29px;
    font-size: 16px;
    color: white;
    font-weight: normal;
    /* text-transform: uppercase; */
    margin: 0;
}
.popup1 .close_modal,
.popup2 .close_modal  {
    position: absolute;
    top: -16px;
    right: 8px;
    cursor: pointer;
    color: #f5f5f5;
    font-size: 3em;
}
.popup2 h5 {
top: 87px;
    left: 81px;
    
    color: #009b9b;
    font-weight: normal;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
    font-weight: 600;
}
.popup2 p {
	font-family: verdana;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}
.popup2 p strong{
	font-size: 26px;
	line-height: 30px;
	font-weight: normal;
	display: block;
}
.popup2 hr {
	background: #ccc;
	height: 1px;
	border: none;
}
.insText h3 {
    font-size: 1.3em;
    margin: 10px;
}


.insText i.fa.fa-check-square-o.fa-3x {
    color: #009b9b;
}


#zakaz {display: block;
    height: 564px;}

#zakaz h5 {color: #f5f2f2;font-size: 2rem;font-family: "Cuprum";text-align: center;margin: 0;}
#zakaz p {color: #ccc; margin: 0;text-align: center;font-size: 1.3rem;}


#zakaz h2 {
    
    text-align: center;
    color: #f5f2f2;
    margin: 0;
    font-family: "Cuprum";
    font-weight: 400;
    border: none;
    padding: 0;
}


#zakaz h3 {
    font-size: 1.7em;
    text-align: center;
    color: #bbb0b0;
    margin: 0;
    font-weight: 400;
}
.fofm {padding-top: 34px;padding-right: 55px;}

label {/* color: #f5f2f2; *//* font-family: "Cuprum"; *//* margin: 6px 0 0 0; *//* font-size: 2rem; */}
.pole {/* display: block; *//* width: 100%; *//* margin: 4% auto; *//* float: left; */}


input[type="radio"], input[type="checkbox"] {margin: 12px 15px 0;}





.label-cbx {
  user-select: none;
  cursor: pointer;
  margin: 0;
  padding: 0px 0 0 0;
}
.label-cbx input:checked + .checkbox {
  border-color: #009b9b;
}
.label-cbx input:checked + .checkbox svg path {
  fill: #009b9b;
}
.label-cbx input:checked + .checkbox svg polyline {
  stroke-dashoffset: 0;
}
.label-cbx:hover .checkbox svg path {
  stroke-dashoffset: 0;
}
.label-cbx .checkbox {
  position: relative;
  float: left;
  margin: 5px 15px 0 0;
  width: 23px;
  height: 23px;
  border: 2px solid #f8fafb;
  border-radius: 3px;
}

.label-cbx .checkbox svg:focus {    outline: none;}


.label-cbx .checkbox svg {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: -3px 0px 0px -2px;
  width: 24px;
  height: 24px;
}
.label-cbx .checkbox svg path {
  fill: none;
  stroke: #009b9b;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 71px;
  stroke-dashoffset: 71px;
  transition: all 0.6s ease;
}
.label-cbx .checkbox svg polyline {
  fill: none;
  stroke: #f5f5f5;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 18px;
  stroke-dashoffset: 18px;
  transition: all 0.3s ease;
}
.label-cbx > span {
  pointer-events: none;
  vertical-align: middle;
  line-height: 2.3;
  font-weight: 100;
  color: #fff;
}


.invisible {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
  opacity: 0;
}


.cntr {
    text-align: center;
    width: 100%;
    margin: 10px 0 16px 0;
    color: #fff;
}

@media screen and (min-width: 240px) and (max-width:960px) { 
.popup2 h5 {font-size: 1em;}   
.popup1, .popup2 {width: 90%;}
    
    
}


@media screen and (min-width: 960px) and (max-width:5400px) { 
.popup2 h5 {font-size: 1.6em;}     
}