/* Start:/local/templates/Tonnag-copy/components/bitrix/menu/menu_header1/style.css?174360435010919*/ .bx-top-nav-container { margin-top: 15px; padding: 0 10px; /*background: #0083d1;/* COLOR */ color: #fff; border-radius: 2px; position: relative; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* 1 lvl*/ .bx-top-nav-container .bx-nav-list-1-lvl { margin: 0; padding: 0; list-style: none; } .bx-top-nav-container .bx-nav-1-lvl { float: left; position: relative; } .bx-top-nav-container .bx-nav-1-lvl>a { color: #fff; font-weight: 700; display: block; text-decoration: none; text-transform: uppercase; border-radius: 1px; padding-top: 6px; padding-bottom: 2px; border-bottom: none; } .bx-top-nav-container .bx-nav-1-lvl>a span { padding: 10px 14px 14px; display: block; } .bx-top-nav-container .bx-nav-1-lvl.bx-hover {} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a { z-index: 250; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13) } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span { background: #fff; } .bx-top-nav-container .bx-nav-parent-arrow{ display: none; } /*2 lvl*/ .bx-top-nav-container .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-2-lvl-container { z-index: 999; display: none; opacity: 0; padding: 9px 0 5px; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13); border-top: none; min-width: 100%; color: #000; } .bx-top-nav-container .bx-nav-2-lvl-container-advanced:before, .bx-top-nav-container .bx-nav-2-lvl-container:before { position: absolute; content: " "; display: block; height: 5px; background: #fff; top: -5px; left: 0; right: 0; } .bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { opacity: 1; display: block; position: absolute; top: 100%; z-index: 999; background: #fff; } .bx-top-nav-container>ul{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-list-2-lvl { margin: 0; padding: 5px 0 12px; } .bx-top-nav-container .bx-nav-2-lvl { display: block; min-width: 180px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-2-lvl>a { padding: 5px 15px 5px; color: #20394c; font-size: 13px; line-height: 16px; text-decoration: none; font-weight: bold; border-bottom: none; display: block; } .bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{ border-top: none; margin-top: 0; } /*3 lvl*/ .bx-top-nav-container .bx-nav-3-lvl { padding: 5px 0; margin: 0; } .bx-top-nav-container .bx-nav-3-lvl-container-advanced:before, .bx-top-nav-container .bx-nav-3-lvl-container:before { position: absolute; content: " "; display: block; height: 5px; background: #fff; top: -5px; left: 0; right: 0; } .bx-top-nav-container .bx-nav-list-3-lvl { margin: 0; padding: 0px 0 14px 7px; } .bx-top-nav-container .bx-nav-3-lvl { display: block; min-width: 180px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-3-lvl a { padding: 3px 15px; color: #555; font-size: 13px; line-height: 14px; text-decoration: none; border-bottom: none; display: block; } /* col 1 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container { min-width: 200px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 100%; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{ width: 100%; background: #fff; } /* col 2 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container { min-width: 400px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{ width: 50%; } /* col 3 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container { min-width: 600px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 33.33333%; float: left; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{ width: 33.33333%; } /* col 4 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {position: static;} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{ top: 100%; left: 0; right: 0; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{ min-width: 100% } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; width: 25%; float: left; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{ width: 25%; } .bx-top-nav-container .bx-nav-catinfo{ padding: 5px 15px 5px; z-index: 120; position: relative; } .bx-top-nav-container .bx-nav-catinfo img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7e9ea; width: auto; max-width: 100%; height: auto; max-height: 100%; } .bx-top-nav-container .bx-nav-catinfo p{ padding: 20px 5px 0; font-size: 13px; } .bx-top-nav-container .bx-nav-catinfo-back{ position: absolute; display: block; content: ' '; top: -5px; right: 0px; bottom: 0px; background: #f7fafb; z-index: 100; border-left: 1px solid #ecefef; } /* ASIDE */ /*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/ .bx-aside-nav-control { font-size: 28px; position: fixed; width: 40px; height: 40px; top: 5px; left: 5px; line-height: 40px; cursor: pointer; z-index: 1750; color: #fff; text-align: center; } body>.bx-aside-nav-control{ -webkit-transition: left .15s linear; -moz-transition: left .15s linear; -ms-transition: left .15s linear; -o-transition: left .15s linear; transition: left .15s linear; } .bx-aside-nav-control .fa{ line-height: 40px; vertical-align: middle; } .bx-wrapper, .bx-aside-nav { -webkit-transition: -webkit-transform .15s linear; -moz-transition: -moz-transform .15s linear; -ms-transition: -ms-transform .15s linear; -o-transition: -o-transform .15s linear; transition: transform .15s linear; } .bx-logo { z-index: 1700 !important } /**/ .bx-opened .bx-footer, .bx-opened .workarea{display:none !important} /**/ .bx-aside-nav { display: none; padding-top: 50px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 100%; background: #4c5c65; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1600; } .bx-aside-nav.bx-opened { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); overflow-y: scroll; } .bx-aside-nav ul { list-style: none; margin: 0; padding: 0; } .bx-aside-nav a { color: #fff; vertical-align: middle; line-height: 48px; height: 48px; font-size: 16px; display: block; border-bottom: 1px solid #3d4b53; padding-left: 15px; max-width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bx-aside-nav a { text-decoration: none; } .bx-aside-nav .bx-nav-1-lvl {} .bx-aside-nav .bx-nav-1-lvl>a {} .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover>a, .bx-aside-nav .bx-nav-1-lvl.bx-hover>a { background: #44535c; } .bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl>a { padding-left: 30px; } .bx-aside-nav .bx-nav-3-lvl>a { padding-left: 45px; } .bx-aside-nav .bx-nav-4-lvl a { padding-left: 60px; } .bx-aside-nav .bx-nav-parent { position: relative; } .bx-aside-nav .bx-nav-parent-arrow { position: absolute; right: 0; top: 0; margin-top: 6px; width: 46px; height: 34px; text-align: center; border-left:1px solid #5a6971; z-index: 200; } .bx-aside-nav .bx-nav-parent-arrow i { line-height: 34px; font-size: 17px; font-style: normal; color: #fff; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -ms-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; } .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent>ul { overflow: hidden; height: 0; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent.bx-opened>ul { height: auto; } .bx-aside-nav .bx-nav-catinfo{display: none;} .bx-aside-nav .bx-nav-catinfo-back{display: none;} @media (min-width: 1200px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 15px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 12px 14px 15px} } @media (min-width: 992px) and (max-width: 1199px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 13px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 9px 11px 12px} } @media (min-width: 768px) and (max-width: 991px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 11px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 5px 6px 9px} } @media (min-width: 768px){ .bx-aside-nav-control, .bx-aside-nav{display: none;} .bx-top-nav-container{display: block;} } @media (max-width: 767px) { .bx-aside-nav-control, .bx-aside-nav{display: block;} .bx-top-nav-container{display: none;} .bx-aside-nav .bx-nav-parent-arrow{display: block;} .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display: none;} } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/style.css?174360435010389*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; /*margin-block-start: 1em;*/ /*margin-block-end: 1em;*/ margin-inline-start: 0px; margin-inline-end: 0px; } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display: inline-block; } #horizontal-multilevel-menu li { } /*Root items*/ #horizontal-multilevel-menu li a.root-item { } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#114dea; color:#fff; font-weight:bold; border-radius: 5px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { color:#0577fd; /*border-radius: 5px;*/ } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/dir-w.png) 140px 15px no-repeat; } #horizontal-multilevel-menu a.parent:hover { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/dir-b.png) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected a:hover { color:#000; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width: 225px; background:#252428; border-radius: 5px; margin: 0px; /*padding: 10px 50px;*/ } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; color: #fff; width: 100%; } /*Items text color & size */ #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#fff; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#114dea; } #horizontal-multilevel-menu li ul { margin: -40px 0 0 0px; filter: drop-shadow(-4.33px 2.5px 6.5px rgba(0,0,0,0.17)); left: 100%; width: 100%; } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li ul:hover, #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } .header-nav ul#horizontal-multilevel-menu li ul a:hover { background-color: unset; } .header-nav ul#horizontal-multilevel-menu li ul li.item-selected:hover { background-color: unset; } .header-nav ul#horizontal-multilevel-menu li ul a:after{ position: relative; } #horizontal-multilevel-menu ul > li > .dir { background: url(/local/templates/Tonnag/components/bitrix/menu/menu_header_mobil2/images/dir.png) no-repeat 0px 0px; background-size: 100%; display: inline-block; height: 15px; width: 15px; margin-left: 10%; } #horizontal-multilevel-menu li ul li ul:hover li a, #horizontal-multilevel-menu li:hover li:hover li a{ color: #333; } /**Top menu**/ .horizontal-multilevel-menu,.horizontal-multilevel-menu ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; /*margin-block-start: 1em;*/ /*margin-block-end: 1em;*/ margin-inline-start: 0px; margin-inline-end: 0px; } .horizontal-multilevel-menu { } /*Links*/ .horizontal-multilevel-menu a { display: inline-block; } .horizontal-multilevel-menu li { } /*Root items*/ .horizontal-multilevel-menu li a.root-item { } /*Root menu selected*/ .horizontal-multilevel-menu li a.root-item-selected { background:#114dea; color:#fff; font-weight:bold; border-radius: 5px; } /*Root items: hover*/ .horizontal-multilevel-menu li:hover a.root-item, .horizontal-multilevel-menu li.jshover a.root-item { color:#0577fd; /*border-radius: 5px;*/ } /*Item-parents*/ .horizontal-multilevel-menu a.parent { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/dir-w.png) 140px 15px no-repeat; } .horizontal-multilevel-menu a.parent:hover { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/dir-b.png) center right no-repeat; } /*Denied items*/ .horizontal-multilevel-menu a.denied { background: url(/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ .horizontal-multilevel-menu li:hover, .horizontal-multilevel-menu li.jshover { color:#fff; } /*Child-items selected*/ .horizontal-multilevel-menu li.item-selected a:hover { color:#000; } /*Sub-menu box*/ .horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width: 225px; background:#252428; border-radius: 5px; margin: 0px; /*padding: 10px 50px;*/ } /*Sub-menu item box*/ .horizontal-multilevel-menu li li { width:100%; } /*Item link*/ .horizontal-multilevel-menu li ul a { text-align:left; color: #fff; width: 100%; } /*Items text color & size */ .horizontal-multilevel-menu li:hover li a, .horizontal-multilevel-menu li.jshover li a, .horizontal-multilevel-menu li:hover li:hover li a, .horizontal-multilevel-menu li.jshover li.jshover li a, .horizontal-multilevel-menu li:hover li:hover li:hover li a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, .horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, .horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#fff; } /*Items text color & size: hover*/ .horizontal-multilevel-menu li:hover li:hover a, .horizontal-multilevel-menu li.jshover li.jshover a, .horizontal-multilevel-menu li:hover li:hover li:hover a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover a, .horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a .horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a .horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, .horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#114dea; } .horizontal-multilevel-menu li ul { margin: -40px 0 0 0px; filter: drop-shadow(-4.33px 2.5px 6.5px rgba(0,0,0,0.17)); left: 100%; width: 100%; } .horizontal-multilevel-menu li:hover ul ul, .horizontal-multilevel-menu li.jshover ul ul, .horizontal-multilevel-menu li:hover ul ul ul, .horizontal-multilevel-menu li.jshover ul ul ul, .horizontal-multilevel-menu li:hover ul ul ul ul, .horizontal-multilevel-menu li.jshover ul ul ul ul, .horizontal-multilevel-menu li:hover ul ul ul ul ul, .horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } .horizontal-multilevel-menu li ul:hover, .horizontal-multilevel-menu li:hover ul, .horizontal-multilevel-menu li.jshover ul, .horizontal-multilevel-menu li li:hover ul, .horizontal-multilevel-menu li li.jshover ul, .horizontal-multilevel-menu li li li:hover ul, .horizontal-multilevel-menu li li li.jshover ul, .horizontal-multilevel-menu li li li li:hover ul, .horizontal-multilevel-menu li li li li.jshover ul, .horizontal-multilevel-menu li li li li li:hover ul, .horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } .header-nav ul.horizontal-multilevel-menu li ul a:hover { background-color: unset; } .header-nav ul.horizontal-multilevel-menu li ul li.item-selected:hover { background-color: unset; } .header-nav ul.horizontal-multilevel-menu li ul a:after{ position: relative; } .horizontal-multilevel-menu ul > li > .dir { background: url(/local/templates/Tonnag/components/bitrix/menu/menu_header_mobil2/images/dir.png) no-repeat 0px 0px; background-size: 100%; display: inline-block; height: 15px; width: 15px; margin-left: 10%; } .horizontal-multilevel-menu li ul li ul:hover li a, .horizontal-multilevel-menu li:hover li:hover li a{ color: #333; } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/search.title/poisk_smal/style.css?17436043505040*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 1em; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 1em; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-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; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0em; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 1em; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 270px; margin-top:-3px; background-color: #FFF; } div.title-search-result::-webkit-scrollbar { width: 6px; /* ширина scrollbar */ } div.title-search-result::-webkit-scrollbar-track { background: #ffffff; /* цвет дорожки */ } div.title-search-result::-webkit-scrollbar-thumb { background-color: blue; /* цвет плашки */ border-radius: 8px; /* закругления плашки */ border: 1px solid blue; /* padding вокруг плашки */ } @media (max-width: 768px) { div.title-search-result{ max-height: 300px; overflow: auto; } } div.title-search-fader { display:none; background-image: url('/local/templates/Tonnag-copy/components/bitrix/search.title/poisk_smal/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size: 1em; } div.title-search-result td.title-search-price span { font-size: 1em; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 1em; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size: 1em; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 1em; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } .drop-down .horizontal-multilevel-menu li{ width: 100%; } .drop-down .horizontal-multilevel-menu a{ width: 100%; text-align: left; color: #FFF ; } .drop-down .horizontal-multilevel-menu a.parent{ background: url("/local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/images/dir-w.png") no-repeat; background-position: 135px center; } .drop-down .horizontal-multilevel-menu li:hover a.parent{ background-position: right; } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/sale.basket.basket.line/corzina_min/style.css?17436043504312*/ .bx-basket:hover{ background: #0d2c7b47; box-shadow: 0 1px 20px 0px #0d2c7b; transition: .3s; } .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/breadcrumb/navigation/style.css?1743604351708*/ .bx-breadcrumb { margin: 10px 0; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} .breadcrumb ul li span { color: #adadad; display: inline-block; padding: 10px 21px; position: relative; } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/sale.basket.basket.line/mobile-footer-nav/style.css?17436043502587*/ /* Основной стиль меню */ .menu { display: none; height: 74px; background-color: #1F2129; padding: 20px; border-top: 1px solid #444444; font-family: "Roboto", sans-serif; } .menu__list { list-style: none; display: flex; justify-content: space-around; margin-top: 8px; padding: 0; } .menu__item { text-align: center; } .menu__item--cart{ position: relative; } .menu__item.active .menu__link { color: orange; fill:orange; } .menu__link { color: #fff; text-decoration: none; display: flex; flex-direction: column; align-items: center; } .menu__icon { font-size: 24px; margin-bottom: 5px; min-height: 22px; min-width: 26px; } .menu__icon--cart{ position: relative; } /* Текст под иконками */ .menu__text { font-size: 11px; font-weight: 400; } /* Стили для активного элемента */ .menu__item--home .menu__link { } /* Бейдж для корзины */ .menu__badge { position: absolute; top: -5px; right: -5px; background-color: orange; color: #fff; font-size: 8px; padding: 3.65px; width: 9.75px; height: 9.75px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } @media (max-width: 746px) { #search_big .search-form.flex-visible { display: flex; } } @media (max-width: 992px) { .footer{ padding-bottom: 114px !important; } .menu { display: block; position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 0; background-color: #333; z-index: 1000; } .menu__list { flex-direction: row; } .menu__item { flex: 1; } .menu__link { flex-direction: column; align-items: center; } .header-fixed{ position: fixed !important; z-index: 1100 !important; top:0; width: 100%; } .header-fixed .header-newInfo{ display:none; } .main-fixed{ padding-top:100px; } .header-top__wrapp {padding-bottom:100px !important;} } .mobile-change{ display: none; } @media (max-width: 992px) { .header .search-toggle{ display: none; } .header .header-bottom__mini-cart-wrapper{ display: none; } .mobile-change{ display: block; } .header-bottom__btn .open, .header-bottom__btn .close, .header-bottom__btn p{ display: none; } .header-fixed .header-bottom, .header-bottom__btn{ padding:0; } .header-bottom, .header-bottom__btn{ background: none; /*padding:0;*/ gap: 0; margin:0; } .header-bottom__btn .drop-down.drop-down-multi{ padding-top: 0; } .header-newInfo{ padding-top: 20px; } .search.search-form{ display: none; } .search.search-form.open{ display: flex; } } /* End */ /* Start:/local/templates/Tonnag-copy/components/bitrix/menu/menu_footer/style.css?174360435010919*/ .bx-top-nav-container { margin-top: 15px; padding: 0 10px; /*background: #0083d1;/* COLOR */ color: #fff; border-radius: 2px; position: relative; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; } /* 1 lvl*/ .bx-top-nav-container .bx-nav-list-1-lvl { margin: 0; padding: 0; list-style: none; } .bx-top-nav-container .bx-nav-1-lvl { float: left; position: relative; } .bx-top-nav-container .bx-nav-1-lvl>a { color: #fff; font-weight: 700; display: block; text-decoration: none; text-transform: uppercase; border-radius: 1px; padding-top: 6px; padding-bottom: 2px; border-bottom: none; } .bx-top-nav-container .bx-nav-1-lvl>a span { padding: 10px 14px 14px; display: block; } .bx-top-nav-container .bx-nav-1-lvl.bx-hover {} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a { z-index: 250; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13) } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span { background: #fff; } .bx-top-nav-container .bx-nav-parent-arrow{ display: none; } /*2 lvl*/ .bx-top-nav-container .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-2-lvl-container { z-index: 999; display: none; opacity: 0; padding: 9px 0 5px; box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13); border-top: none; min-width: 100%; color: #000; } .bx-top-nav-container .bx-nav-2-lvl-container-advanced:before, .bx-top-nav-container .bx-nav-2-lvl-container:before { position: absolute; content: " "; display: block; height: 5px; background: #fff; top: -5px; left: 0; right: 0; } .bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container, .bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container { opacity: 1; display: block; position: absolute; top: 100%; z-index: 999; background: #fff; } .bx-top-nav-container>ul{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-list-2-lvl { margin: 0; padding: 5px 0 12px; } .bx-top-nav-container .bx-nav-2-lvl { display: block; min-width: 180px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-2-lvl>a { padding: 5px 15px 5px; color: #20394c; font-size: 13px; line-height: 16px; text-decoration: none; font-weight: bold; border-bottom: none; display: block; } .bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{ border-top: none; margin-top: 0; } /*3 lvl*/ .bx-top-nav-container .bx-nav-3-lvl { padding: 5px 0; margin: 0; } .bx-top-nav-container .bx-nav-3-lvl-container-advanced:before, .bx-top-nav-container .bx-nav-3-lvl-container:before { position: absolute; content: " "; display: block; height: 5px; background: #fff; top: -5px; left: 0; right: 0; } .bx-top-nav-container .bx-nav-list-3-lvl { margin: 0; padding: 0px 0 14px 7px; } .bx-top-nav-container .bx-nav-3-lvl { display: block; min-width: 180px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-3-lvl a { padding: 3px 15px; color: #555; font-size: 13px; line-height: 14px; text-decoration: none; border-bottom: none; display: block; } /* col 1 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container { min-width: 200px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 100%; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{ width: 100%; background: #fff; } /* col 2 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container { min-width: 400px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{ width: 50%; } /* col 3 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container { min-width: 600px } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; min-width: 200px; width: 33.33333%; float: left; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{ width: 33.33333%; } /* col 4 */ .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {position: static;} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{ top: 100%; left: 0; right: 0; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{ min-width: 100% } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl, .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl { display: block; width: 25%; float: left; } .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{ width: 25%; } .bx-top-nav-container .bx-nav-catinfo{ padding: 5px 15px 5px; z-index: 120; position: relative; } .bx-top-nav-container .bx-nav-catinfo img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e7e9ea; width: auto; max-width: 100%; height: auto; max-height: 100%; } .bx-top-nav-container .bx-nav-catinfo p{ padding: 20px 5px 0; font-size: 13px; } .bx-top-nav-container .bx-nav-catinfo-back{ position: absolute; display: block; content: ' '; top: -5px; right: 0px; bottom: 0px; background: #f7fafb; z-index: 100; border-left: 1px solid #ecefef; } /* ASIDE */ /*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/ .bx-aside-nav-control { font-size: 28px; position: fixed; width: 40px; height: 40px; top: 5px; left: 5px; line-height: 40px; cursor: pointer; z-index: 1750; color: #fff; text-align: center; } body>.bx-aside-nav-control{ -webkit-transition: left .15s linear; -moz-transition: left .15s linear; -ms-transition: left .15s linear; -o-transition: left .15s linear; transition: left .15s linear; } .bx-aside-nav-control .fa{ line-height: 40px; vertical-align: middle; } .bx-wrapper, .bx-aside-nav { -webkit-transition: -webkit-transform .15s linear; -moz-transition: -moz-transform .15s linear; -ms-transition: -ms-transform .15s linear; -o-transition: -o-transform .15s linear; transition: transform .15s linear; } .bx-logo { z-index: 1700 !important } /**/ .bx-opened .bx-footer, .bx-opened .workarea{display:none !important} /**/ .bx-aside-nav { display: none; padding-top: 50px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 100%; background: #4c5c65; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1600; } .bx-aside-nav.bx-opened { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); overflow-y: scroll; } .bx-aside-nav ul { list-style: none; margin: 0; padding: 0; } .bx-aside-nav a { color: #fff; vertical-align: middle; line-height: 48px; height: 48px; font-size: 16px; display: block; border-bottom: 1px solid #3d4b53; padding-left: 15px; max-width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bx-aside-nav a { text-decoration: none; } .bx-aside-nav .bx-nav-1-lvl {} .bx-aside-nav .bx-nav-1-lvl>a {} .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover>a, .bx-aside-nav .bx-nav-1-lvl.bx-hover>a { background: #44535c; } .bx-aside-nav .bx-nav-list-2-lvl { background: #44535c; } .bx-aside-nav .bx-nav-2-lvl>a { padding-left: 30px; } .bx-aside-nav .bx-nav-3-lvl>a { padding-left: 45px; } .bx-aside-nav .bx-nav-4-lvl a { padding-left: 60px; } .bx-aside-nav .bx-nav-parent { position: relative; } .bx-aside-nav .bx-nav-parent-arrow { position: absolute; right: 0; top: 0; margin-top: 6px; width: 46px; height: 34px; text-align: center; border-left:1px solid #5a6971; z-index: 200; } .bx-aside-nav .bx-nav-parent-arrow i { line-height: 34px; font-size: 17px; font-style: normal; color: #fff; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i { -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -ms-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; } .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent>ul { overflow: hidden; height: 0; } .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced, .bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container, .bx-aside-nav .bx-nav-parent.bx-opened>ul { height: auto; } .bx-aside-nav .bx-nav-catinfo{display: none;} .bx-aside-nav .bx-nav-catinfo-back{display: none;} @media (min-width: 1200px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 15px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 12px 14px 15px} } @media (min-width: 992px) and (max-width: 1199px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 13px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 9px 11px 12px} } @media (min-width: 768px) and (max-width: 991px) { .bx-top-nav-container .bx-nav-1-lvl>a {font-size: 11px;} .bx-top-nav-container .bx-nav-1-lvl>a span {padding: 5px 6px 9px} } @media (min-width: 768px){ .bx-aside-nav-control, .bx-aside-nav{display: none;} .bx-top-nav-container{display: block;} } @media (max-width: 767px) { .bx-aside-nav-control, .bx-aside-nav{display: block;} .bx-top-nav-container{display: none;} .bx-aside-nav .bx-nav-parent-arrow{display: block;} .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display: none;} } /* End */ /* Start:/local/templates/Tonnag-copy/template_styles.css?174360435010088*/ .header-mid-bar .user_autorizovan li a.link-to-personale { display: block; margin-top: 14px; } .header-mob .user_autorizovan li a.link-to-personale { display: block!important; margin-top: 10px; } .hidden { display: none; } .height-auto { height: auto !important; } .w-auto { width: auto; } .recomended-product .favor { position: absolute; right: 22.5px; top: 29px; } @media (max-width: 768px) { .recomended-product .favor { right: 17px; top: 14px; } } .recomended-product .favor:hover svg, .favor.active .delete-favorite svg{ fill: #FF9901; } /*.recomended-product .add-favorite svg{ fill: #0B0B0B26; }*/ .favor.active .delete-favorite path{ fill: white !important; } .favor.active span svg, .favor:hover span svg{ fill: #FF9901; } .favor span.favor-detail-active svg{ fill: #FF9901; } .favor .delete-favorite { display: none; } .favor.active .delete-favorite { display: block; } .favor.active .add-favorite { display: none; } .wishlist .catalog-section ul { justify-content: normal; } @media (min-width: 920px) { .wishlist .catalog-section ul li { width: 25%; } } @media (min-width: 1100px) { .lk_boxlink { flex-wrap: wrap; justify-content: space-around; } .lk_item-box { width: 25%; margin-bottom: 10px; } } @media (min-width: 1330px) { .header-info { padding-top: 15px !important; } .header-info__text { font-size: 0.838em !important; } } /*Page contacts*/ /* styles.css */ * { box-sizing: border-box; margin: 0; padding: 0; } .mobile-show { display: none; } .contacts-page__section { margin-bottom: 30px; font-family: #277AF9; } .contacts { display: flex; justify-content: space-between; gap: 290px; } .contacts__info, .contacts__form { width: 48%; } .contacts__title, .managers__title { font-family: 'Proxima Nova'; font-size: 36px; font-weight: 800; line-height: 36px; margin-bottom: 15px; font-size: 36px; font-weight: 800; line-height: 36px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .contacts__title span, .managers__title span{ color:#277AF9; } .contacts__emails { display: flex; flex-direction: column; gap: 10px; } .contacts__email{ border: 2px solid #DBDBDB; padding:21px 0; text-align: center; font-family: 'Proxima Nova'; font-size: 24px; font-weight: 700; line-height: 29.23px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .contacts__email > *:not(:last-child) { margin-bottom: 14px; } .contacts__email p { font-weight: bold; } .contacts__email a { color: #277AF9; text-decoration: none; } .form__input, .form__textarea { width: 100%; padding: 10px; margin-bottom: 10px; border: 2px solid #DBDBDB; border-radius: 5px; font-family: Proxima Nova; font-size: 18px; font-weight: 400; line-height: 21.92px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .form__button { width: 100%; padding: 10px; background-color: #ffa500; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: all .3s linear; } .form__button:hover{ opacity: .75; } .managers__list { display: flex; flex-wrap:wrap; gap: 17.5px; } .manager { flex: 1; background-color: #f5f5f5; padding: 28px; text-align: center; gap: 17.5px; font-family: Proxima Nova; font-size: 18px; font-weight: 700; line-height: 21.92px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; font-weight: 700; display: flex; align-items: center; justify-content: space-between; } .manager_desc > *:not(:last-child) { margin-bottom: 8px; } .manager__phone { color: #277AF9; text-decoration: none; } .working-hours { display: flex; gap: 17px; } .working-hours__item { /*flex: 1;*/ padding: 24px; border: 2px solid #DBDBDB; border-radius: 5px; } .working-hours__item > *:not(:last-child) { margin-bottom: 15px; } .working-hours__title{ color: #FF9407; font-size: 26px; font-weight: 700; line-height: 31.67px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .working-hours__content{ font-family: Proxima Nova; font-size: 20px; font-weight: 700; line-height: 24.36px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; display: flex; justify-content: space-between; } .location__map { margin-bottom: 20px; } .location__map-image { width: 100%; border: 1px solid #ccc; border-radius: 5px; } .location__images { display: flex; overflow-x: auto; } .location__images > *:not(:last-child){ margin-right: 15px; } .location__image { border: 1px solid #ccc; border-radius: 5px; width: 450px; height: 290px; } .button{ font-family: Proxima Nova; font-size: 14px; font-weight: 400; line-height: 17.05px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color:#fff; background:#FF9407; padding: 8px 14.5px; border-radius: 4px; } @media (min-width: 1440px) { .location__image{ width: 100%; } .working-hours__content{ gap: 52px; } .working-hours > *:first-child{ padding-right: 91px; } .working-hours > *:not(:first-child){ flex:1; } .managers { margin-bottom: 100px; } } @media (max-width: 1440px) { .contacts{ flex-wrap: wrap; gap:0; } .working-hours__content{ gap: 5px; } } @media (max-width: 1024px) { .contacts__info, .contacts__form { width: 100%; } .contacts__title, .managers__title { font-size: 28px; line-height: 32px; margin-bottom: 20px; } .contacts__email { font-size: 20px; line-height: 24px; padding: 18px 0; } .form__input, .form__textarea { font-size: 16px; line-height: 19px; } .manager { padding: 20px; gap: 20px; } .working-hours__title { font-size: 20px; line-height: 24px; } .working-hours__content { font-size: 16px; gap: 24px; } .location__image { width: 300px; height: 200px; } } @media (max-width: 768px) { .contacts { gap: 30px; } .contacts__title, .managers__title { font-size: 22px; line-height: 26px; } .contacts__email { font-size: 18px; line-height: 22px; padding: 16px 0; } .manager { align-items: flex-start; padding: 16px; gap: 16px; } .working-hours { flex-direction: column; gap: 20px; } .working-hours__item { padding: 16px; } .location__image { width: 250px; height: 150px; } } @media (max-width: 600px) { .contacts__title, .managers__title { font-size: 20px; line-height: 24px; } .form__input, .form__textarea { font-size: 14px; line-height: 17px; } .contacts__email { font-size: 16px; line-height: 20px; padding: 14px 0; } .manager { padding: 14px; gap: 14px; } .working-hours__title { font-size: 14px; line-height: 17px; } .location__image { width: 200px; height: 120px; } } @media (max-width: 440px) { .contacts-page{ margin: 0 -8px; } .mobile-show{ display: block; } .contacts__emails{ flex-direction: row; } .contacts{ gap: 50px; flex-direction: column; } .contacts__info, .contacts__form { width: 100%; } .contacts__title, .managers__title { font-size: 24px; line-height: 24px; margin-bottom: 24px; max-width: 317px; } .contacts__email{ flex-direction: column; } .contacts__email{ font-size: 16px; font-weight: 700; line-height: 19.49px; padding: 19px 0; flex: 1; } .form__input, .form__textarea { font-size: 14px; font-weight: 400; line-height: 17.05px; } .form__button{ font-size: 14px; font-weight: 400; line-height: 17.05px; } .contacts-page__section{ margin-top: 10px; } .manager{ padding: 15px 9.5px; gap: 0; width: 48%; flex: initial; align-items: center; } .managers__list{ gap: 8px; } .manager_whatsapp svg{ width: 22px; height: 22px; } .managers__title{ max-width: 240px; } .manager__desc{ font-size: 14px; font-weight: 700; line-height: 17.05px; } .manager__desc > *:not(:last-child){ margin-bottom: 8px; } .manager_whatsapp img{ width: 24px; height: 24px; } .working-hours{ flex-direction: column; } .working-hours__title{ font-size: 16px; font-weight: 700; line-height: 19.49px; } .working-hours__content{ font-size: 14px; font-weight: 700; line-height: 17.05px; justify-content: unset; gap: 32px; } .working-hours__item > *:not(:last-child) { margin-bottom: 12px; } .working-hours__item{ padding: 14px 10px; } .working-hours__text{ /*max-width: 219px;*/ } .location__images{ gap: 0px; } .location__image { width: 175px; height: 113px; } } /* End of contacts*/ /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/normalize.css?17436043502145*/ button,hr,input{overflow:visible;outline:none}a,legend{color:inherit}progress,sub,sup{vertical-align:baseline}*,[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}*{margin:0}html{-webkit-text-size-adjust:100%;font-family:sans-serif;-ms-text-size-adjust:100%}video{object-fit:contain}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;text-decoration:none}li{list-style:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{font-family:sans-serif}input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type="number"] {-moz-appearance: textfield;}.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .vpodcat{ display: none !imoportant; } /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/owl.carousel.min.css?17436043503351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/Tonnag-copy/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/owl.theme.default.min.css?17436043501013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/style-new-pr.css?1749625984124935*/ @charset "UTF-8"; @font-face { font-family: rubl; src: local(rubl), url(/local/templates/Tonnag-copy/assets/css/rouble.otf); src: local(rubl), url(/local/templates/Tonnag-copy/assets/css/rouble.ttf); font-display: swap; /* Для остальных браузеров */ } @font-face { font-family: 'Proxima Nova'; src: url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Regular.eot"); src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Regular.woff") format("woff"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Bold.eot"); src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Bold.woff") format("woff"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova'; src: url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Extrabld.eot"); src: local("Proxima Nova Extrabold"), local("ProximaNova-Extrabld"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Extrabld.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Extrabld.woff") format("woff"), url("/local/templates/Tonnag-copy/assets/css/../fonts/ProximaNova-Extrabld.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } .bx_page, .row { margin-bottom: 40px; } .catalog__list li a { text-align: center; font-size: 14px; } .catcatal li { height: auto !important; } .partnservice { background: radial-gradient(#252428, #000000); padding: 20px 0px 60px 0px; } .sectionTitle { font-size: 42px; font-weight: 800; line-height: 42px; color: #1B1F25; } .sectionTitle span { color: #277AF9; } .section-catalog { padding: 89px 0; } .user { /* margin:0px 30px;*/ margin-top: 30px; } .user ul { flex-direction: column; justify-content: center; align-items: flex-start; } .user ul li { width: 160px; height: 26px; } #Capa_1 { margin-top: 9px; } .header-mid-bar .container { max-width: 1400px; } @media screen and (max-width: 950px) { btn recomended-product__detail { opacity: 1 !important; } .bx-authform { max-width: 100%; } } @media screen and (max-width: 1250px) { .header-info { display: none; } } .partnersauto { margin-top: 50px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .vbutton { padding: 10px; color: #fff; background: #0577fd; border: none; font-size: 25px; width: 100%; margin: 20px auto; } .partcont { color: #fff; width: 60%; } .partimg { position: relative; bottom: 2px; margin-right: 50px; width: 24%; height: 245px; background-size: cover !important; } @media screen and (max-width: 950px) { .partnersauto { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .partimg { width: 300px; height: 200px; margin-right: 0; background-size: cover !important; } .partcont { padding-top: 30px; color: #fff; width: 400px; } } @media screen and (max-width: 500px) { .partimg { width: 300px; height: 200px; background-size: cover !important; } .partcont { padding-top: 30px; color: #fff; width: 300px; } } .catalog__list li a { text-align: center; font-size: 14px; } .catcatal li { height: auto !important; } @media screen and (max-width: 1002px) { .catalog__list, .catalog > ul { justify-content: center !important; } } @media screen and (max-width: 460px) { .catalog__item, .catalog > ul > li { height: auto !important; } } a { color: #0577fd; -webkit-transition: all .3s ease; transition: all .3s ease; } a:hover, a:active, a:focus { color: #1775e4; } .category .section-title { text-align: left; } .about .section-title::after, .partnservice .section-title::after { background: #ffd02e; width: 100%; } .stock, .news, .sidenav { display: none; } body { font-size: 1em; color: #000; font-family: 'Proxima Nova'; width: 100%; height: 100%; min-width: 320px; margin: 0 auto; overflow-x: hidden; font-weight: 400; } .ovf-h { overflow: hidden; } .sort-btn { background-color: #ccc !important; } .btn { display: inline-block; background-color: #0577fd; border: none; color: #fff; border-radius: 5px; font-weight: 700; font-size: 1.125em; white-space: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; } .btn1 { display: inline-block; background-color: #0577fd; border: 12px solid #0577fd; color: #fff; border-radius: 0; font-weight: 700; font-size: 1.325em; text-transform: uppercase; white-space: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; } .btn:hover, .btn:active { background-color: #114dea; color: #fff; } .container { width: 100%; max-width: 1140px; padding: 0 10px; margin: 0 auto; } .section-title { color: #000; font-weight: 700; font-size: 35px; position: relative; margin: 30px 0; text-transform: uppercase; } .section-title--light { font-weight: 400; } .section-title::after { content: ''; position: absolute; width: 290px; height: 8px; background-color: #0577fd; left: 0; top: 100%; } .section-title--center { text-align: center; } .section-title--center::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .section-title--line-less { margin-top: 24px; } .section-title--line-less::after { max-width: 195px; } .header__decktop { display: block; } .header__mobile { display: none; } .header-top-bar { height: 60px; background-color: #012958; } .header-top-bar .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .top-bar-nav { margin-left: -25px; } .top-bar-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .user_autorizovan li { color: #fff; } .top-bar-nav ul li a { color: #fff; font-weight: 400; display: inline-block; padding: 5px 25px; position: relative; white-space: nowrap; } .top-bar-nav ul li a:hover, .top-bar-nav ul li a:active, .top-bar-nav ul li a:focus { background: #0079ff; } .top-bar-nav ul li a::after { content: ''; position: absolute; height: 70%; width: 1px; background-color: #0079ff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -1px; } .top-bar-nav ul li:last-child a::after { background-color: none; width: 0px; } .user ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .user ul li a { display: inline-block; padding: 0px 30px; padding-right: 0; position: relative; font-weight: 700; color: #ffffff; } .user ul li a:hover, .user ul li a:active, .user ul li a:focus { color: #0577fd; } .header-mid-bar { height: 120px; background: linear-gradient(to top, #252428, #000000); } .header-mid-bar .container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo--header { margin-left: -27px; margin-right: 50px; } .about__text a { color: #FFA011; transition: .3s; } .about__text a:hover { color: #ffd02e; } .header-info { margin-left: 68px; margin-right: 20px; } .header-info__phone { padding-left: 32px; font-weight: 700; color: #fff; font-size: 1.3em; display: block; line-height: normal; white-space: nowrap; position: relative; /*bottom:10px;*/ } .header-info__phone::before { content: ''; position: absolute; width: 23px; height: 23px; background: url(/local/templates/Tonnag-copy/assets/css/../img/css_sprites.png) -54px -120px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .header-info__text { padding-left: 32px; font-size: 0.938em; color: #d7d7d7; position: relative; /*bottom: 12px;*/ } .basket__icon-box { width: 46px; height: 50px; margin: 0 auto; position: relative; } .basket__text { font-size: 0.875em; white-space: nowrap; color: #fff; } .basket__sum-box { color: #fff; font-weight: 700; font-size: 1.313em; white-space: nowrap; } .header-nav { margin-left: 0px; /*height: 70px;*/ background-color: #252428; } .header-nav .container { height: 100%; } .header-nav ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } .header-nav ul li { height: 100%; } .header-nav ul li a { line-height: 50px; text-transform: uppercase; white-space: nowrap; color: #fff; font-size: 1.063em; display: inline-block; padding: 10px 23px; position: relative; } .header-nav ul li a:hover, .header-nav ul li a:active, .header-nav ul li a:focus { background-color: #0079ff; } .header-nav ul li a:hover::after, .header-nav ul li a:active::after, .header-nav ul li a:focus::after { height: 100%; } .header-nav ul li a::after { content: ''; position: absolute; height: 70%; width: 1px; background-color: #0079ff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -1px; } .header-nav ul li:last-child a::after { content: none; } .header-top-bar { height: 30px; display: none; } .top-bar-nav { margin-left: -15px; } .top-bar-nav ul li a { font-size: 1em; padding: 5px 15px; } .header-mid-bar { height: 85px; } .logo--header { margin-right: 20px; } .search__input { width: 300px; } .basket__text { font-size: 0.8em; } .basket__sum-box { font-size: 0.9em; } .basket__icon-box { width: 35px; height: auto; } .basket__icon-box img { width: 35px; } .header-nav { margin-left: 0px; height: auto; padding-top: 5px; } .header-nav ul li a { line-height: 20px; font-size: 16px; } @media (max-width: 1370px) { .header-info { margin-left: 30px; } } @media (max-width: 1275px) { .header-info { margin-left: 50px; } .header-info__phone { font-size: 1.200em; } .top-bar-nav { margin-left: -15px; } .top-bar-nav ul li a { font-size: 1em; padding: 10px; } .header-nav { margin-left: -15px; } .header-nav ul li a { color: #fff; font-size: 0.938em; padding: 10px 15px; } .search__input { width: 290px; } } @media (max-width: 1100px) { .header-info { margin: 0 15px; } .logo--header { margin-right: 20px; } .header-top-bar { height: 40px; } .top-bar-nav { margin-left: -12px; } .top-bar-nav ul li a { font-size: 0.875em; padding: 5px 12px; } .header-nav { height: 50px; margin-left: -12px; } .header-nav ul li a { line-height: 30px; color: #fff; font-size: 0.813em; padding: 10px 12px; } } @media (max-width: 1030px) { .logo--header { margin-right: 0; } .user__sign-in, .user__reg { font-size: 0.875em; } .user__sign-in { margin-right: 10px; } .header-info { display: none; } } .p-mob { padding-left: 10px; padding-right: 20px; } .header-mob { display: none; } .top-bar-mob { height: 93px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000000; } .header-mob-humb { cursor: pointer; transform: scale(0.8); } .header-mob-humb .bar1, .header-mob-humb .bar2, .header-mob-humb .bar3 { border-radius: 10px; width: 39px; height: 8px; background-color: #ffffff; margin: 5px 0; -webkit-transition: 0.4s; transition: 0.4s; border: 1px solid #b0b0b0; } .header-mob-bot-bar { padding-left: 20px; padding-right: 20px; height: 60px; background-color: #0577fd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-mob-bot-bar .search--mob { width: 100%; margin: 0; max-width: 320px; } .header-mob-bot-bar .search--mob .search__input { width: 90%; max-width: 247px; } .slide-menu { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; } .slide-menu__top-bar { height: 41px; background-color: #d7d7d7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .slide-menu__close { cursor: pointer; /* padding: 15px 35px;*/ padding-right: 105px; } .slide-menu__close .bar1, .slide-menu__close .bar2 { border-radius: 10px; height: 3px; width: 32px; background-color: #fff; } .slide-menu__close .bar1 { -webkit-transform: rotate(45deg) translate(0px, 1px); transform: rotate(45deg) translate(0px, 1px); } .slide-menu__close .bar2 { -webkit-transform: rotate(-45deg) translate(1px, -2px); transform: rotate(-45deg) translate(1px, -2px); } .mobile-mav { background-color: #fff; height: 100%; } .mobile-mav ul li a { font-size: 1.125em; color: #000; line-height: 36px; text-transform: uppercase; font-weight: 700; position: relative; } .mobile-mav ul li a::after { content: ''; position: absolute; height: 1px; width: 61px; background-color: #0577fd; left: 0; bottom: -8px; } .mobile-mav ul li a:hover, .mobile-mav ul li a:active, .mobile-mav ul li a:focus { color: #0577fd; } .mobile-info .header-info { padding: 11px; margin: 0; height: 100px; display: block; text-align: center; position: absolute; bottom: 0; background-color: #000; width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mobile-info .header-info__phone { display: inline-block; line-height: 23px; } .mobile-info .header-info__text { display: block; } @media (max-width: 900px) { .header__decktop { display: none; } .header-mob { display: block; } .user ul { flex-direction: row; justify-content: flex-start; } .user ul li { height: 55px; } } .banner { margin-bottom: 10px; } .banner__img-box { width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner__img-box img { display: block; width: 131% !important; } .banner .container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #adafb3; padding: 0; overflow: hidden; } .banner > ul { overflow: hidden; } .banner > ul > li { position: relative; } .banner__info ul { margin-bottom: 10px; } .banner__info ul li { font-size: 0.663em; color: #fff; font-weight: 700; } .banner__title { font-size: 1.075em; color: #fff; line-height: 21px; font-weight: 700; } .banner__info { position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 25%; } .banner__disc-box { color: #000; font-size: 1.375em; font-weight: 700; position: relative; margin: 10px 0; } .banner__disc { white-space: nowrap; } .banner__disc--pers { margin-left: 20px; font-size: 0.974em; font-weight: 700; line-height: 60px; position: absolute; bottom: 0; } .banner__link { padding: 5px 22px; } .banner .owl-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -2px; } .banner .owl-dots .owl-dot span { margin: 5px; display: block; background-color: #fff; height: 13px; width: 13px; border-radius: 50%; } .banner .owl-dots .active span { background-color: #0577fd; } .banner__main-img { max-height: 260px; min-height: 161px; width: 100%; height: auto; display: block; object-fit: contain; z-index: 1; } @media (max-width: 1100px) { .banner__info { right: 0; width: 54%; } .banner__title { font-size: 2.250em; line-height: 34px; } .banner__disc-box { margin: 0; margin-bottom: 20px; font-size: 1.975em; } .banner__disc--pers { margin-left: 60px; font-size: 2.774em; line-height: 60px; } .banner .container ul { margin-bottom: 20px; } .banner .container ul li { margin-bottom: 5px; } } @media (max-width: 1070px) { .banner .owl-dots { transform: none; left: auto; right: 10%; } } @media (max-width: 970px) { .banner .container ul { display: none; } } @media (max-width: 776px) { .category .section-title { text-align: center; } .banner__info { right: 0; width: 56%; } .banner__title { font-size: 2.050em; line-height: 34px; } .banner__disc-box { margin: 0; margin-bottom: 20px; font-size: 1.875em; } .banner__disc--pers { margin-left: 40px; font-size: 2.474em; line-height: 60px; } .banner__link { padding: 10px 52px; } .banner .owl-dots { display: none; } } @media (max-width: 666px) { .banner__info { right: 0; width: 56%; } .banner__title { font-size: 1.650em; line-height: 28px; } .banner__disc-box { margin: 0; margin-bottom: 20px; font-size: 1.675em; } .banner__disc--pers { margin-left: 20px; font-size: 1.974em; line-height: 50px; } .banner__link { padding: 7px 40px; } } @media (max-width: 480px) { .banner__info { right: 20px; width: auto; } .banner__title { margin-left: -5px; font-size: 1.150em; line-height: 18px; text-shadow: 1px 1px 0 #000; } .banner__disc-box { margin: 5px 0 10px; margin-left: -5px; font-size: 1.175em; padding-right: 10px; } .banner__disc--pers { margin-left: 8px; font-size: 2.274em; line-height: 34px; } .banner__main-img { width: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: 0 0; object-position: 0 0; } } .category ul { margin-left: -19px; margin-right: -19px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around; } .category ul li { width: 20%; padding: 19px; height: 20%; } .category__box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .category__gradient { position: absolute; top: 0; right: 0; left: 0; bottom: 0; /*background: -webkit-linear-gradient(left, #151515 0%, #151515 35%, rgba(21, 21, 21, 0.846376) 70%, rgba(21, 21, 21, 0.445032) 100%); background: linear-gradient(90deg, #151515 0%, #151515 5%, rgba(21, 21, 21, 0.846376) 30%, rgba(21, 21, 21, 0.445032) 100%);*/ } .category__img-box { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .category__img-box img { display: block; height: 100%; z-index: 50; } .category__img-box img:hover { opacity: 0.8; } .category__info { } .category__logo { position: absolute; top: 5%; left: 5%; display: none; } .category__name { font-size: 2.063em; text-transform: uppercase; color: #fff; } .category__cat { font-size: 2.938em; text-transform: uppercase; color: #fff; font-weight: 700; } @media (max-width: 1000px) { .category ul { margin: 0 -10px; } .category ul li { height: 25%; padding: 10px; width: 25%; } .category__img-box { padding-left: 0; } .category__img-box img { } } @media (max-width: 776px) { .section-title { text-align: center; } .section-title--center { margin-left: 0; } .section-title::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 776px) { .category ul { margin-left: -10px; margin-right: -10px; } .category ul li { padding: 0; } .category__img-box { padding-left: 0; } .category__img-box img { } .category__logo { height: 50px; } .category__name { font-size: 1.500em; } .category__cat { font-size: 2.250em; } } @media (max-width: 630px) { .category ul li { width: 50%; padding: 5px; height: 50%; } .category__img-box { padding-left: 0; } .category__img-box img { } } @media (max-width: 540px) { .category .container { padding: 0 10px; } .category ul li { } .category__img-box img { } .category__name { font-size: 0.813em; } .category__cat { font-size: 1.188em; } } @media (max-width: 430px) { .category ul li { } .category__img-box img { } } .about .section-title, .partnservice .section-title { color: #fff; position: relative; width: fit-content; } #products:before { content: ''; position: absolute; height: 8px; left: 50%; bottom: 0; transform: translateX(-50%); background: #ffd02e; width: 30%; } .about { overflow: hidden; position: relative; } .about .section-title--center { margin-left: -60px; } .about .container { } .about__img{ position: absolute; width: 923px; height: 734px; left: -38px; } .about__img img{ width: 100%; height: 100%; object-fit: cover; } .section-about { position: relative; display: flex; flex-direction: column; justify-content: center; } .section-about.black { background-color: #1B1F25; padding: 42px 0; min-height: 818px; } .about__box { margin: 0 0 0 auto; color: #fff; max-width: 692px; } .about__img-wrap { position: absolute; top: 65%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -50px; } .about__img-wrap img { height: 590px; } .about-title { font-size: 36px; font-weight: 800; line-height: 36px; color: #FFFFFF; } .about__text { margin-top: 48px; width: 100%; font-size: 16px; font-weight: 400; line-height: 32px; } .section-about.white{ padding: 105px 0 162px; background-color: #fff; } .section-about.white .about-title { color: #1B1F25; } .section-about.white .about-title span{ color: #FFA011; } .section-about.white .about__text { margin-top: 67px; color: #1B1F25; } .section-about .ul_main{ margin-bottom: 40px; } .section-about .ul_main li{ list-style-type: disc; margin-left: 28px; } .about__text p.enter { margin-bottom: 40px; } .about__show-more { width: 100%; height: 64px; margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #11151C; } .about__arrow-down { display: block; margin: 0 auto; color: #A1A8B1; font-size: 16px; font-weight: 400; line-height: 16px; text-align: left; } .about__show-more { display: none; } @media (max-width: 1450px) { .about__img-wrap { position: absolute; top: 64%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -80px; } .about__img-wrap img { height: 530px; } } @media (max-width: 1250px) { .about .container { display: block; } .about__img-wrap { display: none; float: left; position: static; top: auto; -webkit-transform: translateY(0); transform: translateY(0); left: auto; } .about__img-wrap img { height: 530px; } .about__text { padding: 40px 0; margin: 0; width: 100%; max-width: 100%; } } @media (max-width: 776px) { .about .section-title--center { margin-left: 0; } } @media (max-width: 540px) { #products.about { margin-bottom: 0; padding-bottom: 0; } .about { padding-bottom: 20px; margin-bottom: 20px; } .about .section-title--center { margin-left: 0; } .about__text { height: 319px; font-weight: 300; overflow: hidden; padding: 0; } .about__text p:not(:last-child) { margin-bottom: 20px; } .about__show-more { display: -webkit-box; display: -ms-flexbox; display: flex; } } .section-why_us { padding: 119px 0 175px; background-color: #EEF4FD; } .section-why_us__title { font-size: 42px; font-weight: 800; line-height: 42px; color: #1B1F25; text-align: center; } .section-why_us__title span { color: #277AF9; } .section-why_us ul{ display: flex; justify-content: space-between; align-items: center; margin-top: 103px; gap: 21px; } .section-why_us ul li { width: calc(100% / 5); min-height: 201px; } .section-why_us ul li div { height: 100px; } .section-why_us ul li img{ display: block; height: 100%; object-fit: cover; margin: 0 auto; } .section-why_us ul li h3 { color: #000000; font-size: 24px; font-weight: 400; line-height: 24px; text-align: center; margin-top: 42px; } .list-slider .owl-stage { display: flex; } .owl-nav.disabled{ display: none; } @media (max-width: 1024px) { .section-why_us ul li div{ height: 70px; } .section-why_us img{ width: initial; } .section-why_us ul li h3 { font-size: 16px; } .section-why_us{ padding: 103px 0 93px; } .section-why_us ul li { width: 100%; } .section-why_us__title{ font-size: 32px; } } @media (max-width: 768px) { .section-why_us ul li div{ height: 137px; } .section-why_us ul li h3 { font-size: 24px; font-weight: 700; line-height: 24px; } .section-why_us ul { margin-top: 57px; display: block; } .section-why_us .owl-dots{ justify-content: center; display: flex; gap: 7px; align-items: center; margin-top: 71px; } .section-why_us .owl-dots span{ background-color: #CED5E1; display: block; height: 4px; width: 29px; border-radius: 1px; } .section-why_us .owl-dot.active span{ background-color: #277AF9; } .section-why_us .owl-item:not(.active){ opacity: .3; } .section-catalog{ padding: 40px 0 70px; } } @media (max-width: 500px) { .section-why_us ul li { } } @media (max-width: 630px) { .container { padding: 0 20px; } .section-title { margin: 30px 0; } .section-title::after { width: 150px; height: 5px; } .tittle_uzel { text-align: center; border: 1px solid black; width: 100%; padding: 5px; background: #252428; color: #fff; font-family: 'Proxima Nova'; } } @media (max-width: 540px) { .tittle_uzel { text-align: center; border: 1px solid black; width: 100%; padding: 5px; background: #252428; color: #fff; font-family: 'Proxima Nova'; } } @media (max-width: 350px) { .tittle_uzel { text-align: center; border: 1px solid black; width: 100%; padding: 5px; background: #252428; color: #fff; font-family: 'Proxima Nova'; } } .stock ul li { background: url(/local/templates/Tonnag-copy/assets/css/../img/bg-akcii.jpg) no-repeat center; background-size: cover; height: auto; padding: 20px; } .stock ul li .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .stock__img-wrap { position: relative; padding-right: 100px; } .stock__img-wrap img { max-width: 250px; display: block; height: auto; min-width: 225px; } .stock__img { max-width: 440px; display: block; height: auto; min-width: 225px; } .stock__info { padding-left: 40px; } .stock__title { display: inline-block; font-size: 50px; font-weight: 900; text-transform: uppercase; margin-bottom: 60px; color: #fff; } .stock__title--main-c { color: #ffd02e; } .stock__text { max-width: 620px; font-size: 1.813em; color: #fff; margin-bottom: 100px; } .stock__text--bold { font-weight: 700; } .stock__link { padding: 15px 52px; } .stock .owl-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 26px; } .stock .owl-dots .owl-dot span { margin: 5px; display: block; background-color: #fff; height: 13px; width: 13px; border-radius: 50%; } .stock .owl-dots .active span { background-color: #0577fd; } .stock-price-box { top: 0; left: 0; position: absolute; padding: 12px; width: 118px; height: 118px; border-radius: 50%; background-color: #0577fd; box-shadow: 0px 4px 4px 0px rgba(19, 19, 12, 0.75); text-align: center; color: #fff; font-size: 1.563em; line-height: 24px; } .stock-price-box__price { display: inline-block; margin-top: 5px; font-size: 1.600em; font-weight: 700; line-height: 30px; } @media (max-width: 1140px) { .stock__info { padding-left: 0; } .stock__img-wrap { padding-right: 0; } .stock__title { font-size: 4.000em; line-height: 64px; margin-bottom: 40px; } .stock__text { margin-bottom: 60px; font-size: 1.500em; } } @media (max-width: 776px) { .stock ul li { height: 500px; } .stock__title { font-size: 3.250em; line-height: 52px; margin-bottom: 20px; } .stock__text { margin-bottom: 40px; } } @media (max-width: 640px) { .recomended-product.recomended-product--filtered .product-price__current-price { font-size: 16px; } .recomended-product.recomended-product--filtered .product-price__old-price { font-size: 0.8em; } } @media (max-width: 540px) { .stock { padding-bottom: 0px; } .stock ul li { padding: 40px 0; height: 640px; text-align: center; } .stock ul li .container { display: block; } .stock__img-wrap { margin: 0 auto; max-width: 270px; } .stock__title { font-size: 3.750em; line-height: 60px; } .stock__text { font-size: 1.563em; } .stock .owl-dots { display: none; } .stock .stock-price-box { width: 100px; height: 100px; top: -20px; left: -20px; padding: 8px; font-size: 1.313em; } .stock .stock-price-box__price { font-size: 1.280em; } .stock__link { padding: 7px 31px; } } @media (max-width: 440px) { .stock__img-wrap { max-width: 230px; margin-bottom: 20px; } } .news { padding-bottom: 60px; overflow: hidden; } .news ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -20px; margin-right: -20px; padding-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news ul li { width: 33%; padding-left: 20px; padding-right: 20px; min-width: 300px; } .news ul li:not(:last-child) { margin-bottom: 20px; } .news__btn-box { text-align: center; } .news__all-news { padding: 10px 30px; } .article__img-wrap { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article__img-wrap img { width: 100%; min-height: 100%; display: block; } .article__info { position: relative; padding: 30px; background-color: #252428; } .article__date { font-size: 0.875em; font-weight: 700; color: #c7cbd4; } .article h4 { min-height: 86px; color: #fff; font-size: 1.500em; margin: 10px 0 15px; } .article p { color: #c7cbd4; font-weight: 700; font-size: 1.125em; margin-bottom: 30px; } .article__read { position: absolute; bottom: 20px; left: 30px; font-size: 0.875em; font-weight: 700; color: #0577fd; } .article__read:hover, .article__read:active, .article__read:focus { color: #fff; } @media (max-width: 1000px) { .news ul { margin-left: -10px; margin-right: -10px; } .news ul li { width: 33%; padding-left: 10px; padding-right: 10px; } .article__info { padding: 20px 15px; } .article__read { left: 15px; } .article p { font-size: 1.125em; margin-bottom: 20px; } } @media (max-width: 540px) { .news .news-slider .article__info { min-height: 360px !important; } .news__btn-box { display: none; } .news .container { padding: 0; } .article__info { text-align: center; padding: 40px 20px 50px; } .article__date { font-size: 0.813em; } .article h4 { font-size: 1.375em; } .article p { margin-bottom: 30px; font-weight: 400; font-size: 0.875em; line-height: 24px; } .article__read { white-space: nowrap; left: 50%; transform: translateX(-50%); bottom: 45px; font-size: 1.188em; text-transform: uppercase; color: #fff; background-color: #0577fd; padding: 7px 15px; border-radius: 5px; } } .news .news-slider { margin: 0; padding: 0; } .news .news-slider li { width: 100%; padding: 0; } .news .news-slider .owl-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; } .news .news-slider .owl-dots .owl-dot span { margin: 5px; display: block; background-color: #fff; height: 13px; width: 13px; border-radius: 50%; } .news .news-slider .owl-dots .active span { background-color: #0577fd; } .news .news-slider .article__info { min-height: 320px; } .contact { background-color: #d7d7d7; padding: 60px 40px 0; overflow: hidden; } .contact .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contact__info-box img { margin-left: -40px; display: block; max-width: 100%; height: auto; } .contact strong { font-size: 3.500em; font-weight: 700; line-height: 60px; color: #252428; } .contact__text { max-width: 574px; font-size: 1.688em; color: #252428; margin-bottom: 20px; } .form-contact { width: 510px; padding-bottom: 40px; } .form-contact__item, .form-contact__submit { height: 75px; display: block; border-radius: 5px; border: none; padding: 20px 27px; width: 100%; } .form-contact__item { margin-bottom: 20px; font-size: 1.688em; color: #767676; } .form-contact__item::-webkit-input-placeholder { font-size: 1.125em; color: #767676; } .form-contact__item::-moz-placeholder { font-size: 1.125em; color: #767676; } .form-contact__item:-ms-input-placeholder { font-size: 1.125em; color: #767676; } .form-contact__item::placeholder { font-size: 1.125em; color: #767676; } .form-contact__submit { margin-top: 40px; } .form-contact__checkbox { cursor: pointer; font-size: 1.125em; color: #252428; padding-left: 40px; position: relative; } .form-contact__checkbox input[type="checkbox"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; width: 0; height: 0; } .form-contact__checkbox input[type="checkbox"]:checked ~ .form-contact__checkmark { background-color: #0577fd; } .form-contact__checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: #fff; } @media (max-width: 960px) { .contact { padding: 60px 0 0 20px; } .contact strong { font-size: 2.750em; line-height: 50px; } .contact__text { max-width: 400px; font-size: 1.125em; line-height: 24px; } .form-contact__item, .form-contact__submit { height: 60px; padding: 10px 20px; } } @media (max-width: 800px) { .contact { padding: 60px 0 0 0; } .contact .container { display: block; } .contact__text { margin: 0 auto 20px; } .contact__info-box { text-align: center; } .contact__info-box img { max-height: 100px; margin: 0 auto; } .contact .form-contact { width: 100%; padding: 20px 0; margin: 0 auto; } } @media (max-width: 540px) { .contact { padding: 30px 0; } .contact strong { text-transform: uppercase; font-size: 1.625em; } .contact__text { font-size: 0.875em; max-width: 300px; line-height: 20px; } .contact__info-box img { display: none; } .contact .form-contact { padding: 0; } .form-contact__item { height: 30px; padding: 5px; margin-bottom: 10px; font-size: 0.938em; } .form-contact__item::-webkit-input-placeholder { font-size: 1em; } .form-contact__item::-moz-placeholder { font-size: 1em; } .form-contact__item:-ms-input-placeholder { font-size: 1em; } .form-contact__item::placeholder { font-size: 1em; } .form-contact__submit { margin-top: 15px; height: 37px; font-size: 1.188em; } .form-contact__checkbox { display: none; } } @media (max-width: 340px) { .contact strong { font-size: 1.375em; margin-bottom: 5px; line-height: 30px; } } .footer { padding: 60px 0 40px; background: linear-gradient(to bottom, #252428, #000000); color: #fff; } .footer .container { position: relative; } .footer .container > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .container > ul > li { width: 33.333%; } .footer .container > ul > li img { max-width: 100%; } .footer__copyright { font-size: 0.938em; position: absolute; left: 40px; bottom: 0; } .footer-nav ul:not(:last-child) { margin-bottom: 60px; } .footer-nav ul li a:hover, .footer-nav ul li a:active, .footer-nav ul li a:focus { color: #0577fd; } .footer-info > ul > li { padding-left: 50px; } .footer-info > ul > li:not(:last-child) { margin-bottom: 40px; } .footer-phone-box { position: relative; } .footer-phone-box::before { content: ''; position: absolute; width: 29px; height: 29px; background: url(/local/templates/Tonnag-copy/assets/css/../img/css_sprites.png) -76px -10px; top: 5px; left: -50px; } .footer-phone-box__phone { font-weight: 700; color: #fff; font-size: 1.938em; display: block; line-height: 26px; white-space: nowrap; position: relative; margin-bottom: 5px; } .footer-phone-box__phone:first-child { margin-bottom: 20px; } .footer-phone-box__info { font-size: 0.938em; color: #d7d7d7; margin-bottom: 10px; } .footer-phone-box__call { padding: 16px 56px; font-size: 0.938em; } .footer-phone-box__call:hover, .footer-phone-box__call:active, .footer-phone-box__call:focus { color: #fff; } .footer-addres { position: relative; } .footer-addres::before { content: ''; position: absolute; width: 22px; height: 32px; background: url(/local/templates/Tonnag-copy/assets/css/../img/css_sprites.png) -125px -10px; top: 5px; left: -50px; } .footer-addres__text { font-size: 0.938em; } .footer-email { position: relative; } .footer-email::before { content: ''; position: absolute; width: 29px; height: 20px; background: url(/local/templates/Tonnag-copy/assets/css/../img/css_sprites.png) -10px -80px; top: 5px; left: -50px; } @media (max-width: 1040px) { .footer { padding-top: 20px; padding-bottom: 60px; } .footer .container > ul > li { width: 50%; } .footer .container > ul > li:first-child { width: 100%; margin-bottom: 20px; } .footer__copyright { left: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px; } .footer-addres br { display: none; } } @media screen and (max-width: 761px) { .oitem, .cotlg { width: 100%; } .cotlg a { width: 100%; } } @media (max-width: 650px) { .footer { padding-bottom: 40px; } .footer__copyright { bottom: -20px; } .footer .container > ul > li { text-align: center; margin-bottom: 20px; width: 100%; } .footer-nav ul:not(:last-child) { margin-bottom: 20px; } .footer-addres__text { max-width: 320px; margin: 0 auto; } .footer-info > ul > li { padding-left: 0; } .footer-info > ul > li:not(:last-child) { margin-bottom: 20px; } } @media (max-width: 540px) { .footer { padding-bottom: 0; } .footer__copyright { display: none; } .footer .container > ul > li:nth-child(2) { display: none; } .footer-phone-box__call { width: 100%; font-size: 1.188em; padding: 7px 56px; } .footer-info > ul > li { padding-left: 0; } .footer-info > ul > li:not(:last-child) { margin-bottom: 30px; } #elementOnStrSpan { float: none; } } .breadcrumb { overflow: hidden; margin-top: 41px; } .breadcrumb ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 65px; overflow-x: auto; overflow-y: hidden; } .breadcrumb ul li { font-size: 12px; color: #adadad; white-space: nowrap; position: relative; } .breadcrumb ul li:not(:last-child):before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: .5px; background-color: #929BA8; } .breadcrumb ul li span{ padding: 0 !important; color: #1B1F25 !important; font-weight: 700; white-space: nowrap; } .breadcrumb ul li:last-child { pointer-events: none; } .breadcrumb ul li a { color: #adadad; display: inline-block; /*padding: 10px 21px;*/ position: relative; white-space: nowrap; } .breadcrumb ul li a::after { content: ''; position: absolute; height: 17px; width: 33px; top: 50%; right: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/local/templates/Tonnag-copy/assets/img/new/arrow-right.svg"); background-repeat: no-repeat; background-position: center; } .breadcrumb ul li:last-child a::after { content: ''; position: absolute; height: 0px; width: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -5px; } .breadcrumb ul li a:hover, .breadcrumb ul li a:active, .breadcrumb ul li a:focus { color: #0577fd; } .breadcrumb__active { pointer-events: none; } .breadcrumb__active::after { display: none; } img.mfp-img { background-color: #fff; padding: 20px; } .mfp-close { right: -7px !important; cursor: pointer; top: -40px !important; } .product { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; margin-bottom: 82px; } .product__img-box { width: calc(51% - 15px); } .product__img { display: block; height: 100%; width: 100%; max-width: 100%; object-fit: cover; } .product__info { width: calc(49% - 15px); height: fit-content; } .product__text { font-size: 1.125em; color: #6c6c6c; } .product-action { display: flex; align-items: center; flex-wrap: wrap; row-gap: 8px; margin-top: 30px; margin-bottom: 30px; } .rubl-cur { font-family: 'rubl'; font-weight: 500; } .rubl-cur--light { font-weight: 300; } .product-price__current-price { font-size: 24px; font-weight: 700; line-height: 24px; color: #000000; margin-top: 10px; } .product-price__old-price { font-size: 1.438em; text-decoration: line-through; font-weight: 400; white-space: nowrap; } .privileges ul li { height: 26px; display: inline-block; font-size: 0.875em; padding: 4px 8px 3px; border-radius: 3px; background-color: #ffd02e; font-weight: 400; margin-right: 5px; } .product-buy { display: flex; align-items: center; gap: 8px; } .product-buy__quan-btn { border: 1px solid #ebebeb; background-color: #fff; width: 32px; height: 100%; font-size: 1.688em; color: #b6b6b6; } .product-buy__qantity { border: none; text-align: center; font-size: 1.188em; color: #262626; max-width: 71px; background-color: #ebebeb; } .product-buy__to-cart { border-radius: 0; width: 100%; height: 100%; font-size: 14px; font-weight: 700; line-height: 14px; } .product-buy__buy { width: 100%; border: none; height: 41px; background-color: transparent; color: #0577fd; border: 1px solid #0577fd; font-weight: 700; -webkit-transition: all .3s ease; transition: all .3s ease; } .product-buy__buy:hover { background-color: #0577fd; color: #fff; } .quantity-box { height: 49px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 8px; } .bx-retina .product-item-amount-field1{ height: 100%; width: initial; max-width: 50px; background-color: #EFEFEF; font-size: 17px; font-weight: 400; line-height: 17px; } .product-buy .product-item-amount-field-btn-minus1, .product-buy .product-item-amount-field-btn-plus1{ background-color: #EFEFEF; } .product-availability { margin-bottom: 40px; position: relative; } .product-availability__title { font-size: 1.125em; color: #000; font-weight: 700; margin-bottom: 6px; } .product-availability__box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-availability__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -2px; position: relative; } .product-availability__result { color: #277AF9; font-size: 14px; font-weight: 400; line-height: 17.33px; } .product-availability__result.type2{ color: #F0C015; } .sidebar-content-box__content__top{ display: flex; align-items: center; } .show-count-current .text:last-child{ display: none; } .show-count-current .text:first-child{ font-family: "Proxima Nova"; color: #A1A8B1; font-size: 16px; font-weight: 400; line-height: 16px; text-align: left; } .sidebar-content-box__content__title h2 { color: #1B1F25; font-size: 32px; font-weight: 700; line-height: 32px; text-align: left; margin-bottom: 40px; } .pagination-container .text:first-child{ display: none; } .rate-block { position: relative; display: block; width: 19px; height: 19px; margin: 2px; background-color: #c4c4c4; border-radius: 3px; } .checked-rate { background-color: #0577fd !important; } .product-tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; } .product-tab button{ color: #B6B7B8; font-size: 18px; font-weight: 400; line-height: 18px; text-align: left; background-color: rgba(0, 0, 0, 0); -webkit-transition: all .3s ease; transition: all .3s ease; } .product-tab--active button{ font-weight: 700; color: #303544; } .product-tab-item .descrip{ font-size: 14px; font-weight: 400; line-height: 21px; color: #303544; } .product-tab-item .descrip p:not(:first-child){ margin-top: 21px; } .characteristics ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125em; color: #000; } .characteristics__name { padding-left: 10px; padding-right: 10px; position: relative; white-space: nowrap; height: 100%; } .characteristics__name::before { content: ''; display: block; position: absolute; width: 3px; height: 3px; background-color: #0577fd; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .characteristics__dots { height: 26px; width: 100%; background: url(/local/templates/Tonnag-copy/assets/css/../img/dott.png) repeat-x center; } .characteristics__value { padding-left: 10px; white-space: nowrap; } .line-hr { height: 1px; background-color: #ebebeb; width: 100%; margin-top: 20px; } .line-hr--width { width: calc(100% + 50vw); } .ask-quest { display: -webkit-box; display: -ms-flexbox; display: flex; } .ask-quest__info { font-size: 1.125em; color: #000; width: 28%; margin-right: 40px; } .ask-quest__info p { margin-bottom: 10px; } .ask-quest__title { font-weight: 700; color: #000; font-size: 1.125em; } .ask-quest__form { width: 72%; } .ask-question__section:not(:first-child) { margin-top: 20px; } .ask-question__input { resize: none; padding: 20px; border-radius: 1px; border: 1px solid #E6E6E6; display: block; width: 100%; outline: none; margin-top: 4px; font-size: 14px; font-weight: 300; line-height: 14px; color: #808996; } .ask-question__input--field { margin-bottom: 20px; } .ask-question__inp-head { font-size: 14px; font-weight: 700; line-height: 14px; color: #000000; } .ask-question__policy { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 14px; color: #898989; position: relative; } .ask-question__policy > div{ margin-left: 30px; } .ask-question__policy input:checked ~ .ask-question__checkmark { background-color: #0577fd; } .ask-question__link { color: #277AF9; position: relative; } .ask-question__link:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #277AF9; } .ask-question__link:hover, .ask-question__link:active, .ask-question__link:focus { text-decoration: underline; } .ask-question__checkmark { display: inline-block; position: absolute; width: 20px; height: 20px; border: 1px solid #E6E6E6; border-radius: 2px; background-color: #fff; left: 0; top: -3px; } .ask-question__submit { margin-top: 24px; font-size: 14px; font-weight: 700; line-height: 14px; color: #fff; border-radius: 5px !important; display: block; padding: 16px 24px !important; } .filter ~ .in-catalog .catalog-section ul li{ width: calc(25% - 15px); } @media (max-width: 1000px) { .product__text { font-size: 0.875em; } } @media (max-width: 700px) { .breadcrumb { /*display: none;*/ margin-top: 20px; } .product__info { width: 100%; } .product-tab-item { padding: 0; } .ask-quest { display: block; } .ask-quest__info { width: 100%; } .ask-quest__form { width: 100%; } } @media (max-width: 500px) { .product .product-price__current-price { font-size: 1.500em; line-height: 26px; } .product .product-price__old-price { font-size: 1.375em; line-height: 26px; } .ask-question__box { margin-left: 0; display: block; } } @media (max-width: 400px) { .product .product-price { min-width: auto; } .product .product-buy { width: 100%; } .product .product-buy button { font-size: 14px; } } .personal-recomendations { padding: 20px 0 40px; } .personal-recomendations .container > h2 { display: block; font-size: 1.125em; font-weight: 700; margin-bottom: 10px; } .personal-recomendations .container > ul, .personal-recomendations > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .personal-recomendations .container > ul > li, .personal-recomendations > ul > li { width: 20%; } .personal-recomendations--3-col > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .personal-recomendations--3-col > ul > li { width: 33%; max-width: 280px; } .personal-recomendations--3-col .recomended-product__img-wrap { width: 80%; margin: 0 auto; } .recomended-product { max-width: 282px; padding: 24px 16px; border-bottom: 1px solid transparent; -webkit-transition: all .2s ease; transition: all .2s ease; } .recomended-product:hover { border-color: #ebebeb; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .recomended-product:hover .recomended-product__detail { opacity: 1; display: flex; margin-top: 24px; } .recomended-product__img-wrap { padding: 1px 1px; width: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .recomended-product__img-wrap img { width: 100%; height: 100%; display: block; max-width: 100%; object-fit: cover; } .recomended-product__img { display: block; max-width: 100%; height: auto; width: 100%; } .recomended-product__title a{ color: #373839; font-size: 16px; font-weight: 400; line-height: 22.4px; text-align: left; margin: 0; /* Убираем внешний отступ */ -webkit-line-clamp: 3; /* Число отображаемых строк */ display: -webkit-box; /* Включаем флексбоксы */ -webkit-box-orient: vertical; /* Вертикальная ориентация */ overflow: hidden; /* Обрезаем всё за пределами блока */ } .recomended-product .product-availability { margin: 8px 0; } .recomended-product .product-price__current-price { font-size: 20px; line-height: 24px; } .recomended-product .product-price__old-price { font-size: 1.125em; } .recomended-product__detail { background-color: #277AF9; opacity: 1; padding: 12px 9px; width: 100%; border-radius: 6px; font-size: 16px; font-weight: 700; line-height: 19.8px; text-transform: initial; display: flex; justify-content: center; align-items: center; gap: 8px; max-height: initial; height: 44px; margin-top: 10px; } .recomended-product__detail:first-letter { text-transform: uppercase; } .recomended-product__detail:hover { background-color: #1775e4; color: #fff; } @media (max-width: 1150px) { .personal-recomendations .container > ul, .personal-recomendations > ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } .personal-recomendations .container > ul > li, .personal-recomendations > ul > li { width: auto; } } @media (max-width: 600px) { .personal-recomendations .container > ul, .personal-recomendations > ul { margin-right: -20px; margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } .personal-recomendations .container > ul > li, .personal-recomendations > ul > li { width: auto; } .personal-recomendations .container > h2, .personal-recomendations > h2 { font-size: 1em; } .recomended-product { padding: 20px; max-width: 240px; } } .sidebar-item-to-bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 116px; } .recomended-product__title { min-height: 65px; height: auto !important; } .sidebar-content-box { padding-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sidebar-content-box .bx_filter { position: relative; width: 25%; margin-right: 40px; } .sidebar-content-box__content { width: 100%; } .sidebar-content-box__content article { overflow: hidden; } .sidebar-content-box__content--no-ofh article { overflow: visible; } .sidebar-content-box--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .sidebar-content-box--reverse aside { margin-right: 0; margin-left: 30px; min-width: 240px; } .sidenav ul > li > a { display: block; width: 100%; background-color: #ebebeb; font-size: 1em; color: #454545; padding: 18px 20px; padding-right: 0; } .sidenav ul > li > a:hover, .sidenav ul > li > a:active, .sidenav ul > li > a:focus { color: #fff; background-color: #0577fd; } .sidenav ul > li > a.active { pointer-events: none; color: #fff; background-color: #0577fd; } .news-date-filter { margin-bottom: 10px; border: 1px solid #0577fd; } .news-date-filter > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-date-filter > ul > li > a { display: inline-block; padding: 20px 20px; font-size: 1.125em; font-weight: 700; color: #0577fd; } .news-date-filter > ul > li > a:hover, .news-date-filter > ul > li > a:active, .news-date-filter > ul > li > a:focus { color: #1775e4; } .news-date-filter > ul > li > a.active { color: #000; pointer-events: none; } .news-page-list > ul > li { padding: 25px 0; } .news-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news-item__img-wrap { width: 31.16%; max-width: 320px; overflow: hidden; } .news-item__img-wrap img { display: block; max-width: 100%; height: auto; } .news-item__img { display: block; max-width: 100%; height: auto; } .news-item__info { width: 71.1%; padding: 0 10px 20px 20px; } .news-item__date { font-size: 0.875em; color: #b7b7b7; } .news-item h3 { margin: 10px 0 20px; font-size: 1.500em; font-weight: 700; color: #0577fd; } .news-item h3:hover, .news-item h3:active, .news-item h3:focus { color: #1775e4; } .news-item p { font-size: 1em; font-weight: 700; } @media (max-width: 1000px) { .sidebar-content-box .bx_filter { margin-right: 20px; } .sidebar-content-box--reverse .bx_filter { margin-right: 0; margin-left: 20px; } .sidenav ul > li > a { padding: 15px; font-size: 0.875em; } .news-date-filter > ul > li > a { padding: 15px; font-size: 1em; } .news-item h3 { margin: 10px 0; } .news-item p { font-size: 14px; } } @media (max-width: 760px) { .news-page { padding-top: 20px; } .sidenav { margin-bottom: 20px; } .sidenav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .sidenav > ul > li { margin: 2px; } .sidenav > ul > li > a { white-space: nowrap; } .sidebar-content-box { flex-direction: column; } .sidebar-content-box .bx_filter { width: 100%; } .sidebar-content-box__content { width: 100%; } } .sidebar-content-box--reverse .bx_filter { margin: 0; margin-bottom: 20px; } .more-inner-wrap{ display: none; } @media (max-width: 650px) { .news-item { display: block; } .news-item__img-wrap { width: 90%; margin: 0 auto 20px; } .news-item__info { padding: 0; width: 100%; } .news-item h3 { font-size: 1.4em; } } @media (max-width: 500px) { .sidenav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sidenav > ul > li > a { padding: 10px; } } .news-page-item__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .news-page-item__img-wrap { width: 31%; max-width: 317px; min-width: 300px; overflow: hidden; margin-right: 20px; } .news-page-item__img-wrap img { display: block; max-width: 100%; height: auto; } .news-page-item__img { display: block; max-width: 100%; height: auto; } .news-page-item__top-info { padding-top: 10px; width: 66%; } .news-page-item__socials { margin-bottom: 43px; } .news-page-item .news-item__date { margin-bottom: 10px; } .news-page-item__title, .news-page-item h3 { font-weight: 700; font-size: 1.875em; line-height: 36px; color: #0577fd; } .news-page-item__text { padding-bottom: 40px; } .news-page-item__text p { font-size: 1.125em; color: #000; } .news-page-item__text ul { padding: 20px 0 30px; } .news-page-item__text ul li a { font-size: 1.125em; line-height: 36px; color: #0577fd; } .news-page-item__text ul li a:hover { color: #1775e4; } @media (max-width: 1000px) { .news-page-item__title, .news-page-item h3 { font-size: 1.5em; line-height: 26px; } } @media (max-width: 600px) { .news-page-item__header { display: block; } .news-page-item__img-wrap { margin: 0 auto; } .news-page-item__top-info { width: 100%; } .news-page-item__title, .news-page-item h3 { font-size: 1.3em; } .news-page-item__socials { text-align: center; margin: 10px 0; } .news-page-item__text ul li a { line-height: 26px; } .news-page-item__text p { font-size: 1em; } } .article-main { margin-top: -60px; font-size: 1.125em; } .article-main h2, .article-main h3, .article-main h4, .article-main h5 { font-weight: 700; color: #000; margin: 20px 0; } .article-main h2 { font-size: 1.875em; } .article-main h3 { font-size: 1.563em; } .article-main h4 { font-size: 1.250em; } .article-main h5 { font-size: 1.125em; } .article-main p { color: #000; } .article-main li:not(:last-child) { margin-bottom: 10px; } .article-main ul li::before { color: #0577fd; vertical-align: middle; content: "\25CF"; font-size: 12px; margin-left: 20px; width: 20px; display: inline-block; } .article-main ol { counter-reset: li; } .article-main ol li:before { content: counter(li) ". " !important; counter-increment: li; padding-right: 0 !important; color: #181818; margin-left: 20px; width: 20px; display: inline-block; } @media (max-width: 780px) { .article-main { margin-top: 0; } } @media (max-width: 540px) { .article-main { font-size: 1em; } .article-main h2 { font-size: 1.6em; } } .catalog__list, .catalog > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; } .cotlg { flex-direction: column; justify-content: space-between; align-items: center; } .catcatal .catalog__item .catalog-section { display: flex; justify-content: space-around; align-items: center; } .catalog__item, .catalog > ul > li { padding: 15px; border: solid #0577fd 1px; border-radius: 15px; margin: 13px 5px; width: 250px; height: 70px; } .catalog-section ul li { width: calc(20% - 35px); height: auto; min-height: 348px; position: relative; } .catalog-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; column-gap: 43px; row-gap: 40px; } .catalog-section ul:first-child{ margin-top: 40px; } .filter ~ .in-catalog .catalog-section ul{ column-gap: 20px; } .catalog-section__img-wrap { margin-right: 20px; } .catalog-section__img { display: block; width: 50px !important; height: auto !important; max-width: 250px; height: auto; } /* .catalog-section ul li a { white-space: nowrap; display: block; font-size: 0.875em; color: #000; padding: 5px 0; }*/ /* .catalog-section ul li a:hover, .catalog-section ul li a:active, .catalog-section ul li a:focus { text-decoration: underline; color: #1775e4; }*/ @media (max-width: 1300px) { .catalog-section ul li{ width: calc(25% - 33px); } } @media (max-width: 1024px) { .catalog-section ul { column-gap: 24px; } .catalog-section ul li{ width: calc(100% / 3 - 16px) !important; } } @media (max-width: 1020px) { .catalog-section__img { margin: 0 auto; } } @media (max-width: 920px) { .catalog__item, .catalog > ul > li { padding: 30px 0; width: 200px; } } @media (max-width: 768px) { .catalog-section ul { row-gap: 20px; } .catalog-section ul li{ width: calc(50% - 12px) !important; } } @media (max-width: 760px) { .catalog { padding-top: 20px; } } @media (max-width: 670px) { .catalog__item, .catalog > ul > li { padding: 20px 0; } /* .catalog-section ul{ display: block; }*/ .catalog-section__img-wrap { margin-bottom: 15px; } .catalog-section__img { margin: 0; } } @media (max-width: 500px) { .catalog-section ul{ column-gap: 10px; } .recomended-product--filtered{ padding: 24px 16px; } .catalog-section ul li{ width: calc(50% - 5px) !important; } } @media (max-width: 460px) { .catalog__list, .catalog > ul { display: block; } .catalog__item, .catalog > ul > li { width: 200px; margin: auto; } .catalog-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .basket-page__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-page__clear-basket { margin-top: 10px; font-size: 0.875em; position: relative; color: #d7d7d7; height: 42px; font-weight: 700; border: 1px solid #ebebeb; background-color: transparent; padding: 10px 20px 10px 55px; -webkit-transition: all .1s; transition: all .1s; } .basket-page__clear-basket .basket-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .basket-page__clear-basket:hover { text-decoration: line-through; } .basket-page > ul { border: 1px solid #ebebeb; padding-bottom: 20px; } .basket-page > ul > li:not(:last-child) { border-bottom: 1px solid #ebebeb; } .basket-item { padding-right: 50px; min-height: 172px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-item__delete { position: absolute; top: 5px; right: 10px; border: none; background-color: transparent; } .basket-item__delete:hover path { fill: #0577fd; } .basket-item__to-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .basket-item__img-wrap { min-width: 120px; width: 181px; padding: 10px 25px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .basket-item__img-wrap img { display: block; width: 100%; height: auto; } .basket-item__img { display: block; width: 100%; height: auto; } .basket-item__pt { padding-top: 30px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-item h3, .basket-item__name { font-size: 1.125em; font-weight: 700; } .basket-item__dop-info { white-space: nowrap; font-size: 0.875em; color: #6c6c6c; } .basket-item .product-price__current-price { font-size: 1.625em; line-height: 20px; margin-bottom: 5px; } .basket-item .product-price__old-price { font-size: 0.813em; } .basket-item__economy { border-radius: 3px; display: inline-block; padding: 5px 15px; font-size: 0.875em; background-color: #ffd02e; color: #000; } .basket-item-checkout { background-color: #ebebeb; padding: 30px 20px 25px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .basket-item-checkout__coupon-box { margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 256px; height: 46px; } .basket-item-checkout__coupon-box input { height: 100%; border: 1px solid #0577fd; padding: 5px 16px; } .basket-item-checkout__coupon-box input::-webkit-input-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon-box input::-moz-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon-box input:-ms-input-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon-box input::placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon { height: 100%; border: 1px solid #0577fd; padding: 5px 16px; } .basket-item-checkout__coupon::-webkit-input-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon::-moz-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon:-ms-input-placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__coupon::placeholder { font-size: 0.875em; color: #6c6c6c; } .basket-item-checkout__btn-coupon { width: 50px; border: 1px solid #0577fd; border-left: none; text-align: center; color: #fff; height: 100%; background-color: #0577fd; -webkit-transition: all .3s ease; transition: all .3s ease; } .basket-item-checkout__btn-coupon:hover { background-color: #fff; color: #0577fd; } .basket-item-checkout__total-box p { white-space: nowrap; font-weight: 400; color: #6c6c6c; font-size: 0.875em; } .basket-item-checkout__item { margin: 0 10px; } .basket-item-checkout__total { font-weight: 700; color: #1b1b1b; font-size: 0.875em; } .basket-item-checkout__btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-item-checkout .product-price__old-price { margin-bottom: 10px; } .basket-item-checkout__print-box { right: 20px; position: absolute; bottom: 20px; } .basket-item-checkout__print-box a { display: inline-block; font-size: 0.750em; color: #535353; } .basket-item-checkout__print-box a svg { margin-bottom: -2px; } .basket-item-checkout__print-box a:hover { text-decoration: underline; } .checkout-order-btn, .quick-order-btn { white-space: nowrap; display: inline-block; height: 46px; font-size: 1em; width: 200px; text-align: center; padding: 10px 20px; border: 1px solid #0577fd; background-color: transparent; color: #0577fd; -webkit-transition: all .3s ease; transition: all .3s ease; } .checkout-order-btn:hover, .quick-order-btn:hover { background-color: #0577fd; color: #fff; } .checkout-order-btn { margin-right: 10px; } .quick-order-btn { background-color: #0577fd; color: #fff; } .quick-order-btn:hover { background-color: #1671dc; } @media (max-width: 1100px) { .basket-item-checkout__print-box { bottom: 10px; } .basket-item-checkout .product-price__current-price { font-size: 1.4em; } .basket-item-checkout .product-price__old-price { font-size: 1.1em; } .basket-item-checkout__btn-box { width: 200px; } .basket-item-checkout__btn-box .checkout-order-btn { margin-right: 0; } } @media (max-width: 950px) { .basket-item { padding-right: 30px; } .basket-item__img-wrap { padding: 10px; padding-right: 20px; } .basket-item .product-price__current-price { font-size: 1.2em; } .basket-item h3, .basket-item__name { font-size: 1em; } .basket-item__pt .product-buy__qantity { max-width: 40px; } } @media (max-width: 840px) { .basket-item { padding: 20px 40px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-item__to-left { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .basket-item .quantity-box { margin-right: -20px; } } @media (max-width: 790px) { .basket-item-checkout { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 60px 40px; } .basket-item-checkout__coupon-box { margin-right: 0; margin-bottom: 20px; width: 100%; } .basket-item-checkout__coupon { width: 93%; } .basket-item-checkout__btn-box { margin-top: 20px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .basket-item-checkout__btn-box button { width: 48%; } .basket-item-checkout__coupon-box--order-delivery { width: 256px; } } @media (max-width: 760px) { .basket-page { padding-top: 20px; } } @media (max-width: 630px) { .basket-page__header { display: block; } .basket-page__clear-basket { display: block; height: 34px; padding: 10px 20px 10px 40px; margin: 0 0 0 auto; border-bottom: none; } } @media (max-width: 560px) { .basket-item-checkout { padding: 30px 20px 40px; } .basket-item-checkout__btn-box button { font-size: 0.875em; width: 48%; } } @media (max-width: 510px) { .basket-item__pt { padding-top: 10px; } .basket-item { padding: 20px 20px 0; } } @media (max-width: 510px) { .basket-item-checkout__btn-box { margin-top: 10px; display: block; } .basket-item-checkout__btn-box button { margin: 10px 0; width: 100%; } } @media (max-width: 460px) { .basket-item-checkout__item { width: 100%; margin: 0; margin-top: 10px; } .basket-item .basket-item__pt { padding: 20px 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .basket-item__economy-box { margin-top: 10px; } } .order-info { background-color: #0577fd; color: #fff; padding: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; } .order-info--fixed { opacity: 1; position: fixed; top: 20px; } .order-info--hide { opacity: 0; } .order-info__title { font-size: 1.9em; font-weight: 700; margin-bottom: 40px; position: relative; white-space: nowrap; } .order-info__edit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .order-info > ul, .order-info__list { padding-bottom: 40px; } .order-info__item, .order-info > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; font-size: 1.125em; font-weight: 700; } .order-info__value { text-align: right; white-space: nowrap; } .order-info__old-price { font-size: 0.778em; text-decoration: line-through; } .order-info__total-box { font-size: 1.9em; font-weight: 700; margin-bottom: 20px; white-space: nowrap; } .order-info__btn { font-size: 1em; border: none; color: #0577fd; font-weight: 700; width: 100%; padding: 14px; background-color: #fff; } @media (max-width: 1030px) { .order-info__title { font-size: 1.4em; } .order-info__total-box { font-size: 1.4em; } } .padding-around { padding: 20px; } .padding-around--top-none { padding-top: 0; } .order-section { margin-bottom: 25px; border: 1px solid #ebebeb; } .order-section__title { height: 80px; background-color: #ebebeb; font-size: 1.375em; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-section__title-icon { display: inline-block; margin-right: 20px; margin-bottom: -7px; } .order-section__nav-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-section__nav-box--flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .order-section__prev-btn, .order-section__next-btn { border: 1px solid #0577fd; font-size: 0.813em; text-transform: uppercase; height: 30px; display: block; width: 115px; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; padding: 6px; } .order-section__prev-btn { color: #0577fd; background-color: transparent; } .order-section__prev-btn:hover { background-color: #0577fd; color: #fff; } .order-section__next-btn { background-color: #0577fd; color: #fff; } .order-section__next-btn:hover, .order-section__next-btn:active, .order-section__next-btn:focus { background-color: #1775e4; color: #fff; } .order-address__item:not(:last-child) { margin-bottom: 20px; } .order-address__lbl { font-weight: 700; color: #6b6b6b; font-size: 1.125em; } .order-address__input { height: 50px; border: 1px solid #e1e1e1; background-color: #ebebeb; font-size: 0.875em; color: #000; padding: 10px; width: 100%; display: block; margin-top: 10px; } .order-address__input::placeholer { font-size: 0.875em; color: #a2a2a2; } .order-address__dop-text { font-size: 0.875em; color: #6b6b6b; margin-top: 10px; } .payer-type__label { display: inline-block; margin-top: 10px; font-weight: 700; font-size: 1.2em; color: #000; padding-left: 30px; margin-right: 30px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .payer-type__checkmark { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #ebebeb; } .payer-type input:checked ~ .payer-type__checkmark { background-color: #0577fd; } .user-address__options { margin-top: 10px; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .user-address__options a { display: block; border: 1px solid #0577fd; color: #0577fd; background-color: transparent; font-size: 0.938em; height: 40px; margin-right: 15px; white-space: nowrap; padding: 10px 23px; } .order-delivery .order-section__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 760px) { .pad-top-tb { padding-top: 20px; } } @media (max-width: 780px) { .user-address__options { margin-left: -5px; } .user-address__options a { margin: 5px; } } .delivery-options { margin-bottom: 40px; } .delivery-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .delivery-options__checkmark { width: 220px; height: 120px; border: 1px solid #0577fd; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 14px 14px 12px; margin-right: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .delivery-options__info-box { max-width: 100px; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .delivery-options__title { font-size: 1em; color: #000; font-weight: 700; } .delivery-options__price { font-size: 1em; color: #0577fd; font-weight: 700; } .delivery-options__checked { position: absolute; top: 7px; left: 7px; display: none; } .delivery-options__label input:checked ~ .delivery-options__checkmark .delivery-options__checked { display: block; } .payment-options > ul { max-width: 586px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .payment-options > ul > li { width: 50%; min-width: 247px; } .payment-options > ul > li:last-child .payment-options__chekmark { margin-bottom: 0; } .payment-options__label { width: 100%; } .payment-options__label:hover .payment-options__border { border-color: #0577fd; } .payment-options__label:hover .payment-options__uncheked { border-color: #0577fd; background-color: #0577fd; } .payment-options__label input:checked ~ .payment-options__chekmark .payment-options__uncheked { display: none; } .payment-options__label input:checked ~ .payment-options__chekmark .payment-options__checked img { display: block; } .payment-options__label input:checked ~ .payment-options__chekmark .payment-options__name { color: #000; } .payment-options__chekmark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin-bottom: 20px; } .payment-options__border { display: block; min-width: 120px; width: 120px; height: 72px; border: 1px solid #e5e5e5; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .payment-options__checked { position: absolute; top: 5px; left: 5px; } .payment-options__checked img { display: none; } .payment-options__uncheked { display: block; width: 20px; height: 20px; border: 1px solid #e5e5e5; border-radius: 50%; } .payment-options__name { font-weight: 700; font-size: 1em; color: #777; } .border-top { border-top: 1px solid #e5e5e5; } .delivery-info { width: 216px; padding: 15px; background-color: #ebebeb; border: 1px solid #0577fd; } .delivery-info__top-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .delivery-info__icon-wrap { min-width: 70px; width: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; margin-bottom: 20px; min-height: 75px; } .delivery-info__icon-wrap img { display: block; width: 100%; height: auto; } .delivery-info__name { color: #000; font-weight: 700; } .delivery-info__text { font-size: 0.875em; color: #6b6b6b; margin-bottom: 20px; } .delivery-info__price { font-weight: 700; color: #0577fd; } .payment-info { height: auto; padding: 15px; height: 120px; border: 1px solid #0577fd; width: 160px; text-align: center; } .payment-info__name { display: inline-block; font-weight: 700; } .order-payment .order-section__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .order-item__img-wrap { padding-top: 40px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 95px; min-width: 95px; margin-right: 20px; } .order-item__img-wrap img { max-width: 110px; width: 100%; height: auto; display: block; } .order-item__box { padding: 0 15px; } .order-item__title { padding-top: 15px; font-size: 0.875em; color: #a6a6a6; white-space: nowrap; margin-bottom: 50px; } .order-item__name { color: #000; font-size: 1.125em; white-space: nowrap; } .policy-link { color: #0577fd; } .policy-link:hover { text-decoration: underline; } .order-policy { color: #6b6b6b; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: block; margin-bottom: 20px; position: relative; padding-left: 40px; } .order-policy__checkmark { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; display: block; width: 25px; height: 25px; border-radius: 3px; border: 1px solid #0577fd; } .order-policy input:checked ~ .order-policy__checkmark { background-color: #0577fd; } .order-form__submit { border-radius: 0; padding: 15px 36px; } @media (max-width: 1120px) { .order-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-item__img-wrap { width: 100%; } } @media (max-width: 1037px) { .delivery-options { margin-bottom: 20px; } .delivery-info { margin-top: 20px; } } @media (max-width: 990px) { .order-item__box { padding: 0 10px; } .order-item__title { margin-bottom: 30px; } } @media (max-width: 940px) { .order-item__box { width: 33%; } .order-item__name { white-space: normal; font-size: 1em; } } @media (max-width: 670px) { .order-item__box { width: 50%; } } @media (max-width: 540px) { .order-item__box { width: 100%; } } @media (max-width: 562px) { .delivery-options ul > li { margin-bottom: 20px; } .basket-item-checkout__coupon-box--order-delivery { width: 100%; } } @media (max-width: 460px) { .order-form__submit { width: 100%; font-size: 1em; } .user-address__options a { padding: 10px 15px; } } @media (max-width: 380px) { .delivery-info { width: 100%; } } @media (max-width: 580px) { .order-payment .order-section__main { -ms-flex-wrap: wrap; flex-wrap: wrap; } .payment-info { width: 100%; margin-top: 20px; } } .pagination-container .pages{ display: flex; margin: 42px auto 60px; width: fit-content; height: fit-content; align-items: center; } .pag-btn{ font-family: "Proxima Nova"; font-size: 16px; font-weight: 400; line-height: 16px; color: #BCC2CC; margin: 0 16px; } a.pag-btn{ color: #0577fd; } .pag-num{ border: 1px solid #F1F1F1; border-radius: 4px; min-width: 33px; height: 35px; font-size: 16px; font-weight: 400; line-height: 16px; text-align: left; padding: 0 12px; margin: 0 4px; transition: .3s; display: flex; flex-direction: column; justify-content: center; } a.pag-num{ color: #A9A9A9; } .pag-num:hover, b.pag-num{ color: #FFFFFF; background-color: #277AF9; } .pag-btn.prev{ margin-right: 32px; } .pag-btn.next{ margin-left: 32px; } .catalog-search-filtered { /*overflow: hidden;*/ } .catalog-search-filtered > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 43px; } .catalog-search-filtered > ul > li { width: 33.33%; } .recomTovar .catalog-search-filtered > ul > li { position: relative; width: calc(20% - 35px); min-height: 343px } @media (max-width: 1300px) { width: calc(25% - 33px); } .recomTovar .sidebar-content-box__content { width: 100%; margin-bottom: 90px; } .catalog-search-filtered .recomended-product--filtered { max-width: none; background-color: #fff; position: relative; border-radius: 6px; } .catalog-search-filtered .recomended-product--filtered > p{ margin-top: 5px; color: #178f17; } .catalog-search-filtered .recomended-product--filtered:hover { z-index: 10; position: absolute; } .catalog-search-filtered .recomended-product--filtered .recomended-product__img-wrap { height: 150px; min-width: 130px; margin: 0 auto 15px; } .recomended-product__img-wrap > a{ height: 100%; border-radius: 8px; overflow: hidden; } .catalog-search-filtered .product-price { min-width: auto; } .catalog-search-filtered .product-price ul li { margin-bottom: 10px; } .filters-show { font-size: 1em; padding: 10px 30px; display: none; margin-bottom: 20px; } .filters-show--active { background-color: #1775e4; } .filter-box { margin-bottom: 50px; } .filter-accord { border: 1px solid #e1e1e1; } .filter-accord:not(:first-child) { border-top: none; } .filter-accord__title { cursor: pointer; padding: 14px 20px; font-size: 1.125em; color: #757575; font-weight: 700; text-transform: uppercase; } .filter-accord__content { padding: 0 20px 20px; } .filter-accord__content > ul > li { padding: 8px 0; } .filter-accord__lbl { padding-left: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #757575; font-size: 1.125em; position: relative; } .filter-accord__lbl input:checked ~ .filter-accord__checkmark::before { display: block; } .filter-accord__lbl input:checked ~ .filter-accord__radiomark::before { display: block; } .filter-accord__checkmark, .filter-accord__radiomark { display: block; width: 26px; height: 26px; border: 1px solid #e1e1e1; border-radius: 1px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .filter-accord__checkmark::before { content: ''; width: 14px; height: 14px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(/local/templates/Tonnag-copy/assets/css/../img/tick-sign.svg) no-repeat center; background-size: contain; display: none; } .filter-accord__radiomark { border-radius: 50%; } .filter-accord__radiomark::before { content: ''; width: 16px; height: 16px; background-color: #0577fd; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; display: none; } .irs { font-family: 'Proxima Nova'; } .price-range { padding-bottom: 40px; } .price-range .price-range-box { width: 100%; max-width: 290px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .price-range__inp { padding: 5px 10px; background-color: #ebebeb; width: 50%; height: 30px; border: 1px solid #e1e1e1; color: #757575; } .price-range__divider { margin: 0 10px; width: 27px; height: 1px; background-color: #e1e1e1; } .price-range .irs-line { height: 5px; background-color: #ebebeb; } .price-range .irs-bar { height: 5px; background-color: #0577fd; } .price-range .irs-handle { top: 18px; border-radius: 50%; width: 20px; height: 20px; background-color: #0577fd; } .price-range .irs-handle i { display: none; } .price-range .irs-handle i:first-child { width: 16px; height: 16px; display: block; background-color: #ebebeb !important; border-radius: 50%; top: 50%; left: calc(50% + 1px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .price-range .irs-from, .price-range .irs-to { font-size: 0.938em; color: #757575; background-color: transparent; top: auto; bottom: -56px; } .price-range .irs-from::before, .price-range .irs-to::before { display: none; } .price-range .irs-single { display: none; } .filter-calalog-box .filter-accord__title { border: 1px solid #e1e1e1; } .filter-calalog { background-color: #ebebeb; } .filter-calalog__title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 1.125em; color: #454545; padding: 14px 20px; position: relative; } .filter-calalog__title::after { content: ''; position: absolute; width: 10px; height: 10px; background: url(/local/templates/Tonnag-copy/assets/css/../img/arrow-down-white.svg) no-repeat center; background-size: contain; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; display: none; } .filter-calalog ul { display: none; padding: 10px 20px; background-color: #fff; border: 1px solid #e1e1e1; } .filter-calalog ul > li { padding-left: 20px; position: relative; } .filter-calalog ul > li a { font-size: 1.125em; color: #454545; display: block; padding: 5px 0; } .filter-calalog ul > li a:hover { color: #0577fd; } .filter-calalog ul > li a::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #0577fd; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10px; } .filter-calalog-active .filter-calalog__title { background-color: #0577fd; color: #fff; } .filter-calalog-active .filter-calalog__title::after { display: block; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .filter-calalog-active { color: #0577fd !important; } .accord-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .accord-title::after { content: ''; position: absolute; display: block; width: 10px; height: 10px; background: url(/local/templates/Tonnag-copy/assets/css/../img/arrow-down.svg) no-repeat center; background-size: contain; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; } .accord-content { display: none; } .accord-active .accord-title::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .section-about.white .about__show-more{ background-color: #F3F3F3; margin-top: 49px; } .section-about.white .about__arrow-down{ color: #A1A8B1; } @media (max-width: 1040px) { .filter-accord__title, .filter-accord__lbl, .filter-calalog__title, .filter-calalog ul > li a { font-size: 1em; } .catalog-search-filtered > ul{ row-gap: 0; column-gap: 24px; } .recomTovar .catalog-search-filtered > ul > li { width: calc(100% / 3 - 16px); } } @media (max-width: 890px) { .catalog-search-filtered > ul > li { width: 100%; } .recomended-product--filtered { width: 100%; } @media (max-width: 760px) { .recomTovar .catalog-search-filtered > ul > li { width: calc(50% - 12px); } .catalog-search-filtered .recomended-product--filtered .recomended-product__img-wrap{ height: 100px; } .catalog-search { padding-top: 20px; } .filters-show { margin-top: 30px; display: block; } .filter-box { display: none; left: 0; top: 46px; width: 100%; z-index: 12; background-color: #fff; position: absolute; } .filter-calalog-box__content { display: none; } } @media (max-width: 440px) { .recomended-product--filtered { padding: 10px 16px; } .recomended-product--filtered .recomended-product__title { font-size: 1em; } .recomended-product--filtered .product-availability__box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .recomended-product--filtered .product-availability__list { margin-right: 5px; } .recomended-product--filtered .product-availability__result { font-size: 1em; margin-left: 0; } .recomended-product--filtered .privileges ul li { margin-right: 0; padding: 4px; font-size: 0.8em; } } .bx_filter .bx_filter_search_button { border-radius: 0; border: none; background: #0577fd; text-align: center; border-radius: 0; color: #fff; text-transform: capitalize; font-weight: 400; -webkit-transition: all .3s ease; transition: all .3s ease; } .bx_filter .bx_filter_search_button:hover { background: #1775e4; } .filter-view { display: none; border-bottom: 1px solid #eee; margin-bottom: 10px; } .filter-view ul { display: flex !important; justify-content: flex-end; } .filter-plit, .filter-list, .filter-line { margin: 10px; box-sizing: content-box; display: inline-block; height: 13px; width: 13px; line-height: 20px; background: url(/local/templates/Tonnag-copy/assets/css/../img/sort_icons.png) 0 0 no-repeat; transition: all 0s; } .filter-plit { background-position: -1px -41px; } .filter-plit:hover { background-position: -1px -23px; } .filter-plit.active { background-position: -1px -23px; } .filter-list { background-position: -19px -41px; } .filter-list:hover { background-position: -19px -23px; } .filter-list.active { background-position: -19px -23px; } .filter-line { background-position: -37px -41px; } .filter-line:hover { background-position: -37px -23px; } .filter-line.active { background-position: -37px -23px; } .catalog-search-filtered--list { padding-top: 0; } .catalog-search-filtered--list .catalog-section > ul > li { width: 100%; } .catalog-search-filtered--list .catalog-section > ul > ul > li { width: 100%; } .catalog-search-filtered--list .recomended-product { padding: 20px 10px; margin-top: 0; min-height: 172px; position: relative; display: flex; justify-content: space-between; align-items: center; } .catalog-search-filtered--list .recomended-product__img-wrap { min-width: 120px; width: 181px; padding: 10px 25px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 !important; } .catalog-search-filtered--list .recomended-product__img-wrap img { display: block; width: 100%; height: auto; } .catalog-search-filtered--list .recomended-product__title { max-width: 340px; height: auto !important; } .catalog-search-filtered--list .recomended-product__detail { min-width: 120px; opacity: 1; width: 140px; height: 40px; } .catalog-search-filtered--line { padding-top: 0; } .catalog-search-filtered--line .catalog-section > ul > li { width: 100%; } .catalog-search-filtered--line .catalog-section > ul > ul > li { width: 100%; } .catalog-search-filtered--line .recomended-product { padding: 20px 10px; margin-top: 0; min-height: 100px; position: relative; display: flex; justify-content: space-between; align-items: center; } .catalog-search-filtered--line .recomended-product__img-wrap { display: none; } .catalog-search-filtered--line .recomended-product__title { margin: 0; max-width: none; height: auto !important; } .catalog-search-filtered--line .recomended-product__detail { min-width: 120px; opacity: 1; width: 140px; height: 40px; margin-left: 20px; } .catalog-search-filtered--line .recomended-product__action { width: 46%; min-width: 380px; display: flex; justify-content: space-between; align-items: center; } .catalog-search-filtered--line .recomended-product .privileges, .catalog-search-filtered--line .recomended-product .product-availability { display: none; } .catalog-search-filtered--line .recomended-product .product-price { margin: 0; } .catalog-search-filtered--list .recomended-product__info { width: 52%; } .catalog-search-filtered--list .recomended-product__action { width: 24%; } @media (max-width: 600px) { .catalog-search-filtered--list .recomended-product__action { width: auto; } .catalog-search-filtered--list .recomended-product { padding: 20px 0; flex-wrap: wrap; } .catalog-search-filtered--list .recomended-product__info { width: 100%; order: -1; } .catalog-search-filtered--list .recomended-product .product-availability { display: none; } .catalog-search-filtered--list .recomended-product__img-wrap { min-width: 100px !important; width: 50% !important; } .catalog-search-filtered--list .recomended-product__action { width: 50%; } .catalog-search-filtered--line .recomended-product { padding: 0; } .catalog-search-filtered--line .recomended-product__action { padding-left: 10px; width: 270px; min-width: 270px; } } @media (max-width: 600px) { .catalog-search-filtered--line .recomended-product { flex-wrap: wrap; justify-content: center; padding: 10px; } .catalog-search-filtered--line .recomended-product__info { text-align: center; } .catalog-search-filtered--line .recomended-product__action { padding: 0; width: 100%; margin: 0 auto; } .catalog-search-filtered--line .recomended-product__detail { min-width: 100px; width: 100px; margin-left: 5px; font-size: 0.8em; height: 33px; } .catalog-search-filtered--line .product-price__current-price { font-size: 1.1em; } .catalog-search-filtered--line .product-price__old-price { font-size: 0.8em; } } .product-item-detail-buy-button:hover { background: #0577fd; color: #fff; } .search-page form { height: 40px; } .search-page form input { height: 100%; border-radius: 5px; padding: 5px 10px; margin-bottom: 10px; } .search-page form input[type="submit"] { background: #0577FD; color: #fff; border: none; } .link-footer { margin-bottom: 10%; width: 100%; display: block; } .header-info__phone a, .footer-phone-box__phone a { font-weight: 700; color: #fff; font-size: 1.0em; } .header-info__phone a:hover, .footer-phone-box__phone a:hover { color: #0577FD; } .test_content p { padding: 10px 0px; } .test_content li { list-style: disc; margin-left: 15px; } .catalog__list.catcatal.cotlg .catalog-section__img-wrap { display: inline-block; width: 30%; vertical-align: middle; } .catalog__list.catcatal.cotlg .catalog-section__img-wrap img { width: 30px !important; } .catalog__list.catcatal.cotlg .catalog-section__info { display: inline-block; width: 65%; vertical-align: middle; } .ul_main li { list-style: disc; margin-left: 20px } .bx-catalog-subscribe-button:hover { cursor: pointer; } .bx-catalog-subscribe-button { border-radius: unset; z-index: 999; } .bx-catalog-subscribe-button span { border-radius: 0; width: 135px; font-weight: 400; font-size: 1.125em; top: 70% !important; left: 10px !important; } .popup-window.popup-window-content-white.popup-window-with-titlebar .popup-window-buttons span { margin-right: 10px; cursor: pointer; } @media (min-width: 1330px) { .header-info { padding-top: 15px !important; } .header-info__text { font-size: 0.838em !important; } } } @media (max-width: 1700px) { .about__img{ width: 651px; height: 515px; } .section-about.white .about__img{ width: 817px; height: 668px; left: -150px; } } @media (max-width: 1350px) { .about__box{ max-width: 592px; } } @media (max-width: 1200px) { .about__img{ width: 476px; height: 434px; left: -100px; } .section-about.white .about__img{ width: 517px; height: 469px; left: -100px; } } @media (min-width: 1024px) { .container { max-width: 90% !important; } } @media (max-width: 1279px) { .pagination-container .pages{ /* display: none;*/ } .text.pages .pag-btn { display: none; } .knopcaLazi { padding: 16px 0; } #back_top { left: calc(100% - 65px) !important; bottom: 80px !important; } .about-title{ font-size: 36px; line-height: 36px; } .section-about.black .about-title{ color: #FFA011; text-align: center; } .about__box{ max-width: 100%; } .about__text{ margin: 357px 0 0; text-align: justify; } .about__img{ width: 391px; height: 299.4px; top: 130px; left: 50%; transform: translateX(-50%); } .section-about.white{ flex-direction: column-reverse; } .section-about.white .about__img{ width: 391px; height: 329px; margin: 60px auto 0; position: static; transform: initial; } .section-about.black{ padding: 68px 0 72px; } .section-about.white{ padding: 79px 0 65px; } .section-about.white .about__text{ padding: 0; margin-top: 49px; } .section-about.white .about-title{ font-size: 32px; line-height: 32px; text-align: center; } } @media (max-width: 768px) { .catalog-section > ul:first-child{ margin-top: 10px; } .catalog-section > ul:not(:first-child){ margin-top: 40px; } .sidebar-content-box{ padding-bottom: 25px; } .pagination-container .more-inner-wrap{ display: block; position: relative; cursor: pointer; } .more-inner-wrap a{ padding: 0 !important; background-color: #F3F3F3; border-radius: 8px; width: 100%; max-height: initial !important; } .more-inner-wrap .button-title{ padding: 24px 0 ; color: #A1A8B1; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; } .more-inner-wrap .show-more_loader{ position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; } .js-load-more.loading .show-more_loader{ opacity: 1; } .more-inner-wrap .show-more_loader circle{ transform-origin: 50% 50%; } } @media (max-width: 540px) { .section-about.white .about__text{ height: 255px; } .section-title{ font-size: 30px; } .catalog-block-header{ padding: 5px 0; } } /*Новые 31.07.2024*/ .parent_list_item{ display: -ms-grid; display: grid; -ms-grid-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr); gap: 10px; padding: 0; } .parent_item{ width: 100% !important; background-color: #F4F4F4; padding: 20px 30px; transition: .3s; margin: 0; grid-column: span 3; } .parent_item.big{ grid-column: span 4; } .section_discription{ flex-direction: column-reverse; position: relative; height: 100%; justify-content: space-between; } .discription_model{ margin-left: 0; margin-top: 24px; color: #277AF9; font-size: 28px; font-weight: 700; line-height: 28px; text-align: left; } .item_discription_model{ margin-left: 0; } .discription_preview p{ margin-top: 16px; margin-left: 0; color: #1B1F25; font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; } .parent_item:hover{ background-color: #FFFFFF; box-shadow: 0 14px 41px 0 #e1e1e1, 0 1px 0 0 #dcdcdc; } .discription_img{ width: initial; margin-left: 0; object-fit: cover; transition: .3s; } .parent_item:hover .discription_img{ -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; } .discription__hidden{ opacity: 0; overflow: hidden; padding: 0 30px; background-color: #F4F4F4; transition: .3s; display: flex; flex-direction: column; justify-content: center; box-shadow: none; margin-top: 12px; } .parent_item:hover .discription__hidden{ height: fit-content; opacity: 1; background-color: #FFFFFF; } .discription__link{ background-color: #277AF9; display: block; width: 100%; border-radius: 6px; padding: 12px 0; color: #FFFFFF !important; font-size: 16px; font-weight: 700; line-height: 19.8px; text-align: center; } .section-title{ margin: 40px 0 28px; font-size: 42px; font-weight: 700; line-height: 42px; text-align: left; } .section-title::after{ content: none; } .catalog_section_top_list{ margin-top: 20px; margin-bottom: 108px; } @media (max-width: 1200px) { .parent_list_item{ grid-template-columns: 1fr 1fr 1fr; } .parent_item, .parent_item.big{ grid-column: span 1 !important; } } @media (max-width: 768px) { .parent_list_item { grid-template-columns: 1fr 1fr; } .parent_item{ padding: 16px 20px; } .discription__hidden{ display: block; bottom: -16px; left: -20px; right: -20px; top: -16px; position: absolute; opacity: 0 !important; padding: 0 !important; margin-top: 0; height: initial !important; z-index: 10; } .parent_item a{ height: 100%; width: 100%; padding: 0; } .discription_model{ margin-top: 0; } .section-title{ font-size: 32px; line-height: 32px; margin: 10px 0 } .catalog_section_top_list{ margin-bottom: 20px; } } @media (max-width: 500px) { .parent_list_item { grid-template-columns: 1fr; } .section_discription{ flex-direction: row; gap: 24px; align-items: center; } .discription.image{ width: fit-content; } .discription_img{ width: 120px; height: 100%; } } .tittle_uzel{ background: 0; text-align: left; border: none; color: #A1A8B1; font-size: 16px; font-weight: 400; line-height: 16px; } .sidebar-content-box{ gap: 75px; } .filter{ min-width: 21%; margin-top: 12px; } .cotlg{ margin-top: 20px; margin-right: 0; width: initial; align-items: start !important; } .cotlg > a{ width: 100%; } .oitem{ background: 0; padding: 15px; margin: 0; border-top: 1px solid #EAEAEA; box-shadow: none; transition: .3s; width: initial; font-family: "Proxima Nova"; line-height: 14px; text-align: left; color: #1B1F25; } .oitem .catalog-section__info{ display: flex; align-items: center; justify-content: space-between; } .oitem .catalog-section__info:after{ content: ''; width: 27px; height: 17px; background-image: url("/local/templates/Tonnag-copy/assets/img/new/filter-arrow.svg"); background-position: center; background-repeat: no-repeat; } .oitem .catalog-section__title{ font-size: 14px; font-weight: 700; } .oitem:hover{ background-color: #277AF9; border-radius: 5px; border: none; border-top: 1px solid #277AF9; box-shadow: none; color: #FFFFFF; } .filter-container{ position: sticky; top: 0; } .tittle_uzel{ padding: 0; } @media (max-width: 1240px) { .sidebar-content-box{ gap: 30px; } } @media (max-width: 1100px) { .sidebar-content-box__content.in-catalog .catalog-section ul li{ width: calc(100% / 3 - 14px) !important; } } @media (min-width: 761px) and (max-width: 980px) { .sidebar-content-box__content.in-catalog .catalog-section ul li{ width: calc(50% - 10px) !important; } .filter{ min-width: 29%; } } @media (max-width: 761px){ .sidebar-content-box__content.in-catalog, .filter{ min-width: 100%; } .tittle_uzel{ padding: 24px; background-color: #277AF9; color: #FFFFFF; font-weight: 700; cursor: pointer; width: 100%; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; transition: .3s; } .tittle_uzel:after{ content: ''; width: 16px; height: 16px; background-image: url("/local/templates/Tonnag-copy/assets/img/new/ar-w.svg"); background-repeat: no-repeat; background-position: center; transition: .3s; } .cotlg{ margin-top: 0; } .filter .catalog{ height: 0; background-color: #fff; width: 100%; overflow: hidden; border-radius: 0 0 8px 8px; padding-top: 0; margin-top: 0; /*transition: .3s;*/ } .filter{ position: relative; border-radius: 8px; z-index: 10; } .filter.open{ box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); -o-box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); } .filter.open .tittle_uzel{ border-radius: 8px 8px 0 0; } .filter.open .tittle_uzel:after{ transform: rotate(180deg); } .filter.open .catalog{ height: initial; position: absolute; top: 65px; border: 1px solid #277AF9; border-top: none; box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); -o-box-shadow: 6px 20px 20px rgba(0, 0, 0, 0.1); } } @media (max-width: 600px){ .sidebar-content-box__content.in-catalog .catalog-section ul li{ width: calc(50% - 5px) !important; } .sidebar-content-box__content.in-catalog .catalog-section ul{ column-gap: 10px; } } .catalog-block-header{ font-family: "Proxima Nova"; color: #1B1F25; font-size: 32px; font-weight: 700; line-height: 32px; text-align: left; border-bottom: 0; margin: 0 0 40px 0; } .catalog-block-header h2{ color: #1B1F25; font-size: 32px; font-weight: 700; line-height: 32px; text-align: left; } @media (max-width: 768px) { .catalog-block-header h2{ font-size: 22px; line-height: 24px; } .product-action{ margin-bottom: 24px; } .breadcrumb ul{ padding-bottom: 10px; } } #tr-popup{ display: none; } /*Новые 31.07.2024*/ .section-title{ display: none; } .main-section{ margin-top: 41px; } .product .product-item-detail-info-container, .product .btn.product-item-detail-buy-button_custom{ margin-bottom: 0; } .product .btn.product-item-detail-buy-button_custom{ height: 49px; border-radius: 2px; max-height: initial; cursor: pointer; } .product .product-item-detail-buy-button{ border: 1px solid #277AF9 !important; width: 100% !important; height: 49px !important; display: flex !important; flex-direction: column; justify-content: center; padding: 0 17px !important; font-size: 14px; font-weight: 700 !important; line-height: 14px; } @media (max-width: 375px) { .discription_img{ width: 70px; } } /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/style_dop-new.css?175033277240741*/ /* CSS */ .header-padding { /*padding: 20px 0 92px !important;*/ } .header-padding_1{ padding: 20px 0 33px !important; } @media (max-width: 900px) { .search__input { /*background-color: #1B1F25!important;*/ } .mobile-mav.p-mob { z-index: 1; position: relative; overflow-y: scroll; max-height: calc(100% - 41px); } .mobile-mav.p-mob > ul > li > ul { padding-left: 20px; } .mobile-mav.p-mob > ul ul ul { display: none; } .mobile-mav.p-mob > ul ul > li > a.parent { min-width: 170px; display: inline-block; } .mobile-mav.p-mob > ul ul > li > a.parent:after { } .mobile-mav.p-mob > ul ul > li > a:not(.parent):after { content: none; } .mobile-mav.p-mob > ul ul > li > a.parent.open:after { transform: rotate(90deg); transition: transform ease 0.3s; } .mobile-mav.p-mob > ul ul > li > a.parent.open + ul { display: block; padding-left: 20px; } } body { font-size: 16px; line-height: 1.3; color: #333; } .filter-view { margin-left: auto; } .filter-view span{ color: #A1A8B1; font-size: 16px; font-weight: 400; line-height: 16px; } .filter-view select{ margin-left: 16px; background-color: #F3F3F3; color: #6D7685; border-radius: 8px; padding: 12px 44px 12px 16px; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none; background-image: url("/local/templates/Tonnag-copy/assets/img/new/ar.svg"); background-repeat: no-repeat; background-position: 55px center; } .filter-view ul { display: none; } .logo--header { margin-left: 0px; margin-right: 50px; position: relative; } .logo--header h1, .logo--header p { font-size: 1.1em; margin: 0; color: #ffd02e; font-weight: 400; } .logo_footer h2, .logo_footer p { font-size: 1.2em; margin: 0; margin-left: 5px; color: #ffd02e; font-weight: 400;; } @media screen and (max-width: 600px) { .vcatflex1 { width: 300px; margin-left: auto !important; margin-right: auto; justify-content: center; align-items: center; text-align: center; } .bcatflx { flex-wrap: wrap; } .vcatflex > div{ padding: 35px 15px; margin-left: 10px; } .vpodcat { width: 210px !important; padding: 0px 15px !important; } } .vcatflex { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; } .vcatflex > div, .vcatflex > a { border-radius: 8px; background-color: #ffffff; border: 3px solid rgba(39, 122, 249, 0.09); padding: 40px 30px; max-height: 185px; width: calc(100% / 3 - 20px); transition: .3s; } .vcatflex > a:hover{ border: 3px solid #277AF9; box-shadow: 0 29px 40px 0 rgba(24, 87, 184, 0.19); } .bcatflx { margin-top: 40px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .vcatflex1 { width: 400px; } .vcatflexelem { height: auto; display: flex; gap: 32px; align-items: center; } .vcatlogo { background-size: contain !important; height: 70px; } @media (min-width: 768px) { .vcatlogo { min-width: 107px; } } .vcatlogo img { max-width: 170px; height: 100%; margin: 0 auto; display: block; object-fit: cover; } .vcatname { font-family: "Proxima Nova"; font-size: 32px; font-weight: 800; line-height: 32px; text-align: left; color: #1B1F25; display: flex; flex-direction: column; text-transform: lowercase; } .vcatname > p:first-letter { text-transform: uppercase !important; } .vcatname > span { all: initial; font-family: "Proxima Nova"; color: #277AF9; font-size: 18px; font-weight: 400; line-height: 39.6px; border-radius: 6px; background-color: #fff; position: relative; transition: .3s; margin-top: 6px; cursor: pointer; } .vcatname > span:before { content: ''; height: 1px; left: 0; right: 0; position: absolute; bottom: 10px; background-color: #277AF9; } .vcatflex > a:hover .vcatname > span{ padding: 0 12px; background-color: #277AF9; color: #FFFFFF; } @media (max-width: 1100px) { .vcatflex > a{ padding: 40px 20px; } } @media (max-width: 1024px) { .vcatflex{ gap: 8px; } .vcatflex > a{ width: calc(100% / 2 - 4px); padding: 20px 27px 12px 12px; } } @media (max-width: 768px) { .vcatname > span{ display: none; } .vcatname{ font-size: 24px; line-height: 24px; } .vcatflexelem{ justify-content: center; } .sectionTitle{ font-size: 32px; font-weight: 800; line-height: 32px; text-align: center; } .vcatlogo{ height: 47px; } } @media (max-width: 500px) { .vcatflexelem{ justify-content: space-between; gap: 16px; } } .vpodcat { display: none; padding: 0px 35px; /*margin-bottom: 40px;*/ width: 268px; min-height: 115px; } .vpodcat ul { column-count: 2; display: block; } .vpodcat ul li { display: block; color: #000; width: 100px; padding: 0px; height: auto; } .vpodcat ul li a { color: #000; } .vpodcat ul li a:hover { color: #0577fd; } .Red_color { background: #FF7C6B !important; } .knopcaLaziBloc { text-align: center; width: 100%; background: none; /*display: none;*/ margin-top: 30px; } .knopcaLazi { padding: 24px 0; width: 100%; background: #F3F3F3; border-radius: 8px; display: inline-block; color: #A1A8B1; font-family: "Proxima Nova"; font-size: 16px; font-weight: 400; line-height: 16px; text-align: center; cursor: pointer; } .footer__copyright { font-size: 0.938em; position: absolute; left: 10px; bottom: 2px; } .footer-info > ul > li:not(:last-child) { margin-bottom: 27px; } .catalog-section__img-wrap { margin-right: 0px; } .personal-recomendations .container > ul, .personal-recomendations > ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media (max-width: 500px) { .logo--header { margin-right: 0; } .p-mob { /*padding-left: 0;*/ } .p-mob ul { padding-left: 10px;; } } .user ul.user_autorizovan li a { padding: 0; color: #1378FB; } .user ul.user_autorizovan li { margin-top: 0px; } .user ul.user_autorizovan li a { display: inline; } @media screen and (max-width: 500px) { #pop_up_avtor { height: 87vh!important; overflow: auto; padding-top: 45px; } } #pop_up_avtor { width: 100vw; height: 100vh; position: fixed; z-index: 200; background: #C2C7C780; display: flex; justify-content: center; text-align: left; align-items: center; } #pop_up_avtor_vloh { max-width: 700px; width: 610px; background: #fff; position: relative; } .pop_up_avtor_header .pop_up_avtor_heade_close { margin: 0; position: absolute; right: 5px; top: 5px; cursor: pointer; display: inline-block; width: 19px; height: 19px; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; opacity: 1; } .pop_up_avtor_header .pop_up_avtor_heade_close i { background: url(/local/templates/Tonnag/assets/img/close_icons.png) -1px -59px no-repeat; display: inline-block; width: 19px; height: 19px; border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; opacity: 1; background-position: 1px 2px !important; } .pop_up_avtor_header .pop_up_avtor_heade_close:hover { color: #FFF; background: #1378FB; } .pop_up_avtor_header .pop_up_avtor_heade_close:hover i { background-position: -15px 2px !important; } .pop_up_avtor_header .pop_up_avtor_heade_title { font-size: 26px; font-weight: 700; line-height: 18px; text-shadow: none; padding: 35px 35px 36px; border-bottom: 2px solid #1378FB; } #pop_up_avtor_vloh .pop_up_avtor_reg { width: 40%; padding: 20px; border-left: 1px solid #D8D8D8; text-align: center; display: flex; justify-content: center; } #pop_up_avtor_vloh .pop_up_avtor_reg a { padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 9px; width: auto; color: #1378FB; border: 1px solid #1378FB; position: relative; /*top: 34px;*/ } #pop_up_avtor_vloh .pop_up_avtor_reg a:hover { color: #fff; border: 1px solid #fff; background: #1378FB; } #pop_up_avtor_vloh .pop_up_avtor_form { width: 60%; padding: 20px; } #pop_up_avtor_vloh .pop_up_avtor_social { width: 100%; padding: 5px 20px 15px; background: #D8D8D8; } #pop_up_avtor_vloh .user ul { flex-wrap: wrap; } #pop_up_avtor_vloh form input { background: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 2px; box-shadow: none; color: #383838; height: auto; font-size: 12px; padding: 8px 13px 7px; width: 100%; } #pop_up_avtor_vloh form input[type=submit] { background: #1378FB; border: 0px solid #e5e5e5; border-radius: 2px; box-shadow: none; color: #fff; height: auto; font-size: 16px; padding: 8px 13px 7px; width: auto; } #pop_up_avtor_vloh form input[type=checkbox] { display: none; } #pop_up_avtor_vloh .pop_up_avtor_vloh_frend:after { font-size: 0; content: "."; display: block; height: 14px; width: 14px; position: absolute; left: 0px; top: 2px; background: url(/local/templates/Tonnag/assets/img/checkbox.png) 0 -6px no-repeat; z-index: 2; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #pop_up_avtor_vloh .pop_up_avtor_vloh_frend:hover:before { display: block; z-index: 3; background: #1378FB; } #pop_up_avtor_vloh .pop_up_avtor_vloh_frend:before { font-size: 0; content: "."; display: none; height: 14px; width: 14px; position: absolute; left: 0px; top: 2px; background: #1378FB; z-index: 1; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #pop_up_avtor_vloh label { position: relative; padding-left: 20px; cursor: pointer; } #pop_up_avtor_vloh form input[type=checkbox]:checked + label:after { background-position: 0 -28px; z-index: 4; } #pop_up_avtor_vloh form input[type=checkbox]:checked + label:before { display: block; z-index: 3; background: #1378FB; } #pop_up_avtor_vloh form tbody tr td { padding: 0 0 15px;; } @media (max-width: 630px) { #pop_up_avtor_vloh .pop_up_avtor_reg { width: 100%; padding: 0 20px; border-left: 1px solid #D8D8D8; text-align: center; display: flex; justify-content: center; height: 45px; } #pop_up_avtor_vloh .pop_up_avtor_form { width: 100%; padding: 20px 20px 0 20px; } #pop_up_avtor_vloh .pop_up_avtor_reg a { top: 0px; } } .category__name { font-size: 2.063em; text-transform: uppercase; color: #fff; } .category__cat { padding-top: 15px; font-size: 1.3em; text-transform: uppercase; color: #000; font-weight: 700; } .bx-authform form input[type=submit] { padding: 10px 30px; } #search_smal form { width: 100%; padding: 10px 0; margin: 0; } #search_smal form input { width: 100%; border-radius: 0; } .main-banner { width: 100%; position: relative; background: #252428 url(/images/link-to-cat.jpg) center no-repeat; height: 470px; } .linktocat { position: absolute; top: 400px; left: 58%; background-color: #0577fd; border: none; color: #fff; border-radius: 5px; font-weight: 700; font-size: 1.125em; text-transform: uppercase; white-space: nowrap; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 16px 56px; } main { min-height: calc(100vh - 80px); } .main-top-text { display: block; width: 100%; padding: 7px 0px; text-align: center; background: #dfdfdf; } @media screen and (max-width: 1200px) { .linktocat { top: 80%; left: 58%; } } @media screen and (max-width: 1024px) { .linktocat { left: 56%; } .main-banner { background-size: 170%; height: 338px; } } @media screen and (max-width: 768px) { .linktocat { top: 77%; left: 57%; padding: 12px 40px; } .main-banner { background-size: 150%; height: 280px; } } @media screen and (max-width: 568px) { .linktocat { top: 77%; left: 58%; font-size: 0.85em; padding: 10px 10px; } .main-banner { height: 210px; } } @media screen and (max-width: 480px) { .linktocat { top: 77%; left: 58%; font-size: 0.75em; padding: 7px 7px; } .main-banner { height: 175px; } } @media screen and (max-width: 320px) { .linktocat { font-size: 0.65em; padding: 5px 5px; } .main-banner { height: 115px; } } .contact-img { display: inline-block; width: 30%; margin-right: 10px; } .footer-email__item a { color: #fff; } /*Новые*/ * { padding: 0; margin: 0; border: 0; } *, *:before, *:after { box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { height: 100%; width: 100%; font-size: 100%; line-height: 1; font-size: 16px; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: 400; } .wrapper { width: 100%; min-height: 100%; overflow: hidden; } .container { max-width: 1406px; margin: 0 auto; width: 100%; } @media (max-width: 1405px) { .container { max-width: 95vw; } } @media (max-width: 630px) { .container { max-width: none; padding: 0 16px; } } .header { background: #1B1F25; padding: 10px 0 10px; } @media (max-width: 768px) { .header { /*padding: 15px 0 18px;*/ } } .header-top { display: flex; justify-content: space-between; align-items: center; } .header-top__wrapp { display: flex; justify-content: space-between; align-items: center; width: 100%; } .header-top a { color: #8B95A5; } .header-top__nav ul { display: flex; align-items: center; } .header-top__wrapp .header-top__nav ul { gap: 36px; } .header-top__sign-wrapp { display: flex; align-items: center; gap: 30px; } .header-logo.block { /*pointer-events: none;*/ } .header-logo { display: flex; flex-direction: column; align-items: center; } .header-logo p { color: #FF9901; font-weight: 700; font-size: 14px; letter-spacing: 0.13em; text-align: center; } .header-bottom { margin-top: 43px; display: flex; align-items: center; } @media (max-width: 768px) { .header-bottom { margin-top: 20px; } } @media (max-width: 1405px) { .header-bottom { justify-content: space-between; } } @media (min-width: 1406px) { .header-bottom__btn { margin-left: 31px; width: 200px; } .header-bottom form { margin-left: 20px; } .header-bottom__contact-wrapp { margin-left: 31px; margin-right: 60px; } } .header-bottom__btn { cursor: pointer; position: relative; font-weight: 700; font-size: 14px; color: #fff; display: flex; align-items: center; gap: 12px; justify-content: space-between; padding: 16.5px 24px; border-radius: 6px; background: #277AF9; box-shadow: 0 10px 24px 0 rgba(7, 19, 37, 0.42), 0 2px 0 0 #1a52a7; transition: 0.3s ease-in-out; } .header-bottom__btn:hover { background: #2c27f9; } .header-bottom form { background: #fff; border-radius: 6px; padding: 12px; display: flex; gap: 12px; flex: 0 1 350px; border: 2px solid #fff; transition: .3s; position: relative; } .header-bottom form.focus { border: 2px solid #2c27f9; } .header-bottom form * { background: #fff; } .search__input { } .header-bottom form input[type=text]::-moz-placeholder, .header-bottom form input[type=search]::-moz-placeholder { font-weight: 300; width: 100%; font-size: 14px; color: #808996; } .header-bottom form input[type=text], .header-bottom form input[type=search], .header-bottom form input[type=text]::placeholder, .header-bottom form input[type=search]::placeholder { font-weight: 300; width: 100%; font-size: 14px; color: #808996; } .header-bottom__contact-wrapp { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .header-bottom__contact-row { display: flex; align-items: center; gap: 12px; } .header-bottom__contact-row p { font-size: 14px; color: #848484; } .header-bottom__contact-item { display: flex; align-items: center; gap: 6px; } .header-bottom__contact-item:hover span { color: #0577fd; } .header-bottom__contact-item span { font-size: 18px; color: #fff; transition: .3s; } .header-bottom__mini-cart-wrapper { display: flex; align-items: center; gap: 10px; } .header-bottom__mini-cart { position: relative; } .header-bottom__mini-cart span { font-size: 18px; color: #fff; font-weight: 700; box-shadow: 0 1px 5px 0 #0d2c7b; width: 22px; height: 22px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: #ffa011; position: absolute; right: -4px; bottom: -3px; } .header-bottom__mini-cart-text-wrapp { display: flex; flex-direction: column; align-items: flex-start; } .header-bottom__mini-cart-text-wrapp span { font-weight: 700; font-size: 18px; } .header-bottom__mini-cart-text-wrapp span:first-child { color: #fff; } .header-bottom__mini-cart-text-wrapp span:last-child { color: #ffa011; } @media (max-width: 1400px) { .header-bottom { gap: 20px; } .header-bottom__contact-item:last-child { display: none; } } @media (max-width: 1220px) { .header-bottom { flex-wrap: wrap; } .header-bottom__mini-cart-text-wrapp { display: none; } .header-bottom #search_big { flex: 1 1 100%; order: 1; } .header-bottom__contact-item:last-child { display: flex; } } .header__burger, .header-top__logo { display: none; } .header__burger{ background-color: #277AF9!important; } body.lock { overflow: hidden; } @media (max-width: 992px) { .header-newInfo { font-size: 14px; line-height: 16px; } .header-bottom .header-bottom__contact-wrapp { display: none; } .header-top__logo { display: flex; } .header-bottom__logo { display: none; } .header-top__wrapp { position: fixed; top: -140%; left: 0; width: 100%; max-width: none; height: 100vh; z-index: 99; background-color: #1B1F25; transition: all 0.3s ease 0s; overflow: scroll; flex-direction: column; justify-content: flex-start; padding: 111px 28px 43px; align-items: flex-start; display: none; } .header-top__wrapp ul { flex-direction: column; align-items: flex-start; gap: 24px; } .header-top__wrapp .header-top__sign-wrapp { flex-direction: column; align-items: flex-start; gap: 24px; } .header-top__wrapp.active { top: 0; transition: all 0.3s ease 0s; } .header-top__logo { z-index: 101; position: relative; } .header__burger { position: relative; z-index: 101; display: grid; justify-content: center; align-items: center; grid-template: repeat(3, 8px)/1fr; background: #1B1F25; padding: 20px; border-radius: 6px; transform: scale(0.8); } .header__burger.active { background: #2E3540; } .header__burger.active::before { margin-top: 15px; transform: rotate(45deg); border-radius: 0; } .header__burger.active::after { margin-bottom: 15.5px; transform: rotate(-45deg); border-radius: 0; } .header__burger.active span { transform: scale(0); border-radius: 0; } .header__burger::before, .header__burger::after { content: ""; height: 2px; width: 26px; background-color: #fff; transition: all 0.3s ease 0s; border-radius: 1px; } .header__burger span { height: 2px; width: 26px; background-color: #fff; border-radius: 1px; } } .search-toggle { background: #2E3540; padding: 20px; display: flex; align-items: center; justify-content: center; width: 56px; height: 100%; max-height: 48px; border-radius: 6px; } @media (min-width: 700px) { .search-toggle { display: none; } } .search-toggle .close-img { display: none; } .search-toggle.open .close-img { display: block; } .search-toggle.open .search-img { display: none; } .search-toggle img { height: 16px; } @media (max-width: 992px) { .header::after { content: ""; background: #1B1F25; position: absolute; left: 0; top: 0; width: 100vw; /* height: 100px;*/ z-index: 100; } .header-top__sign-wrapp { margin-top: 24px; } } @media (max-width: 768px) { .header-bottom__mini-cart { background: #2E3540; padding: 12px; width: 56px; height: 100%; border-radius: 6px; display: flex; align-items: center; justify-content: center; } .header-bottom__mini-cart img { width: 24px; height: initial; } .header-bottom__mini-cart span { right: 5px; bottom: 2px; } .header-bottom form { transition: initial; } .header-bottom form.open { } } @media (max-width: 768px) { .header-bottom__contact-item:last-child { display: none; } #search_big .search-form { display: none; } } @media (max-width: 700px) { .header-bottom__btn { width: 220px; justify-content: center; } } @media (max-width: 650px) { .header-bottom { gap: 12px 16px; } .header-bottom__contact-wrapp { gap: 12px; margin-top: 48px; } .header-bottom__mini-cart { width: 56px; } .header-bottom__contact-item:last-child { display: flex; } .header-bottom__contact-row { flex-direction: column; } } @media (min-width: 391px) and (max-width: 700px) { .header-bottom__btn { flex: 1; } } @media (max-width: 390px) { .header-bottom__btn { width: auto; flex: 1; padding: 16px; } } @media (max-width: 350px) { .header-bottom__btn svg { display: none; } } @media (max-width: 340px) { .header-top__logo svg { width: 180px; } .header-top__logo p { font-size: 12px; } } .footer { background: #1B1F25; padding: 100px 0 57px; } .footer__body { display: flex; justify-content: space-between; } .footer__col:first-child { display: flex; flex-direction: column; justify-content: space-between; } .footer__col:first-child span { font-size: 14px; color: #7c7c7c; } .footer__col:last-child { display: flex; flex-direction: column; gap: 28px; width: 280px; } .footer__contact-wrapp { display: flex; flex-direction: column; gap: 4px; } .footer__contact-wrapp p { padding-left: 30px; color: #848484; font-size: 14px; } .footer__contact-item { display: flex; align-items: center; gap: 10px; } .footer__contact-item:hover span { color: #0577fd; } .footer__contact-item img, .footer__contact-item svg { width: 20px; height: 16px; } .footer__contact-item.phone span { font-size: 18px; } .footer__contact-item.address { align-items: flex-start; } .footer__contact-item.address span { font-size: 14px; } .footer__contact-item span { color: #fff; font-size: 14px; transition: .3s; } .footer-nav { display: flex; } @media (max-width: 1200px) { .footer-nav { gap: 40px; } } @media (max-width: 1050px) { .footer-nav { gap: 20px; } } .footer-nav__item:nth-child(2) { margin: 0 102px 0 69px; } @media (min-width: 1400px) { .footer-nav__item:nth-child(2) { margin: 0 102px 0 120px; } } @media (max-width: 1200px) { .footer-nav__item:nth-child(2) { margin: 0; } } .footer-nav__item span { font-size: 20px; color: #fff; display: inline-block; margin-bottom: 26px; line-height: 1; } .footer-nav__item:not(:has(span)) ul { margin-top: 42px; } .footer-nav__item li + li { margin-top: 17px; } .footer-nav__item li a { font-weight: 300; font-size: 18px; color: #8b8b8b; line-height: 100%; } @media (min-width: 1400px) { .footer__body { justify-content: flex-start; } .footer__col:first-child { margin-right: 160px; } .footer__col:nth-child(2) { margin-right: auto; } .footer__contact-wrapp { gap: 8px; } } @media (max-width: 992px) { .footer__body { flex-direction: column; gap: 50px; } .footer__col:first-child { order: 3; gap: 13px; } .footer__col:nth-child(2) { order: 1; } .footer__col:last-child { order: 2; } .footer-nav { gap: 100px; } } @media (max-width: 768px) { .footer { padding: 47px 0 42px; } .footer-nav { flex-direction: column; gap: 20px; } .footer-nav__item:last-child { display: none; } .footer-nav__item span { margin-bottom: 0; position: relative; } .footer-nav__item span::after { content: ""; background: url("/local/templates/Tonnag-copy/img/icon/arrow.svg"); background-size: contain; background-position: center; width: 9px; height: 5px; display: block; position: absolute; right: -15px; top: calc(50% + 1px); transform: translateY(-50%); transition: all 0.3s ease-in; } .footer-nav__item:has(ul.open) span::after { transform: translateY(-50%) rotate(-180deg); } .footer-nav__item ul { visibility: hidden; opacity: 0; max-height: 0; transition: all 0.3s ease; } .footer-nav__item ul.open { padding-top: 24px; opacity: 1; visibility: visible; max-height: -moz-fit-content; max-height: fit-content; display: flex; flex-direction: column; } } .top-bar-nav { display: none; } #search_big { flex: auto; } body.modal-opened { overflow: hidden; } .drop-down { display: none; position: absolute; width: 100%; left: 0; top: 100%; background-color: #252428; padding: 16px 0; z-index: 1; -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); border-radius: 0 0 8px 8px; } .drop-down .horizontal-multilevel-menu { flex-direction: column; } .drop-down .horizontal-multilevel-menu a { padding: 18px 16px; } .drop-down .horizontal-multilevel-menu li ul { padding: 20px 8px 8px 40px; background-color: #fff; } .drop-down .horizontal-multilevel-menu li ul a { color: #252428; } .header-bottom__btn.active:not(.dev) .drop-down { display: block; } @media (max-width: 1024px) { .header-bottom__btn.active .drop-down { display: block; } } .drop-down .horizontal-multilevel-menu li.active ul { display: block; } .header-top__sign-wrapp a:hover { color: #0577fd; } .drop-down .horizontal-multilevel-menu li:hover > a { color: #114dea !important; } @media (max-width: 1024px) { .horizontal-multilevel-menu { align-items: start; } .knopcaLaziBloc{ display: block; margin: 42px auto 24px; } } @media (max-width: 768px) { .drop-down .horizontal-multilevel-menu li ul { padding: 20px 8px 8px 8px; background-color: #fff; } .drop-down .horizontal-multilevel-menu li ul { position: static; margin: 16px 0 0; } } .header-bottom__btn.dev .drop-down { position: fixed; top: 161px; left: 0; right: 0; bottom: 160px; z-index: 100; background: #fff; overflow-y: auto; } .header-bottom__btn.dev .horizontal-multilevel-menu > li { border-bottom: 1px solid #D0D2D7; } .header-bottom__btn.dev .horizontal-multilevel-menu > li > a { color: #3C4148; padding: 25px 0; text-transform: lowercase; font-size: 18px; font-weight: 800; line-height: 21.92px; text-align: left; background: 0; } .header-bottom__btn.dev .horizontal-multilevel-menu > li > a:first-letter { text-transform: uppercase; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu { flex-direction: row; gap: 30px; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu li { position: relative; } .header-bottom__btn.dev .header-top__nav { position: relative; max-width: 95vw; } .header-bottom__btn.dev .horizontal-multilevel-menu li ul { flex-direction: column; top: 150px; left: auto; padding: 0; display: block; filter: none; border-radius: initial; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu li ul a { color: #1B1F25; font-size: 18px; font-weight: 300; line-height: 43.2px; text-align: left; padding: 0; } .header-bottom__btn.dev.active p { color: #FFFFFF; } .header-bottom__btn.dev.active { background-color: #0F1217; box-shadow: none; } .header-bottom__btn.dev .horizontal-multilevel-menu > li > svg { display: none; pointer-events: none; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .header-bottom__btn.dev .close { display: none; width: 16px; } .header-bottom__btn.dev.active .close { display: block; } .header-bottom__btn.dev.active .open { display: none; } .show-more { color: #114dea; font-size: 18px; font-weight: 300; line-height: 43.2px; text-align: left; padding: 0; } .show-more:hover { color: #1B1F25 !important; } @media (min-width: 1024px) { .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li:has(img) { gap: 16px; } .header-bottom__btn.dev .header-bottom__contact-row { display: none; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li > a { flex: 4; } } @media (max-width: 1024px) { .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li { gap: 16px; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li > div { flex: 1; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu > li > div { min-width: 50px; display: flex; justify-content: center; } .header-bottom__btn.dev.active .drop-down { top: 0; bottom: 0; } .header-bottom__btn.dev { -webkit-tap-highlight-color: transparent; } .header-bottom__btn.dev .drop-down { /*margin-top: 100px;*/ top: -140%; margin-top: 68px; z-index: 222; } .close{ display: none!important; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu { gap: 0; flex-direction: column; } .header-bottom__btn.dev .horizontal-multilevel-menu li ul { display: none; background-color: initial; padding: 0 0 30px; margin: 0; } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu li.active { background-color: #277AF9; border-radius: 10px; overflow: hidden; } .header-bottom__btn.dev .horizontal-multilevel-menu > li.active > a { color: #FFFFFF !important; border: none; } .header-bottom__btn.dev .horizontal-multilevel-menu > li { padding: 0 20px; } .header-bottom__btn.dev .horizontal-multilevel-menu > li img { filter: grayscale(0) invert(1); } .header-bottom__btn.dev .horizontal-multilevel-menu > li.prev { border-bottom: 1px solid #fff; } .header-bottom__btn.dev .horizontal-multilevel-menu > li > a { font-size: 21px; font-weight: 700; line-height: 25.58px; padding: 15px 0; flex: 7 } .header-bottom__btn.dev .horizontal-multilevel-menu > li > svg { flex: 1; transition: .3s; transform: rotate(90deg); display: block; } .header-bottom__btn.dev .horizontal-multilevel-menu > li.active > svg { transform: rotate(-90deg); pointer-events: all; } .header-bottom__btn.dev .horizontal-multilevel-menu > li.active > svg path { fill: #fff; stroke: #fff; } .header-bottom__btn.dev .horizontal-multilevel-menu > li.active img { filter: brightness(0) invert(1); } .header-bottom__btn.dev .drop-down .horizontal-multilevel-menu li ul a { color: #FFFFFF; } .drop-down .horizontal-multilevel-menu li:hover > a { color: initial !important; } .header-bottom__btn.dev.active .drop-down .header-bottom__contact-item span { color: #2E2E2E; font-size: 18px; font-weight: 400; line-height: 21.92px; text-align: left; } .header-bottom__btn.dev.active .drop-down .header-bottom__contact-row p { color: #848484; font-size: 14px; font-weight: 400; line-height: 17.05px; text-align: left; margin-top: 12px; } .header-bottom__btn.dev.active .drop-down .header-bottom__contact-row { display: block; } .header-bottom__btn.dev.active .drop-down .header-bottom__contact-item { margin-top: 12px; } .show-more { color: #1B1F25; } } .beenscrolled #back_top {} #back_top img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); filter: invert(1); } #back_top:hover { background: #277AF9; box-shadow: 5px 3px 10px rgba(0,0,0,.15); } .beenscrolled #back_top { opacity: 1; pointer-events: all; } #back_top{ width: 50px; height: 50px; background: rgba(0, 0, 0, 0.25); border-radius: 5%; position: fixed; cursor: pointer; transition: .2s; left: 30px; margin-right: 7px; opacity: 0; bottom: 30px; } /* Button */ .bx-catalog-subscribe-button { margin-bottom: 6px; display: inline-block; } .bx-catalog-popup-content { width: 90%; max-width: 280px; } /* Subscribe popup */ .bx-catalog-subscribe-form-container-label { font-size:13px; color: #5a6c77; padding-bottom: 2px; } .bx-catalog-subscribe-form-container-input { position: relative; } .bx-catalog-subscribe-form-container-input input[type="text"] { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-catalog-subscribe-form-star-required { color: #d93333; } .bx-catalog-subscribe-form-container .bx-captcha{ margin-bottom: 10px; } .bx-catalog-popup-message { font-weight: bold; min-width: 240px; margin: 0 0 0; } /* Alert style */ .bx-catalog-subscribe-alert { background-color: #edf6fc; color: #000; font-size: 15px; min-height: 45px; text-align: center; padding: 12px 40px 12px 60px; position: relative; width: 280px; } .bx-catalog-subscribe-aligner { display: inline-block; height: 45px; margin-left: -1px; vertical-align: middle; width: 1px; } .bx-catalog-subscribe-alert-text { display: inline-block; vertical-align: middle; } .bx-catalog-subscribe-alert-footer { text-align: center; } .bx-catalog-subscribe-alert-popup { background-color: #edf6fc !important; border: 1px solid #edf6fc !important; border-radius: 3px !important; -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; } @media (max-width: 375px) { .vcatflex > a{ /* width: 100%;*/ } .vcatflexelem{ justify-content: center; } .vcatlogo, .vcatname{ flex: 1; text-align: center; } } .mobile-change{ display: none; } @media (max-width: 992px) { .header .search-toggle{ display: none; } .header .header-bottom__mini-cart-wrapper{ display: none; } .mobile-change{ display: block; } .header-bottom__btn .open, .header-bottom__btn .close, .header-bottom__btn p{ display: none; } .header-bottom{ display: none; } .header-fixed .header-bottom, .header-bottom__btn{ padding:0; } .header-bottom, .header-bottom__btn{ background: none; /*padding:0;*/ gap: 0; margin:0; } .header-bottom__btn .drop-down.drop-down-multi{ padding-top: 0; padding-bottom: 100px; } .header-newInfo{ padding-top: 20px; } .menu{ z-index: 100000; display: block; } } @media (max-width: 992px) { #header-content{ position: relative; } .header-bottom{ display: block; position: absolute; top: 0; width: 92%; } .header-bottom__logo{ opacity: 0; } .search-toggle{ display: none; } .lock .header-bottom{ display: block; } } #search-form_smal{ margin-left: 5px; } .login-button{ pointer-events: none; } @media (max-width: 768px) { .header { width: 100%; /* position: fixed; */ z-index: 1; } .item-selected_menu { display: none !important; } .header-bottom__btn.dev .horizontal-multilevel-menu > li > a { line-height: 7px; } .mene_hor_ts, .header-bottom__contact-row-tt { display: none !important; } .address_mobile_menu { display: flex !important; color: #1B1F25; background: #FFF; padding: 10px; gap: 13px; } #search_big { z-index: 22222222; position: fixed; top: 10px; width: 73%; padding-top: 0!important; } .header-newInfo{ margin-top: 0px!important; text-align: left!important; padding-top: 6px!important; margin-left:10px!important; z-index: 101; position: relative; } } .address_mobile_menu { display: none; } /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/magnific-popup.css?17436043507302*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/Tonnag-copy/assets/flexslider/flexslider.css?17436043506940*/ /* * jQuery FlexSlider v2.7.2 * https://www.woocommerce.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 and later license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) * */ /* ==================================================================================================================== * FONT-FACE * ====================================================================================================================*/ @font-face { font-family: 'flexslider-icon'; src: url('/local/templates/Tonnag-copy/assets/flexslider/fonts/flexslider-icon.eot'); src: url('/local/templates/Tonnag-copy/assets/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('/local/templates/Tonnag-copy/assets/flexslider/fonts/flexslider-icon.woff') format('woff'), url('/local/templates/Tonnag-copy/assets/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('/local/templates/Tonnag-copy/assets/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } /* ==================================================================================================================== * RESETS * ====================================================================================================================*/ .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * BASE STYLES * ====================================================================================================================*/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } /* ==================================================================================================================== * DEFAULT THEME * ====================================================================================================================*/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } @-moz-document url-prefix() { .loading .flex-viewport { max-height: none; } } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* End */ /* Start:/local/templates/Tonnag-copy/vendors/bootstrap/css/bootstrap.css?1743604352236859*/ /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ form[name=ORDER_FORM] *, form[name=ORDER_FORM] *::before, form[name=ORDER_FORM] *::after { box-sizing: border-box; } form[name=ORDER_FORM] article, form[name=ORDER_FORM] aside, form[name=ORDER_FORM] figcaption, form[name=ORDER_FORM] figure, form[name=ORDER_FORM] footer, form[name=ORDER_FORM] header, form[name=ORDER_FORM] hgroup, form[name=ORDER_FORM] main, form[name=ORDER_FORM] nav, form[name=ORDER_FORM] section { display: block; } form[name=ORDER_FORM] table { border-collapse: collapse; } form[name=ORDER_FORM] caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } form[name=ORDER_FORM] th { text-align: inherit; } form[name=ORDER_FORM] label { display: inline-block; margin-bottom: 0.5rem; } form[name=ORDER_FORM] button { border-radius: 0; } form[name=ORDER_FORM] button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } form[name=ORDER_FORM] button, form[name=ORDER_FORM] input { overflow: visible; } form[name=ORDER_FORM] button, form[name=ORDER_FORM] select { text-transform: none; } form[name=ORDER_FORM] select { word-wrap: normal; } form[name=ORDER_FORM] button, form[name=ORDER_FORM] [type="button"], form[name=ORDER_FORM] [type="reset"], form[name=ORDER_FORM] [type="submit"] { -webkit-appearance: button; } form[name=ORDER_FORM] button:not(:disabled), form[name=ORDER_FORM] [type="button"]:not(:disabled), form[name=ORDER_FORM] [type="reset"]:not(:disabled), form[name=ORDER_FORM] [type="submit"]:not(:disabled) { cursor: pointer; } form[name=ORDER_FORM] button::-moz-focus-inner, form[name=ORDER_FORM] [type="button"]::-moz-focus-inner, form[name=ORDER_FORM] [type="reset"]::-moz-focus-inner, form[name=ORDER_FORM] [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } form[name=ORDER_FORM] input[type="date"], form[name=ORDER_FORM] input[type="time"], form[name=ORDER_FORM] input[type="datetime-local"], form[name=ORDER_FORM] input[type="month"] { -webkit-appearance: listbox; } form[name=ORDER_FORM] textarea { overflow: auto; resize: vertical; } form[name=ORDER_FORM] fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } form[name=ORDER_FORM] legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } form[name=ORDER_FORM] progress { vertical-align: baseline; } form[name=ORDER_FORM] [type="number"]::-webkit-inner-spin-button, form[name=ORDER_FORM] [type="number"]::-webkit-outer-spin-button { height: auto; } form[name=ORDER_FORM] [type="search"] { outline-offset: -2px; -webkit-appearance: none; } form[name=ORDER_FORM] [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } form[name=ORDER_FORM] ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } form[name=ORDER_FORM] output { display: inline-block; } form[name=ORDER_FORM] summary { display: list-item; cursor: pointer; } form[name=ORDER_FORM] template { display: none; } form[name=ORDER_FORM] [hidden] { display: none !important; } form[name=ORDER_FORM] h1, form[name=ORDER_FORM] h2, form[name=ORDER_FORM] h3, form[name=ORDER_FORM] h4, form[name=ORDER_FORM] h5, form[name=ORDER_FORM] h6, form[name=ORDER_FORM] .h1, form[name=ORDER_FORM] .h2, form[name=ORDER_FORM] .h3, form[name=ORDER_FORM] .h4, form[name=ORDER_FORM] .h5, form[name=ORDER_FORM] .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } form[name=ORDER_FORM] h1, form[name=ORDER_FORM] .h1 { font-size: 2.5rem; } form[name=ORDER_FORM] h2, form[name=ORDER_FORM] .h2 { font-size: 2rem; } form[name=ORDER_FORM] h3, form[name=ORDER_FORM] .h3 { font-size: 1.75rem; } form[name=ORDER_FORM] h4, form[name=ORDER_FORM] .h4 { font-size: 1.5rem; } form[name=ORDER_FORM] h5, form[name=ORDER_FORM] .h5 { font-size: 1.25rem; } form[name=ORDER_FORM] h6, form[name=ORDER_FORM] .h6 { font-size: 1rem; } form[name=ORDER_FORM] .lead { font-size: 1.25rem; font-weight: 300; } form[name=ORDER_FORM] .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } form[name=ORDER_FORM] .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } form[name=ORDER_FORM] .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } form[name=ORDER_FORM] .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } form[name=ORDER_FORM] hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,0.1); } form[name=ORDER_FORM] small, form[name=ORDER_FORM] .small { font-size: 80%; font-weight: 400; } form[name=ORDER_FORM] mark, form[name=ORDER_FORM] .mark { padding: 0.2em; background-color: #fcf8e3; } form[name=ORDER_FORM] .list-unstyled { padding-left: 0; list-style: none; } form[name=ORDER_FORM] .list-inline { padding-left: 0; list-style: none; } form[name=ORDER_FORM] .list-inline-item { display: inline-block; } form[name=ORDER_FORM] .list-inline-item:not(:last-child) { margin-right: 0.5rem; } form[name=ORDER_FORM] .initialism { font-size: 90%; text-transform: uppercase; } form[name=ORDER_FORM] .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } form[name=ORDER_FORM] .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } form[name=ORDER_FORM] .blockquote-footer::before { content: "\2014\00A0"; } form[name=ORDER_FORM] .img-fluid { max-width: 100%; height: auto; } form[name=ORDER_FORM] .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } form[name=ORDER_FORM] .figure { display: inline-block; } form[name=ORDER_FORM] .figure-img { margin-bottom: 0.5rem; line-height: 1; } form[name=ORDER_FORM] .figure-caption { font-size: 90%; color: #6c757d; } form[name=ORDER_FORM] code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } form[name=ORDER_FORM] a > code { color: inherit; } form[name=ORDER_FORM] kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } form[name=ORDER_FORM] kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } form[name=ORDER_FORM] pre { display: block; font-size: 87.5%; color: #212529; } form[name=ORDER_FORM] pre code { font-size: inherit; color: inherit; word-break: normal; } form[name=ORDER_FORM] .pre-scrollable { max-height: 340px; overflow-y: scroll; } form[name=ORDER_FORM] .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { form[name=ORDER_FORM] .container { max-width: 540px; } } @media (min-width: 768px) { form[name=ORDER_FORM] .container { max-width: 720px; } } @media (min-width: 992px) { form[name=ORDER_FORM] .container { max-width: 960px; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .container { max-width: 1140px; } } form[name=ORDER_FORM] .container-fluid, form[name=ORDER_FORM] .container-sm, form[name=ORDER_FORM] .container-md, form[name=ORDER_FORM] .container-lg, form[name=ORDER_FORM] .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { form[name=ORDER_FORM] .container, form[name=ORDER_FORM] .container-sm { max-width: 540px; } } @media (min-width: 768px) { form[name=ORDER_FORM] .container, form[name=ORDER_FORM] .container-sm, form[name=ORDER_FORM] .container-md { max-width: 720px; } } @media (min-width: 992px) { form[name=ORDER_FORM] .container, form[name=ORDER_FORM] .container-sm, form[name=ORDER_FORM] .container-md, form[name=ORDER_FORM] .container-lg { max-width: 960px; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .container, form[name=ORDER_FORM] .container-sm, form[name=ORDER_FORM] .container-md, form[name=ORDER_FORM] .container-lg, form[name=ORDER_FORM] .container-xl { max-width: 1140px; } } form[name=ORDER_FORM] .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } form[name=ORDER_FORM] .no-gutters { margin-right: 0; margin-left: 0; } form[name=ORDER_FORM] .no-gutters > .col, form[name=ORDER_FORM] .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } form[name=ORDER_FORM] .col-1, form[name=ORDER_FORM] .col-2, form[name=ORDER_FORM] .col-3, form[name=ORDER_FORM] .col-4, form[name=ORDER_FORM] .col-5, form[name=ORDER_FORM] .col-6, form[name=ORDER_FORM] .col-7, form[name=ORDER_FORM] .col-8, form[name=ORDER_FORM] .col-9, form[name=ORDER_FORM] .col-10, form[name=ORDER_FORM] .col-11, form[name=ORDER_FORM] .col-12, form[name=ORDER_FORM] .col, form[name=ORDER_FORM] .col-auto, form[name=ORDER_FORM] .col-sm-1, form[name=ORDER_FORM] .col-sm-2, form[name=ORDER_FORM] .col-sm-3, form[name=ORDER_FORM] .col-sm-4, form[name=ORDER_FORM] .col-sm-5, form[name=ORDER_FORM] .col-sm-6, form[name=ORDER_FORM] .col-sm-7, form[name=ORDER_FORM] .col-sm-8, form[name=ORDER_FORM] .col-sm-9, form[name=ORDER_FORM] .col-sm-10, form[name=ORDER_FORM] .col-sm-11, form[name=ORDER_FORM] .col-sm-12, form[name=ORDER_FORM] .col-sm, form[name=ORDER_FORM] .col-sm-auto, form[name=ORDER_FORM] .col-md-1, form[name=ORDER_FORM] .col-md-2, form[name=ORDER_FORM] .col-md-3, form[name=ORDER_FORM] .col-md-4, form[name=ORDER_FORM] .col-md-5, form[name=ORDER_FORM] .col-md-6, form[name=ORDER_FORM] .col-md-7, form[name=ORDER_FORM] .col-md-8, form[name=ORDER_FORM] .col-md-9, form[name=ORDER_FORM] .col-md-10, form[name=ORDER_FORM] .col-md-11, form[name=ORDER_FORM] .col-md-12, form[name=ORDER_FORM] .col-md, form[name=ORDER_FORM] .col-md-auto, form[name=ORDER_FORM] .col-lg-1, form[name=ORDER_FORM] .col-lg-2, form[name=ORDER_FORM] .col-lg-3, form[name=ORDER_FORM] .col-lg-4, form[name=ORDER_FORM] .col-lg-5, form[name=ORDER_FORM] .col-lg-6, form[name=ORDER_FORM] .col-lg-7, form[name=ORDER_FORM] .col-lg-8, form[name=ORDER_FORM] .col-lg-9, form[name=ORDER_FORM] .col-lg-10, form[name=ORDER_FORM] .col-lg-11, form[name=ORDER_FORM] .col-lg-12, form[name=ORDER_FORM] .col-lg, form[name=ORDER_FORM] .col-lg-auto, form[name=ORDER_FORM] .col-xl-1, form[name=ORDER_FORM] .col-xl-2, form[name=ORDER_FORM] .col-xl-3, form[name=ORDER_FORM] .col-xl-4, form[name=ORDER_FORM] .col-xl-5, form[name=ORDER_FORM] .col-xl-6, form[name=ORDER_FORM] .col-xl-7, form[name=ORDER_FORM] .col-xl-8, form[name=ORDER_FORM] .col-xl-9, form[name=ORDER_FORM] .col-xl-10, form[name=ORDER_FORM] .col-xl-11, form[name=ORDER_FORM] .col-xl-12, form[name=ORDER_FORM] .col-xl, form[name=ORDER_FORM] .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } form[name=ORDER_FORM] .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } form[name=ORDER_FORM] .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .row-cols-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } form[name=ORDER_FORM] .row-cols-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } form[name=ORDER_FORM] .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } form[name=ORDER_FORM] .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-3 { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } form[name=ORDER_FORM] .col-6 { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } form[name=ORDER_FORM] .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } form[name=ORDER_FORM] .col-9 { flex: 0 0 75%; max-width: 75%; } form[name=ORDER_FORM] .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } form[name=ORDER_FORM] .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } form[name=ORDER_FORM] .col-12 { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .order-first { order: -1; } form[name=ORDER_FORM] .order-last { order: 13; } form[name=ORDER_FORM] .order-0 { order: 0; } form[name=ORDER_FORM] .order-1 { order: 1; } form[name=ORDER_FORM] .order-2 { order: 2; } form[name=ORDER_FORM] .order-3 { order: 3; } form[name=ORDER_FORM] .order-4 { order: 4; } form[name=ORDER_FORM] .order-5 { order: 5; } form[name=ORDER_FORM] .order-6 { order: 6; } form[name=ORDER_FORM] .order-7 { order: 7; } form[name=ORDER_FORM] .order-8 { order: 8; } form[name=ORDER_FORM] .order-9 { order: 9; } form[name=ORDER_FORM] .order-10 { order: 10; } form[name=ORDER_FORM] .order-11 { order: 11; } form[name=ORDER_FORM] .order-12 { order: 12; } form[name=ORDER_FORM] .offset-1 { margin-left: 8.333333%; } form[name=ORDER_FORM] .offset-2 { margin-left: 16.666667%; } form[name=ORDER_FORM] .offset-3 { margin-left: 25%; } form[name=ORDER_FORM] .offset-4 { margin-left: 33.333333%; } form[name=ORDER_FORM] .offset-5 { margin-left: 41.666667%; } form[name=ORDER_FORM] .offset-6 { margin-left: 50%; } form[name=ORDER_FORM] .offset-7 { margin-left: 58.333333%; } form[name=ORDER_FORM] .offset-8 { margin-left: 66.666667%; } form[name=ORDER_FORM] .offset-9 { margin-left: 75%; } form[name=ORDER_FORM] .offset-10 { margin-left: 83.333333%; } form[name=ORDER_FORM] .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { form[name=ORDER_FORM] .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } form[name=ORDER_FORM] .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .row-cols-sm-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } form[name=ORDER_FORM] .row-cols-sm-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } form[name=ORDER_FORM] .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } form[name=ORDER_FORM] .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-sm-3 { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } form[name=ORDER_FORM] .col-sm-6 { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } form[name=ORDER_FORM] .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } form[name=ORDER_FORM] .col-sm-9 { flex: 0 0 75%; max-width: 75%; } form[name=ORDER_FORM] .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } form[name=ORDER_FORM] .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } form[name=ORDER_FORM] .col-sm-12 { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .order-sm-first { order: -1; } form[name=ORDER_FORM] .order-sm-last { order: 13; } form[name=ORDER_FORM] .order-sm-0 { order: 0; } form[name=ORDER_FORM] .order-sm-1 { order: 1; } form[name=ORDER_FORM] .order-sm-2 { order: 2; } form[name=ORDER_FORM] .order-sm-3 { order: 3; } form[name=ORDER_FORM] .order-sm-4 { order: 4; } form[name=ORDER_FORM] .order-sm-5 { order: 5; } form[name=ORDER_FORM] .order-sm-6 { order: 6; } form[name=ORDER_FORM] .order-sm-7 { order: 7; } form[name=ORDER_FORM] .order-sm-8 { order: 8; } form[name=ORDER_FORM] .order-sm-9 { order: 9; } form[name=ORDER_FORM] .order-sm-10 { order: 10; } form[name=ORDER_FORM] .order-sm-11 { order: 11; } form[name=ORDER_FORM] .order-sm-12 { order: 12; } form[name=ORDER_FORM] .offset-sm-0 { margin-left: 0; } form[name=ORDER_FORM] .offset-sm-1 { margin-left: 8.333333%; } form[name=ORDER_FORM] .offset-sm-2 { margin-left: 16.666667%; } form[name=ORDER_FORM] .offset-sm-3 { margin-left: 25%; } form[name=ORDER_FORM] .offset-sm-4 { margin-left: 33.333333%; } form[name=ORDER_FORM] .offset-sm-5 { margin-left: 41.666667%; } form[name=ORDER_FORM] .offset-sm-6 { margin-left: 50%; } form[name=ORDER_FORM] .offset-sm-7 { margin-left: 58.333333%; } form[name=ORDER_FORM] .offset-sm-8 { margin-left: 66.666667%; } form[name=ORDER_FORM] .offset-sm-9 { margin-left: 75%; } form[name=ORDER_FORM] .offset-sm-10 { margin-left: 83.333333%; } form[name=ORDER_FORM] .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { form[name=ORDER_FORM] .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } form[name=ORDER_FORM] .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .row-cols-md-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } form[name=ORDER_FORM] .row-cols-md-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } form[name=ORDER_FORM] .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } form[name=ORDER_FORM] .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-md-3 { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } form[name=ORDER_FORM] .col-md-6 { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } form[name=ORDER_FORM] .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } form[name=ORDER_FORM] .col-md-9 { flex: 0 0 75%; max-width: 75%; } form[name=ORDER_FORM] .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } form[name=ORDER_FORM] .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } form[name=ORDER_FORM] .col-md-12 { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .order-md-first { order: -1; } form[name=ORDER_FORM] .order-md-last { order: 13; } form[name=ORDER_FORM] .order-md-0 { order: 0; } form[name=ORDER_FORM] .order-md-1 { order: 1; } form[name=ORDER_FORM] .order-md-2 { order: 2; } form[name=ORDER_FORM] .order-md-3 { order: 3; } form[name=ORDER_FORM] .order-md-4 { order: 4; } form[name=ORDER_FORM] .order-md-5 { order: 5; } form[name=ORDER_FORM] .order-md-6 { order: 6; } form[name=ORDER_FORM] .order-md-7 { order: 7; } form[name=ORDER_FORM] .order-md-8 { order: 8; } form[name=ORDER_FORM] .order-md-9 { order: 9; } form[name=ORDER_FORM] .order-md-10 { order: 10; } form[name=ORDER_FORM] .order-md-11 { order: 11; } form[name=ORDER_FORM] .order-md-12 { order: 12; } form[name=ORDER_FORM] .offset-md-0 { margin-left: 0; } form[name=ORDER_FORM] .offset-md-1 { margin-left: 8.333333%; } form[name=ORDER_FORM] .offset-md-2 { margin-left: 16.666667%; } form[name=ORDER_FORM] .offset-md-3 { margin-left: 25%; } form[name=ORDER_FORM] .offset-md-4 { margin-left: 33.333333%; } form[name=ORDER_FORM] .offset-md-5 { margin-left: 41.666667%; } form[name=ORDER_FORM] .offset-md-6 { margin-left: 50%; } form[name=ORDER_FORM] .offset-md-7 { margin-left: 58.333333%; } form[name=ORDER_FORM] .offset-md-8 { margin-left: 66.666667%; } form[name=ORDER_FORM] .offset-md-9 { margin-left: 75%; } form[name=ORDER_FORM] .offset-md-10 { margin-left: 83.333333%; } form[name=ORDER_FORM] .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { form[name=ORDER_FORM] .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } form[name=ORDER_FORM] .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .row-cols-lg-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } form[name=ORDER_FORM] .row-cols-lg-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } form[name=ORDER_FORM] .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } form[name=ORDER_FORM] .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-lg-3 { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } form[name=ORDER_FORM] .col-lg-6 { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } form[name=ORDER_FORM] .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } form[name=ORDER_FORM] .col-lg-9 { flex: 0 0 75%; max-width: 75%; } form[name=ORDER_FORM] .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } form[name=ORDER_FORM] .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } form[name=ORDER_FORM] .col-lg-12 { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .order-lg-first { order: -1; } form[name=ORDER_FORM] .order-lg-last { order: 13; } form[name=ORDER_FORM] .order-lg-0 { order: 0; } form[name=ORDER_FORM] .order-lg-1 { order: 1; } form[name=ORDER_FORM] .order-lg-2 { order: 2; } form[name=ORDER_FORM] .order-lg-3 { order: 3; } form[name=ORDER_FORM] .order-lg-4 { order: 4; } form[name=ORDER_FORM] .order-lg-5 { order: 5; } form[name=ORDER_FORM] .order-lg-6 { order: 6; } form[name=ORDER_FORM] .order-lg-7 { order: 7; } form[name=ORDER_FORM] .order-lg-8 { order: 8; } form[name=ORDER_FORM] .order-lg-9 { order: 9; } form[name=ORDER_FORM] .order-lg-10 { order: 10; } form[name=ORDER_FORM] .order-lg-11 { order: 11; } form[name=ORDER_FORM] .order-lg-12 { order: 12; } form[name=ORDER_FORM] .offset-lg-0 { margin-left: 0; } form[name=ORDER_FORM] .offset-lg-1 { margin-left: 8.333333%; } form[name=ORDER_FORM] .offset-lg-2 { margin-left: 16.666667%; } form[name=ORDER_FORM] .offset-lg-3 { margin-left: 25%; } form[name=ORDER_FORM] .offset-lg-4 { margin-left: 33.333333%; } form[name=ORDER_FORM] .offset-lg-5 { margin-left: 41.666667%; } form[name=ORDER_FORM] .offset-lg-6 { margin-left: 50%; } form[name=ORDER_FORM] .offset-lg-7 { margin-left: 58.333333%; } form[name=ORDER_FORM] .offset-lg-8 { margin-left: 66.666667%; } form[name=ORDER_FORM] .offset-lg-9 { margin-left: 75%; } form[name=ORDER_FORM] .offset-lg-10 { margin-left: 83.333333%; } form[name=ORDER_FORM] .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } form[name=ORDER_FORM] .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .row-cols-xl-3 > * { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } form[name=ORDER_FORM] .row-cols-xl-6 > * { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } form[name=ORDER_FORM] .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } form[name=ORDER_FORM] .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } form[name=ORDER_FORM] .col-xl-3 { flex: 0 0 25%; max-width: 25%; } form[name=ORDER_FORM] .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } form[name=ORDER_FORM] .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } form[name=ORDER_FORM] .col-xl-6 { flex: 0 0 50%; max-width: 50%; } form[name=ORDER_FORM] .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } form[name=ORDER_FORM] .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } form[name=ORDER_FORM] .col-xl-9 { flex: 0 0 75%; max-width: 75%; } form[name=ORDER_FORM] .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } form[name=ORDER_FORM] .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } form[name=ORDER_FORM] .col-xl-12 { flex: 0 0 100%; max-width: 100%; } form[name=ORDER_FORM] .order-xl-first { order: -1; } form[name=ORDER_FORM] .order-xl-last { order: 13; } form[name=ORDER_FORM] .order-xl-0 { order: 0; } form[name=ORDER_FORM] .order-xl-1 { order: 1; } form[name=ORDER_FORM] .order-xl-2 { order: 2; } form[name=ORDER_FORM] .order-xl-3 { order: 3; } form[name=ORDER_FORM] .order-xl-4 { order: 4; } form[name=ORDER_FORM] .order-xl-5 { order: 5; } form[name=ORDER_FORM] .order-xl-6 { order: 6; } form[name=ORDER_FORM] .order-xl-7 { order: 7; } form[name=ORDER_FORM] .order-xl-8 { order: 8; } form[name=ORDER_FORM] .order-xl-9 { order: 9; } form[name=ORDER_FORM] .order-xl-10 { order: 10; } form[name=ORDER_FORM] .order-xl-11 { order: 11; } form[name=ORDER_FORM] .order-xl-12 { order: 12; } form[name=ORDER_FORM] .offset-xl-0 { margin-left: 0; } form[name=ORDER_FORM] .offset-xl-1 { margin-left: 8.333333%; } form[name=ORDER_FORM] .offset-xl-2 { margin-left: 16.666667%; } form[name=ORDER_FORM] .offset-xl-3 { margin-left: 25%; } form[name=ORDER_FORM] .offset-xl-4 { margin-left: 33.333333%; } form[name=ORDER_FORM] .offset-xl-5 { margin-left: 41.666667%; } form[name=ORDER_FORM] .offset-xl-6 { margin-left: 50%; } form[name=ORDER_FORM] .offset-xl-7 { margin-left: 58.333333%; } form[name=ORDER_FORM] .offset-xl-8 { margin-left: 66.666667%; } form[name=ORDER_FORM] .offset-xl-9 { margin-left: 75%; } form[name=ORDER_FORM] .offset-xl-10 { margin-left: 83.333333%; } form[name=ORDER_FORM] .offset-xl-11 { margin-left: 91.666667%; } } form[name=ORDER_FORM] .table { width: 100%; margin-bottom: 1rem; color: #212529; } form[name=ORDER_FORM] .table th, form[name=ORDER_FORM] .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } form[name=ORDER_FORM] .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } form[name=ORDER_FORM] .table tbody + tbody { border-top: 2px solid #dee2e6; } form[name=ORDER_FORM] .table-sm th, form[name=ORDER_FORM] .table-sm td { padding: 0.3rem; } form[name=ORDER_FORM] .table-bordered { border: 1px solid #dee2e6; } form[name=ORDER_FORM] .table-bordered th, form[name=ORDER_FORM] .table-bordered td { border: 1px solid #dee2e6; } form[name=ORDER_FORM] .table-bordered thead th, form[name=ORDER_FORM] .table-bordered thead td { border-bottom-width: 2px; } form[name=ORDER_FORM] .table-borderless th, form[name=ORDER_FORM] .table-borderless td, form[name=ORDER_FORM] .table-borderless thead th, form[name=ORDER_FORM] .table-borderless tbody + tbody { border: 0; } form[name=ORDER_FORM] .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,0.05); } form[name=ORDER_FORM] .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,0.075); } form[name=ORDER_FORM] .table-primary, form[name=ORDER_FORM] .table-primary > th, form[name=ORDER_FORM] .table-primary > td { background-color: #b8daff; } form[name=ORDER_FORM] .table-primary th, form[name=ORDER_FORM] .table-primary td, form[name=ORDER_FORM] .table-primary thead th, form[name=ORDER_FORM] .table-primary tbody + tbody { border-color: #7abaff; } form[name=ORDER_FORM] .table-hover .table-primary:hover { background-color: #9fcdff; } form[name=ORDER_FORM] .table-hover .table-primary:hover > td, form[name=ORDER_FORM] .table-hover .table-primary:hover > th { background-color: #9fcdff; } form[name=ORDER_FORM] .table-secondary, form[name=ORDER_FORM] .table-secondary > th, form[name=ORDER_FORM] .table-secondary > td { background-color: #d6d8db; } form[name=ORDER_FORM] .table-secondary th, form[name=ORDER_FORM] .table-secondary td, form[name=ORDER_FORM] .table-secondary thead th, form[name=ORDER_FORM] .table-secondary tbody + tbody { border-color: #b3b7bb; } form[name=ORDER_FORM] .table-hover .table-secondary:hover { background-color: #c8cbcf; } form[name=ORDER_FORM] .table-hover .table-secondary:hover > td, form[name=ORDER_FORM] .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } form[name=ORDER_FORM] .table-success, form[name=ORDER_FORM] .table-success > th, form[name=ORDER_FORM] .table-success > td { background-color: #c3e6cb; } form[name=ORDER_FORM] .table-success th, form[name=ORDER_FORM] .table-success td, form[name=ORDER_FORM] .table-success thead th, form[name=ORDER_FORM] .table-success tbody + tbody { border-color: #8fd19e; } form[name=ORDER_FORM] .table-hover .table-success:hover { background-color: #b1dfbb; } form[name=ORDER_FORM] .table-hover .table-success:hover > td, form[name=ORDER_FORM] .table-hover .table-success:hover > th { background-color: #b1dfbb; } form[name=ORDER_FORM] .table-info, form[name=ORDER_FORM] .table-info > th, form[name=ORDER_FORM] .table-info > td { background-color: #bee5eb; } form[name=ORDER_FORM] .table-info th, form[name=ORDER_FORM] .table-info td, form[name=ORDER_FORM] .table-info thead th, form[name=ORDER_FORM] .table-info tbody + tbody { border-color: #86cfda; } form[name=ORDER_FORM] .table-hover .table-info:hover { background-color: #abdde5; } form[name=ORDER_FORM] .table-hover .table-info:hover > td, form[name=ORDER_FORM] .table-hover .table-info:hover > th { background-color: #abdde5; } form[name=ORDER_FORM] .table-warning, form[name=ORDER_FORM] .table-warning > th, form[name=ORDER_FORM] .table-warning > td { background-color: #ffeeba; } form[name=ORDER_FORM] .table-warning th, form[name=ORDER_FORM] .table-warning td, form[name=ORDER_FORM] .table-warning thead th, form[name=ORDER_FORM] .table-warning tbody + tbody { border-color: #ffdf7e; } form[name=ORDER_FORM] .table-hover .table-warning:hover { background-color: #ffe8a1; } form[name=ORDER_FORM] .table-hover .table-warning:hover > td, form[name=ORDER_FORM] .table-hover .table-warning:hover > th { background-color: #ffe8a1; } form[name=ORDER_FORM] .table-danger, form[name=ORDER_FORM] .table-danger > th, form[name=ORDER_FORM] .table-danger > td { background-color: #f5c6cb; } form[name=ORDER_FORM] .table-danger th, form[name=ORDER_FORM] .table-danger td, form[name=ORDER_FORM] .table-danger thead th, form[name=ORDER_FORM] .table-danger tbody + tbody { border-color: #ed969e; } form[name=ORDER_FORM] .table-hover .table-danger:hover { background-color: #f1b0b7; } form[name=ORDER_FORM] .table-hover .table-danger:hover > td, form[name=ORDER_FORM] .table-hover .table-danger:hover > th { background-color: #f1b0b7; } form[name=ORDER_FORM] .table-light, form[name=ORDER_FORM] .table-light > th, form[name=ORDER_FORM] .table-light > td { background-color: #fdfdfe; } form[name=ORDER_FORM] .table-light th, form[name=ORDER_FORM] .table-light td, form[name=ORDER_FORM] .table-light thead th, form[name=ORDER_FORM] .table-light tbody + tbody { border-color: #fbfcfc; } form[name=ORDER_FORM] .table-hover .table-light:hover { background-color: #ececf6; } form[name=ORDER_FORM] .table-hover .table-light:hover > td, form[name=ORDER_FORM] .table-hover .table-light:hover > th { background-color: #ececf6; } form[name=ORDER_FORM] .table-dark, form[name=ORDER_FORM] .table-dark > th, form[name=ORDER_FORM] .table-dark > td { background-color: #c6c8ca; } form[name=ORDER_FORM] .table-dark th, form[name=ORDER_FORM] .table-dark td, form[name=ORDER_FORM] .table-dark thead th, form[name=ORDER_FORM] .table-dark tbody + tbody { border-color: #95999c; } form[name=ORDER_FORM] .table-hover .table-dark:hover { background-color: #b9bbbe; } form[name=ORDER_FORM] .table-hover .table-dark:hover > td, form[name=ORDER_FORM] .table-hover .table-dark:hover > th { background-color: #b9bbbe; } form[name=ORDER_FORM] .table-active, form[name=ORDER_FORM] .table-active > th, form[name=ORDER_FORM] .table-active > td { background-color: rgba(0,0,0,0.075); } form[name=ORDER_FORM] .table-hover .table-active:hover { background-color: rgba(0,0,0,0.075); } form[name=ORDER_FORM] .table-hover .table-active:hover > td, form[name=ORDER_FORM] .table-hover .table-active:hover > th { background-color: rgba(0,0,0,0.075); } form[name=ORDER_FORM] .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } form[name=ORDER_FORM] .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } form[name=ORDER_FORM] .table-dark { color: #fff; background-color: #343a40; } form[name=ORDER_FORM] .table-dark th, form[name=ORDER_FORM] .table-dark td, form[name=ORDER_FORM] .table-dark thead th { border-color: #454d55; } form[name=ORDER_FORM] .table-dark.table-bordered { border: 0; } form[name=ORDER_FORM] .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.05); } form[name=ORDER_FORM] .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,0.075); } @media (max-width: 575.98px) { form[name=ORDER_FORM] .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } form[name=ORDER_FORM] .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { form[name=ORDER_FORM] .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } form[name=ORDER_FORM] .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { form[name=ORDER_FORM] .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } form[name=ORDER_FORM] .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { form[name=ORDER_FORM] .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } form[name=ORDER_FORM] .table-responsive-xl > .table-bordered { border: 0; } } form[name=ORDER_FORM] .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } form[name=ORDER_FORM] .table-responsive > .table-bordered { border: 0; } form[name=ORDER_FORM] .form-control { display: block; width: 100%; /*height: calc(4.25em);*/ padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .form-control { transition: none; } } form[name=ORDER_FORM] .form-control::-ms-expand { background-color: transparent; border: 0; } form[name=ORDER_FORM] .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } form[name=ORDER_FORM] .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .form-control::placeholder { color: #6c757d; opacity: 1; } form[name=ORDER_FORM] .form-control:disabled, form[name=ORDER_FORM] .form-control[readonly] { background-color: #e9ecef; opacity: 1; } form[name=ORDER_FORM] select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } form[name=ORDER_FORM] .form-control-file, form[name=ORDER_FORM] .form-control-range { display: block; width: 100%; } form[name=ORDER_FORM] .col-form-label { padding-top: calc(1.375rem); padding-bottom: calc(1.375rem); margin-bottom: 0; font-size: inherit; line-height: 1.5; } form[name=ORDER_FORM] .col-form-label-lg { padding-top: calc(1.5rem); padding-bottom: calc(1.5rem); font-size: 1.25rem; line-height: 1.5; } form[name=ORDER_FORM] .col-form-label-sm { padding-top: calc(1.25rem); padding-bottom: calc(1.25rem); font-size: 0.875rem; line-height: 1.5; } form[name=ORDER_FORM] .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } form[name=ORDER_FORM] .form-control-plaintext.form-control-sm, form[name=ORDER_FORM] .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } form[name=ORDER_FORM] .form-control-sm { height: calc(4em); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } form[name=ORDER_FORM] .form-control-lg { height: calc(4.5em); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } form[name=ORDER_FORM] select.form-control[size], form[name=ORDER_FORM] select.form-control[multiple] { height: auto; } form[name=ORDER_FORM] textarea.form-control { height: auto; } form[name=ORDER_FORM] .form-group { margin-bottom: 1rem; } form[name=ORDER_FORM] .form-text { display: block; margin-top: 0.25rem; } form[name=ORDER_FORM] .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } form[name=ORDER_FORM] .form-row > .col, form[name=ORDER_FORM] .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } form[name=ORDER_FORM] .form-check { position: relative; display: block; padding-left: 1.25rem; } form[name=ORDER_FORM] .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } form[name=ORDER_FORM] .form-check-input[disabled] ~ .form-check-label, form[name=ORDER_FORM] .form-check-input:disabled ~ .form-check-label { color: #6c757d; } form[name=ORDER_FORM] .form-check-label { margin-bottom: 0; } form[name=ORDER_FORM] .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } form[name=ORDER_FORM] .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } form[name=ORDER_FORM] .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } form[name=ORDER_FORM] .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,0.9); border-radius: 0.25rem; } form[name=ORDER_FORM] .was-validated :valid ~ .valid-feedback, form[name=ORDER_FORM] .was-validated :valid ~ .valid-tooltip, form[name=ORDER_FORM] .is-valid ~ .valid-feedback, form[name=ORDER_FORM] .is-valid ~ .valid-tooltip { display: block; } form[name=ORDER_FORM] .was-validated .form-control:valid, form[name=ORDER_FORM] .form-control.is-valid { border-color: #28a745; padding-right: calc(2.25em); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.5625em) center; background-size: calc(1.125em) calc(1.125em); } form[name=ORDER_FORM] .was-validated .form-control:valid:focus, form[name=ORDER_FORM] .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25); } form[name=ORDER_FORM] .was-validated textarea.form-control:valid, form[name=ORDER_FORM] textarea.form-control.is-valid { padding-right: calc(2.25em); background-position: top calc(0.5625em) right calc(0.5625em); } form[name=ORDER_FORM] .was-validated .custom-select:valid, form[name=ORDER_FORM] .custom-select.is-valid { border-color: #28a745; padding-right: calc(3.0625em); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(1.125em) calc(1.125em); } form[name=ORDER_FORM] .was-validated .custom-select:valid:focus, form[name=ORDER_FORM] .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25); } form[name=ORDER_FORM] .was-validated .form-check-input:valid ~ .form-check-label, form[name=ORDER_FORM] .form-check-input.is-valid ~ .form-check-label { color: #28a745; } form[name=ORDER_FORM] .was-validated .form-check-input:valid ~ .valid-feedback, form[name=ORDER_FORM] .was-validated .form-check-input:valid ~ .valid-tooltip, form[name=ORDER_FORM] .form-check-input.is-valid ~ .valid-feedback, form[name=ORDER_FORM] .form-check-input.is-valid ~ .valid-tooltip { display: block; } form[name=ORDER_FORM] .was-validated .custom-control-input:valid ~ .custom-control-label, form[name=ORDER_FORM] .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } form[name=ORDER_FORM] .was-validated .custom-control-input:valid ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } form[name=ORDER_FORM] .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } form[name=ORDER_FORM] .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25); } form[name=ORDER_FORM] .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } form[name=ORDER_FORM] .was-validated .custom-file-input:valid ~ .custom-file-label, form[name=ORDER_FORM] .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } form[name=ORDER_FORM] .was-validated .custom-file-input:valid:focus ~ .custom-file-label, form[name=ORDER_FORM] .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.25); } form[name=ORDER_FORM] .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } form[name=ORDER_FORM] .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,0.9); border-radius: 0.25rem; } form[name=ORDER_FORM] .was-validated :invalid ~ .invalid-feedback, form[name=ORDER_FORM] .was-validated :invalid ~ .invalid-tooltip, form[name=ORDER_FORM] .is-invalid ~ .invalid-feedback, form[name=ORDER_FORM] .is-invalid ~ .invalid-tooltip { display: block; } form[name=ORDER_FORM] .was-validated .form-control:invalid, form[name=ORDER_FORM] .form-control.is-invalid { border-color: #dc3545; padding-right: calc(2.25em); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.5625em) center; background-size: calc(1.125em) calc(1.125em); } form[name=ORDER_FORM] .was-validated .form-control:invalid:focus, form[name=ORDER_FORM] .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25); } form[name=ORDER_FORM] .was-validated textarea.form-control:invalid, form[name=ORDER_FORM] textarea.form-control.is-invalid { padding-right: calc(2.25em); background-position: top calc(0.5625em) right calc(0.5625em); } form[name=ORDER_FORM] .was-validated .custom-select:invalid, form[name=ORDER_FORM] .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(3.0625em); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(1.125em) calc(1.125em); } form[name=ORDER_FORM] .was-validated .custom-select:invalid:focus, form[name=ORDER_FORM] .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25); } form[name=ORDER_FORM] .was-validated .form-check-input:invalid ~ .form-check-label, form[name=ORDER_FORM] .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } form[name=ORDER_FORM] .was-validated .form-check-input:invalid ~ .invalid-feedback, form[name=ORDER_FORM] .was-validated .form-check-input:invalid ~ .invalid-tooltip, form[name=ORDER_FORM] .form-check-input.is-invalid ~ .invalid-feedback, form[name=ORDER_FORM] .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } form[name=ORDER_FORM] .was-validated .custom-control-input:invalid ~ .custom-control-label, form[name=ORDER_FORM] .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } form[name=ORDER_FORM] .was-validated .custom-control-input:invalid ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } form[name=ORDER_FORM] .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } form[name=ORDER_FORM] .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25); } form[name=ORDER_FORM] .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } form[name=ORDER_FORM] .was-validated .custom-file-input:invalid ~ .custom-file-label, form[name=ORDER_FORM] .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } form[name=ORDER_FORM] .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, form[name=ORDER_FORM] .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.25); } form[name=ORDER_FORM] .form-inline { display: flex; flex-flow: row wrap; align-items: center; } form[name=ORDER_FORM] .form-inline .form-check { width: 100%; } @media (min-width: 576px) { form[name=ORDER_FORM] .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } form[name=ORDER_FORM] .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } form[name=ORDER_FORM] .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } form[name=ORDER_FORM] .form-inline .form-control-plaintext { display: inline-block; } form[name=ORDER_FORM] .form-inline .input-group, form[name=ORDER_FORM] .form-inline .custom-select { width: auto; } form[name=ORDER_FORM] .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } form[name=ORDER_FORM] .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } form[name=ORDER_FORM] .form-inline .custom-control { align-items: center; justify-content: center; } form[name=ORDER_FORM] .form-inline .custom-control-label { margin-bottom: 0; } } form[name=ORDER_FORM] .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .btn { transition: none; } } form[name=ORDER_FORM] .btn:hover { color: #212529; text-decoration: none; } form[name=ORDER_FORM] .btn:focus, form[name=ORDER_FORM] .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .btn.disabled, form[name=ORDER_FORM] .btn:disabled { opacity: 0.65; } form[name=ORDER_FORM] a.btn.disabled, form[name=ORDER_FORM] fieldset:disabled a.btn { pointer-events: none; } form[name=ORDER_FORM] .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } form[name=ORDER_FORM] .btn-primary:focus, form[name=ORDER_FORM] .btn-primary.focus { color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38,143,255,0.5); } form[name=ORDER_FORM] .btn-primary.disabled, form[name=ORDER_FORM] .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .btn-primary:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-primary:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } form[name=ORDER_FORM] .btn-primary:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-primary:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38,143,255,0.5); } form[name=ORDER_FORM] .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } form[name=ORDER_FORM] .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } form[name=ORDER_FORM] .btn-secondary:focus, form[name=ORDER_FORM] .btn-secondary.focus { color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130,138,145,0.5); } form[name=ORDER_FORM] .btn-secondary.disabled, form[name=ORDER_FORM] .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } form[name=ORDER_FORM] .btn-secondary:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-secondary:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } form[name=ORDER_FORM] .btn-secondary:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-secondary:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130,138,145,0.5); } form[name=ORDER_FORM] .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } form[name=ORDER_FORM] .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } form[name=ORDER_FORM] .btn-success:focus, form[name=ORDER_FORM] .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72,180,97,0.5); } form[name=ORDER_FORM] .btn-success.disabled, form[name=ORDER_FORM] .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } form[name=ORDER_FORM] .btn-success:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-success:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } form[name=ORDER_FORM] .btn-success:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-success:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72,180,97,0.5); } form[name=ORDER_FORM] .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } form[name=ORDER_FORM] .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } form[name=ORDER_FORM] .btn-info:focus, form[name=ORDER_FORM] .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58,176,195,0.5); } form[name=ORDER_FORM] .btn-info.disabled, form[name=ORDER_FORM] .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } form[name=ORDER_FORM] .btn-info:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-info:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } form[name=ORDER_FORM] .btn-info:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-info:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58,176,195,0.5); } form[name=ORDER_FORM] .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } form[name=ORDER_FORM] .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } form[name=ORDER_FORM] .btn-warning:focus, form[name=ORDER_FORM] .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222,170,12,0.5); } form[name=ORDER_FORM] .btn-warning.disabled, form[name=ORDER_FORM] .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } form[name=ORDER_FORM] .btn-warning:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-warning:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } form[name=ORDER_FORM] .btn-warning:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-warning:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222,170,12,0.5); } form[name=ORDER_FORM] .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } form[name=ORDER_FORM] .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } form[name=ORDER_FORM] .btn-danger:focus, form[name=ORDER_FORM] .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225,83,97,0.5); } form[name=ORDER_FORM] .btn-danger.disabled, form[name=ORDER_FORM] .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } form[name=ORDER_FORM] .btn-danger:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-danger:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } form[name=ORDER_FORM] .btn-danger:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-danger:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225,83,97,0.5); } form[name=ORDER_FORM] .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } form[name=ORDER_FORM] .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } form[name=ORDER_FORM] .btn-light:focus, form[name=ORDER_FORM] .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216,217,219,0.5); } form[name=ORDER_FORM] .btn-light.disabled, form[name=ORDER_FORM] .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } form[name=ORDER_FORM] .btn-light:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-light:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } form[name=ORDER_FORM] .btn-light:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-light:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216,217,219,0.5); } form[name=ORDER_FORM] .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } form[name=ORDER_FORM] .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } form[name=ORDER_FORM] .btn-dark:focus, form[name=ORDER_FORM] .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82,88,93,0.5); } form[name=ORDER_FORM] .btn-dark.disabled, form[name=ORDER_FORM] .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } form[name=ORDER_FORM] .btn-dark:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-dark:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } form[name=ORDER_FORM] .btn-dark:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-dark:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82,88,93,0.5); } form[name=ORDER_FORM] .btn-outline-primary { color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .btn-outline-primary:focus, form[name=ORDER_FORM] .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5); } form[name=ORDER_FORM] .btn-outline-primary.disabled, form[name=ORDER_FORM] .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-primary:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-primary:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .btn-outline-primary:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-primary:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5); } form[name=ORDER_FORM] .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } form[name=ORDER_FORM] .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } form[name=ORDER_FORM] .btn-outline-secondary:focus, form[name=ORDER_FORM] .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5); } form[name=ORDER_FORM] .btn-outline-secondary.disabled, form[name=ORDER_FORM] .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-secondary:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-secondary:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } form[name=ORDER_FORM] .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5); } form[name=ORDER_FORM] .btn-outline-success { color: #28a745; border-color: #28a745; } form[name=ORDER_FORM] .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } form[name=ORDER_FORM] .btn-outline-success:focus, form[name=ORDER_FORM] .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5); } form[name=ORDER_FORM] .btn-outline-success.disabled, form[name=ORDER_FORM] .btn-outline-success:disabled { color: #28a745; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-success:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-success:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } form[name=ORDER_FORM] .btn-outline-success:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-success:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5); } form[name=ORDER_FORM] .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } form[name=ORDER_FORM] .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } form[name=ORDER_FORM] .btn-outline-info:focus, form[name=ORDER_FORM] .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5); } form[name=ORDER_FORM] .btn-outline-info.disabled, form[name=ORDER_FORM] .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-info:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-info:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } form[name=ORDER_FORM] .btn-outline-info:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-info:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5); } form[name=ORDER_FORM] .btn-outline-warning { color: #ffc107; border-color: #ffc107; } form[name=ORDER_FORM] .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } form[name=ORDER_FORM] .btn-outline-warning:focus, form[name=ORDER_FORM] .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5); } form[name=ORDER_FORM] .btn-outline-warning.disabled, form[name=ORDER_FORM] .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-warning:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-warning:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } form[name=ORDER_FORM] .btn-outline-warning:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-warning:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5); } form[name=ORDER_FORM] .btn-outline-danger { color: #dc3545; border-color: #dc3545; } form[name=ORDER_FORM] .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } form[name=ORDER_FORM] .btn-outline-danger:focus, form[name=ORDER_FORM] .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5); } form[name=ORDER_FORM] .btn-outline-danger.disabled, form[name=ORDER_FORM] .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-danger:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-danger:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } form[name=ORDER_FORM] .btn-outline-danger:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-danger:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5); } form[name=ORDER_FORM] .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } form[name=ORDER_FORM] .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } form[name=ORDER_FORM] .btn-outline-light:focus, form[name=ORDER_FORM] .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5); } form[name=ORDER_FORM] .btn-outline-light.disabled, form[name=ORDER_FORM] .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-light:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-light:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } form[name=ORDER_FORM] .btn-outline-light:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-light:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5); } form[name=ORDER_FORM] .btn-outline-dark { color: #343a40; border-color: #343a40; } form[name=ORDER_FORM] .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } form[name=ORDER_FORM] .btn-outline-dark:focus, form[name=ORDER_FORM] .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5); } form[name=ORDER_FORM] .btn-outline-dark.disabled, form[name=ORDER_FORM] .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } form[name=ORDER_FORM] .btn-outline-dark:not(:disabled):not(.disabled):active, form[name=ORDER_FORM] .btn-outline-dark:not(:disabled):not(.disabled).active, form[name=ORDER_FORM] .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } form[name=ORDER_FORM] .btn-outline-dark:not(:disabled):not(.disabled):active:focus, form[name=ORDER_FORM] .btn-outline-dark:not(:disabled):not(.disabled).active:focus, form[name=ORDER_FORM] .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5); } form[name=ORDER_FORM] .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } form[name=ORDER_FORM] .btn-link:hover { color: #0056b3; text-decoration: underline; } form[name=ORDER_FORM] .btn-link:focus, form[name=ORDER_FORM] .btn-link.focus { text-decoration: underline; box-shadow: none; } form[name=ORDER_FORM] .btn-link:disabled, form[name=ORDER_FORM] .btn-link.disabled { color: #6c757d; pointer-events: none; } form[name=ORDER_FORM] .btn-lg, form[name=ORDER_FORM] .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } form[name=ORDER_FORM] .btn-sm, form[name=ORDER_FORM] .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } form[name=ORDER_FORM] .btn-block { display: block; width: 100%; } form[name=ORDER_FORM] .btn-block + .btn-block { margin-top: 0.5rem; } form[name=ORDER_FORM] input[type="submit"].btn-block, form[name=ORDER_FORM] input[type="reset"].btn-block, form[name=ORDER_FORM] input[type="button"].btn-block { width: 100%; } form[name=ORDER_FORM] .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .fade { transition: none; } } form[name=ORDER_FORM] .fade:not(.show) { opacity: 0; } form[name=ORDER_FORM] .collapse:not(.show) { display: none; } form[name=ORDER_FORM] .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .collapsing { transition: none; } } form[name=ORDER_FORM] .dropup, form[name=ORDER_FORM] .dropright, form[name=ORDER_FORM] .dropdown, form[name=ORDER_FORM] .dropleft { position: relative; } form[name=ORDER_FORM] .dropdown-toggle { white-space: nowrap; } form[name=ORDER_FORM] .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } form[name=ORDER_FORM] .dropdown-toggle:empty::after { margin-left: 0; } form[name=ORDER_FORM] .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 0.25rem; } form[name=ORDER_FORM] .dropdown-menu-left { right: auto; left: 0; } form[name=ORDER_FORM] .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { form[name=ORDER_FORM] .dropdown-menu-sm-left { right: auto; left: 0; } form[name=ORDER_FORM] .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { form[name=ORDER_FORM] .dropdown-menu-md-left { right: auto; left: 0; } form[name=ORDER_FORM] .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { form[name=ORDER_FORM] .dropdown-menu-lg-left { right: auto; left: 0; } form[name=ORDER_FORM] .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .dropdown-menu-xl-left { right: auto; left: 0; } form[name=ORDER_FORM] .dropdown-menu-xl-right { right: 0; left: auto; } } form[name=ORDER_FORM] .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } form[name=ORDER_FORM] .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } form[name=ORDER_FORM] .dropup .dropdown-toggle:empty::after { margin-left: 0; } form[name=ORDER_FORM] .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } form[name=ORDER_FORM] .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } form[name=ORDER_FORM] .dropright .dropdown-toggle:empty::after { margin-left: 0; } form[name=ORDER_FORM] .dropright .dropdown-toggle::after { vertical-align: 0; } form[name=ORDER_FORM] .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } form[name=ORDER_FORM] .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } form[name=ORDER_FORM] .dropleft .dropdown-toggle::after { display: none; } form[name=ORDER_FORM] .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } form[name=ORDER_FORM] .dropleft .dropdown-toggle:empty::after { margin-left: 0; } form[name=ORDER_FORM] .dropleft .dropdown-toggle::before { vertical-align: 0; } form[name=ORDER_FORM] .dropdown-menu[x-placement^="top"], form[name=ORDER_FORM] .dropdown-menu[x-placement^="right"], form[name=ORDER_FORM] .dropdown-menu[x-placement^="bottom"], form[name=ORDER_FORM] .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } form[name=ORDER_FORM] .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } form[name=ORDER_FORM] .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } form[name=ORDER_FORM] .dropdown-item:hover, form[name=ORDER_FORM] .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } form[name=ORDER_FORM] .dropdown-item.active, form[name=ORDER_FORM] .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } form[name=ORDER_FORM] .dropdown-item.disabled, form[name=ORDER_FORM] .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } form[name=ORDER_FORM] .dropdown-menu.show { display: block; } form[name=ORDER_FORM] .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } form[name=ORDER_FORM] .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } form[name=ORDER_FORM] .btn-group, form[name=ORDER_FORM] .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } form[name=ORDER_FORM] .btn-group > .btn, form[name=ORDER_FORM] .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } form[name=ORDER_FORM] .btn-group > .btn:hover, form[name=ORDER_FORM] .btn-group-vertical > .btn:hover { z-index: 1; } form[name=ORDER_FORM] .btn-group > .btn:focus, form[name=ORDER_FORM] .btn-group > .btn:active, form[name=ORDER_FORM] .btn-group > .btn.active, form[name=ORDER_FORM] .btn-group-vertical > .btn:focus, form[name=ORDER_FORM] .btn-group-vertical > .btn:active, form[name=ORDER_FORM] .btn-group-vertical > .btn.active { z-index: 1; } form[name=ORDER_FORM] .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } form[name=ORDER_FORM] .btn-toolbar .input-group { width: auto; } form[name=ORDER_FORM] .btn-group > .btn:not(:first-child), form[name=ORDER_FORM] .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } form[name=ORDER_FORM] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), form[name=ORDER_FORM] .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } form[name=ORDER_FORM] .btn-group > .btn:not(:first-child), form[name=ORDER_FORM] .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } form[name=ORDER_FORM] .dropdown-toggle-split::after, form[name=ORDER_FORM] .dropup .dropdown-toggle-split::after, form[name=ORDER_FORM] .dropright .dropdown-toggle-split::after { margin-left: 0; } form[name=ORDER_FORM] .dropleft .dropdown-toggle-split::before { margin-right: 0; } form[name=ORDER_FORM] .btn-sm + .dropdown-toggle-split, form[name=ORDER_FORM] .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } form[name=ORDER_FORM] .btn-lg + .dropdown-toggle-split, form[name=ORDER_FORM] .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } form[name=ORDER_FORM] .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } form[name=ORDER_FORM] .btn-group-vertical > .btn, form[name=ORDER_FORM] .btn-group-vertical > .btn-group { width: 100%; } form[name=ORDER_FORM] .btn-group-vertical > .btn:not(:first-child), form[name=ORDER_FORM] .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } form[name=ORDER_FORM] .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), form[name=ORDER_FORM] .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .btn-group-vertical > .btn:not(:first-child), form[name=ORDER_FORM] .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } form[name=ORDER_FORM] .btn-group-toggle > .btn, form[name=ORDER_FORM] .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } form[name=ORDER_FORM] .btn-group-toggle > .btn input[type="radio"], form[name=ORDER_FORM] .btn-group-toggle > .btn input[type="checkbox"], form[name=ORDER_FORM] .btn-group-toggle > .btn-group > .btn input[type="radio"], form[name=ORDER_FORM] .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } form[name=ORDER_FORM] .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } form[name=ORDER_FORM] .input-group > .form-control, form[name=ORDER_FORM] .input-group > .form-control-plaintext, form[name=ORDER_FORM] .input-group > .custom-select, form[name=ORDER_FORM] .input-group > .custom-file { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } form[name=ORDER_FORM] .input-group > .form-control + .form-control, form[name=ORDER_FORM] .input-group > .form-control + .custom-select, form[name=ORDER_FORM] .input-group > .form-control + .custom-file, form[name=ORDER_FORM] .input-group > .form-control-plaintext + .form-control, form[name=ORDER_FORM] .input-group > .form-control-plaintext + .custom-select, form[name=ORDER_FORM] .input-group > .form-control-plaintext + .custom-file, form[name=ORDER_FORM] .input-group > .custom-select + .form-control, form[name=ORDER_FORM] .input-group > .custom-select + .custom-select, form[name=ORDER_FORM] .input-group > .custom-select + .custom-file, form[name=ORDER_FORM] .input-group > .custom-file + .form-control, form[name=ORDER_FORM] .input-group > .custom-file + .custom-select, form[name=ORDER_FORM] .input-group > .custom-file + .custom-file { margin-left: -1px; } form[name=ORDER_FORM] .input-group > .form-control:focus, form[name=ORDER_FORM] .input-group > .custom-select:focus, form[name=ORDER_FORM] .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } form[name=ORDER_FORM] .input-group > .custom-file .custom-file-input:focus { z-index: 4; } form[name=ORDER_FORM] .input-group > .form-control:not(:last-child), form[name=ORDER_FORM] .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } form[name=ORDER_FORM] .input-group > .form-control:not(:first-child), form[name=ORDER_FORM] .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .input-group > .custom-file { display: flex; align-items: center; } form[name=ORDER_FORM] .input-group > .custom-file:not(:last-child) .custom-file-label, form[name=ORDER_FORM] .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } form[name=ORDER_FORM] .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .input-group-prepend, form[name=ORDER_FORM] .input-group-append { display: flex; } form[name=ORDER_FORM] .input-group-prepend .btn, form[name=ORDER_FORM] .input-group-append .btn { position: relative; z-index: 2; } form[name=ORDER_FORM] .input-group-prepend .btn:focus, form[name=ORDER_FORM] .input-group-append .btn:focus { z-index: 3; } form[name=ORDER_FORM] .input-group-prepend .btn + .btn, form[name=ORDER_FORM] .input-group-prepend .btn + .input-group-text, form[name=ORDER_FORM] .input-group-prepend .input-group-text + .input-group-text, form[name=ORDER_FORM] .input-group-prepend .input-group-text + .btn, form[name=ORDER_FORM] .input-group-append .btn + .btn, form[name=ORDER_FORM] .input-group-append .btn + .input-group-text, form[name=ORDER_FORM] .input-group-append .input-group-text + .input-group-text, form[name=ORDER_FORM] .input-group-append .input-group-text + .btn { margin-left: -1px; } form[name=ORDER_FORM] .input-group-prepend { margin-right: -1px; } form[name=ORDER_FORM] .input-group-append { margin-left: -1px; } form[name=ORDER_FORM] .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } form[name=ORDER_FORM] .input-group-text input[type="radio"], form[name=ORDER_FORM] .input-group-text input[type="checkbox"] { margin-top: 0; } form[name=ORDER_FORM] .input-group-lg > .form-control:not(textarea), form[name=ORDER_FORM] .input-group-lg > .custom-select { height: calc(4.5em); } form[name=ORDER_FORM] .input-group-lg > .form-control, form[name=ORDER_FORM] .input-group-lg > .custom-select, form[name=ORDER_FORM] .input-group-lg > .input-group-prepend > .input-group-text, form[name=ORDER_FORM] .input-group-lg > .input-group-append > .input-group-text, form[name=ORDER_FORM] .input-group-lg > .input-group-prepend > .btn, form[name=ORDER_FORM] .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } form[name=ORDER_FORM] .input-group-sm > .form-control:not(textarea), form[name=ORDER_FORM] .input-group-sm > .custom-select { height: calc(4em); } form[name=ORDER_FORM] .input-group-sm > .form-control, form[name=ORDER_FORM] .input-group-sm > .custom-select, form[name=ORDER_FORM] .input-group-sm > .input-group-prepend > .input-group-text, form[name=ORDER_FORM] .input-group-sm > .input-group-append > .input-group-text, form[name=ORDER_FORM] .input-group-sm > .input-group-prepend > .btn, form[name=ORDER_FORM] .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } form[name=ORDER_FORM] .input-group-lg > .custom-select, form[name=ORDER_FORM] .input-group-sm > .custom-select { padding-right: 1.75rem; } form[name=ORDER_FORM] .input-group > .input-group-prepend > .btn, form[name=ORDER_FORM] .input-group > .input-group-prepend > .input-group-text, form[name=ORDER_FORM] .input-group > .input-group-append:not(:last-child) > .btn, form[name=ORDER_FORM] .input-group > .input-group-append:not(:last-child) > .input-group-text, form[name=ORDER_FORM] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), form[name=ORDER_FORM] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } form[name=ORDER_FORM] .input-group > .input-group-append > .btn, form[name=ORDER_FORM] .input-group > .input-group-append > .input-group-text, form[name=ORDER_FORM] .input-group > .input-group-prepend:not(:first-child) > .btn, form[name=ORDER_FORM] .input-group > .input-group-prepend:not(:first-child) > .input-group-text, form[name=ORDER_FORM] .input-group > .input-group-prepend:first-child > .btn:not(:first-child), form[name=ORDER_FORM] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } form[name=ORDER_FORM] .custom-control-inline { display: inline-flex; margin-right: 1rem; } form[name=ORDER_FORM] .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } form[name=ORDER_FORM] .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } form[name=ORDER_FORM] .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } form[name=ORDER_FORM] .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } form[name=ORDER_FORM] .custom-control-input[disabled] ~ .custom-control-label, form[name=ORDER_FORM] .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } form[name=ORDER_FORM] .custom-control-input[disabled] ~ .custom-control-label::before, form[name=ORDER_FORM] .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } form[name=ORDER_FORM] .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } form[name=ORDER_FORM] .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } form[name=ORDER_FORM] .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 1% 50%; } form[name=ORDER_FORM] .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } form[name=ORDER_FORM] .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #007bff; } form[name=ORDER_FORM] .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,0.5); } form[name=ORDER_FORM] .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0,123,255,0.5); } form[name=ORDER_FORM] .custom-radio .custom-control-label::before { border-radius: 50%; } form[name=ORDER_FORM] .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,0.5); } form[name=ORDER_FORM] .custom-switch { padding-left: 2.25rem; } form[name=ORDER_FORM] .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } form[name=ORDER_FORM] .custom-switch .custom-control-label::after { top: calc(2.25rem); left: calc(-0.25rem); width: calc(-3rem); height: calc(-3rem); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .custom-switch .custom-control-label::after { transition: none; } } form[name=ORDER_FORM] .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } form[name=ORDER_FORM] .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0,123,255,0.5); } form[name=ORDER_FORM] .custom-select { display: inline-block; width: 100%; /*height: calc(4.25em);*/ padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } form[name=ORDER_FORM] .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } form[name=ORDER_FORM] .custom-select[multiple], form[name=ORDER_FORM] .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } form[name=ORDER_FORM] .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } form[name=ORDER_FORM] .custom-select::-ms-expand { display: none; } form[name=ORDER_FORM] .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } form[name=ORDER_FORM] .custom-select-sm { height: calc(4em); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } form[name=ORDER_FORM] .custom-select-lg { height: calc(4.5em); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } form[name=ORDER_FORM] .custom-file { position: relative; display: inline-block; width: 100%; height: calc(4.25em); margin-bottom: 0; } form[name=ORDER_FORM] .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(4.25em); margin: 0; opacity: 0; } form[name=ORDER_FORM] .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-file-input[disabled] ~ .custom-file-label, form[name=ORDER_FORM] .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } form[name=ORDER_FORM] .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } form[name=ORDER_FORM] .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } form[name=ORDER_FORM] .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(4.25em); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } form[name=ORDER_FORM] .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(2.25em); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } form[name=ORDER_FORM] .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } form[name=ORDER_FORM] .custom-range:focus { outline: none; } form[name=ORDER_FORM] .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .custom-range::-moz-focus-outer { border: 0; } form[name=ORDER_FORM] .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .custom-range::-webkit-slider-thumb { transition: none; } } form[name=ORDER_FORM] .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } form[name=ORDER_FORM] .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } form[name=ORDER_FORM] .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .custom-range::-moz-range-thumb { transition: none; } } form[name=ORDER_FORM] .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } form[name=ORDER_FORM] .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } form[name=ORDER_FORM] .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .custom-range::-ms-thumb { transition: none; } } form[name=ORDER_FORM] .custom-range::-ms-thumb:active { background-color: #b3d7ff; } form[name=ORDER_FORM] .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } form[name=ORDER_FORM] .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } form[name=ORDER_FORM] .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } form[name=ORDER_FORM] .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } form[name=ORDER_FORM] .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } form[name=ORDER_FORM] .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } form[name=ORDER_FORM] .custom-range:disabled::-moz-range-track { cursor: default; } form[name=ORDER_FORM] .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } form[name=ORDER_FORM] .custom-control-label::before, form[name=ORDER_FORM] .custom-file-label, form[name=ORDER_FORM] .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .custom-control-label::before, form[name=ORDER_FORM] .custom-file-label, form[name=ORDER_FORM] .custom-select { transition: none; } } form[name=ORDER_FORM] .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } form[name=ORDER_FORM] .nav-link { display: block; padding: 0.5rem 1rem; } form[name=ORDER_FORM] .nav-link:hover, form[name=ORDER_FORM] .nav-link:focus { text-decoration: none; } form[name=ORDER_FORM] .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } form[name=ORDER_FORM] .nav-tabs { border-bottom: 1px solid #dee2e6; } form[name=ORDER_FORM] .nav-tabs .nav-item { margin-bottom: -1px; } form[name=ORDER_FORM] .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } form[name=ORDER_FORM] .nav-tabs .nav-link:hover, form[name=ORDER_FORM] .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } form[name=ORDER_FORM] .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } form[name=ORDER_FORM] .nav-tabs .nav-link.active, form[name=ORDER_FORM] .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } form[name=ORDER_FORM] .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } form[name=ORDER_FORM] .nav-pills .nav-link { border-radius: 0.25rem; } form[name=ORDER_FORM] .nav-pills .nav-link.active, form[name=ORDER_FORM] .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } form[name=ORDER_FORM] .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } form[name=ORDER_FORM] .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } form[name=ORDER_FORM] .tab-content > .tab-pane { display: none; } form[name=ORDER_FORM] .tab-content > .active { display: block; } form[name=ORDER_FORM] .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } form[name=ORDER_FORM] .navbar .container, form[name=ORDER_FORM] .navbar .container-fluid, form[name=ORDER_FORM] .navbar .container-sm, form[name=ORDER_FORM] .navbar .container-md, form[name=ORDER_FORM] .navbar .container-lg, form[name=ORDER_FORM] .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } form[name=ORDER_FORM] .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } form[name=ORDER_FORM] .navbar-brand:hover, form[name=ORDER_FORM] .navbar-brand:focus { text-decoration: none; } form[name=ORDER_FORM] .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } form[name=ORDER_FORM] .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } form[name=ORDER_FORM] .navbar-nav .dropdown-menu { position: static; float: none; } form[name=ORDER_FORM] .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } form[name=ORDER_FORM] .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } form[name=ORDER_FORM] .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } form[name=ORDER_FORM] .navbar-toggler:hover, form[name=ORDER_FORM] .navbar-toggler:focus { text-decoration: none; } form[name=ORDER_FORM] .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { form[name=ORDER_FORM] .navbar-expand-sm > .container, form[name=ORDER_FORM] .navbar-expand-sm > .container-fluid, form[name=ORDER_FORM] .navbar-expand-sm > .container-sm, form[name=ORDER_FORM] .navbar-expand-sm > .container-md, form[name=ORDER_FORM] .navbar-expand-sm > .container-lg, form[name=ORDER_FORM] .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { form[name=ORDER_FORM] .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } form[name=ORDER_FORM] .navbar-expand-sm .navbar-nav { flex-direction: row; } form[name=ORDER_FORM] .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } form[name=ORDER_FORM] .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } form[name=ORDER_FORM] .navbar-expand-sm > .container, form[name=ORDER_FORM] .navbar-expand-sm > .container-fluid, form[name=ORDER_FORM] .navbar-expand-sm > .container-sm, form[name=ORDER_FORM] .navbar-expand-sm > .container-md, form[name=ORDER_FORM] .navbar-expand-sm > .container-lg, form[name=ORDER_FORM] .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } form[name=ORDER_FORM] .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } form[name=ORDER_FORM] .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { form[name=ORDER_FORM] .navbar-expand-md > .container, form[name=ORDER_FORM] .navbar-expand-md > .container-fluid, form[name=ORDER_FORM] .navbar-expand-md > .container-sm, form[name=ORDER_FORM] .navbar-expand-md > .container-md, form[name=ORDER_FORM] .navbar-expand-md > .container-lg, form[name=ORDER_FORM] .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { form[name=ORDER_FORM] .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } form[name=ORDER_FORM] .navbar-expand-md .navbar-nav { flex-direction: row; } form[name=ORDER_FORM] .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } form[name=ORDER_FORM] .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } form[name=ORDER_FORM] .navbar-expand-md > .container, form[name=ORDER_FORM] .navbar-expand-md > .container-fluid, form[name=ORDER_FORM] .navbar-expand-md > .container-sm, form[name=ORDER_FORM] .navbar-expand-md > .container-md, form[name=ORDER_FORM] .navbar-expand-md > .container-lg, form[name=ORDER_FORM] .navbar-expand-md > .container-xl { flex-wrap: nowrap; } form[name=ORDER_FORM] .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } form[name=ORDER_FORM] .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { form[name=ORDER_FORM] .navbar-expand-lg > .container, form[name=ORDER_FORM] .navbar-expand-lg > .container-fluid, form[name=ORDER_FORM] .navbar-expand-lg > .container-sm, form[name=ORDER_FORM] .navbar-expand-lg > .container-md, form[name=ORDER_FORM] .navbar-expand-lg > .container-lg, form[name=ORDER_FORM] .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { form[name=ORDER_FORM] .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } form[name=ORDER_FORM] .navbar-expand-lg .navbar-nav { flex-direction: row; } form[name=ORDER_FORM] .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } form[name=ORDER_FORM] .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } form[name=ORDER_FORM] .navbar-expand-lg > .container, form[name=ORDER_FORM] .navbar-expand-lg > .container-fluid, form[name=ORDER_FORM] .navbar-expand-lg > .container-sm, form[name=ORDER_FORM] .navbar-expand-lg > .container-md, form[name=ORDER_FORM] .navbar-expand-lg > .container-lg, form[name=ORDER_FORM] .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } form[name=ORDER_FORM] .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } form[name=ORDER_FORM] .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { form[name=ORDER_FORM] .navbar-expand-xl > .container, form[name=ORDER_FORM] .navbar-expand-xl > .container-fluid, form[name=ORDER_FORM] .navbar-expand-xl > .container-sm, form[name=ORDER_FORM] .navbar-expand-xl > .container-md, form[name=ORDER_FORM] .navbar-expand-xl > .container-lg, form[name=ORDER_FORM] .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } form[name=ORDER_FORM] .navbar-expand-xl .navbar-nav { flex-direction: row; } form[name=ORDER_FORM] .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } form[name=ORDER_FORM] .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } form[name=ORDER_FORM] .navbar-expand-xl > .container, form[name=ORDER_FORM] .navbar-expand-xl > .container-fluid, form[name=ORDER_FORM] .navbar-expand-xl > .container-sm, form[name=ORDER_FORM] .navbar-expand-xl > .container-md, form[name=ORDER_FORM] .navbar-expand-xl > .container-lg, form[name=ORDER_FORM] .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } form[name=ORDER_FORM] .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } form[name=ORDER_FORM] .navbar-expand-xl .navbar-toggler { display: none; } } form[name=ORDER_FORM] .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } form[name=ORDER_FORM] .navbar-expand > .container, form[name=ORDER_FORM] .navbar-expand > .container-fluid, form[name=ORDER_FORM] .navbar-expand > .container-sm, form[name=ORDER_FORM] .navbar-expand > .container-md, form[name=ORDER_FORM] .navbar-expand > .container-lg, form[name=ORDER_FORM] .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } form[name=ORDER_FORM] .navbar-expand .navbar-nav { flex-direction: row; } form[name=ORDER_FORM] .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } form[name=ORDER_FORM] .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } form[name=ORDER_FORM] .navbar-expand > .container, form[name=ORDER_FORM] .navbar-expand > .container-fluid, form[name=ORDER_FORM] .navbar-expand > .container-sm, form[name=ORDER_FORM] .navbar-expand > .container-md, form[name=ORDER_FORM] .navbar-expand > .container-lg, form[name=ORDER_FORM] .navbar-expand > .container-xl { flex-wrap: nowrap; } form[name=ORDER_FORM] .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } form[name=ORDER_FORM] .navbar-expand .navbar-toggler { display: none; } form[name=ORDER_FORM] .navbar-light .navbar-brand { color: rgba(0,0,0,0.9); } form[name=ORDER_FORM] .navbar-light .navbar-brand:hover, form[name=ORDER_FORM] .navbar-light .navbar-brand:focus { color: rgba(0,0,0,0.9); } form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,0.5); } form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link:hover, form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link:focus { color: rgba(0,0,0,0.7); } form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,0.3); } form[name=ORDER_FORM] .navbar-light .navbar-nav .show > .nav-link, form[name=ORDER_FORM] .navbar-light .navbar-nav .active > .nav-link, form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link.show, form[name=ORDER_FORM] .navbar-light .navbar-nav .nav-link.active { color: rgba(0,0,0,0.9); } form[name=ORDER_FORM] .navbar-light .navbar-toggler { color: rgba(0,0,0,0.5); border-color: rgba(0,0,0,0.1); } form[name=ORDER_FORM] .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .navbar-light .navbar-text { color: rgba(0,0,0,0.5); } form[name=ORDER_FORM] .navbar-light .navbar-text a { color: rgba(0,0,0,0.9); } form[name=ORDER_FORM] .navbar-light .navbar-text a:hover, form[name=ORDER_FORM] .navbar-light .navbar-text a:focus { color: rgba(0,0,0,0.9); } form[name=ORDER_FORM] .navbar-dark .navbar-brand { color: #fff; } form[name=ORDER_FORM] .navbar-dark .navbar-brand:hover, form[name=ORDER_FORM] .navbar-dark .navbar-brand:focus { color: #fff; } form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,0.5); } form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link:hover, form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255,255,255,0.75); } form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,0.25); } form[name=ORDER_FORM] .navbar-dark .navbar-nav .show > .nav-link, form[name=ORDER_FORM] .navbar-dark .navbar-nav .active > .nav-link, form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link.show, form[name=ORDER_FORM] .navbar-dark .navbar-nav .nav-link.active { color: #fff; } form[name=ORDER_FORM] .navbar-dark .navbar-toggler { color: rgba(255,255,255,0.5); border-color: rgba(255,255,255,0.1); } form[name=ORDER_FORM] .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .navbar-dark .navbar-text { color: rgba(255,255,255,0.5); } form[name=ORDER_FORM] .navbar-dark .navbar-text a { color: #fff; } form[name=ORDER_FORM] .navbar-dark .navbar-text a:hover, form[name=ORDER_FORM] .navbar-dark .navbar-text a:focus { color: #fff; } form[name=ORDER_FORM] .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,0.125); border-radius: 0.25rem; } form[name=ORDER_FORM] .card > hr { margin-right: 0; margin-left: 0; } form[name=ORDER_FORM] .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } form[name=ORDER_FORM] .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } form[name=ORDER_FORM] .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } form[name=ORDER_FORM] .card-title { margin-bottom: 0.75rem; } form[name=ORDER_FORM] .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } form[name=ORDER_FORM] .card-text:last-child { margin-bottom: 0; } form[name=ORDER_FORM] .card-link:hover { text-decoration: none; } form[name=ORDER_FORM] .card-link + .card-link { margin-left: 1.25rem; } form[name=ORDER_FORM] .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,0.03); border-bottom: 1px solid rgba(0,0,0,0.125); } form[name=ORDER_FORM] .card-header:first-child { border-radius: calc(-0.75rem) calc(-0.75rem) 0 0; } form[name=ORDER_FORM] .card-header + .list-group .list-group-item:first-child { border-top: 0; } form[name=ORDER_FORM] .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0,0,0,0.03); border-top: 1px solid rgba(0,0,0,0.125); } form[name=ORDER_FORM] .card-footer:last-child { border-radius: 0 0 calc(-0.75rem) calc(-0.75rem); } form[name=ORDER_FORM] .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } form[name=ORDER_FORM] .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } form[name=ORDER_FORM] .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } form[name=ORDER_FORM] .card-img, form[name=ORDER_FORM] .card-img-top, form[name=ORDER_FORM] .card-img-bottom { flex-shrink: 0; width: 100%; } form[name=ORDER_FORM] .card-img, form[name=ORDER_FORM] .card-img-top { border-top-left-radius: calc(-0.75rem); border-top-right-radius: calc(-0.75rem); } form[name=ORDER_FORM] .card-img, form[name=ORDER_FORM] .card-img-bottom { border-bottom-right-radius: calc(-0.75rem); border-bottom-left-radius: calc(-0.75rem); } form[name=ORDER_FORM] .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { form[name=ORDER_FORM] .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } form[name=ORDER_FORM] .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } form[name=ORDER_FORM] .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { form[name=ORDER_FORM] .card-group { display: flex; flex-flow: row wrap; } form[name=ORDER_FORM] .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } form[name=ORDER_FORM] .card-group > .card + .card { margin-left: 0; border-left: 0; } form[name=ORDER_FORM] .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } form[name=ORDER_FORM] .card-group > .card:not(:last-child) .card-img-top, form[name=ORDER_FORM] .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } form[name=ORDER_FORM] .card-group > .card:not(:last-child) .card-img-bottom, form[name=ORDER_FORM] .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } form[name=ORDER_FORM] .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .card-group > .card:not(:first-child) .card-img-top, form[name=ORDER_FORM] .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } form[name=ORDER_FORM] .card-group > .card:not(:first-child) .card-img-bottom, form[name=ORDER_FORM] .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } form[name=ORDER_FORM] .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { form[name=ORDER_FORM] .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } form[name=ORDER_FORM] .card-columns .card { display: inline-block; width: 100%; } } form[name=ORDER_FORM] .accordion > .card { overflow: hidden; } form[name=ORDER_FORM] .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } form[name=ORDER_FORM] .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } form[name=ORDER_FORM] .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } form[name=ORDER_FORM] .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } form[name=ORDER_FORM] .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } form[name=ORDER_FORM] .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } form[name=ORDER_FORM] .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } form[name=ORDER_FORM] .breadcrumb-item.active { color: #6c757d; } form[name=ORDER_FORM] .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } form[name=ORDER_FORM] .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } form[name=ORDER_FORM] .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } form[name=ORDER_FORM] .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25); } form[name=ORDER_FORM] .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } form[name=ORDER_FORM] .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } form[name=ORDER_FORM] .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } form[name=ORDER_FORM] .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } form[name=ORDER_FORM] .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } form[name=ORDER_FORM] .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } form[name=ORDER_FORM] .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } form[name=ORDER_FORM] .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } form[name=ORDER_FORM] .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } form[name=ORDER_FORM] .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .badge { transition: none; } } form[name=ORDER_FORM] a.badge:hover, form[name=ORDER_FORM] a.badge:focus { text-decoration: none; } form[name=ORDER_FORM] .badge:empty { display: none; } form[name=ORDER_FORM] .btn .badge { position: relative; top: -1px; } form[name=ORDER_FORM] .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } form[name=ORDER_FORM] .badge-primary { color: #fff; background-color: #007bff; } form[name=ORDER_FORM] a.badge-primary:hover, form[name=ORDER_FORM] a.badge-primary:focus { color: #fff; background-color: #0062cc; } form[name=ORDER_FORM] a.badge-primary:focus, form[name=ORDER_FORM] a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.5); } form[name=ORDER_FORM] .badge-secondary { color: #fff; background-color: #6c757d; } form[name=ORDER_FORM] a.badge-secondary:hover, form[name=ORDER_FORM] a.badge-secondary:focus { color: #fff; background-color: #545b62; } form[name=ORDER_FORM] a.badge-secondary:focus, form[name=ORDER_FORM] a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108,117,125,0.5); } form[name=ORDER_FORM] .badge-success { color: #fff; background-color: #28a745; } form[name=ORDER_FORM] a.badge-success:hover, form[name=ORDER_FORM] a.badge-success:focus { color: #fff; background-color: #1e7e34; } form[name=ORDER_FORM] a.badge-success:focus, form[name=ORDER_FORM] a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40,167,69,0.5); } form[name=ORDER_FORM] .badge-info { color: #fff; background-color: #17a2b8; } form[name=ORDER_FORM] a.badge-info:hover, form[name=ORDER_FORM] a.badge-info:focus { color: #fff; background-color: #117a8b; } form[name=ORDER_FORM] a.badge-info:focus, form[name=ORDER_FORM] a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23,162,184,0.5); } form[name=ORDER_FORM] .badge-warning { color: #212529; background-color: #ffc107; } form[name=ORDER_FORM] a.badge-warning:hover, form[name=ORDER_FORM] a.badge-warning:focus { color: #212529; background-color: #d39e00; } form[name=ORDER_FORM] a.badge-warning:focus, form[name=ORDER_FORM] a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255,193,7,0.5); } form[name=ORDER_FORM] .badge-danger { color: #fff; background-color: #dc3545; } form[name=ORDER_FORM] a.badge-danger:hover, form[name=ORDER_FORM] a.badge-danger:focus { color: #fff; background-color: #bd2130; } form[name=ORDER_FORM] a.badge-danger:focus, form[name=ORDER_FORM] a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220,53,69,0.5); } form[name=ORDER_FORM] .badge-light { color: #212529; background-color: #f8f9fa; } form[name=ORDER_FORM] a.badge-light:hover, form[name=ORDER_FORM] a.badge-light:focus { color: #212529; background-color: #dae0e5; } form[name=ORDER_FORM] a.badge-light:focus, form[name=ORDER_FORM] a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248,249,250,0.5); } form[name=ORDER_FORM] .badge-dark { color: #fff; background-color: #343a40; } form[name=ORDER_FORM] a.badge-dark:hover, form[name=ORDER_FORM] a.badge-dark:focus { color: #fff; background-color: #1d2124; } form[name=ORDER_FORM] a.badge-dark:focus, form[name=ORDER_FORM] a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52,58,64,0.5); } form[name=ORDER_FORM] .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { form[name=ORDER_FORM] .jumbotron { padding: 4rem 2rem; } } form[name=ORDER_FORM] .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } form[name=ORDER_FORM] .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } form[name=ORDER_FORM] .alert-heading { color: inherit; } form[name=ORDER_FORM] .alert-link { font-weight: 700; } form[name=ORDER_FORM] .alert-dismissible { padding-right: 4rem; } form[name=ORDER_FORM] .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } form[name=ORDER_FORM] .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } form[name=ORDER_FORM] .alert-primary hr { border-top-color: #9fcdff; } form[name=ORDER_FORM] .alert-primary .alert-link { color: #002752; } form[name=ORDER_FORM] .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } form[name=ORDER_FORM] .alert-secondary hr { border-top-color: #c8cbcf; } form[name=ORDER_FORM] .alert-secondary .alert-link { color: #202326; } form[name=ORDER_FORM] .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } form[name=ORDER_FORM] .alert-success hr { border-top-color: #b1dfbb; } form[name=ORDER_FORM] .alert-success .alert-link { color: #0b2e13; } form[name=ORDER_FORM] .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } form[name=ORDER_FORM] .alert-info hr { border-top-color: #abdde5; } form[name=ORDER_FORM] .alert-info .alert-link { color: #062c33; } form[name=ORDER_FORM] .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } form[name=ORDER_FORM] .alert-warning hr { border-top-color: #ffe8a1; } form[name=ORDER_FORM] .alert-warning .alert-link { color: #533f03; } form[name=ORDER_FORM] .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } form[name=ORDER_FORM] .alert-danger hr { border-top-color: #f1b0b7; } form[name=ORDER_FORM] .alert-danger .alert-link { color: #491217; } form[name=ORDER_FORM] .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } form[name=ORDER_FORM] .alert-light hr { border-top-color: #ececf6; } form[name=ORDER_FORM] .alert-light .alert-link { color: #686868; } form[name=ORDER_FORM] .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } form[name=ORDER_FORM] .alert-dark hr { border-top-color: #b9bbbe; } form[name=ORDER_FORM] .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { form[name=ORDER_FORM] from { background-position: 1rem 0; } form[name=ORDER_FORM] to { background-position: 0 0; } } form[name=ORDER_FORM] .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } form[name=ORDER_FORM] .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .progress-bar { transition: none; } } form[name=ORDER_FORM] .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem; } form[name=ORDER_FORM] .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .progress-bar-animated { animation: none; } } form[name=ORDER_FORM] .media { display: flex; align-items: flex-start; } form[name=ORDER_FORM] .media-body { flex: 1; } form[name=ORDER_FORM] .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } form[name=ORDER_FORM] .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } form[name=ORDER_FORM] .list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } form[name=ORDER_FORM] .list-group-item-action:active { color: #212529; background-color: #e9ecef; } form[name=ORDER_FORM] .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0,0,0,0.125); } form[name=ORDER_FORM] .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } form[name=ORDER_FORM] .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } form[name=ORDER_FORM] .list-group-item.disabled, form[name=ORDER_FORM] .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } form[name=ORDER_FORM] .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } form[name=ORDER_FORM] .list-group-item + .list-group-item { border-top-width: 0; } form[name=ORDER_FORM] .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } form[name=ORDER_FORM] .list-group-horizontal { flex-direction: row; } form[name=ORDER_FORM] .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal .list-group-item.active { margin-top: 0; } form[name=ORDER_FORM] .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } form[name=ORDER_FORM] .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { form[name=ORDER_FORM] .list-group-horizontal-sm { flex-direction: row; } form[name=ORDER_FORM] .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } form[name=ORDER_FORM] .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } form[name=ORDER_FORM] .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { form[name=ORDER_FORM] .list-group-horizontal-md { flex-direction: row; } form[name=ORDER_FORM] .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-md .list-group-item.active { margin-top: 0; } form[name=ORDER_FORM] .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } form[name=ORDER_FORM] .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { form[name=ORDER_FORM] .list-group-horizontal-lg { flex-direction: row; } form[name=ORDER_FORM] .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } form[name=ORDER_FORM] .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } form[name=ORDER_FORM] .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .list-group-horizontal-xl { flex-direction: row; } form[name=ORDER_FORM] .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } form[name=ORDER_FORM] .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } form[name=ORDER_FORM] .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } form[name=ORDER_FORM] .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } form[name=ORDER_FORM] .list-group-flush .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } form[name=ORDER_FORM] .list-group-flush .list-group-item:first-child { border-top-width: 0; } form[name=ORDER_FORM] .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } form[name=ORDER_FORM] .list-group-item-primary { color: #004085; background-color: #b8daff; } form[name=ORDER_FORM] .list-group-item-primary.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } form[name=ORDER_FORM] .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } form[name=ORDER_FORM] .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } form[name=ORDER_FORM] .list-group-item-secondary.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } form[name=ORDER_FORM] .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } form[name=ORDER_FORM] .list-group-item-success { color: #155724; background-color: #c3e6cb; } form[name=ORDER_FORM] .list-group-item-success.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } form[name=ORDER_FORM] .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } form[name=ORDER_FORM] .list-group-item-info { color: #0c5460; background-color: #bee5eb; } form[name=ORDER_FORM] .list-group-item-info.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } form[name=ORDER_FORM] .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } form[name=ORDER_FORM] .list-group-item-warning { color: #856404; background-color: #ffeeba; } form[name=ORDER_FORM] .list-group-item-warning.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } form[name=ORDER_FORM] .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } form[name=ORDER_FORM] .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } form[name=ORDER_FORM] .list-group-item-danger.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } form[name=ORDER_FORM] .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } form[name=ORDER_FORM] .list-group-item-light { color: #818182; background-color: #fdfdfe; } form[name=ORDER_FORM] .list-group-item-light.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } form[name=ORDER_FORM] .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } form[name=ORDER_FORM] .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } form[name=ORDER_FORM] .list-group-item-dark.list-group-item-action:hover, form[name=ORDER_FORM] .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } form[name=ORDER_FORM] .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } form[name=ORDER_FORM] .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } form[name=ORDER_FORM] .close:hover { color: #000; text-decoration: none; } form[name=ORDER_FORM] .close:not(:disabled):not(.disabled):hover, form[name=ORDER_FORM] .close:not(:disabled):not(.disabled):focus { opacity: .75; } form[name=ORDER_FORM] button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } form[name=ORDER_FORM] a.close.disabled { pointer-events: none; } form[name=ORDER_FORM] .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255,255,255,0.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } form[name=ORDER_FORM] .toast:not(:last-child) { margin-bottom: 0.75rem; } form[name=ORDER_FORM] .toast.showing { opacity: 1; } form[name=ORDER_FORM] .toast.show { display: block; opacity: 1; } form[name=ORDER_FORM] .toast.hide { display: none; } form[name=ORDER_FORM] .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255,255,255,0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,0.05); } form[name=ORDER_FORM] .toast-body { padding: 0.75rem; } form[name=ORDER_FORM] .modal-open { overflow: hidden; } form[name=ORDER_FORM] .modal-open .modal { overflow-x: hidden; overflow-y: auto; } form[name=ORDER_FORM] .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } form[name=ORDER_FORM] .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } form[name=ORDER_FORM] .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0,-50px); } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .modal.fade .modal-dialog { transition: none; } } form[name=ORDER_FORM] .modal.show .modal-dialog { transform: none; } form[name=ORDER_FORM] .modal.modal-static .modal-dialog { transform: scale(1.02); } form[name=ORDER_FORM] .modal-dialog-scrollable { display: flex; max-height: calc(99%); } form[name=ORDER_FORM] .modal-dialog-scrollable .modal-content { max-height: calc(99vh); overflow: hidden; } form[name=ORDER_FORM] .modal-dialog-scrollable .modal-header, form[name=ORDER_FORM] .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } form[name=ORDER_FORM] .modal-dialog-scrollable .modal-body { overflow-y: auto; } form[name=ORDER_FORM] .modal-dialog-centered { display: flex; align-items: center; min-height: calc(99%); } form[name=ORDER_FORM] .modal-dialog-centered::before { display: block; height: calc(99vh); content: ""; } form[name=ORDER_FORM] .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } form[name=ORDER_FORM] .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } form[name=ORDER_FORM] .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } form[name=ORDER_FORM] .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: 0.3rem; outline: 0; } form[name=ORDER_FORM] .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } form[name=ORDER_FORM] .modal-backdrop.fade { opacity: 0; } form[name=ORDER_FORM] .modal-backdrop.show { opacity: 0.5; } form[name=ORDER_FORM] .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(-0.7rem); border-top-right-radius: calc(-0.7rem); } form[name=ORDER_FORM] .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } form[name=ORDER_FORM] .modal-title { margin-bottom: 0; line-height: 1.5; } form[name=ORDER_FORM] .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } form[name=ORDER_FORM] .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(-0.7rem); border-bottom-left-radius: calc(-0.7rem); } form[name=ORDER_FORM] .modal-footer > * { margin: 0.25rem; } form[name=ORDER_FORM] .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { form[name=ORDER_FORM] .modal-dialog { max-width: 500px; margin: 1.75rem auto; } form[name=ORDER_FORM] .modal-dialog-scrollable { max-height: calc(96.5%); } form[name=ORDER_FORM] .modal-dialog-scrollable .modal-content { max-height: calc(96.5vh); } form[name=ORDER_FORM] .modal-dialog-centered { min-height: calc(96.5%); } form[name=ORDER_FORM] .modal-dialog-centered::before { height: calc(96.5vh); } form[name=ORDER_FORM] .modal-sm { max-width: 300px; } } @media (min-width: 992px) { form[name=ORDER_FORM] .modal-lg, form[name=ORDER_FORM] .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .modal-xl { max-width: 1140px; } } form[name=ORDER_FORM] .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } form[name=ORDER_FORM] .tooltip.show { opacity: 0.9; } form[name=ORDER_FORM] .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } form[name=ORDER_FORM] .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } form[name=ORDER_FORM] .bs-tooltip-top, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } form[name=ORDER_FORM] .bs-tooltip-top .arrow, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } form[name=ORDER_FORM] .bs-tooltip-top .arrow::before, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } form[name=ORDER_FORM] .bs-tooltip-right, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } form[name=ORDER_FORM] .bs-tooltip-right .arrow, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } form[name=ORDER_FORM] .bs-tooltip-right .arrow::before, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } form[name=ORDER_FORM] .bs-tooltip-bottom, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } form[name=ORDER_FORM] .bs-tooltip-bottom .arrow, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } form[name=ORDER_FORM] .bs-tooltip-bottom .arrow::before, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } form[name=ORDER_FORM] .bs-tooltip-left, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } form[name=ORDER_FORM] .bs-tooltip-left .arrow, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } form[name=ORDER_FORM] .bs-tooltip-left .arrow::before, form[name=ORDER_FORM] .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } form[name=ORDER_FORM] .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } form[name=ORDER_FORM] .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: 0.3rem; } form[name=ORDER_FORM] .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } form[name=ORDER_FORM] .popover .arrow::before, form[name=ORDER_FORM] .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } form[name=ORDER_FORM] .bs-popover-top, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } form[name=ORDER_FORM] .bs-popover-top > .arrow, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-1.5rem); } form[name=ORDER_FORM] .bs-popover-top > .arrow::before, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0,0,0,0.25); } form[name=ORDER_FORM] .bs-popover-top > .arrow::after, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } form[name=ORDER_FORM] .bs-popover-right, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } form[name=ORDER_FORM] .bs-popover-right > .arrow, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-1.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } form[name=ORDER_FORM] .bs-popover-right > .arrow::before, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0,0,0,0.25); } form[name=ORDER_FORM] .bs-popover-right > .arrow::after, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } form[name=ORDER_FORM] .bs-popover-bottom, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } form[name=ORDER_FORM] .bs-popover-bottom > .arrow, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-1.5rem); } form[name=ORDER_FORM] .bs-popover-bottom > .arrow::before, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0,0,0,0.25); } form[name=ORDER_FORM] .bs-popover-bottom > .arrow::after, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } form[name=ORDER_FORM] .bs-popover-bottom .popover-header::before, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } form[name=ORDER_FORM] .bs-popover-left, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } form[name=ORDER_FORM] .bs-popover-left > .arrow, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-1.5rem); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } form[name=ORDER_FORM] .bs-popover-left > .arrow::before, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0,0,0,0.25); } form[name=ORDER_FORM] .bs-popover-left > .arrow::after, form[name=ORDER_FORM] .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } form[name=ORDER_FORM] .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(-0.7rem); border-top-right-radius: calc(-0.7rem); } form[name=ORDER_FORM] .popover-header:empty { display: none; } form[name=ORDER_FORM] .popover-body { padding: 0.5rem 0.75rem; color: #212529; } form[name=ORDER_FORM] .carousel { position: relative; } form[name=ORDER_FORM] .carousel.pointer-event { touch-action: pan-y; } form[name=ORDER_FORM] .carousel-inner { position: relative; width: 100%; overflow: hidden; } form[name=ORDER_FORM] .carousel-inner::after { display: block; clear: both; content: ""; } form[name=ORDER_FORM] .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .carousel-item { transition: none; } } form[name=ORDER_FORM] .carousel-item.active, form[name=ORDER_FORM] .carousel-item-next, form[name=ORDER_FORM] .carousel-item-prev { display: block; } form[name=ORDER_FORM] .carousel-item-next:not(.carousel-item-left), form[name=ORDER_FORM] .active.carousel-item-right { transform: translateX(100%); } form[name=ORDER_FORM] .carousel-item-prev:not(.carousel-item-right), form[name=ORDER_FORM] .active.carousel-item-left { transform: translateX(-100%); } form[name=ORDER_FORM] .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } form[name=ORDER_FORM] .carousel-fade .carousel-item.active, form[name=ORDER_FORM] .carousel-fade .carousel-item-next.carousel-item-left, form[name=ORDER_FORM] .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } form[name=ORDER_FORM] .carousel-fade .active.carousel-item-left, form[name=ORDER_FORM] .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .carousel-fade .active.carousel-item-left, form[name=ORDER_FORM] .carousel-fade .active.carousel-item-right { transition: none; } } form[name=ORDER_FORM] .carousel-control-prev, form[name=ORDER_FORM] .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .carousel-control-prev, form[name=ORDER_FORM] .carousel-control-next { transition: none; } } form[name=ORDER_FORM] .carousel-control-prev:hover, form[name=ORDER_FORM] .carousel-control-prev:focus, form[name=ORDER_FORM] .carousel-control-next:hover, form[name=ORDER_FORM] .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } form[name=ORDER_FORM] .carousel-control-prev { left: 0; } form[name=ORDER_FORM] .carousel-control-next { right: 0; } form[name=ORDER_FORM] .carousel-control-prev-icon, form[name=ORDER_FORM] .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 0.5% 100%; } form[name=ORDER_FORM] .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } form[name=ORDER_FORM] .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } form[name=ORDER_FORM] .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { form[name=ORDER_FORM] .carousel-indicators li { transition: none; } } form[name=ORDER_FORM] .carousel-indicators .active { opacity: 1; } form[name=ORDER_FORM] .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { form[name=ORDER_FORM] to { transform: rotate(360deg); } } form[name=ORDER_FORM] .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } form[name=ORDER_FORM] .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { form[name=ORDER_FORM] 0% { transform: scale(0); } form[name=ORDER_FORM] 50% { opacity: 1; } } form[name=ORDER_FORM] .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } form[name=ORDER_FORM] .spinner-grow-sm { width: 1rem; height: 1rem; } form[name=ORDER_FORM] .align-baseline { vertical-align: baseline !important; } form[name=ORDER_FORM] .align-top { vertical-align: top !important; } form[name=ORDER_FORM] .align-middle { vertical-align: middle !important; } form[name=ORDER_FORM] .align-bottom { vertical-align: bottom !important; } form[name=ORDER_FORM] .align-text-bottom { vertical-align: text-bottom !important; } form[name=ORDER_FORM] .align-text-top { vertical-align: text-top !important; } form[name=ORDER_FORM] .bg-primary { background-color: #007bff !important; } form[name=ORDER_FORM] a.bg-primary:hover, form[name=ORDER_FORM] a.bg-primary:focus, form[name=ORDER_FORM] button.bg-primary:hover, form[name=ORDER_FORM] button.bg-primary:focus { background-color: #0062cc !important; } form[name=ORDER_FORM] .bg-secondary { background-color: #6c757d !important; } form[name=ORDER_FORM] a.bg-secondary:hover, form[name=ORDER_FORM] a.bg-secondary:focus, form[name=ORDER_FORM] button.bg-secondary:hover, form[name=ORDER_FORM] button.bg-secondary:focus { background-color: #545b62 !important; } form[name=ORDER_FORM] .bg-success { background-color: #28a745 !important; } form[name=ORDER_FORM] a.bg-success:hover, form[name=ORDER_FORM] a.bg-success:focus, form[name=ORDER_FORM] button.bg-success:hover, form[name=ORDER_FORM] button.bg-success:focus { background-color: #1e7e34 !important; } form[name=ORDER_FORM] .bg-info { background-color: #17a2b8 !important; } form[name=ORDER_FORM] a.bg-info:hover, form[name=ORDER_FORM] a.bg-info:focus, form[name=ORDER_FORM] button.bg-info:hover, form[name=ORDER_FORM] button.bg-info:focus { background-color: #117a8b !important; } form[name=ORDER_FORM] .bg-warning { background-color: #ffc107 !important; } form[name=ORDER_FORM] a.bg-warning:hover, form[name=ORDER_FORM] a.bg-warning:focus, form[name=ORDER_FORM] button.bg-warning:hover, form[name=ORDER_FORM] button.bg-warning:focus { background-color: #d39e00 !important; } form[name=ORDER_FORM] .bg-danger { background-color: #dc3545 !important; } form[name=ORDER_FORM] a.bg-danger:hover, form[name=ORDER_FORM] a.bg-danger:focus, form[name=ORDER_FORM] button.bg-danger:hover, form[name=ORDER_FORM] button.bg-danger:focus { background-color: #bd2130 !important; } form[name=ORDER_FORM] .bg-light { background-color: #f8f9fa !important; } form[name=ORDER_FORM] a.bg-light:hover, form[name=ORDER_FORM] a.bg-light:focus, form[name=ORDER_FORM] button.bg-light:hover, form[name=ORDER_FORM] button.bg-light:focus { background-color: #dae0e5 !important; } form[name=ORDER_FORM] .bg-dark { background-color: #343a40 !important; } form[name=ORDER_FORM] a.bg-dark:hover, form[name=ORDER_FORM] a.bg-dark:focus, form[name=ORDER_FORM] button.bg-dark:hover, form[name=ORDER_FORM] button.bg-dark:focus { background-color: #1d2124 !important; } form[name=ORDER_FORM] .bg-white { background-color: #fff !important; } form[name=ORDER_FORM] .bg-transparent { background-color: transparent !important; } form[name=ORDER_FORM] .border { border: 1px solid #dee2e6 !important; } form[name=ORDER_FORM] .border-top { border-top: 1px solid #dee2e6 !important; } form[name=ORDER_FORM] .border-right { border-right: 1px solid #dee2e6 !important; } form[name=ORDER_FORM] .border-bottom { border-bottom: 1px solid #dee2e6 !important; } form[name=ORDER_FORM] .border-left { border-left: 1px solid #dee2e6 !important; } form[name=ORDER_FORM] .border-0 { border: 0 !important; } form[name=ORDER_FORM] .border-top-0 { border-top: 0 !important; } form[name=ORDER_FORM] .border-right-0 { border-right: 0 !important; } form[name=ORDER_FORM] .border-bottom-0 { border-bottom: 0 !important; } form[name=ORDER_FORM] .border-left-0 { border-left: 0 !important; } form[name=ORDER_FORM] .border-primary { border-color: #007bff !important; } form[name=ORDER_FORM] .border-secondary { border-color: #6c757d !important; } form[name=ORDER_FORM] .border-success { border-color: #28a745 !important; } form[name=ORDER_FORM] .border-info { border-color: #17a2b8 !important; } form[name=ORDER_FORM] .border-warning { border-color: #ffc107 !important; } form[name=ORDER_FORM] .border-danger { border-color: #dc3545 !important; } form[name=ORDER_FORM] .border-light { border-color: #f8f9fa !important; } form[name=ORDER_FORM] .border-dark { border-color: #343a40 !important; } form[name=ORDER_FORM] .border-white { border-color: #fff !important; } form[name=ORDER_FORM] .rounded-sm { border-radius: 0.2rem !important; } form[name=ORDER_FORM] .rounded { border-radius: 0.25rem !important; } form[name=ORDER_FORM] .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } form[name=ORDER_FORM] .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } form[name=ORDER_FORM] .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } form[name=ORDER_FORM] .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } form[name=ORDER_FORM] .rounded-lg { border-radius: 0.3rem !important; } form[name=ORDER_FORM] .rounded-circle { border-radius: 50% !important; } form[name=ORDER_FORM] .rounded-pill { /* border-radius: 50rem !important;*/ } form[name=ORDER_FORM] .rounded-0 { border-radius: 0 !important; } form[name=ORDER_FORM] .clearfix::after { display: block; clear: both; content: ""; } form[name=ORDER_FORM] .d-none { display: none !important; } form[name=ORDER_FORM] .d-inline { display: inline !important; } form[name=ORDER_FORM] .d-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-block { display: block !important; } form[name=ORDER_FORM] .d-table { display: table !important; } form[name=ORDER_FORM] .d-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-flex { display: flex !important; } form[name=ORDER_FORM] .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { form[name=ORDER_FORM] .d-sm-none { display: none !important; } form[name=ORDER_FORM] .d-sm-inline { display: inline !important; } form[name=ORDER_FORM] .d-sm-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-sm-block { display: block !important; } form[name=ORDER_FORM] .d-sm-table { display: table !important; } form[name=ORDER_FORM] .d-sm-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-sm-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-sm-flex { display: flex !important; } form[name=ORDER_FORM] .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { form[name=ORDER_FORM] .d-md-none { display: none !important; } form[name=ORDER_FORM] .d-md-inline { display: inline !important; } form[name=ORDER_FORM] .d-md-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-md-block { display: block !important; } form[name=ORDER_FORM] .d-md-table { display: table !important; } form[name=ORDER_FORM] .d-md-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-md-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-md-flex { display: flex !important; } form[name=ORDER_FORM] .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { form[name=ORDER_FORM] .d-lg-none { display: none !important; } form[name=ORDER_FORM] .d-lg-inline { display: inline !important; } form[name=ORDER_FORM] .d-lg-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-lg-block { display: block !important; } form[name=ORDER_FORM] .d-lg-table { display: table !important; } form[name=ORDER_FORM] .d-lg-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-lg-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-lg-flex { display: flex !important; } form[name=ORDER_FORM] .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .d-xl-none { display: none !important; } form[name=ORDER_FORM] .d-xl-inline { display: inline !important; } form[name=ORDER_FORM] .d-xl-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-xl-block { display: block !important; } form[name=ORDER_FORM] .d-xl-table { display: table !important; } form[name=ORDER_FORM] .d-xl-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-xl-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-xl-flex { display: flex !important; } form[name=ORDER_FORM] .d-xl-inline-flex { display: inline-flex !important; } } @media print { form[name=ORDER_FORM] .d-print-none { display: none !important; } form[name=ORDER_FORM] .d-print-inline { display: inline !important; } form[name=ORDER_FORM] .d-print-inline-block { display: inline-block !important; } form[name=ORDER_FORM] .d-print-block { display: block !important; } form[name=ORDER_FORM] .d-print-table { display: table !important; } form[name=ORDER_FORM] .d-print-table-row { display: table-row !important; } form[name=ORDER_FORM] .d-print-table-cell { display: table-cell !important; } form[name=ORDER_FORM] .d-print-flex { display: flex !important; } form[name=ORDER_FORM] .d-print-inline-flex { display: inline-flex !important; } } form[name=ORDER_FORM] .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } form[name=ORDER_FORM] .embed-responsive::before { display: block; content: ""; } form[name=ORDER_FORM] .embed-responsive .embed-responsive-item, form[name=ORDER_FORM] .embed-responsive iframe, form[name=ORDER_FORM] .embed-responsive embed, form[name=ORDER_FORM] .embed-responsive object, form[name=ORDER_FORM] .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } form[name=ORDER_FORM] .embed-responsive-21by9::before { padding-top: 42.857143%; } form[name=ORDER_FORM] .embed-responsive-16by9::before { padding-top: 56.25%; } form[name=ORDER_FORM] .embed-responsive-4by3::before { padding-top: 75%; } form[name=ORDER_FORM] .embed-responsive-1by1::before { padding-top: 100%; } form[name=ORDER_FORM] .flex-row { flex-direction: row !important; } form[name=ORDER_FORM] .flex-column { flex-direction: column !important; } form[name=ORDER_FORM] .flex-row-reverse { flex-direction: row-reverse !important; } form[name=ORDER_FORM] .flex-column-reverse { flex-direction: column-reverse !important; } form[name=ORDER_FORM] .flex-wrap { flex-wrap: wrap !important; } form[name=ORDER_FORM] .flex-nowrap { flex-wrap: nowrap !important; } form[name=ORDER_FORM] .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } form[name=ORDER_FORM] .flex-fill { flex: 1 1 auto !important; } form[name=ORDER_FORM] .flex-grow-0 { flex-grow: 0 !important; } form[name=ORDER_FORM] .flex-grow-1 { flex-grow: 1 !important; } form[name=ORDER_FORM] .flex-shrink-0 { flex-shrink: 0 !important; } form[name=ORDER_FORM] .flex-shrink-1 { flex-shrink: 1 !important; } form[name=ORDER_FORM] .justify-content-start { justify-content: flex-start !important; } form[name=ORDER_FORM] .justify-content-end { justify-content: flex-end !important; } form[name=ORDER_FORM] .justify-content-center { justify-content: center !important; } form[name=ORDER_FORM] .justify-content-between { justify-content: space-between !important; } form[name=ORDER_FORM] .justify-content-around { justify-content: space-around !important; } form[name=ORDER_FORM] .align-items-start { align-items: flex-start !important; } form[name=ORDER_FORM] .align-items-end { align-items: flex-end !important; } form[name=ORDER_FORM] .align-items-center { align-items: center !important; } form[name=ORDER_FORM] .align-items-baseline { align-items: baseline !important; } form[name=ORDER_FORM] .align-items-stretch { align-items: stretch !important; } form[name=ORDER_FORM] .align-content-start { align-content: flex-start !important; } form[name=ORDER_FORM] .align-content-end { align-content: flex-end !important; } form[name=ORDER_FORM] .align-content-center { align-content: center !important; } form[name=ORDER_FORM] .align-content-between { align-content: space-between !important; } form[name=ORDER_FORM] .align-content-around { align-content: space-around !important; } form[name=ORDER_FORM] .align-content-stretch { align-content: stretch !important; } form[name=ORDER_FORM] .align-self-auto { align-self: auto !important; } form[name=ORDER_FORM] .align-self-start { align-self: flex-start !important; } form[name=ORDER_FORM] .align-self-end { align-self: flex-end !important; } form[name=ORDER_FORM] .align-self-center { align-self: center !important; } form[name=ORDER_FORM] .align-self-baseline { align-self: baseline !important; } form[name=ORDER_FORM] .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { form[name=ORDER_FORM] .flex-sm-row { flex-direction: row !important; } form[name=ORDER_FORM] .flex-sm-column { flex-direction: column !important; } form[name=ORDER_FORM] .flex-sm-row-reverse { flex-direction: row-reverse !important; } form[name=ORDER_FORM] .flex-sm-column-reverse { flex-direction: column-reverse !important; } form[name=ORDER_FORM] .flex-sm-wrap { flex-wrap: wrap !important; } form[name=ORDER_FORM] .flex-sm-nowrap { flex-wrap: nowrap !important; } form[name=ORDER_FORM] .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } form[name=ORDER_FORM] .flex-sm-fill { flex: 1 1 auto !important; } form[name=ORDER_FORM] .flex-sm-grow-0 { flex-grow: 0 !important; } form[name=ORDER_FORM] .flex-sm-grow-1 { flex-grow: 1 !important; } form[name=ORDER_FORM] .flex-sm-shrink-0 { flex-shrink: 0 !important; } form[name=ORDER_FORM] .flex-sm-shrink-1 { flex-shrink: 1 !important; } form[name=ORDER_FORM] .justify-content-sm-start { justify-content: flex-start !important; } form[name=ORDER_FORM] .justify-content-sm-end { justify-content: flex-end !important; } form[name=ORDER_FORM] .justify-content-sm-center { justify-content: center !important; } form[name=ORDER_FORM] .justify-content-sm-between { justify-content: space-between !important; } form[name=ORDER_FORM] .justify-content-sm-around { justify-content: space-around !important; } form[name=ORDER_FORM] .align-items-sm-start { align-items: flex-start !important; } form[name=ORDER_FORM] .align-items-sm-end { align-items: flex-end !important; } form[name=ORDER_FORM] .align-items-sm-center { align-items: center !important; } form[name=ORDER_FORM] .align-items-sm-baseline { align-items: baseline !important; } form[name=ORDER_FORM] .align-items-sm-stretch { align-items: stretch !important; } form[name=ORDER_FORM] .align-content-sm-start { align-content: flex-start !important; } form[name=ORDER_FORM] .align-content-sm-end { align-content: flex-end !important; } form[name=ORDER_FORM] .align-content-sm-center { align-content: center !important; } form[name=ORDER_FORM] .align-content-sm-between { align-content: space-between !important; } form[name=ORDER_FORM] .align-content-sm-around { align-content: space-around !important; } form[name=ORDER_FORM] .align-content-sm-stretch { align-content: stretch !important; } form[name=ORDER_FORM] .align-self-sm-auto { align-self: auto !important; } form[name=ORDER_FORM] .align-self-sm-start { align-self: flex-start !important; } form[name=ORDER_FORM] .align-self-sm-end { align-self: flex-end !important; } form[name=ORDER_FORM] .align-self-sm-center { align-self: center !important; } form[name=ORDER_FORM] .align-self-sm-baseline { align-self: baseline !important; } form[name=ORDER_FORM] .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { form[name=ORDER_FORM] .flex-md-row { flex-direction: row !important; } form[name=ORDER_FORM] .flex-md-column { flex-direction: column !important; } form[name=ORDER_FORM] .flex-md-row-reverse { flex-direction: row-reverse !important; } form[name=ORDER_FORM] .flex-md-column-reverse { flex-direction: column-reverse !important; } form[name=ORDER_FORM] .flex-md-wrap { flex-wrap: wrap !important; } form[name=ORDER_FORM] .flex-md-nowrap { flex-wrap: nowrap !important; } form[name=ORDER_FORM] .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } form[name=ORDER_FORM] .flex-md-fill { flex: 1 1 auto !important; } form[name=ORDER_FORM] .flex-md-grow-0 { flex-grow: 0 !important; } form[name=ORDER_FORM] .flex-md-grow-1 { flex-grow: 1 !important; } form[name=ORDER_FORM] .flex-md-shrink-0 { flex-shrink: 0 !important; } form[name=ORDER_FORM] .flex-md-shrink-1 { flex-shrink: 1 !important; } form[name=ORDER_FORM] .justify-content-md-start { justify-content: flex-start !important; } form[name=ORDER_FORM] .justify-content-md-end { justify-content: flex-end !important; } form[name=ORDER_FORM] .justify-content-md-center { justify-content: center !important; } form[name=ORDER_FORM] .justify-content-md-between { justify-content: space-between !important; } form[name=ORDER_FORM] .justify-content-md-around { justify-content: space-around !important; } form[name=ORDER_FORM] .align-items-md-start { align-items: flex-start !important; } form[name=ORDER_FORM] .align-items-md-end { align-items: flex-end !important; } form[name=ORDER_FORM] .align-items-md-center { align-items: center !important; } form[name=ORDER_FORM] .align-items-md-baseline { align-items: baseline !important; } form[name=ORDER_FORM] .align-items-md-stretch { align-items: stretch !important; } form[name=ORDER_FORM] .align-content-md-start { align-content: flex-start !important; } form[name=ORDER_FORM] .align-content-md-end { align-content: flex-end !important; } form[name=ORDER_FORM] .align-content-md-center { align-content: center !important; } form[name=ORDER_FORM] .align-content-md-between { align-content: space-between !important; } form[name=ORDER_FORM] .align-content-md-around { align-content: space-around !important; } form[name=ORDER_FORM] .align-content-md-stretch { align-content: stretch !important; } form[name=ORDER_FORM] .align-self-md-auto { align-self: auto !important; } form[name=ORDER_FORM] .align-self-md-start { align-self: flex-start !important; } form[name=ORDER_FORM] .align-self-md-end { align-self: flex-end !important; } form[name=ORDER_FORM] .align-self-md-center { align-self: center !important; } form[name=ORDER_FORM] .align-self-md-baseline { align-self: baseline !important; } form[name=ORDER_FORM] .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { form[name=ORDER_FORM] .flex-lg-row { flex-direction: row !important; } form[name=ORDER_FORM] .flex-lg-column { flex-direction: column !important; } form[name=ORDER_FORM] .flex-lg-row-reverse { flex-direction: row-reverse !important; } form[name=ORDER_FORM] .flex-lg-column-reverse { flex-direction: column-reverse !important; } form[name=ORDER_FORM] .flex-lg-wrap { flex-wrap: wrap !important; } form[name=ORDER_FORM] .flex-lg-nowrap { flex-wrap: nowrap !important; } form[name=ORDER_FORM] .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } form[name=ORDER_FORM] .flex-lg-fill { flex: 1 1 auto !important; } form[name=ORDER_FORM] .flex-lg-grow-0 { flex-grow: 0 !important; } form[name=ORDER_FORM] .flex-lg-grow-1 { flex-grow: 1 !important; } form[name=ORDER_FORM] .flex-lg-shrink-0 { flex-shrink: 0 !important; } form[name=ORDER_FORM] .flex-lg-shrink-1 { flex-shrink: 1 !important; } form[name=ORDER_FORM] .justify-content-lg-start { justify-content: flex-start !important; } form[name=ORDER_FORM] .justify-content-lg-end { justify-content: flex-end !important; } form[name=ORDER_FORM] .justify-content-lg-center { justify-content: center !important; } form[name=ORDER_FORM] .justify-content-lg-between { justify-content: space-between !important; } form[name=ORDER_FORM] .justify-content-lg-around { justify-content: space-around !important; } form[name=ORDER_FORM] .align-items-lg-start { align-items: flex-start !important; } form[name=ORDER_FORM] .align-items-lg-end { align-items: flex-end !important; } form[name=ORDER_FORM] .align-items-lg-center { align-items: center !important; } form[name=ORDER_FORM] .align-items-lg-baseline { align-items: baseline !important; } form[name=ORDER_FORM] .align-items-lg-stretch { align-items: stretch !important; } form[name=ORDER_FORM] .align-content-lg-start { align-content: flex-start !important; } form[name=ORDER_FORM] .align-content-lg-end { align-content: flex-end !important; } form[name=ORDER_FORM] .align-content-lg-center { align-content: center !important; } form[name=ORDER_FORM] .align-content-lg-between { align-content: space-between !important; } form[name=ORDER_FORM] .align-content-lg-around { align-content: space-around !important; } form[name=ORDER_FORM] .align-content-lg-stretch { align-content: stretch !important; } form[name=ORDER_FORM] .align-self-lg-auto { align-self: auto !important; } form[name=ORDER_FORM] .align-self-lg-start { align-self: flex-start !important; } form[name=ORDER_FORM] .align-self-lg-end { align-self: flex-end !important; } form[name=ORDER_FORM] .align-self-lg-center { align-self: center !important; } form[name=ORDER_FORM] .align-self-lg-baseline { align-self: baseline !important; } form[name=ORDER_FORM] .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .flex-xl-row { flex-direction: row !important; } form[name=ORDER_FORM] .flex-xl-column { flex-direction: column !important; } form[name=ORDER_FORM] .flex-xl-row-reverse { flex-direction: row-reverse !important; } form[name=ORDER_FORM] .flex-xl-column-reverse { flex-direction: column-reverse !important; } form[name=ORDER_FORM] .flex-xl-wrap { flex-wrap: wrap !important; } form[name=ORDER_FORM] .flex-xl-nowrap { flex-wrap: nowrap !important; } form[name=ORDER_FORM] .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } form[name=ORDER_FORM] .flex-xl-fill { flex: 1 1 auto !important; } form[name=ORDER_FORM] .flex-xl-grow-0 { flex-grow: 0 !important; } form[name=ORDER_FORM] .flex-xl-grow-1 { flex-grow: 1 !important; } form[name=ORDER_FORM] .flex-xl-shrink-0 { flex-shrink: 0 !important; } form[name=ORDER_FORM] .flex-xl-shrink-1 { flex-shrink: 1 !important; } form[name=ORDER_FORM] .justify-content-xl-start { justify-content: flex-start !important; } form[name=ORDER_FORM] .justify-content-xl-end { justify-content: flex-end !important; } form[name=ORDER_FORM] .justify-content-xl-center { justify-content: center !important; } form[name=ORDER_FORM] .justify-content-xl-between { justify-content: space-between !important; } form[name=ORDER_FORM] .justify-content-xl-around { justify-content: space-around !important; } form[name=ORDER_FORM] .align-items-xl-start { align-items: flex-start !important; } form[name=ORDER_FORM] .align-items-xl-end { align-items: flex-end !important; } form[name=ORDER_FORM] .align-items-xl-center { align-items: center !important; } form[name=ORDER_FORM] .align-items-xl-baseline { align-items: baseline !important; } form[name=ORDER_FORM] .align-items-xl-stretch { align-items: stretch !important; } form[name=ORDER_FORM] .align-content-xl-start { align-content: flex-start !important; } form[name=ORDER_FORM] .align-content-xl-end { align-content: flex-end !important; } form[name=ORDER_FORM] .align-content-xl-center { align-content: center !important; } form[name=ORDER_FORM] .align-content-xl-between { align-content: space-between !important; } form[name=ORDER_FORM] .align-content-xl-around { align-content: space-around !important; } form[name=ORDER_FORM] .align-content-xl-stretch { align-content: stretch !important; } form[name=ORDER_FORM] .align-self-xl-auto { align-self: auto !important; } form[name=ORDER_FORM] .align-self-xl-start { align-self: flex-start !important; } form[name=ORDER_FORM] .align-self-xl-end { align-self: flex-end !important; } form[name=ORDER_FORM] .align-self-xl-center { align-self: center !important; } form[name=ORDER_FORM] .align-self-xl-baseline { align-self: baseline !important; } form[name=ORDER_FORM] .align-self-xl-stretch { align-self: stretch !important; } } form[name=ORDER_FORM] .float-left { float: left !important; } form[name=ORDER_FORM] .float-right { float: right !important; } form[name=ORDER_FORM] .float-none { float: none !important; } @media (min-width: 576px) { form[name=ORDER_FORM] .float-sm-left { float: left !important; } form[name=ORDER_FORM] .float-sm-right { float: right !important; } form[name=ORDER_FORM] .float-sm-none { float: none !important; } } @media (min-width: 768px) { form[name=ORDER_FORM] .float-md-left { float: left !important; } form[name=ORDER_FORM] .float-md-right { float: right !important; } form[name=ORDER_FORM] .float-md-none { float: none !important; } } @media (min-width: 992px) { form[name=ORDER_FORM] .float-lg-left { float: left !important; } form[name=ORDER_FORM] .float-lg-right { float: right !important; } form[name=ORDER_FORM] .float-lg-none { float: none !important; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .float-xl-left { float: left !important; } form[name=ORDER_FORM] .float-xl-right { float: right !important; } form[name=ORDER_FORM] .float-xl-none { float: none !important; } } form[name=ORDER_FORM] .overflow-auto { overflow: auto !important; } form[name=ORDER_FORM] .overflow-hidden { overflow: hidden !important; } form[name=ORDER_FORM] .position-static { position: static !important; } form[name=ORDER_FORM] .position-relative { position: relative !important; } form[name=ORDER_FORM] .position-absolute { position: absolute !important; } form[name=ORDER_FORM] .position-fixed { position: fixed !important; } form[name=ORDER_FORM] .position-sticky { position: sticky !important; } form[name=ORDER_FORM] .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } form[name=ORDER_FORM] .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } form[name=ORDER_FORM] .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } form[name=ORDER_FORM] .sr-only-focusable:active, form[name=ORDER_FORM] .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } form[name=ORDER_FORM] .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important; } form[name=ORDER_FORM] .shadow { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important; } form[name=ORDER_FORM] .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important; } form[name=ORDER_FORM] .shadow-none { box-shadow: none !important; } form[name=ORDER_FORM] .w-25 { width: 25% !important; } form[name=ORDER_FORM] .w-50 { width: 50% !important; } form[name=ORDER_FORM] .w-75 { width: 75% !important; } form[name=ORDER_FORM] .w-100 { width: 100% !important; } form[name=ORDER_FORM] .w-auto { width: auto !important; } form[name=ORDER_FORM] .h-25 { height: 25% !important; } form[name=ORDER_FORM] .h-50 { height: 50% !important; } form[name=ORDER_FORM] .h-75 { height: 75% !important; } form[name=ORDER_FORM] .h-100 { height: 100% !important; } form[name=ORDER_FORM] .h-auto { height: auto !important; } form[name=ORDER_FORM] .mw-100 { max-width: 100% !important; } form[name=ORDER_FORM] .mh-100 { max-height: 100% !important; } form[name=ORDER_FORM] .min-vw-100 { min-width: 100vw !important; } form[name=ORDER_FORM] .min-vh-100 { min-height: 100vh !important; } form[name=ORDER_FORM] .vw-100 { width: 100vw !important; } form[name=ORDER_FORM] .vh-100 { height: 100vh !important; } form[name=ORDER_FORM] .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } form[name=ORDER_FORM] .m-0 { margin: 0 !important; } form[name=ORDER_FORM] .mt-0, form[name=ORDER_FORM] .my-0 { margin-top: 0 !important; } form[name=ORDER_FORM] .mr-0, form[name=ORDER_FORM] .mx-0 { margin-right: 0 !important; } form[name=ORDER_FORM] .mb-0, form[name=ORDER_FORM] .my-0 { margin-bottom: 0 !important; } form[name=ORDER_FORM] .ml-0, form[name=ORDER_FORM] .mx-0 { margin-left: 0 !important; } form[name=ORDER_FORM] .m-1 { margin: 0.25rem !important; } form[name=ORDER_FORM] .mt-1, form[name=ORDER_FORM] .my-1 { margin-top: 0.25rem !important; } form[name=ORDER_FORM] .mr-1, form[name=ORDER_FORM] .mx-1 { margin-right: 0.25rem !important; } form[name=ORDER_FORM] .mb-1, form[name=ORDER_FORM] .my-1 { margin-bottom: 0.25rem !important; } form[name=ORDER_FORM] .ml-1, form[name=ORDER_FORM] .mx-1 { margin-left: 0.25rem !important; } form[name=ORDER_FORM] .m-2 { margin: 0.5rem !important; } form[name=ORDER_FORM] .mt-2, form[name=ORDER_FORM] .my-2 { margin-top: 0.5rem !important; } form[name=ORDER_FORM] .mr-2, form[name=ORDER_FORM] .mx-2 { margin-right: 0.5rem !important; } form[name=ORDER_FORM] .mb-2, form[name=ORDER_FORM] .my-2 { margin-bottom: 0.5rem !important; } form[name=ORDER_FORM] .ml-2, form[name=ORDER_FORM] .mx-2 { margin-left: 0.5rem !important; } form[name=ORDER_FORM] .m-3 { margin: 1rem !important; } form[name=ORDER_FORM] .mt-3, form[name=ORDER_FORM] .my-3 { margin-top: 1rem !important; } form[name=ORDER_FORM] .mr-3, form[name=ORDER_FORM] .mx-3 { margin-right: 1rem !important; } form[name=ORDER_FORM] .mb-3, form[name=ORDER_FORM] .my-3 { margin-bottom: 1rem !important; } form[name=ORDER_FORM] .ml-3, form[name=ORDER_FORM] .mx-3 { margin-left: 1rem !important; } form[name=ORDER_FORM] .m-4 { margin: 1.5rem !important; } form[name=ORDER_FORM] .mt-4, form[name=ORDER_FORM] .my-4 { margin-top: 1.5rem !important; } form[name=ORDER_FORM] .mr-4, form[name=ORDER_FORM] .mx-4 { margin-right: 1.5rem !important; } form[name=ORDER_FORM] .mb-4, form[name=ORDER_FORM] .my-4 { margin-bottom: 1.5rem !important; } form[name=ORDER_FORM] .ml-4, form[name=ORDER_FORM] .mx-4 { margin-left: 1.5rem !important; } form[name=ORDER_FORM] .m-5 { margin: 3rem !important; } form[name=ORDER_FORM] .mt-5, form[name=ORDER_FORM] .my-5 { margin-top: 3rem !important; } form[name=ORDER_FORM] .mr-5, form[name=ORDER_FORM] .mx-5 { margin-right: 3rem !important; } form[name=ORDER_FORM] .mb-5, form[name=ORDER_FORM] .my-5 { margin-bottom: 3rem !important; } form[name=ORDER_FORM] .ml-5, form[name=ORDER_FORM] .mx-5 { margin-left: 3rem !important; } form[name=ORDER_FORM] .p-0 { padding: 0 !important; } form[name=ORDER_FORM] .pt-0, form[name=ORDER_FORM] .py-0 { padding-top: 0 !important; } form[name=ORDER_FORM] .pr-0, form[name=ORDER_FORM] .px-0 { padding-right: 0 !important; } form[name=ORDER_FORM] .pb-0, form[name=ORDER_FORM] .py-0 { padding-bottom: 0 !important; } form[name=ORDER_FORM] .pl-0, form[name=ORDER_FORM] .px-0 { padding-left: 0 !important; } form[name=ORDER_FORM] .p-1 { padding: 0.25rem !important; } form[name=ORDER_FORM] .pt-1, form[name=ORDER_FORM] .py-1 { padding-top: 0.25rem !important; } form[name=ORDER_FORM] .pr-1, form[name=ORDER_FORM] .px-1 { padding-right: 0.25rem !important; } form[name=ORDER_FORM] .pb-1, form[name=ORDER_FORM] .py-1 { padding-bottom: 0.25rem !important; } form[name=ORDER_FORM] .pl-1, form[name=ORDER_FORM] .px-1 { padding-left: 0.25rem !important; } form[name=ORDER_FORM] .p-2 { padding: 0.5rem !important; } form[name=ORDER_FORM] .pt-2, form[name=ORDER_FORM] .py-2 { padding-top: 0.5rem !important; } form[name=ORDER_FORM] .pr-2, form[name=ORDER_FORM] .px-2 { padding-right: 0.5rem !important; } form[name=ORDER_FORM] .pb-2, form[name=ORDER_FORM] .py-2 { padding-bottom: 0.5rem !important; } form[name=ORDER_FORM] .pl-2, form[name=ORDER_FORM] .px-2 { padding-left: 0.5rem !important; } form[name=ORDER_FORM] .p-3 { padding: 1rem !important; } form[name=ORDER_FORM] .pt-3, form[name=ORDER_FORM] .py-3 { padding-top: 1rem !important; } form[name=ORDER_FORM] .pr-3, form[name=ORDER_FORM] .px-3 { padding-right: 1rem !important; } form[name=ORDER_FORM] .pb-3, form[name=ORDER_FORM] .py-3 { padding-bottom: 1rem !important; } form[name=ORDER_FORM] .pl-3, form[name=ORDER_FORM] .px-3 { padding-left: 1rem !important; } form[name=ORDER_FORM] .p-4 { padding: 1.5rem !important; } form[name=ORDER_FORM] .pt-4, form[name=ORDER_FORM] .py-4 { padding-top: 1.5rem !important; } form[name=ORDER_FORM] .pr-4, form[name=ORDER_FORM] .px-4 { padding-right: 1.5rem !important; } form[name=ORDER_FORM] .pb-4, form[name=ORDER_FORM] .py-4 { padding-bottom: 1.5rem !important; } form[name=ORDER_FORM] .pl-4, form[name=ORDER_FORM] .px-4 { padding-left: 1.5rem !important; } form[name=ORDER_FORM] .p-5 { padding: 3rem !important; } form[name=ORDER_FORM] .pt-5, form[name=ORDER_FORM] .py-5 { padding-top: 3rem !important; } form[name=ORDER_FORM] .pr-5, form[name=ORDER_FORM] .px-5 { padding-right: 3rem !important; } form[name=ORDER_FORM] .pb-5, form[name=ORDER_FORM] .py-5 { padding-bottom: 3rem !important; } form[name=ORDER_FORM] .pl-5, form[name=ORDER_FORM] .px-5 { padding-left: 3rem !important; } form[name=ORDER_FORM] .m-n1 { margin: -0.25rem !important; } form[name=ORDER_FORM] .mt-n1, form[name=ORDER_FORM] .my-n1 { margin-top: -0.25rem !important; } form[name=ORDER_FORM] .mr-n1, form[name=ORDER_FORM] .mx-n1 { margin-right: -0.25rem !important; } form[name=ORDER_FORM] .mb-n1, form[name=ORDER_FORM] .my-n1 { margin-bottom: -0.25rem !important; } form[name=ORDER_FORM] .ml-n1, form[name=ORDER_FORM] .mx-n1 { margin-left: -0.25rem !important; } form[name=ORDER_FORM] .m-n2 { margin: -0.5rem !important; } form[name=ORDER_FORM] .mt-n2, form[name=ORDER_FORM] .my-n2 { margin-top: -0.5rem !important; } form[name=ORDER_FORM] .mr-n2, form[name=ORDER_FORM] .mx-n2 { margin-right: -0.5rem !important; } form[name=ORDER_FORM] .mb-n2, form[name=ORDER_FORM] .my-n2 { margin-bottom: -0.5rem !important; } form[name=ORDER_FORM] .ml-n2, form[name=ORDER_FORM] .mx-n2 { margin-left: -0.5rem !important; } form[name=ORDER_FORM] .m-n3 { margin: -1rem !important; } form[name=ORDER_FORM] .mt-n3, form[name=ORDER_FORM] .my-n3 { margin-top: -1rem !important; } form[name=ORDER_FORM] .mr-n3, form[name=ORDER_FORM] .mx-n3 { margin-right: -1rem !important; } form[name=ORDER_FORM] .mb-n3, form[name=ORDER_FORM] .my-n3 { margin-bottom: -1rem !important; } form[name=ORDER_FORM] .ml-n3, form[name=ORDER_FORM] .mx-n3 { margin-left: -1rem !important; } form[name=ORDER_FORM] .m-n4 { margin: -1.5rem !important; } form[name=ORDER_FORM] .mt-n4, form[name=ORDER_FORM] .my-n4 { margin-top: -1.5rem !important; } form[name=ORDER_FORM] .mr-n4, form[name=ORDER_FORM] .mx-n4 { margin-right: -1.5rem !important; } form[name=ORDER_FORM] .mb-n4, form[name=ORDER_FORM] .my-n4 { margin-bottom: -1.5rem !important; } form[name=ORDER_FORM] .ml-n4, form[name=ORDER_FORM] .mx-n4 { margin-left: -1.5rem !important; } form[name=ORDER_FORM] .m-n5 { margin: -3rem !important; } form[name=ORDER_FORM] .mt-n5, form[name=ORDER_FORM] .my-n5 { margin-top: -3rem !important; } form[name=ORDER_FORM] .mr-n5, form[name=ORDER_FORM] .mx-n5 { margin-right: -3rem !important; } form[name=ORDER_FORM] .mb-n5, form[name=ORDER_FORM] .my-n5 { margin-bottom: -3rem !important; } form[name=ORDER_FORM] .ml-n5, form[name=ORDER_FORM] .mx-n5 { margin-left: -3rem !important; } form[name=ORDER_FORM] .m-auto { margin: auto !important; } form[name=ORDER_FORM] .mt-auto, form[name=ORDER_FORM] .my-auto { margin-top: auto !important; } form[name=ORDER_FORM] .mr-auto, form[name=ORDER_FORM] .mx-auto { margin-right: auto !important; } form[name=ORDER_FORM] .mb-auto, form[name=ORDER_FORM] .my-auto { margin-bottom: auto !important; } form[name=ORDER_FORM] .ml-auto, form[name=ORDER_FORM] .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { form[name=ORDER_FORM] .m-sm-0 { margin: 0 !important; } form[name=ORDER_FORM] .mt-sm-0, form[name=ORDER_FORM] .my-sm-0 { margin-top: 0 !important; } form[name=ORDER_FORM] .mr-sm-0, form[name=ORDER_FORM] .mx-sm-0 { margin-right: 0 !important; } form[name=ORDER_FORM] .mb-sm-0, form[name=ORDER_FORM] .my-sm-0 { margin-bottom: 0 !important; } form[name=ORDER_FORM] .ml-sm-0, form[name=ORDER_FORM] .mx-sm-0 { margin-left: 0 !important; } form[name=ORDER_FORM] .m-sm-1 { margin: 0.25rem !important; } form[name=ORDER_FORM] .mt-sm-1, form[name=ORDER_FORM] .my-sm-1 { margin-top: 0.25rem !important; } form[name=ORDER_FORM] .mr-sm-1, form[name=ORDER_FORM] .mx-sm-1 { margin-right: 0.25rem !important; } form[name=ORDER_FORM] .mb-sm-1, form[name=ORDER_FORM] .my-sm-1 { margin-bottom: 0.25rem !important; } form[name=ORDER_FORM] .ml-sm-1, form[name=ORDER_FORM] .mx-sm-1 { margin-left: 0.25rem !important; } form[name=ORDER_FORM] .m-sm-2 { margin: 0.5rem !important; } form[name=ORDER_FORM] .mt-sm-2, form[name=ORDER_FORM] .my-sm-2 { margin-top: 0.5rem !important; } form[name=ORDER_FORM] .mr-sm-2, form[name=ORDER_FORM] .mx-sm-2 { margin-right: 0.5rem !important; } form[name=ORDER_FORM] .mb-sm-2, form[name=ORDER_FORM] .my-sm-2 { margin-bottom: 0.5rem !important; } form[name=ORDER_FORM] .ml-sm-2, form[name=ORDER_FORM] .mx-sm-2 { margin-left: 0.5rem !important; } form[name=ORDER_FORM] .m-sm-3 { margin: 1rem !important; } form[name=ORDER_FORM] .mt-sm-3, form[name=ORDER_FORM] .my-sm-3 { margin-top: 1rem !important; } form[name=ORDER_FORM] .mr-sm-3, form[name=ORDER_FORM] .mx-sm-3 { margin-right: 1rem !important; } form[name=ORDER_FORM] .mb-sm-3, form[name=ORDER_FORM] .my-sm-3 { margin-bottom: 1rem !important; } form[name=ORDER_FORM] .ml-sm-3, form[name=ORDER_FORM] .mx-sm-3 { margin-left: 1rem !important; } form[name=ORDER_FORM] .m-sm-4 { margin: 1.5rem !important; } form[name=ORDER_FORM] .mt-sm-4, form[name=ORDER_FORM] .my-sm-4 { margin-top: 1.5rem !important; } form[name=ORDER_FORM] .mr-sm-4, form[name=ORDER_FORM] .mx-sm-4 { margin-right: 1.5rem !important; } form[name=ORDER_FORM] .mb-sm-4, form[name=ORDER_FORM] .my-sm-4 { margin-bottom: 1.5rem !important; } form[name=ORDER_FORM] .ml-sm-4, form[name=ORDER_FORM] .mx-sm-4 { margin-left: 1.5rem !important; } form[name=ORDER_FORM] .m-sm-5 { margin: 3rem !important; } form[name=ORDER_FORM] .mt-sm-5, form[name=ORDER_FORM] .my-sm-5 { margin-top: 3rem !important; } form[name=ORDER_FORM] .mr-sm-5, form[name=ORDER_FORM] .mx-sm-5 { margin-right: 3rem !important; } form[name=ORDER_FORM] .mb-sm-5, form[name=ORDER_FORM] .my-sm-5 { margin-bottom: 3rem !important; } form[name=ORDER_FORM] .ml-sm-5, form[name=ORDER_FORM] .mx-sm-5 { margin-left: 3rem !important; } form[name=ORDER_FORM] .p-sm-0 { padding: 0 !important; } form[name=ORDER_FORM] .pt-sm-0, form[name=ORDER_FORM] .py-sm-0 { padding-top: 0 !important; } form[name=ORDER_FORM] .pr-sm-0, form[name=ORDER_FORM] .px-sm-0 { padding-right: 0 !important; } form[name=ORDER_FORM] .pb-sm-0, form[name=ORDER_FORM] .py-sm-0 { padding-bottom: 0 !important; } form[name=ORDER_FORM] .pl-sm-0, form[name=ORDER_FORM] .px-sm-0 { padding-left: 0 !important; } form[name=ORDER_FORM] .p-sm-1 { padding: 0.25rem !important; } form[name=ORDER_FORM] .pt-sm-1, form[name=ORDER_FORM] .py-sm-1 { padding-top: 0.25rem !important; } form[name=ORDER_FORM] .pr-sm-1, form[name=ORDER_FORM] .px-sm-1 { padding-right: 0.25rem !important; } form[name=ORDER_FORM] .pb-sm-1, form[name=ORDER_FORM] .py-sm-1 { padding-bottom: 0.25rem !important; } form[name=ORDER_FORM] .pl-sm-1, form[name=ORDER_FORM] .px-sm-1 { padding-left: 0.25rem !important; } form[name=ORDER_FORM] .p-sm-2 { padding: 0.5rem !important; } form[name=ORDER_FORM] .pt-sm-2, form[name=ORDER_FORM] .py-sm-2 { padding-top: 0.5rem !important; } form[name=ORDER_FORM] .pr-sm-2, form[name=ORDER_FORM] .px-sm-2 { padding-right: 0.5rem !important; } form[name=ORDER_FORM] .pb-sm-2, form[name=ORDER_FORM] .py-sm-2 { padding-bottom: 0.5rem !important; } form[name=ORDER_FORM] .pl-sm-2, form[name=ORDER_FORM] .px-sm-2 { padding-left: 0.5rem !important; } form[name=ORDER_FORM] .p-sm-3 { padding: 1rem !important; } form[name=ORDER_FORM] .pt-sm-3, form[name=ORDER_FORM] .py-sm-3 { padding-top: 1rem !important; } form[name=ORDER_FORM] .pr-sm-3, form[name=ORDER_FORM] .px-sm-3 { padding-right: 1rem !important; } form[name=ORDER_FORM] .pb-sm-3, form[name=ORDER_FORM] .py-sm-3 { padding-bottom: 1rem !important; } form[name=ORDER_FORM] .pl-sm-3, form[name=ORDER_FORM] .px-sm-3 { padding-left: 1rem !important; } form[name=ORDER_FORM] .p-sm-4 { padding: 1.5rem !important; } form[name=ORDER_FORM] .pt-sm-4, form[name=ORDER_FORM] .py-sm-4 { padding-top: 1.5rem !important; } form[name=ORDER_FORM] .pr-sm-4, form[name=ORDER_FORM] .px-sm-4 { padding-right: 1.5rem !important; } form[name=ORDER_FORM] .pb-sm-4, form[name=ORDER_FORM] .py-sm-4 { padding-bottom: 1.5rem !important; } form[name=ORDER_FORM] .pl-sm-4, form[name=ORDER_FORM] .px-sm-4 { padding-left: 1.5rem !important; } form[name=ORDER_FORM] .p-sm-5 { padding: 3rem !important; } form[name=ORDER_FORM] .pt-sm-5, form[name=ORDER_FORM] .py-sm-5 { padding-top: 3rem !important; } form[name=ORDER_FORM] .pr-sm-5, form[name=ORDER_FORM] .px-sm-5 { padding-right: 3rem !important; } form[name=ORDER_FORM] .pb-sm-5, form[name=ORDER_FORM] .py-sm-5 { padding-bottom: 3rem !important; } form[name=ORDER_FORM] .pl-sm-5, form[name=ORDER_FORM] .px-sm-5 { padding-left: 3rem !important; } form[name=ORDER_FORM] .m-sm-n1 { margin: -0.25rem !important; } form[name=ORDER_FORM] .mt-sm-n1, form[name=ORDER_FORM] .my-sm-n1 { margin-top: -0.25rem !important; } form[name=ORDER_FORM] .mr-sm-n1, form[name=ORDER_FORM] .mx-sm-n1 { margin-right: -0.25rem !important; } form[name=ORDER_FORM] .mb-sm-n1, form[name=ORDER_FORM] .my-sm-n1 { margin-bottom: -0.25rem !important; } form[name=ORDER_FORM] .ml-sm-n1, form[name=ORDER_FORM] .mx-sm-n1 { margin-left: -0.25rem !important; } form[name=ORDER_FORM] .m-sm-n2 { margin: -0.5rem !important; } form[name=ORDER_FORM] .mt-sm-n2, form[name=ORDER_FORM] .my-sm-n2 { margin-top: -0.5rem !important; } form[name=ORDER_FORM] .mr-sm-n2, form[name=ORDER_FORM] .mx-sm-n2 { margin-right: -0.5rem !important; } form[name=ORDER_FORM] .mb-sm-n2, form[name=ORDER_FORM] .my-sm-n2 { margin-bottom: -0.5rem !important; } form[name=ORDER_FORM] .ml-sm-n2, form[name=ORDER_FORM] .mx-sm-n2 { margin-left: -0.5rem !important; } form[name=ORDER_FORM] .m-sm-n3 { margin: -1rem !important; } form[name=ORDER_FORM] .mt-sm-n3, form[name=ORDER_FORM] .my-sm-n3 { margin-top: -1rem !important; } form[name=ORDER_FORM] .mr-sm-n3, form[name=ORDER_FORM] .mx-sm-n3 { margin-right: -1rem !important; } form[name=ORDER_FORM] .mb-sm-n3, form[name=ORDER_FORM] .my-sm-n3 { margin-bottom: -1rem !important; } form[name=ORDER_FORM] .ml-sm-n3, form[name=ORDER_FORM] .mx-sm-n3 { margin-left: -1rem !important; } form[name=ORDER_FORM] .m-sm-n4 { margin: -1.5rem !important; } form[name=ORDER_FORM] .mt-sm-n4, form[name=ORDER_FORM] .my-sm-n4 { margin-top: -1.5rem !important; } form[name=ORDER_FORM] .mr-sm-n4, form[name=ORDER_FORM] .mx-sm-n4 { margin-right: -1.5rem !important; } form[name=ORDER_FORM] .mb-sm-n4, form[name=ORDER_FORM] .my-sm-n4 { margin-bottom: -1.5rem !important; } form[name=ORDER_FORM] .ml-sm-n4, form[name=ORDER_FORM] .mx-sm-n4 { margin-left: -1.5rem !important; } form[name=ORDER_FORM] .m-sm-n5 { margin: -3rem !important; } form[name=ORDER_FORM] .mt-sm-n5, form[name=ORDER_FORM] .my-sm-n5 { margin-top: -3rem !important; } form[name=ORDER_FORM] .mr-sm-n5, form[name=ORDER_FORM] .mx-sm-n5 { margin-right: -3rem !important; } form[name=ORDER_FORM] .mb-sm-n5, form[name=ORDER_FORM] .my-sm-n5 { margin-bottom: -3rem !important; } form[name=ORDER_FORM] .ml-sm-n5, form[name=ORDER_FORM] .mx-sm-n5 { margin-left: -3rem !important; } form[name=ORDER_FORM] .m-sm-auto { margin: auto !important; } form[name=ORDER_FORM] .mt-sm-auto, form[name=ORDER_FORM] .my-sm-auto { margin-top: auto !important; } form[name=ORDER_FORM] .mr-sm-auto, form[name=ORDER_FORM] .mx-sm-auto { margin-right: auto !important; } form[name=ORDER_FORM] .mb-sm-auto, form[name=ORDER_FORM] .my-sm-auto { margin-bottom: auto !important; } form[name=ORDER_FORM] .ml-sm-auto, form[name=ORDER_FORM] .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { form[name=ORDER_FORM] .m-md-0 { margin: 0 !important; } form[name=ORDER_FORM] .mt-md-0, form[name=ORDER_FORM] .my-md-0 { margin-top: 0 !important; } form[name=ORDER_FORM] .mr-md-0, form[name=ORDER_FORM] .mx-md-0 { margin-right: 0 !important; } form[name=ORDER_FORM] .mb-md-0, form[name=ORDER_FORM] .my-md-0 { margin-bottom: 0 !important; } form[name=ORDER_FORM] .ml-md-0, form[name=ORDER_FORM] .mx-md-0 { margin-left: 0 !important; } form[name=ORDER_FORM] .m-md-1 { margin: 0.25rem !important; } form[name=ORDER_FORM] .mt-md-1, form[name=ORDER_FORM] .my-md-1 { margin-top: 0.25rem !important; } form[name=ORDER_FORM] .mr-md-1, form[name=ORDER_FORM] .mx-md-1 { margin-right: 0.25rem !important; } form[name=ORDER_FORM] .mb-md-1, form[name=ORDER_FORM] .my-md-1 { margin-bottom: 0.25rem !important; } form[name=ORDER_FORM] .ml-md-1, form[name=ORDER_FORM] .mx-md-1 { margin-left: 0.25rem !important; } form[name=ORDER_FORM] .m-md-2 { margin: 0.5rem !important; } form[name=ORDER_FORM] .mt-md-2, form[name=ORDER_FORM] .my-md-2 { margin-top: 0.5rem !important; } form[name=ORDER_FORM] .mr-md-2, form[name=ORDER_FORM] .mx-md-2 { margin-right: 0.5rem !important; } form[name=ORDER_FORM] .mb-md-2, form[name=ORDER_FORM] .my-md-2 { margin-bottom: 0.5rem !important; } form[name=ORDER_FORM] .ml-md-2, form[name=ORDER_FORM] .mx-md-2 { margin-left: 0.5rem !important; } form[name=ORDER_FORM] .m-md-3 { margin: 1rem !important; } form[name=ORDER_FORM] .mt-md-3, form[name=ORDER_FORM] .my-md-3 { margin-top: 1rem !important; } form[name=ORDER_FORM] .mr-md-3, form[name=ORDER_FORM] .mx-md-3 { margin-right: 1rem !important; } form[name=ORDER_FORM] .mb-md-3, form[name=ORDER_FORM] .my-md-3 { margin-bottom: 1rem !important; } form[name=ORDER_FORM] .ml-md-3, form[name=ORDER_FORM] .mx-md-3 { margin-left: 1rem !important; } form[name=ORDER_FORM] .m-md-4 { margin: 1.5rem !important; } form[name=ORDER_FORM] .mt-md-4, form[name=ORDER_FORM] .my-md-4 { margin-top: 1.5rem !important; } form[name=ORDER_FORM] .mr-md-4, form[name=ORDER_FORM] .mx-md-4 { margin-right: 1.5rem !important; } form[name=ORDER_FORM] .mb-md-4, form[name=ORDER_FORM] .my-md-4 { margin-bottom: 1.5rem !important; } form[name=ORDER_FORM] .ml-md-4, form[name=ORDER_FORM] .mx-md-4 { margin-left: 1.5rem !important; } form[name=ORDER_FORM] .m-md-5 { margin: 3rem !important; } form[name=ORDER_FORM] .mt-md-5, form[name=ORDER_FORM] .my-md-5 { margin-top: 3rem !important; } form[name=ORDER_FORM] .mr-md-5, form[name=ORDER_FORM] .mx-md-5 { margin-right: 3rem !important; } form[name=ORDER_FORM] .mb-md-5, form[name=ORDER_FORM] .my-md-5 { margin-bottom: 3rem !important; } form[name=ORDER_FORM] .ml-md-5, form[name=ORDER_FORM] .mx-md-5 { margin-left: 3rem !important; } form[name=ORDER_FORM] .p-md-0 { padding: 0 !important; } form[name=ORDER_FORM] .pt-md-0, form[name=ORDER_FORM] .py-md-0 { padding-top: 0 !important; } form[name=ORDER_FORM] .pr-md-0, form[name=ORDER_FORM] .px-md-0 { padding-right: 0 !important; } form[name=ORDER_FORM] .pb-md-0, form[name=ORDER_FORM] .py-md-0 { padding-bottom: 0 !important; } form[name=ORDER_FORM] .pl-md-0, form[name=ORDER_FORM] .px-md-0 { padding-left: 0 !important; } form[name=ORDER_FORM] .p-md-1 { padding: 0.25rem !important; } form[name=ORDER_FORM] .pt-md-1, form[name=ORDER_FORM] .py-md-1 { padding-top: 0.25rem !important; } form[name=ORDER_FORM] .pr-md-1, form[name=ORDER_FORM] .px-md-1 { padding-right: 0.25rem !important; } form[name=ORDER_FORM] .pb-md-1, form[name=ORDER_FORM] .py-md-1 { padding-bottom: 0.25rem !important; } form[name=ORDER_FORM] .pl-md-1, form[name=ORDER_FORM] .px-md-1 { padding-left: 0.25rem !important; } form[name=ORDER_FORM] .p-md-2 { padding: 0.5rem !important; } form[name=ORDER_FORM] .pt-md-2, form[name=ORDER_FORM] .py-md-2 { padding-top: 0.5rem !important; } form[name=ORDER_FORM] .pr-md-2, form[name=ORDER_FORM] .px-md-2 { padding-right: 0.5rem !important; } form[name=ORDER_FORM] .pb-md-2, form[name=ORDER_FORM] .py-md-2 { padding-bottom: 0.5rem !important; } form[name=ORDER_FORM] .pl-md-2, form[name=ORDER_FORM] .px-md-2 { padding-left: 0.5rem !important; } form[name=ORDER_FORM] .p-md-3 { padding: 1rem !important; } form[name=ORDER_FORM] .pt-md-3, form[name=ORDER_FORM] .py-md-3 { padding-top: 1rem !important; } form[name=ORDER_FORM] .pr-md-3, form[name=ORDER_FORM] .px-md-3 { padding-right: 1rem !important; } form[name=ORDER_FORM] .pb-md-3, form[name=ORDER_FORM] .py-md-3 { padding-bottom: 1rem !important; } form[name=ORDER_FORM] .pl-md-3, form[name=ORDER_FORM] .px-md-3 { padding-left: 1rem !important; } form[name=ORDER_FORM] .p-md-4 { padding: 1.5rem !important; } form[name=ORDER_FORM] .pt-md-4, form[name=ORDER_FORM] .py-md-4 { padding-top: 1.5rem !important; } form[name=ORDER_FORM] .pr-md-4, form[name=ORDER_FORM] .px-md-4 { padding-right: 1.5rem !important; } form[name=ORDER_FORM] .pb-md-4, form[name=ORDER_FORM] .py-md-4 { padding-bottom: 1.5rem !important; } form[name=ORDER_FORM] .pl-md-4, form[name=ORDER_FORM] .px-md-4 { padding-left: 1.5rem !important; } form[name=ORDER_FORM] .p-md-5 { padding: 3rem !important; } form[name=ORDER_FORM] .pt-md-5, form[name=ORDER_FORM] .py-md-5 { padding-top: 3rem !important; } form[name=ORDER_FORM] .pr-md-5, form[name=ORDER_FORM] .px-md-5 { padding-right: 3rem !important; } form[name=ORDER_FORM] .pb-md-5, form[name=ORDER_FORM] .py-md-5 { padding-bottom: 3rem !important; } form[name=ORDER_FORM] .pl-md-5, form[name=ORDER_FORM] .px-md-5 { padding-left: 3rem !important; } form[name=ORDER_FORM] .m-md-n1 { margin: -0.25rem !important; } form[name=ORDER_FORM] .mt-md-n1, form[name=ORDER_FORM] .my-md-n1 { margin-top: -0.25rem !important; } form[name=ORDER_FORM] .mr-md-n1, form[name=ORDER_FORM] .mx-md-n1 { margin-right: -0.25rem !important; } form[name=ORDER_FORM] .mb-md-n1, form[name=ORDER_FORM] .my-md-n1 { margin-bottom: -0.25rem !important; } form[name=ORDER_FORM] .ml-md-n1, form[name=ORDER_FORM] .mx-md-n1 { margin-left: -0.25rem !important; } form[name=ORDER_FORM] .m-md-n2 { margin: -0.5rem !important; } form[name=ORDER_FORM] .mt-md-n2, form[name=ORDER_FORM] .my-md-n2 { margin-top: -0.5rem !important; } form[name=ORDER_FORM] .mr-md-n2, form[name=ORDER_FORM] .mx-md-n2 { margin-right: -0.5rem !important; } form[name=ORDER_FORM] .mb-md-n2, form[name=ORDER_FORM] .my-md-n2 { margin-bottom: -0.5rem !important; } form[name=ORDER_FORM] .ml-md-n2, form[name=ORDER_FORM] .mx-md-n2 { margin-left: -0.5rem !important; } form[name=ORDER_FORM] .m-md-n3 { margin: -1rem !important; } form[name=ORDER_FORM] .mt-md-n3, form[name=ORDER_FORM] .my-md-n3 { margin-top: -1rem !important; } form[name=ORDER_FORM] .mr-md-n3, form[name=ORDER_FORM] .mx-md-n3 { margin-right: -1rem !important; } form[name=ORDER_FORM] .mb-md-n3, form[name=ORDER_FORM] .my-md-n3 { margin-bottom: -1rem !important; } form[name=ORDER_FORM] .ml-md-n3, form[name=ORDER_FORM] .mx-md-n3 { margin-left: -1rem !important; } form[name=ORDER_FORM] .m-md-n4 { margin: -1.5rem !important; } form[name=ORDER_FORM] .mt-md-n4, form[name=ORDER_FORM] .my-md-n4 { margin-top: -1.5rem !important; } form[name=ORDER_FORM] .mr-md-n4, form[name=ORDER_FORM] .mx-md-n4 { margin-right: -1.5rem !important; } form[name=ORDER_FORM] .mb-md-n4, form[name=ORDER_FORM] .my-md-n4 { margin-bottom: -1.5rem !important; } form[name=ORDER_FORM] .ml-md-n4, form[name=ORDER_FORM] .mx-md-n4 { margin-left: -1.5rem !important; } form[name=ORDER_FORM] .m-md-n5 { margin: -3rem !important; } form[name=ORDER_FORM] .mt-md-n5, form[name=ORDER_FORM] .my-md-n5 { margin-top: -3rem !important; } form[name=ORDER_FORM] .mr-md-n5, form[name=ORDER_FORM] .mx-md-n5 { margin-right: -3rem !important; } form[name=ORDER_FORM] .mb-md-n5, form[name=ORDER_FORM] .my-md-n5 { margin-bottom: -3rem !important; } form[name=ORDER_FORM] .ml-md-n5, form[name=ORDER_FORM] .mx-md-n5 { margin-left: -3rem !important; } form[name=ORDER_FORM] .m-md-auto { margin: auto !important; } form[name=ORDER_FORM] .mt-md-auto, form[name=ORDER_FORM] .my-md-auto { margin-top: auto !important; } form[name=ORDER_FORM] .mr-md-auto, form[name=ORDER_FORM] .mx-md-auto { margin-right: auto !important; } form[name=ORDER_FORM] .mb-md-auto, form[name=ORDER_FORM] .my-md-auto { margin-bottom: auto !important; } form[name=ORDER_FORM] .ml-md-auto, form[name=ORDER_FORM] .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { form[name=ORDER_FORM] .m-lg-0 { margin: 0 !important; } form[name=ORDER_FORM] .mt-lg-0, form[name=ORDER_FORM] .my-lg-0 { margin-top: 0 !important; } form[name=ORDER_FORM] .mr-lg-0, form[name=ORDER_FORM] .mx-lg-0 { margin-right: 0 !important; } form[name=ORDER_FORM] .mb-lg-0, form[name=ORDER_FORM] .my-lg-0 { margin-bottom: 0 !important; } form[name=ORDER_FORM] .ml-lg-0, form[name=ORDER_FORM] .mx-lg-0 { margin-left: 0 !important; } form[name=ORDER_FORM] .m-lg-1 { margin: 0.25rem !important; } form[name=ORDER_FORM] .mt-lg-1, form[name=ORDER_FORM] .my-lg-1 { margin-top: 0.25rem !important; } form[name=ORDER_FORM] .mr-lg-1, form[name=ORDER_FORM] .mx-lg-1 { margin-right: 0.25rem !important; } form[name=ORDER_FORM] .mb-lg-1, form[name=ORDER_FORM] .my-lg-1 { margin-bottom: 0.25rem !important; } form[name=ORDER_FORM] .ml-lg-1, form[name=ORDER_FORM] .mx-lg-1 { margin-left: 0.25rem !important; } form[name=ORDER_FORM] .m-lg-2 { margin: 0.5rem !important; } form[name=ORDER_FORM] .mt-lg-2, form[name=ORDER_FORM] .my-lg-2 { margin-top: 0.5rem !important; } form[name=ORDER_FORM] .mr-lg-2, form[name=ORDER_FORM] .mx-lg-2 { margin-right: 0.5rem !important; } form[name=ORDER_FORM] .mb-lg-2, form[name=ORDER_FORM] .my-lg-2 { margin-bottom: 0.5rem !important; } form[name=ORDER_FORM] .ml-lg-2, form[name=ORDER_FORM] .mx-lg-2 { margin-left: 0.5rem !important; } form[name=ORDER_FORM] .m-lg-3 { margin: 1rem !important; } form[name=ORDER_FORM] .mt-lg-3, form[name=ORDER_FORM] .my-lg-3 { margin-top: 1rem !important; } form[name=ORDER_FORM] .mr-lg-3, form[name=ORDER_FORM] .mx-lg-3 { margin-right: 1rem !important; } form[name=ORDER_FORM] .mb-lg-3, form[name=ORDER_FORM] .my-lg-3 { margin-bottom: 1rem !important; } form[name=ORDER_FORM] .ml-lg-3, form[name=ORDER_FORM] .mx-lg-3 { margin-left: 1rem !important; } form[name=ORDER_FORM] .m-lg-4 { margin: 1.5rem !important; } form[name=ORDER_FORM] .mt-lg-4, form[name=ORDER_FORM] .my-lg-4 { margin-top: 1.5rem !important; } form[name=ORDER_FORM] .mr-lg-4, form[name=ORDER_FORM] .mx-lg-4 { margin-right: 1.5rem !important; } form[name=ORDER_FORM] .mb-lg-4, form[name=ORDER_FORM] .my-lg-4 { margin-bottom: 1.5rem !important; } form[name=ORDER_FORM] .ml-lg-4, form[name=ORDER_FORM] .mx-lg-4 { margin-left: 1.5rem !important; } form[name=ORDER_FORM] .m-lg-5 { margin: 3rem !important; } form[name=ORDER_FORM] .mt-lg-5, form[name=ORDER_FORM] .my-lg-5 { margin-top: 3rem !important; } form[name=ORDER_FORM] .mr-lg-5, form[name=ORDER_FORM] .mx-lg-5 { margin-right: 3rem !important; } form[name=ORDER_FORM] .mb-lg-5, form[name=ORDER_FORM] .my-lg-5 { margin-bottom: 3rem !important; } form[name=ORDER_FORM] .ml-lg-5, form[name=ORDER_FORM] .mx-lg-5 { margin-left: 3rem !important; } form[name=ORDER_FORM] .p-lg-0 { padding: 0 !important; } form[name=ORDER_FORM] .pt-lg-0, form[name=ORDER_FORM] .py-lg-0 { padding-top: 0 !important; } form[name=ORDER_FORM] .pr-lg-0, form[name=ORDER_FORM] .px-lg-0 { padding-right: 0 !important; } form[name=ORDER_FORM] .pb-lg-0, form[name=ORDER_FORM] .py-lg-0 { padding-bottom: 0 !important; } form[name=ORDER_FORM] .pl-lg-0, form[name=ORDER_FORM] .px-lg-0 { padding-left: 0 !important; } form[name=ORDER_FORM] .p-lg-1 { padding: 0.25rem !important; } form[name=ORDER_FORM] .pt-lg-1, form[name=ORDER_FORM] .py-lg-1 { padding-top: 0.25rem !important; } form[name=ORDER_FORM] .pr-lg-1, form[name=ORDER_FORM] .px-lg-1 { padding-right: 0.25rem !important; } form[name=ORDER_FORM] .pb-lg-1, form[name=ORDER_FORM] .py-lg-1 { padding-bottom: 0.25rem !important; } form[name=ORDER_FORM] .pl-lg-1, form[name=ORDER_FORM] .px-lg-1 { padding-left: 0.25rem !important; } form[name=ORDER_FORM] .p-lg-2 { padding: 0.5rem !important; } form[name=ORDER_FORM] .pt-lg-2, form[name=ORDER_FORM] .py-lg-2 { padding-top: 0.5rem !important; } form[name=ORDER_FORM] .pr-lg-2, form[name=ORDER_FORM] .px-lg-2 { padding-right: 0.5rem !important; } form[name=ORDER_FORM] .pb-lg-2, form[name=ORDER_FORM] .py-lg-2 { padding-bottom: 0.5rem !important; } form[name=ORDER_FORM] .pl-lg-2, form[name=ORDER_FORM] .px-lg-2 { padding-left: 0.5rem !important; } form[name=ORDER_FORM] .p-lg-3 { padding: 1rem !important; } form[name=ORDER_FORM] .pt-lg-3, form[name=ORDER_FORM] .py-lg-3 { padding-top: 1rem !important; } form[name=ORDER_FORM] .pr-lg-3, form[name=ORDER_FORM] .px-lg-3 { padding-right: 1rem !important; } form[name=ORDER_FORM] .pb-lg-3, form[name=ORDER_FORM] .py-lg-3 { padding-bottom: 1rem !important; } form[name=ORDER_FORM] .pl-lg-3, form[name=ORDER_FORM] .px-lg-3 { padding-left: 1rem !important; } form[name=ORDER_FORM] .p-lg-4 { padding: 1.5rem !important; } form[name=ORDER_FORM] .pt-lg-4, form[name=ORDER_FORM] .py-lg-4 { padding-top: 1.5rem !important; } form[name=ORDER_FORM] .pr-lg-4, form[name=ORDER_FORM] .px-lg-4 { padding-right: 1.5rem !important; } form[name=ORDER_FORM] .pb-lg-4, form[name=ORDER_FORM] .py-lg-4 { padding-bottom: 1.5rem !important; } form[name=ORDER_FORM] .pl-lg-4, form[name=ORDER_FORM] .px-lg-4 { padding-left: 1.5rem !important; } form[name=ORDER_FORM] .p-lg-5 { padding: 3rem !important; } form[name=ORDER_FORM] .pt-lg-5, form[name=ORDER_FORM] .py-lg-5 { padding-top: 3rem !important; } form[name=ORDER_FORM] .pr-lg-5, form[name=ORDER_FORM] .px-lg-5 { padding-right: 3rem !important; } form[name=ORDER_FORM] .pb-lg-5, form[name=ORDER_FORM] .py-lg-5 { padding-bottom: 3rem !important; } form[name=ORDER_FORM] .pl-lg-5, form[name=ORDER_FORM] .px-lg-5 { padding-left: 3rem !important; } form[name=ORDER_FORM] .m-lg-n1 { margin: -0.25rem !important; } form[name=ORDER_FORM] .mt-lg-n1, form[name=ORDER_FORM] .my-lg-n1 { margin-top: -0.25rem !important; } form[name=ORDER_FORM] .mr-lg-n1, form[name=ORDER_FORM] .mx-lg-n1 { margin-right: -0.25rem !important; } form[name=ORDER_FORM] .mb-lg-n1, form[name=ORDER_FORM] .my-lg-n1 { margin-bottom: -0.25rem !important; } form[name=ORDER_FORM] .ml-lg-n1, form[name=ORDER_FORM] .mx-lg-n1 { margin-left: -0.25rem !important; } form[name=ORDER_FORM] .m-lg-n2 { margin: -0.5rem !important; } form[name=ORDER_FORM] .mt-lg-n2, form[name=ORDER_FORM] .my-lg-n2 { margin-top: -0.5rem !important; } form[name=ORDER_FORM] .mr-lg-n2, form[name=ORDER_FORM] .mx-lg-n2 { margin-right: -0.5rem !important; } form[name=ORDER_FORM] .mb-lg-n2, form[name=ORDER_FORM] .my-lg-n2 { margin-bottom: -0.5rem !important; } form[name=ORDER_FORM] .ml-lg-n2, form[name=ORDER_FORM] .mx-lg-n2 { margin-left: -0.5rem !important; } form[name=ORDER_FORM] .m-lg-n3 { margin: -1rem !important; } form[name=ORDER_FORM] .mt-lg-n3, form[name=ORDER_FORM] .my-lg-n3 { margin-top: -1rem !important; } form[name=ORDER_FORM] .mr-lg-n3, form[name=ORDER_FORM] .mx-lg-n3 { margin-right: -1rem !important; } form[name=ORDER_FORM] .mb-lg-n3, form[name=ORDER_FORM] .my-lg-n3 { margin-bottom: -1rem !important; } form[name=ORDER_FORM] .ml-lg-n3, form[name=ORDER_FORM] .mx-lg-n3 { margin-left: -1rem !important; } form[name=ORDER_FORM] .m-lg-n4 { margin: -1.5rem !important; } form[name=ORDER_FORM] .mt-lg-n4, form[name=ORDER_FORM] .my-lg-n4 { margin-top: -1.5rem !important; } form[name=ORDER_FORM] .mr-lg-n4, form[name=ORDER_FORM] .mx-lg-n4 { margin-right: -1.5rem !important; } form[name=ORDER_FORM] .mb-lg-n4, form[name=ORDER_FORM] .my-lg-n4 { margin-bottom: -1.5rem !important; } form[name=ORDER_FORM] .ml-lg-n4, form[name=ORDER_FORM] .mx-lg-n4 { margin-left: -1.5rem !important; } form[name=ORDER_FORM] .m-lg-n5 { margin: -3rem !important; } form[name=ORDER_FORM] .mt-lg-n5, form[name=ORDER_FORM] .my-lg-n5 { margin-top: -3rem !important; } form[name=ORDER_FORM] .mr-lg-n5, form[name=ORDER_FORM] .mx-lg-n5 { margin-right: -3rem !important; } form[name=ORDER_FORM] .mb-lg-n5, form[name=ORDER_FORM] .my-lg-n5 { margin-bottom: -3rem !important; } form[name=ORDER_FORM] .ml-lg-n5, form[name=ORDER_FORM] .mx-lg-n5 { margin-left: -3rem !important; } form[name=ORDER_FORM] .m-lg-auto { margin: auto !important; } form[name=ORDER_FORM] .mt-lg-auto, form[name=ORDER_FORM] .my-lg-auto { margin-top: auto !important; } form[name=ORDER_FORM] .mr-lg-auto, form[name=ORDER_FORM] .mx-lg-auto { margin-right: auto !important; } form[name=ORDER_FORM] .mb-lg-auto, form[name=ORDER_FORM] .my-lg-auto { margin-bottom: auto !important; } form[name=ORDER_FORM] .ml-lg-auto, form[name=ORDER_FORM] .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { form[name=ORDER_FORM] .m-xl-0 { margin: 0 !important; } form[name=ORDER_FORM] .mt-xl-0, form[name=ORDER_FORM] .my-xl-0 { margin-top: 0 !important; } form[name=ORDER_FORM] .mr-xl-0, form[name=ORDER_FORM] .mx-xl-0 { margin-right: 0 !important; } form[name=ORDER_FORM] .mb-xl-0, form[name=ORDER_FORM] .my-xl-0 { margin-bottom: 0 !important; } form[name=ORDER_FORM] .ml-xl-0, form[name=ORDER_FORM] .mx-xl-0 { margin-left: 0 !important; } form[name=ORDER_FORM] .m-xl-1 { margin: 0.25rem !important; } form[name=ORDER_FORM] .mt-xl-1, form[name=ORDER_FORM] .my-xl-1 { margin-top: 0.25rem !important; } form[name=ORDER_FORM] .mr-xl-1, form[name=ORDER_FORM] .mx-xl-1 { margin-right: 0.25rem !important; } form[name=ORDER_FORM] .mb-xl-1, form[name=ORDER_FORM] .my-xl-1 { margin-bottom: 0.25rem !important; } form[name=ORDER_FORM] .ml-xl-1, form[name=ORDER_FORM] .mx-xl-1 { margin-left: 0.25rem !important; } form[name=ORDER_FORM] .m-xl-2 { margin: 0.5rem !important; } form[name=ORDER_FORM] .mt-xl-2, form[name=ORDER_FORM] .my-xl-2 { margin-top: 0.5rem !important; } form[name=ORDER_FORM] .mr-xl-2, form[name=ORDER_FORM] .mx-xl-2 { margin-right: 0.5rem !important; } form[name=ORDER_FORM] .mb-xl-2, form[name=ORDER_FORM] .my-xl-2 { margin-bottom: 0.5rem !important; } form[name=ORDER_FORM] .ml-xl-2, form[name=ORDER_FORM] .mx-xl-2 { margin-left: 0.5rem !important; } form[name=ORDER_FORM] .m-xl-3 { margin: 1rem !important; } form[name=ORDER_FORM] .mt-xl-3, form[name=ORDER_FORM] .my-xl-3 { margin-top: 1rem !important; } form[name=ORDER_FORM] .mr-xl-3, form[name=ORDER_FORM] .mx-xl-3 { margin-right: 1rem !important; } form[name=ORDER_FORM] .mb-xl-3, form[name=ORDER_FORM] .my-xl-3 { margin-bottom: 1rem !important; } form[name=ORDER_FORM] .ml-xl-3, form[name=ORDER_FORM] .mx-xl-3 { margin-left: 1rem !important; } form[name=ORDER_FORM] .m-xl-4 { margin: 1.5rem !important; } form[name=ORDER_FORM] .mt-xl-4, form[name=ORDER_FORM] .my-xl-4 { margin-top: 1.5rem !important; } form[name=ORDER_FORM] .mr-xl-4, form[name=ORDER_FORM] .mx-xl-4 { margin-right: 1.5rem !important; } form[name=ORDER_FORM] .mb-xl-4, form[name=ORDER_FORM] .my-xl-4 { margin-bottom: 1.5rem !important; } form[name=ORDER_FORM] .ml-xl-4, form[name=ORDER_FORM] .mx-xl-4 { margin-left: 1.5rem !important; } form[name=ORDER_FORM] .m-xl-5 { margin: 3rem !important; } form[name=ORDER_FORM] .mt-xl-5, form[name=ORDER_FORM] .my-xl-5 { margin-top: 3rem !important; } form[name=ORDER_FORM] .mr-xl-5, form[name=ORDER_FORM] .mx-xl-5 { margin-right: 3rem !important; } form[name=ORDER_FORM] .mb-xl-5, form[name=ORDER_FORM] .my-xl-5 { margin-bottom: 3rem !important; } form[name=ORDER_FORM] .ml-xl-5, form[name=ORDER_FORM] .mx-xl-5 { margin-left: 3rem !important; } form[name=ORDER_FORM] .p-xl-0 { padding: 0 !important; } form[name=ORDER_FORM] .pt-xl-0, form[name=ORDER_FORM] .py-xl-0 { padding-top: 0 !important; } form[name=ORDER_FORM] .pr-xl-0, form[name=ORDER_FORM] .px-xl-0 { padding-right: 0 !important; } form[name=ORDER_FORM] .pb-xl-0, form[name=ORDER_FORM] .py-xl-0 { padding-bottom: 0 !important; } form[name=ORDER_FORM] .pl-xl-0, form[name=ORDER_FORM] .px-xl-0 { padding-left: 0 !important; } form[name=ORDER_FORM] .p-xl-1 { padding: 0.25rem !important; } form[name=ORDER_FORM] .pt-xl-1, form[name=ORDER_FORM] .py-xl-1 { padding-top: 0.25rem !important; } form[name=ORDER_FORM] .pr-xl-1, form[name=ORDER_FORM] .px-xl-1 { padding-right: 0.25rem !important; } form[name=ORDER_FORM] .pb-xl-1, form[name=ORDER_FORM] .py-xl-1 { padding-bottom: 0.25rem !important; } form[name=ORDER_FORM] .pl-xl-1, form[name=ORDER_FORM] .px-xl-1 { padding-left: 0.25rem !important; } form[name=ORDER_FORM] .p-xl-2 { padding: 0.5rem !important; } form[name=ORDER_FORM] .pt-xl-2, form[name=ORDER_FORM] .py-xl-2 { padding-top: 0.5rem !important; } form[name=ORDER_FORM] .pr-xl-2, form[name=ORDER_FORM] .px-xl-2 { padding-right: 0.5rem !important; } form[name=ORDER_FORM] .pb-xl-2, form[name=ORDER_FORM] .py-xl-2 { padding-bottom: 0.5rem !important; } form[name=ORDER_FORM] .pl-xl-2, form[name=ORDER_FORM] .px-xl-2 { padding-left: 0.5rem !important; } form[name=ORDER_FORM] .p-xl-3 { padding: 1rem !important; } form[name=ORDER_FORM] .pt-xl-3, form[name=ORDER_FORM] .py-xl-3 { padding-top: 1rem !important; } form[name=ORDER_FORM] .pr-xl-3, form[name=ORDER_FORM] .px-xl-3 { padding-right: 1rem !important; } form[name=ORDER_FORM] .pb-xl-3, form[name=ORDER_FORM] .py-xl-3 { padding-bottom: 1rem !important; } form[name=ORDER_FORM] .pl-xl-3, form[name=ORDER_FORM] .px-xl-3 { padding-left: 1rem !important; } form[name=ORDER_FORM] .p-xl-4 { padding: 1.5rem !important; } form[name=ORDER_FORM] .pt-xl-4, form[name=ORDER_FORM] .py-xl-4 { padding-top: 1.5rem !important; } form[name=ORDER_FORM] .pr-xl-4, form[name=ORDER_FORM] .px-xl-4 { padding-right: 1.5rem !important; } form[name=ORDER_FORM] .pb-xl-4, form[name=ORDER_FORM] .py-xl-4 { padding-bottom: 1.5rem !important; } form[name=ORDER_FORM] .pl-xl-4, form[name=ORDER_FORM] .px-xl-4 { padding-left: 1.5rem !important; } form[name=ORDER_FORM] .p-xl-5 { padding: 3rem !important; } form[name=ORDER_FORM] .pt-xl-5, form[name=ORDER_FORM] .py-xl-5 { padding-top: 3rem !important; } form[name=ORDER_FORM] .pr-xl-5, form[name=ORDER_FORM] .px-xl-5 { padding-right: 3rem !important; } form[name=ORDER_FORM] .pb-xl-5, form[name=ORDER_FORM] .py-xl-5 { padding-bottom: 3rem !important; } form[name=ORDER_FORM] .pl-xl-5, form[name=ORDER_FORM] .px-xl-5 { padding-left: 3rem !important; } form[name=ORDER_FORM] .m-xl-n1 { margin: -0.25rem !important; } form[name=ORDER_FORM] .mt-xl-n1, form[name=ORDER_FORM] .my-xl-n1 { margin-top: -0.25rem !important; } form[name=ORDER_FORM] .mr-xl-n1, form[name=ORDER_FORM] .mx-xl-n1 { margin-right: -0.25rem !important; } form[name=ORDER_FORM] .mb-xl-n1, form[name=ORDER_FORM] .my-xl-n1 { margin-bottom: -0.25rem !important; } form[name=ORDER_FORM] .ml-xl-n1, form[name=ORDER_FORM] .mx-xl-n1 { margin-left: -0.25rem !important; } form[name=ORDER_FORM] .m-xl-n2 { margin: -0.5rem !important; } form[name=ORDER_FORM] .mt-xl-n2, form[name=ORDER_FORM] .my-xl-n2 { margin-top: -0.5rem !important; } form[name=ORDER_FORM] .mr-xl-n2, form[name=ORDER_FORM] .mx-xl-n2 { margin-right: -0.5rem !important; } form[name=ORDER_FORM] .mb-xl-n2, form[name=ORDER_FORM] .my-xl-n2 { margin-bottom: -0.5rem !important; } form[name=ORDER_FORM] .ml-xl-n2, form[name=ORDER_FORM] .mx-xl-n2 { margin-left: -0.5rem !important; } form[name=ORDER_FORM] .m-xl-n3 { margin: -1rem !important; } form[name=ORDER_FORM] .mt-xl-n3, form[name=ORDER_FORM] .my-xl-n3 { margin-top: -1rem !important; } form[name=ORDER_FORM] .mr-xl-n3, form[name=ORDER_FORM] .mx-xl-n3 { margin-right: -1rem !important; } form[name=ORDER_FORM] .mb-xl-n3, form[name=ORDER_FORM] .my-xl-n3 { margin-bottom: -1rem !important; } form[name=ORDER_FORM] .ml-xl-n3, form[name=ORDER_FORM] .mx-xl-n3 { margin-left: -1rem !important; } form[name=ORDER_FORM] .m-xl-n4 { margin: -1.5rem !important; } form[name=ORDER_FORM] .mt-xl-n4, form[name=ORDER_FORM] .my-xl-n4 { margin-top: -1.5rem !important; } form[name=ORDER_FORM] .mr-xl-n4, form[name=ORDER_FORM] .mx-xl-n4 { margin-right: -1.5rem !important; } form[name=ORDER_FORM] .mb-xl-n4, form[name=ORDER_FORM] .my-xl-n4 { margin-bottom: -1.5rem !important; } form[name=ORDER_FORM] .ml-xl-n4, form[name=ORDER_FORM] .mx-xl-n4 { margin-left: -1.5rem !important; } form[name=ORDER_FORM] .m-xl-n5 { margin: -3rem !important; } form[name=ORDER_FORM] .mt-xl-n5, form[name=ORDER_FORM] .my-xl-n5 { margin-top: -3rem !important; } form[name=ORDER_FORM] .mr-xl-n5, form[name=ORDER_FORM] .mx-xl-n5 { margin-right: -3rem !important; } form[name=ORDER_FORM] .mb-xl-n5, form[name=ORDER_FORM] .my-xl-n5 { margin-bottom: -3rem !important; } form[name=ORDER_FORM] .ml-xl-n5, form[name=ORDER_FORM] .mx-xl-n5 { margin-left: -3rem !important; } form[name=ORDER_FORM] .m-xl-auto { margin: auto !important; } form[name=ORDER_FORM] .mt-xl-auto, form[name=ORDER_FORM] .my-xl-auto { margin-top: auto !important; } form[name=ORDER_FORM] .mr-xl-auto, form[name=ORDER_FORM] .mx-xl-auto { margin-right: auto !important; } form[name=ORDER_FORM] .mb-xl-auto, form[name=ORDER_FORM] .my-xl-auto { margin-bottom: auto !important; } form[name=ORDER_FORM] .ml-xl-auto, form[name=ORDER_FORM] .mx-xl-auto { margin-left: auto !important; } } /*# sourceMappingURL=bootstrap.css.map */ /* End */ /* Start:/local/templates/Tonnag-copy/vendors/slick/slick.min.css?17436043521327*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/local/templates/Tonnag-copy/css/fonts.css?17436043523604*/ @font-face {font-family: "ALSRubl"; src: url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/ALSRubl/ALSRubl.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "MyriadPro-Semibold"; src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Semibold.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "MyriadPro-Regular"; src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Regular.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "MyriadPro-Bold"; src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/MyriadPro/MyriadPro-Bold.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "OpenSans-Regular"; src: url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Regular.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "OpenSans-Semibold"; src: url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.woff2") format("woff2"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/OpenSans/OpenSans-Semibold.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } @font-face {font-family: "slick"; src: url("/local/templates/Tonnag-copy/css/slick/slick.eot"); /* IE9*/ src: url("/local/templates/Tonnag-copy/css/slick/slick.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("/local/templates/Tonnag-copy/css/slick/slick.woff") format("woff"), /* chrome、firefox */ url("/local/templates/Tonnag-copy/css/slick/slick.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url("/local/templates/Tonnag-copy/css/slick/slick.svg#ALSRubl") format("svg"); /* iOS 4.1- */ } /* End */ /* Start:/local/templates/Tonnag-copy/css/all.css?174592543172698*/ /*! * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ input:focus-visible { outline: none !important; } .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\f95b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\f952"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\f905"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\f95c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\f95d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\f95e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\f95f"; } .fa-handshake-slash:before { content: "\f960"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\f961"; } .fa-head-side-cough-slash:before { content: "\f962"; } .fa-head-side-mask:before { content: "\f963"; } .fa-head-side-virus:before { content: "\f964"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\f965"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\f955"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\f966"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\f967"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\f956"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\f968"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\f969"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\f96a"; } .fa-pump-soap:before { content: "\f96b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; color: #0577fd; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\f96c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\f957"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\f96e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\f96f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\f970"; } .fa-store-slash:before { content: "\f971"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\f972"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\f974"; } .fa-virus-slash:before { content: "\f975"; } .fa-viruses:before { content: "\f976"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.eot"); src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.woff2") format("woff2"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.woff") format("woff"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.ttf") format("truetype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.eot"); src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.woff2") format("woff2"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.woff") format("woff"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.ttf") format("truetype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.eot"); src: url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.woff2") format("woff2"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.woff") format("woff"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.ttf") format("truetype"), url("/local/templates/Tonnag-copy/css/../webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-weight: 900; } /* End */ /* Start:/local/templates/Tonnag-copy/css/style.css?174729821065122*/ /*input { margin: 40px 25px; width: 200px; display: block; border: none; padding: 10px 0; border-bottom: solid 1px #0577FD; transition: all 0.3s cubic-bezier(.64,.09,.08,1); background: linear-gradient(to bottom, rgba(255,255,255,0) 96%, $color 4%); background-position: -200px 0; background-size: 200px 100%; background-repeat: no-repeat; color: darken($color, 20%); &:focus, &:valid { box-shadow: none; outline: none; background-position: 0 0; &::-webkit-input-placeholder { color: #0577FD !important; font-size: 11px; transform: translateY(-20px); visibility: visible !important; } } }*/ .btn { padding: 8px; /*height: 40px;*/ } .main-color { background-color: #0577FD; } .bg-color-gray { background-color: #ebebeb; } a.btn:focus { box-shadow: unset; } a.btn .badge { top: 10px; right: 15px; background-color: #0577FD; color: #ffffff; font-weight: bold; } a.btn .badge.shopping { color: #0577FD; background-color: #ffffff; } a.btn.buy { background-color: #343e48; } a.btn.money { font-weight: bold; } a.btn.nav-link { font: 14px "MyriadPro-Bold", sans-serif; color: #333e48; } a.btn.nav__menu { color: #333e48; font-size: 14px; padding: 0; text-align: left; } .btn-danger { padding: 8px; height: 40px; } btn.btn-primary { background-color: #0577FD; border-color: transparent; /*font-size: 15px;*/ padding-left: 52px; padding-right: 52px; padding: 9px; margin-top: 15px; } btn.btn-link { background-color: #0577FD; border-color: transparent; /*font-size: 15px;*/ padding-left: 52px; padding-right: 52px; padding: 9px; margin-top: 15px; } /*.btn-sm { padding: 8px; max-height: 40px; }*/ .btn.btn-primary.filter { padding-left: 14px; padding-right: 14px; font-size: 14px; max-height: 40px; } a.btn.chosen { color: #848484; padding: 0; font-size: 13px; } a.btn-circle { background-color: #e6e6e6; padding: 5px 7px; } a.btn-pill { background-color: #0577FD; color: #ffffff; font-weight: 700; } a.btn-arrow { background-color: #0577FD; padding: 1.5px 6px; border: 0; font-size: 1rem; line-height: 1; } a.order-title { display: block; text-align: center; color: #0062bd; font: 23px "MyriadPro-Bold", sans-serif; } a.order-title:hover { text-decoration: none; } a.card-link { color: #0062bd !important; text-align: left; border: 0; padding: 0; border-radius: 0; } a.card-link:hover { text-decoration: none; } a.card-link:focus { box-shadow: unset; } a.tab-title { font: 17px "MyriadPro-Regular", sans-serif !important; } .link-color { color: #343a40; } a.menu-title { font-size: 16px; } a.news-btn { font-size: 14px; border-radius: 50px; background-color: #dddddd; color: #343a40; } a.news-btn:hover { background-color: #0577FD; color: #ffffff; font-weight: bold; } span.gray { color: #a5a5a5; } span.family-font { font: 14px "OpenSans-Regular", sans-serif; font-style: italic; color: #adadad; border: 1px solid #dddddd; position: absolute; background-color: #ffffff; top: 44%; right: -30px; } span.family-font.circle-position { top: -30px; left: 44%; right: auto; } span.currency { font: 600 17px "ALSRubl", sans-serif; font-style: normal; } span.currency.price { color: #ee0000; font-size: 30px; transform: translateY(-10px); } span.currency.new-price { color: #ee0000; font: 20px "MyriadPro-Regular", sans-serif; } span.currency.upper { position: absolute; top: 20px; z-index: 1000; font-size: 25px; } span.currency.total { font-size: 34px; font-weight: 300; } span.text-bigger { font: 31px "MyriadPro-Bold", sans-serif; text-transform: none; line-height: 1; } span.text-bigger.percent { position: absolute; top: 0; left: 25px; } span.normal-text { font-size: 15px; } span.sale { font-size: 20px; } span.sale a { color: #333e48; line-height: 1.5; } span.credo-text { text-transform: uppercase; color: #ffffff; } span.credo-price { font-size: 48px; line-height: 1; } span.text-big { font-size: 31px; text-transform: uppercase; line-height: 1; } span.price-order { font-size: 35px; } span.family { font: 700 18px 'OpenSans-Semibold', sans-serif; } span.table-text { font-size: 12px; } span.text-biggest { font-size: 24px !important; } span.title-slide { font-size: 41px; } .checkout-line { font-family: 'OpenSans-Semibold', sans-serif; } .checkout-height { line-height: 1.8; } .checkout-price { font-family: "ALSRubl", sans-serif; } .small-text-size { font-size: 11px; } .text-size { font-size: 14px !important; } .text-smaller { font-size: 12px; } .text-color-main { color: #0577FD; } .text-size-second { font-size: 18px !important; } .text-line-height { line-height: 2; } .carousel-subtitle { font: 15px "MyriadPro-Bold", sans-serif !important; } .card-title { color: #333e48; font-size: 18px; text-transform: uppercase; line-height: 1; } .bg-success { background-color: #0577FD !important; } .circle-and-line { border-right: 1px solid #dddddd; position: relative; } .circle-and-border { border-bottom: 1px solid #dddddd; position: relative; } .contacts-map { width: 100%; height: 380px; background-image: url(/local/templates/Tonnag-copy/css/../img/map-base.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-right: 0; padding-left: 0; } textarea#message { border-radius: 15px; overflow: hidden; resize: none; } .timer { font-size: 30px; } .timer .xtimer { width: 56px; height: 40px; text-align: center; background-color: #e6e6e6; border-radius: 5px; font-family: "OpenSans-Regular", sans-serif; } .timertxt_box{ } .timertxt_box span { display: inline-block; width: 53px; text-align: center; margin-right: 12px; margin-top: 3px; } .timertxt_box span:last-child{ margin-right: 0px; } .endtimer{ } img.delivery-car { transform: translateY(-7px); } .items-delivery { height: 230px; } /* Dropdown menu list style */ .category-goods { border-top-left-radius: 10px; border-top-right-radius: 10px; } #navbarNavDropdown .nav-item .nav-link { padding-left: 0; } #navbarNavDropdown .nav-item .nav-link.dropdown-toggle { text-transform: uppercase; font-family: "MyriadPro-Semibold", sans-serif; color: #ffffff; } #navbarNavDropdown .nav-item .nav-link.dropdown-toggle::after { display: none; } #navbarNavDropdown .nav-item .dropdown-menu { margin: 0.5rem 0 0; border-radius: 0; border: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #navbarNavDropdown .nav-item .dropdown-menu.show { left: -17px; font-size: 14px; padding: 20px 16px 17px 18px; } #navbarNavDropdown .nav-item .dropdown-menu.show.order-menu { margin-top: 12px; } #navbarNavDropdown .nav-item .dropdown-menu.show .dropdown-item { color: #333e48; padding: 12px 48px 10px 0; border-bottom: 1px solid #dddddd; } #navbarNavDropdown .nav-item .dropdown-menu.show .dropdown-item:hover { background-color: transparent; } #navbarNavDropdown .nav-item .dropdown-menu.show .dropdown-item:focus { background-color: transparent; } #navbarNavDropdown .nav-item .dropdown-menu.show .addClass { position: absolute; transform: translate3d(104%, 0, 0); border-radius: 10px; top: 0; left: 0; will-change: transform; border: 1px solid #dddddd; } #navbarNavDropdown .nav-item .dropdown-submenu { position: relative; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item { color: #333e48; padding: 12px 48px 10px 0; border-bottom: 1px solid #dddddd; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item::after { content: " "; transform: rotate(-90deg); position: absolute; right: 200px; top: 400px; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item:hover { background-color: transparent; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item:focus { background-color: transparent; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item.dropdown-toggle:hover { background-color: transparent; background-image: url("/local/templates/Tonnag-copy/css/../img/next-arrow.svg"); background-repeat: no-repeat; background-size: 15px 15px; background-position: 100%; } #navbarNavDropdown .nav-item .dropdown-submenu .dropdown-item.dropdown-toggle:focus { background-color: transparent; background-image: url("/local/templates/Tonnag-copy/css/../img/next-arrow.svg"); background-repeat: no-repeat; background-size: 15px 15px; background-position: 100%; } .dropdown-toggle::after { display: none; } /* Mobile menu*/ .window-overlay, .window-background { position: fixed; display: none; top: 0; left: 0; z-index: 5000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.64); } @media only screen and (max-width: 991px) { #leftsidebar { top: 0; left: 0; z-index: 6000; background-color: #ffffff; position: fixed; height: 100vh; overflow-y: auto; width: 320px; padding: 30px 15px 20px; display: none; } } @media only screen and (max-width: 991px) { .mobile-menu-close { top: 10px; right: 10px; position: absolute; display: none; } } .mobile-menu { padding-left: 17px; position: relative; display: none; } .mobile-menu .mobile-menu__block { display: none; position: fixed; top: 0; left: 0; width: 240px; height: 100%; background: #fff; z-index: 60000; overflow: hidden; overflow-y: auto; -webkit-transition: left 0.4s ease-in-out; -moz-transition: left 0.4s ease-in-out; -ms-transition: left 0.4s ease-in-out; -o-transition: left 0.4s ease-in-out; transition: left 0.4s ease-in-out; } .mobile-menu .mobile-menu__block::-webkit-scrollbar { width: 0; } .mobile-menu .mobile-menu__block .mobile-menu__head { padding: 16px; position: relative; } .mobile-menu .mobile-menu__block .mobile-menu__head .mobile-menu__close { top: calc(50% - 8px); right: 17px; position: absolute; display: block; } .mobile-menu .mobile-menu__block .mobile-menu__head .mobile-menu__close:hover { cursor: pointer; } .mobile-menu .mobile-menu__block .mobile-menu__head img { display: inline-block; } .mobile-menu .mobile-menu__block .mobile-menu__menu .navbar-nav .nav-item { padding-left: 20px; } .mobile-menu .mobile-menu__block .mobile-menu__menu .navbar-nav .nav-item .nav-link .local-city { border-bottom: 0.5px dashed #0577FD; } .mobile-menu .mobile-menu__block .mobile-menu__menu .navbar-nav .nav-item .nav-link.dropdown-toggle { font-family: "MyriadPro-Semibold", sans-serif; color: #334141; } .mobile-menu .mobile-menu__block .mobile-menu__menu .navbar-nav .nav-item .nav-link.dropdown-toggle::after { display: none; } @media only screen and (max-width: 768px) { .mobile-menu { display: block; } } /* Main card */ .container-fluid .item-card:nth-child(3n) .category-block:after { opacity: 0; } @media screen and (max-width: 768px) { .container-fluid .item-card:nth-child(3n) .category-block:after { opacity: unset; } .container-fluid .item-card:nth-child(2n) .category-block:after { opacity: 0; } } @media screen and (max-width: 575px) { .container-fluid .item-card .category-block:after { opacity: 0; display: none; } } .card { border: none; border-radius: unset; position: relative; display: block; } .card.first-block-size { height: 350px; } .card.category-block { height: 500px; position: relative; } .card.category-block:after { content: ""; display: block; position: absolute; top: 60px; height: 85%; width: 1px; background-color: #eaeaea; } .card.category-block:after { right: 0; } .card.category-block:hover:after { opacity: 0; } .card:hover { z-index: 20; } .card:hover .card-body .card-bottom a.btn-circle { background-color: #0577FD; } .card:hover .card-body:before { opacity: 1; display: block; } .card:hover .card-body .card-footer { display: block; } .card.sale .price { color: #ee0000; } .card .price { font-size: 20px; } .card .old-price { font-size: 13px; } .card .card-body { min-height: 100%; position: relative; } .card .card-body.inline-tabs { padding-right: 14px; padding-left: 16px; } .card .card-body img.card-img { max-height: 185px; max-width: 100%; } .card .card-body img.second-block-img { max-width: 100%; max-height: 200px; } .card .card-body .card-footer { background-color: transparent; padding: 0; display: none; } .card .card-body:before { position: absolute; left: 0; top: 0; z-index: -1; display: none; width: 100%; height: 100%; min-height: var(--title-height); -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 16px rgba(0, 0, 0, 0.24); background-color: #fff; opacity: 0; content: ""; } .slide-block .card:hover { z-index: 20; } .slide-block .card:hover .card-body .card-bottom a.btn-circle { background-color: #0577FD; } .slide-block .card:hover .card-body .card-bottom a.btn-circle span.basket { display: inline-block !important; color: #ffffff; } .slide-block .card:hover .card-body:before { opacity: 0; display: none; } #productcat .card .card-body { min-height: 100%; } #productcat .card .card-body .card-bottom { position: absolute; bottom: 10px; width: calc(100% - 40px); } /* Nav TABS */ .nav-tabs { font-size: 20px; } .nav-tabs .nav-link { position: relative; color: #343f49; } .nav-tabs .nav-link.active { border-color: transparent; border-bottom: 2px solid #0577FD; font-family: "MyriadPro-Bold", sans-serif; } .nav-tabs .nav-link.active::after { content: " "; position: absolute; width: 14px; height: 6px; background-color: #0577FD; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; bottom: -6px; left: 43.2%; z-index: 1000; } .nav-tabs .nav-link.active:hover { border-bottom: 2px solid #0577FD; } .nav-tabs .nav-link:hover { border-color: rgba(255, 255, 255, 0); } .nav-tabs.nav-category-block { padding: 7px 16px; } .nav-tabs.nav-category-block .nav-category { padding: 5px; border-radius: 4px; } .nav-tabs.nav-category-block .nav-category.active { background-color: #ffffff; border: 1px solid #e3e3e3; } .nav-tabs.nav-category-block .active-list-num { padding: 8px 18px; } .nav-tabs.nav-category-block .pagination-cat-top { position: absolute; right: 40px; top: 35px; } .arrow-pagination-next { transform: rotate(180deg); } /* Nav TABS second block */ .nav-tabs .tab-title.nav-link.active { font: 17px "MyriadPro-Regular", sans-serif !important; background-color: transparent; } .nav-tabs #nav-tabContent-2 .card .card-body { padding: 30px; } /* Carousel */ .carousel .carousel-control-next, .carousel .carousel-control-prev { width: auto; } .carousel .tab-indicators { bottom: -50px; } .carousel .carousel-control-prev { left: -5px; } .carousel .carousel-control-next { right: -5px; } .carousel .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.35 44'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-miterlimit:10; stroke-width:6px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eprev%3C/title%3E%3Cpolyline class='cls-1' points='20.35 1 1.35 22 20.35 43'/%3E%3C/svg%3E"); } .carousel .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.35 44'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;stroke:%23000;stroke-linecap:round; stroke-miterlimit:10;stroke-width:6px;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='1 1 20 22 1 43'/%3E%3C/svg%3E"); } /*Nav BAR*/ .container-fluid form#coupon, .container form#coupon, .container-xl form#coupon, .container-lg form#coupon, .container-md form#coupon, .container-sm form#coupon { border: 1px solid #dddddd !important; } .container-fluid form.form-inline, .container form.form-inline, .container-xl form.form-inline, .container-lg form.form-inline, .container-md form.form-inline, .container-sm form.form-inline { border: 2px solid #0577FD; border-right: 2.5px; border-radius: 37px; width: 100%; height: auto; /*overflow: hidden;*/ } .container-fluid form.form-inline input[type=text], .container form.form-inline input[type=text], .container-xl form.form-inline input[type=text], .container-lg form.form-inline input[type=text], .container-md form.form-inline input[type=text], .container-sm form.form-inline input[type=text] { width: 90%; /*border-radius: 0;*/ border: 1px solid transparent; padding: 8px 0 8px 30px; color: #a0a0a0; border-radius: 37px; font: 15px "MyriadPro-Regular", sans-serif; } .container-fluid form.form-inline input[type=text].search-card, .container form.form-inline input[type=text].search-card, .container-xl form.form-inline input[type=text].search-card, .container-lg form.form-inline input[type=text].search-card, .container-md form.form-inline input[type=text].search-card, .container-sm form.form-inline input[type=text].search-card { height: 40px; } @media only screen and (max-width: 576px) { .container-fluid form.form-inline input[type=text], .container form.form-inline input[type=text], .container-xl form.form-inline input[type=text], .container-lg form.form-inline input[type=text], .container-md form.form-inline input[type=text], .container-sm form.form-inline input[type=text] { border-radius: 40px; } } .container-fluid form.form-inline a.search, .container form.form-inline a.search, .container-xl form.form-inline a.search, .container-lg form.form-inline a.search, .container-md form.form-inline a.search, .container-sm form.form-inline a.search { background-color: #0577FD; width: 10%; border-radius: 0; padding: 8px; } .container-fluid form.form-inline a.search.btn .badge, .container form.form-inline a.search.btn .badge, .container-xl form.form-inline a.search.btn .badge, .container-lg form.form-inline a.search.btn .badge, .container-md form.form-inline a.search.btn .badge, .container-sm form.form-inline a.search.btn .badge { top: 10px; right: 15px; background-color: #0577FD; } .container-fluid form.form-inline input[type=email], .container form.form-inline input[type=email], .container-xl form.form-inline input[type=email], .container-lg form.form-inline input[type=email], .container-md form.form-inline input[type=email], .container-sm form.form-inline input[type=email] { height: 40px; width: 77%; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-left: 0; } @media only screen and (max-width: 576px) { .container-fluid form.form-inline input[type=email], .container form.form-inline input[type=email], .container-xl form.form-inline input[type=email], .container-lg form.form-inline input[type=email], .container-md form.form-inline input[type=email], .container-sm form.form-inline input[type=email] { border-radius: 40px; } } .container-fluid form.form-inline a.btn, .container form.form-inline a.btn, .container-xl form.form-inline a.btn, .container-lg form.form-inline a.btn, .container-md form.form-inline a.btn, .container-sm form.form-inline a.btn { border-radius: unset; } .container-fluid form.form-inline a.submit-btn, .container form.form-inline a.submit-btn, .container-xl form.form-inline a.submit-btn, .container-lg form.form-inline a.submit-btn, .container-md form.form-inline a.submit-btn, .container-sm form.form-inline a.submit-btn { font-size: 14px; padding-left: 10px; padding-top: 8px; border-radius: unset; height: 40px; width: 23%; background-color: #333e48; } .container-fluid form.form-inline a.submit-btn.search, .container form.form-inline a.submit-btn.search, .container-xl form.form-inline a.submit-btn.search, .container-lg form.form-inline a.submit-btn.search, .container-md form.form-inline a.submit-btn.search, .container-sm form.form-inline a.submit-btn.search { width: 10%; } @media only screen and (max-width: 576px) { .container-fluid form.form-inline a.submit-btn, .container form.form-inline a.submit-btn, .container-xl form.form-inline a.submit-btn, .container-lg form.form-inline a.submit-btn, .container-md form.form-inline a.submit-btn, .container-sm form.form-inline a.submit-btn { transform: translateX(-20px); border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 5px 8px; } } .container-fluid form.form-inline a#coupon-btn, .container form.form-inline a#coupon-btn, .container-xl form.form-inline a#coupon-btn, .container-lg form.form-inline a#coupon-btn, .container-md form.form-inline a#coupon-btn, .container-sm form.form-inline a#coupon-btn { line-height: 42px; height: 42px; position: relative; top: -1px; margin-bottom: -2px; border-radius: 0 37px 37px 0; } @media only screen and (max-width: 576px) { .container-fluid form.form-inline a#coupon-btn, .container form.form-inline a#coupon-btn, .container-xl form.form-inline a#coupon-btn, .container-lg form.form-inline a#coupon-btn, .container-md form.form-inline a#coupon-btn, .container-sm form.form-inline a#coupon-btn { transform: translateX(0); } } /* Breadcrumb */ .breadcrumb { font-size: 15px; background-color: transparent; color: #334141; margin-bottom: 24px; } .breadcrumb .breadcrumb-item { margin-bottom: 20px; } .breadcrumb .breadcrumb-item a { color: #334141; } .breadcrumb .breadcrumb-item.active { color: #334141; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #334141; content: ">"; padding-right: 15px; } /* Table */ .table-block { border: 1px solid #dee2e6; border-radius: 15px; } table.table th { width: 30%; text-align: left; } table.table th[scope=col] { font: 400 18px "MyriadPro-Regular", sans-serif; padding-left: 0; } table.table-basket { border-collapse: collapse; border-spacing: 0; width: 100%; } table.table-basket th, table.table-basket td { text-align: left; padding: 10px 20px; } table.table-basket tr.table-border { border-bottom: 1px solid #dddddd; } @media screen and (max-width: 768px) { table.table-basket { border: 0; } table.table-basket thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.table-basket tr { border-bottom: 1px solid #dddddd; display: block; margin-bottom: 30px; } table.table-basket td { display: block; } table.table-basket td::before { content: attr(data-label); float: left; font-weight: bold; font-size: 20px; } table.table-basket td:last-child { border-bottom: 0; } table.table-basket td input.form-control { display: inline-flex; } table.table-basket td span.total-basket { float: right; margin-top: -46px; } } /*Slick Slide*/ .slider { outline: none; } .slider.slider-for { outline: none; max-width: 450px; } .slider.slider-for img { max-height: 450px; } .slider.slider-for.slide { outline: 0; } .slider.slider-nav { outline: none; } .slider.slider-nav .item { width: 70px; min-height: 80px; padding: 15px 5px 0; overflow: hidden; cursor: pointer; } .slider.slider-nav .item.slick-slide { outline: none; } .slider.slider-nav .item.slick-slide.slick-current.slick-active .slider-img { display: inline-block; border-bottom: 2px solid #0577FD; } .slider.slider-nav button { height: 100%; } .slider.slider-nav button.slick-next { background: #ffffff; color: #4e555b; top: 45px; right: -1px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/next-arrow.svg"); background-repeat: no-repeat; background-position: center center; background-size: 25px; width: 32px; height: 70px; } .slider.slider-nav button.slick-next::before { display: none; } .slider.slider-nav button.slick-next:hover { background-color: #ffffff; } .slider.slider-nav button.slick-next.slick-disabled { opacity: 0; } .slider.slider-nav button.slick-prev { background: #ffffff; color: #4e555b; top: 15px; left: -30px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/next-arrow.svg"); background-repeat: no-repeat; transform: rotate(180deg); background-position: center center; background-size: 25px; width: 32px; height: 70px; } .slider.slider-nav button.slick-prev::before { display: none; } .slider.slider-nav button.slick-prev:hover { background-color: #ffffff; } .slider.slider-nav button.slick-prev.slick-disabled { opacity: 0; } .slider.uncycle .item { width: 190px; min-height: 370px; padding: 10px; } .slider.uncycle .item .card { height: 300px; } .slider.uncycle .item.slick-slide { outline: none; } .slider.uncycle.slide { outline: 0; } .slider.uncycle button.slick-next { background: #ffffff; color: #4e555b; top: -35px; right: 0; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); background-repeat: no-repeat; background-position: center center; } .slider.uncycle button.slick-next::before { display: none; } .slider.uncycle button.slick-next:hover { background-color: #ffffff; } .slider.uncycle button.slick-next.slick-disabled { top: -44px; transform: rotate(180deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slider.uncycle button.slick-prev { background: #ffffff; color: #4e555b; top: -44px; left: unset; right: 15px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); transform: rotate(180deg); background-repeat: no-repeat; background-position: center center; } .slider.uncycle button.slick-prev::before { display: none; } .slider.uncycle button.slick-prev:hover { background-color: #ffffff; } .slider.uncycle button.slick-prev.slick-disabled { top: -45px; transform: rotate(0deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slider.category .item { width: 100%; min-height: 130px; padding: 10px; } .slider.category .item .card { height: 100px; } .slider.category .item .card .card-body:before { opacity: 0; } .slider.category .item.slick-slide { outline: none; } .slider.category.slide { outline: 0; } .slider.category button.slick-next { background: #ffffff; color: #4e555b; top: -35px; right: 0; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); background-repeat: no-repeat; background-position: center center; } .slider.category button.slick-next::before { display: none; } .slider.category button.slick-next:hover { background-color: #ffffff; } .slider.category button.slick-next.slick-disabled { top: -44px; transform: rotate(180deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slider.category button.slick-prev { background: #ffffff; color: #4e555b; top: -44px; left: unset; right: 15px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); transform: rotate(180deg); background-repeat: no-repeat; background-position: center center; } .slider.category button.slick-prev::before { display: none; } .slider.category button.slick-prev:hover { background-color: #ffffff; } .slider.category button.slick-prev.slick-disabled { top: -45px; transform: rotate(0deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slider.slider-logos { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 15px 35px 10px 35px; } @media only screen and (max-width: 576px) { .slider.slider-logos { padding: 10px 20px; } } .slider.slider-logos .slider-brand { height: 50px; } .slider.slider-logos .slider-brand img { margin: 0 auto; } .slider.slider-logos.slick-slide { outline: none; } .slider.slider-logos.slide { outline: 0; } .slider.slider-logos button.slick-next { background: #ffffff; color: #4e555b; right: 15px; top: 38px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); background-repeat: no-repeat; background-position: center center; } .slider.slider-logos button.slick-next::before { display: none; } .slider.slider-logos button.slick-next:hover { background-color: #ffffff; } .slider.slider-logos button.slick-next.slick-disabled { top: 28px; transform: rotate(180deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slider.slider-logos button.slick-prev { background: #ffffff; color: #4e555b; top: 28px; left: 15px; z-index: 1000; background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-right-1.svg"); transform: rotate(180deg); background-repeat: no-repeat; background-position: center center; } .slider.slider-logos button.slick-prev::before { display: none; } .slider.slider-logos button.slick-prev:hover { background-color: #ffffff; } .slider.slider-logos button.slick-prev.slick-disabled { transform: rotate(0deg); background-image: url("/local/templates/Tonnag-copy/css/../img/arrow-left.svg"); } .slick-list { z-index: 900; } .slick-dots { bottom: 48px; z-index: 800; } .slick-dots li { margin: 0; height: 14px; width: 14px; padding: 3px; } .slick-dots li.slick-active { width: 36px; } .slick-dots li.slick-active button { width: 30px; } .slick-dots li.slick-active button::before { content: "-"; color: transparent; background-color: #0577FD; width: 30px; border-radius: 8px; opacity: 1; } .slick-dots li.slick-active button:hover:before { opacity: 1; } .slick-dots li button { width: 8px; height: 8px; padding: 0; position: relative; } .slick-dots li button::before { line-height: 8px; width: 8px; height: 8px; font-size: 8px; } .slick-dots li button:hover:before { opacity: 0.25; } .slick-dots li:hover:before { opacity: 0.25; } /* Card of goods */ .order-card { border: 2px solid #dddddd; border-radius: 15px; position: relative; display: block; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .order-card .card-body { padding: 30px 35px 22px 35px; } .order-card::before { opacity: 0; display: none; } span.card-category { color: #979797; font-size: 12px !important; } a { text-decoration: none; } a.reviews-link { color: #acacac; font-family: "OpenSans-Regular", sans-serif; } .goods-info { font: 14px "OpenSans-Regular", sans-serif; color: #7d7d7d; } .goods-info ul { padding-left: 15px; } .border-form { border-bottom: 1px solid #dddddd; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: unset; -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { width: 136px; height: 34px; } span { /*cursor: pointer;*/ } span.quantity-arrow-plus, span.quantity-arrow-minus { width: 20px; height: 20px; font-weight: bold; font-size: 18px; text-align: center; border: 0; border-radius: 50%; background-color: #eeeeee; color: #334049; position: absolute; top: 7px; z-index: 120; } span.quantity-arrow-plus { left: 80px; } span.quantity-arrow-minus { left: 108px; } span:focus { outline: 0; } select.custom-select { background: url("/local/templates/Tonnag-copy/css/../img/arrow-down-black.svg") no-repeat right 0.75rem center / 8px 10px; } select.custom-select:focus { border-color: #dddddd; box-shadow: 0 0 0 0; } input #email-authorization, input #password-authorization, input #email-registration { height: 42px; } input[type=checkbox], #delivery-first, #delivery-second { -webkit-appearance: none; appearance: none; border: 1px solid #dddddd; background-color: #ffffff; box-sizing: border-box; padding: 7px; border-radius: 4px; margin: 0 7px -4px 0; outline: 0; } input[type=checkbox]:checked, #delivery-first:checked, #delivery-second:checked { background: url(/local/templates/Tonnag-copy/css/../img/Check-icon.svg) top no-repeat; background-position: center; -webkit-background-size: 70%; background-size: 70%; background-color: #ffffff; top: 0; left: 0; z-index: 1000; } input[type=checkbox]:after, #delivery-first:after, #delivery-second:after { display: none; opacity: 0; } input[type=checkbox]:checked:after, #delivery-first:checked:after, #delivery-second:checked:after { display: none; opacity: 0; } input[type=radio] { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 18px; border: 2px solid #c6c6c6; background-color: #ffffff; box-sizing: border-box; padding: 9px; margin: 14px 25px -4px 0; outline: 0; position: relative; } input[type=radio]:after { content: " "; opacity: 0; display: block; position: absolute; width: 10px; height: 10px; border-radius: 10px; background-color: #0577FD; top: 4px; left: 4px; z-index: 10; } input[type=radio]:checked:after { opacity: 1; } /* Brand category choose*/ .brand-choose { display: block; } .brand-choose input[type=checkbox]:checked { background-image: unset; background-color: #0577FD; border: 0; } .brand-choose input[type=checkbox]:after { display: none; opacity: 0; } .brand-choose input[type=checkbox]:checked:after { display: none; opacity: 0; } header .container-fluid { border-bottom: 2px solid #e8e8e8; font-size: 13px; } header .container-fluid a.btn { font-size: 13px; } section #carouselExampleCaptions .carousel-inner .carousel-item, article #carouselExampleCaptions .carousel-inner .carousel-item { height: 425px; min-height: 425px; overflow: hidden; } section #carouselExampleCaptions .carousel-inner .carousel-item img, article #carouselExampleCaptions .carousel-inner .carousel-item img { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 425px; position: absolute; } section .carousel-indicators li, article .carousel-indicators li { width: 8px; height: 8px; border-radius: 8px; border: unset; background-color: #bcbcbc; } section .carousel-indicators li.active, article .carousel-indicators li.active { width: 30px; background-color: #0577FD; border-radius: 8px; height: 8px; } section .carousel-indicators.carousel-indicators-right, article .carousel-indicators.carousel-indicators-right { right: 410px; } @media only screen and (max-width: 768px) { section .carousel-indicators.carousel-indicators-right, article .carousel-indicators.carousel-indicators-right { right: auto; } } section .carousel-caption, article .carousel-caption { right: 22%; color: #333e48; line-height: 1; } section .carousel-caption .carousel-title, article .carousel-caption .carousel-title { font-size: 38px; } @media only screen and (max-width: 576px) { section .carousel-caption .carousel-title, article .carousel-caption .carousel-title { font-size: 30px; } } section .carousel-caption .carousel-title span, article .carousel-caption .carousel-title span { font-size: 55px; } @media only screen and (max-width: 576px) { section .carousel-caption .carousel-title span, article .carousel-caption .carousel-title span { font-size: 45px; } } section .carousel-caption.category-slide, article .carousel-caption.category-slide { top: 35px; right: auto; left: 60px; } section .carousel-caption .carousel-price, article .carousel-caption .carousel-price { position: relative; } section .carousel-caption .carousel-price span.bigger, article .carousel-caption .carousel-price span.bigger { font-size: 50px; } @media only screen and (max-width: 576px) { section .carousel-caption .carousel-price span.bigger, article .carousel-caption .carousel-price span.bigger { font-size: 40px; } } section .card-items, article .card-items { background-color: #f5f5f5; border: 0; border-radius: unset; height: 196px; } section .card-items .maximum, article .card-items .maximum { max-width: 180px; } @media only screen and (max-width: 1400px) { section .card-items .maximum, article .card-items .maximum { max-width: 160px; } } @media only screen and (max-width: 1280px) { section .card-items .col-lg-6, article .card-items .col-lg-6 { padding: 0 15px; } } @media only screen and (max-width: 1024px) { section .card-items.row, article .card-items.row { padding-top: 10px; } } @media only screen and (max-width: 1024px) { section .card-items, article .card-items { height: 100%; } } section .card-special-title, article .card-special-title { font: 22px "MyriadPro-Bold", sans-serif; color: #343f49; line-height: 1; } section .card-special, article .card-special { width: 100%; border-radius: 15px; border: 2px solid #0577FD; } section .card-special .card-special-sale, article .card-special .card-special-sale { width: 75px; height: 75px; border-radius: 50%; color: #ffffff; background-color: #0577FD; text-align: center; vertical-align: center; font-size: 12px; position: absolute; padding: 20px 5px; top: 20px; right: 20px; z-index: 2000; } section .credo, article .credo { background-image: url("/local/templates/Tonnag-copy/css/../img/bg_phone.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; } section .visited-order h4, article .visited-order h4 { font-size: 22px; border-bottom: 1px solid #dddddd; position: relative; } @media screen and (max-width: 575px) { section .visited-order h4, article .visited-order h4 { font-size: 18px; } } section .visited-order h4::after, article .visited-order h4::after { content: " "; width: 113px; height: 2px; background-color: #0577FD; position: absolute; bottom: 0; left: 0; z-index: 10; } section .visited-order h4.contacts-title::after, article .visited-order h4.contacts-title::after { content: " "; width: 113px; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 2000; } section .visited-order .visited-order-img, article .visited-order .visited-order-img { max-width: 100%; height: 135px; } section .visited-order a.btn-circle, article .visited-order a.btn-circle { padding: 5px; } section .visited-order a.btn.chosen, article .visited-order a.btn.chosen { font-size: 11px; } section .visited-order .card .old-price, article .visited-order .card .old-price { text-decoration: line-through; color: #787878; font-size: 11px; } section .visited-order .card:hover .card-body .card-footer, article .visited-order .card:hover .card-body .card-footer { display: inline-flex; } section .visited-order .arrow-slide-prev, article .visited-order .arrow-slide-prev { width: 15%; top: -50px; right: 0; left: 96%; bottom: 100%; z-index: 2000; text-align: right; justify-content: end; align-items: end; } section .visited-order .arrow-slide-next, article .visited-order .arrow-slide-next { top: -80px; right: 5px; bottom: 100%; z-index: 2000; } footer { background-color: #eaeaea; } /* dropdown vertical menu */ .accordion #headingThird .active, .accordion #heading-4 .active, .accordion #heading-1 .active, .accordion #heading-2 .active, .accordion #heading-5 .active, .accordion #heading-6 .active, .accordion #heading-8 .active, .accordion #heading-7 .active { font-family: 'MyriadPro-Semibold', sans-serif; } .accordion #headingThird .news-category:hover, .accordion #heading-4 .news-category:hover, .accordion #heading-1 .news-category:hover, .accordion #heading-2 .news-category:hover, .accordion #heading-5 .news-category:hover, .accordion #heading-6 .news-category:hover, .accordion #heading-8 .news-category:hover, .accordion #heading-7 .news-category:hover { font-family: 'MyriadPro-Semibold', sans-serif; } /* Category polzunok */ .polzunok-container-5 * { box-sizing: border-box; outline: none; } .polzunok-container-5 { padding: 10px 0; } .polzunok-container-5:after { content: ""; clear: both; display: table; } .polzunok-container-5 .ui-slider { position: relative; background: #cacaca; height: 2px; border-radius: 10px; } .polzunok-container-5 .ui-slider .ui-slider-handle { position: absolute; margin-left: -8px; width: 16px; height: 16px; cursor: pointer; border-radius: 50%; border: 3px solid #0577FD; top: -5px; background: #FFF; z-index: 2; transition: transform 0.2s, border 0.4s; } .polzunok-container-5 .ui-slider .ui-slider-handle:focus, .polzunok-container-5 .ui-slider .ui-slider-handle:hover { background-color: #0577FD; } .polzunok-container-5 .ui-slider .ui-slider-range { position: absolute; z-index: 1; top: -1px; height: 6px; border: 0; background: #dcdcdc; border-radius: 10px; } .mw70 img { max-width: 70px; max-height: 70px; } .text-none{ color: #ef1d1d!important; } .product-item-amount-description-container{ height: 12px; padding-top: 2px; } .quantity-block span{ user-select: none; } .selectx .selectx_item{ display: none; } .product-item-detail-slider-controls-image { outline: none; } .a_gray a{ color: #a5a5a5; } .likebutton, .likebutton:focus, .likebutton:active{ outline: none; user-select: none; border: none; box-shadow: none; } .detail_brand img{ max-width: 57px; } .vis-img_tov { /* max-width: 135px; */ max-height: 135px; object-fit: cover; } a.btn.nav-link { min-height: 36px; } section .visited-order h1, article .visited-order h1 { font-size: 22px; border-bottom: 1px solid #dddddd; position: relative; } section .visited-order h1::after, article .visited-order h1::after { content: " "; width: 113px; height: 2px; background-color: #0577FD; position: absolute; bottom: 0; left: 0; z-index: 2000; } .about_page h2{ font-size: 1.55rem; } .about_page h3{ font-size: 1.45rem; } .about_page h4{ font-size: 1.35rem; } .about_page h5{ font-size: 1.25rem; } .about_page h6{ font-size: 1.15rem; } .about_page, .about_page ul, .about_page ol, .about_page ol li, .about_page ul li, .about_page p { font-size: 15px; line-height: 20px; } #nav-tabContent .fade { opacity: 1;; } .fx1{ display: flex !important; justify-content: center; } .fx2 { display: flex !important; align-items: flex-end; } /* общий стиль для js для добавления в избранное favourites-new и data-favourites="" отдаст id */ /* .dropdown-menu { display: block !important; } */ span.text-bigger.percent { top: unset; } .new_inputfor-filter { border: none; padding: 0; margin: 0; height: 10px !important; width: 37px !important; display: block; } .new_inputboxfor-filter { display: flex; margin-top: 10px; } .new_inputboxfor-filter .form-group { margin-bottom: 0rem; } .name-filter-padding{ padding-top: 16px !important; } .bx-404-container{ padding: 6rem 0; } .reset_filter { background: none; box-shadow: none; border: none; padding: 0; } .smart-filter-parameters-box:last-child .border-bottom { border-bottom: none !important; } .smart-filter-slider-price-bar-vn{ left: 0 !important; } .max_sizeimg-1{ max-width: 100px; max-height: 100px; } .box_for-catimg{ display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; } .box_for-catimg img { display: block; position: relative; bottom: 1px; } .cat_card:hover { z-index: unset; } /*///////////////////////////////////////////////////////*/ .bx-filter.bx-green .bx-filter-section { background: #fff; } .bx-filter .bx-ui-slider-pricebar-v { z-index: 70; } .bx-ui-slider-handle{ position: absolute; margin-left: -8px; width: 16px !important; height: 16px !important; cursor: pointer !important; border-radius: 50%; border: 3px solid #0577FD; border-bottom: 3px solid #0577FD !important; top: -5px !important; background: #FFF; z-index: 71; transition: transform 0.2s, border 0.4s; } .bx-filter .bx-ui-slider-range { z-index: 72; } .bx-filter.bx-green .bx-ui-slider-pricebar-v { background: #dcdcdc; } .bx-filter.bx-green .bx-ui-slider-pricebar-vd{ } .bx-ui-slider-range{ background: transparent; background: #dcdcdc; } .no_lr-padding{ padding-left: 0 !important; padding-right: 0 !important; } .for_rangefilter{ width: 100% !important; margin-left: 0 !important; } .bx-filter.bx-green .bx-ui-slider-pricebar-vn { position: relative; background: linear-gradient(to top, white 20% 40%, #cacaca 40% 78%, white 10% 80%); height: 7px; border-radius: 10px; box-sizing: border-box; } .bx-filter .bx-ui-slider-track-container { padding-top: 10px !important; padding-bottom: 5px !important; } .bx-filter-parameters-box-container { padding-bottom: 0px; } .filter_reset { background: none; border: none; } .bx-filter { font-family: unset !important; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: inline-block; text-align: left; } .bx-filter-parameters-box:last-child .border-bottom{ border-bottom: none !important; } .nav .nav-item a:hover{ background-color: transparent !important; } .bx-filter .bx-filter-parameters-box-title { padding-bottom: 11px !important; } .bx-filter-input-checkbox input{ outline: none !important; } .bx-ui-slider-pricebar-vn{ left: 0 !important; } .collapse:not(.show) { display: block; } .collapsing { display: block; overflow: visible; height: auto; } .acc_parent{ position: relative; z-index: 1; } .acc_header{ position: relative; z-index: 1; cursor: pointer; } .acc_header a{ user-select: none; } .acc_child{ position: relative; z-index: 3; display: none; } .acc_close { position: absolute; top: 0; height: 0; z-index: 2; } .acc_open > .acc_close{ width: 100%; height: 100%;; } #filter_form .row{ margin-right: 0px; margin-left: 0px; } #filter_form .brand-choose label { margin-bottom: 6px; } .x-arrow{ position: relative; transform: rotate(0deg); transition: 300ms; } .acc_open > .acc_header > a > .x-arrow{ transform: rotate(90deg); transition: 300ms; } .x-arrow2{ position: relative; transform: rotate(-90deg); transition: 300ms; } .acc_open > .acc_header > a > .x-arrow2{ transform: rotate(0deg); transition: 300ms; } .activesect1, .activesect2, .activesect3, .activesect1 a, .activesect2 a{ /* background: rgba(255, 0, 0, .3); */ font-weight: 900 !important; } .acc_first{ border-bottom: 1px solid transparent; transition: 300ms; } .acc_open .acc_first{ border-bottom: 1px solid #dee2e6; transition: 300ms; } #main_menu .dropdown-menu{ display: block; } #navbarNavDropdown a, #navbarNavDropdown li{ cursor: pointer; } #navbarNavDropdown .nav-item .dropdown-menu.show .addClass { position: absolute; transform: translate3d(0%, 0, 0); border-radius: 10px; top: 0; left: 103%; will-change: transform; border: 1px solid #dddddd; } #navbarNavDropdown li{ position: relative; } .li_arrow{ background-color: transparent; background-repeat: no-repeat; background-size: 15px 15px; background-position: 100%; transition: 300ms; } .li_arrow:hover{ background-image: url("/local/templates/Tonnag-copy/css/../img/next-arrow.svg"); transition: 300ms; } .infospan { text-align: right; width: 137px; display: inline-block; background: #a3e8a5; margin-bottom: 2px; } .infospan2 { text-align: right; display: inline-block; background: #afe4b1; margin-left: 3px; } .fx0{ display: flex; } .sku_box { height: 14px; display: block; } .bx-rating-icon-container { margin-right: 0px; } .input_contact_1 { padding-right: 5px; } .input_contact_2{ padding-left: 5px; } textarea#message { border-radius: 23px; } #delivery_2{ display: none; } .forget_a, .forget_a:hover{ color: #334141; } .forget_form-box{ } .forget_form{ } .bx-authform { width: 500px; } .nav_string-section .col-12 { width: fit-content; margin-left: auto; padding: 0; } .nav_string-section .border-top { border-top: none!important; } .xtimer { display: block; width: 50px !important; padding-top: 4px; } #productcat { margin-top: 20px; } .timer { display: flex; } .card_img1 { min-height: 185px; display: flex !important; justify-content: center; align-items: center; } #main_page-tabs .text-smaller{ display: none !important; } .card:hover .card-body .card-footer{ display: flex; justify-content: space-between !important; } #main_page-tabs .its_blockvote{ display: none !important; } .card_footer-item{ } #main_page-tabs .card { height: 350px; } .new_active{ font-weight: 900; } .news_filter { visibility: hidden; } div.search-item, table.search-filter td { border-color: #0577FD57; } .search-button{ } .agreement_txt { padding-top: 25px; } /*////////////////////////////////////////////////////// страница оформления */ .soa_person_type{ } #soa .soa_textarea{ border-radius: 10px; } #soa .soa_location-input{ border-radius: 50rem!important; } .soa_location-input_box{ } #soa .bx-sls .dropdown-block { border: 1px solid #ced4da; border-radius: 50rem; box-shadow: none; height: calc(1.5em + .75rem + 2px); padding-top: 2px; padding-bottom: .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; position: relative; } #soa .bx-sls .dropdown-fade2white { border-radius: 50% !important; } .w100{ width: 100%; } .soa_props-item { margin-top: 5px; } #soa .delivery_c-box input[type=radio], #soa .delivery_c-box input[type=checkbox]{ -webkit-appearance: none; appearance: none; border: 1px solid #dddddd; background-color: #ffffff; box-sizing: border-box; padding: 7px; border-radius: 4px; margin: -1px 7px 0px 0; outline: 0; } #soa .delivery_c-box input[type=radio]:checked:after { background: url(/local/templates/Tonnag-copy/css/../img/Check-icon.svg) top no-repeat; background-position: center; -webkit-background-size: 70%; background-size: 84%; background-color: #ffffff; top: 3px; left: 3px; z-index: 1000; } #soa .delivery_item { margin-bottom: 8px; display: flex; } #soa .soa_paysystem input[type=radio] { margin: 2px 0px 0px 0; } .bx_ordercart_order_pay_center{ transition: 300ms; } .bx_ordercart_order_pay_center:hover{ background: #4942a7; transition: 300ms; } .bx_ordercart_order_pay_center a, .bx_ordercart_order_pay_center:hover a{ color: #fff !important; text-decoration: none; } .check_agree { opacity: 0.7; } .check_agree a { pointer-events: none; } #navbarNavDropdown .nav-item .dropdown-menu.show.order-menu { z-index: 9999; } .subscribe_form{ } .subscribe_form-box div{ width: 100%; } .catslider_allbox{ margin: -3px !important; display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 700px !important; justify-content: flex-start; align-content: start; } .catslider_item{ box-sizing: border-box; padding: 3px; } .catslider_allbox .catslider_item:nth-child(1), .catslider_allbox .catslider_item:nth-child(2), .catslider_allbox .catslider_item:nth-child(4), .catslider_allbox .catslider_item:nth-child(5){ height: 350px; width: 25%; } .catslider_allbox .catslider_item:nth-child(3){ height: 700px; width: 50%; } .catslider_item-basket{ display: none !important; } .catslider_item-img img { max-height: 185px; width: auto !important; } .catslider_item-img { display: flex; justify-content: center; align-items: center; height: 185px; } .catslider_allbox .catslider_item:nth-child(3) .catslider_item-img img { height: auto !important; max-height: 515px; width: auto !important; max-width: 100%; } .catslider_allbox .catslider_item:nth-child(3) .catslider_item-img { height: 515px; } .catslider_allbox .catslider_item:nth-child(1) .card:hover .card-body .card-bottom a.btn-circle span.basket, .catslider_allbox .catslider_item:nth-child(2) .card:hover .card-body .card-bottom a.btn-circle span.basket, .catslider_allbox .catslider_item:nth-child(4) .card:hover .card-body .card-bottom a.btn-circle span.basket, .catslider_allbox .catslider_item:nth-child(5) .card:hover .card-body .card-bottom a.btn-circle span.basket{ display: none !important; color: #ffffff; } /*////////////////////////////////////////////////*/ .lk_boxlink { display: flex; justify-content: space-between; } .lk_item-box{ } .lk_item { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 170px; width: 170px; border: 3px solid #0577FD; border-radius: 3px; box-sizing: border-box; transition: 300ms; } .lk_item-icon { height: 95px; width: 100%; background-position: center; background-repeat: no-repeat; margin-bottom: 12px; transition: 300ms; } .lk_item-name { font-size: 16px; text-transform: uppercase; font-weight: 700; color: #333e48; transition: 300ms; } .lk_icon-orders{ background-image: url(/local/templates/Tonnag/img/icon/choices1.png); } .lk_icon-private{ background-image: url(/local/templates/Tonnag/img/icon/user1.png); } .lk_icon-history{ background-image: url(/local/templates/Tonnag/img/icon/calendar1.png); } .lk_icon-profiles{ background-image: url(/local/templates/Tonnag/img/icon/gear1.png); } .lk_icon-cart{ background-image: url(/local/templates/Tonnag/img/icon/shopping-cart1.png); } .lk_icon-subscribe{ background-image: url(/local/templates/Tonnag/img/icon/subsctibe1.png); } .lk_icon-logout{ background-image: url(/local/templates/Tonnag/img/icon/log-out1.png); } .lk_icon-heart{ /*background-image: url(/local/templates/Tonnag/img/icon/heart1.png);*/ background-image: url(/local/templates/Tonnag-copy/img/icon/Star.svg); } .lk_active .lk_item, .lk_item:hover{ background: #0577FD; text-decoration: none; transition: 300ms; } .lk_active .lk_item-name, .lk_item:hover .lk_item-name { color: #fff; text-decoration: none; transition: 300ms; } .lk_active .lk_icon-orders, .lk_item:hover .lk_icon-orders{ background-image: url(/local/templates/Tonnag/img/icon/choices2.png); } .lk_active .lk_icon-private, .lk_item:hover .lk_icon-private{ background-image: url(/local/templates/Tonnag/img/icon/user2.png); } .lk_active .lk_icon-history, .lk_item:hover .lk_icon-history{ background-image: url(/local/templates/Tonnag/img/icon/calendar2.png); } .lk_active .lk_icon-profiles, .lk_item:hover .lk_icon-profiles{ background-image: url(/local/templates/Tonnag/img/icon/gear2.png); } .lk_active .lk_icon-cart, .lk_item:hover .lk_icon-cart{ background-image: url(/local/templates/Tonnag/img/icon/shopping-cart2.png); } .lk_active .lk_icon-subscribe, .lk_item:hover .lk_icon-subscribe{ background-image: url(/local/templates/Tonnag/img/icon/subsctibe2.png); } .lk_active .lk_icon-logout, .lk_item:hover .lk_icon-logout{ background-image: url(/local/templates/Tonnag/img/icon/log-out2.png); } .lk_active .lk_icon-heart, .lk_item:hover .lk_icon-heart{ /*background-image: url(/local/templates/Tonnag/img/icon/heart2.png);*/ background-image: url(/local/templates/Tonnag-copy/img/icon/Star-active.svg); } .lk_title-box__name{ font-size: 22px; color: #333e48; font-weight: 600; } .lk_title-box__text{ font-size: 14px; color: #333e48; } .lk_title-box { margin-bottom: 31px; } .pt-32 { padding-top: 32px; } .lk_inputbox { margin-top: 32px; } .lk_key { margin-top: 38px; } .lk_key-submit { color: #fff !important; /*border-radius: 26px;*/ width: 120px; height: 40px; } .key_blue{ background-color: #0577FD; } .key_gray{ background-color: #333e48; } @media (max-width: 1100px){ .lk_boxlink { flex-wrap: wrap; } .lk_item-box { width: 33.333%; box-sizing: border-box; padding: 5px; } .lk_item { width: 100%; } } @media (max-width: 768px){ .lk_item-box { width: 50%; } .lk_item { height: 134px; } .lk_item-icon { height: 55px; background-size: contain; } } @media (max-width: 567px){ .lk_item-box { width: 100%; } .lk_item { height: 120px; } .lk_item-name { font-size: 14px; } .lk_item-icon { height: 48px; } } span.currency { font: 500 17px "ALSRubl", sans-serif; } .cart_image-resize { width: 100px; height: 92px; display: flex !important; justify-content: center !important; align-items: center; } .cart_image-resize img { max-width: 100%; max-height: 100%; } .total_count-prod { width: 19px; height: 19px; border-radius: 21px; padding-top: 4px; text-align: center; font-size: 12px; padding-right: 0; padding-left: 0; } span.price-order { font-weight: 600; } .fw500{ font-weight: 500; } .cart_title-top { margin-bottom: 21px; } .sections_list { padding-top: 30px; display: flex; flex-wrap: wrap; } .section_item-box{ text-decoration: none !important; } .section_item { background: #f5f5f5; margin-bottom: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 30px 0; text-decoration: none !important; transition: 400ms; } .section_item:hover{ background: #dedede; text-decoration: none !important; transition: 400ms; } .section_item:hover .section_item-name{ text-decoration: none !important; } .section_item-img { position: relative; width: 210px; height: 210px; } .section_item-img div { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; } .section_item-name { display: block; font-size: 30px; font-weight: bold; text-decoration: none !important; padding-top: 30px; color: #333e48 !important; max-width: 297px; min-height: 102px; text-align: center; } .bottom_banner { display: flex; align-items: center; text-decoration: none !important; max-height: 174px; background-color: #f4f4f4; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; padding-left: 80px; } .bottom_banner-title{ font-size: 31px; color: #333e48; } .bottom_banner-title h4 { margin-bottom: 0; border-right: 1px solid #d8d9db; padding-right: 25px; } .bottom_banner-text{ background: #0577FD; margin-left: 47px; padding: 14px 16px 14px 22px; border-radius: 10px; color: #fff; text-align: center; } .bottom_banner-text span{ font-size: 14px; } .bottom_banner-text p{ font-size: 40px; margin-bottom: 0; } .bottom_banner-text p span { font-size: 21px; font-style: normal; display: inline-block; position: relative; bottom: 11px; left: 2px; } @media (max-width:780px){ .bottom_banner { padding-left: 0px; justify-content: space-around; } } @media (max-width:620px){ .bottom_banner { flex-wrap: wrap; min-height: unset; height: auto; box-sizing: unset; } .bottom_banner-title { width: 100%; margin-bottom: 20px; } .bottom_banner-title h4 { border-right: none; padding-right: 0; text-align: center; } .bottom_banner-text { margin-left: 0; } .section_item-img { height: 130px; } .section_item-name { font-size: 25px; padding-top: 20px; min-height: unset; } } .search_page-title_request{ } .search_page-title_request_p{ font-size: 22px; color: #333e48; } .search_page-empty-result { padding-bottom: 11rem; } .compare_box { position: relative; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; } .compare_box-table { border-spacing: 0px; } .compare_box-table td { padding-left: 15px; padding-right: 15px; box-sizing: border-box; width: 253px; } .compare_box-table tbody tr:nth-child(1) td{ border-right: 1px solid #eaeaea; } .compare_box-table tbody{ } .compare_table-item-top { width: 253px; } .compare_table-item-img { display: flex; justify-content: center; align-items: center; height: 210px; } .compare_table-item-img img { width: 100%; height: 100%; object-fit: contain; } .compare_delete-item { display: flex; justify-content: center; align-items: center; margin-top: 20px; background: rgba(255, 0, 0, 0.18); padding: 12px; border-radius: .2rem; font-size: 15px; color: #292929; text-decoration: none; transition: 300ms; } .compare_delete-item:hover{ text-decoration: none; color: #292929; background: rgba(255, 0, 0, 0.28); transition: 300ms; } .sale .price { color: #ee0000; } .compare_box-table .price { font-size: 20px; } .compare_box-table .its_blockvote{ margin-bottom: 20px; } .compare_part-item { /* background-color: #b3a7bf; */ height: 90px; border-bottom: 1px solid #e6e6e6; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; font-size: 12px; color: #7d7d7d; padding-bottom: 15px; box-sizing: border-box; } .compare_part-item a{ text-decoration: none !important; color: #7d7d7d !important; } .compare_part-item span { min-height: 12px; } .compare_part-item_name { display: none; font-size: 18px; font-weight: bold; color: #7d7d7d; height: 21px; margin-bottom: 12px; } .compare_box-table tbody td:nth-child(1) .compare_part-item_name{ display: block; } .compare_box-table tbody td:nth-child(1) .compare_part-item{ margin-left: 0; padding-left: 0; } .compare_box-table tbody td:last-child .compare_part-item{ margin-right: 0; padding-right: 0; } .compare_mw-item{ } .its-info { background: #daffda; border: 1px solid #90ff90; padding: 10px; margin-top: 20px; border-radius: 10px; font-size: 14px; line-height: 17px; } .img-viewed{ } .img-viewed img{ } .custom_title { font-size: 22px; color: #333e48; margin-bottom: 30px; } .favourites_active{ background-color: red !important; } .favourites_item-list{ } .favourites_item{ display: flex; border-top: 1px solid #e6e6e6; padding-top: 6px; padding-bottom: 15px; } .favourites_item:last-child{ border-bottom: 1px solid #e6e6e6; } .favourites_item-image{ width: 250px; height: 222px; display: flex; justify-content: center; align-items: center; } .favourites_item-image img{ max-width: 250px; max-height: 222px; } .favourites_item-part1 { width: calc(50% - 125px); box-sizing: border-box; padding-left: 55px; padding-top: 22px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .favourites_item-part2 { width: calc(50% - 125px); display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; box-sizing: border-box; padding-top: 49px; padding-bottom: 1px; } .favourites_item-cat{ } .favourites_item-name{ min-height: unset !important; } .favourites_item-vote{ } .favourites_item-key{ display: flex; } .favourites_item-part2 .old-price { font-size: 16px; position: relative; bottom: 2px; margin-right: 15px; } .favourites_item-part2 .price{ font-size: 26px; } .favourites_item-part2 .price span { font-size: 22px; margin-left: 2px; } .favourites_item-key_delete { display: flex; align-items: center; } .favourites_item-key_delete svg { margin-right: 7px; } .favourites_item-key_delete span{ color: #848484; } @media (max-width: 720px){ .favourites_item-image{ width: 160px; height: 160px; } .favourites_item-image img { max-width: 160px; max-height: 160px; } .favourites_item-part1 { width: calc(50% - 80px); padding-left: 35px; } .favourites_item-part2 { width: calc(50% - 80px); } } @media (max-width: 580px){ .favourites_item { flex-wrap: wrap; } .favourites_item-image{ width: 100%; } .favourites_item-part1, .favourites_item-part2{ max-width: 100%; width: 100%; } .favourites_item-part1 { padding-left: 0; } .favourites_item-key { margin-top: 20px; } .favourites_item-part2 { padding-top: 25px; align-items: flex-start; justify-content: space-between; flex-direction: row; } } .uf_favourites { } .empty_info{ } .orderajax_item{ } @media (max-width: 580px){ .breadcrumb-item.active span { background-color: transparent !important; padding: 0 !important; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-right: 3px; } .breadcrumb-item+.breadcrumb-item { margin-bottom: 10px; } } .cw_key{ transition: 300ms; } .cw_key:hover{ /*box-shadow: 0px 0px 10px 0px rgba(6, 102, 191, 0.24);*/ background: rgba(6, 102, 191, 0.17); transition: 300ms; } .header_sity{ } .header_sity-select{ } .selected{ background: #0577FD; /*color: #fff;*/ } .xxx{ border: 1px solid red !important; } .xxx1{ background: red; } .xxx2{ background: green; } /*# sourceMappingURL=style.css.map */ a.btn-circle {width: 36px; height: 36px; font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Free'; color: #fff; font-size: 18px; position: relative; } a.btn-circle:hover {color: #fff;} /*.btn-circle svg {fill: transparent; stroke: #fff; stroke-width: 2px; width: 96%; height: 96%; margin: 2%;}*/ .hidden_costul {display: block; opacity: 0; width: 100%; height: 100%;position: absolute; top: 0; left: 0;} /* End */ /* Start:/local/templates/Tonnag-copy/css/custom.css?174360435215873*/ a. a:hover, a:focus. a:active {outline: none;}#fff;width: 18px;body span { cursor: default; } .icon { position: relative; display: inline-block; width: 18px; height: 17px; pointer-events: none; fill: currentColor; } .sale-order-payment-change-pp-list {width: 10%;} .sale-order-detail-payment-options-methods-info .sale-order-payment-change-pp-list {width: 100%;} .purple_icon svg {color: #0577FD;} .white_icons svg, a.btn-circle svg {color: #fff; fill: #fff;} .bx-basket svg {height: 20px;} .section_item {min-height: 251px;} .section_item-img {width: 96%; height: 120px;} .section_item-name {font-size: 14px;max-width: auto; min-height: auto;} header .container-fluid {border-bottom: none;} .d-inline-flex.align-items-center.pt-3 {padding-top: 0 !important;} .mb-1.basket-line-block {margin-bottom: 0 !important;} header .basket-line a.btn {position: relative;} header .basket-line a.btn .badge {position: absolute; top: auto; bottom: -3px; right: -3px;} .bx-green .popup-window-buttons .btn.btn-default, .bx-blue .popup-window-buttons .btn.btn-default { background-color: #0577FD; border-color: #0577FD; } a.btn.chosen:hover {background: none; color: #0577FD; } a.btn.chosen:hover svg {fill: #0577FD;} .btn.btn-arrow.rounded-circle .icon {width: 4px; height: 9px;fill: #fff;} section .visited-order h4::after, article .visited-order h4::after { height: 3px !important; bottom: -2px !important; } .card .price {cursor: default;} a.btn-arrow { padding: 0; width: 18px; height: 18px; text-align: center; } .subscribe_span span {cursor: default;} .catalog-products-viewed a.btn.nav-link { min-height: 68px;} .slick-dots {bottom: 15px;} #navbarNavDropdown .nav-item .dropdown-menu.show {padding-top: 0; padding-bottom: 5px;} #navbarNavDropdown .nav-item .dropdown-menu.show li:last-child .dropdown-item {border: none;} #accordionSecond .d-block {padding-left: 3px !important; padding-right: 0px !important;} .d-block.border-bottom:last-child {border-bottom: none !important;} .brand-choose {margin-top: 15px;} .main-color { border: 1px solid #0577FD;} .likebutton {font-size: 13px; color: #848484;} .likebutton img {margin-right: 0 !important;} a.news-btn { padding: 10px 20px !important;} a.reviews-link {margin-left: 5px; margin-right: 5px;} /*.reviews-link:hover {text-decoration: none; color: #0577FD; border: 1px solid #0577FD;}*/ a.reviews-link { padding: 10px !important;} .like_box {position: relative; bottom: -2px;} span.sale {cursor: default;} .card.category-block {height: auto;} .card .card-body:before {display: none;} .card .card-body .card-footer { position: absolute; left: 15px; right: 15px;} .card .card-body {padding-bottom: 40px !important;} .sections_list {padding-left: 0; padding-right: 0;} .table-block p {padding: 0; margin: 0;} .tech_table {font-weight: bold;} .table-block table {border-collapse: collapse; margin: 10px 0 15px 0;} .table-block td, .table-block th {border-collapse: collapse; border: 1px solid #000; padding: 5px;} .carousel-item .catslider_item:nth-child(0n+3) .card .card-body .card-bottom a.btn-circle .catslider_item-basket {display: inline-block !important;} .carousel-item .catslider_item:nth-child(0n+3) .card .card-body .card-bottom a.btn-circle { width: auto; height: auto;font-family: "MyriadPro-Regular", sans-serif; font-weight: bold; font-size: 13px;} .carousel-item .catslider_item .card .card-body .card-bottom a.btn-circle, .carousel-item .catslider_item .card .card-body .card-bottom a.btn-circle span {cursor: pointer;} @media (max-width: 580px){ .catslider_allbox .catslider_item:nth-child(1), .catslider_allbox .catslider_item:nth-child(2), .catslider_allbox .catslider_item:nth-child(4), .catslider_allbox .catslider_item:nth-child(5) { /* height: auto;*/ width: 100%; } .card-items .card-body {padding: 0 !important;} .card-special .card-body {padding: 0 10px 10px 10px !important;} .card-special {margin-bottom: 15px;} .card-items img, .card-items .card-body {margin-left: -10px; margin-right: -10px;} span.text-bigger {font-size: 26px;} section .card-items, article .card-items {padding-top: 15px;} .card-title {font-size: 16px;} .card.category-block:after {display: none;} .footer_copy {padding-top: 20px; padding-bottom: 5px;} .footer_main {padding-bottom: 15px;} .mobile_hidden {display: none;} .slider.uncycle .item {width: 100%;} } .mobile-menu__menu .dropdown-menu { left:30px;font-size:100%; } .icons svg, .icon {fill: #0577FD; width: 20px; height: 19px; /*margin-right: 5px;*/} .new_search_click svg, .btn.search .icon {width: 28px; height: 27px;} .icons a:hover svg {fill: #212529;} @media (max-width: 1200px){ .icons svg {fill: #fff; } .mobile_hidden {display: none;} .basket-checkout-containerx .btn {padding: 6px;} } .container-fluid form.form-inline.search-btn2 a.submit-btn, #subscribe_btn-click, .container-fluid form.form-inline a.btn.new_search_click { border-radius: 0 37px 37px 0;} .new_search_click, .container-fluid.main-color form.form-inline .btn.search {margin-left: -20px; border-radius: 0 37px 37px 0;} #title-search-input {padding-right: 25px;} #title-search-input, #title-search-input:focus {border: none; box-shadow: none; outline: none;} .search-btn2 {border: none; box-shadow: none; outline: none;} .new_search_click svg, .btn.search .icon {color: transparent; fill: transparent; stroke: #fff;width: 21px; height: 23px;} .carousel-caption {left: 8%; right: 8%;} .mobile-menu__menu .dropdown-item {white-space: normal;} .container-fluid form.form-inline, .container form.form-inline, .container-xl form.form-inline, .container-lg form.form-inline, .container-md form.form-inline, .container-sm form.form-inline {border: none;} #title-search-input, #title-search-input:focus {border: 2px solid #0577FD !important;} .main-color #title-search-input, .main-color #title-search-input:focus {border: 2px solid #fff !important;} .form-control {padding: 10px !important; /*border-radius: 5px;*/ width: 100%;height: 46px; background-clip: inherit; height: 100%; border: 1px solid #0577fd; padding: 5px 16px; font-family: inherit; font-size: 16px; line-height: 1.15; margin: 0;} .breadcrumb-item.active span {cursor:default;} .product-item-container .selected {background: none;} .selected svg { fill: #334141; stroke: #334141; stroke-width: 1;} .selected:hover svg { fill: #0577FD; stroke: #0577FD;} /*.selected {font-weight: bold;}*/ section .card-special .card-special-sale, article .card-special .card-special-sale { z-index: 100;} /*.card .card-body .card-footer {position: relative; left: auto; right: auto;}*/ header .icon {margin-right: 0;} section .visited-order a.btn.chosen, article .visited-order a.btn.chosen { font-size: 10px;} section .visited-order a.btn.chosen .icon, article .visited-order a.btn.chosen .icon {width: 15px; height: 15px; margin-right: 2px;} .card-text, .sku_box, .product-item-container .card-body div.text-smaller {display: none;} .order-card .card-text {display: block;} #productcat .card .card-body .card-bottom {position: relative; width: auto; bottom: auto;} .card.category-block:after { top: 0; height: 100%; } .product-item-container {margin-bottom: 10px;} /*.product-item-container .card-body div.text-smaller {height: 90px;}*/ .catalog-products-viewed .slider .card .card-body .card-footer {position: relative; left: auto; right: auto;} .catalog-products-viewed .card .card-body, .tab-content .card .card-body.inline-tabs/*, .tab-content .card .card-body*/ { padding-bottom: 15px !important;} a.btn, a.btn:hover, a.btn:focus, a.btn:active {outline: none; color: #fff; padding: 8px; max-height: 40px;} .selected {background: inherit;} .img-viewed { display: block !important; } .form-control-sm { padding-left: .4rem; padding-right: .4rem; } .footer_podderhca { text-align: center;} } .catalog-compare-list.left {z-index: 9999} header .container-fluid a.btn.wishlist {padding-right: 8px !important;} header .container-fluid a.btn.wishlist span { right: auto; margin-left: -13px; margin-right: -3px;} .card-footer svg {fill: #848484; margin-right: 5px;} .accordion {background: #fff; border-radius: 37px; border: none !important;} .accordion .collapse.show {background: #fff;} .accordion>.d-block:last-child, .accordion>.d-block.border-bottom:last-child {border-bottom: none !important;} .order-card a.btn.main-color svg {fill: #fff;} .slider.slider-logos {display: none;} a.btn-arrow.nextee {background-color: transparent; background: none; display: flex; flex-direction: row; width: auto; height: auto;} a.btn-arrow.nextee .icon_arrow, .btn.btn-arrow.rounded-circle.nextee .icon_arrow {border-radius: 50%; background: #0577FD; fill: #fff; width: 18px; height: 17px; text-align: center; margin-left: 5px;} .card-img, .card-img-bottom, .card-img-top {width: auto; max-width: 100%; margin: 0 auto;} .card-special .card-body {text-align: center;} @media only screen and (max-width: 1400px) { section .card-items .maximum, article .card-items .maximum { max-width: 100%;} } .burger-button img {width: 18px;} section .card-items .maximum, article .card-items .maximum {max-width: 100%;} section .card-items, article .card-items {height: 100%; padding: 10px;} section .card-items .card-body, article .card-items .card-body {padding: 10px ;} #productcat{margin-bottom: 20px;} .tab-content p, .tab-content .table-block {font-size: 15px; line-height: 128%;} .footer_podderhca {width: 100%; text-align: right; margin-top: 10px; margin-bottom: 10px; padding-right: 15px;} .footer_podderhca a {color: #334141;} .basket-items-list-item-container .cart_image-resize {height: auto;} .bottom_banner > div {display: none;} .bottom_banner {max-height: 140px; height: 100%; background-size: 100% auto;} @media only screen and (min-width: 1200px) { .bottom_banner {min-height: 140px; } } body .popup-tok {background: #333; filter: alpha(opacity=50) -moz-opacity: .5; opacity: .5;} #tok {padding: 0 10px 10px; background-color: #fff; -webkit-box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -1px 6px 0 rgba(83,92,105,.06); box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -1px 6px 0 rgba(83,92,105,.06); font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; min-width: 286px; } .popup-window-content img {margin-bottom: 10px;} .popup-window-buttons a:hover {text-decoration: none;} .popup-window-buttons .btn { outline: 0; background-color: #0577FD; border-color: #0577FD; color: #FFF; padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .popup-window-buttons .btn:hover, .popup-window-buttons span.btn.btn-default.btn-buy:hover {background-color: #333e48; border-color: #333e48; text-decoration: none; color: #fff;} .character_list {font-size: 15px; line-height: 128%;} .character_list li {margin-bottom: 5px;} .icon.logo, .icon.logo svg {width: 237px; height: 79px;} .forlogo {padding-top: 7px; padding-bottom: 7px;} .forlogo .d-block {max-height: 59px;} .slick-dots { z-index: 5012;} .minlogo {margin-right: 5px;} #tok {width: 100% !important; background: none !important; left: auto !important; z-index: 5013;} #tok > div {background: none; width: 200px; margin: 0 auto; background: #fff;} @media (max-width: 768px){ table.table-basket td {display: table-cell;} table.table-basket td span.total-basket { float: none; margin-top: 0; } table.table-basket td:last-child {vertical-align: middle;} .basket-items-list-item-container>td {border: none;} .product-item-container {border-bottom: 1px solid #dee2e6;} .product-item-container > .product-item-container {border-bottom: none;} .dropdown-menu {width: 85%;} .dropdown-menu.addClass {border: none; background-color:rgb(204, 204, 204, 0.2); border-radius: 0; width: 100%; } } @media (max-width: 580px){ .main-button-container a.btn.main-color.rounded-pill.text-white svg {display: none;} .catalog-compare-list.left {top: 0 !important;} .card-special .card-body .card-special-title {text-align: left;} .container-fluid form.form-inline input[type=text].search-card, .container form.form-inline input[type=text].search-card, .container-xl form.form-inline input[type=text].search-card, .container-lg form.form-inline input[type=text].search-card, .container-md form.form-inline input[type=text].search-card, .container-sm form.form-inline input[type=text].search-card { height: 30px; padding-left: 5px; padding-right: 5px; text-align: center; width: 100%;} .icons a {margin-left: 5px;} .breadcrumb-item .breadcrumb-item, .breadcrumb .breadcrumb-item.active { margin-bottom: 0;} .footer_podderhca {text-align: center;} .deletestyle span, .deletestyle .quantity-block {margin-left: 0 !important;} .deletestyle h6 {margin-left: -15px;} table.table-basket tr {border-top: none; margin-bottom: 0;} .basket-items-list-item-removed-container {display: block !important;} table.table-basket td {display: block !important; width: 100%;} table.table-basket th, table.table-basket td {padding-left: 0; padding-right: 0;} .basket-items-list-item-container-expend .basket-items-list-item-removed-container, .basket-items-list-item-removed-container > div {width: 100%;} .basket-checkout-containerx a.btn {width: 100%; text-align: center; margin: 0 0 10px 0 !important;} .basket_btn {flex-direction: column;} section .carousel-caption .carousel-title span, article .carousel-caption .carousel-title span { font-size: 40px;} .card-items .no-gutters>.col, .card-items .no-gutters>[class*=col-] { padding-right: 10px; } .main-button-container .btn.main-color svg.icon, .order-card a.btn.main-color svg {display: none;} } .compare_content {padding-top: 15px; padding-bottom: 15px;} article > .container-xl.pb-4.pt-5 {display: none;} .slider.uncycle button.slick-prev, .slider.uncycle button.slick-next.slick-disabled { top: -45px;} .bx-404-block img {max-width: 100%;} form .custom-select { display: inline-block; width: 100%; /*height: calc(4.25em);*/ padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .bx_profile form .form-control, form.sale-profile-detail-form .form-control { display: block; width: 100%; /*height: calc(4.25em);*/ padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (max-width: 1330px) { .header-info { padding-top: 10px !important; } .header-info__text { font-size: 0.838em !important; } } .footer .copy-inner-wrap{ color: #7c7c7c; display: block; text-align: center; margin-top: 60px; width: 100%; flex-shrink: 0; font-size: 14px; line-height: 1.71; padding-bottom: 12px; padding-right: 3rem; } .footer .copy-inner-wrap a{ transition: color .3s; } .footer .copy-inner-wrap a:not(:hover){ color: #FFFFFF; } footer .copy-inner-wrap a:hover { color: #277AF9; } @media (max-width: 768px) { .footer .copy-inner-wrap { padding-bottom: 50px; margin-top: 36px; } } /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/jquery.fancybox.min.css?174360435012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/Tonnag-copy/assets/css/about_styles.css?174360435013051*/ .container_about{ display: flex; flex-direction: row-reverse; column-gap: 52px; padding-bottom: 100px; } .container_shop{ margin-top: 40px; } .about{ font-family: 'Proxima Nova'; } .about__title, .about-title{ color: #1B1F25; font-size: 36px; font-weight: 800; line-height: 43.85px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin: 0; margin-bottom: 28px; } .about-title_center{ width: 50%; display: flex; justify-content: center; } .about__description{ font-size: 18px; font-weight: 400; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .about__description_bold{ font-weight: 700; } .about__description + .about__description{ margin-top: 45px; } .about__subtitle{ font-size: 24px; font-weight: 700; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .about__requirements{ margin-top: 45px; } .about__list{ font-size: 16px; font-weight: 400; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 56px; } .about__additional-info-text{ font-size: 16px; font-weight: 400; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .about__additional-info-text a{ text-decoration-line: underline; text-decoration-style: solid; text-underline-position: from-font; text-decoration-skip-ink: auto; text-decoration-thickness: 1px; } .about__additional-info, .about__notice{ margin-bottom: 41px; font-size: 16px; font-weight: 400; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .certificates{ font-family: 'Proxima Nova'; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .certificates__title{ font-size: 24px; font-weight: 800; line-height: 29.23px; margin-bottom: 29px; } .certificates__image{ width: 100%; max-width: 358px; max-height: 504px; gap: 0; opacity: 1; } .certificates__content{ font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #8D8E8F; } .certificates__forms:first-child{ margin-bottom: 46px; } .about__subtitle{ padding-bottom: 30px; } .about__list{ list-style-type: none; padding-left: 0; } .about__list-item{ position: relative; padding-left: calc(24px + 21px); } .about__list-item:not(:last-child){ padding-bottom: 32px; } .about__list-item:before{ content: ''; position: absolute; left: 0; top: 0; transform: translateY(15%); width: 24px; height: 24px; background-image: url('/images/about/close.svg'); background-repeat: no-repeat; background-size: contain; } .about__list-item_apply:before{ background-image: url('/images/about/checkmark.svg'); } .about__list-item_blueline{ padding-left: calc(21px + 37px); } .about__list-item_blueline:before{ transform: translateY(50%); width: 37px; height: 37px; background-image: url('/images/about/blueline.svg'); } @media (max-width: 460px){ .about__title, .about-title{ font-size: 32px; line-height: 38.98px; } .about__description{ font-size: 16px; line-height: 28px; } .about__subtitle{ font-size: 24px; } } .certificates__photo{ display: flex; justify-content: center; padding-bottom: 78px; } .certificates__photo_small{ padding-bottom: 40px; } .certificates__list{ padding-left: 0; } .certificates__description + .certificates__list{ margin-top: 30px; } @media (max-width: 660px) { .container_about{ flex-wrap: wrap; } } .requisites { position: relative; padding-top: 79px; padding-bottom: 87px; } .requisites:before { content: ""; display: block; position: absolute; /* Абсолютное позиционирование относительно .requisites */ width: 100vw; /* Ширина на всю видимую область */ height: 100%; /* Высота равна высоте .requisites */ left: 50%; /* Сдвигаем элемент влево на 50% от ширины viewport */ transform: translateX(-50%); /* Возвращаем элемент обратно на 50% от его собственной ширины */ top: 0; /* Привязываем к верхнему краю .requisites */ background-color: #F8F8F8; z-index: -1; } .requisites__label{ font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .requisites__value{ font-family: Proxima Nova; font-size: 16px; line-height: 28px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .requisites__label{ white-space: nowrap; } .requisites__label + .requisites__value { padding-left: 78px; } .requisites__list { border-collapse: separate; } .requisites__value_phones{ margin: 32px 0; display: block; max-width: 370px; } .requisites__link{ color: #1B1F25; font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; text-decoration-line: underline; text-decoration-style: solid; text-underline-position: from-font; text-decoration-skip-ink: auto; transition: all .3s linear; } .requisites__link:hover,.requisites__link:focus { color: #1B1F25; opacity: 0.8; text-decoration-line: underline; } @media (max-width: 460px) { .requisites__item{ display: flex; width: 100%; flex-direction: column; align-items: center; } .requisites__item + .requisites__item{ margin-bottom: 16px; } .requisites__item > *{ width: 100%; } .requisites__label + .requisites__value{ padding:0; } .requisites__value, .requisites__link{ font-weight: bold; text-decoration: none; } .requisites{ padding-top: 62px; } .requisites__value_phones{ margin: 0; margin-bottom: 16px; } .certificates__photo{ padding-bottom: 43px; } } /*Старые стили*/ .breadcrumb ul{ padding-left: 0; } /* Переверстка формы */ .requisites .form-head span{ font-size: 24px; font-weight: 800; line-height: 29.23px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: black; } .requisites{ font-family: Proxima Nova !important; } .requisites .field-0, .requisites .ds-form .form-head { border:none; } .requisites .form-head{ margin-bottom: 40px; color: #1B1F25; border-bottom: none; } .requisites .ds-form form label { font-family: Proxima Nova; font-size: 14px; font-weight: 700; line-height: 17.05px; text-underline-position: from-font; text-decoration-skip-ink: none; color: #000000; margin-bottom: 4px; } .requisites .dsfeedback-form form{ padding:0; } .requisites .ds-form form input::placeholder, .requisites .ds-form form textarea::placeholder{ font-family: Proxima Nova; font-size: 14px; font-weight: 300; line-height: 17.05px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color: #808996; } .requisites .ds-form input[type="text"], .requisites .ds-form textarea{ padding: 28px 20px; } .requisites .ds-form form label .required{ color: #000000; } .requisites .ds-form .buttonform input{ color: #FFFFFF; font-family: Proxima Nova; font-size: 14px; font-weight: 700; line-height: 17.05px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; background-color: #277AF9; opacity: 1; transition: opacity linear .3s; padding:16px 24px; } .requisites .ds-form .buttonform input:hover{ opacity: .8; } @media (max-width: 460px) { .requisites .form-head{ max-width: 254px; } .requisites .form-head span{ font-size: 32px; font-weight: 800; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } } .anchor{ font-family: Proxima Nova; font-size: 14px; font-weight: 700; line-height: 17.05px; text-underline-position: from-font; text-decoration-skip-ink: none; color: #FFFFFF; background-color: #277AF9; padding: 16px 39px; transition: opacity .3s linear; cursor: pointer; text-align: center; border-radius: 2px; } .anchor:hover{ opacity: .8; } /*Order*/ .order-guide{ display: flex; flex-direction: column; row-gap: 32px; } .order-guide__section{ max-width: 810px; } .order-guide__section:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 6px 6px rgba(0, 0, 0, 0.10); transform: translateY(-4px); } .order-guide__section{ background-color: #F8F8F8; padding: 51px 63px 50px 63px; transition: box-shadow 0.3s ease, transform 0.3s ease; } @media (max-width: 460px) { .order-guide__section{ padding: 20px 9px 19px 12px; } .order-guide__payment-methods { justify-content: space-between; column-gap: initial; flex-direction: column; } .order-guide__payment-method:first-child > .order-guide__payment-description{ display: none; } } .order-guide__title{ font-family: Proxima Nova; font-size: 24px; font-weight: 700; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .order-guide__description{ font-family: Proxima Nova; font-size: 16px; font-weight: 400; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } .order-guide__image{ max-width: 686px; width: 100%; } .order-guide__section > * + *{ margin-top: 28px; } .order-guide__section > .order-guide__photo + *{ margin-top: 61px; } .order-guide__payment-methods{ display: flex; justify-content: space-between; column-gap: 64px; } .order-guide__payment-title{ font-family: Proxima Nova; font-size: 16px; font-weight: 700; line-height: 32px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; color:#1B1F25; } .order-guide__payment-title{ position: relative; padding-left: calc(21px + 37px); margin-bottom: 13px; } .order-guide__payment-title:before{ content: ''; position: absolute; left: 0; top: 0; transform: translateY(50%); width: 37px; height: 37px; background-image: url('/images/about/blueline.svg'); background-repeat: no-repeat; background-size: contain; } .sitemap-car{ position: absolute; left: -39px; max-width: 637px; bottom: -50px; z-index: -1; transform: translateX(-35%); } .sitemap{ padding-top: 60px; } .sitemap__content{ /*margin-left: calc(507px + 72px);*/ display: flex; flex-wrap: wrap; } .sitemap__list{ margin-bottom: 73px; } .sitemap__image{ width: 30%; position: relative; } .sitemap__title{ margin-top: 53px; } @media(max-width: 1290px){ .sitemap-car{ position: initial; } .sitemap__image{ width: 100%; order: 2; } .sitemap__title{ margin: 0; } .sitemap{ padding-top: 0; } } .main-sitemap{ position: relative; min-height: auto; } .header-newInfo{ display: none; } @media (max-width: 460px){ .header-newInfo{ display: block; } .about__title, .about-title{ font-size: 32px; line-height: 38.98px; } .about__description{ font-size: 16px; line-height: 28px; } .about__list-item:before{ width: 21px; transform: translateY(20%); } .about__list-item{ padding-left: calc(21px + 23px); } .about__list-item_blueline:before { transform: translateY(50%); background-image: url('/images/about/blueline-sm.svg'); } } @media (max-width: 460px){ .about__title, .about-title{ font-size: 32px; line-height: 38.98px; } .about__description{ font-size: 16px; line-height: 28px; } } .static-about-page{ margin-top: 54px; } @media (max-width: 460px){ .static-about-page{ margin-top: 31px; } } /* End */ /* /local/templates/Tonnag-copy/components/bitrix/menu/menu_header1/style.css?174360435010919 */ /* /local/templates/Tonnag-copy/components/bitrix/menu/menu_header3/style.css?174360435010389 */ /* /local/templates/Tonnag-copy/components/bitrix/search.title/poisk_smal/style.css?17436043505040 */ /* /local/templates/Tonnag-copy/components/bitrix/sale.basket.basket.line/corzina_min/style.css?17436043504312 */ /* /local/templates/Tonnag-copy/components/bitrix/breadcrumb/navigation/style.css?1743604351708 */ /* /local/templates/Tonnag-copy/components/bitrix/sale.basket.basket.line/mobile-footer-nav/style.css?17436043502587 */ /* /local/templates/Tonnag-copy/components/bitrix/menu/menu_footer/style.css?174360435010919 */ /* /local/templates/Tonnag-copy/template_styles.css?174360435010088 */ /* /local/templates/Tonnag-copy/assets/css/normalize.css?17436043502145 */ /* /local/templates/Tonnag-copy/assets/css/owl.carousel.min.css?17436043503351 */ /* /local/templates/Tonnag-copy/assets/css/owl.theme.default.min.css?17436043501013 */ /* /local/templates/Tonnag-copy/assets/css/style-new-pr.css?1749625984124935 */ /* /local/templates/Tonnag-copy/assets/css/style_dop-new.css?175033277240741 */ /* /local/templates/Tonnag-copy/assets/css/magnific-popup.css?17436043507302 */ /* /local/templates/Tonnag-copy/assets/flexslider/flexslider.css?17436043506940 */ /* /local/templates/Tonnag-copy/vendors/bootstrap/css/bootstrap.css?1743604352236859 */ /* /local/templates/Tonnag-copy/vendors/slick/slick.min.css?17436043521327 */ /* /local/templates/Tonnag-copy/css/fonts.css?17436043523604 */ /* /local/templates/Tonnag-copy/css/all.css?174592543172698 */ /* /local/templates/Tonnag-copy/css/style.css?174729821065122 */ /* /local/templates/Tonnag-copy/css/custom.css?174360435215873 */ /* /local/templates/Tonnag-copy/assets/css/jquery.fancybox.min.css?174360435012795 */ /* /local/templates/Tonnag-copy/assets/css/about_styles.css?174360435013051 */