body{background:#fff;font-family: 'Montserrat', sans-serif;font-weight: 400;color:#151515;font-size:1.5rem}

.topmenu{position: absolute;backdrop-filter: blur(.2rem);top: 0;width: 100%;padding: 1.5rem 0;z-index:999;border-bottom: 1px solid rgba(0,0,0,.25);background: rgb(255 255 255 / 90%);}
.logotext{float:left;padding-right:1.5rem;}
.logotext{font-size: 2.6rem;font-weight: 900;line-height: 5rem;text-transform: uppercase;letter-spacing: -.05rem;-webkit-text-stroke-width: .05rem;color:#222323}
footer .logotext{color:#fff}
.logotext span{color:#0095F8}
.logo img{height: 5rem;float: left;}

.navisgoing{position: fixed;padding: .75rem 0;top: -7rem;}
.navisgone{top:0;transition: .4s all ease}


.toplinks{border-right: 1px solid rgba(0,0,0,.25);padding-right: 1.5rem}
.topphone{padding: .1rem 0 .1rem 1.5rem;float: right;line-height: 2.3rem;text-align: right;}
.topphone img{height: 1.7rem;padding: .3rem 1rem .3rem .6rem;float: left}
.toplinks{float: right;line-height: 5rem}
.toplinks a, .topphone a{color:#151515;font-weight:700}
.toplinks a{margin:0 .3rem;font-size: 1.4rem;}
.toplinks a:hover{color:#0095F8}
#toggle, #mobcall{display: none;}


#hello{padding:12rem 0;margin-top:8rem;background-image: url(../img/mainbg.jpg);background-position: center center;background-repeat: no-repeat;background-size:cover;}
.slidetext {width:65%;float:left;z-index: 2;position: relative;}
.slidetext h1{font-family: 'Comfortaa', cursive;font-weight: 900;color: #fff;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #fff;font-size: 4rem;line-height: 5rem;text-shadow: 1px 1px 5px rgb(0 0 0);}
.slidetext h1 span{-webkit-text-stroke-width: 1px;display: block;font-size: 2.8rem;line-height: 4rem;}
.slidetext p{color: #fff;margin: 2rem 0 3rem;text-shadow: 1px 1px 5px rgb(0 0 0);}

#about, #review, #pluses, #service, #types{padding:5rem 0}
#service{background-image: url(../img/cbbg.webp);background-position: center center;background-repeat: no-repeat;background-size:cover;color:#fff}
#types{position: relative;background: #d6ecff;}
#production{padding:6rem 0;background-image: url(../img/roadbg.jpg);background-position: center center;background-repeat: no-repeat;background-size:cover;color:#fff;position: relative;background-attachment: fixed}
.pitem{width:calc(33.3333% - 1.4rem);float: left;margin: 2.5rem 0 2rem;text-align: justify;}
.pitem:nth-child(2){margin:2.5rem 2.1rem 2rem}
.pitem img{float: left;width: 1.6rem;margin: 0.5rem 0.5rem 0 0;}

.aleft{width:45rem;float:left;position: relative;margin-right:3rem}
.aleft img.ti1{float:left;width:74%;margin-bottom:15%;border-radius:1rem}
.aleft img.ti2{width:46%;position:absolute;margin:0;right:6%;bottom:0;border-radius:1rem;box-shadow: 0 0 0 1rem #fff;z-index:1}

#types .columns{display:flex}


.atext{width:calc(100% - 48rem);float:left;}
.atext h2{font-family: 'Comfortaa', cursive;font-weight: 900;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #24211d;font-size: 3.6rem;line-height: 4rem;}
.atext h2 span{-webkit-text-stroke-width: 0;font-size: 3rem;}
.atext p {float: left;width: 100%;margin: 0 0 4rem;}

.downar {position: absolute;top: -2rem;width: 6rem;left: calc(50% - 3rem);user-select: none;}
.titem{float:left;position: relative;padding-bottom: 7rem;width:calc(33.3333% - 1.4rem);margin:0;text-align:center}
.titem:nth-child(2){margin:0 2.1rem}
.titem img{float:left;width: 100%;border-radius: 1rem 1rem 0 0;}
.titem h3{font-family: 'Comfortaa', cursive;font-size: 2rem;letter-spacing: -2px;font-weight: 900;-webkit-text-stroke-width: 0;line-height: 4rem;text-align:center;float: left;width: 100%;background: rgb(0 0 0 / 50%);color: #fff;margin-top: -4rem;}
.titem p{float: left;width: 100%;text-align: justify;font-size: 1.4rem;line-height: 2rem;margin: 2.2rem 0 0;}

.oitem{float:left;width:100%}
.itemoreder{float:left;width:calc(100% - 3rem);padding:1.5rem;border-radius:.4rem;background: rgb(255 255 255 / 75%);backdrop-filter: blur(0.2rem);color:#222323;font-weight:600;line-height:4rem}
.putbot .itemoreder{position: absolute;bottom: 0;}
.oitem input{text-align:center;outline: none;line-height:4rem;font-size:16px;background: transparent;font-weight:600;border-radius: .4rem;margin:0 .5rem 0 0;padding: 0;border: 1px solid #222323;float: left;}
.fop {float:left;width:max-content;margin-right:1rem}
.oitem input.icount{width: 6rem;}
.oitem input.bagcost{width: 6rem;text-align: right;border: 1px solid transparent;pointer-events: none;}
.oitem input.bagweight{width: 5rem;text-align: right;border: 1px solid transparent;pointer-events: none;}
.oitem input.ois {float:right;background-color:#0095F8;border-color:#0095F8;color:#fff;padding:0 1.2rem;font-size: 1.4rem;font-weight: 600;margin-right: 0;}
.oitem input.ois:hover{color:#151515}

.itemoreder h4{float: left;width: 100%;font-size: 1.8rem;color: #0095f8;line-height: 3rem;margin-top: 1rem}
.tabs, #production{display:none}


.piflex{display:flex}
.alert{float: left;width: 100%;font-weight: 400;font-size: 1.2rem;line-height: 1.8rem;margin-top: 2rem;}
.itemtwo{float:left;width:48%;margin: 2rem 0;position:relative}
.itemtwo:first-child{margin-right:4%}
.itemtwo h3{color: #0095f8;font-size: 2.6rem;}

.itemoi{margin-bottom:1.5rem}
.itemoi p{margin:0;line-height:2.2rem;font-size:1.4rem}
.itemoi p span{float:right}

.itdec{margin-bottom:2rem}
.itdec p{margin:0 0 1rem;line-height:2.4rem;text-align: justify;}
.itdec p small{opacity: .8;font-style: italic;}


#sale{background-color:#0095F8;padding:3rem 0}
.coup{float:left;width:20rem;padding:2.5rem 4rem 4.5rem;position: relative;color: #fff;font-size: 8rem;font-weight: 900;text-align:center;line-height: 18rem}
.coup:before, .coup:after {position: absolute;top: 0;bottom: 0;content: '';width: .3rem;background: url(../img/line.png) 0 0 repeat-y}
.coup:before{left:0}
.coup:after {right:0}
.coup span{font-size:2rem;font-weight: 400;display: block;position: absolute;margin-top: -3rem;margin-left: 11.7rem}
.coup strong{font-size:10rem;font-weight: 900}
.coup b {font-size:1.4rem;font-weight: 600;display: block;position: absolute;opacity:.9;line-height:2rem;width: calc(100% - 8rem);margin: -3.5rem 0 0}
.cut{width: 5rem;position: absolute;right: -2.4rem;bottom: 5rem}
.coupinfo{width: calc(100% - 32rem);padding: 3.1rem 0 2.5rem 4rem;float: left;color:#fff}
.coupinfo p{font-size: 1.5rem;line-height: 2.3rem;margin: 1rem 0}
.coupinfo a{color: #fff;text-transform: uppercase;font-weight: 900;font-size: 1.7rem;float: right}
.coupinfo a:hover{color:#333}
.giftbox{width:8rem}

.sab{width: 92%;margin: 2rem 4%;text-align: center;}

.gstep{font-family: 'Comfortaa', cursive;line-height:6rem;color:#fff;float:left;width:calc(20% - 3.2rem);
  height: 6rem;  background: #222323;  text-align: center;  position: relative;  padding-left:3rem;  margin: 0 7px 0 0;   border-radius:.4rem}
.gstep:after{content: "";    border-top: 3rem solid transparent;  border-bottom: 3rem solid transparent;  border-left: 3rem solid #222323;
  position: absolute; right: -2.7rem; top: 0;  z-index: 1;  }
  
.gstep:before {  content: "";    border-top: 3rem solid transparent;  border-bottom: 3rem solid transparent;  border-left: 3rem solid #0095F8;
  position: absolute; left: 0; top: 0;}
  
.gstep:first-child{padding-left:0;width:calc(20% - 2rem);}
.gstep:first-child:before{display:none}
.gstep:last-child{margin:0;}
.gstep:last-child:after{display:none;}
.gstep span{position: relative;z-index:2}

#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3{font-family: 'Comfortaa', cursive;font-weight: 900;-webkit-text-stroke-width: 2px;font-size: 3.2rem;line-height: 4rem;text-align:center}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .sitem h3{font-family: 'Comfortaa', cursive;font-size: 2.8rem;font-weight: 900;-webkit-text-stroke-width: 0;line-height: 4rem;text-align:center}
.coupinfo h3, .coupinfo h4{text-align:left}

.pbody{padding-top:2.5rem}
.plus{width:calc(33.3333333% - 5rem);float:left;margin:1rem;text-align:center;padding:1.5rem;transition: .3s ease;}
.plus:hover{box-shadow: 0 0 6.5rem 0 rgb(0 0 0 / 7%);}
.plus h3{font-size: 1.8rem;color:#222323}
.plus img{width: 6.4rem;padding: 1.5rem 0 1rem;}
.plus p {font-size: 1.3rem;line-height: 2rem;margin: .5rem 0;height: 6rem;color: #484848;}
.maphere{position: relative;float: left;width: 100%;}


.gmast{background: #24211d;color: #fff;border: 0.1rem solid #24211d;float: left;margin:1rem 1.5rem 1.5rem;width: calc(100% - 7.2rem);text-align: center;}
.gmast:hover{background: #transparent;color: #24211d;}


.sitem{float:left;width:46%;margin:2rem 2%}
.sitem img{width:30%;margin:1.5rem 35% 2.5rem}
.sitem p{width: 80%;margin: 1rem 10%;text-align: center;opacity: .85;}


.slider{position:relative;overflow:hidden;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom: 1rem;}.slider__wrapper{position:relative;overflow:hidden}.slider__items{display:flex;transition:transform .5s ease}.transition-none{transition:none}.slider__item{flex:0 0 100%;max-width:100%;position:relative;z-index:1}.slider__control{position:absolute;top:50%;width:40px;height:50px;transform:translateY(-50%);display:none;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.3);opacity:.5;user-select:none}.slider__control_show{display:flex}.slider__control:focus,.slider__control:hover{color:#fff;text-decoration:none;opacity:.7}.slider__control_prev{left:0}.slider__control_next{right:0}.slider__control::before{content:'';display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.slider__control_prev::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.slider__control_next::before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.slider__indicators{position:absolute;left:0;right:0;bottom:-5px;display:flex;justify-content:center;padding-left:0;margin:0 15%;list-style:none;user-select:none}.slider__indicator{flex:0 1 auto;width:8px;height:8px;margin-right:9px;margin-left:9px;background-color:#ddd;background-clip:padding-box;border-radius:50%;cursor:pointer}.slider__indicator:hover{background-color:#24211d}.slider__indicator_active{background-color:#24211d;width:10px;height:10px;margin-top:-1px}

.slgradr{background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);width:20%;position: absolute;height: 100%;top:0;right:0;z-index:2}
.slgradl{background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);width:20%;position: absolute;height: 100%;top:0;left:0;z-index:2}

.ritem{width: 58%;padding: 6rem 0 4rem;margin:0 21%;text-align: center;cursor: move;user-select:none}
.ritem h3{font-size: 1.8rem;text-transform: uppercase;letter-spacing: .1rem;}
.ritem span{color: #a5a5a5;font-size: 1.4rem;font-style: italic}
.rpo{width:6.6rem;border-radius:50%}

.qte{width:2.8rem;transform: scale(-1, 1);margin: 1.5rem 0;}

.linkbutton {display: block;border: 0.2rem solid #fff; float: left;color: #fff;line-height: 4.8rem; padding: 0 2rem;font-size: 1.4rem;font-weight:600;text-transform: uppercase;border-radius: 0.4rem;margin-top: 1.5rem;cursor:pointer;transition: .3s ease;}
.linkbutton:hover{color:#151515;background:#fff}



#map{position: relative;height:46rem;width:100%;overflow:hidden;background-color: #f5f5f5;background-image: url(../img/loader.svg);background-repeat: no-repeat;background-position: center;background-size: 24rem;}
.mapinfo{position: absolute;left:0;width:calc(50% - 4rem);top:0;z-index: 2;background: linear-gradient(90deg, rgba(214,236,255,0.95) 0%, rgba(214,236,255,0.85) 35%, rgba(214,236,255,0.70) 75%);padding: 2rem;height:100%;backdrop-filter: blur(0.2rem);    box-shadow: 0 0 6.5rem 0 rgb(0 0 0 / 7%);}
.mapinfo img{float: left;width: 8.4rem;margin: 0 2rem 0 0;}
.mapinfo h3{font-family: 'Comfortaa', cursive;font-size: 2.4rem;font-weight: 900;-webkit-text-stroke-width: 1px;line-height: 4rem;float: left;width: calc(100% - 10.4rem);}
.mapinfo p{float: left;width: calc(100% - 10.4rem);margin:0;font-weight: 600;line-height:2rem}
.mapinfo p.cmon  {color: #565656;width: 100%;margin-bottom: 1rem;text-align: justify;font-weight: 600;line-height:4rem;font-size:1.6rem}
.mapinfo .linkbutton{width: calc(100% - 4.4rem);background: #0095F8;text-align: center;border-color: #0095F8;}
.slidetext .linkbutton{background: #0095F8;text-align: center;border-color: #0095F8;}
.atext .linkbutton, #types .linkbutton{background: #0095F8;text-align: center;border-color: #0095F8;margin-top: -1.5rem;}
#types .linkbutton{width: calc(100% - 6.6rem);padding: 0;position: absolute;left:0;bottom:0}
.cartbutton{width:5.2rem;height:5.2rem;position: absolute;right:0;bottom:0;background-color:#222323;background-image: url(../img/icon/cart.svg);border-radius:.4rem;background-repeat: no-repeat;background-position: center;background-size: 3rem;transition: .3s ease;cursor:pointer}
.cartbutton:hover{background-color: #0095F8;}
.maphere{margin-left:-25%}
.mic{float: right;width: 56rem;padding-top: 10rem;}
.mic a{color:#151515}
.mic a:hover{color:#0095F8}
.mic a img{width: 1.8rem;margin: 1.1rem .7rem 0 0}



.iif{position: absolute;right:1rem;top:1rem;background:#fff;border-radius:.4rem;opacity:.9}
.iif img.meh{width:8.5rem;padding:.5rem 1.9rem 0}
.iis{float:right;background:#fff;line-height:2.6rem;padding:0 .3rem;border-radius:.4rem;margin-left:.6rem;font-size:1.3rem;font-weight:600;text-align:right}
.iis:first-child{margin-left:0;text-align:left;float:left;}
.iis img{border-radius:0;width:1.6rem;float:left;margin:.5rem .4rem .5rem 0}



footer .logotext img{height:5rem;float:left}
.fco {float: right;line-height: 2.5rem;font-size: 1.3rem;text-align: right;margin-top: -0.1rem;}
.fco a{color:#fff}
.fco a:hover{color:#0095F8}
.fco a img{width: 1.4rem;margin: 0.1rem 0.5rem -0.1rem 0;filter: brightness(10);transition: .3s ease;}
.fco a:hover img{filter: brightness(1)}

.fb{background:#222323;padding:4rem 0}
.ff{background: #0095F8;color: #fff;font-size: 1.3rem;line-height: 2rem;padding: 1rem 0;}
.copy{float:left;;width: calc(50% - 5rem)}
.dev{float:right;width: calc(50% - 5rem);text-align:right}
.year {float:left;width:10rem;text-align:center;}
.dev a{color:#fff}
.dev a:hover{opacity:.75}

.coolline{float:left;width:36%;margin:2.5rem 64% 2.5rem 0;height:.1rem;background:#ddd}
.mic .coolline{width:100%;margin:2.5rem 0;}
.fillline{float:left;width:8rem;height:.1rem;background:#0095F8}

a{transition: .3s ease;}


.orderwin h4{font-size: 2.1rem;font-weight: 600;line-height: 3rem;letter-spacing:.1rem;margin-bottom: 0;color: #fff;-webkit-text-stroke-width: 1px;    -webkit-text-stroke-color: #fff;text-align: center;}
.orderwin h4 span{font-size: 1.3rem;line-height: 1.7rem;letter-spacing: 0;font-family: Comfortaa, cursive;font-weight: 400;margin-top: -1px;display: block;margin-bottom: 1rem;-webkit-text-stroke-width: 0}

.orderwin{width:40rem;height: 27rem;position:fixed;margin:calc(50vh - 13.5rem) calc(50% - 20rem);left:0;top:0;z-index:99999;text-align: center;display:none}
.orderwin input{font-family: 'Montserrat', sans-serif;float: left;width: calc(100% - 2rem);margin:.5rem 0 1rem;padding: 0 1rem;outline: none;transition: .3s all ease;line-height: 5rem;background: transparent;border:none;border-bottom: .1rem solid #fff;color:#fff}
.orderwin  input:hover, .orderwin  input:focus  {border-bottom: .1rem solid #0095F8;}
.orderwin input[type="submit"]{float:left;padding: 1rem 0;background-color:#0095F8;text-transform: uppercase;font-size: 1.5rem;font-weight:200;letter-spacing: .1rem;color:#fff;border: .1rem solid #0095F8;width: 100%;margin: 0;border-radius:.5rem;line-height:30px;transition: .3s all ease;user-select: none;margin-top:1.5rem}
.orderwin input[type="submit"]:hover{background-color:transparent;color:#0095F8;border: .1rem solid #0095F8;}

.orderclose, .closeser, .calcback{float: left;font-size: 13px;border-bottom: 1px dashed #0095F8;color: #0095F8;line-height: 16px;width:58px;text-align: center;margin: 1rem calc(50% - 29px) 0;cursor: pointer;transition: .3s all ease;user-select: none;}
.orderclose:hover, .closeser:hover{border-bottom: 1px dashed rgb(148 121 101 / 0%);}
.message {display:none;line-height: 2.2rem;font-size: 1.5rem;padding: 5rem 0;color: #fff;}
.loader{width: 16.5rempx;padding: 3.5rem 0;display:none}

.lh2{border-bottom: 1px solid #dcdcdc;}
.lh2 h2{font-family: 'Comfortaa', cursive;color: #3d3d3d;float: left;border-bottom: 0.2rem solid #005bff;font-size: 2.2rem;line-height: 4.2rem;padding: 0;text-transform: none;margin-bottom:-.1rem;padding-right: 0.7rem;}

.mask{position: fixed;display:none;width: 110%;height: 140vh;left: -5%;top: -5vh;z-index: 9999;background: rgb(0 0 0 / 95%);transition: .5s all ease-out;}
.acmask{backdrop-filter: blur(0.5rem);background: rgb(0 0 0 / 85%);}
.ovhi{overflow:hidden}

.hsb, .hfb{display:none}


@keyframes bpulse {
  0% {
    box-shadow: 0 0 0 0 rgba(31, 143, 239, 0.8);
  }
  
  70% {
    box-shadow: 0 0 0 1.2rem rgba(31, 143, 239, 0.05);
  }
  
  100% {
    box-shadow: 0 0 0 0 rgba(31, 143, 239, 0);
  }
}
@media (max-width: 1210px){
.mic{width: calc(100% - 1rem);}
	
}


@media (max-width: 1100px){
.coup{width:14rem}
.coupinfo{width: calc(100% - 26rem);padding: 2.5rem 0 2.5rem 3rem;}
.coupinfo .linkbutton {margin-top:.5rem}
.titem h3{font-size:1.8rem}
#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3, .atext h2{font-size: 3.2rem;line-height: 3.8rem;}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .sitem h3, .atext h2 span{font-size: 2.8rem;line-height: 3.6rem;}
.gstep{font-size:1.45rem}
}
@media (max-width: 1000px){
body{font-size: 1.4rem;}

.mapinfo{width: calc(42% - 3rem);padding:1.5rem}
.mapinfo h3{font-size:2.2rem}
.maphere{margin-left: -29%;}
.itemtwo{width:49%}
.itemtwo:first-child{margin-right:2%}
.oitem input.bagcost, .oitem input.bagweight{width:4rem}
.logotext {padding-right: 0;border-right: none;}
.aleft{margin-right:1.5rem}
.atext {width: calc(100% - 46.5rem)}
.gstep{font-size:1.4rem}
}

@media (max-width: 950px){
.gstep{font-size:1.3rem}
}
@media (max-width: 900px){
.gstep{font-size:1.25rem}
}

@media (max-width: 880px){
#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3, .atext h2{font-size: 3rem;line-height: 3.4rem;}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .sitem h3, .atext h2 span{font-size: 2.4rem;line-height: 3rem;}
.avid{height:45rem}
.slidetext h1{font-size:3.6rem;line-height:4.4rem}
.slidetext h1 span{font-size:2.6rem;line-height:3.8rem}
.titem h3{font-size:1.7rem}
.titem{width: calc(33.3333% - 1rem);}
.titem:nth-child(2){margin:0 1.5rem}
.gstep{font-size:1.5rem;line-height: 2rem;height: 4rem;padding-top:1rem;padding-bottom:1rem;}
}

@media (max-width: 860px){
.avid{width:38rem;margin-right: 3rem;}
.aleft{width:40rem;margin-right:1rem}
.atext {width: calc(100% - 41rem)}
.aleft img.ti1{margin-bottom: 35%;}
.oitem input.bagweight{width:3rem}
.oitem input.bagcost{width:4rem}
.mapinfo h3{font-size:2rem}

.ritem{width: 68%;margin: 0 16%;}
.slgradl, .slgradr{width:15%}
#toggle {display:block;float:right;width: 2.4rem;height: 2.4rem;margin: .6rem 0 0 2rem;}
#toggle div {width: 100%;height: .3rem;background: #151515;margin: .6rem auto;transition: all 0.3s;backface-visibility: hidden;border-radius:.2rem;}
#toggle.on .one {transform: rotate(45deg) translate(5px, 5px);}
#toggle.on .two {  opacity: 0;}
#toggle.on .three {  transform: rotate(-45deg) translate(7px, -8px);}
#menu{position: absolute;right: -1%;top: 5.6rem;display: block;width: 24rem;padding: 0 0 80vh 1rem;background: rgb(255 255 255 / 90%);backdrop-filter: blur(.2rem);display: none;z-index:3;}
.fixmenu #menu{top: 6.6rem;}
#menu a{display: block;text-align: left;line-height: 4rem;}
}

@media (max-width: 800px){
.aleft{width:40rem;margin: 0 calc(50% - 20rem);height:36rem;top: 7rem;position: absolute;}
.atext {width: 100%;}
.atext .coolline{display:none}
.atext h2{padding-bottom:38rem;text-align: center;}
#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3, .atext h2{font-size: 2.8rem;line-height: 3rem;-webkit-text-stroke-width: 1px;}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .sitem h3, .atext h2 span{font-size: 2.2rem;line-height: 2.6rem;}
.slidetext h1{-webkit-text-stroke-width: 1px;}
.slidetext h1 span {-webkit-text-stroke-width: 0}
.mapinfo h3{-webkit-text-stroke-width: 0.5px}
.piflex{display:block}
.putbot .itemoreder{position: relative;}
.pont .itdec{display:none}
.itemtwo{width:100%}
.itemtwo:first-child{margin-right:0%}
.oitem input.bagweight{width:4rem}
.oitem input.bagcost{width:5rem}
.plus {width: calc(50% - 5rem)}
.hideit{display:none}
.coup{width:10rem}
.coupinfo{width: calc(100% - 22rem);padding: 2.5rem 0 2.5rem 3rem;}
.slidetext {width: 75%}
.itemtwo h3{color: #0095f8;font-size: 2.4rem;}
}

@media (max-width: 760px){
#about .twelve{position: relative;}
#types .columns{display:block}
.titem{width:100%;}
.titem:nth-child(2) {margin: 2.5rem 0}
.titem h3{font-size:2rem}
.sitem p{width:90%;margin: 1rem 5%;}
#map {height:auto}
.mapinfo{float: left;left: 0;top: 0;width: calc(100% - 2rem);padding: 4rem 1rem;position: relative;border: none;border-radius: 0}
.maphere{margin-left: -50%;}
.mic{padding:0}
.mapinfo .linkbutton {background: #fff;text-align: center;border-color: #fff;color:#0095F8}
.mapinfo p.cmon {color: #ebebeb}
footer{float: left;width: 100%;}
}

@media (max-width: 730px){
.slidetext h1{font-size:3.2rem;line-height:4.2rem}
.slidetext h1 span{font-size:2.4rem;line-height:3.4rem}
}



@media (max-width: 700px){
.sitem h3{font-size:2.1rem}
.slidetext {width: 80%}
.gstep{font-size:1.35rem}
}

@media (max-width:640px){
.ritem{width: 78%;margin: 0 11%;}
.slgradl, .slgradr{width:10%}
.plus{width: calc(50% - 3rem);padding:1.5rem .5rem}
.plus h3{font-size:1.7rem}
.sitem{width:49%;margin: 2rem .5%;}
.sitem h3{font-size:2rem}
#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3, .atext h2{font-size: 2.6rem;line-height: 3rem;}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .atext h2 span{font-size: 2rem;line-height: 2.4rem;}
#hello {padding: 8rem 0 12rem;}
.slidetext {width: 90%;margin:0 5%;text-align:center}
.slidetext h1{font-size:3rem;line-height:3.8rem}
.slidetext h1 span{font-size:2.2rem;line-height:3rem}
.slidetext .linkbutton  {left: 0;right: 0;margin: 1rem auto;position: absolute;width: fit-content;}
.pitem, .pitem:nth-child(2){width:100%;float: left;margin: 1.5rem 0}
.gstep{font-size:1.3rem}
.itemtwo h3{color: #0095f8;font-size: 2.2rem;}

}
@media (max-width:610px){
.coup{display: none;}
.coupinfo{width: 100%;padding: 4rem 0 10rem;text-align: center;}
.coupinfo h3, .coupinfo h4{text-align:center}
.coupinfo .linkbutton {left: 0;right: 0;margin: 1rem auto;position: absolute;width: fit-content;}
.sab{width: 100%;margin: 2rem 0;text-align: center;}
.gstep{font-size:1.2rem}
#production{background-attachment: unset;}
}

@media (max-width:530px){
.sitem{width:100%;margin: 2rem 0;}
.ritem{width: 90%;margin: 0 5%;}
.slgradl, .slgradr{width:5%}
#review h2, #production h2, #pluses h2, #service h2, .coupinfo h3, .atext h2{font-size: 2.4rem;line-height: 2.8rem;}
#review h2 span, #production h2 span, #pluses h2 span, #service h2 span, .coupinfo h4, .atext h2 span{font-size: 1.9rem;line-height: 2.2rem;}
.aleft{width:32rem;margin: 0 calc(50% - 16rem);height:31rem;top: 7rem;position: absolute;}
.atext h2{padding-bottom:34rem;text-align: center;}
.atext p{text-align: justify;}
.hfb{display:block}
.gstep{font-size:1.15rem}
}

@media (max-width: 490px){
.gstep{font-size:1.1rem}
#sale{display:none}
.itemtwo h3{color: #0095f8;font-size: 2.1rem;}
}

@media (max-width: 460px){
.plus h3{font-size:1.5rem}
.plus p {font-size: 1.2rem;line-height: 1.8rem;}
#mobcall img{float: right;width: 2.2rem;margin: 1.2rem 0 0;transition: .3s ease-out;}
.topphone{display:none}
#mobcall{display:block}
.orderwin {width: 90%;margin: calc(50vh - 13.5rem) 5%}
.hsb{display:block}
.gstep{width: calc(20% - 2.7rem);margin: 0 2px 0 0;font-size:1.05rem}
.slidetext h1{font-size:2.8rem;line-height:3.6rem}
}

@media (max-width: 420px){
.atext .linkbutton{width: 100%;padding: 0;border-left: 0;border-right: 0}
.plus{width: calc(50% - 2rem);padding:1.5rem .5rem;margin:1rem .5rem}
.plus h3{font-size:1.5rem}
.plus p {font-size: 1.2rem;line-height: 1.6rem;}
footer .logotext{width: 100%;margin: 0 0 1rem;padding: 0;text-align: center;}
.fco{width: 100%;text-align: center;margin: .5rem 0 0;}
.copy{width: 100%;text-align: center;margin-bottom: .2rem;}
.year{display:none}
.dev{width: 100%;text-align: center;font-size: 1.2rem;opacity: .9;}
.itemoreder {width: calc(100% - 2rem);padding: 1rem}
footer .logotext img{width: 22rem;height: auto;margin: 0 calc(50% - 11rem) 1rem;}
.fop{margin-right:0}
.oitem, .oitem input{font-size:1.5rem}
.oitem input.bagweight{width:3.6rem}
.oitem input.bagcost{width:4.6rem}
.oitem input.ois{padding: 0 .7rem;}
.itemtwo h3{color: #0095f8;font-size: 2rem;}
}
@media (max-width: 400px){
.plus h3{line-height: 1.4rem;height: 3rem;}
.plus p {font-size: 1.1rem;line-height: 1.4rem;}
.oitem input.ois{padding: 0 .6rem;font-size:1.3rem}
.slidetext h1{font-size:2.6rem;line-height:3.2rem}
}

@media (max-width: 367px){
.hfb{display:none}
}