::-webkit-scrollbar { width:1px;height:0;background:none; }
:root { --color-primary:#005AF0;--space-1:.5rem;/* 8px */--space-4:2rem;/* 32px */ }
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-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;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[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;}
.meter~amp-selector h2 { font-weight:400;font-size:40px;line-height:49px;text-align:center;color:#034F4C;margin-top:194px;margin-bottom:19px; }
.meter~amp-selector p { font-weight:300;font-size:18px;line-height:22px;text-align:center;color:#034F4C;margin:0;max-width:initial; }
amp-lightbox { background:rgba(0,0,0,.5); }
amp-lightbox .box { font-size:14px;position:relative;z-index:99;margin:60px auto;overflow-y:auto;max-width:1000px;height:auto;background:#EFF1F0;width:100%;padding-bottom: 40px; }
amp-lightbox .bx-close { position:absolute;bottom:0;top:0;left:0;right:0;height:100%; }
amp-lightbox button { font-weight:500;font-size:18px;line-height:22px;text-align:center;color:#034F4C;width:291px;height:54px;background:#F5C555;border-radius:5px;margin:24px auto 0 auto;padding: 0 }
amp-lightbox h5 {
    font-weight: 400;
    font-size: 29px;
    line-height: 40px;
    text-align: center;
    color: #034F4C;
    margin: 35px auto 25px auto;
}
amp-lightbox input,amp-lightbox textarea {     max-width: 678px;
    width: 100%;
    padding-left: 30px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #7D7D7D;
    border-radius: 5px;
    margin-left: 155px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px; }
amp-lightbox input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px white; /* цвет вашего фона */
}
.form-group>legend {
    margin-top: 30px;
}
amp-lightbox input::placeholder,amp-lightbox textarea::placeholder { color:#D1D1D1; }
amp-lightbox label { font-weight:300;font-size:18px;line-height:18px;text-align:center;color:#063230;margin-left:180px; }
amp-lightbox textarea { height:91px;padding-top:21px;font-family:'Montserrat'; }
amp-selector ~ h2.blog { margin-top:74px; }
amp-selector.tabpanels [role=tabpanel] { display:none;max-width:1166px;margin:0 auto; }
amp-selector.tabpanels [role=tabpanel][selected] { outline:none;display:block; }
amp-selector[role=tablist].tabs-with-selector { display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 23px; }
amp-selector[role=tablist].tabs-with-selector { display:flex; }
amp-selector[role=tablist].tabs-with-selector [role=tab] { padding:0;background:#034F4C;border-radius:5px;margin-bottom:8px;font-weight:400;font-size:24px;line-height:29px;color:#FFFFFF;width:calc(100% - 92px);max-width:530px;text-align:left;position:relative; }
amp-selector[role=tablist].tabs-with-selector [role=tab] div{max-width: 156px;font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;margin: 0 auto 23px auto; }
amp-selector[role=tablist].tabs-with-selector [role=tab] svg {margin: 43px auto 22px}
amp-selector[role=tablist].tabs-with-selector.master [role=tab] svg { display: block; }
amp-selector[role=tablist].tabs-with-selector.master [role=tab] svg path { fill:#F5C555; }
amp-selector[role=tablist].tabs-with-selector.master [role=tab][selected] svg:first-of-type path { fill: #034F4C }
amp-selector[role=tablist].tabs-with-selector [role=tab] svg:nth-of-type(2) { position:absolute;top:55px;right:37px;display:none; }
amp-selector[role=tablist].tabs-with-selector.master [role=tab] svg:nth-of-type(2) { display: none; }
amp-selector[role=tablist].tabs-with-selector [role=tab][selected] { outline:none;color:#034F4C;background:#FFFFFF; }
.categories>a svg:nth-of-type(2){
    display: none;
}

amp-selector[role=tablist].tabs-with-selector [role=tab][selected] svg:nth-of-type(2),.categories>a.active svg:nth-of-type(2) {display: block;
    position: absolute;
    bottom: -23px;
    transform: rotate(90deg);
    top: initial;
    fill: #F5C555;
    height: 25px;
    left: 0;
    right: 0;
}
.tabs-with-selector-2 {
    display: flex;
    justify-content: center;
}
.categories>a.active svg:nth-of-type(2){
    bottom: -3px;
}
#cart {
    position: relative;
}
#cart-total {
    position: absolute;
    text-decoration: none;
    line-height: 20px;
    top: -6px;
    right: -8px;
    border-radius: 50%;
    background: white;
    color: black;
    font-weight: 800;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
h5 {
    margin-top: 83px;
    margin-bottom: 58px;
    font-weight: 400;
    font-size: 40px;
    line-height: 49px;
    text-align: center;
    color: #034F4C;
}
.categories {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1091px;
    margin: -125px auto 0 auto;
    position: relative;
}
.categories~h5{
    margin-top: 40px;
    margin-bottom: -40px;
}
.categories>a.item {
    width: 250px;
    height: 250px;
    background: #034F4C;
    border-radius: 5px;
    text-align: center;
    margin: 0 11px;
    position: relative;
}
.categories>a.active {
    background: #FFFFFF;
}
.categories>a svg {
    margin: 43px auto 0 auto;
    display: block;
    fill:#F5C555;
}
.categories>a span {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    max-width: 150px;
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 58px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.categories>a.active svg {
    fill:#034F4C;
}
.categories>a.active span {
    color: #034F4C;;
}
.categories .prev {
    position: absolute;
    left: -57px;
    padding: 33px 18px;
    transform: rotate(180deg);
    top: 111px;
    cursor: pointer;
}
.categories .next {
    position: absolute;
    right: -57px;
    padding: 33px 18px;
    top: 111px;
    cursor: pointer;
}
.categories .next svg{
    margin: 0;
}
amp-selector[role=tablist].tabs-with-flex {
    display: flex;
    flex-wrap: wrap;
}
amp-selector[role=tablist].tabs-with-flex [role=tab] {
    flex-grow: 1;
    /* custom styling, feel free to change */
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
    padding-top: 0;
    padding-bottom: 23px;
    max-width: 154px;
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {
    outline: none;
    font-weight: 600;
}
amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {
    display: none;
    width: 100%;
    order: 1; /* must be greater than the order of the tab buttons to flex to the next line */
    /* custom styling, feel free to change */
    padding: 0;
}
amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {
    display: block;
}
.rev-flex {
    display: flex;
}
.rev-flex [option] {
    flex-grow: 1;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #034F4C;
    padding-top: 0;
    margin-bottom: 10px;
    max-width: 164px;
}
.rev-flex [option][selected] {
    outline: none;
    font-weight: 600;
}
#input-review {
    padding: 0;
    max-width: 500px;
    width: 100%;
    padding-left: 10px;
    background: #FFFFFF;
    border: 0.5px solid #7D7D7D;
    border-radius: 5px;
    margin-bottom: 9px;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    margin-left: 0;
    height: 160px;
    padding-top: 10px;
}
.btn-primary2 {
    height: 32px;
    line-height: 32px;
    background: #034F4C;
    color: white;
    padding: 0 14px;
}
.content {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
}
.content h6{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0;
}
.text-danger {
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    color: darkred;
}
.grid-1>:nth-child(1)>div:first-of-type {
    margin-top: 28px;
    margin-bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.grid-1>:nth-child(1)>div .radio label {
    color: #034F4C;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
}
.grid-1>:nth-child(1)>div .radio label input{
    margin-right: 7px;
    margin-top: 0px;
}
.grid-1>:nth-child(1)>div:nth-of-type(3) {
    position: absolute;
    right: 0;
    top: 12px;
    width: 70px;
    height: 42px;
    background: linear-gradient(270deg, rgba(245, 245, 245, 0.8) 63.92%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 11px;
    padding-right: 16px;
    margin: 0;
}
.grid-1>:nth-child(1)>div:nth-of-type(4) {
    position: absolute;
    left: 0;
    top: 0;
}
.grid-1>:nth-child(1)>div:nth-of-type(4) img {
    height: 120px;
    width: auto;
}
.grid-1>:nth-child(1)>div:nth-of-type(5) {
    position: absolute;
    left: 0;
    right: 0;
    top: 265px;
}
.grid-1>:nth-child(1)>div:nth-of-type(5) div {
    height: 35px;
    background: #F5C555;
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #AA190E;
}
.grid-1>:nth-child(1) hr {
    width: 100%;
    border: none;
    border-bottom: 2px solid rgba(3, 79, 76, 0.2);
    margin-bottom: 48px;
}
.grid-1>:nth-child(1)>div a {
    margin-right: 12px;
}
.grid-1>:nth-child(1)>div span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #034F4C;
    margin-left: 17px;
}
.grid-1>:nth-child(1)>div button {
    height: 35px;
    background: #F5C555;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #034F4C;
    margin-right: 17px;
    padding: 0 12px;
}
.grid-1>:nth-child(1)>div button svg {
    margin-right: 5px;
}
.reviews {
    position: relative;
    height: 0;
    overflow: visible;

}
.reviews>div {
    right: 0;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.reviews span {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #034F4C;
    margin-left: 7px;
}
.reviews svg {
    margin-left: 2px;
}
.review {
    width: calc(100% - 42px);
    padding: 16px 21px 16px 0;
    /*border: 1px solid #C4C4C4;*/
    /*margin-bottom: 8px;*/
    word-wrap: break-word;
}
.review span {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #034F4C;
    display: block;
}
.review p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #034F4C;
    text-align: left;
}
.review div {
    margin: 13px 0;
    display: flex;
    align-items: center;
}
.review div svg{
    margin-right: 2px;
}
.review div small{
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #034F4C;
    margin-left: 13px;
    margin-bottom: -4px;
}
.meter-des {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #034F4C;
    max-width: 1100px;
    margin: 38px auto 48px auto;
}
.meter-grid {
    max-width: 1130px;
    margin: 0 auto;
    grid-gap: 19px;
    grid-template-columns: 33% 33% 33%;
    display: grid;
}
.meter-grid>* {
    height: 220px;
    background: #034F4C;
    border-radius: 5px;
    text-decoration: none;
}
.meter-grid>*>:nth-child(1) {
    height: 90px;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 42px;
    margin-left: 58px;
    max-width: 240px;
    margin-bottom: 17px;
}
.meter-grid>*>:nth-child(2) {
    font-size: 16px;
    line-height: 20px;
    color: #F5C555 !important;
    cursor: pointer;
    margin-left: 58px;
}
.meter-grid>*>:nth-child(2) svg {
    margin-left: 5px;
    fill: #F5C555;
}
.meter-grid>*:hover {
    background: #FFFFFF;
}
.meter-grid>*:hover>:nth-child(1) {
    color: #034F4C;
}
.meter-grid>*:hover>:nth-child(2) {
    color: #034F4C !important;
}
.meter-grid>*:hover>:nth-child(2) svg {
    fill: #034F4C;
}
amp-sidebar div { margin-top:10px;width:470px;position:relative; }
amp-sidebar div div { display:flex;margin-top:0;margin-left:39px;margin-right:36px;justify-content:space-between;align-items:center;width:calc(100% - 75px);    position: fixed;bottom: 28px; }
amp-sidebar div div img { height:43px;width:auto; }
amp-sidebar div div span { width:43px;height:0px;border-bottom:3px solid #33BE87;transform:rotate(90deg); }
amp-sidebar>div>a { cursor:pointer;font-weight:400;font-size:16px;color:#034F4C !important;padding-left:39px;height:54px;line-height:54px;border-bottom:0.5px solid #D2D2D2;display:block;text-decoration:none;position:relative; }
amp-sidebar>div>a svg { position:absolute;right:33px;top:22px; }
body { background:#EFF1F0;font-family:'Montserrat'; }
button { background:#F5C555;border-radius:5px;font-size:18px;line-height:22px;text-align:center;border:none;color:#034F4C;display:block;padding:0 98px;cursor:pointer;font-family:'Montserrat'; }
footer { background:#063230;padding:68px 0 76px 0; }
footer>div { max-width:1130px;margin:0px auto 0px auto;display:flex;justify-content:space-between; }
footer>div div a { text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:20px;display:block;margin-bottom:16px;color:#8A8A8A !important;cursor:pointer; }
footer>div div div { display:flex; }
footer>div div div a { margin-right:18px; }
footer>div img { height:42px;width:auto;margin-bottom:8px; }
h1.meter { margin-top:160px;font-weight:500;font-size:50px;line-height:61px;color:#FFFFFF; }
h1.master { margin-top:55px;font-weight:500;font-size:50px;line-height:61px;color:#FFFFFF; }
body>h2 { font-weight:400;font-size:45px;line-height:55px;text-align:center;color:#034F4C; }
h2.blog { font-weight:400;font-size:40px;line-height:49px;text-align:center;color:#034F4C;margin-top:61px !important;margin-bottom:61px !important; }
body>h2:nth-of-type(1) { margin: 8px auto 16px auto;;/*padding-top:56px;*/ }
body>h2:nth-of-type(1).meter { margin: 80px auto 19px auto;;/*padding-top:56px;*/ }
body>h2:nth-of-type(2) {     margin: 35px auto 27px auto;; }
h3 { margin:95px auto 50px auto;font-weight:400;font-size:35px;line-height:43px;text-align:center;color:#034F4C;max-width:880px; }
h3.h3 { font-size:25px;line-height:30px;margin:36px auto 44px auto;font-weight:500;color:#034F4C; }
h3~button { margin:0 auto 95px auto;height: 56px; }
h4 { font-style:normal;font-weight:400;font-size:20px;line-height:24px;color:#FFFFFF;margin-top:13px;margin-bottom:30px; }
header { height:42px;width:100%;background:#063230;/*position:fixed;*/top:0;z-index:10000;overflow:hidden; }
header>div { max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;height:100%; }
header>div>:nth-child(1) { justify-content:flex-start; }
header>div>:nth-child(1)>a { margin-right:38px;font-size:16px;line-height:20px;color:#FFFFFF !important;text-decoration: none }
header>div>:nth-child(1)>div { display: none }
header>div>:nth-child(2) { justify-content:flex-end; }
header>div>:nth-child(2) div { width:77px;display:flex;align-items:center;justify-content:space-between;font-size:20px;line-height:24px;color:#FFFFFF;margin-left:28px; }
header>div>:nth-child(2) div a { cursor:pointer;color: white!important; }
header>div>:nth-child(2) div span { font-weight:600; }
header>div>:nth-child(2)>a { margin-left:20px;cursor:pointer; }
header>div>div { display:flex;align-items:center;height:100%; }
img.meter { height:442px;width:100%;object-fit:cover; }
img.meter.about { height: 300px }
img.meter ~ .sep { top:-5px; }
body>p { margin:0 auto 85px auto;font-size:18px;line-height:25px;text-align:center;color:#034F4C;max-width:778px; }
section { position:fixed;z-index:4;margin-top:42px;top:0;left:0;right:0;height:71px; }
section.scroll { background:#063230;margin-top:0; }
section>div { position:absolute;max-width:1140px;margin:0 auto;left:0;right:0;top:14px;height:47px;display:flex;justify-content:space-between; }
section>div>:nth-child(1) a:nth-of-type(1) { margin-right:28px;cursor:pointer; }
section>div>:nth-child(1) img { height:47px; }
section>div>:nth-child(2) { justify-content:flex-end; }
section>div>:nth-child(2) div input { min-width:251px;height:30px;background:#FFFFFF;/*border:0.2px solid #034F4C;*/border:none;border-radius:5px;padding-left:7px;width:calc(100% - 7px); }
section>div>:nth-child(2) div svg { position:absolute;top:7px;right:7px;cursor:pointer;z-index:2; }
section>div>:nth-child(2) span { font-weight:400;font-size:16px;line-height:20px;color:#FFFFFF; }
section>div>:nth-child(2)>a { margin-left:20px;cursor:pointer;position: relative }
section>div>:nth-child(2)>a img { height:30px;width:30px; }
section>div>:nth-child(2)>div { margin-left:28px;margin-right:41px;position:relative;width:251px;height:30px;border-radius:5px; }
section>div>div { height:47px;display:flex;align-items:center; }
.alert{
    margin-bottom: 0;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 8px 14px 8px 14px;
    font-size: 12px;
}
.alert a{
    color: #23a1d1;
}
.reviews ~ .alert {
    margin-top: -32px;
    margin-bottom: 32px;
}
.adv { max-width:1000px;margin:0 auto 95px auto;display:flex;justify-content:space-between; }
.adv>* { text-align:center; }
.adv>*>:nth-child(1) { margin-bottom:15px;font-weight:700;font-size:55px;line-height:115.2%;text-align:center;color:#034F4C;width: 247px; }
.adv>*>:nth-child(1)>div { display:inline; }
.adv>*>:nth-child(2) { max-width:185px;font-weight:400;font-size:20px;line-height:24px;text-align:center;color:#034F4C;margin: 0 auto }
.anim { color:white;margin:0 auto;width:30px;height:30px;animation-name:bounce;animation-duration:2s; }
.anim div { animation-name:rotate;animation-duration:2s;animation-timing-function:ease-out; }
.article h1 { margin-top:0;font-style:normal;font-weight:500;font-size:35px;line-height:43px;color:#034F4C; }
.article hr { height:2px;background:rgba(3, 79, 76, 0.2);border:none;margin-bottom:26px; }
/*.article hr ~ div { max-width:466px; }*/
.article img { width:100%;margin-bottom:4px; }
.article small { margin-top:20px;margin-bottom:33px;font-style:italic;font-weight:300;font-size:20px;line-height:24px;color:#034F4C; }
.article, .article2 { max-width:1166px;margin:0 auto;display:grid;grid-template-columns:49% 51%;font-style:normal;font-weight:300;font-size:16px;line-height:20px;color:#000000;grid-gap:30px;
    display: flow-root;
    grid-template-columns: 49% 51%;
    grid-gap: 46px;
}
.article>:nth-child(1) {
    float: left;
    margin-right: 46px;
}
.article2 { display:block;margin-bottom: 61px }
.article2>div { margin-left:125px;max-width:944px; }
/*.article>div:nth-of-type(2) { max-width:571px; }*/
.call { display:flex;align-items:center;justify-content:center;height:121px;background:#7E8681;position: relative }
.call>:nth-child(1) { font-weight:600;font-size:28px;margin-right:33px;color:#FFFFFF; }
.call>:nth-child(2) { background:#FFFFFF;border-radius:5px;position:relative;height:55px;width:505px;overflow:hidden; }
.call>:nth-child(2) button { right:5px;bottom:5px;top:5px;background:#063230;padding:0 42px;font-size:16px;position:absolute;color:#FFFFFF;height:45px; }
.call>:nth-child(2) input { background:inherit;border:none;height:55px;width:100%;padding-left:33px; }
.call>:nth-child(2) input::placeholder { color:#6B6B6B; }
.call-success {
    position: absolute;
    background:#7E8681;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    font-weight:400;font-size:24px;color:#FFFFFF;
    display: none;
}
.contact-img {
    height: 844px;
    width: 100%;
    object-fit: cover;
    margin-bottom: -4px;
}
.contact-main{
    position: relative;
}
.contact-main>div{
    position: absolute;
    max-width: 1140px;
    margin: 109px auto 0 auto;
    left: 0;
    right: 0;
}
.contact {
    width: 531px;
    background: #EFF1F0;
    border-radius: 5px;
    padding-top: 50px;
    padding-bottom: 51px;
    height: 403px;
}
.contact h3 {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: #034F4C
}
.contact input,.contact textarea {
    padding: 0;
    width: calc(430px - 30px);
    padding-left: 30px;
    background: #FFFFFF;
    border: 0.5px solid #7D7D7D;
    border-radius: 5px;
    margin-bottom: 9px;
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    height: 38px;
    margin-left: 40px;
}
.contact input::placeholder,.contact textarea::placeholder{color: #063230;font-family:'Montserrat';}
.contact textarea {
    height: calc(91px - 21px);
    padding-top: 21px;
    resize: none;
}
.contact button {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #034F4C;
    width: 233px;
    height: 54px;
    background: #F5C555;
    border-radius: 5px;
    margin: 14px auto 0 auto;
    padding:0;
}
.contact p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: 14px;
    color: #034F4C;
    margin-bottom: 22px;
}
.contact>div:nth-of-type(2)  {
    margin-top: 20px;
    margin-left: 50px;
    display: grid;
    grid-template-columns: 37px 2px auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #034F4C;
    max-width: 270px;
    margin: 16px auto 30px auto;
}
.contact>div:nth-of-type(2) > div > div {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 16px;
}
.contact>div:nth-of-type(2) >div:nth-of-type(1){
    padding-left: 16px;
}
.contact>div:nth-of-type(2) >div:nth-of-type(2){
    padding-top: 9px;
    padding-left: 12px;
}
.contact>div:nth-of-type(2)  svg:first-of-type {
    margin-top: 5px;
}
.contact>div strong {
    font-weight: 500;
}

.contact>div:nth-of-type(1)   {
    margin-top: 26px;
    margin-left: 50px;
    display: grid;
    grid-template-columns: 37px 2px auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
    max-width: 270px;
    margin: 30px auto;
}
.contact>div:nth-of-type(1) a {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: #034F4C !important;
    margin-bottom: 16px;
    cursor: pointer;
    text-decoration: none;
}
.contact>div:nth-of-type(1) a:last-of-type {
    margin-bottom: 0;
}
.contact>div:nth-of-type(1) div {
    display: grid;
    grid-template-columns: 100%;
    margin-left: 16px;
    margin-top: 5px;
}
.contact>div:nth-of-type(3) {
    margin: 0 auto;
    margin-left: 50px;
    margin-top: 24px;
    display: grid;
    grid-template-columns: 37px 2px auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
}
.contact>div:nth-of-type(3) svg:nth-of-type(1) {
    margin-top: 4px;
}
.contact>div:nth-of-type(3)>div{
    margin-top: 4px;
    margin-left: 16px;
}

.contact>div:nth-of-type(4) {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact>div:nth-of-type(4) > a {
    margin-right: 20px;
    margin-left: 20px;
}

.contact-right {
    float: right;
    margin-top: 107px;
}
.contact-right hr{
    height: 38px;
    border: none;
}
.contact-right div{
    display: flex;
    justify-content: flex-end;
}
.contact-right div>*{
    margin-left: 20px;
}
.contact-right h4 {
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 17px;
    text-align: right;
}
.contact-right a {
    display: flex;
    justify-content: flex-end;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 9px;
}
.contact-right img {
    margin-right: 10px;
}

.window {
    max-width: 1170px;
    height: 539px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: 0 auto;
    position: relative;
    margin-top: 60px;
}
.window h2 {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 43px;
    text-align: left;
    margin: 34px auto 33px 65px;
}
.window>button {
    background: #F5C555;
    border-radius: 5px 0px 0px 5px;
    font-weight: 700;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #034F4C;
    padding-left: 26px;
    padding-right: 18px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 42px;
}
.window>div {
    display: flex;
}
.window>div>:nth-child(1) {
    max-width: 539px;
    width: 100%;
}
.window>div>:nth-child(2) {
    width: 100%;
}
.window>div>:nth-child(1)>img {
    width: 100%;
    height: auto;
}
.window>div>:nth-child(1)>:nth-child(1),.window>div>:nth-child(2)>:nth-child(1) {
    height: 30px;
    background: #034F4C;
    position: relative;
}
.window>div>:nth-child(1)>:nth-child(1) img {
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    margin: 0 auto;
}
.window>div>:nth-child(1)>:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
}
.window>div>:nth-child(1)>:nth-child(3)>:nth-child(1){
    height: 1px;
    background: #034F4C;
    width: 100%;
    max-width: 295px;
}
.window>div>:nth-child(1)>:nth-child(3)>:nth-child(2){
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #034F4C;
    margin-left: 26px;
    margin-right: 16px;
}
.window>div>:nth-child(1)>:nth-child(3)>:nth-child(3){
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #034F4C;
    background: #F5C555;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 109px;
    height: 35px;
    padding: 0;
    margin: 0;
}
.window>div>:nth-child(1)>:nth-child(3)>:nth-child(3) svg {
    margin-right: 5px;
}

.window>div>:nth-child(2)>:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.window>div>:nth-child(2)>:nth-child(1)>:nth-child(1){
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-left: 31px;
}
.window>div>:nth-child(2)>:nth-child(1)>:nth-child(2){
    font-weight: 400;.article2
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 116px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.window>div>:nth-child(2)>:nth-child(1)>:nth-child(2) span {
    margin-left: 7px;
}
.window>div>:nth-child(2)>:nth-child(1)>:nth-child(2) svg {
    margin-left: 2px;
}
.window>div>:nth-child(2)>:nth-child(2) {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
    max-width: 486px;
    margin: 32px;
}
.window>div>:nth-child(2)>:nth-child(2) strong {
    font-weight: 500;
    text-transform: uppercase;
}
.grid-about{ display:grid;grid-template-columns:252px auto;max-width: 1038px;margin: 32px auto 78px auto;grid-gap: 54px;
    align-items: center;}
.grid-about img {
    height: 252px;
    width: 252px;
    margin-bottom: 58px;
}
.grid-about p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #034F4C;
    margin: 0;
    max-width: 732px;
}
.grid-about h5 {
    font-weight: 400;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    color: #034F4C;
    margin: 19px 0 0 0;
}
.works {
    display: flex;
    margin-top: 69px;
    margin-bottom: 76px;
    justify-content: space-between;
}
.comments {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 89px;
    max-width: 1052px;
    margin:68px auto 86px auto;
}
.comments strong {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #034F4C;
    margin-bottom: 7px;
}
.comments span {
    display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
    margin-bottom: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    box-orient: vertical;
    height: 40px;
}
.comments p {
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #034F4C;
    margin: 0;
}
.comments>div {
    max-width: 320px;
}

.grid-3{ grid-template-columns:auto 148px 170px;max-width: 703px;margin-left: auto;margin-right: auto;max-width: 702px !important; }
.grid-4 { grid-template-columns:369px 256px 256px auto; }
.grid-5 { grid-template-columns:auto 228px 218px 206px 208px; }
.grid-5.table-grid>*.h { height:99px; }
.grid-7 { grid-template-columns:auto 135px 123px 135px 166px 166px 166px;padding-top: 49px;position: relative }
.grid-8 { grid-template-columns:auto 110px 130px 130px 130px 125px 125px 125px;padding-top: 49px;position: relative }
.grid-7 strong{ position: absolute;
    top: 0;
    right: 174px;
    width: 614px;
    height: 42px;
    background: #F5C555;}
.grid-8 strong{ position: absolute;
    top: 0;
    right: 0;
    width: 923px;
    height: 42px;
    background: #F5C555;
    left: 243px;}
.table-grid strong>:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    line-height: 42px;
    text-align: center;
    color: darkred;
    display: block;
    margin-bottom: 0;
}
.table-grid strong>:nth-child(2) {
    display: none;
    border-top: 1px solid #034F4C;
    border-left: 1px solid #034F4C;
    height: 17px;
}
.grid-4 strong {
    position: absolute;
    top: 0;
    right: 0;
    width: 789px;
    height: 42px;
    background: #F5C555;
}
.grid-5 strong {
    position: absolute;
    top: 0;
    right: 0;
    width: 884px;
    height: 42px;
    background: #F5C555;
}
.grid-72 strong {
    position: absolute;
    top: 0;
    right: 0;
    width: 843px;
    height: 42px;
    background: #F5C555;
    left: 323px;
}
.grid-3 strong {
    position: absolute;
    top: 0;
    right: 0;
    width: 326px;
    height: 42px;
    background: #F5C555;
}
.grid-72 {     grid-template-columns: auto 148px 148px 147px 142px 109px 109px; }
.grid-7.table-grid>*.b,.grid-5.table-grid>*.b,.grid-72.table-grid>*.b,.grid-3.table-grid>*.b { height:50px; }
.grid-7.table-grid>*.b.left {    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #034F4C;
    padding-left: 14px;
    padding-top: 20px;
    padding-right: 5px;
    height: 170px; }
.grid-7.table-grid>*.h { height: 100px;
    padding-left: 2px;
    padding-right: 2px; }
.grid-8.table-grid>*.h { height: 100px;
    padding-left: 2px;
    padding-right: 2px; }
.grid-72.table-grid>*.l,.grid-3.table-grid>*.l { font-weight: 400;font-size: 14px;line-height: 17px;}
.grid-72.table-grid>*.h { height: 134px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-left: 2px;
    padding-right: 2px;}
.grid-72.table-grid>*.h small { height: 100px;
    font-size: 11px;
    line-height: 14px;
    display: block; }
.grid-3.table-grid>*.h {
    height: 90px;
}
.navigation { font-weight:500;font-size:14px;line-height:17px;color:#034F4C;margin-top:41px;margin-bottom:55px;max-width:1166px;margin-left:auto;margin-right:auto;; }
.navigation a { text-decoration:none;color:#034F4C !important; }
.navigation span { font-weight:700; }
.news { max-width:1030px;margin:70px auto 0 auto;width:100%;display:grid;grid-gap:30px;grid-template-columns:repeat(auto-fill, minmax(500px,1fr)); }
.news>* { text-decoration: none }
.news>*>strong { font-weight:600;font-size:16px;line-height:20px;margin-top:14px;color:#034F4C;display:flex;align-items:center;margin-bottom:42px;cursor:pointer; }
.news>*>strong svg { margin-left:8px; }
.news>*>div:nth-of-type(1) { font-style:italic;font-weight:300;font-size:16px;line-height:20px;color:#034F4C;margin-top:22px;margin-bottom:21px; }
.news>*>div:nth-of-type(2) { height:90px;font-style:normal;font-weight:500;font-size:25px;line-height:30px;color:#034F4C; }
.news>*>div:nth-of-type(3) { height:2px;background:rgba(3, 79, 76, 0.2);width:100%;margin-top:18px;margin-bottom:17px; }
.news>*>div:nth-of-type(4) { font-style:normal;font-weight:300;font-size:16px;line-height:20px;color:#034F4C;height:62px;overflow:hidden;text-overflow:ellipsis;display:-moz-box;-moz-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical; }
.pagination { margin-top:52px;display:flex;justify-content:center;margin-bottom:92px;align-items:center; }
.pagination a { width:28px;height:28px;background:none;border:1px solid transparent;display:flex;justify-content:center;align-items:center;font-weight:400;font-size:18px;line-height:22px;text-transform:uppercase;color:#034F4C;margin:0 5px;cursor:pointer; }
.pagination a.active { background:#F5C555;border:1px solid #F5C555; }
amp-selector.pagination [option][selected] { background:#F5C555;border:1px solid #F5C555;outline: none; }
.poster { background-image:url("/catalog/view/theme/default/images/par.jpg");/* Set a specific height */min-height:473px;/* Create the parallax scrolling effect */background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative; }
.poster div { position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5); }
.poster img { width:100%;height:auto; }
/*.recommended { max-width:1166px;margin:0 auto 77px auto;display:grid;grid-gap:13px;grid-template-columns:33.33% 33.33% 33.33%; }*/
/*.recommended { max-width:1166px;margin:0 auto 77px auto;display:grid;grid-gap:13px;grid-template-columns:33.33% 33.33% 33.33%; }*/
/*.recommended div[role=listitem] { background:#FFFFFF;border:1px solid #C7C7C7;border-radius:5px;margin-right: 12px !important; }*/
/*.recommended div[role=listitem] img { width:100%; }*/
/*.recommended div[role=listitem]>a {height: 58px;    overflow: hidden;text-overflow: ellipsis;display: -moz-box;-moz-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-clamp: 2;box-orient: vertical;text-decoration: none; margin:20px auto;font-weight:400;font-size:24px;line-height:29px;text-align:center;color:#034F4C;max-width:342px; }*/
/*.recommended div[role=listitem]>div:nth-of-type(1) { margin:20px auto;font-weight:400;font-size:24px;line-height:29px;text-align:center;color:#034F4C;max-width:342px; }*/
/*.recommended div[role=listitem]>div:nth-of-type(2) { font-weight:700;font-size:20px;line-height:24px;text-align:center;color:#034F4C; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) { max-width:307px;margin-right:auto;margin-left:auto;margin-top:33px;margin-bottom:44px;display:flex;align-items:center;justify-content:space-between; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) button { width:204px;height:40px;padding:0 43px;background:#F5C555;border-radius:5px;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#034F4C;display:flex;align-items:center; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) button svg { margin-right:14px; }*/
.sep { position:relative; }
.sep div { background-image:url(/catalog/view/theme/default/images/sep.png);min-height:44px;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;right:0;top:-43px; }
.sep svg { position:absolute;left:0;right:0;top:-70px;margin:0 auto;cursor:pointer;z-index:3; }
.services { max-width:1130px;margin:0 auto;grid-gap:30px;grid-template-columns:repeat(auto-fill, minmax(550px,1fr));display:grid; }
.services>* { background:#034F4C;border-radius:5px;position:relative;height:200px; }
.services>*:hover { background:#FFFFFF;box-shadow:0px 0px 22px 3px rgba(51, 190, 135, 0.4); }
.services>*:hover>div>div:nth-of-type(1),.services>*:hover>div>div:nth-of-type(2),.services>*:hover>div>div:nth-of-type(3) { color:#034F4C !important; }
.services>*:hover>svg,.services>*:hover>div>div:nth-of-type(3) svg { fill:#034F4C !important; }
.services>*>div { position:absolute;top:46px;left:170px; }
.services>*>div>div:nth-of-type(3) { font-size:16px;line-height:20px;color:#F5C555 !important;cursor:pointer; }
.services>*>div>div:nth-of-type(3) svg { margin-left:5px;fill:#F5C555; }
.services>*>div>div:nth-of-type(1) { font-weight:600;font-size:24px;line-height:29px;color:#FFFFFF;margin-bottom:17px; }
.services>*>div>div:nth-of-type(2) { font-weight:400;font-size:16px;line-height:20px;color:#FFFFFF;margin-bottom:30px;max-width:350px; }
.services>*>svg { fill:#F5C555;position:absolute;left:40px;top:50px; }
.services>:nth-child(4)>div { top:35px; }
.services>:nth-child(4)>div.r { top:15px; }
.services>:nth-child(4)>div>div:nth-of-type(2) { margin-bottom:10px; }
.services>:nth-child(4)>svg { top:60px; }
.services>:nth-child(5)>div,.services>:nth-child(6)>div { top:68px; }
.services>:nth-child(5)>svg { top:40px; }
i.circle:before { -webkit-mask:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.21923' cy='9.21923' r='9.21923' fill='%23F5C555'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.21923' cy='9.21923' r='9.21923' fill='%23F5C555'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;display:inline-block;content:'';width: 19px;height: 19px;background-color:#F5C555; margin-bottom:-2px; }
.slider { height:530px; }
.slider-top { position:relative;z-index:3; }
.slider-top.blog>div { top:201px; }
.slider-top.blog.about>div { top:126px; }
.slider-top.blog.meter>div { top:92px; }
.slider-top.conduct>div { top:165px; }
.slider-top.conduct2>div { top:130px; }
.slider-top.meter>div { top:104px;max-width:1140px;margin:0 auto; }
.slider-top.master>div { top:180px;max-width:523px;margin:0 auto; }
.slider-top>div { top:160px;position:absolute;left:0;right:0; }
.slider-top>div>button { margin:0 auto;padding:0 44px;font-weight:500;height: 56px; }
.slider-top>div>button svg { margin-left:26px; }
.slider-top>div>div { font-weight:700;font-size:42px;line-height:50px;text-align:center;text-transform:uppercase;color:#FFFFFF;max-width:978px;margin:0 auto 24px auto; }
.slider.slider-2 { height:427px; }
.slider.slider-2>div { height:427px; }
.slider>div { position:relative;height:530px; }
.slider>div img { object-fit:cover;width:100%; }
/*.slider>div img.mob { display:none; }*/
.table-grid { margin-top:44px;display:grid;grid-gap:8px;max-width: 1166px;margin: 44px auto 0 auto;position: relative;padding-top: 49px; }
.table-grid>* {  }
.table-grid>*.b { display:flex;justify-content:center;align-items:center;background:#FFFFFF;height:70px;font-size: 16px;line-height: 20px;text-align: center;color: #034F4C; }
.table-grid>*.b.large { height: 88px;font-size: 14px; }
.table-grid>*.b.grid {grid-template-columns: calc(50% - 4px) calc(50% - 4px);background: none;display: grid;grid-gap: 8px; }
.table-grid .f-grid {grid-template-columns: calc(50% - 4px) calc(50% - 4px);display: grid;grid-gap: 8px; }
.table-grid>*.b.grid>* { background: #FFFFFF;height: 100%;display: flex;justify-content: center;align-items: center; }
.table-grid .f { height:118px;text-align:center; }
.table-grid .f>:nth-child(1) { font-weight:700;font-size:20px;line-height:24px;text-align:center;color:#034F4C;margin:12px auto 8px auto; }
.table-grid .f>:nth-child(2) { font-weight:600;font-size:14px;line-height:16px;text-align:center;color:#034F4C;background:#F5C555;border-radius:5px;display:flex;align-items:center;justify-content:center;width:109px;height:35px;padding:0;margin-left:auto;margin-right:auto; }
.table-grid .f>:nth-child(2) svg { margin-right:5px; }
.table-grid .f>:nth-child(3) {cursor: pointer; font-weight: 300;font-size: 14px;text-decoration-line: underline;color: #034F4C !important;display: block;line-height: 34px; }
.table-grid>*.h { font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#FFFFFF;background:#034F4C;display:flex;align-items:center;justify-content:center;height:70px; }
.table-grid>*.l { font-style:normal;font-weight:300;font-size:17px;line-height:22px;color:#034F4C;display:flex;align-items:center; }
.table-grid ~ p {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #034F4C;
    max-width: 488px;
    margin: 91px auto 64px auto;
}
.table-tg{cursor:pointer;user-select:none;font-weight: 400;font-size: 40px;line-height: 49px;text-align: center;color: #034F4C;display: flex;align-items: center;justify-content: center}
.table-tg svg {
    margin-left: 22px;
    margin-top: 9px;
}
.table-tg.closed svg{
    transform: rotate(180deg);
}
.table-bread {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #034F4C;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 34px auto 28px;
    max-width: 1164px;
    font-size: 18px;
    font-weight: 600;
}
.table-bread a {
    font-weight: 400;
    color: #034F4C !important;
    text-decoration: none;
}
.table-bread span {
    margin: 0 4px;
}
.table-bread ~ p {
    margin-bottom: 40px;
    margin-top: 40px;
}
.works2 amp-img {
    margin-right: 10px !important;
}
#lightbox2 button { margin-top:17px; }
#lightbox2 h5 { margin:38px 0; }
#lightbox2 input { margin-bottom:17px;margin-top:0; }
#search-close { position:absolute;top:6px;left:-24px;cursor:pointer;z-index:2;height:20px;width:20px;color:white; }
#search-result { position:absolute;top:48px;left:-85px;right:-8px;background:white;display:none; }
#search-result>a { padding:0 7px 7px 7px;font-size:11px;height:auto;display:flex;width:100%;align-items:center;color:#034F4C;text-decoration:none;font-weight:500; }
#search-result>a div { max-width:80%; }
#search-result>a img { max-width:45px;float:left;margin-right:12px;height:40px;object-fit:cover; }
#search-result>a:nth-of-type(1) { padding-top:7px; }
img.master {
    height: 427px;
    width: 100%;
}
.items,.recommended {
    max-width:1164px;
    width: 100%;
    display:grid;
    margin:76px auto 97px;
    grid-gap:12px;
    grid-template-columns:repeat(auto-fill, minmax(380px,1fr));
}
.items>*>img,.recommended .i-amphtml-carousel-slotted>img {
    width: 100%;
    max-height: 170px;
    object-fit: cover;
}
.items>*>a,.recommended .i-amphtml-carousel-slotted>a{
    font-weight: 400;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    color: #034F4C !important;
    max-width: 350px;
    margin: 20px auto 34px auto;
    display: block;
    text-decoration: none;
    height: 116px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    box-orient: vertical;
}
.items>*,.recommended .i-amphtml-carousel-slotted{
    margin-bottom: 29px;
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    position: relative;
}
.recommended .i-amphtml-carousel-slotted{
    margin-right: 12px !important;
}
.items span,.recommended .i-amphtml-carousel-slotted span {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #034F4C;
}
.items button,.recommended .i-amphtml-carousel-slotted button {
    height: 40px;
    background: #F5C555;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #034F4C;
    padding: 0 43px;
    display: flex;
    align-items: center;
}
.checkbox .text-danger {
    font-size: 13px;
    line-height: 14px;
}
.radio_shipping input[type=radio] {
    margin: -2px 6px 0 0;
}
.radio_shipping label {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: black;
    margin-top: 10px;
}
.items button svg,.recommended .i-amphtml-carousel-slotted button svg {
    margin-right: 15px;
}
.items a, .recommended .i-amphtml-carousel-slotted a {
    cursor: pointer;
}
.items>*>div:nth-of-type(1),.recommended .i-amphtml-carousel-slotted>div:nth-of-type(1)  {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 36px;
    padding-right: 10px;
    justify-content: space-between;
    margin-bottom: 30px;
}
.items>*>div:nth-of-type(2),.recommended .i-amphtml-carousel-slotted>div:nth-of-type(2) {
    position: absolute;
    right: 0;
    top: 12px;
    width: 70px;
    height: 42px;
    background: linear-gradient(270deg, rgba(245, 245, 245, 0.8) 63.92%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 11px;
    padding-right: 16px;
}
.items>*>div:nth-of-type(3), .recommended .i-amphtml-carousel-slotted>div:nth-of-type(3) {
    position: absolute;
    left: 0;
    top: 0;
}
.items>*>div:nth-of-type(3) img, .recommended .i-amphtml-carousel-slotted>div:nth-of-type(3) img {
    height: 120px;
    width: auto;
}
.items>*>div:nth-of-type(4), .recommended .i-amphtml-carousel-slotted>div:nth-of-type(4) {
    position: absolute;
    left: 0;
    right: 0;
    top: 135px;
}
.items>*>div:nth-of-type(4) div, .recommended .i-amphtml-carousel-slotted>div:nth-of-type(4) div {
    height: 35px;
    background: #F5C555;
    font-weight: 700;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #AA190E;

}
.items.flex-end>*>div:nth-of-type(2) {
    justify-content: flex-end;
}
#remove-files {
    display: flex;
    align-items: center;
    font-size: 11px;
    color: grey;
    fill: #F00;
    cursor: pointer;
    display: none;
}
#remove-files svg {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    fill: grey;
}
.remove-file {
    display: flex;
    align-items: center;
}
.remove-file svg {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    fill: #F00;
}
.go-home {
    font-size: 16px;
    margin: 0;
    line-height: 26px;
    font-weight: 500;
    color: #034F4C;
    text-decoration: underline;
}
/*.recommended { max-width:1166px;margin:0 auto 77px auto;display:grid;grid-gap:13px;grid-template-columns:33.33% 33.33% 33.33%; }*/
/*.recommended { max-width:1166px;margin:0 auto 77px auto;display:grid;grid-gap:13px;grid-template-columns:33.33% 33.33% 33.33%; }*/
/*.recommended div[role=listitem] { background:#FFFFFF;border:1px solid #C7C7C7;border-radius:5px;margin-right: 12px !important; }*/
/*.recommended div[role=listitem] img { width:100%; }*/
/*.recommended div[role=listitem]>a {height: 58px;    overflow: hidden;text-overflow: ellipsis;display: -moz-box;-moz-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-clamp: 2;box-orient: vertical;text-decoration: none; margin:20px auto;font-weight:400;font-size:24px;line-height:29px;text-align:center;color:#034F4C;max-width:342px; }*/
/*.recommended div[role=listitem]>div:nth-of-type(1) { margin:20px auto;font-weight:400;font-size:24px;line-height:29px;text-align:center;color:#034F4C;max-width:342px; }*/
/*.recommended div[role=listitem]>div:nth-of-type(2) { font-weight:700;font-size:20px;line-height:24px;text-align:center;color:#034F4C; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) { max-width:307px;margin-right:auto;margin-left:auto;margin-top:33px;margin-bottom:44px;display:flex;align-items:center;justify-content:space-between; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) button { width:204px;height:40px;padding:0 43px;background:#F5C555;border-radius:5px;font-weight:400;font-size:16px;line-height:20px;text-align:center;color:#034F4C;display:flex;align-items:center; }*/
/*.recommended div[role=listitem]>div:nth-of-type(3) button svg { margin-right:14px; }*/
.products {
    max-width:1164px;
    width: 100%;
    display:grid;
    margin:76px auto 97px;
    grid-gap:12px;
    grid-template-columns:repeat(auto-fill, minmax(380px,1fr));
}
.products.master {
    max-width:798px;
    grid-gap:38px;
}
.products>*{
    margin-bottom: 7px;
    background: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 5px;
}
.products>*>img{
    width: 100%;
    /*height: auto;*/
    max-height: 180px;
    object-fit: cover;
}
.products>*>a{
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    text-align: center;
    color: #034F4C !important;
    max-width: 396px;
    margin: 30px auto 38px auto;
    display: block;
    text-decoration: none;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
}
.products>*>:nth-child(3) {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #034F4C;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.products>*>:nth-child(3) svg {
    margin-right: 2px;
}
.products>*>:nth-child(3) span {
    margin-left: 6px;
}
.products>*>:nth-child(4) {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #034F4C;
    text-align: center;
    margin-top: 23px;
}
.products.conduct>*>:nth-child(4) {
    margin-top: 0;
}
.products>*>:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 286px;
    margin: 33px auto 43px auto;
    cursor: pointer;
}
.products>*>:nth-child(5)>:nth-child(1) {
    height: 40px;
    background: #F5C555;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #034F4C;
    padding: 0 43px;
    display: flex;
    align-items: center;
}
.products>*>:nth-child(5)>:nth-child(1) svg {
    margin-right: 15px;
}
.alert-dismissable .close, .alert-dismissible .close{
    right: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
h1 {
    font-weight: 500;
    font-size: 35px;
    line-height: 43px;
    color: #034F4C;
    margin: 23px 0 34px 0;
}
main {
    max-width: 1166px;
    margin: 0 auto;
}
.grid-1.flex {
    display: flex;
}
.grid-1>:nth-child(1) {
    float: left;
    margin-right: 46px;
    position: relative;
}
.slider-2.slider-3>div img {
    margin-top: 0;
}

#account-edit,#account-register,#account-login,#account-wishlist,#product-compare,#checkout-cart,#account-order,#account-address,#account-forgotten {
    background: white;
}
#account-register {
    padding-bottom: 28px;
}
#compare-total {
    position: absolute;
    text-decoration: none;
    line-height: 20px;
    top: -6px;
    right: -8px;
    border-radius: 50%;
    background: white;
    color: black;
    font-weight: 800;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
#fav-total {
    position: absolute;
    text-decoration: none;
    line-height: 20px;
    top: -6px;
    right: -8px;
    border-radius: 50%;
    background: white;
    color: black;
    font-weight: 800;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
#column-right {
    padding-top: 15px;
    box-shadow: 1px 0 0 0 #F6F6F6;
    margin-top: 20px;
}
#column-right .list-group a {
    border: none;
    color: black;
    padding: 0 12px;
    height: 35px;
    display: flex;
    align-items: center;
    position: relative;
}
#column-right .list-group a.active {
    background: #dff0d8;
}
#column-right .list-group a:first-of-type {
    height: 46px;
    /*box-shadow: inset 0 -1px 0 0 #F6F6F6;*/
}
#column-right .list-group a strong {
    height: 16px;
    min-width: 16px;
    background: #034F4C;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    position: absolute;
    right: 20px;
    top:10px;
    font-size: 11px;
    font-weight: 500;
}
#column-right .list-group a span {
    height: 25px;
    min-width: 25px;
    background: #F4F4F4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
}
#column-right .list-group a span img {
    height: 14px;
    width: 14px;
}
#content h1 {
    color: black;
    font-size: 28px;
}
#content strong > span {
    font-weight: 800;
}
#content {
    padding-left: 28px;
    padding-right: 28px;
}
#content legend {
    border: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
}
#content legend img {
    height: 20px;
    width: 20px;
    margin-right: 12px;
}
#content fieldset {
    box-shadow: 1px 1px 0 0 #F6F6F6, -1px -1px 0 0 #F6F6F6;
    margin: 1px;
    padding: 16px;
    margin-bottom: 28px;
}
#content .btn-primary {
    height: 32px;
    line-height: 32px;
    background: #034F4C;
    color: white;
    padding: 0 14px;
    width: 100%;
    margin-bottom: 10px;
}
#content .btn-primary:hover {
    background: #034F4C;
    color: white;
}
#content .form-control {
    box-shadow: inset 0 0 0px 1px #E3E3EB;
    border: none;
}
#content .form-horizontal .control-label {
    font-weight: 600;
    color: black;
    font-size: 11px;
}
.well {
    margin-top: 20px;
}
.btn-default {
    border: none;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
}
.flex-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    height: 100%;
}
.flex-btn button {
    margin: 0 5px;
}
#content .products>*>img {
    max-height: 180px;
    object-fit: cover;
}

#bird {
    animation: popDiv 1.5s alternate ease-in-out;
}
#file-name {
    font-weight: 500;
    color: #034F4C;
    margin-top: 6px;
    font-size: 13px;
    padding-left: 2px;
    position: relative;
    margin-bottom: 10px;
}
#lightbox4 {
    display: none;
    position: fixed!important;
    z-index: 1000;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    background: rgba(0,0,0,0.4);
}
.box-1 {
    position: relative;
    z-index: 2;
    max-width: 360px;
    min-height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 1px rgb(12 176 230 / 30%);
    border-radius: 8px;
    margin: 30% auto 0 auto;
    padding: 20px 10px 10px 10px;
}
.box-1>svg {
    position: absolute;
    top: 0;
    padding: 15px;
    cursor: pointer;
    right: 0;
    width: 20px;
    height: 20px;
}
.bx-close {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.box-1>p {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin: 20px auto;
    font-weight: 500;
}
.box-1>div {
    display: flex;
    justify-content: space-between;
}
.box-1 a {
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #034F4C;
    background: #F5C555;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45%;
    height: 40px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}
.box-1 button {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #034F4C;
    background: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55%;
    height: 40px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    font-size: 14px;
    line-height: 50px;
}
.pull-right input[type=checkbox] {
    transform: scale(1.4);
    margin-left: 12px;
}
.success-result h3 {
    margin: 0 0 32px 0;
    font-size: 22px;
    text-align: left;
    line-height: 26px;
    font-weight: 600;
}
.success-result p {
    font-size: 16px;
    margin: 9px;
}
.success-result h6 {
    font-size: 16px;
    margin: 0;
    line-height: 26px;
    font-weight: 500;
}

.tracker {
    max-width: 800px;
    width: 100%;
    background: none;
    height: 200px;
    position: relative;
    margin-bottom: 100px;
    display: none;
}
.tracker strong {
    height: 4px;
    background: #F5C555;
    display: block;
    position: absolute;
    top: 50%;
    min-width: 20px;
}
.tracker i {
    height: 12px;
    width: 12px;
    background: #F5C555;
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    border-radius: 6px;
}
.tracker span {
    display: block;
    position: absolute;
    max-width: 150px;
    text-align: center;
    font-size: 12.0px;
    line-height: 18px;
    color: black;
    font-weight: 500;
}
.tracker b {
    font-weight: 600;
}
/* tr-1 */
.tr-1 strong:nth-of-type(1) {
    width: 33%;
    left: 0;
    background: #F5C555;
}
.tr-1 strong:nth-of-type(2) {
    width: 33%;
    left: 33%;
}
.tr-1 strong:nth-of-type(3) {
    width: 34%;
    left: 66%;
}
.tr-1 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-1 i:nth-of-type(2) {
    left: 33%;
}
.tr-1 i:nth-of-type(3) {
    left: 66%;
}
.tr-1 i:nth-of-type(4) {
    right: 0;
}
.tr-1 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-1 span:nth-of-type(2) {
    left: 24%;
    top: 16%;
}
.tr-1 span:nth-of-type(3) {
    left: 58%;
    top: 65%;
}
.tr-1 span:nth-of-type(4) {
    right: 0;
    top: 16%;
    text-align: right;
    max-width: 190px;
}
/* tr-2 */
.tr-2 strong:nth-of-type(1) {
    width: 50%;
    left: 0;
    background: #F5C555;
}
.tr-2 strong:nth-of-type(2) {
    width: 50%;
    left: 50%;
}
.tr-2 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-2 i:nth-of-type(2) {
    left: 50%;
}
.tr-2 i:nth-of-type(3) {
    right: 0;
}
.tr-2 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-2 span:nth-of-type(2) {
    left: 40%;
    text-align: center;
    top: 16%;
}
.tr-2 span:nth-of-type(3) {
    right: 0;
    top: 65%;
    text-align: right;
}
/* tr-3 */

.tr-3 strong:nth-of-type(1) {
    width: 20%;
    left: 0;
    background: #F5C555;
}
.tr-3 strong:nth-of-type(2) {
    width: 20%;
    left: 20%;
}
.tr-3 strong:nth-of-type(3) {
    width: 20%;
    left: 40%;
}
.tr-3 strong:nth-of-type(4) {
    width: 20%;
    left: 60%;
}
.tr-3 strong:nth-of-type(5) {
    width: 20%;
    left: 80%;
}
.tr-3 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-3 i:nth-of-type(2) {
    left: 20%;
}
.tr-3 i:nth-of-type(3) {
    left: 40%;
}
.tr-3 i:nth-of-type(4) {
    left: 60%;
}
.tr-3 i:nth-of-type(5) {
    left: 80%;
}
.tr-3 i:nth-of-type(6) {
    right: 0;
}
.tr-3 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-3 span:nth-of-type(2) {
    left: 12%;
    top: 10%;
}
.tr-3 span:nth-of-type(3) {
    left: 31%;
    top: 65%;
}
.tr-3 span:nth-of-type(4) {
    left: 52%;
    top: 16%;
}
.tr-3 span:nth-of-type(5) {
    left: 72%;
    top: 65%;
}
.tr-3 span:nth-of-type(6) {
    right: 0;
    top: 16%;
    text-align: right;
}

/* tr-4 */
.tr-4 strong:nth-of-type(1) {
    width: 25%;
    left: 0;
    background: #F5C555;
}
.tr-4 strong:nth-of-type(2) {
    width: 25%;
    left: 25%;
}
.tr-4 strong:nth-of-type(3) {
    width: 25%;
    left: 50%;
}
.tr-4 strong:nth-of-type(4) {
    width: 25%;
    left: 75%;
}

.tr-4 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-4 i:nth-of-type(2) {
    left: 25%;
}
.tr-4 i:nth-of-type(3) {
    left: 50%;
}
.tr-4 i:nth-of-type(4) {
    left: 75%;
}
.tr-4 i:nth-of-type(5) {
    right: 0;
}
.tr-4 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-4 span:nth-of-type(2) {
    left: 17%;
    top: 16%;
}
.tr-4 span:nth-of-type(3) {
    left: 41%;
    top: 65%;
    max-width: 170px;
}
.tr-4 span:nth-of-type(4) {
    left: 67%;
    top: 10%;
}
.tr-4 span:nth-of-type(5) {
    right: 0;
    top: 65%;
    text-align: right;
}

/* tr-5 */
.tr-5 strong:nth-of-type(1) {
    width: 20%;
    left: 0;
    background: #F5C555;
}
.tr-5 strong:nth-of-type(2) {
    width: 16%;
    left: 20%;
}
.tr-5 strong:nth-of-type(3) {
    width: 16%;
    left: 36%;
}
.tr-5 strong:nth-of-type(4) {
    width: 16%;
    left: 52%;
}
.tr-5 strong:nth-of-type(5) {
    width: 16%;
    left: 68%;
}
.tr-5 strong:nth-of-type(6) {
    width: 16%;
    left: 84%;
}
.tr-5 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-5 i:nth-of-type(2) {
    left: 20%;
}
.tr-5 i:nth-of-type(3) {
    left: 36%;
}
.tr-5 i:nth-of-type(4) {
    left: 52%;
}
.tr-5 i:nth-of-type(5) {
    left: 68%;
}
.tr-5 i:nth-of-type(6) {
    left: 84%;
}
.tr-5 i:nth-of-type(7) {
    right: 0;
}
.tr-5 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-5 span:nth-of-type(2) {
    left: 12%;
    top: 10%;
}
.tr-5 span:nth-of-type(3) {
    left: 28%;
    top: 65%;
}
.tr-5 span:nth-of-type(4) {
    left: 44%;
    top: 16%;
}
.tr-5 span:nth-of-type(5) {
    left: 60%;
    top: 65%;
}
.tr-5 span:nth-of-type(6) {
    left: 76%;
    top: 10%;
}
.tr-5 span:nth-of-type(7) {
    right: 0;
    top: 65%;
    text-align: right;
}

/* tr-6 */
.tr-6 strong:nth-of-type(1) {
    width: 34%;
    left: 0;
    background: #F5C555;
}
.tr-6 strong:nth-of-type(2) {
    width: 33%;
    left: 34%;
}
.tr-6 strong:nth-of-type(3) {
    width: 33%;
    left: 67%;
}
.tr-6 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-6 i:nth-of-type(2) {
    left: 34%;
}
.tr-6 i:nth-of-type(3) {
    left: 67%;
}
.tr-6 i:nth-of-type(4) {
    right: 0;
}
.tr-6 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-6 span:nth-of-type(2) {
    left: 26%;
    top: 16%;
}
.tr-6 span:nth-of-type(3) {
    left: 58%;
    top: 65%;
}
.tr-6 span:nth-of-type(4) {
    right: 0;
    top: 16%;
    text-align: right;
}

/* tr-7 */
.tr-7 strong:nth-of-type(1) {
    width: 100%;
    left: 0;
    background: #F5C555;
}
.tr-7 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-7 i:nth-of-type(2) {
    right: 0;
}
.tr-7 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-7 span:nth-of-type(2) {
    right: 0;
    top: 16%;
    text-align: right;
}

/* tr-8 */
.tr-8 strong:nth-of-type(1) {
    width: 100%;
    left: 0;
    background: #F5C555;
}
.tr-8 i:nth-of-type(1) {
    left: 0;
    background: #34BC84;
}
.tr-8 i:nth-of-type(2) {
    right: 0;
}
.tr-8 span:nth-of-type(1) {
    left: 0;
    text-align: left;
    top: 65%;
}
.tr-8 span:nth-of-type(2) {
    right: 0;
    top: 10%;
    max-width: 190px;
    text-align: right;
}
.tr-7,.tr-8 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.tr-2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.tracker.st-2 strong:nth-of-type(1) {
    background: #34BC84;
}
.tracker.st-2 i:nth-of-type(2) {
    background: #34BC84;
}

.tracker.st-3 strong:nth-of-type(1),.tracker.st-3 strong:nth-of-type(2) {
    background: #34BC84;
}
.tracker.st-3 i:nth-of-type(2),.tracker.st-3 i:nth-of-type(3) {
    background: #34BC84;
}
.tracker.st-4 strong:nth-of-type(1),.tracker.st-4 strong:nth-of-type(2),.tracker.st-4 strong:nth-of-type(3) {
    background: #34BC84;
}
.tracker.st-4 i:nth-of-type(2),.tracker.st-4 i:nth-of-type(3),.tracker.st-4 i:nth-of-type(4) {
    background: #34BC84;
}

.tracker.st-5 strong:nth-of-type(1),.tracker.st-5 strong:nth-of-type(2),.tracker.st-5 strong:nth-of-type(3),.tracker.st-5 strong:nth-of-type(4) {
    background: #34BC84;
}
.tracker.st-5 i:nth-of-type(2),.tracker.st-5 i:nth-of-type(3),.tracker.st-5 i:nth-of-type(4),.tracker.st-5 i:nth-of-type(5) {
    background: #34BC84;
}

.tracker.st-6 strong:nth-of-type(1),.tracker.st-6 strong:nth-of-type(2),.tracker.st-6 strong:nth-of-type(3),.tracker.st-6 strong:nth-of-type(4),.tracker.st-6 strong:nth-of-type(5) {
    background: #34BC84;
}
.tracker.st-6 i:nth-of-type(2),.tracker.st-6 i:nth-of-type(3),.tracker.st-6 i:nth-of-type(4),.tracker.st-6 i:nth-of-type(5),.tracker.st-6 i:nth-of-type(6),.tracker.st-6 i:nth-of-type(7) {
    background: #34BC84;
}
.trackers {
    margin: 0 auto;
    max-width: 800px;
}
.form-horizontal .radio label {
    font-size: 14px;
    font-weight: 500;
}
#account-order .btn-info {
    background-color: #034F4C;
    border-color: #063230;
    background-image: none;
}
#account-order .btn-info:hover {
    background-color: #034F4C;
    border-color: #063230;
    background-image: none;
}

@keyframes popDiv {
    0%   {transform: scale(.2)  rotate(90deg);}
    100% {transform: scale(1) rotate(360deg);}
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}
@media (max-width: 1500px) {
    .slider {
        height: 400px;
    }
    .slider>div {
        height: 400px;
    }
    .slider-top>div {
        top: 88px;
    }
    .slider>div img {
        display: none;
    }
    .slider>div img.mob {
        display: block;
    }
    .slider-2>div img.mob {
        transform: scale(1.17);
    }
    .slider.slider-2 {
        height: 427px;
    }
    .slider.slider-2>div {
        height: 427px;
    }
}
@media (max-width: 1350px) {
    .slider>div img.mob {
        transform: scale(1.4);
    }
    .slider-2>div img.mob {
        transform: scale(1.48);
    }
}
@media (max-width: 1200px) {
    .slider>div img.mob {
        transform: scale(1.7);
    }
}
@media (max-width: 1060px) {
    .slider>div img.mob {
        transform: scale(1.8);
    }
}

@media (min-width: 1500px) {
    .slider-2>div img {
        margin-top: -16px;
    }
}
@media (min-width: 1600px) {
    .slider-2>div img {
        margin-top: -40px;
    }
}
@media (min-width: 1723px) {
    .slider-2>div img {
        margin-top: -80px;
    }
}
@media (min-width: 1900px) {
    .slider-2>div img {
        margin-top: -130px;
    }
    .slider-2.slider-3>div img {
        margin-top: 0;
    }
}



@media (max-width: 1800px) and (min-width: 1500px) {
    .slider-1 .slick-slide:first-of-type img {
        transform: scale(1.4);
    }
}


@media (max-width: 1000px) {
    .grid-5 strong {
        left: 193px;
    }
    .grid-3 strong {
        width: 270px;
        left: 254px;
    }
    .grid-4 strong {
        width: 544px;
        left: 277px;
    }
    .grid-about {
        display: block;
    }
    .grid-about img {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }
    .adv {
        display: grid;
        grid-template-columns: 50% 50%;
        max-width: 95%;
        margin-bottom: 50px;
    }
    .adv>*>:nth-child(1) {
        font-size: 32px;
        width: 100%;
    }
    .adv>*>:nth-child(2) {
        font-size: 18px;
        line-height: 20px;
        width: 100%;
    }
    .adv>* {
        margin-bottom: 24px;
    }
    body>p {
        margin: 0 auto 55px auto;
        font-size: 15px;
        line-height: 23px;
        text-align: center;
        color: #034F4C;
        max-width: 98%;
    }
    section>div {
        max-width: 95%;
    }
    section>div>:nth-child(2) span {
        display: none;
    }
    section>div>:nth-child(2)>div {
        display: none;
        position: fixed;
        left: 0;
        top: 57px;
        z-index: 300;
    }
    header>div>:nth-child(1)>a {
        display: none;
    }
    header>div>:nth-child(1)>div {
        display: block;
    }
    header>div>:nth-child(1)>div svg {
        margin-left: 14px;
    }
    .slider {
        height: 354px;
        overflow: hidden;
    }
    footer>div {
        max-width: 85%;
        display: block;
    }
    .services {
        grid-gap: 4px;
        grid-template-columns: 100%;
        max-width: 98%;
    }
    .services>*>svg {
        width: 60px;
        height: auto;
        left: 19px;
        top: 54px;
    }
    .services>*>div {
        left: 100px;
    }
    .services>* {
        height: 170px;
    }
    .services>*>div>div:nth-of-type(2) {
        font-size: 13px;
        max-width: 252px;
    }
    .services>*>div>div:nth-of-type(1) {
        font-size: 18px;
        line-height: 24px;
        max-width: 291px;
    }
    .services>*>div>div:nth-of-type(3) {
        font-size: 14px;
    }
    section>div>:nth-child(1) img {
        height: 32px;
    }
    section>div>:nth-child(1) a:nth-of-type(1) {
        margin-right: 12px;
        transform: scale(.8);
    }
    section>div>:nth-child(2)>a:first-of-type {
        display: none;
    }
    .slider-top>div>div {
        font-size: 21px;
        line-height: 26px;
    }
    .slider-top>div {
        top:85px;
    }
    html.i-amphtml-fie>body, html.i-amphtml-singledoc>body {
        max-width: 100vw;
        overflow-x: hidden !important;
    }
    header>div>:nth-child(2) div {
        font-size: 18px;
    }
    .slider-top>div>button {
        font-size: 15px;
        padding: 0 20px;
        height: 44px;
        line-height: 44px;
        display: flex;
        align-items: center;
    }
    .slider-top>div>button svg {
        margin-left: 8px;
        height: 18px;
        width: 18px;
    }
    .slider>div img.mob {
        transform: scale(2.6);
    }
    body>h2 {
        font-size: 26px;
    }
    .services>*>div {
        top: 33px;
    }
    .services>:nth-child(5)>div, .services>:nth-child(6)>div {
        top: 55px;
    }
    .services>:nth-child(4)>div {
        top: 18px;
    }
    amp-sidebar>div>a {
        padding-left: 20px;
        font-size: 14px;
        width: 320px;
    }
    amp-sidebar {
        max-width: 85%;
    }
    amp-sidebar div div {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    amp-sidebar div div img {
        height: 32px;
    }
    amp-sidebar div div a svg {
        height: 22px;
        width: auto;
    }
    footer {
        padding: 24px 0 16px 0;
    }
    h4 {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    h3 {
        font-size: 30px;
        line-height: 36px;
    }
    header>div>:nth-child(2)>a svg {
        height: 20px;
        width: auto;
    }
    amp-sidebar div div span {
        display: none;
    }
    amp-sidebar div {
        width: 100%;
    }
    amp-sidebar div div {
        position: relative;
        bottom: -20px;
    }
    .slider-top.master>div {
        max-width: 95%;
    }
    .items, .recommended {
        max-width: 95%;
        grid-template-columns: repeat(auto-fill, minmax(300px,1fr));
        margin-bottom: 48px;
    }
    .meter~amp-selector h2 {
        visibility: hidden;
        margin: 0;
    }
    .table-bread {
        flex-wrap: wrap;
        max-width: 95%;
        justify-content: center;
        margin: 24px auto 18px;
    }
    img.meter.about {
        height: 250px;
    }
    amp-lightbox .box {
        width: 95%;
    }
    amp-lightbox h5 {
        font-size: 28px;
        line-height: 32px;
        margin: 40px auto 34px auto;
    }
    amp-lightbox label {
        margin-left: 16px;
        font-size: 16px;
    }
    amp-lightbox input, amp-lightbox textarea {
        width: calc(100% - 40px);
        margin: 10px auto 20px auto;
        height: 48px;
        display: block;
        padding-left: 20px;
        font-size: 18px;
    }
    amp-lightbox button {
        height: 54px;
    }
    .table-bread ~ p {
        margin-bottom: 20px;
        margin-top: 20px;
        line-height: 21px;
    }
    .table-tg {
        font-size: 24px;
    }
    .table-tg.closed svg {
        height: 12px;
        width: auto;
        margin-left: 12px;
    }
    .table-grid {
        width: 1166px;
        overflow-x: scroll;
        margin-left: 12px;
        margin-top: 20px;
    }
    .touch, .touch2 {
        overflow: hidden;
        overflow-x: auto;
        transition: .5s;
        max-width: 1207px;
        margin: 0 auto;
        width: 100%;
    }
    .table-grid>*.l {
        font-size: 15px;
    }
    .table-grid>*.h {
        font-size: 12px;
    }
    .grid-4 {
        grid-template-columns: 269px 176px 176px 176px;
        width: 821px;
    }
    .grid-5 {
        grid-template-columns: 185px 228px 218px 206px 208px;
        width: 1078px;
    }
    .items>*, .recommended .i-amphtml-carousel-slotted {
        margin-bottom: 0;
    }
    .grid-3 {
        grid-template-columns: 246px 120px 140px;
        margin-left: 12px;
        width: 524px;
    }
    .contact {
        width: 95%;
        margin: 0 auto;
    }
    .contact input, .contact textarea {
        width: calc(100% - 40px);
        margin-left: 12px;
        padding-left: 16px;
        font-size: 15px;
        line-height: 15px;
    }
    .contact>div:nth-of-type(2)  {
        font-size: 14px;
    }
    .contact>div:nth-of-type(1)  ,.contact>div:nth-of-type(3) {
        font-size: 14px;
    }

    .contact button {
        font-size: 16px;
        height: 44px;
    }
    .contact svg {
        transform: scale(.85);
    }
    .news {
        max-width: 95%;
        grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
    }
    .news img {
        object-fit: cover;
        width: 100%;
        max-height: 240px;
    }
    .news>*>div:nth-of-type(2) {
        height: 84px;
        font-size: 23px;
        line-height: 28px;
    }
    header {
        overflow: visible;
    }
    header>div {
        position: relative;
        overflow: visible;
        z-index: 10;
    }
    #phone-box {
        position: absolute;
        left: 0;
        top: 57px;
        background: #034F4C;
        padding: 10px 16px;
    }
    #phone-box a {
        display: block;
        line-height: 36px;
        height: 36px;
        color: white;
        text-decoration: none;
        font-size: 17px;
    }
    .navigation {
        margin-left: 12px;
    }
    h1 {
        margin-left: 12px;
        margin-right: 12px;
        font-size: 28px;
        line-height: 36px;
    }
    .grid-1 {
        display: flow-root;
        grid-template-columns: auto auto;
        grid-gap: 46px;
    }
    .grid-1>:nth-child(1) {
        max-width: 100%;
    }
    #search-result {
        left: -28px;
    }
    .meter-grid {
        max-width: 95%;
        grid-template-columns: 100%;
    }
}