/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

#dns-info-template {
  display: none; }
.email-leak-polling-results {
  display: none; }
#ipv6-info {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin: auto;
  color: #808080;
  width: 800px; }

#ipv6-info p {
  margin: 20px 0px;
  list-style: disc; }
@import url('https://fonts.googleapis.com/css2?family=Baloo+Tamma+2:wght@400;500;600;700;800&display=swap');

body,html{
  margin:0px;
  padding:0px;
}
body *{
  box-sizing: border-box;
  font-family: 'Baloo Tamma 2', 'Helvetica', 'Arial', sans-serif;
}
a{
  color:#56B14D;
}
.container{
  max-width:1170px;
  padding-left:15px;
  padding-right:15px;
  margin-left:auto;
  margin-right: auto;
  width: 100%;
}
.leak__test{
  padding-top:50px;
  padding-bottom:50px;
}
.leak__test .outer__leak{
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.leak__test .outer__leak .leak__box{
  max-width:475px;
  width: 100%;
  background-color:#fff;
  box-shadow: 22px 22px 68px rgba(0,0,0,0.08);
  padding:25px 35px;
  border-radius:36px;
  margin: auto;
}
.leak__test .outer__leak .leak__box .leak__connection> .leak__field{
  margin-bottom:30px;
}
.leak__test .outer__leak .leak__box .leak__connection>p{
  text-align:center;
  color:#747474;
  font-size:18px;
  line-height:26px;
  font-weight:400;
  margin:0px;
  margin-bottom:30px;
}
.leak__test .outer__leak .leak__box .leak__connection>.test__button{
  display: flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}
.leak__test .outer__leak .leak__box .leak__connection>.test__button>a:hover{
  background-color: #3e9136;
}
.leak__test .outer__leak .leak__box .leak__connection>.test__button>a{
  min-width:170px;
  min-height:50px;
  display: inline-flex;
  align-items:center;
  justify-content:center;
  background-color:#56B14D;
  border-radius:12px;
  color:#fff;
  font-size:17px;
  font-weight:500;
  text-decoration: none;
  transition:.4s ease all;

}
.leak__test .outer__leak .leak__box .leak__connection> .leak__field>input{
  width: 100%;
  height: 70px;
  border-radius:12px;
  outline:none;
  border:0px;
  text-align:center;
  color:#263238;
  font-size:36px;
  line-height:42px;
  padding-top:7px;
  border:1px solid rgba(219,219,219,.4);
  font-weight:500;
  background: linear-gradient(115deg, rgba(247,247,247,.54), #F6F6F6);
}
.leak__test .outer__leak .leak__box .leak__connection> .leak__field>input.ipv6{
  font-size:20px;
}
.leak__test .outer__leak .leak__box .leak__connection> .leak__field>p{
  text-align:center;
  margin-bottom:25px;
  margin-top: 0px;
  color:#263238;
  font-size:22px;
  font-weight:400;
}
.leak__test .outer__leak .leak__top>h2{
  margin:0px;
  margin-bottom:25px;
  font-size:42px;
  color:#1F212D;
  font-weight:500;
  text-align:center;
}
.leak__test .leak__info .leak__image img{
  max-width:100%;
}
.leak__test .leak__info .leak__text{
  width: 56%;
}
.leak__test .leak__info .leak__text>p{
  margin:0px;
  font-size:18px;
  line-height:26px;
  font-weight:400;
  color:#747474;
}
.leak__test .leak__info .leak__text>h2{
  margin:0px;
  margin-bottom:15px;
  color:#263238;
  font-size:36px;
  font-weight:500;
}
.leak__test .leak__info .leak__image{
  width: 40%;
  margin-right:4%;
  display: inline-flex;
  align-items:center;
  justify-content:center;
}
.leak__test .leak__info{
  margin-top:55px;
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.benefits__block{
  padding:70px 0px;
  background: linear-gradient(to bottom, #F6F6F6, #FFF);
  overflow:hidden;
}
.benefits__block .outer__benefits  .right__benefits{
  margin-left:-120px;
  margin-right:-100px;
}
.benefits__block .outer__benefits .left__benefits .benefit__button{
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.benefits__block .outer__benefits .left__benefits .benefit__button>a:hover{
  background-color:#C24517;
}
.benefits__block .outer__benefits .left__benefits .benefit__button>a{
  display: inline-flex;
  align-items:center;
  padding-top:3px;
  justify-content:center;
  min-width:250px;
  min-height:50px;
  background-color:#FB7622;
  border-radius:12px;
  font-size:17px;
  font-weight:500;
  color:#fff;
  line-height:18px;
  text-decoration: none;
  transition:.4s ease all;
}
.benefits__block .outer__benefits .left__benefits .benefit__list{
  margin-top:10px;
  display: grid;
  grid-template-columns:repeat(2 , 1fr);
  grid-row-gap: 20px;
  margin-bottom:50px;
  margin-top:50px;
  grid-column-gap:10px;
}
.benefits__block .outer__benefits .left__benefits .benefit__list .benefit__elem p span{
  display: inline-flex;
  align-items:center;
  margin-right:10px;
  position: relative;
  top:-2px;
}
.benefits__block .outer__benefits .left__benefits .benefit__list .benefit__elem p{
  margin:0px;
  display: flex;
  color:#747474;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  align-items:center;
}
.benefits__block .outer__benefits .left__benefits>p{
  max-width:420px;
  font-size:18px;
  color:#747474;
  line-height:26px;
  margin:0px;
}
.benefits__block .outer__benefits .left__benefits>h2{
  margin:0px;
  margin-bottom:15px;
  color:#263238;
  font-size:36px;
  font-weight:500;
  line-height:42px;
}
.benefits__block .outer__benefits{
  display: flex;
  align-items:center;
  justify-content:space-around;
}
.why__block{
  padding:80px 0px;
}
.why__block .outer__why>h2{
  margin:0px;
  margin-bottom:50px;
  font-size:36px;
  line-height:42px;
  font-weight:500;
  color:#263238;
}
.why__block .outer__why .why__inner .why__elem .why__info>p{
  margin:0px;
  color:#747474;
  font-size:18px;
  line-height:26px;
  font-weight:400;
}
.why__block .outer__why .why__inner .why__elem .why__info>h6{
  margin:0px;
  margin-bottom:10px;
  color:#263238;
  line-height:26px;
  font-size:22px;
  font-weight:400;
}
.why__block .outer__why .why__inner .why__elem .why__image{
  display: flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:20px;
}
.why__block .outer__why .why__inner{
  display: grid;
  grid-template-columns:repeat(3 , 1fr);
  grid-column-gap:90px;
  grid-row-gap:50px;
}
.why__block .outer__why{
  display: flex;
  width: 100%;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.price__block{
  position: relative;
  padding-bottom:50px;
  padding-top:50px;
}
.price__block .outer__price .price__after span{
  display: inline-flex;
  margin-right:9px;
  align-items:center;
  justify-content:center;
  position: relative;
  top:-2px;
}
.price__block .outer__price .price__after p{
  background-color:#EFEFEF;
  border-radius:28px;
  color:#707070;
  font-size: 14px;
  line-height:14px;
  font-weight:400;
  display: flex;
  align-items:center;
  padding:18px 25px;
}
.price__block .outer__price .price__after{
  display: flex;
  justify-content:center;
  align-items:center;
  position: absolute;
  bottom:-40px;
  left: 0px;
  right: 0px;
  margin-left:auto;
  margin-right:auto;
}
.price__block .outer__price .price__head>h2{
  text-align:center;
  margin:0px;
  color:#1F212D;
  font-size:36px;
  line-height:42px;
  font-weight:500;
  margin-bottom:65px;
}
.price__block:before{
  content:"";
  position: absolute;
  left: 0px;
  top:auto;
  bottom:0px;
  width: 100%;
  height: 63px;
  background:url('../img/shadowprice.png');
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position:center;
}
.price__block .price__list{
  display: grid;
  grid-template-columns:repeat(3 , 240px);
  grid-column-gap: 45px;
  justify-content:center;
  align-items:flex-start;
}
.elem__price--list.regular__price>span span{
  color:#E93B76;
  text-decoration: line-through;
}
.elem__price--list.regular__price>a:hover{
  background-color:#88E47B;
  border-color:#88E47B;
}
.price__inner>p{
  text-align:center;
  max-width:400px;
  margin-left:auto;
  margin-right:auto;
  color:#747474;
  font-size:12px;
  position: relative;
  margin-top: 30px;
  line-height:15px;
  padding-bottom:12px;
  margin-bottom: 0px;
}
.elem__price--list.offer__price{
  border:3px solid #4CB649;
  border-radius:12px;
  padding:30px 20px;
  position: relative;
  padding-bottom:20px;
}
.elem__price--list.offer__price{
  box-shadow: 20px 20px 42px rgba(0,0,0,.11), rgba(76,182,73,.3) 0px 0px 12px inset;
}
.elem__price--list.offer__price .float__price p{
  margin:0px;
  color:#FFFFFF;
  font-size:12px;
  font-weight:600;
  letter-spacing:2px;
  text-transform: uppercase;
}

.elem__price--list.offer__price{
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
.elem__price--list.offer__price .float__price{
  position: absolute;
  top:-15px;
  border-radius:12px;
  display: inline-flex;
  padding:4px 12px;
  background-color:#56B14D;
}
.elem__price--list.offer__price .include__info{
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:15px;
}
.elem__price--list.offer__price .include__info>p{
  text-align:center;
  margin:0px;
}
.elem__price--list.offer__price .include__info>p:nth-child(1) span{
  display: inline-flex;
  margin-left:5px;
  padding:2px 7px;
  background-color:#56B14D;
  border-radius:11px;
  justify-content:center;
  align-items:center;
  font-size:12px;
  font-weight:600;
  color:#fff;
  padding-top:5px;
  line-height:14px;
}
.elem__price--list.offer__price .include__info>p:last-child{
  color:#5C6370;
  font-size:12px;
  font-weight:400;
  margin:0px;
}
.elem__price--list.offer__price .include__info>p:nth-child(1){
  display: flex;
  align-items:center;
  justify-content:center;
  color:#263238;
  font-size:12px;
  font-weight:500;
}
.elem__price--list.offer__price>a{
  display: flex;
  justify-content:center;
  align-items:center;
  margin-top:17px;
  height: 50px;
  transition:.4s ease all;
  width: 100%;
  border-radius: 12px;
  color:#fff;
  font-size:17px;
  font-weight: 500;
  background-color:#FB7622;
  text-decoration: none;
  padding-top:3px;
}
.elem__price--list.offer__price>a:hover{
  background-color:#C24517;
}
.elem__price--list.regular__price>a{
  display: flex;
  justify-content:center;
  align-items:center;
  margin-top:20px;
  height: 50px;
  border:2px solid #56B14D;
  transition:.4s ease all;
  width: 100%;
  border-radius: 12px;
  color:#56B14D;
  font-size:17px;
  font-weight: 500;
  text-decoration: none;
  padding-top:3px;
}
.elem__price--list.offer__price>span span{
    color: #E93B76;
    text-decoration: line-through;
}
.elem__price--list.offer__price>span{
  display: block;
  text-align:center;
  color:#8C919D;
  font-size:14px;
  font-weight:400;  
}
.elem__price--list.regular__price>span{
  display: block;
  text-align:center;
  color:#8C919D;
  font-size:14px;
  font-weight:400;
}
.elem__price--list.regular__price>h2 span{
  font-size:21px;
  font-weight:400;
  color:#1F212D;
}
.elem__price--list.regular__price{
  margin-top:10px;
}
.elem__price--list.regular__price>h2{
  text-align:center;
  color:#1F212D;
  font-size:48px;
  line-height:40px;
  font-weight: 600;
  margin:0px;
}
.elem__price--list.offer__price>p{
  margin:0px;
  color:#5C6370;
  font-size:16px;
  line-height:22px;
  font-weight:400;
  margin-bottom:20px;
  text-align:center;
}
.elem__price--list.offer__price>h2>span{
  font-size:21px;
  font-weight:400;
  color:#1F212D;
}
.elem__price--list.offer__price>h2{
  text-align:center;
  color:#1F212D;
  font-size:48px;
  line-height:40px;
  font-weight: 600;
  margin:0px;
}
.elem__price--list.regular__price>p{
  margin:0px;
  color:#5C6370;
  font-size:16px;
  line-height:22px;
  font-weight:400;
  margin-bottom:20px;
}
.elem__price--list.regular__price{
  padding:20px;
  display: flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
  background: linear-gradient(115deg, rgba(247,247,247,.54), #F6F6F6);
  border:1px solid rgba(219,219,219,.4);
  border-radius:12px;
}
.more__tools{
  padding-top:95px;
  padding-bottom:45px;
}
.more__tools .outer__tools .inner__tools .elem__tool p{
  margin:0px;
  color:#747474;
  font-size:18px;
  line-height:26px;
  font-weight:400;
}
.more__tools .outer__tools .inner__tools .elem__tool span{
  display: inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}
.more__tools .outer__tools .inner__tools .elem__tool{
  min-width:215px;
  min-height:170px;
  text-decoration: none;
  background-color:#FFFFFF;
  border-radius:12px;
  border:2px solid #F7FAF7;
  box-shadow: 22px 22px 68px rgba(0,0,0,0.08);
  display: inline-flex;
  align-items:center;
  justify-content:center;
  transition:.4s ease all;
  flex-direction:column;
}
.more__tools .outer__tools .inner__tools .elem__tool:hover{
  opacity:.7;
}
.more__tools .outer__tools .inner__tools{
  display: grid;
  grid-template-columns:repeat(2 , 1fr);
  grid-column-gap:40px;
}
.more__tools .outer__tools>h2{
  text-align:center;
  margin:0px;
  margin-bottom:35px;
  color:#263238;
  font-size:28px;
  line-height:37px;
  font-weight:400;
}
.more__tools .outer__tools{
  display: flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}
.faq__block{
  padding:50px 0px;
}
.faq__block .outer__faq .inner__faq{
  width: 100%;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}
.faq__block .outer__faq .inner__faq .faq__head>svg{
  position: absolute;
  right: 25px;
}
.faq__block .outer__faq .inner__faq .faq__head{
  position: relative;
  display: flex;
  align-items:center;
  padding-right:60px;
}
.faq__block .outer__faq .inner__faq .faq__elem svg{
  transition:.4s ease all;
  border:1px solid transparent;
}
.faq__block .outer__faq .inner__faq .faq__elem.active__faq svg{
  transform:rotate(180deg);
}
.faq__block .outer__faq .inner__faq .faq__elem svg *{
  transition:.4s ease all;
}
.faq__block .outer__faq .inner__faq .faq__elem.active__faq svg circle{
  fill:#56B14D;
}
.faq__block .outer__faq .inner__faq .faq__elem.active__faq svg g:last-child path{
  fill:#fff;
}
.faq__block .outer__faq .inner__faq .faq__elem.active__faq{
  background-color:#FFFFFF;
      box-shadow: 12px 12px 48px rgba(0,0,0,.12);
}
.faq__block .outer__faq .inner__faq .faq__elem:last-child{
  margin-bottom: 0px;
}
.faq__block .outer__faq .inner__faq .faq__elem{
  padding:25px;
  border-radius:12px;
  border:1px solid rgba(219,219,219 ,.4);
  cursor:pointer;
  background:linear-gradient(115deg, rgba(247,247,247,.54), #F6F6F6);
  margin-bottom:20px;
}
.faq__block .outer__faq .inner__faq  .faq__head>h5{
  margin:0px;
  color:#1F212D;
  font-size: 22px;
  line-height: 32px;
  font-weight:400;
}
.faq__block .outer__faq .inner__faq .faq__content{
  padding-top:20px;
  display: none;
}
.faq__block .outer__faq .inner__faq .faq__content>p{
  margin:0px;
  color:#747474;
  font-size:18px;
  line-height:26px;
}
.faq__block .outer__faq>h2{
  text-align:center;
  margin:0px;
  margin-bottom:30px;
  color:#1F212D;
  font-size:36px;
  font-weight:500;
}
.try__pia{
  padding:50px 0px;
}
.try__pia .outer__try .top__try{
  max-width:740px;
  margin-left:auto;
  margin-right:auto;
}
.try__pia .outer__try .top__try .try__left .try__buttons .try__logo{
  display: flex;
  align-items:center;
  justify-content:center;
}
.try__pia .outer__try .top__try .try__left .try__buttons>span{
  display: inline-flex;
  margin:0px 25px;
  width: 1px;
  height: 40px;
  background-color:#B4B4B4;
}
.try__pia .outer__try .top__try .try__left .try__buttons>a:hover{
  background-color:#C24517;
}
.try__pia .outer__try .top__try .try__left .try__buttons>a{
  display: inline-flex;
  align-items:center;
  padding-top:3px;
  justify-content:center;
  min-width:250px;
  text-decoration: none;
  color:#fff;
  font-size:17px;
  font-weight:500;
  min-height:50px;
  background-color:#FB7622;
  border-radius:12px;
  transition:.4s ease all;
}
.try__pia .outer__try .top__try .try__left .try__buttons{
  display: flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:50px;
}
.try__pia .outer__try .top__try .try__left>p{
  margin:0px;
  color:#747474;
  font-size: 18px;
  line-height:26px;
  font-weight:400;
}
.try__pia .outer__try .top__try .try__left>h2{
  margin:0px;
  margin-bottom:15px;
  color:#263238;
  font-size:42px;
  line-height:44px;
  font-weight:500;
}
.try__pia .outer__try .bottom__try>p>a{
  font-size:12px;
  color:#56B14D;
  transition:.4s ease all;
}
.try__pia .outer__try .bottom__try>p{
  margin:0px;
  color:#707070;
  font-size:12px;
  font-weight:400;
}
.try__pia .outer__try .bottom__try{
  display: flex;
  justify-content:center;
  margin-top:50px;
  align-items:center;
}
.try__pia .outer__try .top__try{
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.try__right{
  display: flex;
  align-items:center;
  justify-content:center;
}
.float__support{
  position: fixed;
  bottom:0px;
  right: 30px;
  display: flex;
  align-items:center;
  justify-content:center;
  transition:.4s ease all;
  color:#FFFFFF;
  font-size: 14px;
  font-weight:500;
  line-height:21px;
  background-color:#38B54A;
  padding:10px 13px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  text-decoration: none;
  padding-bottom:6px;
}
.float__support:hover{
  opacity:.7;
}
.float__support span{
  display: inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
}
.leak__form--top{
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.leak__form--top .leak__form--info p{
  margin:0px;
  color:#747474;
  font-size:16px;
  line-height:20px;
  font-weight:400;
  margin-top:5px;
}
.leak__form--top {
  margin-bottom:25px;
}
.group__leak{
  display: flex;
  align-items:center;
  position: relative;
}
.group__leak>span{
  position: absolute;
  color:#747474;
  left: 20px;
  font-size:13px;
}
.group__leak{
  margin-bottom:10px;
}
.leak__submit{
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.leak__submit{
  margin-bottom:10px;
}
.leak__button{
  display: flex;
  justify-content:center;
  align-items:center;
}
.leak__button>a:hover{
  opacity:.7;
}
.leak__button>a{
  color:#56B14D;
  font-size:14px;
  font-weight:500;
  transition:.4s ease all;
}
.leak__submit>input[type="submit"]:hover{
  background-color:#C24517;
}
.leak__submit>input[type="submit"]{
  display: inline-flex;
  align-items: center;
  padding-top: 3px;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  min-height: 50px;
  background-color: #FB7622;
  border-radius: 12px;
  transition: .4s ease all;
  outline:none;
  cursor:pointer;
  border:0px;
}
.leak__submit a:hover{
  background-color:#3e9136;
}
.leak__submit>a{
  display: inline-flex;
  align-items: center;
  padding-top: 3px;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  min-height: 50px;
  background-color: #56B14D;
  border-radius: 12px;
  transition: .4s ease all;
  outline:none;
  cursor:pointer;
  border:0px;
}
.group__leak>input{
  width: 100%;
  border: 1px solid rgba(219,219,219,.4);
  height: 52px;
  text-align:right;
  padding-right:15px;
  color:#1F212D;
  font-size:18px;
  font-weight:400;
  padding-left:90px;
  border-radius:12px;
  outline:none;
  background: linear-gradient(115deg, rgba(247,247,247,.54), #F6F6F6);}
.leak__form--top .leak__form--info>h2{
  margin:0px;
  font-size:22px;
  font-weight:500;
  line-height:28px;
}
.leak__form--top.greenheading .leak__form--info>h2{
  margin:0px;
  color:#56B14D;
  font-size:22px;
  font-weight:500;
  line-height:28px;
}
.leak__form--top.redheading .leak__form--info>h2{
  margin:0px;
  color:#FB7622;
  font-size:22px;
  font-weight:500;
  line-height:28px;
}
.leak__form--top .leak__form--logo{
  display: flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 1200px){
  .benefits__block .outer__benefits .right__benefits img{
    max-width:300px;
  }
  .benefits__block .outer__benefits .left__benefits{
    position: relative;
  }
  .benefits__block .outer__benefits .right__benefits{
    margin-right:0px;
  }
}
@media (max-width:991px){
  .leak__submit>input[type="submit"]{
    font-size:16px;
  }
  .try__pia .outer__try .top__try .try__left>h2{
    font-size:36px;
    line-height:42px;
  }
  .try__pia .outer__try .top__try .try__left>p{
    font-size:16px;
    line-height:24px;
  }
  .try__pia .outer__try .bottom__try{
    margin-top:30px;
  }
  .price__block .price__list{
    grid-template-columns:repeat(3 , 220px);
    grid-column-gap:25px;
  }
  .price__block .outer__price .price__head>h2{
    font-size:30px;
    line-height:36px;
    margin-bottom: 50px;
  }
  .more__tools .outer__tools>h2{
    font-size:24px;
    line-height:33px;
    margin-bottom:25px;
  }
  .more__tools{
    padding-top:55px;
    padding-bottom:35px;
  }
  .why__block .outer__why>h2{
    margin-bottom:35px;
    font-size: 30px;
    line-height:36px;
  }
  .why__block .outer__why{
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    width: 100%;
  }
  .why__block{
    padding:45px 0px;
  }
  .why__block .outer__why .why__inner .why__elem .why__info>h6{
    font-size:20px;
    line-height:24px;
  }
  .why__block .outer__why .why__inner .why__elem .why__info>p{
    font-size:16px;
    line-height:24px;
  }
  .why__block .outer__why .why__inner{
    grid-column-gap:50px;
  }
  .benefits__block .outer__benefits .right__benefits{
    margin-right:0px;
    margin-bottom:25px;
    margin-left: 0px;
  }
  .benefits__block .outer__benefits .left__benefits{
    width: 100%;
    max-width:540px;
    margin-left:auto;
    margin-right:auto;
  }
  .benefits__block{
    padding:45px 0px;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__button{
    justify-content:center;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__list{
    margin-top:35px;
    margin-bottom:35px;
  }
  .benefits__block .outer__benefits .left__benefits>h2{
    text-align:center;
    font-size:30px;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__button>a{
    font-size:16px;
  }
  .benefits__block .outer__benefits .left__benefits>p{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:16px;
  }
  .benefits__block .outer__benefits{
    flex-direction:column-reverse;
  }
  .leak__test .leak__info .leak__text>h2{
    font-size:30px;
    line-height:36px;
  }
  .leak__test .leak__info .leak__text>p{
    font-size:16px;
    line-height:24px;
  }
  .leak__test .leak__info{
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  .leak__test .leak__info .leak__image{
    margin-right: 0px;
    max-width:300px;
    width: 100%;
    margin-bottom:25px;
  }
  .leak__test .leak__info .leak__text{
    text-align:center;
    max-width:640px;
    width: 100%;
  }
  .leak__test .outer__leak .leak__top>h2{
    font-size:36px;
    line-height:42px;
  }
  .leak__test .outer__leak .leak__box .leak__connection> .leak__field>p{
    font-size:20px;
    margin-bottom:15px;
  }
  .leak__test .outer__leak .leak__box .leak__connection> .leak__field>input{
    font-size:30px;
    line-height:36px;
    height:60px;
  }
  .leak__test .outer__leak .leak__box .leak__connection>p{
    font-size:16px;
    line-height:24px;
  }
  .faq__block .outer__faq>h2{
    font-size:30px;
    margin-bottom:20px;
  }
  .faq__block .outer__faq .inner__faq .faq__head>h5{
    font-size:20px;
    line-height:30px;
  }
  .faq__block .outer__faq .inner__faq .faq__content>p{
    font-size:16px;
    line-height:24px;
  }
  .try__pia .outer__try .top__try .try__left .try__buttons>a{
    font-size:16px;
  }
  .elem__price--list.regular__price>a , .elem__price--list.offer__price>a{
    font-size:16px;
  }
}
@media (max-width:767px){
  .leak__test .leak__info{
    margin-top:30px;
  }
  .float__support{
    display: none;
  }
  .try__pia .outer__try .top__try .try__left .try__buttons{
    margin-top:30px;
  }
  .try__pia{
    padding-top:30px;
  }
  .try__pia .outer__try .bottom__try{
    margin-top: 15px;
  }
  .try__pia .outer__try .top__try .try__left>h2{
    font-size:30px;
    line-height:36px;
  }
  .try__pia .outer__try .top__try .try__left>p{
    font-size:15px;
    line-height:23px;
  }
  .try__pia .outer__try .top__try .try__right{
    margin-bottom:20px;
  }
  .try__pia .outer__try .top__try .try__right img{
    max-width:100%;
  }
  .try__pia .outer__try .top__try{
    flex-direction:column-reverse;
    justify-content:center;
    align-items:center;
  }
  .price__inner>p{
    padding-bottom:25px;
    margin-top:20px;
  }
  .price__block .outer__price .price__head>h2{
    font-size:24px;
    line-height:30px;
    margin-bottom:15px;
  }
  .price__block .price__list{
    display: flex;
    flex-direction:column;
    grid-column-gap: 0px;
    justify-content:center;
    align-items:center;
  }
  .price__block .outer__price .price__after p{
    width: calc(100% - 30px);
    max-width:435px;
  }
  .elem__price--list{
    margin-bottom:40px;
    width: 100%!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    max-width:350px!important;
  }
  .elem__price--list:last-child{
    margin-bottom: 0px;
  }
  .elem__price--list.offer__price .include__info{
    width: 100%;
    align-items:flex-start;
  }
  .more__tools .outer__tools .inner__tools{
    grid-template-columns:1fr;
    grid-row-gap:20px;
  }
  .more__tools .outer__tools .inner__tools .elem__tool p{
    font-size:16px;
    line-height:24px;
  }
  .more__tools .outer__tools>h2{
    font-size:21px;
    margin-bottom:15px;
    line-height:28px;
  }
  .faq__block .outer__faq .inner__faq .faq__head>svg{
    right: -10px;
  }
  .faq__block .outer__faq .inner__faq .faq__head{
    padding-right:25px;
  }
  .faq__block .outer__faq>h2{
    font-size:24px;
    margin-bottom:15px;
  }
  .faq__block .outer__faq .inner__faq .faq__head>h5{
    font-size:18px;
    line-height:25px;
  }
  .faq__block .outer__faq .inner__faq .faq__content>p{
    font-size:15px;
    line-height:23px;
  }
  .why__block .outer__why .why__inner{
    grid-template-columns:repeat(2 , 1fr);
  }
  .why__block .outer__why>h2{
    font-size:26px;
    line-height:32px;
    margin-bottom:25px;
  }
  .benefits__block .outer__benefits .left__benefits>h2{
    font-size:26px;
    line-height:32px;
  }
  .benefits__block .outer__benefits .left__benefits>p{
    font-size:15px;
    line-height:23px;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__list .benefit__elem p{
    font-size:15px;
    line-height:19px;
  }
  .leak__test .leak__info .leak__text>h2{
    font-size:26px;
    line-height:32px;
  }
  .leak__test .leak__info .leak__text>p{
    font-size:15px;
    line-height:23px;
  }
  .benefits__block .outer__benefits .right__benefits img{
    width: 100%;
  }
}
@media (max-width:480px){
  .leak__submit{
    justify-content:center;
  }
  .leak__form--top{
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  .leak__form--top .leak__form--logo{
    margin-bottom:15px;
  }
  .leak__form--top .leak__form--info>h2{
    font-size:19px;
  }
  .leak__form--top .leak__form--info p{
    font-size:15px;
    line-height:19px;
  }
  .group__leak>input{
    font-size:16px;
  }
  .try__pia{
    padding-top:15px;
    padding-bottom:30px;
  }
  .try__pia .outer__try .top__try .try__left .try__buttons{
    margin-top:15px;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
  }
  .try__pia .outer__try .top__try .try__left .try__buttons>span{
    display: none;
  }
  .try__pia .outer__try .top__try .try__left .try__buttons .try__logo{
    margin-top:15px;
  }
  .price__block{
    padding:35px 0px;
  }
  .faq__block{
    padding:35px 0px;
  }
  .why__block{
    padding:35px 0px;
    padding-bottom:15px;
  }
  .why__block .outer__why .why__inner{
    grid-template-columns:1fr;
    grid-row-gap:30px;
  }
  .benefits__block{
    padding:35px 0px;
  }
  .benefits__block .outer__benefits .right__benefits{
    margin-bottom: 15px;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__list{
    grid-row-gap:10px;
    margin-bottom:25px;
    margin-top:25px;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__list{
    grid-template-columns:1fr;
    justify-content:center;
    align-items:center;
  }
  .benefits__block .outer__benefits .left__benefits .benefit__list .benefit__elem{
    display: flex;
    justify-content:center;
  }
  .leak__test .leak__info .leak__image{
    margin-bottom:15px;
  }
  .leak__test{
    padding:35px 0px;
  }
  .leak__test .outer__leak .leak__box{
    padding:15px;
  }
  .leak__test .outer__leak .leak__top>h2{
    font-size: 30px;
    line-height:36px;
    margin-bottom:15px;
  }
  .leak__test .outer__leak .leak__box .leak__connection> .leak__field>p{
    font-size: 18px;
    line-height:24px;
  }
  .leak__test .outer__leak .leak__box .leak__connection> .leak__field{
    margin-bottom:20px;
  }
  .leak__test .outer__leak .leak__box .leak__connection>p{
    margin-bottom:20px;
  }
}
#footer {
  text-align: center;
}
#footer a{
  color:#56B14D;
  font-size:12px;
  font-weight:500;
}
#heading, #waiting-results h2, #email-intro, #results, .center {
  text-align: center;
  color: #263238;
}
#waiting-results h2{
  font-weight: 400;
  color: #263238;
}
.messages li {
  list-style: none;
}
.aleft, .aleft h2 {
  text-align: left;
}
.ipaddress {
  color:#56B14D;
}
.leak__test .outer__leak .leak__box {
  margin-bottom: 30px;
}
.greenheading .leak__field p {
  font-weight: 500 !important;
  color:#56B14D !important;
}
.redheading .leak__field p {
  font-weight: 500 !important;
  color:#FB7622 !important;
}
.redheading.emailstatus {
  font-weight: 500 !important;
  color:#FB7622 !important;
}
.greenheading.emailstatus {
  font-weight: 500 !important;
  color:#56B14D !important;
}
.leak__connection #results .messages {
  padding-left: 0px;
}
.leak__connection #results .messages li{
  font-size: 21px;
  font-weight: 500 !important;
}
.headeremail, .emailinstructions h2 {
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  color: #263238;
}
#terms-of-service, #privacy-policy {
  padding-left: 30px;
  padding-right: 30px;
}
