.container{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:0 15px;box-sizing:border-box}
.row{width:100%;box-sizing:border-box}
.row:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; margin: 0; padding: 0}

@media (min-width:400px){
.container{width:98%;padding:0}
}
@media (min-width:550px){
.container{width:98%}
.row{width:100%;margin-left:0}
}
html{font-size:62.5%}
section{padding:60px 0;overflow: hidden;}
h1,h2,h3,h4,h5,h6 {margin-top: 0;margin-bottom: 5px;line-height: 1.2}

a{text-decoration: none;}

body{font-family: "Inter", sans-serif;font-optical-sizing: auto;font-weight:400; font-style: normal;font-size:16px;color:#171717;background-color:#fff;margin:0;padding:0}

.ovhi{overflow:hidden}

body * {box-sizing:border-box}
.ovhi{overflow:hidden}

.navline{position: absolute;z-index: 10;width: 100%;top:0;left:0;height:126px;padding:40px 0;transition: all 0.6s ease-in;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0);}
.nlisgone{position: fixed;height:86px;padding:20px 0;background:#fff;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.2);}

svg.logo {position: absolute;width: auto;fill: #171717;height: 46px;}

.mobilemenu{position: fixed;top: 0;right: 0;background: #fff;height: 110vh;width: 320px;right:-320px;z-index: 19;display:none}
.menubody a{display:block;font-size: 15px;text-decoration: none;color: #313131;padding: 15px;border-bottom:1px solid #e4e4e4;    letter-spacing: .5px;}

nav a {line-height:46px;color:#171717;font-size: 15px;letter-spacing: 0.5px;font-weight:500;transition: all 0.2s ease-in;}
.navleft, .navright{float:left;width:65%;text-align:right;}
.navleft{padding-right:50px;}
.navright{width:35%;padding-left:50px;text-align:left;}
nav .navright a{color:#fff}
nav .navright a:hover{color:#171717;}
nav .navleft a{margin-left:30px}
nav .navleft a:hover{color:#FD3438}
.topcontent{height:100vh;max-height:700px;background: #F3F1ED;background: linear-gradient(90deg,rgba(243, 241, 237, 1) 0%, rgba(243, 241, 237, 1) 49.9%, rgba(253, 52, 56, 1) 50%);width: 100%;overflow: hidden;}

.nlisgone .navright{padding-left:0}
.nlisgone .navleft {padding-right: 30px}
.nlisgone nav .navright a{color:#171717}
.nlisgone nav .navright a:hover{color:#FD3438;}

.navsocial{float:right}
.navsocial a{padding: 0;background-color: #FF6768;border-radius: 50%;transition: all 0.2s ease-in;display: inline-flex;height: 45px;
width: 45px;text-align: center;justify-content: center;align-items: center;margin-left: 5px;}
.navsocial a:hover{background-color: #fff;}
svg.navicon{fill:#fff;width:12px;height:12px}
.navsocial a:hover svg.navicon{fill:#FD3438;}

.topcontent .container {height:100%}

.nlisgone .navsocial a {background-color: #FD3438;}
.nlisgone .navsocial a:hover {background-color: #FF6768;}

.flex{display:flex;height:100%}
.toptext{position: relative;background: #F3F1ED;width:65%;height:100%;padding:80px 0 20px;}
.topimage{position: relative;background: #FD3438;width:35%;height:100%;padding:80px 0 20px;}

.meatimg{position: absolute;display: inline-block;height:calc(100% - 50px);padding:40px 0 60px;width:max-content;transform: translateX(-50%);}
.meatimg img{pointer-events: none;user-select:none;width: 100%;height: 100%;object-fit: cover;margin-top:-10px}
.meatimg::after {content: "";position: absolute;top: 40px;left: 15px;width: 100%;height: calc(100% - 100px);border: 5px solid #FF6768;border-radius: 50%;background: transparent;pointer-events: none;z-index: -1;}

.meatimg::before {content: "";position: absolute;width: 40%;height: 46%;top: 69%;left: 116%;transform: translate(-50%, -50%);
  background-image: url('../img/tomatos.webp');background-size: contain;background-position: center;background-repeat: no-repeat;z-index: 1;pointer-events: none; }


.toptext h1{ font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 700;color: #313131;font-size: 42px;line-height: 1.2;margin: 0;}
.toptext p{color: #9e9c9b;width: 100%;margin-top: 30px;margin-bottom: 40px;}
.toptext .btn, #cform .btn, .item .btn{background:#FD3438;color:#F3F1ED;cursor:pointer}
.toptext .btn:hover, #cform .btn:hover, .item .btn:hover{background:#FF6768}
.btn {display: inline-block;line-height:44px;border-radius:30px;padding:0 25px;font-size:14px;font-weight:500;text-transform:uppercase;transition: all 0.2s ease-in;border: 0;}
svg.btnicon{width:10px;height:10px;fill:#F3F1ED;margin-left:10px}
svg.mailicon{width:22px;height:22px;fill:#313131;margin:0 10px 0;transition: all 0.2s ease-in;}
a:hover svg.mailicon{margin:0 0 0 20px}

.item .btn{min-width: 100%;text-align: center;border-radius: 12px;margin-top: 10px;}

.ttblock{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;height: fit-content;width: 550px;z-index: 2;padding-top:80px}

.aflex{display:flex;align-items:center}
.aleft{position: relative;width:50%;padding-right:60px;border-right: 1px solid #e4e4e4;}
.aright p {text-align:justify}
.aright{width:50%;padding-left:60px;line-height: 22px;}

.a2flex{display:flex;gap: 30px;margin-top:60px;padding-top:60px;border-top: 1px solid #e4e4e4;}

.plus{overflow: hidden;padding:30px 0;border-bottom: 1px solid #e4e4e4;}
.plus:first-child{padding-top:0}
.plus:last-child{padding-bottom:0;border-bottom:none}
.picon {float:left;background: #FD3438;width:54px;height:54px;border-radius:50%;margin-right:16px;}
.picon svg{fill:#fff;stroke:#fff;stroke-width: 1px;width:30px;height:30px;margin:12px}
.pbody{float:left;width:calc(100% - 54px);padding-left:15px}
.plus h4{line-height:34px;font-family: "Noto Serif", serif;font-size: 24px;font-weight: 600;padding-top:10px}
.plus p {color: #9e9c9b;font-size: 14px;margin: 0;}

.abi1{width: 80%;height: auto;border-radius: 18px;}
.abi2{width:50%;height: auto;border-radius: 18px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto 60px auto 0;z-index:1}

.pitem{background:#F3F1ED;padding: 50px 30px;border-radius: 18px;flex: 1;}
.pitem p {width:100%;color: #676767;line-height: 22px;margin:10px 0 0}
.pitem h4 {font-family: "Noto Serif", serif;font-size: 18px;line-height: 24px;margin-bottom: 5px;}
.pitem span{display: block;color: #676767;margin-top: 5px;font-weight: 600;font-size: 14px;line-height: 20px;}

#assortiment{background:#F3F1ED;}
#assortiment h2, #assortiment h3{text-align:center}
.tabsnav{text-align:center}
.tabs{display:inline-block;background:#fff;padding: 11px 18px;font-size: 13px;line-height:22px;text-transform:uppercase;border-radius: 22px;font-weight:500;cursor:pointer;transition: all 0.2s ease-in;}
.tabs:hover{background:#FF6768;color:#fff;}
.activetabs, .activetabs:hover{background:#FD3438;color:#fff;cursor:default}
.tabs:nth-child(2){margin:0 6px}


.tabslist{padding-top:40px}
.tabcontent{display:none}
.activetab{display:block}

.item{display:inline-block;float: left;width:calc(25% - 15px);padding: 14px;border: 1px solid #e4e4e4;border-radius: 20px;margin:0 0 20px 20px}
.item:nth-of-type(4n+1) {margin-left:0}
.item img{width:100%;border-radius: 12px;margin-bottom: 10px;}
.item  h4{font-family: "Noto Serif", serif;font-size: 17px;line-height:32px;color: #313131;white-space: nowrap;}
.item p.description {font-size: 14px;line-height: 20px;margin: 4px 0;color: #676767;}
.item p.description span{float:right}

section h3 {font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 600;color: #313131;font-size: 38px;line-height: 1.2;}
section h2 {font-size: 18px;}
section h3 a {color: #313131;}

p.subtitle {font-size: 16px;color: #9e9c9b;line-height: 22px;margin-top: 16px !important;margin-bottom: 40px !important;width: 50%;margin: auto;text-align:center}

#faq{position: relative;min-height:100vh; background-image: url('../img/bg/faqbg.webp');background-size: cover;background-position: center;background-repeat: no-repeat;}
@media (min-width:2200px){
#faq{background-image: url('../img/bg/2k-faqbg.webp');}
}
@media (min-width:3000px){
#faq{background-image: url('../img/bg/4k-faqbg.webp');}
}
.faqcontainer{position: absolute;top: 0;bottom: 0;left: 0;right:0;width:800px;max-width:90%;height:max-content;margin: auto;color:#fff;padding-bottom: 67px;}
.faqcontainer h3, .faqcontainer h2{color:#fff;text-align:center}


.faqbody{width:100%;margin-top:36px}
.faqtext p{float: left;width: 100%;margin: 0;}
.faqtext h2.suph2{-webkit-text-stroke: 1px #fff;}
.faqtext h2.suph2 span{color:#1d1e1f; -webkit-text-stroke: 1px #1d1e1f;}
.fullq{border-radius: 6px;border:1px solid rgb(255 255 255 / 25%);overflow: hidden;margin-bottom:20px;width:100%;margin-bottom:10px;backdrop-filter: blur(2px);}
.faqq{padding:15px 20px;cursor: pointer;color:#fff;transition: .2s ease;display: flex;justify-content: space-between;align-items: center;background: rgb(255 255 255 / 25%);}

.faqq h4{margin:0;font-size: 16px}
.faqq svg.farrow{width: 16px;min-width: 16px;height: 16px;transform: rotate(45deg);fill: #fff;transition: 0.25s ease;opacity: .4;user-select:none}
.faqq:hover .farrow{opacity: 1}
.faractive{background-color: #fff;color:#171717;}
.faqq svg.arrow-animate{transform: rotate(0);opacity: 1;fill: #171717;}
.facontent{background-color: rgb(255 255 255 / 15%);color:#fff;display: none;padding:25px 20px }
.facontent p{margin:0;text-align: justify;font-size: 15px;}

#contact{background: #F3F1ED;}
.map {float:left;width:50%;padding-right: 40px;border-right: 1px solid #ddd;}
.contacts{float:left;width:50%;padding-left: 40px;}
.maptop{}
.mapcontent{overflow: hidden;margin-top: 40px;}
.mapbottom{height:280px;margin-top: 30px;border: 1px solid #ddd;border-radius:22px;overflow:hidden}

.contacts p, .mapcontent p, .mapcontent a{font-size: 14px;color: #9e9c9b;}
.mapcontent h4{font-size: 22px;font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 600;margin-bottom: 14px;}

.mapadd, .mapphones{float:left;width:50%}
.mapadd{border-right: 1px solid #ddd;padding-right:30px}
.mapphones{padding-left:30px}

.contacts p{margin:30px 0 10px}

#cform{margin-top: 10px;display: inline-block;}
#cform input, #cform textarea {float:left;width: calc(50% - 15px);margin-bottom: 15px;padding: 14px 12px;border:0;background:transparent;border-bottom: 1px solid #ddd;font-size: 14px;font-size: 13px;outline: none;}
#cform input#cfp{margin-left:30px}
#cform input#cfs, #cform textarea{width:100%;margin-left:0}
#cform textarea{resize: none;min-height: 120px;}

#cform .checkbox {float:left;margin:5px 0 20px}

#cform #iagree{position: absolute;z-index: -1;opacity: 0;height: 22px;
width: 24px;}
#cform label{display: inline-flex;align-items: center;user-select: none;color:#fff}
#cform label p{margin: 0;text-align: left;line-height: 13px;font-size: 12px;}
#cform label p span{border-bottom:1px dashed; cursor:pointer}
#cform label p span:hover{color:#FD3438}
#cform label::before {content: '';display: inline-block;width: 18px;height: 18px;border-radius:4px;flex-shrink: 0;flex-grow: 0;border: 1px solid #9e9c9b;margin-right: 8px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;cursor:pointer}
#cform #iagree:checked + label::before, .orderwin #iagree2:checked + label::before {background:#FD3438;border: 1px solid #FD3438; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
background-position: center center;background-size: 70% 70%;background-repeat: no-repeat;}

.loader, #form-result-container{margin-top: 10px;height: 346px;position: relative;width: 100%;display:none}
.loader svg , #form-result-container p{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;width: 90px;height: 30px;}
#form-result-container p{width:90%;height:52px;line-height:1.2;text-align: center;color: #313131;}


footer{background: #FD3438;padding:60px 0 20px;}
.topline{padding-bottom: 20px;border-bottom: 1px solid #FF6768;display:flex}
.bottomline{height:82px;line-height:42px;padding-top: 20px;font-size: 12px;color:#fff}
.copy, .pdc{float:left}
.copy {width:200px}
.pdc{width:calc(100% - 400px);text-align:center}
.dev{float:right;text-align:end}
.bottomline a{color:#fff}
.bottomline a:hover{color:#171717}

.flogo {padding-right:70px;align-content: center;}
.flogo svg{height: 120px;width: 180px;fill: #313131;}
.fcopy {color: #f3f1ed;padding: 0 70px;flex: 1}
.fatt {color: #f3f1ed;padding-left:70px;flex: 1}
.fcopy p, .fatt p{font-size: 14px;text-align:justify;opacity:.9}
.fcopy h4, .fatt h4{font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 600;margin-bottom: 24px;font-size: 22px;}

#modal-overlay {display:none;position:fixed;width:110%;height:110vh;left:-5%;top:-5vh;background: #1e1e1e;opacity: .87;z-index:20}
#product-modal, #text-modal{display:none;background:#fff; width:90%; max-width:1000px;height:fit-content;top:0;bottom:0;left: 0;right: 0; margin: auto; padding:20px; position:fixed; border-radius:8px;z-index:21}
#text-modal{max-height:90vh}
#modal-img{float:left;width:40%;border-radius: 12px;border: 1px solid #e4e4e4;}
.modal-info{float:left;width:60%;padding-left:20px}
.structure {font-size: 13px;color: #9e9c9b;line-height: 16px;text-align: justify;}
h2#modal-name{font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 600;color: #313131;font-size: 24px;line-height: 1.2;margin: 0;}
h3#modal-subname{color: #9e9c9b;font-size: 14px;font-weight: 400;margin: 0;}

#product-modal hr{margin: 15px 0;border: 0;border-bottom: 1px dashed #9e9c9b}
.modal-dsc{margin: 7px 0;color: #313131;font-size: 15px;line-height: 1.2;}
.modal-dsc span{display: block;float: right}

.close-modal{display: block;width: 20px;height: 20px;fill: #171717;position: absolute;right: 18px;top: 18px;cursor: pointer;padding:2px}
.mob-close-modal{display:none}

.modal-text{position: relative;overflow-y: auto;max-height: calc(90vh - 90px);color: #313131;margin-top:50px}
#text-title{font-family: "Noto Serif", serif;font-optical-sizing: auto;font-weight: 600;color: #313131;font-size: 24px;line-height: 50px;position: absolute;}

.modalcontent a{color:#FD3438;border-bottom:1px dashed #FD3438}
.modalcontent a:hover{border-bottom:1px dashed #fff}

.footsocial {display:none}


@media (max-width:1200px){
.item h4{font-size:17px}
}

@media (max-width:1100px){
.item h4{font-size:16px}
.flogo{padding-right:50px}
.fcopy{padding:0 50px}
.fatt{padding-left:50px}
section h3{font-size: 34px;}
svg.mailicon{width:21px;height:21px;}
.toptext h1{text-shadow: 1px 1px 0 rgb(243 241 237 / 65%)}
.toptext p {padding:0 5%;color: #f3f1ed ;text-shadow: 1px 1px 1px rgb(23 23 23);}
.aleft{padding-right:30px}
.aright{padding-left:30px}
.abi2{margin: auto 30px auto 0;}
.a2flex{gap:25px}
.pitem{padding: 40px 20px;}
}

@media (max-width:1000px){
.item{width: calc(33.33333% - 12px);}
.item h4{font-size:18px}
.item, .item:nth-of-type(4n+1) {margin: 0 0 18px 18px;}
.item:nth-of-type(3n+1) {margin-left: 0;}
.item:nth-of-type(3n+3) {margin-right: 0;}
nav .navleft a{margin-left: 15px;}
nav .navleft a:first-child{margin-left: 30px;}
.navleft{padding-right:30px}
.navright{padding-left:30px}
.toptext h1{font-size:40px}
.abi1{width:90%}
.abi2{width:55%}
.a2flex{gap:20px}
.pitem{padding: 30px 15px;}
}

@media (max-width:950px){
svg.logo{height:45px}
.navleft{display:none}
.navright{float:right;padding-left:0;width:165px;padding-right:60px}
.navright a.link{display:none}
.mobilemenu{display:block;transition: all 0.3s;}
.showmenu{right:0;z-index: 99;}
#toggle {display: block;width: 45px;height: 45px;margin: 40px 0;padding: 16.5px;position: absolute;left: -55px;border-radius: 50%;background-color: #FF6768;transition: all 0.6s ease-in;}
#toggle:hover{background-color:#fff}
.mnisgone #toggle {margin: 20px 0;background-color: #FD3438;}
.mnisgone #toggle:hover {background-color: #FF6768;}
#toggle div {width: 100%;height: 2px;background: #fff;margin: 0 auto 3px;transition: all 0.3s;backface-visibility: hidden;border-radius:2px;}
#toggle:hover div{background: #FD3438;}
#toggle div:last-child{margin-bottom:0}
#toggle.on .one {transform: rotate(45deg) translate(3px, 3px);}
#toggle.on .two {  opacity: 0;}
#toggle.on .three {  transform: rotate(-45deg) translate(3.5px, -4px);}
.bottomline{font-size:11px}
section h3{font-size: 32px;}
svg.mailicon{width:18px;height:18px;margin:0 6px 0;}
a:hover svg.mailicon{margin:0 0 0 12px}
}


@media (max-width:900px){
.item h4{font-size:17px}
.fcopy h4, .fatt h4{font-size: 20px;}
.toptext h1{font-size:38px}
.aleft{padding-right:15px;border-right:none}
.aright{padding-left:15px}
.abi2{margin: auto 20px auto 0;}
.a2flex{display:block}
.pitem{width:100%;padding: 50px 30px;margin-bottom:20px;}
.pitem:last-child{margin-bottom:0;}
}

@media (max-width:840px){
.bottomline{height:auto}
.copy, .pdc, .dev{width:100%;line-height: 22px;text-align:center}
.fcopy h4, .fatt h4{font-size: 18px;}
.flogo{padding-right:25px}
.fcopy{padding:0 25px}
.fatt{padding-left:25px}
section h3{font-size: 30px;}
.toptext h1{font-size:37px}
}

@media (max-width:800px){
.item h4{font-size:16px}
.item{width: calc(33.33333% - 6px);}
.item, .item:nth-of-type(4n+1) {margin: 0 0 9px 9px;}
.item:nth-of-type(3n+1) {margin-left: 0;}
.item:nth-of-type(3n+3) {margin-right: 0;}
section h3{font-size: 28px;}
section h3, section h2{text-align:center}
section .aright h3, section .aright h2 {text-align:left}
p.subtitle{width:60%;font-size:15px;line-height: 1.2;}
.toptext h1{font-size:36px}
}

@media (max-width:750px){
.item h4{font-size:17px}
.item{width: calc(50% - 5px);}
.item, .item:nth-of-type(4n+1), .item:nth-of-type(3n+1), .item:nth-of-type(3n+3){margin: 0 0 10px;}
.item:nth-of-type(2n+2) {margin-left: 10px;}
.tabs{padding: 6px 13px;}
#faq{background-position: right center;}
.facontent, .faqq{background-color: rgb(255 255 255 / 55%);color: #313131;}
.faractive{background-color:#fff;}
.topline{display:block}
.flogo, .fcopy, .fatt {width:100%;padding: 0;text-align:center;}
.fcopy h4, .fatt h4{display:none}
.flogo p, .fcopy p, .fatt p{max-width: 320px;margin: 10px auto}
.navsocial a:first-child{margin-left: 0;}
.navline{height: 106px;padding: 30px 0;}
.nlisgone{height: 76px;padding: 15px 0;}
#toggle{margin: 30px 0;}
.mnisgone #toggle{margin: 15px 0;}
.mnisgone #toggle:hover{background-color: #fff;}
p.subtitle{max-width:70%;}
.item{padding:10px}
.item h4 {font-size: 16px;}
.item p.description, p.subtitle{width:100%;font-size: 13px;line-height: 1.2;}
p.subtitle{max-width:320px;}
section h3{font-size: 26px;}
svg.mailicon{width:15px;height:15px;}
.aflex{display:block}
.aleft{display:none}
.aright{width:100%;padding:0}
section .aright h3, section .aright h2 {text-align:center}
.footsocial {display:block;text-align: center;margin: 15px 0;}
.footsocial svg.navicon {fill:#171717}
.footsocial a {padding: 0;background-color: #fff;border-radius: 50%;transition: all 0.2s ease-in;display: inline-flex;height: 40px;width: 40px;text-align: center;justify-content: center;align-items: center;margin:0 5px;}
.footsocial a:hover {background-color: #171717;}
.footsocial a:hover svg.navicon {fill:#fff}
}

@media (max-width:720px){
.map, .contacts{width:100%;padding: 0;border-right:0}
.map {padding-bottom:40px;border-bottom: 1px solid #ddd;}
.contacts{padding-top:40px}
#cform .btn{display:block;margin:0 auto}
.btn {line-height: 38px;font-size: 13px;}
.toptext{position: unset;}
.ttblock {width:100%;text-align: center;}
.toptext h1{font-size:34px}
#modal-img{display:block;float:unset;width:100%;max-width:400px;margin:0 auto}
.modal-info{width: 100%;padding: 10px 0 0;}
h2#modal-name{font-size: 20px;}
h3#modal-subname{font-size: 13px;}
.modal-dsc{margin: 5px 0;font-size: 13px;}
#product-modal, #text-modal{height: 100vh;max-height: 100vh;}
.dcm{display:none}
.modalcontent, .modal-text{position: relative;overflow-y: scroll;height: calc(100% - 100px);}
.modal-text{max-height: unset;height: calc(100% - 54px);margin-top:54px}
.mob-close-modal{display:block;text-align:center;background: #FD3438;color: #fff;line-height: 38px;font-size: 13px;font-weight: 500;
text-transform: uppercase;cursor: pointer;border-radius: 12px;margin:6px 0}
.tabs{padding: 6px 9px;}
#text-title{font-size: 20px;width:100%;text-align:center;left:0}
}
@media (max-width:500px){
body{font-size:15px}
.mapphones{padding-left: 15px;}
.mapadd{padding-right: 15px;}
.contacts p, .mapcontent p, .mapcontent a {font-size: 13px;}
.item h4 {font-size: 15px;text-align:center}
.item, .item:nth-of-type(4n+1), .item:nth-of-type(3n+1), .item:nth-of-type(3n+3){margin: 0 0 6px;border-radius: 12px;}
.item:nth-of-type(2n+2) {margin-left: 6px;}
.item{padding:6px}
section h3{font-size: 25px;}
section h2{font-size: 17px;}
.toptext h1{font-size:30px}
.meatimg {transform: translateX(-35%);}
#product-modal, #text-modal{width: 100%;padding: 10px;bottom:unset;border-radius: 0;}
.tabs{padding: 6px 12px;margin-bottom:10px}
.tabsnav{margin-bottom:-10px}
#text-title{font-size: 18px;line-height:23px;}
.loader, #form-result-container{height:343px}
}
@media (max-width:420px){
.navsocial{display:none}
.item h4 {font-size: 14px;}
section h3{font-size: 24px;}
svg.mailicon{width:14px;height:14px;}
.toptext h1{font-size:29px}
}
@media (max-width:410px){
.item h4 {font-size: 13px;}
.item p.description, p.subtitle{font-size: 12px;}
.toptext h1{font-size:28px}
}

@media (max-width:400px){
.item h4 {font-size: 12px;}
.item p.description{font-size: 11px;}
.toptext h1{font-size:26px}
}
@media (max-width:390px){
.toptext{width: 70%;}
.topimage{width: 30%;}
}
@media (max-width:380px){
.mobilemenu {width:300px;right: -300px;}
.showmenu{right:0;}
}

@media (max-width:360px){
.mobilemenu {width:280px;right: -280px;}
.showmenu{right:0;}
}

@media (max-width:340px){
.mobilemenu {width:260px;right: -260px;}
.showmenu{right:0;}
}