@font-face {
    font-display: auto;
    font-family: 'FontAwesome';
    src: url('../fonts/fa-light-300.woff2');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: auto;
    font-family: 'FontAwesomeRegular';
    src: url('../fonts/fa-regular-400.woff2');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: auto;
    font-family: 'FontAwesomeSolid';
    src: url('../fonts/fa-solid-900.woff2');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: auto;
    font-family: 'FontAwesomeBrands';
    src: url('../fonts/fa-brands-400.woff2');
    font-weight: normal;
    font-style: normal
}


:root {
    --fAws: "FontAwesome";
    --fAwsBrands: "FontAwesomeBrands";
    --fAwsR: "FontAwesomeRegular";
    --fAwsB: "FontAwesomeSolid";
    --fMain: "Regular";
    --fBold: "Bold";
	--fLight: "Light";
	--fLightItalic: "LightItalic";
	--fBlack: "Black";
	--fHeavy: "Heavy";
	--fMedium: "Medium";
	--fItalic: "Italic";
	--fHairline: "HairlineItalic";
    --cMain: 24, 70, 138;
    --cRed: #d81d1f;
    --cDarkRed:#891717;
    --cDark: #092840;
    --cBlue: 27, 173, 255;
    --cDarkBlue: #213162;
    --cBlack: #000;
    --cBlackRGB: 0,0,0;
    --cWhite: #FFF;
    --cYellow: #f5d875;
    --cGray: #666666;
    --cDarkGray: #333333;
    --cGreen:#189b09;

    --shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.5);
    --shadowBig: 1px 0px 20px 4px rgba(0, 0, 0, 0.1);
    --transition: all 400ms ease-in-out 0.1s;
    --txtColor: #333333;
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-family: var(--fMain);
    font-size: 14px;
    color: var(--txtColor);
    position: relative;
}


a {
    color: var(--cRed);
    text-decoration: none;
    font-family: var(--fMain);
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -o-transition: var(--transition);
    -ms-transition: var(--transition);
}

a:hover {
    color: var(--cDark);
}

input,
textarea {
    outline: none;
}

#back-to-top {
    width: 38px;
    height: 38px;
    display: block;
    margin: 0 0 0 0px;
    background: #2f2f2f;
    color: #ffffff;
    text-align: center;
    position: fixed;
    left: 2%;
    bottom: 50px;
    z-index: 999;
    border-radius: 50%;
    opacity: 0;
    text-decoration: none;
}

#back-to-top:before {
    content: '\f106';
    font: 18px/37px 'FontAwesome';
}

#back-to-top:hover {
    background: #EB4C3A;
}

#back-to-top.show {
    opacity: 1;
}

.btn-primary.nulled {
	color:#fff;
}
.moreButton a, .btn-default, .btn {
    background: var(--cDarkBlue) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-family: var(--fMedium);
    font-size: 1em;
    line-height: 2.5em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    padding: 0 2em;
    border:none;
   // border: 1px solid var(--cWhite);
    //border-radius:5px;
    height:35px;
}

.moreButton a .fa, .btn-default .fa, .btn .fa {
	margin-left:1em;
}


.moreButton:hover,
.moreButton:hover a,
.btn-default:hover,
.moreButton.active,
.btn:hover {
    background-color: var(--cDark);
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    color: #FFF;
    // border-radius:10px;
     transition:var(--transition);
}

.btn:hover .fa {
	transform: translate(10px,0);
}

.menuBtn_mobile {
    display: none;
    width: 40px;
    height: 40px;
    background: var(--cMain);
    cursor: pointer;

}

.menuBtn_mobile::before {
    font-family: var(--fAwsB);
    color: #FFF;
    font-size: 20px;
    content: "\f0c9";
    //padding: 12px;
    line-height: 40px;
    width:100%;
    text-align:center;
}

.menuBtn_mobile.open::before {
    content: "\f00d";
}


.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}



.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

img {
    max-width: 100%;
}

.block {
    display: block;
}

.none {
    display: none;
}

.ps_a {
    position: absolute;
}

.ps_r {
    position: relative;
}

.ps_f {
    position: fixed;
}

.pd_t {
	padding-top:50px;
}

.pd_b {
	padding-bottom:50px;
}

.bg_transparent {
	background-color: transparent;
}

.mr_b {
    margin-bottom: 4vh !important;
}

.mr_t {
    margin-top: 4vh !important;
}

.txt_r {
    text-align: right;
}

.txt_c,
.center {
    text-align: center;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
}

.clear {
    clear: both;
}

.width {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.transition {
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
}


.uppercase {
    text-transform: uppercase;
}



.caption_line {
    //height:50px;
    text-align: center;
}

.bread_crumps {
    font-size: 12px;
    color: #6C6C6C;
    font-family: var(--fLight);
    margin:12px 0;
}

.bread_crumps a {
    color: #6C6C6C;
}

.bread_crumps a:hover {
    color: var(--cMain);
    font-family: var(--fMain);
}

h1 {

    font-family: var(--fMedium);
    font-size: 1.5em;
    text-transform: uppercase;
    color:var(--cMain);
}


.subCaption {
    font-family: var(--fLight);
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 10px;
    display: block;
}

h2 {
	font-size:1.6em;
	text-transform:uppercase;
	font-family:var(--fMedium);
	text-align:center;
	color:var(--cMain);
	font-weight:normal;
}

h3 {
	font-family: var(--fMedium);
	font-size: 1.4em;
}

.caption {
    font-weight: normal;
    //font-size: 19px;
    margin: 10px 0 10px 0;
    font-family: var(--fBlack);
    position: relative;
    //padding: 0px 0 12px 0px;
}

p {
    line-height: 1.5em;
    font-family: var(--fMain);
    color: var(--txtcolor);
    font-size:1.1em;
    margin-bottom:4vh;
}

.block-caption {
    background: var(--cDark);
    padding: 10px 5px;
    color: vaR(--cWhite);
    text-transform: uppercase;
    font-family: var(--fBlack);
    //border-radius: 5px 5px 0 0;
}


.fa,.faB,.faBrand {
    font-style: normal;
    display: inline-block;
}



.fa {
    font-family: var(--fAws);
    font-style: normal;
    }

.faB {
    font-family: var(--fAwsB);
    font-style: normal;
}
.faBrand {
	font-family: var(--fAwsBrands);
	font-weight:bold;
	font-style: normal;
}

.fa-arrow-right::before {
    content: "\f061";
}

.fa-arrow-left::before {
    content: "\f060";
}

.fa-arrow-down::before {
    content: "\f107";
}



.fa-phone::before {
    content: "\f095";
}

.fa-mobile-phone::before {
    content: "\f3cd";
}



.fa-email::before {
    content: "\f0e0";
}

.fa-commenting::before {
    content: "\f27a";
}

.fa-shopping-cart::before {
    content: "\f07a";
}

.fa-wish-list::before {
    content: "\f004";
}

.fa-rub::before {
    content: "\f158";
}

.fa-cat::before {
    content: '\f022';
}

.fa-clock::before {
    content: "\f017";
}

.fa-search::before {
    content: "\f002";
}

.fa-search::before {
    content: "\f002";
}

.fa-subscribe::before {
    content: "\f658";
}

.fa-bolt::before {
    content: "\f0e7";
}

.fa-plus::before {
    content: "\f067";
}

.fa-location::before {
    content: "\f3c5";
}

.fa-delivery::before {
    content: "\f0d1";
}

.fa-credit-card::before {
    content: "\f09d";
}

.fa-call-back::before {
	content: "\f590";
}

.fa-user::before {
  content: "\f406";
}

.fa-calendar::before {
  content: "\f073";
}

.fa-phone-volume::before {
  content: "\f2a0";
}

.fa-square::before {
  content: "\f422";
}

.fa-whatsapp::before {
  content: "\f232";
}

.fa-fast::before {
  content: "\f48b";
}

.fa-thumbsup::before {
  content: "\f164";
}

.fa-discount::before {
  content: "\f4c5";
}

.fa-tractor::before {
	content:"\f47a";
}

.listed li {
	padding:5px;
}

.listed li::before {
    font: 12px var(--fAwsB);
    content: "\f00c";
    padding: 0 10px 0 0;
    color: #EB4C3A;
}

/* end initialization main css*/



/* ozon module start */


             .simple-translate-system-theme {
             		display:none;
             	}

             table {
             	margin-bottom:5rem !important;
             }

			.container-fluid,
			.container {
				position:relative;
			}
			.sortArrow {
				color:red;
				border-color:red;
			}

			.out_stock {
				color:red;
				font-weight:bold;
			}


            .ozon_field {
            	display:flex;
            	flex-wrap:nowrap;
            	justify-content:center;
            	gap:10px;
            	align-items: center;
            }

            .ozon_field .subtext {
            	font-size:0.7em;
            }
            a i.fas {
            	color:#343a40;
            	font-size:1.1em;
            }
			tr.changes {
				background:#e8f9e6;
			}

			tr.out_stock {
				background:#fdf2f2;
			}

             th[aria-sort] {
             	background-color:#cee6ff !important;
             }

             th:hover {
               background-color:#cee6ff !important;
               transition:var(--transition);
             }

             .table-hover tbody tr:hover {
             	transition:var(--transition);
             }

             .subtext {
             	color:gray;
             	font-size:0.8em;
             	font-weight:bold;
             }

              .subtext .fa {
             	font-size:0.7em;
             }

             .subtext.plus {
             	color:#189b09;
             }

              .subtext.minus {
             	color:red;
             }

			.productName {
				position:relative;
				//font-weight:bold;
			}

			span.productName {
				font-weight:normal;
				cursor:pointer;
			}

			th:hover {

				background-color:#fff;
			}

			th a {
				width:100%;
				height:100%;
				display:block ;
			}

			td.editable input {
			  color: var(--dark);
			  background-color: #fff;
			  border-color: var(--blue);
			  font-weight:bold;
			  outline: 0;
			  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
			}

			td.editable {
				color:var(--blue);
				text-decoration-style:dashed;
				text-decoration:underline;
                cursor:pointer;
			}

			td.editable span {


				text-decoration:none;

			}

            td.editable:hover {
            	background:var(--cWhite);
            	transition:var(--transition);

            }

			.tips {
				position: absolute;
			   padding: 2px ;
			   z-index: 9999;
			   border-radius:5px;
			   color: #303030;
			   background-color: #0780d5;
			   border: 1px solid #DECA7E;
			   font-family: sans-serif;
			   font-size: 12px;
			   line-height: 18px;
			   text-align: center;
			   opacity:0;
			   width:180px;
			  // height:100px;
			}

			.tips img {
				width:100%;
				//height:100%;
			}

			.tips::after {
			    content: '';
			    position: absolute; /* Абсолютное позиционирование */
			    left: 40%; top: -20px; /* Положение треугольника */
			    border: 10px solid transparent; /* Прозрачные границы */
			    border-bottom: 10px solid #0780d5; /* Добавляем треугольник */
			   }

			   .submitButton {
			   		position:fixed;
			   		bottom:0;
			   		width:100%;
			   		z-index:9999;
			   }

              td .btn-group {
              	gap:5px;
              }

              input.form-control .error {
              	color:red;
              }

td.comments {
	color: var(--bs-gray);
	font-size:0.8em;
}

/* ozon module end */


/*price table start*/

.priceTable {
	width:100%;

}

.priceTable tr:first-child td:first-child, .priceTable  tr:first-child th:first-child {
  border-top-left-radius: 10px;
}

.priceTable tr:first-child td:last-child, .priceTable  tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

.priceTable tr {
	background:#f3f3f3;
	transition:var(--transition);
}

.priceTable tr:hover {
	background:var(--cWhite) !important;

}

.priceTable tr:nth-child(2n) {
	background:#fff7e6;
}

.priceTable th {
	background: var(--cDark);
	border:1px solid var(--cWhite);
	//font-family:var(--fBold);
	font-size:1.1em;
	color:var(--cWhite);
	padding:20px;
}

.priceTable tr {
	background:#f3f3f3;
	transition:var(--transition);
}

.priceTable tr td {
	padding:10px;
	font-size:1.2em;
	text-align:center;
}

.priceTable tr td.prodName {
	text-align:left;
}

/*price table end */







/*


. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}

. {
}*/