@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Open+Sans:wght@800&display=swap');
html, body {margin:0;padding:0;background-color:#000;}
body {margin: 0;font-family: 'Montserrat', Arial, sans-serif;font-size: 1rem;font-weight: 500;line-height: 1.3;color: #FFF;text-align: left;background-color: #000;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
ul,li{list-style:none;}
.text-content ul,li{display: block!important;}
*, :after, :before {box-sizing: border-box;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #F6005E;border-radius: 3px;}
.container{max-width: 1344px;}
/*.container{max-width: 1344px;}*/
.content{padding-right:80px;padding-left:80px;}
.pull-right {position:relative;float: right !important;margin-right:5px;}
.pull-left {position:relative;float: left !important;margin-left:5px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:0px;padding-left:0px;}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem;font-family: inherit;font-weight: 600; line-height: 1.2;color: inherit;}
.row>* {flex-shrink: 0;width: 100%;}
.breadcrumb{background-color:#000!important;color:#FFF;}
.breadcrumb-item.active {color: #C5D5E4;}
.breadcrumb ul, li{margin-left:5px!important;}
.breadcrumb-item img{width:22px;height:22px;}
a{text-decoration:none;cursor:pointer; color:#F6005E;}
a:hover{text-decoration:none;cursor:pointer; color:#F6005E;}
img {width: auto\9;height: auto;max-width: 100%; vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
.example-image-link {color: #FFF;text-decoration: none;}
.svg-inline--fa{vertical-align: middle;margin-top: 5px;margin-bottom: 5px;}
.fa, .fab, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.btn{border-radius:3px;}
.btn-danger-bord{border: 1px solid #F6005E;padding: 3px 10px;border-radius: 3px;border-color: #F6005E;color: #fff;font-family: "Montserrat";font-size: 1rem;background-color: #F6005E;overflow-x: hidden;}
.btn-secondary{border: 1px solid #6c757d;padding: 3px 10px;border-radius: 3px;border-color: #6c757d;color: #fff;font-family: "Montserrat";font-size: 1rem;background-color: #6c757d;overflow-x: hidden;}
.btn-secondary:hover{border: 1px solid #6c757d;padding: 3px 10px;border-radius: 3px;border-color: #6c757d;color: #fff;font-family: "Montserrat";font-size: 1rem;background-color: #5a6268;overflow-x: hidden;}
.btn-danger-bord:hover{border: 1px solid #F6005E;background-color: #FFF;color:#97262A;overflow-x: hidden;}
.btn-danger-bord .flare {position: absolute;top: 0;height: 100%;width: 75px;transform: skewX(-45deg); animation: flareAnimation;left: -150%;background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));animation: flareAnimation 2s infinite linear;}
.title-section{font-weight: 600;font-size:1.2rem;color:#000;text-align:center;}
.close {top: 25px;right: 30px;width: 32px;height: 32px;position: absolute;border: none;font-size: 1rem!important;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;
background-color:#F6005E!important;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);cursor: pointer;-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;outline: none;z-index:10;opacity: .9;}
.close:before {color: rgba(255, 255, 255, 0.9);content: "";font-family:  Arial, Helvetica, sans-serif;font-size: 14px;font-weight: normal;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.9);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.close:hover {background-color: #ECA304!important;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.modal-header .close {padding: .1rem;}
/******** form ***************/

.modal-body form{padding:50px;}
.form-control {border: 1px solid #ced4da;border-radius: .25rem;height: calc(2.38rem + 2px) !important;background:transparent!important;color:#FAFAFA!important;}
.sur{display:none;}
input.empty {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
input[type=checkbox], input[type=radio] {width:15px;height: 15px;line-height: normal;color: #fff;background:#F6F9FC; font-size: 1.1rem;transition: all .3s ease-in-out;}
input[type=checkbox]:focus, input[type=radio]:focus {background: #FFF;color:#333;}
.input-input {width: 100%;height:30px;margin: 7px 0 0;color: #333;background: #F6F9FC; padding: 0 18px;font-size: 1.1rem;transition: all .3s ease-in-out;}
.input-input:focus{background: #FFF;color:#333;}
.input-textarea {width: 100%;height: 140px;margin: 0;color: #333;background:#F6F9FC;/* padding: 0 23px;*/font-size: 0.9rem;transition: all .3s ease-in-out;}
.input-textarea:focus{background: #FFF;color:#333;}
.input-checkbox{color: #fff;background:#F6F9FC; padding: 0 23px;font-size: 1.1rem;;transition: all .3s ease-in-out;}
.input-checkbox:focus{background: #FFF;color:#333;}
textarea.form-control {height: auto !important;}
.form-check-input:checked[type=radio] {--bs-form-check-bg-image: url(../images/icons/radio.svg);}
.form-check-input:checked {background-color:transparent!important;border-color: #F6005E;background:url(../images/icons/radio.svg);background-size: cover;}
.form-order{width:70%;margin:0 auto;padding:20;border:1px solid rgba(0,0,0,.4);background: radial-gradient(40.41% 230.62% at 50% 50%, rgb(24, 24, 24) 0%, rgb(125, 125, 125) 100%);}
.order{padding-bottom:20px;padding-top:20px;}
.modal-content {background:radial-gradient(40.41% 230.62% at 50% 50%, rgb(125, 125, 125) 0%, rgb(24, 24, 24) 100%);}
.form-check-label{color:#FFF;}
/***** zakaz order *****/
.order-photo{padding-bottom:50px;}
.item-zak{padding:1.2rem;}
.item-oarder-img{overflow:hidden;}
.easy-zoom-effect { transition: transform 2s ease; } 
.easy-zoom-effect:hover { transform: scale(1.1); }
.order-btn{position:relative;}
/***** upload file *****/
#upload-container {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 280px;height: 160px;/*outline: 2px dashed #5d5d5d;*/outline-offset: -12px;background-color: #FFF;font-family:'Montserrat', sans-serif;color: #1f3c44;}
#upload-container img {width: 10%;margin-bottom: 5px;user-select: none;}
#upload-container label {font-weight: bold;}
#upload-container label:hover {cursor: pointer;text-decoration: underline;}
#upload-container div {position: relative;z-index: 10;}
#upload-container input[type=file] {opacity: 0;position: absolute;z-index:13}
#upload-container label.focus {outline: 1px solid #0078d7;outline: -webkit-focus-ring-color auto 5px;}
#upload-container.dragover {background-color: #fafafa;outline-offset: -17px;}
/******** header **********/
header {background: rgba(0, 0, 0, .9);padding-top:10px;padding-bottom:10px;color:#fff;}
.brand-top img{width:30%;padding-top:10px;}
.brand-top{padding-top:10px;}
.numb{font-size:1.1rem;}
.top-header-link{font-size:.75rem!important;font-weight:600;color:#F6005E!important;}
/*.top-hesder-menu{font-size:1rem;font-weight:600;}*/
/*.top-hesder-menu a{color:#FFF;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:600;}
.top-hesder-menu a:hover{color:#F6005E;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:600;}*/
.top-header{width:100%;height:33.8;padding-bottom:5px;border-bottom: 1px solid #ddd;}
.top-header a{display:inline;color:#000;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:500;margin-left:15px;}
.top-header a:hover{display:inline;color:#F6005E;text-decoration:none;cursor:pointer;font-size:1rem;font-weight:500;margin-left:15px;}
/*.top-header ul,li{display:inline!important;margin-left:15px;}*/
.call-bsck-top{font-weight:700;margin-top:15px;}
.call-bsck-top a{color:#fff;text-decoration:none;cursor:pointer;}
.call-bsck-top a:hover{color:#F6005E;text-decoration:none;cursor:pointer;}
.search-top,.phone-top{font-size:1em;font-weight:700;margin-top:15px;}
.catalog-link,.opros{padding-top:10px; margin-top:15px;}
.call-bsck{margin-top:5px;z-index:500;margin-bottom:5px;}
/***** nav *****/
.nav-link {display: block;padding: .5rem 1rem;color: #fff;}
.nav-link:hover{color: #F6005E;}
.navbar{max-height: 45px;background: rgba(0, 0, 0, .9);-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.navbar-nav .ser-mobille {display: none;visibility: hidden;}
.navbar-brand {width: 25%;height:45px;visibility: hidden;}
.navbar-light .navbar-nav .nav-link {color: rgba(255, 255, 255, .9);font-weight: 600;}
.navbar-light .navbar-nav .nav-link:hover{color:rgba(246,0,94,.9);font-weight: 600;}
.navbar>.container, .navbar>.container-fluid {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;max-height: 45;justify-content: space-between;}
/******** dropDown *******/
.ser {display: none!important;}
.drop{height:40px;width:auto;}
.list-submenu {font-size:.9em;position:relative;top:10px;width:100%;height:auto;display:none;padding:20px;margin-top:10px;background:#f3f3f3; -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);box-shadow:0 5px 5px rgba(0,0,0,0.3);color:#333;}
.navbar-nav li:hover .list-submenu{display:block;position:absolute;left:0px;top:30px;z-index:9999;min-width:1090px;}
.submenu li,.text-cont li{display:block!important;}
ul.text-cont li:before {font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;left: 0;content: '\f069';position: relative;margin: 0 0 0 10px;color: #F6005E;}
.submenu a{color:#333;text-decoration:none;cursor:pointer}
.submenu a:hover{color:#DC3545;text-decoration:none;cursor:pointer}
.submenu > hr {margin-top: 0.5rem;margin-bottom: 0.5rem;border: 0;border-top: 1px solid rgba(0,0,0,.11);}
/********** carousel ***********/
.carousel-caption h1{font-size:3rem;font-weight:600;}
.med800,.med320{display:none;}
.carousel-caption {background:rgba(0,0,0,.6);position: absolute;right: 45%;bottom: 30%;left: 10%;z-index: 10;padding-top:80px;padding-bottom:80px;padding-left:30px;color: #fff;text-align: left;}
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block; width: 20px;height: 20px;background: transparent no-repeat center center;background-size: 100% 100%;color:#F6005E;}
.carousel-control-next-icon {background-image: url(../images/icons/nex.svg);}
.carousel-control-prev-icon {background-image: url(../images/icons/prev.svg);}
/***** content *****/
#prior {width: 100%;text-align: center;padding-bottom: 0;background: url(../images/2-1.webp) bottom center;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;background-color: rgba(255, 255, 255, 0.2);-webkit-text-size-adjust: 100%;}
#prior .title-section{color:#FFF;}
.order-left h2{color:#FFF;font-size:3.5em;font-weight:600;line-height: 1.15em;text-shadow:3px 5px 10px rgba(0,0,0,.4);}
.order-right h3{font-size:1.7rem;color:#000;font-weight:600;}
.order-left p,.order-right p{color:#FFF;font-size:1.7rem;font-weight:600;}
.order-right p{color:#000;font-size:1.15em;font-weight:600;}
.order-right{padding:10px;background:rgba(255,255,255,.8);border-radius:8px;margin-bottom: 40px;}
.order-img{}
.order-img img{width:100%; height:auto;}
.order-form {transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);}
.order-form{font-size:2rem;}
.oerder-form form{width:50%;margin:0 auto;}
.condit{color:#000;font-size:.95em;font-weight:600;}
.order-spec{text-align:left; padding-left:20px;}
.order-spec img{width:3%;vertical-align:middle;margin-right:20px;}
.dtn-messengr-wp,.dtn-messengr-tg{font-size:1.3rem;background:transparent;width: 100%!important;padding-top: 12px;padding-bottom: 18px;border-radius:10px;height: 55px;margin-bottom:20px;line-height:1.5rem;}
.dtn-messengr-wp{border:2px solid #48C657;color:#48C657;}
.dtn-messengr-wp:hover{border:2px solid #48C657;background:#48C657;color:#FFF;}
.dtn-messengr-tg{border:2px solid #259CD8;color:#259CD8;}
.dtn-messengr-tg:hover{border:2px solid #259CD8;background:#259CD8;color:#FFF;}
.order-item{color:#FFF;padding:40px 30px;}
.oerder-form .input-number{margin-bottom:20px;}
.flex-box__num_one,.flex-box__num_two,.flex-box__num_three,.flex-box__num_four {color: #FFF;text-align: center;font-weight: 600;font-size: 2.1em;line-height: 1.9em;margin-bottom: 14px; position: relative;z-index: 1; padding-top: 40px;text-shadow: 3px 5px 10px rgba(0,0,0,.4);font-family: Montserrat;}
.flex-box__num_one:after{content:"1";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_two:after{content:"2";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_three:after{content:"3";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.flex-box__num_four:after{content:"4";position:absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color: #A9A9A6;font-weight: 800;font-size: 3.7em;line-height: 4em;z-index: -1;text-shadow: 3px 5px 10px rgba(0,0,0,.4);}
.order-item-text{color: #FFF;text-align: center;font-style: normal;font-weight: 500;font-size: 1rem;line-height: 1.2em;}
/***** news *****/
blockquote p{margin-left:40px;padding-left:40px;border-left:4px solid rgba(0,0,0, .125);font-size:.955rem;font-style:italic;font-weight: 500;}
blockquote:after{content:'\f10d';position:relative;top:-60px;left:50px;color:rgba(0,0,0, .225);;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
/***** new-catalog-index *****/
#main-content{padding-bottom:40px;}
.production__ico {position:absolute;bottom:10;left:93%;width:5%; height:auto;z-index:3;}
.production__ico a span{display:block;transition: 300ms ease;transition-property: transform;}
.production__ico a:hover span{transform: translateY(-10px);}
.production__items {width: 100%;}
.production__item{padding:0!important;}
.img-bg-item{transition: 1s;position:relative;background-size:cover;opacity: 1;width:100%;padding:0!important;min-height:400px;z-index:1;}
.production__layer1,.production__layer4,.production__layer6,.production__layer8{display:block;height: 100%;width:100%;opacity: 1;background:rgba(257,7,24, .8);padding:0!important;position:absolute;z-index:2;}
.production__layer3,.production__layer5,.production__layer9 {display:block;height: 100%;width:100%;opacity: 1;background:rgba(53,103,175, .8);padding:0!important;position:absolute;z-index:2;}
.production__text{position:absolute;z-index:3;overflow: hidden;padding:60;}
.production__text a {color:#000;cursor:pointer;text-decoration:none;}
.production__text a:hover {color:#FFF;cursor:pointer;text-decoration:none;}
.production__text a span{display:block;transition: 300ms ease;transition-property: transform;}
.production__text a:hover span{transform: translateX(10px);color:#FFF;}
.img-bg-item img{transition: transform 0.3s;}
.img-bg-item:hover img{transform: scale(1.1);}
/*********** Tabs_product ***********/
#info{padding-bottom:30px;}
.but-colors{border-radius:30px;margin-bottom: 10px;}
.but-colors:hover{-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.img-exterior img{border-radius:5px;}
.text-item-material{text-align:left;}
.button_colors{min-height:50px;display:inline;}
#button_colors li{display:inline;}
.topnav-right {float: right;}
.right-menu {margin: 0;overflow: hidden;}
.right-menu li {float: left;list-style-type: none; margin: 0;}
.right-menu li a {color: #112038;display: block;padding: 0.05em 0.75em;text-decoration: none;text-shadow: none;}
.right-menu li a:hover {color: #fff;text-shadow: none;}
.right-menu li span {font-size: 16px;line-height: 1.2;}
.info {color: rgba(78, 78, 78, 0.8);width: 100%;margin: 40px auto;text-align: center;font-weight: 300;}
.info a {color: #bbb;text-decoration: none;}
.info a:hover {color: #888;}
.tabs {min-width: 320px;max-width: 100%;padding: 30px 5px 0;/*margin: 30px 0 0;border-top: 1px solid #ccc;*/}
.tabs > section {display: none;padding: 15px 5px;background: transparent;}
.tabs > section > p {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.tabs > section > ul {margin: 0 0 5px;line-height: 1.5; color: #000; -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.h4, h4 {margin-bottom: .1rem;}
@-webkit-keyframes fadeIn {
from { opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.tabs > input {display: none;position: absolute;}
.tabs > label {font-size: 1em;font-weight: 400;color: #FAFAFA;padding: 5px 10px;margin-right: 5px;border:1px solid #E30613;border-radius: 0;/*border-top-left-radius: 8px;border-bottom-right-radius: 8px;*/background-image: -webkit-gradient(linear, left top, left bottom, from(#E30613), to(#E30613));background-image: linear-gradient(45deg, #E30613, #E30613);color: #fff;}
.tabs > label:hover {color: #FAFAFA;cursor: pointer;border:1px solid #3567AF;border-radius: 0;padding:  5px 10px; background:#3567AF;color:#FFF;}
.tabs > input:checked + label {font-size: 1em;font-weight: 400;color: #FAFAFA;background-image: -webkit-gradient(linear, left top, left bottom, from(#28a745), to(#28a745));background-image: linear-gradient(45deg, #3567AF, #3567AF);border:1px solid #3567AF;padding:  5px 10px;margin-right: 5px;background-image: -webkit-gradient(linear, left top, left bottom, from(#3567AF), to(#3567AF));background-image: linear-gradient(45deg, #3567AF, #3567AF);}
.tabs > input:checked + label:hover{color:#FAFAFA;}
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2,
#tab3:checked ~ #content-tab3,
#tab4:checked ~ #content-tab4,
#tab5:checked ~ #content-tab5,
#tab6:checked ~ #content-tab6 {display: block;}
@media screen and (max-width: 680px) {
.tabs > label {font-size: 1em;}
/*.tabs > label:before { margin-right: 8px;font-size:1.3em;}*/
}
@media screen and (max-width: 400px) {
.tabs > label {padding: 5px 10px;}
}
.ware > .table{font-size:.7em;}
.table{--bs-table-bg: transparent;}
/*.doc-prod ul,li{display:block!important;}*/
.table {display: block;overflow-x: auto;white-space: nowrap;font-size: .76rem;line-height: .77rem;}
/***** /Tabs product *****/
/***** ORDER *****/
#order{position: relative;background-size: cover;opacity: 1;overflow: hidden;padding-bottom:0;color:#000;}
.mask-section{display:block;height: 100%;width: 100%;opacity: 1;background: rgba(255,255,255, .8);padding: 0;position: absolute;z-index: 2;}
.order-section{position: relative;z-index:3;}
.help-or{padding:0;/*border:solid 1px rgba(139,139,139,.6);*/}
input.order-help, textarea.order-help,file.order-help {width: 100%;background: transparent;padding: 1em 0.75em;font-size: 1.1em;color: #000;border: none;}
input.order-help:focus, textarea.order-help:focus,input.order-help:hover, textarea.order-help:hover,input.order-help:active, textarea.order-help:active{border:none;}
input[type="text"]:focus,input[type="phone"]:focus,input[type="email"]:focus,textarea[type="text"]:focus {outline: none;box-shadow: 0 0 3px #66afe9;}
.but-sub{background:#CCCCCC;color:#FFF;}
form.order{margin-bottom:0;}
.spitch h3,.spitch h2{font-weight: 600;margin-top:20px;}
.upload__input {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;opacity: 0;}
.help-or-politic{padding:20px;}
/*.file-ord{padding-top:30px;}*/
.but-sub img{width:5%;height:auto;}
::placeholder{color:#333;}
::-webkit-input-placeholder{color:#333;}
::-moz-placeholder{color:#333;}
::-ms-input-placeholder{color:#333;}
.logo-form{padding-top:20%;}
/***** /order-horm-help ******/
#catalog-index{padding-bottom:20;}
#catalog{padding-bottom:20px;}
.catalg-index,.catalog-item-index{padding:10;height:auto;overflow:hidden;}
.catalog-item{height:366px;padding:10;margin-bottom:20px;}
.catalog-item, .catalog-item-index{border:1px solid rgba(0,0,0,.6);}
.catalog-item-content{overflow: hidden;}
.zoom {transition: transform 0.5s ease;}
.zoom:hover {transform: scale(1.25);}
.title-catalog-item{padding:10;}
.title-catalog-item h3{font-size:1.3em;}
#new{padding-bottom:20;}
.news-item,.news-item-content{padding:10;}
.news-item-content{border:1px solid rgba(0,0,0,.2);}
.dat-news a{margin-left:10%;}
/***** banner ******/
.bannerwrapper {width: 100%;position: relative; display: inline-block;}
.bannerwrapper .container {position: absolute;top: 30%;left:-1%;right: 0;margin: auto}
.bannerwrapper .container-banner {position: absolute;top: 40%;left: 0;right: 0;margin: auto;}
#banner { position: relative;height: 200px;float: right; width: 90%}
#banner .bg {width: 100%;height: 100%;position: absolute; top: 0;left: 0;background-color: #333;opacity: .5;}
.container-area #banner {width: 100%}
.bannerwrapper .container-area #banner .bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0; background: linear-gradient(90deg, rgba(234,116,37,1) 0%, rgba(234,116,37,1) 35%, rgba(234,116,37,0.3981967787114846) 100%);opacity: 1;}
.bannerwrapper .container .title {position:absolute;left: 13%;font-size: 48px;font-weight: normal;color: #fff;line-height: 1;padding-left: 21px;border-left: 10px solid #F6005E;float: left; margin-bottom: 0}
.bannerwrapper .container-area {width: 100%;float: right;position: relative;display: inline-block;padding-left: 10%; padding-right: 10%;}
.bannerwrapper .container-fluid .title {font-size: 48px;font-weight: normal;color: #fff;line-height: 1;padding-left: 10%; float: left;margin-bottom: 0;}
#news{padding-bottom:20px;}
/***** docs *****/
.docs,.docs-item{padding:10;margin-bottom:10px;}
.docs-item{border:1px solid rgba(0,0,0,.15);min-height:230px;}
.docs-item:hover{box-shadow: 0 0 10px 5px rgba(221, 221, 221, .85);}
/******************** Button Up *********************/
.b-top {z-index:200;position:fixed;right:50px;bottom:20px;width:20px;height:20px;margin-left:10%;opacity: 0.5;filter:alpha(opacity=30);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;/*-webkit-box-shadow: 0 8px 19px rgba(3,0,251,.9);box-shadow: 0 8px 19px rgba(3,0,251,.9);*/}
.b-top-but {z-index: 200; display: block;left: 30px;width: 35px;height: 35px;font-size: 14px;background-color: #F6005E;border: 1px solid #FFFFFF;bottom: 0;margin: 0 0 0 10%;/* padding: 18px; */color: #FFF;text-shadow: -2px -2px 0 #364861;}
.b-top-but img{margin-top: 5px;margin-right:0px;margin-left: 5px;}
/******************** End Button Up ********************/
/****** carusel-product *******/
.connected-carousels{position:relative;top:3px;}
.im{margin:5px;max-width: 500px;height:auto;}
.photo-prod img{max-width: 500px;height:auto;}
.connected-carousels .stage {max-width: 520px;position: relative;left: 30%;}
.connected-carousels .photo-credits {position: absolute;right: 15px;bottom: 0;font-size: 13px;color: #fff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);opacity: .66;}
.connected-carousels .photo-credits a { color: #fff;}
/** Navigation container **/
.connected-carousels .navigation {width: 300px;position: relative;left: 39%;}
/** Shared carousel styles **/
.connected-carousels .carousel {overflow: hidden;position: relative;}
.connected-carousels .carousel ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;}
.connected-carousels .carousel li {float: left;}
/** Stage carousel specific styles **/
.connected-carousels .carousel-stage { max-height: 500px;/*border: 10px solid #fff;*/-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 0 2px #fff;-moz-box-shadow: 0 0 2px #fff;box-shadow: 0 0 2px #fff;}
/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation {height: 70px;width: 300px;background: #fff;border: 10px solid #fff;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 0 2px #fff;-moz-box-shadow: 0 0 2px #fff;box-shadow: 0 0 2px #fff;}
.connected-carousels .carousel-navigation li {cursor: pointer;}
.connected-carousels .carousel-navigation li img {display: block; border: 1px solid #fff;cursor:pointer;}
.connected-carousels .carousel-navigation li.active img {border-color:#CCC;}
/** Stage carousel controls **/
.connected-carousels .prev-stage,
.connected-carousels .next-stage {display: block;position: absolute;top: 0;width: 305px;height: 300px;color: #fff;}
.connected-carousels .prev-stage {left: 0;}
.connected-carousels .next-stage {right: 0;}
.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {display: none;}
.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {display: none;position: absolute;top: 50%;width: 30px;height: 30px; text-align: center;background: #4E443C;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 24px/27px Arial, sans-serif;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;-webkit-box-shadow: 0 0 2px #CCC;-moz-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC;}
.connected-carousels .prev-stage span {left: 20px;}
.connected-carousels .next-stage span {right: 20px;}
.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {display: block;}
/** Navigation carousel controls **/
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {display: block;position: absolute;width: 30px;height: 30px;color: #fff;text-decoration: none;text-shadow: 0 0 1px #000;font: 16px/29px Arial, sans-serif;}
.connected-carousels .prev-navigation {left: -35px;top: 22px;text-indent: 6px;}
.connected-carousels .next-navigation {right: -15px;top: 22px;text-indent: 20px;}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {opacity: .5;cursor: default;}
/***** footer *****/
footer{width: 100%;padding-top:20;color:#fff;background:#2D2D2D;font-size:.75rem;font-weight:500;}
footer a{color:#fff;text-decoration:none;cursor:pointer;}
footer a:hover{color:#F6005E;text-decoration:none;cursor:pointer;}
.foot-menu{display:inline;font-size:.88rem;}
.foot-menu a{margin-left:5px;margin-right:5px;}
.foot-left p{font-size:1rem;line-height:26px;}
.foot-left img{width:70%;height:auto;margin:10px auto;padding-bottom:30px;}
.foot-right{text-align:end;}
.foot-center{font-size:1.5rem;}
.down-foot{font-size:.588rem;border-top:1px solid #fff;padding:5px;}
.down-foot a{color:#fff;text-decoration:none;cursor:pointer;}.down-foot a:hover{color:#F6005E;text-decoration:none;cursor:pointer;}
.soc-foot a{display:inline!important;margin-left: 15px;}
.down-foot-right{text-align:right;}
@media (max-width: 1366px) and (min-width:0px){
    .carousel-caption{bottom:10%;padding-top:50px;padding-bottom:50px;}
    .bannerwrapper .container {top:30%;}
    .bannerwrapper .container .title {position: absolute; left: 20%;}
    .carousel-caption h1 {font-size: 2.2rem;font-weight: 600;}
    .img-bg-item {min-height: 330px;}
    .docs-item{min-height:251px;}
    .photo-prod img {max-width: 450px;height: auto;}
}
@media (max-width: 640px) and (min-width:0px){
    .foot-left p{display:none;}
    .connected-carousels .stage {max-width: 420px;position: relative;left: 1%;}
    .connected-carousels .carousel-stage {max-height: 400px;}
    .photo-prod img {max-width: 350px;height: auto;}
    .connected-carousels .navigation {width: 300px;position: relative;left: 0;}
	.content {padding-right: 10px;padding-left: 10px;}
	.top-header, .logo-top,.search-top,.phone-top{display:none;}
	.navbar{padding:.5rem .01rem;}
	.navbar-brand{width:30%;visibility: visible;position: relative; right: 25%;top: -10px;}
	.navbar-toggler{position: relative; top: -10px;left: 28%;border:1px solid #FFF!important;}
	.navbar-collapse{position: relative;top: -10px;background: radial-gradient(40.41% 230.62% at 50% 50%, rgb(24, 24, 24) 0%, rgb(125, 125, 125) 100%);}
	.carousel-caption {display:none;}
	.ser{display: block!important;padding-top:10px;}
	.ser form{width:90%;}
	.my-2{margin-top:0!important;margin-bottom:0!important;}
	.foot-left img{width:80%;margin:0 auto;}
	.foot-left,.foot-right,.down-foot-left,.down-foot-center,.down-foot-right{text-align:center;}
	.foot-right{font-size:.8rem;}
	.table {display: block;font-size:.8rem;overflow-x: auto;white-space: nowrap;}
	.table td, .table th {padding: .45rem;}
	.table th{text-align:center;}
	.catalog-item-index{width:90%;margin:0 auto;}
	.bannerwrapper .container .title {font-size: 1.7rem;padding-left: 15%;border-left:none;}
	.banner .title{font-size: 1.7rem;}
	.catalog-item-content img{width:50%;height:auto;margin:0 auto;}
	.catalg-index{width:90%;margin-bottom:0;}
	.catalog-item-content {text-align: center;}
}
@media (max-width: 480px) and (min-width:0px){
    .foot-left p{display:none;}
    .connected-carousels .stage {max-width: 420px;position: relative;left: 1%;}
    .connected-carousels .carousel-stage {max-height: 400px;}
    .photo-prod img {max-width: 350px;height: auto;}
    .connected-carousels .navigation {width: 300px;position: relative;left: 5%;}
	.content {padding-right: 10px;padding-left: 10px;}
	.top-header, .logo-top,.search-top,.phone-top{display:none;}
	.navbar{padding:.5rem .01rem;}
	.navbar-brand{width:40%;visibility: visible;position: relative; right: 10%;top: -10px;}
	.navbar-toggler{position: relative; top: -10px;left: 20%;border:1px solid #FFF!important;}
	.navbar-collapse{position: relative;top: -10px;background: radial-gradient(40.41% 230.62% at 50% 50%, rgb(24, 24, 24) 0%, rgb(125, 125, 125) 100%);}
	.carousel-caption {display:none;}
	.ser{display: block!important;padding-top:10px;}
	.ser form{width:90%;}
	.my-2{margin-top:0!important;margin-bottom:0!important;}
	.foot-left img{width:80%;margin:0 auto;}
	.foot-left,.foot-right,.down-foot-left,.down-foot-center,.down-foot-right{text-align:center;}
	.foot-right{font-size:.8rem;}
	.table {display: block;font-size:.7rem;overflow-x: auto;white-space: nowrap;}
	.table td, .table th {padding: .45rem;}
	.table th{text-align:center;}
	.form-order{width:90%;margin:0 auto;}
	.bannerwrapper .container {top:30%;}
	.bannerwrapper .container .title {font-size: 1.5rem;padding-left: 15%;border-left:none;}
	.banner .title{font-size: 1.5rem;}
	.catalog-item-content img{width:80%;height:auto;margin:0 auto;}
	.catalg-index{width:90%;margin-bottom:0;}
	.catalog-item-content {text-align: center;}
}