@font-face {
  font-family: 'circe';
  src: url('/fonts/circe.eot');
  src: url('/fonts/circe.eot') format('embedded-opentype'),
 url('/fonts/circe.woff2') format('woff2'),
 url('/fonts/circe.woff') format('woff'),
 url('/fonts/circe.ttf') format('truetype');

}
@font-face {
  font-family: 'circe-bold';
  src: url('/fonts/circe-bold.eot');
  src: url('/fonts/circe-bold.eot') format('embedded-opentype'),
 url('/fonts/circe-bold.woff2') format('woff2'),
 url('/fonts/circe-bold.woff') format('woff'),
 url('/fonts/circe-bold.ttf') format('truetype');

}
@font-face {
  font-family: 'circe-light';
  src: url('/fonts/circe-light.eot');
  src: url('/fonts/circe-light.eot') format('embedded-opentype'),
 url('/fonts/circe-light.woff2') format('woff2'),
 url('/fonts/circe-light.woff') format('woff'),
 url('/fonts/circe-light.ttf') format('truetype');

}

html, body { font-family: 'circe'; font-size:14px;  margin:0; padding:0; height:100%; width:100% }
h1 { font-size:35px;  color:#333; font-weight:normal; padding:0px; margin:0px; }
h2 { font-size:35px;  color:#333; font-weight:700; padding:0px; margin:0px;   }
h3 { font-size:18px;  color:#333; font-weight:normal; padding:0px; margin:0px;  }
p { color:#333; font-size:14px; text-align:left; margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li { padding:0px; margin:0px; font-size:14px; color:#333;}
a:hover {text-decoration: none;}
input, textarea {cursor:pointer; font-family: 'circe'; outline: none}
input[type="submit"] {cursor:pointer; font-family: 'circe'; }

header {width:1180px; margin:0 auto; padding:25px 0; display:flex; justify-content: space-between; align-items:center}
header .logo { font-family: 'circe-light'; font-size:17px; text-decoration:none}
header .logo b {font-size:22px} 
header .youtube { background:url(/images/youtube.png) no-repeat left center; font-size:15px; font-family: 'circe-light'; padding:5px 0 5px 45px}
header .phone {font-size:22px;  background:url(/images/mobile.png) no-repeat left center; text-decoration:none; padding:5px 0 5px 85px}

.banner {width:100%; height:458px; background:url(/images/banner1.jpg) no-repeat top center}

.order {background:#f5f5f5; width:100%; padding:50px 0} 
.order form {width:1180px; margin:0 auto; display:flex; justify-content: space-between; align-items:center; position: relative;}
.order form input[type="text"],
.order form input[type="tel"],
.order form input[type="email"] {margin:0 10px; font-family: 'circe-light';  font-size:15px;  width:285px; padding:0 10px; height: 45px; background: #FFFFFF; border: 0.5px solid #E5E5E5; border-radius: 5px; }
.order form input::placeholder,
.order form textarea::placeholder{color:#ccc;}
.order form textarea {margin:0 10px; width:285px; padding:0 10px; height: 45px; font-family: 'circe-light';  font-size:15px; background: #FFFFFF; border: 0.5px solid #E5E5E5; border-radius: 5px;  resize: none; line-height:42px}
.order form input[type="submit"] {margin:0 10px;border:none; color:#fff; background: #2DA5D9; width:235px;  height: 45px;  font-size: 17px; border-radius: 6px;}
.order form .msg{position: absolute; white-space: nowrap; padding: 0.75rem 1.25rem; border: 1px solid transparent; right: 10px; top: 100%; margin-top: 7px;}
.order form .msg:before{content: ""; border: 7px solid transparent; border-bottom: 7px solid; position: absolute; top: -14px; left: 50%; transform: translateX(-50%)}
.order form .msg-success {color: #155724;  background-color: #d4edda;  border-color: #c3e6cb;}
.order form .msg-success:before{border-bottom-color: #c3e6cb}
.order form .msg-error {color: #721c24;  background-color: #f8d7da;  border-color: #f5c6cb;}
.order form .msg-error:before{border-bottom-color: #f5c6cb}

.order.order-popup{background: none; padding: 0;}
.order.order-popup form{flex-direction: column; width: auto}
.order.order-popup form textarea,
.order.order-popup form input:not([type=submit]){margin-bottom: 10px;}
.order.order-popup h2{font-size: 32px; text-align: center;}
.order.order-popup form .msg{left: 50%; transform: translateX(-50%); right: auto}
.fancybox-content{overflow: visible}

.center_part {width:980px; margin:0 auto; padding:45px 0;}
.center_part h2 {font-size: 32px; text-align:center}
.center_part .catalog {padding:50px 0; display:flex; justify-content: space-between; align-items:center}
.center_part .catalog_list {} 
.center_part .catalog_list div {     justify-content: center; display:flex; align-items:center; height:250px;}
.center_part .catalog_list div img {max-width:200px}
.center_part .catalog_list p{padding:0 0 15px 0; font-size:21px; color:#444;  font-family: 'circe-light'; }
.center_part .catalog_list span { font-family: 'circe-light'; font-size: 17px;color: #444444;}  
.center_part .catalog_list span font {padding-left:40px}
.center_part .catalog_list a {width:150px; align-items:center; margin:30px auto; justify-content:center;  font-family: 'circe-light'; text-decoration:none; height:45px; display:flex; font-size: 17px; color:#fff; background: #2DA5D9; border-radius: 6px; cursor: pointer}
.center_part > p {font-size:17px; font-family: 'circe-light'; line-height:24px}

.delivery { background:url(/images/bg.jpg) no-repeat top center; width:100%; height:187px; }
.delivery p { font-size: 25px; line-height: 36px; color: #333333; width:880px; margin:0 auto; text-align:right; padding:50px 150px 50px 0; background:url(/images/car.png) no-repeat right center; }

.center_part.contact {width:1180px; margin:0 auto; display: flex; flex-direction: column; row-gap: 30px;}
.center_part.contact h3 { font-size: 25px; padding:0 0 20px 0; }
.center_part.contact div p {  font-family: 'circe-light'; height:50px; display:flex; align-items:center; font-size: 21px; line-height: 28px; padding:5px 0 5px 60px} 
.center_part.contact div p:nth-of-type(1) { background:url(/images/map.png) no-repeat left center;  }
.center_part.contact div p:nth-of-type(2) { background:url(/images/phone.png) no-repeat left center  }
.center_part.contact div p:nth-of-type(3) { background:url(/images/mail.png) no-repeat left center  }
.contact__item{display: flex;justify-content: space-between;}

.video {width:1180px; margin:50px auto 0;}