html {
scroll-behavior: smooth;
}
/*Fonts*/
.caveat{font-family: 'Caveat', cursive;}
.rubik{font-family: 'Rubik', sans-serif;}
.open{font-family: 'Open Sans', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.inter{font-family: 'Inter', sans-serif;}
/*Common*/
body {font-family: 'Figtree', sans-serif;font-size: 14px;line-height: 1.42857143;color: #12152f;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
p{
margin-bottom:0px;
}
ul{
padding:0px;
list-style:none;
margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls9{letter-spacing:9px;}
.padding0 {padding: 0;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;}
@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs38 {font-size: 38px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs50 {font-size: 50px;}.xs51 {font-size: 51px;}.xs55 {font-size: 55px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}
.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-11{margin-top:-11%;}
.mycontainer{
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.mycontainer2{
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm22 {font-size: 22px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm42 {font-size: 42px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm48 {font-size: 48px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm52 {font-size: 52px;}.sm55 {font-size: 55px;}.sm58 {font-size: 58px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb2{margin-bottom:2%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb30{margin-bottom:30%;}
.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}
.lml-2{margin-left:-2%;}
.pc-right{
text-align: right;
}
.mobile-center {
text-align: left;
}
.mycontainer{width: 730px;}
.mycontainer2{width:750px;}
}
@media (min-width: 992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md66 {font-size: 66px;}.md68 {font-size: 68px;}.md60{font-size: 60px;}.md64{font-size: 64px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md106{font-size: 106px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}
.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}
.mml-4{margin-left:-4%;}
.mycontainer{width: 880px;}
.mycontainer2{width:922px;}
}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg62 {font-size: 62px;}.lg60{font-size: 60px;}.lg64{font-size: 64px;}.lg68{font-size: 68px;}.lg70 {font-size: 70px;}.lg71 {font-size: 71px;}.lg74 {font-size: 74px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg106 {font-size: 106px;}.lg210 {font-size: 240px;}
.lmtm-3{margin-top: -3%;}
.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb3{margin-bottom:3%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}
.lgmb-6{margin-bottom:-6%;}
.lgmt5{margin-top:5%;}
.lgmt18{margin-top:18%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt23{margin-top:23%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}
.padding4{padding:0% 4%}
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl75 {font-size: 75px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.mycontainer-left{}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 3;
box-shadow:0px 19px 40px 0px rgba(0, 0, 0, 0.24);
}
.video-box-section .responsive-video{
box-shadow: none;
}
.video-box-section{background-color: black;}
.video-box {
position: relative;
overflow: hidden;
cursor: pointer;
border-style: solid;
border-width: 7px;
border-color: rgb(38, 38, 38);
border-radius: 15px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 20px 32px 0px rgba(40, 72, 116, 0.39);
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25%!important;
border-radius: 0;
}
.video-box iframe{
}
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.demo-video {
overflow: hidden;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 17px 40px 0px rgba(0, 0, 0, 0.2);
background-color: #fff;
margin-top: 0%;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.autoplayer-area {
z-index: 2;
}
.gray{color:#546878;}
.mycontainer{margin:auto;}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}.lh138 {line-height: 138%;}
.mycontainer-left {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
}
.mycontainer-right {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-left: auto;
}
.clear {
clear: both;
}
.black2{color:#262626;}
a.getlink:hover::before, a.getlink:focus::before, a.getlink:hover::after, a.getlink:focus::after {
color: transparent;
text-shadow: 10px 0 transparent, -10px 0 transparent;
opacity: 0;
}
/*header*/
.header{z-index: 111111;position: relative;margin: auto;width: 95%;}
nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;padding-bottom: 0;}
.navbar-light .navbar-nav .nav-link {
color: #555872;
position: relative;
transition-duration: 0.3s;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #346afd;
transition-duration: 0.3s;
}
.getlink {
border-radius: 50px;
background-color: rgb(52, 106, 253);
color: #fff !important;
padding: inherit;
-moz-transition: .4s;
-o-transition: .4s;
-webkit-transition: all .4s ease-in-out;
transition: .4s;
margin-left: 5px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
transition: .4s;
padding: 10px 18px !important;
box-shadow: 0px 13px 29px 0px rgba(52, 106, 253, 0.27);
text-align:center;
}
.getlink:hover {
background-color: rgb(44 92 224);
color: #fff !important;
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1.1);
transition-duration: 0.3s;
}
.getbox{margin-left: 1%;}
.navbar-toggler {background-color: white;}
.navbar-toggler:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
.navbar-toggler:focus {
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
.menu {
text-align: center;
}
nav li a {
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.nav-item {
padding: 0 4px;
}
.nav-list-last{margin-left: 3.5%;}
.nav-list-last ul{margin: auto;}
/*banner-arrow*/
.mybutton a {
color: #fff;
padding: 1.4% 3.7% 1.4% 3.7%;
display: table;
border-radius: 50px;
background-color: rgb(52, 106, 253);
box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
transition: 0.5s;
margin: auto;
margin-top: 1.2%;
margin-bottom: 1%;
position: relative;
z-index: 2;
}
.mybutton a:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.mybutton2 a{padding: 1.7% 4.2% 1.7% 4.7%;}
.mybutton .buttonArrow {
position: relative;
left: 3%;
}
.mybutton3{
margin-top: 4%;
}
.banner-mybutton a {
background-color: #346afd;
color: #fff;
padding: 3% 8.7%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin-top: 5%;
box-shadow: 0px 10px 24px 0px rgba(19, 76, 255, 0.29);
position: relative;
}
.banner-mybutton a:hover {
background-color: #2c5bdb;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
}
.videoframe {
position: relative;
}
.copyright-link{text-align:center;color: #42434b;}
.footer li{
margin: 3% 0;
color: #707477;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.footer li:hover{
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px);
}
.footer a {
color: #707477;
margin: 0;
}
.footer a:hover {
text-decoration: underline;
}
.footer hr{border-top: 1px solid rgb(255 255 255 / 9%);margin-top: 3%;margin-bottom: 2%;}
.link {
text-align: center;
margin-top: 3%;
}
.link, .link a {
text-decoration: none;
color: #707477;
}
.link a:hover {
text-decoration: underline;
color: #414446;
}
/*faq*/
.footer-section-left{
padding: 0 6% 0 1%;
}
.footer-section-right{
padding: 0 2.8%;
}
.accordion .fa {
float: left;
margin-top: 3px;
color: #346afd;
font-size: 22px;
position: absolute;
top: 0;
left: 3%;
}
.faq-section .card {
margin: 0;
padding: 4% 0%;
border-width: 0;
overflow: hidden;
border-radius: 0;
background-color: rgb(255, 255, 255);
border-bottom: 1px solid rgb(202, 202, 203);
}
.faq-section .card:last-child{border: 0px;}
.faq-section .card-header{
padding: 0 0%;
border: 0;
box-shadow: none;
background-color: transparent;
position: relative;
}
.faq-section .card-header button {
width: 100%;
text-align: left;
color: #12152f;
padding: 0% 0 0 9%;
border: 0 !important;
box-shadow: none;
white-space: break-spaces;
background-color: transparent;
}
.faq-section .card-body {
padding: 3% 5% 3% 3%;
color: #696c86;
margin-bottom: 0;
}
.btn:focus, .btn:hover {
text-decoration: none !important;
}
.faq-section .card-body p{
padding: 0;
}
.faq{max-width: 44.7%;}
/*banner*/
.circle1-bg1 {
background: url(../images-old/circle1.png) no-repeat center center;
background-size: contain;
padding: 3% 2% 2% 3%;
position: relative;
margin-left: 0;
}
.pricing2-banner .circle1-bg1, .pricing-banner .circle1-bg1{padding: 3% 2% 2% 2%;}
.line-bg1 {
padding: 0 1px 0 1px;
background-image: linear-gradient( to top, #ffffff00, #ffffff00 15%, #bdceff 15%, #bdceff 35%, #ffffff00 35% );
}
.payment {
position: relative;
margin-top: 2%;
left: 0%;
}
/*
.payment-logo {left: 3%;}
.payment-boxshots {left: 4.5%;}
.payment-reports {left: 8.5%;}
.payment-magazines {left: 9.8%;}
.payment-worksheets {left: 9%;}
.payment-checklists{left: 8.5%;}
.payment-cheatsheets{left: 10%;}
.payment-devices{left: 9.8%;}
.payment-bundles{left: 10%;}
.payment-backgrounds{left: 8%;}
.payment-thumbnail{left: 6%;}
.payment-illustrations{left: 7%;}
.payment-annotations{left: 7%;}
.payment-funnels{left: 9.5%;}
.payment-marketing{left: 11%;}
.payment-ebook {left: 7%;}
*/
.arrow1-box{text-align:center;}
.arrow1, .arrow1B {position: absolute;}
.banner-pc-section{display:block;}
.banner-mob-section{display:none;}
.banner-box-main {
width: 99.5%;
margin-top: 2%;
}
.banner-box {
padding: 1% 0;
overflow: hidden;
}
.slider3 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider3 .slider-row {
width: 3139px;
height: 39px;
background-image: url(../images-old/slider3.png);
background-size: 3139px 39px;
animation: slide3 30s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide3 {
from {
background-position-x: 0;
}
to {
background-position-x: -3139px;
}
}
.faded {
position: relative;
display: inline-block;
color: #f9fbff;
}
.faded:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-collapse: separate;
}
.faded.faded-left.faded-right:after {
box-shadow: inset 110px 0 40px -16px, inset -110px 0 40px -16px;
}
.slider-img{visibility:hidden;}
/*mike-section*/
.mike-section{padding: 6% 0 4% 0;overflow: hidden;}
.mike-section-box-out{padding: 0 1.5%;}
.mike-section-box {
border-radius: 18px;
background-color: rgb(52, 106, 253);
box-shadow: 0px 11px 62px 0px rgb(30 38 57 / 14%);
}
.mike-img-box{text-align:right;padding:0;}
.mike-img{
position: relative;
max-width: 105%;
left: -3%;
margin-top: -13%;
}
.mike-text{padding: 0 3% 0 15px;}
/*section2*/
.swiper1-slider {
padding: 0;
margin-top: 2.3%;
max-width: 86%;
}
.swiper1 {
text-align: center;
padding: 2% 0 !important;
}
.tablinks {
border: 1px solid rgb(240, 243, 249);
border-radius: 6px;
padding: 25px 0;
cursor: pointer;
transition-duration: 0.3s;
}
.tablinks:hover{background-color: #f1f5fb;
transition-duration: 0.3s;}
.tablinks.active:after {
border-right: solid 11px transparent;
border-left: solid 11px transparent;
border-top: solid 12px #346afd;
transform: translateX(-50%);
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 50%;
height: 0;
width: 0;
}
.svg-icon {
fill: #12152f;
height: 35px;
}
.swiper1 p {
font-size: 14px;
font-weight: 400;
color: #12152f;
margin-top: 15px;
}
.tab .active{
border: 2px solid #346afd;
background-color: #346afd;
}
.tab .active .svg-icon{
fill: #fff;
}
.tab .active p{
color:#fff;
}
.swiper1-button-next, .swiper1-button-prev {
background-image: none !important;
color: #bdc9e0;
font-size: 20px;
border-radius: 50px;
background-color: #f0f3f9;
width: 23px !important;
height: 23px !important;
margin-top: -12px !important;
padding: 1px 0;
}
.swiper-button-next{right: -6% !important;}
.swiper-button-prev{left: -6% !important;}
/*section3*/
.section3-box {
padding: 0 2.3%;
margin-bottom: -22%;
}
.section3-box h1 {
padding-left: 3.8%;
}
.section3-box p {
padding-left: 4%;
}
.titleBg1 {
border-width: 1px;
border-color: rgb(16, 24, 79);
border-style: solid;
padding: 0.3% 1.9%;
border-radius: 50px;
}
.page-img{}
.section3-left{width: 45%;padding:0 15px;}
.section3-right{width: 55%;padding:0 15px;}
/**/
.ag-slide-block {
overflow: hidden;
}
.ag-slide_item {
padding: 13% 0 20% 0;
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
opacity: 0;
}
.ag-slide_img {
display: block;
width: 100%;
margin: 0 auto;
-webkit-box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 24%);
-moz-box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 24%);
-o-box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 24%);
-webkit-transition: ease 0.5s;
-moz-transition: ease 0.5s;
-ms-transition: ease 0.5s;
-o-transition: ease 0.5s;
transition: ease 0.5s;
background-color: rgb(255, 255, 255);
border-radius: 6px;
}
.ag-slide-block .swiper-slide-prev, .ag-slide-block .swiper-slide-next{opacity: 0.2;}
.ag-slide-info_img {
display: inline-block;
width: 10px;
height: 10px;
-webkit-transform: translateY(25%);
-moz-transform: translateY(25%);
-ms-transform: translateY(25%);
-o-transform: translateY(25%);
transform: translateY(25%);
}
.ag-slide-info_comments {
letter-spacing: -0.01em;
font-size: 6px;
}
.ag-slide-block .swiper-container {
padding-top: 13px;
}
.ag-slide-block .swiper-slide {
padding-left: 0;
padding-right: 0;
z-index: 1;
will-change: transform;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ag-slide-block .swiper-slide-active {
z-index: 2;
will-change: transform;
-webkit-transform: scale(1.4) !important;
-moz-transform: scale(1.4) !important;
-ms-transform: scale(1.4) !important;
-o-transform: scale(1.4) !important;
transform: scale(1.4) !important;
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
opacity: 1;
}
.ag-slide-block .swiper-slide-active .ag-slide_img {
will-change: transform;
-webkit-transition: ease 0.5s;
-moz-transition: ease 0.5s;
-ms-transition: ease 0.5s;
-o-transition: ease 0.5s;
transition: ease 0.5s;
}
.create-title {
text-align: center;
color: #ffffff;
margin-top: 3%;
margin-bottom: 4%;
font-size: 12px;
opacity: 0;
}
.ag-slide-block .swiper-slide-active .create-title {
bottom:0;
opacity:1;
}
.swiper3 .create-title {
color: #ffffff;
}
.swiper3 .swiper-slide-active .create-title {
color:#fff;
bottom:0;
}
.swiper-pagination2 {
bottom: 4% !important;
}
.swiper-pagination2 .swiper-pagination-bullet {
background: #ffffff;
}
.swiper-pagination2 .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-button-next2, .swiper-button-prev2 {
background-image: none !important;
height: 100% !important;
top: 0 !important;
background-color: transparent;
width: 32% !important;
}
.swiper-button-next2{}
.swiper-button-prev2{}
/*section4*/
.step-row{margin-top:11%;}
.step-row2{margin-top:12%;}
.step-detail-box{padding:0 3%;}
.num{width: 72px;height: 72px;display: block;text-align: center;padding: 10px 0;}
.num1{background-color:#ffcf25;}
.num2{background-color:#4cd081;}
.num3{background-color:#fe9a73;}
.step-detail-box h2{margin-top: 6%;}
.step-detail-box p {
color: #707477;
margin-top: 2%;
}
.step1-img{
max-width: 108%;
}
.step2-img{
max-width: 114%;
position: relative;
left: -16%;
}
.step3-img{max-width: 102%;}
/*section5*/
.section5-box-out{padding:0 1.9%;position:relative;}
.section5-box {
border-radius: 12px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 7px 35px 0px rgba(46, 66, 118, 0.08);
padding: 0% 0 0% 6%;
margin-top: 4%;
position: relative;
z-index: 1;
overflow: hidden;
}
.section5-box2 {
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 7px 35px 0px rgba(46, 66, 118, 0.08);
padding: 0% 6% 0% 0;
margin-top: 4%;
overflow: hidden;
}
.section5-img-box1{
padding-right: 0;
text-align: right;
}
.section5-img-box2{
padding-left: 0;
}
.section5-box h2, .section5-box2 h2 {
margin-top: 6%;
}
.section5-box p, .section5-box2 p{color:#525778; margin-top:4%;}
.rightEle1{
position: absolute;
left: 98%;
top: 66%;
}
.leftEle1{
position: absolute;
right: 98%;
top: 62%;
}
.mybutton-link{
width: 21.4%;
padding: 0.7%;
}
.mybutton-link a {
background-color: transparent;
color: #10184f;
padding: 6.4% 2%;
display: table;
border-radius: 10px;
transition: 0.5s;
position: relative;
width: 100%;
border-width: 1px;
border-color: rgb(16, 24, 79);
border-style: solid;
}
.mybutton-link a:hover {
background-color: #346afd;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transition-duration: 0.3s;
border-color: rgb(52 106 253);
}
/*section6*/
.section6-main-box {
margin-top: 6%;
}
.section6-box-out{
padding: 1.5%;
}
.section6-box{
border-radius: 20px;
background-color: rgb(255, 255, 255);
text-align:center;
padding: 11% 0 0 0;
overflow: hidden;
height: 100%;
}
.section6-box1{border: 1px solid #dfe4fa;}
.section6-box2{border: 1px solid #d3edef;}
.section6-box3{border: 1px solid #f2dbc6;}
.section6-box4{border: 1px solid #efd3df;}
.section6-box5{border: 1px solid #d3edef;}
.section6-box6{border: 1px solid #cad9ef;}
.section6-box h2{
padding:0 13%;
}
.section6-box p{
color: #525778;
margin-top: 5%;
margin-bottom: 10%;
}
.section6-box .card-body{padding: 0;}
.section6-box .card-footer{padding:0;border:0;}
.perfect-img{width:100%;background-color: white;}
/*section7*/
.section7 .nav-tabs{border:0;}
.section7-left{}
.section7-right{text-align:right;}
.section7 .nav-item{
border-radius: 5px;
background-color: rgb(255 255 255);
border: 0;
padding: 2.8% 4%;
margin: 0 3% 3% 0;
color: #12152f;
}
.section7 .title-section{font-size: 15px;position: relative;top: -11%;}
.template-svg {
fill: rgb(18, 21, 47);
position: relative;
margin-right: 11px;
top: 21%;
height: 22px;
}
.section7 .nav-item.active{background-color:#346afd !important;color: #fff;}
.section7 .nav-item.active .template-svg {fill: #fff;}
.section7 .nav-item:hover{background-color: rgb(220 224 232);}
/*section8*/
.section8-box {
width: 96.5%;
margin: auto;
padding: 5.5% 0 6% 0;
position: relative;
background-color: #f9faff;
border-radius: 22px;
}
.section8-main-box {
margin-top: 4%;
padding: 0 3.2%;
}
.section8-box-out{
padding: 1.2%;
}
.section8-boxB{
border-radius: 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 40px 0px rgba(26, 49, 100, 0.11);
padding: 0;
overflow: hidden;
height: 100%;
}
.incredible-img{width:100%;}
.section8-body{
padding: 11% 11% 11% 12%;
}
.section8-boxB h2{color:#0e1318;}
.section8-boxB p{color:#707477;margin-top: 5%;}
/*section9*/
.section9-main-box {
padding: 0 1.8%;
margin-top: 3%;
}
.section9-box-out{
padding: 0.9%;
}
.section9-box {
padding: 6% 8% 7% 8%;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 62px 0px rgb(27 28 27 / 9%);
}
.section9-box2{background-color:#f6f6fd;border-color: #f6f6fd;}
.section9-box h4{color:#10184f;}
.section9-box h5{color:#9ca3af;}
.section9-box svg {
width: 81px;
height: 20px;
}
.section9-box p {
color: #525778;
margin-top: 5%;
}
.section9-box p span{background-color:#fff4aa;}
.testimonialBox-inner2 p span, .testimonial3imgBox p span{background-color:#fff4aa;}
/**/
.marquee-wrapper {
width: 100%;
overflow:hidden;
margin-top: 5%;
padding: 0 2.4%;
}
.marquee-wrapper .container{
overflow:hidden;
margin:0 auto !important;
text-align:center;
}
.marquee-inner span{
height:50%;
}
.marquee-wrapper .marquee-block{
height: 100vh;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 30px 0;
display: inline-block;
}
.marquee-block1{
width: 33%;
}
.marquee-block2{
width: 33%;
}
.marquee-block3{
width: 33%;
}
.marquee-block2{ text-align: left;}
.marquee-block3{ text-align: left;}
.marquee-inner{
display: block;
height: 100%;
width: 100%;
position: absolute;
margin: 0;
}
.marquee-item p{
}
.marquee-inner.to-left{
animation: marqueeTop 50s linear infinite;
}
.marquee-inner.to-right{
animation: marqueeBottom 50s linear infinite;
}
.marquee-item{
width: 100%;
display: block;
padding: 2%;
transition: all .2s ease-out;
text-align: left;
}
@keyframes marqueeTop{
0% {
top: 0;
}
100% {
top: -100%;
}
}
@keyframes marqueeBottom{
0% {
top: -100%;
}
100% {
top: 0;
}
}
.section9B {
}
.faded2 {
position: relative;
display: inline-block;
color: #ffffff;
}
.faded2:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-collapse: separate;
}
.faded2.faded2-left.faded2-right:after {
box-shadow: inset 0px 70px 40px -16px, inset 0px -70px 40px -16px;
}
.marquee-pc{
display:block !important;
}
.marquee-mobile{
display:none !important;
}
/*section10*/
.section10-box-out{
padding: 0 0.7%;
}
.section10-box {
background: url(../images-old/section10.png) no-repeat center top;
background-size: cover;
border-radius: 39px;
background-color: rgb(0 22 69);
overflow: hidden;
padding: 5.5% 0% 0 0%;
text-align: center;
position: relative;
}
.section10-detail{}
.section10-detail h1{
margin-top: 14%;
}
.section10-detail p{
margin-top: 4%;
}
.section10-img .card-footer{
padding: 0;
background-color: transparent;
border: 0;
}
.section10-img{text-align:right;background-color: transparent;border: 0;}
.superpowers{
position: relative;
margin-top: -2%;
margin-bottom: -2%;
}
.shadow{
position: absolute;
bottom: 0;
max-width: 100%;
left: 0;
z-index: 1;
}
/*footer*/
.footer-box1{padding: 0 15px;}
.footer-box2,
.footer-box3,
.footer-box4{}
.footer-box1 p{margin-top:6%;}
.footer-title{
margin-bottom: 8%;
}
.strip_footer a {
color: #999999;
}
.strip_footer a:hover {
text-decoration: underline;
color: #fff;
}
.social-link{margin-top: 6%;}
.social-link a{
margin: 0 1px;
border-radius: 50%;
background-color: rgb(24, 119, 242);
width: 26px;
height: 26px;
display: inline-block;
text-align: center;
padding: 6px 0;
color: #ffffff;
}
.social-link a i{
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.social-link a:hover{
color: #ffffff;
box-shadow: 0px 0px 9px 3px rgb(24 119 242 / 12%);
}
.social-link a:hover i{
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
}
.social-link a.facebook{background-color: rgb(24, 119, 242);}
.social-link a.twitter{background-color: #1da1f2;}
.social-link a.instagram{background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);}
.social-link a.youtube{background-color: #FF0000;}
.social-link a.linkedin{background-color: #0077b5;}
/*pricing-page*/
.plan1-table-out{
padding: 0 1.3% 0 1.9%;
margin-top: 3%;
}
.plan2-table-out{
padding: 0 1.9% 0 1.3%;
}
.plan1-table{
text-align:left;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 20px;
background-color: rgb(255, 255, 255);
padding: 3% 0 5% 0;
overflow: hidden;
}
.plan2-table{
text-align:left;
border-width: 1px;
border-color: rgb(52, 106, 253);
border-style: solid;
border-radius: 20px;
background-color: rgb(255, 255, 255);
padding: 0% 0 5% 0;
overflow: hidden;
}
.plan2-box1-top {
padding: 6% 8% 6% 8%;
}
.plan2-table .plan2-box1-top {
padding: 9.8% 8% 6% 8%;
}
.plan1-mybutton{
margin-top: 11%;
}
.plan1-mybutton a {
color: #346afd;
padding: 4.5% 2%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin-top: 0;
margin-bottom: 3%;
position: relative;
z-index: 2;
border-width: 1px;
border-color: #346afd;
border-style: solid;
width: 79.9%;
}
.plan1-mybutton a:hover {
background-color: #346afd;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.plan2-table-out .plan1-mybutton a {
color: #ffffff;
border-color: #346afd;
background-color: #346afd;
}
.plan2-table-out .plan1-mybutton a:hover {
}
.plan2-mybutton{
margin-top: 13%;
}
.plan2-mybutton a {
color: #ffffff;
padding: 5.5% 2%;
display: table;
border-radius: 50px;
background-color: rgb(52, 106, 253);
transition: 0.5s;
margin: auto;
margin-top: 0;
margin-bottom: 3%;
position: relative;
z-index: 2;
width: 101%;
}
.plan2-mybutton a:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.checklist1 {
margin-top: 7%;
padding: 0 2%;
}
.checklist1 li {
background: url(../images-old/checklist1.png) no-repeat left 11px;
padding-left: 32px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 10px;
margin-bottom: 10px;
color: #10184f;
text-align: left;
}
.checklist1 li.uncheck{background: url(../images-old/uncheck1.png) no-repeat left 9px;color:#a8abbf;}
.checklist2 {
margin-top: 7%;
padding: 0 2%;
}
.checklist2 li {
background: url(../images-old/checklist1.png) no-repeat left 11px;
padding-left: 32px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 11px;
margin-bottom: 11px;
text-align: left;
}
.pricing-section2-pra {
padding-right: 7%;
margin-top: 2.8%;
}
.moneyBack-section{text-align:right;padding:0;}
/*pricing-page2*/
.tab-slider--nav {
width: 100%;
margin-bottom: 2.8%;
text-align: center;
position: relative;
left: -2.5%;
font-family: 'Inter', sans-serif;
}
.tab-slider--tabs {
display: inline-block;
float: none;
margin: 0;
padding: 0px;
list-style: none;
position: relative;
border-radius: 35px;
background: rgb(52, 106, 253);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
width: 53px;
height: 28px;
position: relative;
}
.tab-slider--tabs:after {
content: "";
width: 50%;
background: #ffffff;
height: 88%;
position: absolute;
top: 0;
left: 8%;
right: 8%;
transition: all 250ms ease-in-out;
border-radius: 50%;
width: 36%;
height: 70%;
margin-top: 4px;
left: 56%;
}
.tab-slider--tabs.slide:after {
left: 8%;
}
.tab-slider--trigger {
line-height: 1;
text-align: center;
padding: 11px 6px;
position: relative;
z-index: 2;
cursor: pointer;
display: inline-block;
transition: color 250ms ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 50%;
height: 100%;
left: 0 !important;
float: left;
}
.tab-slider--body, .new-tab-box {
margin-bottom: 20px;
padding: 0;
text-align: left;
}
.tab-slider--trigger.trigger-monthly span{
position: absolute;
right: 140%;
font-size: 18px;
color: #a7a8ad;
top: 6px;
}
.tab-slider--trigger.trigger-yearly span{
position: absolute;
left: 140%;
font-size: 18px;
color: #a7a8ad;
top: 6px;
}
.tab-slider--trigger.active span {color: #12152f;}
.triggerIcon {
position: absolute;
top: -65%;
right: 37%;
}
.tab-slider--container{width:100%;}
.table-box1-out {
padding: 0 1.3%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
margin-top: 2.4%;
}
.table-box1-out:nth-child(2){
margin-top: 0;
}
.table-box1-out:nth-child(2) .table-box1-top{
padding: 11% 9% 6% 9%;
}
.table-box1 {
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 10px;
background-color: rgb(255, 255, 255);
padding: 5% 0 3% 0;
height: 100%;
overflow: hidden;
}
.table-box1-out:nth-child(2) .table-box1 {
border-color: rgb(52, 106, 253);
padding: 0 0 3% 0;
margin-top: 0;
border-top: 0;
}
.popular-text{
background-color: rgb(52, 106, 253);
width:101%;
color: #fff !important;
text-align: center;
padding: 4px 0;
position: relative;
}
.popular-text{padding: 4px 0;}
#mainNav .popular-text{padding: 1px 0;}
.popular-text svg{
fill:#fff;
position: relative;
right: 4px;
top: 2px;
}
.table-box1-top {
padding: 4% 9% 8% 9%;
text-align: left;
}
.pricing5-banner .table-box1-top {
padding: 11% 9% 8% 9%;
text-align: left;
}
.pricing5-banner.features-table-col3 .table-box1-top {padding: 6% 9% 8% 9%;}
.pricing5-banner.pricing5-banner-new .features-table-col2 .table-box1-top{padding: 15% 9% 7% 9%;}
.pricing5-banner.pricing5-banner-new .features-table-col3 .table-box1-top {padding: 15% 9% 7% 9%;}
.pricing5-banner.pricing5-banner-new .features-table-col4 .table-box1-top {padding: 2.7% 8% 7% 8%;}
/*
.pricing5-banner .table-box1-top h1{position: relative;}
.pricing5-banner .table-box1-top h1::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 100%;
height: 1px;
top: 100%;
left: 0;
}*/
.pricing5-banner {
padding: 11% 9% 8% 9%;
}
.final-price{}
.save-tag {
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52;
padding: 0.3% 5.1%;
position: relative;
line-height: 160%;
margin-left: 0;
display: inline-block;
margin-top: 2%;
}
.save-tag-bottom{
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52;
padding: 0.3% 2%;
}
.save-tag-top {
border-radius: 3px;
background-color: rgb(205, 249, 211);
color: #0c7a52 !important;
padding: 1px 0 0px 0;
position: relative !important;
font-size: 10px !important;
top: -19px !important;
display: inline-block;
width: 188%;
text-transform: uppercase;
font-weight: 700;
line-height: 181%;
left: 117% !important;
}
.pricing5-banner .save-tag{padding: 0.3% 2%;}
.old-price{
position: relative;
display: inline-block;
}
.old-price::before {
content: '';
border-bottom: 2.5px solid #e48c8c;
width: 100%;
position: absolute;
right: 0;
top: 40%;
}
.pricing3-mybutton{
margin-top: 8%;
}
.pricing3-mybutton a {
color: #ffffff;
padding: 4% 4%;
display: table;
border-radius: 50px;
background-color: rgb(52, 106, 253);
transition: 0.5s;
margin: auto;
margin-top: 0;
margin-bottom: 3%;
position: relative;
z-index: 1;
letter-spacing: 0.5px;
}
.pricing3-mybutton a:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.freeplan-table .features-table-col2 .pricing3-mybutton{margin-top: 4%;}
.sticky .sticky-div2 .pricing3-mybutton{margin-top: 3%;}
.sticky .sticky-div3 .pricing3-mybutton{margin-top: 5%;}
.sticky .sticky-div4 .pricing3-mybutton{margin-top: 5%;}
.table-box1-out hr, .plan1-table hr, .plan2-table hr {
width: 84%;
border-top: 1px solid #dddee6;
}
.checklist3 {
margin-top: 6%;
padding: 0;
}
.checklist3 li{
padding: 0 10%;
}
.checklist3 li span.list {
background: url(../images-old/checklist3.svg) no-repeat left 18px;
padding-left: 32px;
padding-right: 0%;
list-style: none;
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
color: #000000;
text-align: left;
display: inline-block;
}
.checklist3 li:nth-child(even) {
}
.checklist3 li .new-tag {
background-color: rgb(52, 106, 253);
color: #ffffff;
display: inline;
padding: 1px 6px;
border-radius: 50px;
position: relative;
left: 4px;
cursor: pointer;
}
.no-download{text-align:center;}
#expander {
cursor: pointer;
display: inline;
margin: auto;
}
#ex-content {
display: none;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
margin-top: 6%;
}
#expander span {
border-width: 1px;
border-color: #000000;
border-style: solid;
border-radius: 50px;
display: inline-block;
padding: 0.9% 3%;
transition: 0.5s;
}
#expander .fa {
font-size: 24px;
position: relative;
top: 3px;
margin-left: 1px;
transition: 0.5s;
}
#expander span:hover{
background-color: rgb(52, 106, 253);
border-color: rgb(52, 106, 253);
color:#fff;
transition: 0.5s;
}
.highlight {
transform: rotate(180deg);
transition:0.5s;
}
#expander span:has(.highlight) {
}
.features-table-title{
padding: 0;
max-width: 100%;
font-family: 'Inter', sans-serif;
}
.features-table {
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 10px;
background-color: rgb(255, 255, 255);
padding: 0;
margin-top: 0;
overflow: hidden;
max-width: 100%;
}
.pricing5-banner .features-table{max-width: 85%;}
.pricing5-banner .features-table-title{max-width: 85%;}
.pricing5-banner.freeplan-table .features-table-title{max-width: 95.7%;background-color: #fff;z-index: 1;}
.pricing5-banner .features-table {
border-radius: 0px 0px 10px 10px;
border-top: 0;
}
.features-table h4 {
font-weight: 600;
line-height: 155%;
color: #000;
font-family: 'Inter', sans-serif;
}
.features-table h5 {
margin-top: 4%;
margin-bottom: 3%;
}
.features-table-col1{
width: 49%;
}
.features-table-col2{
width: 17%;
text-align:center;
padding: 1.2% 1%;
}
.features-table-col3{
width: 17%;
text-align:center;
padding: 1.2% 1%;
}
.features-table-col4{
width: 17%;
text-align:center;
padding: 1.2% 1%;
}
.pricing5-banner .features-table-col1{
width: 28%;
}
.pricing5-banner .features-table-col2{
width: 23%;
}
.pricing5-banner .features-table-col3{
width: 26%;
}
.pricing5-banner .features-table-col4{
width: 23%;
}
.pricing5-banner.pricing5-banner-new .features-table-col1{
width: 27%;
}
.pricing5-banner.pricing5-banner-new .features-table-col2{
width: 23%;
}
.pricing5-banner.pricing5-banner-new .features-table-col3{
width: 23%;
}
.pricing5-banner.pricing5-banner-new .features-table-col4{
width: 23%;
}
.pricing5-banner .features-table-title .features-table-col1 {
height: 100%;
width: 28%;
border: 1px solid #d5d5d5;
padding: 0;
padding: 0;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 10px 0px 0 0;
border-right: 0;
height: 100%;
font-family: 'Inter', sans-serif;
}
.pricing5-banner .features-table-title .features-table-col2{
padding: 0;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 0;
border-right: 0;
height: 100%;
width: 23%;
}
.pricing5-banner .features-table-title .features-table-col3{
padding: 0;
border-width: 2px;
border-color: #346afd;
border-style: solid;
border-radius: 10px 10px 0 0;
overflow: hidden;
height: 100%;
width: 26%;
border-bottom: 1px solid #d5d5d5;
}
.pricing5-banner .features-table-title .features-table-col4{
padding: 0;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 0 10px 0 0;
border-left: 0;
height: 100%;
width: 23%;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col1 {
width: 27%;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col2{
width: 23%;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col3{
width: 24%;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col4{
width: 24%;
}
.pricing5-banner. .features-table-row:last-child .features-table-col2{
padding: 2% 1% 2.5% 1%;
}
.pricing5-banner .features-table-row:last-child .features-table-col3{
padding: 2% 1% 2.5% 1%;
border-bottom: 2px solid #346afd;
}
.pricing5-banner .features-table-row:last-child .features-table-col4 {
padding: 2% 1% 2.5% 1%;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col2, .pricing5-banner.pricing5-banner-new .features-table-title .features-table-col3 {
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-bottom: 0 !important;
border-radius: 18px 18px 0 0 !important;
}
.pricing5-banner .features-table .features-table-col2, .pricing5-banner .features-table .features-table-col3 , .pricing5-banner .features-table .features-table-col4{
padding: 1.2% 3%;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 {
padding: 0;
text-align: center;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4{padding: 0;}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2 .features-mybutton a,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 .features-mybutton a,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 91%;
font-size: 18px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free .features-table-title .pricing3-mybutton a{
width: 100%;
font-size: 18px;
padding: 5.8% 2%;
}
.pricing5-banner.without-free .features-table-title .pricing3-mybutton a{
width: 100%;
font-size: 18px;
padding: 5.8% 2%;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 .features-mybutton,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 .features-mybutton{margin-top:6%;}
.features-table .features-table-col1 h4 {
text-align: left;
}
.features-table .features-table-col2{position: relative;padding: 1.2% 1%;}
.features-table .features-table-col3{position: relative;padding: 1.2% 1%;}
.features-table .features-table-col4{position: relative;padding: 1.2% 1%;}
.features-table .features-table-col2::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 1px;
height: 710%;
top: -300%;
left: 0;
}
.features-table .features-table-col3::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 1px;
left: 0;
height: 710%;
top: -300%;
}
.features-table .features-table-col4::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 1px;
left: -1px;
height: 710%;
top: -300%;
}
.without-free .features-table .features-table-col3::before,
.without-free .features-table .features-table-col4::before {
left: 1px;
display:none;
}
.pricing5-banner .features-table .features-table-col3::before,
.pricing5-banner .features-table .features-table-col4::before {
background-color: #346afd;
width: 2px;
}
.features-table-row{
padding:0;
font-family: 'Inter', sans-serif;
}
.features-table-row:nth-child(odd) {
background: #f8f8f8;
}
.features-table-row:last-child{
}
.features-table-row:first-child .features-table-col1{padding-top:2%;}
.features-table-row:first-child .features-table-col2{padding-top:2%;}
.features-table-row:first-child .features-table-col3{padding-top:2%;}
.features-table-row:first-child .features-table-col4{padding-top:2%;}
.features-table-row:last-child .features-table-col1{padding-bottom:2%;}
.features-table-row:last-child .features-table-col2{padding: 3% 1% 3% 1%;}
.features-table-row:last-child .features-table-col3{padding: 3% 1% 3% 1%;}
.features-table-row:last-child .features-table-col4{padding: 3% 1% 3% 1%;}
.pricing5-banner .features-table-col1{height:100%;}
.pricing5-banner .features-table-col2{height:100%;}
.pricing5-banner .features-table-col3{height:100%;}
.pricing5-banner .features-table-col4{height:100%;}
.pricing5-banner .features-table-row:first-child .features-table-col2{padding-top:1.2%;}
.pricing5-banner .features-table-row:first-child .features-table-col3{padding-top:1.2%;}
.pricing5-banner .features-table-row:first-child .features-table-col4{padding-top:1.2%;}
.features-table-row .row{overflow:hidden;}
.features-mybutton{
margin-top: 4%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton{
margin-top: 3%;
}
.features-mybutton a {
color: #ffffff;
padding: 6.5% 2%;
display: table;
border-radius: 50px;
background-color: rgb(52, 106, 253);
transition: 0.5s;
position: relative;
z-index: 0;
margin: auto;
width: 85%;
}
.features-mybutton a:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.features-btn-mainBox{display:none;}
.features-btn-mainBox hr {
margin: 7% 0 5% 0;
}
.top-rating-div{padding:0;}
.top-rating {
text-align: left;
font-size: 18px;
position: relative;
left: -0.5%;
}
.top-rating .fa{
color: #ffbb03;
margin: 0 4px;
}
.top-rating-text {
text-align: left;
padding: 0 0 0 3%;
}
.top-rating-profile{text-align:center;}
.top-rating-profile{padding:0; margin-top: 0.5%;}
.pricing-testi-box{
background-color: #fff;
box-shadow: 0px 10px 40px 0px rgb(2 30 70 / 10%);
border-radius: 14px;
padding: 2% 3% 2% 3%;
}
.top-rating-text p{margin-top: 1%;}
.try-text {
color: #767e90;
}
/*without-free*/
.pricing5-banner.without-free .features-table-row:nth-child(odd),
.pricing5-banner.pricing5-banner-new .features-table-row:nth-child(odd) {
background-color: white;
}
.pricing5-banner.without-free .features-table-row:first-child .features-table-col1,
.pricing5-banner.without-free .features-table-row:first-child .features-table-col2,
.pricing5-banner.without-free .features-table-row:first-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col4{
border-top: 1px solid #d5d5d5;}
.pricing5-banner.without-free .features-table-row:nth-last-child(2) .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-last-child(2) .features-table-col1{border-bottom: 1px solid #d5d5d5;}
.pricing5-banner.without-free.freeplan-table .features-table-row:nth-last-child(2) .features-table-col1,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:nth-last-child(2) .features-table-col1{border-bottom: 0;}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col1
{border-bottom: 1px solid #d5d5d5;}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4
{border-bottom: 2px solid #346afd;}
.pricing5-banner.without-free .features-table-row .features-table-col1,
.pricing5-banner.without-free .features-table-row .features-table-col2,
.pricing5-banner.without-free .features-table-row .features-table-col3,
.pricing5-banner.without-free .features-table-row .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col4 {
padding:0;
}
.pricing5-banner.without-free .features-table-row .features-table-col1 .card,
.pricing5-banner.without-free .features-table-row .features-table-col2 .card,
.pricing5-banner.without-free .features-table-row .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col1 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col4 .card{
border: 0;
border-radius: 0;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
}
.pricing5-banner.without-free .features-table-row .features-table-col4 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col4 .card {
border: 0;
border-radius: 0;
border-left: 2px solid #346afd;
border-right: 2px solid #346afd;
}
.pricing5-banner.without-free .features-table-row .features-table-col1 .card svg,
.pricing5-banner.without-free .features-table-row .features-table-col2 .card svg,
.pricing5-banner.without-free .features-table-row .features-table-col3 .card svg,
.pricing5-banner.without-free .features-table-row .features-table-col4 .card svg,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col1 .card svg,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col2 .card svg,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col3 .card svg,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col4 .card svg{margin:auto;}
.pricing5-banner.without-free .features-table-row:nth-child(odd) .features-table-col1 .card,
.pricing5-banner.without-free .features-table-row:nth-child(odd) .features-table-col2 .card,
.pricing5-banner.without-free .features-table-row:nth-child(odd) .features-table-col3 .card,
.pricing5-banner.without-free .features-table-row:nth-child(odd) .features-table-col4 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-child(odd) .features-table-col1 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-child(odd) .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-child(odd) .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-child(odd) .features-table-col4 .card {
background: #f8f8f8;
}
.without-free.pro-table .features-table-col2, .without-free-mob.pro-table-mob .features-table-col2{display: none;}
.pricing5-banner.without-free .features-table, .pricing5-banne.without-free .features-table-title {
max-width: 85%; margin:auto;
}
.pricing5-banner.pricing5-banner-new .features-table, .pricing5-banner.pricing5-banner-new .features-table {
max-width: 85%; margin:auto;
}
.pricing5-banner.without-free.freeplan-table .features-table, .pricing5-banne.without-free.freeplan-table .features-table-title {
max-width: 95%; margin:auto;
}
.pricing5-banner.without-free .features-table-title .features-table-col1 {
width: 35%;
}
.pricing5-banner.without-free .features-table-title .features-table-col2{
width: 27%;
}
.pricing5-banner.without-free .features-table-title .features-table-col3{
width: 33%;
}
.pricing5-banner.without-free .features-table-title .features-table-col4{
width: 29%;
}
.pricing5-banner.without-free.freeplan-table .features-table-title .features-table-col1 {
width: 28%;
}
.pricing5-banner.without-free.freeplan-table .features-table-title .features-table-col2{
width: 23%;
}
.pricing5-banner.without-free.freeplan-table .features-table-title .features-table-col3{
width: 23%;
}
.pricing5-banner.without-free.freeplan-table .features-table-title .features-table-col4{
width: 23%;
}
.pricing5-banner.without-free .features-table-col1{
width: 35%;
}
.pricing5-banner.without-free .features-table-col2{
width: 31%;
}
.pricing5-banner.without-free .features-table-col3{
width: 33%;
}
.pricing5-banner.without-free .features-table-col4{
width: 29%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col1, .sticky-div1{
width: 28%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col2, .sticky-div2{
width: 23%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col3, .sticky-div3{
width: 23%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col4, .sticky-div4{
width: 23%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col1, .pro-table-new .sticky-div1{
width: 39%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col3, .pro-table-new .sticky-div3{
width: 28%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col4, .pro-table-new .sticky-div4{
width: 29%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{width: 100%;}
.pricing5-banner.without-free .features-table-title .features-table-col2 {
padding: 0;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 0 0 0 0;
height: 100%;
width: 31%;
border-bottom: 0;
}
.pricing5-banner.without-free .features-table-title .features-table-col3 {
padding: 0;
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 0 0 0 0;
height: 100%;
width: 31%;
border-bottom: 0;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col3{
border-width: 1px;
border-color: #d5d5d5;
border-style: solid;
border-radius: 0 0 0 0;
width: 23%;
}
.pricing5-banner.without-free .features-table-title .features-table-col4{
padding: 0;
border-width: 2px;
border-color: #346afd;
border-style: solid;
border-radius: 20px 20px 0 0;
overflow: hidden;
height: 100%;
width: 31%;
border-bottom: 1px solid #d5d5d5;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col4{
border-width: 2px;
border-color: #346afd;
border-style: solid;
border-radius: 10px 10px 0 0;
overflow: hidden;
border-bottom: 1px solid #d5d5d5;
}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col4 {
border-bottom: 0;
width: 23%;
}
.pricing5-banner.without-free .features-table-col2 {
width: 31%;
}
.pricing5-banner.without-free .features-table-col3 {
width: 31%;
}
.pricing5-banner.without-free .features-table-col4 {
width: 31%;
}
.pricing5-banner.without-free .features-table-col2 .table-box1-top {
padding: 12.5% 9% 5.8% 9%;
}
.pricing5-banner.without-free .features-table-col3 .table-box1-top {
padding: 12.5% 9% 5.8% 9%;
}
.pricing5-banner.without-free .table-box1-top {
padding: 3.5% 9% 6.5% 9%;
}
#mainNav .table-box1-top {
padding: 1.5% 9% 1.5% 9%;
}
.without-free .features-table .features-table-col3::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 1px;
left: 0;
height: 710%;
top: -300%;
}
.pricing5-banner-new .features-table .features-table-col3::before {
content: '';
position: absolute;
background-color: #d5d5d5;
width: 1px;
left: 0;
height: 710%;
top: -300%;
}
.pricing5-banner-new .features-table .features-table-col4::before {
left: 1px;
}
.pricing5-banner-new .features-table-row:last-child .features-table-col4 {
padding: 2% 1% 3% 1%;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2 ,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 ,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 ,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 ,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 ,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .card
{
border-radius: 0 0 20px 20px;overflow: hidden;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 ,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 ,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 ,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .card,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col2 ,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col3,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col4 ,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new.freeplan-table .features-table-row:last-child .features-table-col4 .card
{
border-radius: 0 0 0;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .card{
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 {
}
.pricing5-banner.without-free .features-table,
.pricing5-banner.pricing5-banner-new .features-table {
border: 0;
background-color: transparent;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 {
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 {
border-bottom: 2px solid #346afd;
padding: 3% 1% 2.9% 1%;
}
.pricing5-banner.pricing5-banner-new .features-table {
border-right-width: 2px;
border-right-color: #346afd;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 {
text-align: center;
padding: 0;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .features-mybutton{
margin-top: 10%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .features-mybutton{
margin-top: 10%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .features-mybutton a,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .features-mybutton a,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .features-mybutton a {
width: 93%;
font-size: 15px;
padding: 5.8% 2%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .features-mybutton{
margin-top:11%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .features-mybutton a {padding: 5.8% 2%;width: 95%;}
.pricing5-banner.pricing5-banner-new .features-table-title .pricing3-mybutton a {
font-size: 15px;
}
.pricing5-banner.without-free .features-table-title .features-table-col1, .pricing5-banner.pricing5-banner-new .features-table-title .features-table-col1 {
border: 1px solid #d5d5d5;
border-bottom: 0;
border-radius: 22px 22px 0 0;
}
.pricing5-banner.without-free .features-table-row, .pricing5-banner.pricing5-banner-new .features-table-row {display: flex;}
.pricing5-banner.without-free .features-table-row .row, .pricing5-banner.pricing5-banner-new .features-table-row .row{ flex: 1;}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col1 .table-box1-top,
.pricing5-banner.without-free .features-table-title .features-table-col1 .table-box1-top,
.pricing5-banner.pricing5-banner-new #tab2 .features-table-title .features-table-col1 .table-box1-top,
.pricing5-banner.without-free #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 4% 4.6%;
}
.pricing5-banner.without-free .features-table-title .features-table-col2{border-radius: 22px 22px 0 0;}
.pricing5-banner.without-free .features-table-title .features-table-col3{border-radius: 22px 22px 0 0;}
.pricing5-banner.pricing5-banner-new .features-table .features-table-col3::before, .pricing5-banner.pricing5-banner-new .features-table .features-table-col4::before{display:none;}
.freeplan-text{visibility:hidden;}
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col1,
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col2,
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col3 {
border-bottom: 1px solid #d5d5d5 !important;
border-radius: 0;
}
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col4 {
border-bottom: 2px solid #346afd;
border-radius: 0;
}
#mainNav{
background-color: #fff;
padding: 0;
}
.sticky{-webkit-transform: translateY(-101%);transform: translateY(-101%);transition: -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out;transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;z-index: 0;}
/*sticky header position*/
.sticky.is-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1;
width: 100%;
-webkit-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 0 0 1px rgb(68 92 116 / 2%), 0 2px 8px rgb(57 76 96 / 15%);
}
#mainNav .row {
margin: 0 auto;
}
.freeplan-table .tab-slider--body {padding: 0;}
.without-free-mob{padding: 0;}
.freeplan-table .features-table-title{padding: 0;}
.star-text{
display: block;
}
.star-icon{
color: #FFC107;
position: relative;
margin-right: 2px;
}
.pro-table-new .features-table-col2, .pro-table-new .sticky-div2{display:none;}
/**/
.header-title {
position: sticky;
top: 0;
z-index: 1;
transform:0.5s;
box-shadow: 0 0 0 1px rgb(68 92 116 / 2%), 0 2px 8px rgb(57 76 96 / 15%);
background-color: #fff;
overflow: hidden;
}
/*demo-page*/
.demoBoxi-Main {
padding: 0px 10px;
}
.demoBoxi-Main1{
padding: 0 1.1% 0 6%;
}
.demoBoxi-Main2{
padding: 0 6% 0 1.1%;
}
.demoBox {
border-radius: 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 13px 32px 0px rgb(27 21 92 / 9%);
padding: 10% 11%;
height: 100%;
text-align: left;
}
.demoBox2 {
background: url(../images-old/box2Bg.png) no-repeat center top;
background-size: cover;
background-color: rgb(0, 22, 69);
box-shadow: 0px 19px 36.48px 1.52px rgb(27 21 92 / 40%);
}
.mybuttonDm button {
color: #fff;
padding: 4.5% 12.8%;
display: table;
border-radius: 4px;
background-color: rgb(52, 106, 253);
box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
transition: 0.5s;
margin-top: 8%;
position: relative;
z-index: 2;
}
.mybuttonDm button:focus{ box-shadow: none !important;}
.mybuttonDm2 a {
color: #12152f;
padding: 4.5% 12.8%;
display: table;
border-radius: 4px;
background-color: rgb(255, 255, 255);
transition: 0.5s;
margin-top: 8%;
position: relative;
z-index: 2;
}
.mybuttonDm button:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.mybuttonDm2 a:hover {
background-color: #fff;
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #12152f !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 27%);
}
.watchiCon {
margin: 0 5px 2px 0px;
}
.calliCon {
margin: 0 5px 2px 0px;
}
.modal-dialog {
max-width: 800px;
margin: 30px auto;
}
.modal-body {
position:relative;
padding:0px;
}
.close {
position: absolute;
right: -30px;
top: -10px;
z-index: 999;
font-size: 2rem;
font-weight: normal;
color: #fff;
opacity: 1;
}
.close:focus-visible, .close span:focus-visible {
outline: -webkit-focus-ring-color auto 0px !important;
}
button.close:focus {
outline: 0px auto -webkit-focus-ring-color !important;
}
/*------ demoVd --*/
.demoVd {
margin-top: 4%;
padding: 0;
}
/*raving-page*/
/*----------------raving-section2*/
.raving-section2 {
padding: 3% 0 11% 0;
background-image: linear-gradient(#ffffff00, #e5e7f7 99%, #ffffff00 100%);
}
.arrowLeft, .arrowRight{
position: relative;
margin-top: 1%;
}
.arrowLeft{right: 4px;}
.arrowRight{left: 4px;}
.category-box .nav-tabs {
text-align: center;
display: block;
border-bottom: 0;
}
#nav-category4 .raving-section9 .faded2 {
color: #EEF0F9;
}
.category-btn{
font-size: 20px;
font-weight: 500;
color: #12152f;
border: 1px solid rgb(18 21 47 / 30%) !important;
border-radius: 50px !important;
display: inline-block;
width: 12.1%;
padding: 0.9% 0;
margin: 0 0.2%;
cursor:pointer;
transition: 0.5s;
}
.category-btn.active, .category-btn:hover{
background-color: rgb(52, 106, 253) !important;
box-shadow: 0px 10px 29px 0px rgba(52, 106, 253, 0.27);
color: #fff !important;
border: 1px solid rgb(52 106 253);
}
.categoryBox ul .categoryBg {
display: inline-block;
padding: 11px 28.5px;
background-color: #346afd;
border-radius: 40px;
}
.categoryBox ul .categoryBg a {
color: #fff;
}
.categoryBox ul .categoryBg:hover {
background-color: rgb(44 92 224);
color: #fff !important;
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1.1);
transition-duration: 0.3s;
}
.testimonialBox {
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 44.62px 1.38px rgb(16 24 79 / 8%);
padding: 8% 8%;
}
.testimonialBox-inner::before {
/* border-top: 1px solid #dcdedf; */
/* display: block; */
/* border-radius: 0; */
content: " ";
/* position: relative; */
/* width: 93%; */
/* left: 4%; */
}
.testimonialBox-inner {
padding: 0 1% 0 0%;
margin-top: 6%;
}
.ts-row{padding: 0 6%;}
.tSpg {
margin-top: 5%;
margin-bottom: 6%;
padding: 0 5%;
}
.tSpg2{padding: 0 5%;}
.videoTsimg {width:100%;}
.stariCons {
margin-top: 2px;
}
.stariCons i {
color: #fdd835;
font-size: 12px;
padding: 0 2px 0 0;
}
.tsSc {
margin-top: 2%;
}
.vdiconbox {
padding: 0;
}
.johnbx {
padding: 0 0px 0 8px;
}
.johnbx2 {
}
.testimonialBox-inner3 {
padding: 0 10px 0 0px;
}
.vdiconbox2 {
padding: 0 0px 0 0;
}
.raving-section2-testimonials{padding: 3% 0 5% 0;}
/**/
.hero-foot{}
#buttonGroup {margin-top: 1%;text-align: center;}
#buttonGroup li{display: inline-block;width: 12.2%;margin: 1% 0.4%;}
#buttonGroup li a{display: inline-block;border: 1px solid rgb(18 21 47 / 30%);outline: none;color: #12152f;background: transparent;cursor: pointer;font-weight: 500;border-radius: 50px;transition: 0.5s;width: 100%;}
#buttonGroup li.is-active a, #buttonGroup li:hover a{
background-color: rgb(52, 106, 253);
box-shadow: 0px 10px 29px 0px rgb(52 106 253 / 27%);
color: #fff;
border: 1px solid rgb(52 106 253);
}
.grid:after {
content: "";
display: block;
clear: both;
}
.grid-sizer,
.grid-item {
width: 33.33%;
padding: 1%;
}
.grid-item {
float: left;
}
@media screen and (max-width: 576px) {
.grid-sizer,.grid-item {
width: 100%;
}
}
.grid-item:hover {
cursor: pointer;
}
.grid-item img {
display: block;
}
@media screen and (max-width: 414px) {
.grid-item img {
border: 5px solid white;
}
}
.grid-item.grid-item__expanded {
}
.wrapper-outer {
max-width: 1540px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
/*-------------------raving-section3*/
.revingicon-Box ul li {
display: inline-block;
padding: 0 10px;
position:relative;
text-align:center;
top: 0;
transition: 0.3s ease-out;
}
.raving-section3{
background-color: #fff;
padding: 5% 0 5% 0;
}
.testimonial3imgBox {
border-radius: 8px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 44.62px 1.38px rgb(16 24 79 / 8%);
padding: 7% 0 0% 0%;
overflow: hidden;
text-align: left;
box-shadow: 0px 5px 21.62px 2.38px rgb(16 24 79 / 18%);
}
.text-testimonial{padding: 7% 0 7% 0%;}
.other-testimonial {
padding: 2%;
}
.other-testimonial img{border-radius: 8px;}
.tsSc4 {
margin-top: 0;
}
.tSpg2 {
margin-top: 5%;
}
.stariCons3 {
margin-top: 5px;
}
.stariCons3 i {
color: #ffffff;
font-size: 10px;
padding: 1px 2px 2px 2px;
background-color: #00b67a;
margin: 0px 0 0 1px;
}
.raving-section3-box-out {
padding: 0 14px;
}
.raving-section9 .faded2 {
color: #f9faff;
}
.team-card-bottom {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
width: 130%;
position: absolute;
bottom: -36px;
opacity: 0;
transition: 0.3s ease-out;
}
.revingicon-Box ul li:hover{
top: -15px;
}
.revingicon-Box ul li:hover .team-card-bottom {
bottom: -20px;
opacity: 1;
}
.revingicon-Box ul li p {
position: relative;
left: -17px;
font-weight: 600;
color: #12152f;
}
/*features-page*/
.features-box1-out{padding: 2% 2% 2% 1.6%;}
.features-box2-out{padding: 2% 1.6% 2% 2%;}
.features-box-out{
padding: 1.8%;
}
.features-box {
background: url(../images-old/featuresBg.png) no-repeat center bottom;
background-size: cover;
border: 1px solid rgb(200, 212, 246);
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 11px 54px 0px rgb(21 22 48 / 13%);
padding: 0 2% 8.5% 2%;
overflow: hidden;
text-align: left;
transition: 0.5s;
}
.features-box:hover{
transform: scale(1.05);
transition-duration: 0.3s;
}
.feature-img{}
.features-details{
padding: 0 6%;
}
.features-details h2{
text-transform: uppercase;
margin-top: 9%;
}
.features-details p{
margin-top: 2%;
}
.feature-mybutton{
margin-top: 6%;
}
.feature-mybutton a{
color: #fff;
padding: 1.9% 6.2%;
display: table;
border-radius: 50px;
background-color: rgb(52, 106, 253);
transition: 0.5s;
position: relative;
z-index: 2;
}
.feature-mybutton a:hover{
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
/*graphics-page*/
.graphics-main-box{padding: 0 2%;}
.graphicsBannerImg-box{text-align:right;}
.customers-line{color: #9798a7;}
/*contact-page*/
.contact-left-box{padding: 0 3.9% 0 3.5%;}
.contact-right-box{padding: 0 3.5% 0 0.5%;}
.contactBox {
border-radius: 8px;
background-color: rgb(52, 106, 253);
text-align: center;
justify-content: center;
display: inline-block;
padding: 4.9% 0;
margin-top: 6%;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
transition: .4s;
}
.contactBox:hover{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1.1);
transition-duration: 0.3s;
}
.chatBox {
border-width: 1px;
border-color: rgb(52, 106, 253);
border-style: solid;
border-radius: 8px;
background: #fff;
margin-left: 3%;
}
.contactText {
margin-top: 10%;
}
.socialBox .social-link {
margin-top: 2%;
margin-bottom: 3%;
}
.contact-mike-section {
background: url(../images-old/mikeBg.png) no-repeat right bottom;
background-size: cover;
}
.contact-mike-section p{font-size:16px;}
.contact-mike-details{padding: 5% 5%;}
.contact-mike-img{padding:0;}
.mike2-img {
max-width: 113%;
position: relative;
left: -7%;
margin-top: -17%;
}
.bannarBox2 {
padding: 7% 8.7% 9% 8.7%;
border-radius: 12px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 62px 0px rgb(45 64 115 / 8%);
}
.bannarBox2 label {
font-size: 15px;
color: #12152f;
font-weight: 400;
text-align: left;
width: 100%;
}
.bannarBox2 input {
border-width: 1px;
border-color: rgb(204, 209, 214);
border-style: solid;
border-radius: 8px;
background-color: rgb(255, 255, 255);
padding: 14px 20px;
width: 100%;
margin-top: 1%;
margin-bottom: 6%;
color: rgb(92 94 97);
}
.bannarBox2 select {
border-width: 1px;
border-color: rgb(204, 209, 214);
border-style: solid;
border-radius: 8px;
background-color: rgb(255, 255, 255);
padding: 14px 20px;
width: 100%;
margin-top: 1%;
color: rgb(92 94 97);
background-image: url(../images-old/arrow.png);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: auto 13%;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
&: :;
-ms-expand { display: none};
}
.bannarBox2 textarea {
border-width: 1px;
border-color: rgb(204, 209, 214);
border-style: solid;
border-radius: 8px;
background-color: rgb(255, 255, 255);
padding: 14px 20px;
width: 100%;
margin-top: 1%;
color: rgb(92 94 97);
}
.bannarBox2 .submit {
background-color: rgb(52, 106, 253);
width: 100%;
border-radius: 50px;
color: #fff;
padding: 3.2% 2%;
margin-top: 6%;
margin-bottom: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
transition: .4s;
}
.bannarBox2 .submit:hover{
background-color: rgb(44 92 224);
color: #fff !important;
transition: .4s;
box-shadow: 0px 13px 29px 0px rgb(52 106 253 / 14%);
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
transform: scale(1.1);
transition-duration: 0.3s;
}
.bannarBox2-mobile{display:none;}
.contactBox-btn {
margin-top: 5%;
display: -webkit-inline-box;
}
.contactBox-btn a.contact-link {
color: #fff;
padding: 11.5% 13.3%;
display: table;
border-radius: 9px;
background-color: rgb(52, 106, 253);
box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
transition: 0.5s;
position: relative;
z-index: 2;
margin-right: 3%;
}
.contactBox-btn span.email-link {
color: #fff;
padding: 10.5% 15px;
display: table;
border-radius: 9px;
background-color: rgb(52, 106, 253);
box-shadow: 0px 7px 16px 0px rgb(52 106 253 / 27%);
transition: 0.5s;
position: relative;
z-index: 2;
}
.contactBox-btn a:hover, .contactBox-btn span:hover {
background-color: rgb(44 92 224);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.contactBox-btn img {
position:relative;
}
.contactBox-btn a.contact-link img{ }
.contactBox-btn span.email-link img{ }
.contactBox-btn a span{}
/*affiliate-program*/
.lineBg2{background: url(../images-old/lineBg2.png) no-repeat center bottom;background-size: contain;}
.affiliate-box-out{
padding: 1.8%;
margin-top: 0;
}
.affiliate-box{
padding: 8% 4% 4% 4%;
text-align: center;
border-radius: 19px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 43px 0px rgba(20, 56, 151, 0.17);
}
.affiliate-box-2{padding: 2% 0.5%;}
.affiliate-box-2 .affiliate-video {margin-top: 0;}
.mybutton-affiliate{}
.mybutton-affiliate a {
color: #fff;
padding: 4.4% 2%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
margin-top: 3%;
margin-bottom: 1%;
position: relative;
z-index: 2;
width: 93.3%;
}
.mybutton-affiliate a:hover {
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.mybutton-clickbank a{
background-color: rgb(201, 10, 10);
box-shadow: 0px 7px 16px 0px rgba(201, 10, 10, 0.27);
}
.mybutton-clickbank a:hover{background-color: rgb(172 8 8);}
.mybutton-jvzoo a{
background-color: rgb(231, 109, 36);
box-shadow: 0px 7px 16px 0px rgba(231, 109, 36, 0.27);
}
.mybutton-jvzoo a:hover{background-color: rgb(206 97 32);}
.mybutton-digistore a{
background-color: rgb(26, 149, 216);
box-shadow: 0px 7px 16px 0px rgba(26, 149, 216, 0.27);
}
.mybutton-digistore a:hover{background-color: rgb(20 124 181);}
.mybutton-groovesell a{
background-color: rgb(253 100 129);
box-shadow: 0px 7px 16px 0px rgba(26, 149, 216, 0.27);
}
.mybutton-groovesell a:hover{background-color: rgb(223 85 112);}
.affiliate-video{margin-top: 3%;}
.affiliate-video .responsive-video{
border-radius: 15px;
background-color: rgb(0, 0, 0);
box-shadow: 0px 10px 43px 0px rgba(20, 56, 151, 0.17);
}
.affiliate-box p{margin-top: 7.5%;}
.mybutton4 a {
color: #fff;
padding: 1.45% 4.7%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
margin-top: 3%;
position: relative;
z-index: 2;
background-color: rgb(117, 191, 44);
box-shadow: 0px 7px 18px 0px rgba(117, 191, 44, 0.23);
}
.mybutton4 a:hover {
background-color: rgb(106 173 39);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
.mybutton4 .buttonarrow2 {
position: relative;
left: 3%;
}
.mybutton5 a {
color: #fff;
padding: 2% 6%;
display: table;
border-radius: 50px;
transition: 0.5s;
margin: auto;
margin-top: 3%;
position: relative;
z-index: 2;
background-color: rgb(52, 106, 253);
box-shadow: 0px 7px 16px 0px rgba(52, 106, 253, 0.27);
text-transform: uppercase;
}
.mybutton5 a:hover {
background-color: rgb(42 89 218);
box-shadow: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 1;
color: #fff !important;
text-decoration: none !important;
transform: scale(1.1);
transition-duration: 0.3s;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/**/
.vs-section2 {
background-color: #fff;
background-image: linear-gradient(white, #f9fbff);
padding: 6% 0 7% 0;
}
.mybutton6 a{
padding: 3% 6.7% 3% 6.7%;
margin-top: 6%;
}
.easypeasy{margin-bottom:-2%;}
/*thankyou*/
.thankyou-box {
border-radius: 35px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 7px 59px 0px rgba(18, 30, 59, 0.45);
margin-top: 2.8%;
padding: 3% 3% 0 3%;
position: relative;
}
.scroll-down-div {
text-align: center;
font-family: 'Caveat', cursive;
font-weight: 400;
position: relative;
line-height: 100%;
font-size: 23px;
margin-top: 1%;
font-weight: 400;
color: #383838;
}
.arrow2{
margin-top: 1%;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
.Scroll-text{}
.line-img {
margin: 2% 0;
}
.thankyou-main-box{
padding: 0;
margin-top: 2%;
}
.thankyou-step-box{
margin-top: 2%;
}
.thankyou-step1, .thankyou-step2, .thankyou-step3{
text-align:center;
border-width: 1px;
border-style: solid;
border-radius: 24px;
padding: 10% 3%;
height: 100%;
}
.thankyou-step1{
background-color: #f7fbff;
border-color: #d1e1f1;
background: url(../images-old/thankyoubox1.png) no-repeat center top;
background-size: cover;
}
.thankyou-step2{
background-color: #fff8f9;
border-color: #f5d7db;
background: url(../images-old/thankyoubox2.png) no-repeat center top;
background-size: cover;
}
.thankyou-step3{
background-color: #fcf7ff;
border-color: #e1cbee;
background: url(../images-old/thankyoubox3.png) no-repeat center top;
background-size: cover;
}
.thankyou-step1 p, .thankyou-step2 p, .thankyou-step3 p {
margin-top: 2%;
}
.thankyou-btn a{
border-radius: 10px;
background-color: rgb(255, 255, 255);
display: inline-block;
padding: 5.4% 2% 6% 2%;
width: 83%;
color: #000;
margin-top: 10%;
transition:0.5s;
}
.thankyou-btn1 a{
box-shadow: 0px 6px 23.76px 0.24px rgba(7, 54, 112, 0.17);
border: 1px solid #1b74e4;
}
.thankyou-btn2 a {
box-shadow: 0px 6px 23.76px 0.24px rgba(208, 61, 51, 0.17);
border: 1px solid #f61c0d;
margin-top: 10.2%;
}
.thankyou-btn3 a{
}
.thankyou-btn3 a {
border-radius: 10px;
background-image: -moz-linear-gradient( 0deg, rgb(116,93,254) 0%, rgb(21,181,243) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(116,93,254) 0%, rgb(21,181,243) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(116,93,254) 0%, rgb(21,181,243) 100%);
color: #000;
padding: 1px;
overflow: hidden;
display: inline-block;
width: 83%;
margin-top: 12%;
box-shadow: 0px 6px 23.76px 0.24px rgba(38, 29, 153, 0.17);
}
.thankyou-btn3 a span{
background-color: #fff;
border-radius: 9px;
padding: 6.5% 4%;
display: block;
transition: 0.5s;
}
.thankyou-btn1 a:hover {
background-color: rgb(27 116 228);
color: #fff;
}
.thankyou-btn2 a:hover {
background-color: rgb(246 28 13);
color: #fff;
}
.thankyou-btn3 a:hover {
background-color: rgb(27 116 228);
color: #fff;
}
.thankyou-btn1 a svg {
position: relative;
top: 3px;
right: 3px;
fill: #1B74E4;
transition: 0.5s;
}
.thankyou-btn2 a svg {
position: relative;
top: 5px;
right: 1px;
fill:#F61C0D;
transition:0.5s;
}
.thankyou-btn a:hover svg{fill:#fff;}
.thankyou-btn3 a:hover span{
background-color: transparent;
}
.thankyou-need-box {
background: url(../images-old/needhelpbg.png) no-repeat center top;
background-size: cover;
padding: 4% 6% 0 6%;
background-color: #3771fd;
border-radius: 24px;
margin-top: 9%;
}
.thankyou-need-details{padding: 0 4%;}
.thankyou-need-details h4 {
margin-top: 10%;
}
.needhelp{}
.thankyou-contact-btn a {
border-radius: 9px;
background-color: rgb(255, 255, 255);
display: inline-block;
padding: 4.2% 2%;
margin-top: 4%;
transition: 0.5s;
box-shadow: 0px 7px 29px 0px rgba(18, 21, 47, 0.16);
width: 66.6%;
color: #000;
transition: transform .2s;
}
.thankyou-contact-btn a svg {
position: relative;
top: 4px;
right: 3px;
fill:#346afd;
transition:0.5s;
}
.thankyou-contact-btn a:hover {
transform: scale(1.05);
background-color: rgb(235 235 235);
}
/**/
.banner{background: url(../images-old-old/banner.png) no-repeat center top, linear-gradient(#ffffff, #f9fbff);background-size: auto;padding: 0.3% 0 7% 0;position:relative;background-color: #fff;overflow: hidden;}
.banner.freeplan-table{background: linear-gradient(#ffffff, #f9fbff);}
.banner.freeplan-table .banner-inn-new {background: url(../images-old/bannerpricing.png) no-repeat center bottom;background-color: #fff;position: relative;z-index: 2;}
.section2{background-position:
top 50px left 0px,
bottom 140px right 0px;
background-repeat: no-repeat;
background-image:
url(../images-old/section2Top.svg),
url(../images-old/section2Bottom.svg);
padding: 4.5% 0 8% 0;position:relative;overflow:hidden;}
.section3{background: url(../images-old/section3.png) no-repeat center top;background-size: cover;padding: 4% 0 5% 0;background-color:#346afd;}
.section4 {
background-position: top 50px left 0px, top 120px right 110px, top 0px left 0px;
background-repeat: no-repeat;
background-image:
url(../images-old/section4Top1.svg),
url(../images-old/section4Top2.svg), linear-gradient(#f9faff, #fff);
padding: 6.5% 0 6% 0;
position: relative;
background-color: #fff;
overflow: hidden;
background-size: auto, 115px, cover;
}
.section5{background: url(../images-old/section5.png) no-repeat center top, linear-gradient(#ebf3fc, #fff);background-size: cover;padding: 5% 0 9% 0;position:relative;overflow: hidden;margin-top: -1%;}
.section6{padding: 7% 0 7% 0;position:relative;}
.section7{background: url(../images-old/section7.png) no-repeat center top;background-size: cover;padding: 8% 0 8% 0;position:relative;z-index: 1;overflow: hidden;background-color: #f9faff;}
.section8{background: url(../images-old/section8.png) no-repeat center top, linear-gradient(#f9faff, #fff);;background-size: cover;padding: 6% 0 3% 0;position:relative;}
.section9{background: url(../images-old/section9.png) no-repeat center top;background-size: cover;padding: 5% 0 5% 0;position:relative;background-color: #fff;}
.section10{padding: 2% 0;position:relative;}
.faq-section{padding: 6% 0 7% 0;}
.footer{background-color:#f9faff;padding: 4% 0 3% 0;}
.testimonials-footer{padding: 2% 0 1.5% 0;}
.pricing-banner{background: url(../images-old/pricing2Bg.png) no-repeat center top;background-size: auto;}
.pricing-section2{background-color:#f2f4ff;padding: 5.2% 0;}
.pricing2-banner{background-size: auto;padding: 0.3% 0 6% 0;}
.pricing5-banner{overflow:visible;}
.demo-banner{background: url(../images-old/bannerDm.png) no-repeat center bottom;background-size: cover;padding: 0.3% 0 4% 0;margin-bottom: -2%;position: relative;z-index: 1;}
.raving-banner{background: url(../images-old/ravingBg.png) no-repeat center top;background-size: contain;padding: 0.3% 0 1% 0;position:relative;background-color: #fff;}
.raving-banner-testimonials{padding: 2.5% 0 1% 0 !important;}
.raving-section9{background-color: #f9faff;}
.features-banner{background: url(../images-old/featuresBanner.png) no-repeat center top;background-size: cover;padding: 0.3% 0 7% 0;}
.contact-banner{background: url(../images-old/contactBanner.png) no-repeat center top;background-size: cover;padding: 0.3% 0 5% 0;position: relative;z-index: 1;}
.affiliate-banner{background: url(../images-old-old/affiliatebanner.png) no-repeat center bottom;background-size: cover;padding:0.3% 0 4% 0;}
.affiliate-banner-new{padding:3% 0 4% 0}
.affiliate-section2{background: url(../images-old-old/affiliatesection2.png) no-repeat center bottom;background-size: cover;padding: 5.2% 0 4% 0;}
.graphics-banner {background: url(../images-old/graphicsBg.png) no-repeat center top;background-size: cover;padding: 0.3% 0 8% 0;}
.vs-banner {
background: url(../images-old/graphicsBg.png) no-repeat center top;
background-size: cover;
padding: 0.3% 0 0% 0;
overflow: visible;
}
.graphics-section2{background-color:#fff;padding:6% 0 7% 0;}
.graphics-section4{background-position: top 50px left 0px, top 120px right 110px, top 0px left 0px;
background-repeat: no-repeat;
background-image:
url(../images-old/section4Top1.svg),
url(../images-old/section4Top2.svg), linear-gradient(#f9faff, #fff);padding: 6.5% 0 6% 0;}
.graphics-section8{padding: 6% 0 3% 0;}
/*thankyou*/
.thankyou-banner {
background: url(../images-old-old/thankyoubg.png) no-repeat center bottom;
background-size: cover;
padding: 2% 0 0% 0;
position: relative;
background-color: #050406;
}
.thankyou-section2 {
padding: 1% 0 6% 0;
background-color: #fff;
}
@media only screen and (max-width: 767px){
.banner {padding: 0% 0 10% 0 !important;}
.section2{background-image:none;text-align:center;padding: 4% 0 10% 0;}
.section3{padding: 10% 0 8% 0;}
.section4{text-align: center;padding: 8% 0 11% 0;}
.section5{padding: 10% 0 14% 0;text-align: center;background-color: #ebf3fc;background-image: none;}
.section6{background-image:none;margin-top:0;padding: 10% 0 10% 0;}
.section7{padding: 9% 0 12% 0;}
.section8 {background-image: none;background-color: #f9faff;padding: 9% 0 10% 0;margin-top: 0;}
.section9{padding: 10% 0 5% 0;}
.section10{padding: 8% 5px;}
.affiliate-banner-new {
padding: 6% 0 10% 0 !important;
}
.footer {padding: 7% 0 4% 0;}
.mike-section {padding: 6% 0 14% 0;}
.getlink {margin-left: 0px;}
.banner-title {
border-radius: 8px;
padding: 0.1% 2%;
transform: rotate(-7deg);
top: -7px;
}
.mybutton a {
padding: 4.7% 12% 4.7% 12.9%;
margin-top: 2.2%;
margin-bottom: 2%;
}
.banner-mybutton a {padding: 3.7% 10% !important;}
.mike-section-box-out {padding: 0 15px !important;}
.mike-text {padding: 0;}
.mike-img {
max-width: 100% !important;
left: 0% !important;
margin-top: 8% !important;
}
.faded.faded-left.faded-right:after {box-shadow: inset 40px 0 50px -16px, inset -50px 0 40px -16px;}
.tablinks {padding: 12px 0;}
.swiper1 {padding: 4% 0 !important;}
.swiper1 p {margin-top: 8px;}
.swiper-button-next{right: -10% !important;}
.swiper-button-prev{left: -10% !important;}
.step-detail-box p{margin-bottom: 7%;}
.section5-box-out {padding: 6px 15px !important;}
.section5-box {padding: 6% 0 0 0 !important;}
.section5-box2 {padding: 6% 0 0 0 !important;}
.section5-img-box1, .section5-img-box2{
padding: 0;
text-align: center;
}
.uncomplicated-img{margin-top:5%;}
.section6-main-box{padding:0;}
.section6-box-out {padding: 10px 15px;}
.mybutton-link {width: 50% !important;}
.num{margin:auto;}
.num {
width: 52px;
height: 52px;
padding: 6px 0;
}
.step1-img, .step2-img, .step3-img{width:100%;right:0;left:0}
.ag-slide-block .swiper-container {padding: 7% 0 7% 0;}
.section8-body {padding: 8% 8% 8% 8%;}
.section8-main-box {padding: 0;}
.section8-box-out {
padding: 10px 15px;
}
.section10-box {border-radius: 20px;}
.marquee-block1{
width: 100%;
}
.marquee-pc, .rightEle1, .leftEle1, .arrow1, .bannarBox2-pc{
display:none !important;
}
.marquee-mobile, .bannarBox2-mobile{
display:block !important;
}
.footer-section-left {
padding: 0 15px;
margin-bottom: 5%;
text-align: center;
}
.footer-box1{text-align:center;}
/*demo-page*/
.demoBox2 {
margin-top: 4%;
}
.mybuttonDm button, .mybutton3 a {}
.mybutton3 a {padding: 4% 9% !important;}
/*pricing-page*/
.pricing-banner{padding: 0% 0 14% 0;}
.pricing-section2 {padding: 10% 0;text-align: center;}
.pricing-section2-pra{padding:0;}
.moneyBack-section{text-align:center;margin-top: 4%;}
.plan1-table-out, .plan2-table-out{padding: 0 15px !important;}
.plan1-table, .plan2-table{}
.plan2-table {margin-top: 5%;}
.plan1-title, .plan2-title{}
.plan1-subtitle, .plan2-subtitle{margin-top: 1%;}
.plan1-price, .plan2-price{margin-top: 6%;}
.checklist1 li, .checklist2 li{
padding-top: 2px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.plan1-mybutton, .plan2-mybutton {margin-top: 11%;}
.plan1-mybutton a, .plan2-mybutton a {left: 0 !important;}
/*raving*/
.raving-banner{
padding: 0% 0 19% 0 !important;
}
.raving-banner-testimonials{padding: 5% 0 1% 0 !important ;}
.arrowLeft, .arrowRight {
max-width: 4%;
}
.raving-section2 {
/* padding: 8% 0 8% 0; */
/* background-image: none; */
/* background-color: #eff1f9; */
}
.raving-section3 {
padding: 8% 0 8% 0;
}
.raving-section3-box-out {
padding: 0 20px !important;
}
.features-box1-out, .features-box2-out{padding: 10px 15px;}
.revingicon-Box ul li {
padding: 4px 1px;
max-width: 18.5%;
}
.revingicon-Box ul li p {font-size: 8px;left: -11px;}
.revingicon-Box ul li:hover .team-card-bottom {
bottom: -12px;
}
.revingicon-Box ul li:hover {
top: -10px;
}
/*graphics-page*/
.graphics-banner{padding: 0% 0 10% 0 !important;}
.graphics-section2 {padding: 7% 0 12% 0;}
/*contact-page*/
.contact-banner{text-align: center !important;}
.contact-mike-details {
text-align: left;
}
.bannarBox2 {margin-top: 10%;}
.contact-mike-section {
background: url(../images-old/mikeBg.png) no-repeat right bottom;
background-size: auto;
}
.contactBox-btn a {margin: auto;}
.contactBox-btn {margin-bottom: 8%;}
/*pricing3-page*/
.table-box1-out {padding: 0 15px !important;margin: 2% 0;}
.features-table .features-table-col2::before, .features-table .features-table-col3::before, .features-table .features-table-col4::before {
height: 1540%;
top: -759%;
}
.features-table-title .features-mybutton, .features-table-row:last-child{display:none;}
.features-btn-mainBox{display:block;}
.features-mybutton a {
padding: 4.5% 19%;
width: 80%;
}
.features-btn-box {margin-top: 3%;}
.features-mybutton {margin-top: 2%;}
#expander span {
padding: 1.8% 5%;
}
.features-btn-box h5 {
margin-top: 3%;
margin-bottom: 4%;
}
/*pricing5-page*/
.pricing5-banner .features-table-title .features-mybutton, .pricing5-banner .features-table-row:last-child{display:block;}
.pricing5-banner .features-mybutton a {
padding: 7% 7%;
border-radius: 10px;
}
.pricing5-banner .pricing3-mybutton a {
font-size: 16px !important;
}
.pricing5-banner .features-table-col1 {
width: 100% !important;
padding: 4% 6% 3% 6% !important;
}
.pricing5-banner .features-table-title .features-table-col2, .pricing5-banner .features-table-title .features-table-col3, .pricing5-banner .features-table-title .features-table-col4 {
width: 97% !important;
margin: 2%auto;
border: 1px solid #d5d5d5;
border-radius: 8px;
}
.pricing5-banner .table-box1-top {
padding: 5% 9% 6% 9%;
text-align: left;
}
.pricing5-banner .features-table .features-table-col2, .pricing5-banner .features-table .features-table-col3, .pricing5-banner .features-table .features-table-col4{width: 33.33%;padding: 3% 2% 6% 2% !important;}
.pricing5-banner .features-table-title .features-table-col1, .pricing5-banner .features-table .features-table-col3::before, .pricing5-banner .features-table .features-table-col4::before , .pricing5-banner .features-table .features-table-col2::before{
display:none;
}
.mobile-title{margin-top: 0;position: relative;z-index: 1;background-color: #fff;padding: 9% 0;}
.mobile-price-title1{
padding: 2% 1%;
transform: 0.5s;
}
.mobile-price-title2{
text-align: center;
padding: 2% 1%;
background-color: #346afd;
color: #fff;
border-bottom: 0;
border-top: 0;
transform: 0.5s;
}
.mobile-price-title3{
padding: 2% 1%;
transform: 0.5s;
}
.mobile-price-title2 svg{fill: #fff;}
.mobile-price-title2 h1{margin-top:4%;}
.sticky .mobile-price-title1, .sticky .mobile-price-title2, .sticky .mobile-price-title3{
display:block;
transform: 0.5s;
}
.pricing5-banner .features-table{border-top: 1px solid #d5d5d5;margin: auto;margin-top: -17%!important;border-radius: 10px;}
.features-table .features-table-col1 h4, .features-table .features-table-col2 h4, .features-table .features-table-col3 h4, .features-table .features-table-col4 h4 {
font-size: 14px;
}
.pricing5-banner .features-table-row:last-child .features-table-col3{border-bottom:0;}
.features-table-row:last-child .features-table-col2, .features-table-row:last-child .features-table-col3, .features-table-row:last-child .features-table-col4{padding: 4.2% 1% 4% 1% !important;}
.pricing5-banner .features-table-title {
position: relative;
z-index: 2;
background-color: #fafbff;
}
#mainNav{
background-color: #fff;
padding: 0;
}
.sticky{-webkit-transform: translateY(-101%);transform: translateY(-101%);transition: -webkit-transform .2s ease-in-out;transition: transform .2s ease-in-out;transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;}
/*sticky header position*/
.sticky.is-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1;
width: 100%;
-webkit-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 0 0 1px rgb(68 92 116 / 2%), 0 2px 8px rgb(57 76 96 / 15%);
}
.pricing5-banner .features-table h5 {
margin-bottom: 3%;
}
.pricing5-banner .features-mybutton {
margin-top: 5%;
}
.pricing5-banner .features-table, .pricing5-banner .features-table-row .row {
overflow: visible;
}
.free-mobile-text{display:none;}
.without-free .header {
background-color: #fff;
width: 100%;
padding: 0 2.5%;
}
.without-free-mob{}
.without-free-mob .features-table .features-table-col2,
.without-free-mob .features-table .features-table-col3,
.without-free-mob .features-table .features-table-col4 {width:50% !important;}
.without-free-mob.freeplan-table-mob .features-table .features-table-col2,
.without-free-mob.freeplan-table-mob .features-table .features-table-col3,
.without-free-mob.freeplan-table-mob .features-table .features-table-col4 {width:33.33% !important;}
.without-free-mob .features-table{margin-top: -16% !important;}
.banner-inn-new{position:relative;z-index:2; background-color: #fff; overflow: hidden;}
.pricing5-banner.without-free .features-table-title .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col4 {
border-radius: 18px !important;
border-bottom: 2px solid #346afd ;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 {
border-bottom: 1px solid #d5d5d5;
}
.pricing5-banner.without-free .features-table, .pricing5-banner.pricing5-banner-new .features-table {
border-right-width: 1px;
border-right-color: #d5d5d5;
}
.tab-slider--trigger.trigger-monthly span,.tab-slider--trigger.trigger-yearly span{font-size:18px;}
.save-tag-top {
font-size: 9px !important;
width: 170%;
top: -17px !important;
}
.top-rating, .top-rating-text{text-align:center;}
.top-rating{ font-size: 16px;}
.top-rating-text {
margin: 3% 0;
padding: 0;
}
.tab-slider--nav{ margin-top: 3%;}
.pricing5-banner.pricing5-banner-new .save-tag{font-size: 10px;}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .features-mybutton {
margin-top: 9%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .features-mybutton a{
font-size: 11px !important;
padding: 15% 0%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .features-mybutton a{
font-size: 15px !important;
padding: 8.8% 10%;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .features-mybutton a {
font-size: 15px !important;
padding: 8.8% 1%;
}
.pricing5-banner.without-free .features-table-title .features-table-col2, .pricing5-banner.without-free .features-table-title .features-table-col3{border-bottom:1px solid #d5d5d5;border-radius: 18px !important;}
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-title .features-table-col3{border-bottom:1px solid #d5d5d5 !important; border-radius: 18px !important;}
.pricing5-banner.without-free .features-table-row, .pricing5-banner.pricing5-banner-new .features-table-row {
display: block;
}
.pricing5-banner.without-free .features-table-row:last-child,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child {
display: flex;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .card {
padding: 10% 5%;
}
.pricing5-banner.without-free .features-table-col1, .pricing5-banner.without-free .features-table .features-table-col2, .pricing5-banner.without-free .features-table .features-table-col3, .pricing5-banner.without-free .features-table .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table .features-table-col4{
padding: 0 !important;
}
.pricing5-banner.without-free .features-table-row:first-child .features-table-col2,
.pricing5-banner.without-free .features-table-row:first-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:first-child .features-table-col4
{border-top:0;}
.pricing5-banner.without-free .features-table-row .features-table-col4 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col4 .card {
border-left: 0;
border-right: 1px solid #d5d5d5;
}
.pricing5-banner.without-free .features-table-row .features-table-col2 .card,
.pricing5-banner.without-free .features-table-row .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col3 .card
{border-right: 0;}
.pricing5-banner.pricing5-banner-new .features-table-row .features-table-col3 .card, .pricing5-banner.without-free.freeplan-table .features-table-row .features-table-col3 .card
{border-left: 0;}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-row .features-table-col3 .card {
border-left: 1px solid #d5d5d5;
}
.pricing5-banner .features-table-row:last-child .features-table-col1{}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 100%;
font-size: 11px;
padding: 5.5% 14%;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 100%;
font-size: 17px;
padding: 5.2% 14%;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free .features-table-row:nth-last-child(2) .features-table-col1,
.pricing5-banner.pricing5-banner-new .features-table-row:nth-last-child(2) .features-table-col1 {
border-bottom: 0;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.without-free .features-table-row:last-child .features-table-col4 .card{border-radius:0;}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .card{border-radius:0;}
.pricing5-banner.pricing5-banner-new .features-table-col2 .table-box1-top , .pricing5-banner.pricing5-banner-new .features-table-col3 .table-box1-top {padding: 7% 9% 7% 9%;}
.pricing5-banner.without-free .features-table-col2 .table-box1-top, .pricing5-banner.without-free .features-table-col3 .table-box1-top{ padding: 6% 9% 5.8% 9%;}
.pricing5-banner.pricing5-banner-new .no-downloads-text{font-size: 10px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .card,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .card,
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .card{padding:12% 5%;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .save-tag {
font-size: 10px; margin-top: 8%;
}
.table-box1-top .freeplan-text,
#mainNav .table-box1-top,
#mainNav .popular-text
{display:none;}
#mainNav .row {width: 100%;}
.pricing5-banner.without-free.freeplan-table .features-table-col1, .sticky-div1{
width: 0%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col2, .sticky-div2{
width: 32.35%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col3, .sticky-div3{
width: 32.35%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col4, .sticky-div4{
width: 33%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col1, .pro-table-new .sticky-div1{
width: 0%;
}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col3{width: 50% !important;}
.pro-table-new .sticky-div3{width: 49%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-col4{width: 50% !important;}
.pro-table-new .sticky-div4{width: 49%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-title .features-table-col3{width: 97% !important;}
.pricing5-banner.without-free.freeplan-table.pro-table-new .features-table-title .features-table-col4{width: 97% !important;}
.dash-svg {
position: relative;
height: 13px;
}
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col1,
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col2,
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col3 {
border-bottom: 0px solid #d5d5d5 !important;
}
.freeplan-table .features-table-row:nth-last-child(2) .features-table-col4 {
border-bottom: 0px solid #346afd;
}
/*affiliate*/
.affiliate-section2{padding: 6% 0 6% 0;}
.affiliate-box-out{padding:10px 15px;}
.mybutton4 a{
padding: 4% 9%;
}
.mybutton5 a{
padding: 4% 9%;
}
.mybutton-affiliate a {
width: 100%;
}
.pricing5-banner.without-free.freeplan-table.pricing-new-table .features-table-row:last-child .features-table-col4 .features-mybutton a {
width: 100%;
font-size: 17px;
padding: 8.2% 19%;
}
.contactBox-btn {
margin: 0;
display: inline-block;
}
.contactBox-btn a.contact-link, .contactBox-btn span.email-link {
margin-right: 0;
margin-left: 0;
margin: 4% 0;
}
/*vs-page*/
.vs-section2 {padding: 7% 0 12% 0;}
.mybutton6 a {
padding: 4.7% 8% 4.7% 8%;
margin-top: 6%;
}
/**/
.thankyou-banner {
padding: 9% 0 0% 0;
}
.thankyou-section2 {
padding: 5% 0 12% 0;
}
.tag{max-width: 80%;}
.thankyou-box {
border-radius: 15px;
max-width: 95%;
margin-top: 7%;
}
.thankyou-step-box {
padding: 0 15px !important;
}
.thankyou-need-details h4 {
margin-top: 5%;
}
.thankyou-need-details{text-align:center;}
.thankyou-contact-btn a {
width: 90%;
}
.needhelp {
margin-top: 10%;
}
.affiliate-box {
padding: 20px 15px 15px 15px;
border-radius: 15px;
}
}
@media only screen and (max-width: 993px){
.banner {padding: 0.3% 0 5% 0;text-align: center;}
.section2 {background-size: 60px;}
.section3 {text-align: center; }
.section4{background-size: 80px, 45px, cover;background-position: top 50px left 0px, top 120px right 10px, top 0px left 0px;}
.vidBg1 {margin-top: 5%;}
.banner-mybutton a {margin: auto;padding: 2.7% 7%;}
.banner-mybutton{margin-top: 2%;}
.payment {margin-top: 2%;left: 0;}
.nav-list-last, .getlink{margin-left: 0%;}
.banner-pc-section{display:none;}
.banner-mob-section{display:block;}
.mike-section-box-out {padding: 0;}
.mike-text {padding: 0;}
.mike-img {
max-width: 135%;
left: -16%;
margin-top: -13%;
}
.section3-left{width: 100%;}
.section3-right{width: 100%;}
.section5-box-out {padding: 0;}
.section5-box{padding: 0% 0 0% 4%;}
.section5-box2{padding: 0% 4% 0% 0;}
.rightEle1 {left: 100%;top: 82%;max-width: 4%;}
.leftEle1 {right: 100%;top: 82%;max-width: 4%;}
.mybutton-link {width: 30%;}
.section10-detail h1 {
margin-top: 7%;
}
.mybutton3 {
margin-top: 5%;
margin-bottom: 6%;
}
.mybutton3 a {padding: 2% 4.7%;}
.footer-box1 {
margin-bottom:4%;
}
.footer-box1 p{margin-top: 3%;}
.social-link{margin-top: 6%;}
.footer-box2, .footer-box3, .footer-box4{
padding: 0 15px;
}
.section9-box1-out{margin-top: 0%;}
.section9-box2-out{margin-top: 0%;}
.section9-box3-out{margin-top: 0%;}
.section9-box4-out{margin-top: 0%;}
.section9-box5-out{margin-top: 0%;}
.section9-box6-out{margin-top: 0%;}
.section9-box7-out{margin-top: 0%;}
.section9-box8-out{margin-top: 0%;}
.section9-box9-out{margin-top: 0%;}
.section7-left{margin-bottom:4%;padding: 0 15px;}
.section7 .nav-item {padding: 1.8% 4%;margin: 1%;}
.section7-right{padding: 0 15px;}
.footer-section-right {padding: 0 15px;}
.faq-section .card-header button {padding: 0% 0% 0% 9%;}
.faq{max-width: 60%;}
/*pricing-page*/
.plan1-table-out{padding: 0 1% 0 0;} .plan2-table-out{padding: 0 0 0 1%;}
.plan1-table{}
.plan2-table{}
.plan1-price span {top: -10px;}
.plan2-price span {top: -10px;}
.plan1-mybutton a, .plan2-mybutton a {}
.pricing5-banner .save-tag {
position: relative;
margin-left: 0;
top: 0;
display: inline-block;
margin-top: 2%;
}
.pricing5-banner .pricing3-mybutton a {
width: 100%;
padding: 5% 4%;
border-radius: 15px;
}
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col2 .features-mybutton a,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col3 .features-mybutton a,
.pricing5-banner.pricing5-banner-new .features-table-row:last-child .features-table-col4 .features-mybutton a {width: 100%; font-size: 12px;}
.pricing5-banner.pricing5-banner-new .features-table-title .pricing3-mybutton a {font-size: 11px;}
.pricing5-banner .features-mybutton a {
width: 100%;
}
.pricing5-banner .features-table-title, .pricing5-banner .features-table {
max-width: 95% !important;
}
.pricing5-banner.without-free .features-table-row:last-child .features-table-col1
{border-bottom: 0px solid #d5d5d5;}
/*reving-page*/
.vdiconbox {
}
.testimonialBoxspc {
padding: 8px 6px;
}
.tsSc {
margin-top: 0%;
}
.tsSc3 {
margin-top: 0%;
}
.testimonialBox-inner {
padding: 0 0 0 10px;
}
.testimonialBox-inner2 {
padding: 0 0 0 10px;
}
.vdiconbox2 {
padding: 0 10px 0 0;
}
.testimonialBox-inner::before {
top: 24%;
}
.testimonialBox-inner3::before {
top: 40%;
}
.discoverimg {
margin: 0 0 -15px 0;
}
.raving-section3-box-out {
padding: 0 10px;
}
/*graphics-page*/
.graphicsBannerImg-box {text-align: center;margin-top:4%;}
/*contact-page*/
.contact-banner{text-align: left;}
.contact-left-box, .contact-right-box {padding: 0 15px;}
.contactBox {width: 45.2%;}
.mike2-img {
position: relative;
margin-top: -17%;
left: 0;
right: -3%;
float: right;
}
/*pricing3-page*/
.table-box1-out {padding: 0 1%;}
.features-table-col2, .features-table-col3, .features-table-col4{
padding: 1.2% 1%;
}
.features-table-row:last-child .features-table-col2, .features-table-row:last-child .features-table-col3, .features-table-row:last-child .features-table-col4 {
padding: 1.2% 1% 3% 1%;
}
.checklist3 li {
padding: 0 5% 0 7%;
}
/*demo-page*/
.demo-banner {
padding: 3% 0 7% 0;
}
.demoBoxi-Main1, .demoBoxi-Main2{
padding: 0 15px;
}
.clickbank{max-width: 70%;}
.jvzoo{max-width: 38%;}
.digistore{max-width: 71%;}
/**/
.thankyou-step-box{padding:0 5px;}
.thankyou-btn1 a, .thankyou-btn2 a, .thankyou-btn3 a{width: 95%;}
.thankyou-need-details {
padding: 0 0%;
}
}
@media (min-width: 240px){
.menu {padding: 15px 0;}
.banner-title1{font-size: 31px;}
.banner-title2{font-size: 18px;color: #555872;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 20px;}
.vidBg1{max-width: 85%;}
.vidBg2{max-width: 85%;}
.mike-section-box {padding: 6% 15px 0 15px;}
.mike-text p{font-size: 18px;}
.section6-box p{padding: 0 13%;}
.section10-title{font-size: 34px;}
.section10-subtitle{font-size: 16px;}
.footer-box1{width: 100%;}
.footer-box2,
.footer-box3,
.footer-box4{width: 33%;}
.section7-left{width: 100%;}
.section7-right{width: 100%;}
.section7 .nav-item{width: 47.4%;}
.faq-title{font-size: 28px;}
#buttonGroup li {width: 42%;}
#buttonGroup li a{padding: 5.7% 0;font-size: 16px;}
.pricing3-mybutton a {width: 80%;padding: 5% 4%;}
.plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 80%;}
.no-download{width: 80%;}
.features-table h4{font-size: 12px;}
.features-table-col1{padding: 2.2% 4% 2.2% 4%;}
.pricing5-banner .features-table-col1{padding: 1.8% 2% 1.8% 2%;}
.pricing5-banner .final-price{font-size: 36px;}
.pricing5-banner .save-tag{font-size: 13px;}
.pricing5-banner .pricing3-mybutton a{font-size: 8px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 12.5% 6% 9% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 10% 8% 9% 7%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col2 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-col3 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-col4 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 100%;
font-size: 17px;
padding: 8% 6%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 100%;
font-size: 17px;
padding: 8.2% 6%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 9.5% 2%;
}
.no-downloads-text{font-size: 11px;}
.freeplan-table .table-box1-top h1{font-size: 24px;}
.freeplan-table .features-table-row:last-child h1{font-size: 14px;}
#mainNav .row {width: 100%;}
.for-mobile{display:block;}
.last-row {
display: block;
width: 100%;
}
/*affiliate*/
.mybutton-affiliate a{font-size: 15px;}
.affiliate-main-box{padding: 0;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 16px;}
.contactBox-btn span.email-link span{font-size: 14px;}
.contactBox-btn a.contact-link {
padding: 20px 15px;
width: 100%;
height: auto;
}
.contactBox-btn span.email-link {
padding: 20px 15px;
width: 100%;
height: auto;
}
.contactBox-btn a.contact-link img{margin-bottom: 5%;max-width: 35%;}
.contactBox-btn span.email-link img{margin-bottom: 5%;max-width: 35%;}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (min-width: 724px) {
}
@media only screen and (max-width: 600px) {
}
@media (min-width: 480px){
.mainvideo {
position: static;
width: 100%;
height: 0px;
padding-bottom: 280px;
}
.video {
width: 485px;
height: 273px;
top: 23px;
left: 28px;
margin-bottom: 8%;
}
.arrow1 {
right: 15%;
top: 40%;
}
.arrow1B {
right: 15%;
top: 40%;
}
.arrow4 {
max-width:100%;
right: -5%;
top: 73%;
}
.arrow1-new{
right: 18%;
top: 40%;
}
.arrow1-new2{
right: 25%;
top: 40%;
}
.vidBg1{max-width: 85%;}
.vidBg2{max-width: 85%;}
.box-img{max-width:100%}
}
@media only screen and (min-width: 768px) {
.ex{
background-color:white;
}
.lappy {
position: relative;
right: 0;
bottom: -50px;
}
.videosection {
position: relative;
right: 0;
bottom: 0px;
}
.mainvideo {
position: absolute;
width: 504px;
height: 271px;
top: 18px;
left: 31px;
padding-bottom: 0;
}
.video {
width: 315px;
height: 117px;
top: 15px;
left: 7px;
margin-bottom: 12%;
}
.banner-title1{font-size: 39px;}
.banner-title2{font-size: 22px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size:28px;}
.arrow1 {
right: 18%;
top: 40%;
max-width: 15%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 17px;}
.section6-box p{padding: 0 4%;}
.section10-title{font-size:52px;}
.section10-subtitle{font-size:18px;}
.footer-box1{width: 40%;}
.footer-box2,
.footer-box3,
.footer-box4{width: 20%;}
.section7-left{width: 100%;}
.section7-right{width: 100%;}
.section7 .nav-item{width: 31.3%;}
.faq-title{font-size: 40px;}
#buttonGroup li {width: 18.2%;}
#buttonGroup li a{padding: 5.7% 0;font-size: 17px;}
.contact-left-box{padding: 0 2.9% 0 0%;}
.contact-right-box{padding: 0 0% 0 1%;}
.contactBox {}
.pricing3-mybutton a {width: 100%;padding: 6% 4%;}
.plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 90%;}
.no-download{width: 100%;}
.features-table h4{font-size: 14px;}
.features-table-col1{padding: 2.2% 13% 2.2% 4%;}
.pricing5-banner .features-table-col1{padding: 1.8% 1.5% 1.8% 1.5%;}
.pricing5-banner .final-price{font-size: 30px;}
.pricing5-banner .save-tag{font-size: 10px;}
.pricing5-banner .pricing3-mybutton a{font-size: 10px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 13.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9.4% 18% 7.5% 7%;
}
.revingicon-Box ul li {
padding: 0 1px;
max-width: 12%;
}
.revingicon-Box ul li p {font-size: 12px;}
.no-downloads-text{font-size: 7px;}
.pricing5-banner.without-free.freeplan-table .features-table-col2 .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner.without-free.freeplan-table .features-table-col3 .pricing3-mybutton a{font-size: 16px;}
.pricing5-banner.without-free.freeplan-table .features-table-col4 .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 100%;
font-size: 13px;
padding: 9.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 100%;
font-size: 15px;
padding: 5.2% 24%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 5.2% 2%;
}
.freeplan-table .table-box1-top h1{font-size: 15px;}
.freeplan-table .features-table-row:last-child h1{font-size: 22px;}
.new-div{height:0;}
#mainNav .row {width: 97%;}
.for-mobile{display:none;}
.last-row{display:none !important;}
.without-free-mob{padding: 0 1%;}
.freeplan-table .features-table-title{padding: 0 0.9%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 15px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 15px;}
.contactBox-btn span.email-link span{font-size: 13px;}
.contactBox-btn a.contact-link {
padding: 20px 15px;
width: 151px;
height: 147px;
}
.contactBox-btn span.email-link {
padding: 20px 15px;
width: 181px;
height: 147px;
}
.contactBox-btn a.contact-link img{margin-bottom: 22%;max-width: 50%;}
.contactBox-btn span.email-link img{margin-bottom: 5%;max-width: 38%;}
}
@media only screen and (min-width: 800px) {
}
@media only screen and (min-width: 860px) {
}
@media only screen and (min-width: 912px) {
}
@media only screen and (min-width: 992px) {
.mainvideo {
position: absolute;
width: 543px;
height: 292px;
top: 18px;
left: 33px;
}
.video {
width: 429px;
height: 162px;
top: 21px;
left: 11px;
margin-bottom: 10%;
}
.header{}
.menu {padding: 15px 3%;}
.header-main-nav{margin-left: 7%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-detail{padding-right:0;}
.banner-vid{padding-left:0;}
.banner-title1{font-size: 29.5px;}
.banner-title2{font-size: 13px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 18px;}
.graphics-main-box .banner-title1{font-size: 35px;}
.graphics-main-box .banner-title3{font-size:18px;}
.arrow1 {
right: 9%;
top: 40%;
max-width: 32%;
}
.mike-section-box {padding: 0 0 0 4%;}
.mike-text p{font-size: 16px;}
.section6-box p{padding: 0 4%;}
.section10-title{font-size: 34px;}
.section10-subtitle{font-size: 14px;}
.footer-box1{width: 32.5%;}
.footer-box2,
.footer-box3,
.footer-box4{width: 18%;}
.section7-left{width: 37%;}
.section7-right{width: 58%;}
.section7 .nav-item{width: 46.4%;}
.faq-title{font-size: 49px;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6.3%;
}
.revingicon-Box ul li p {font-size: 8px;}
.johnbx h4 {font-size: 9px;}
.johnbx p {font-size: 8px;}
.testimonialBox-inner3 p {font-size: 14px;}
#buttonGroup li {width: 16.5%;}
#buttonGroup li a{padding: 6% 0;font-size: 18px;}
.contactBox {width: 35.2%;}
.pricing3-mybutton a {width: 100%;padding: 6% 4%;}
.plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 100%;}
.no-download{width: 100%;}
.features-table h4{font-size: 15px;}
.features-table-col1{padding: 2.2% 15% 2.2% 4%;}
.pricing5-banner .features-table-col1{padding: 1.8% 1.5% 1.8% 1.5%;}
.pricing5-banner .final-price{font-size: 27px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 11px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 11% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9% 18% 6% 7%;
}
.pricing5-banner.without-free.freeplan-table .features-table-col2 .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner.without-free.freeplan-table .features-table-col3 .pricing3-mybutton a{font-size: 16px;}
.pricing5-banner.without-free.freeplan-table .features-table-col4 .pricing3-mybutton a{font-size: 16px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 100%;
font-size: 15px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 100%;
font-size: 15px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 100%;
font-size: 15px;
padding: 5.2% 2%;
}
.no-downloads-text{font-size: 9px;}
.freeplan-table .table-box1-top h1{font-size: 17px;}
.freeplan-table .features-table-row:last-child h1{font-size: 22px;}
.without-free-mob{padding: 0 1%;}
.freeplan-table .features-table-title{padding: 0 1.3%;}
#mainNav .row {width: 97%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 19px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 16px;}
.contactBox-btn span.email-link span{font-size: 14px;}
.contactBox-btn a.contact-link {
padding: 30px 15px;
width: 201px;
height: 201px;
}
.contactBox-btn span.email-link {
padding: 30px 15px;
width: 201px;
height: 201px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;max-width: 100%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;max-width: 100%;}
.thankyouimage{max-width:88%;}
}
@media only screen and (min-width: 1000px) {
}
@media only screen and (min-width: 1100px) {
.mycontainer{width: 1050px;}
.mycontainer2{width: 1030px;}
.header{}
.menu {padding: 15px 3.3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 35px;}
.banner-title2{font-size: 16px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 20px;}
.graphics-main-box .banner-title1{font-size: 40px;}
.graphics-main-box .banner-title3{font-size:14px;}
.arrow1 {
right: 20%;
top: 40%;
max-width: 30%;
}
.mike-section-box {padding: 0 0 0 4%;}
.mike-text p{font-size: 18px;}
.section6-box p{padding: 0 13%;}
.section10-title{font-size: 38px;}
.section10-subtitle{font-size: 14px;}
.footer-box1{width: 31.5%;}
.footer-box2,
.footer-box3,
.footer-box4{width: 15%;}
.section7-left{width: 34%;}
.section7-right{width: 60%;}
.section7 .nav-item{width: 46.4%;}
.faq-title{font-size: 54px;}
#buttonGroup li {width: 12.5%;}
#buttonGroup li a{padding: 6.7% 0;font-size: 18px;}
.contactBox {width: 29.2%;}
.pricing3-mybutton a {width: 96%;padding: 6% 4%;}
.plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 79.5%;}
.no-download{width: 79.5%;}
.features-table-col1{padding: 2.2% 21% 2.2% 4%;}
.pricing5-banner .features-table-col1{padding: 1.8% 1.5% 1.8% 1.5%;}
.pricing5-banner .final-price{font-size: 36px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 12px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 8% 18% 6% 7%;
}
.no-downloads-text{font-size: 10px;}
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
.pricing5-banner.without-free.freeplan-table .features-table-col2 .pricing3-mybutton a{font-size: 16px;}
.pricing5-banner.without-free.freeplan-table .features-table-col3 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-col4 .pricing3-mybutton a{font-size: 17px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 100%;
font-size: 16px;
padding: 5.2% 2%;
}
.freeplan-table .table-box1-top h1{font-size: 16px;}
.freeplan-table .features-table-row:last-child h1{font-size: 16px;}
.without-free-mob{padding: 0 3%;}
.freeplan-table .features-table-title{padding: 0 3.2%;}
.pro-table-new .without-free-mob{padding: 0 3%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 3.2%;}
#mainNav .row {width: 92%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 3%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 17px;}
.contactBox-btn span.email-link span{font-size: 14px;}
.contactBox-btn a.contact-link {
padding: 32px 15px;
width: 205px;
height: 205px;
}
.contactBox-btn span.email-link {
padding: 32px 15px;
width: 205px;
height: 205px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
.thankyouimage{max-width:90%;}
}
@media only screen and (min-width: 1200px) {
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
.header{}
.menu {padding: 15px 3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 35px;}
.banner-title2{font-size: 15px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 20px;}
.arrow1 {
right: 19%;
top: 40%;
max-width: 32%;
}
.mike-section-box {padding: 0 0 0 4%;}
.mike-text p{font-size: 18px;}
.section6-box p{padding: 0 8%;}
.section10-title{font-size: 38px;}
.section10-subtitle{font-size: 14px;}
.section7-left{width: 34%;}
.section7-right{width: 60%;}
.section7 .nav-item{width: 46.4%;}
.faq-title{font-size: 54px;}
#buttonGroup li {width: 12.5%;}
#buttonGroup li a{padding: 6.7% 0;font-size: 19px;}
.contactBox {width: 30.2%;}
.pricing3-mybutton a {width: 96%;padding: 6% 4%;}
.plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 78.5%;}
.no-download{width: 78.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 32px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 13px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 8.5% 18% 14% 7%;
}
.no-downloads-text{font-size: 10px;}
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 9px;}
.pricing5-banner.without-free.freeplan-table .features-table-col2 .pricing3-mybutton a{font-size: 17px;}
.pricing5-banner.without-free.freeplan-table .features-table-col3 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-col4 .pricing3-mybutton a{font-size: 18px;}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col2 .features-mybutton a{
width: 91%;
font-size: 17px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col3 .features-mybutton a{
width: 91%;
font-size: 18px;
padding: 5.2% 2%;
}
.pricing5-banner.without-free.freeplan-table .features-table-row:last-child .features-table-col4 .features-mybutton a{
width: 91%;
font-size: 18px;
padding: 5.2% 2%;
}
.freeplan-table .table-box1-top h1{font-size: 17px;}
.freeplan-table .features-table-row:last-child h1{font-size: 17px;}
.without-free-mob{padding: 0 4%;}
.freeplan-table .features-table-title{padding: 0 4.1%;}
.pro-table-new .without-free-mob{padding: 0 4%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 4.15%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 4%;}
#mainNav .row {width: 90%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 17px;}
.contactBox-btn span.email-link span{font-size: 15px;}
.contactBox-btn a.contact-link {
padding: 41px 15px;
width: 205px;
height: 205px;
}
.contactBox-btn span.email-link {
padding: 39px 15px;
width: 205px;
height: 205px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
.thankyouimage{max-width:100%;}
}
@media (min-width:1300px) {
.mycontainer{width: 1120px;}
.mycontainer2{width:1180px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 80px;
}
.header{}
.menu {padding: 15px 3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 38px;}
.banner-title2{font-size: 16px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 21px;}
.graphics-main-box .banner-title1{font-size: 42px;}
.graphics-main-box .banner-title3{font-size:15px;}
.arrow1 {
right: 24%;
top: 40%;
max-width: 30%;
}
.mike-section-box {padding: 0 0 0 4%;}
.mike-text p{font-size: 20px;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size: 45px;}
.section10-subtitle{font-size: 16px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
.faq-title{font-size:58px;}
/**/
.johnbx h4 {font-size: 10px;}
.contactBox {width: 29.2%;}
.pricing3-mybutton a, .plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 96%;}
.no-download{width: 77.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 34px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 13px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 8% 18% 14% 7%;
}
.no-downloads-text{font-size: 11px;}
.revingicon-Box ul li {
padding: 0 3px;
max-width: 6%;
}
.revingicon-Box ul li p {font-size: 11px;}
.freeplan-table .table-box1-top h1{font-size: 18px;}
.freeplan-table .features-table-row:last-child h1{font-size: 19px;}
.without-free-mob{padding: 0 4%;}
.freeplan-table .features-table-title{padding: 0 4.1%;}
.pro-table-new .without-free-mob{padding: 0 4%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 4%;}
#mainNav .row {width: 90%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 4%;}
.pro-table-new .added-text .card {
padding-right: 14%;
padding-left: 14%;
}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
.affiliate-main-box{padding: 0 2.7%;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 18px;}
.contactBox-btn span.email-link span{font-size: 16px;}
.contactBox-btn a.contact-link {
padding: 41px 15px;
width: 215px;
height: 215px;
}
.contactBox-btn span.email-link {
padding: 39px 15px;
width: 215px;
height: 215px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
.thankyouimage{max-width:100%;}
}
@media (min-width:1400px) {
.mycontainer{width: 1160px;}
.mycontainer2{width:1219px;}
.header{}
.menu {padding: 15px 3%;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 90px;
}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 39px;}
.banner-title2{font-size: 18px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 21px;}
.graphics-main-box .banner-title1{font-size: 42px;}
.graphics-main-box .banner-title3{font-size:16px;}
.arrow1 {
right: 24%;
top: 40%;
max-width: 30%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 21px;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size: 45px;}
.section10-subtitle{font-size: 16px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.5%;
}
.revingicon-Box ul li p {font-size: 11px;}
.contactBox {width: 28.2%;}
.pricing3-mybutton a, .plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 96%;}
.no-download{width: 76.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 36px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.3% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9% 18% 5% 7%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 19px;}
.freeplan-table .features-table-row:last-child h1{font-size: 19px;}
.without-free-mob{padding: 0 7%;}
.freeplan-table .features-table-title{padding: 0 7%;}
.pro-table-new .without-free-mob{padding: 0 7%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 7%;}
#mainNav .row {width: 84%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 7%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 18px;}
.contactBox-btn span.email-link span{font-size: 16px;}
.contactBox-btn a.contact-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn span.email-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:1500px) {
.mycontainer{width: 1310px;}
.mycontainer2{width:1219px;}
.header{}
.menu {padding: 15px 3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 44px;}
.banner-title2{font-size: 20px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size:23px;}
.graphics-main-box .banner-title1{font-size: 44px;}
.graphics-main-box .banner-title3{font-size:18px;}
.arrow1 {
right: 30%;
top: 40%;
max-width: 28%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 21px;}
.section6-box p{padding: 0 13%;}
.section10-title{font-size: 45px;}
.section10-subtitle{font-size: 16px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
/**/
.johnbx h4 {font-size: 11px;}
.johnbx p {font-size: 10px;}
.testimonialBox-inner3 p {font-size: 16px;}
#buttonGroup li {width: 10.5%;}
#buttonGroup li a{padding: 6.7% 0;font-size: 19px;}
.contact-left-box{padding: 0 3.9% 0 3.5%;}
.contact-right-box{padding: 0 3.5% 0 0.5%;}
.contactBox {width: 27.2%;}
.pricing3-mybutton a , .plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download{width: 96%;}
.no-download{width: 74.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 38px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.3% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9% 18% 5% 7%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 20px;}
.freeplan-table .features-table-row:last-child h1{font-size: 21px;}
.without-free-mob{padding: 0 7%;}
.freeplan-table .features-table-title{padding: 0 7%;}
.pro-table-new .without-free-mob{padding: 0 8%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 7.93%;}
#mainNav .row {width: 84%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 8%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 18px;}
.contactBox-btn span.email-link span{font-size: 16px;}
.contactBox-btn a.contact-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn span.email-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:1600px){
.mycontainer{width: 1310px;}
.header{}
.menu {padding: 15px 3.5%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 44px;}
.banner-title2{font-size: 20px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 21px;}
.graphics-main-box .banner-title1{font-size: 44px;}
.graphics-main-box .banner-title3{font-size: 18px;}
.arrow1 {
right: 30%;
top: 40%;
max-width: 100%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 21px;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size: 45px;}
.section10-subtitle{font-size: 16px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
.tab-slider--body, .new-tab-box {padding: 0 7%;}
.without-free-mob{padding: 0 7%;}
.freeplan-table .features-table-title{padding: 0 7%;}
.pro-table-new .without-free-mob{padding: 0 12%;}
.freeplan-table.pro-table-new .features-table-title{padding: 0 11.75%;}
#ex-content {padding: 0 7.2%;}
.pricing5-banner.without-free.freeplan-table.pro-table-new #mainNav .row{padding: 0 12%;}
.pricing3-mybutton a, .plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 96%;}
.no-download{width: 76.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 38px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 18% 12% 7%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 21px;}
.freeplan-table .features-table-row:last-child h1{font-size: 21px;}
#mainNav .row {width: 84%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 18px;}
.contactBox-btn span.email-link span{font-size: 16px;}
.contactBox-btn a.contact-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn span.email-link {
padding: 40px 15px;
width: 226px;
height: 226px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:1700px){
.mycontainer{width: 1380px;}
.header{}
.menu {padding: 15px 3.5%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 47px;}
.banner-title2{font-size: 22px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size: 22px;}
.graphics-main-box .banner-title1{font-size: 47px;}
.graphics-main-box .banner-title3{font-size: 19px;}
.arrow1 {
right: 33%;
top: 40%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 20px;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size: 45px;}
.section10-subtitle{font-size: 16px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
.pricing3-mybutton a, .plan1-mybutton a, .plan1-table-out .no-download, .plan2-table-out .no-download {width: 96%;}
.no-download{width: 74.5%;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 38px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 14px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.5% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 7.8% 18% 6% 7%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 23px;}
.freeplan-table .features-table-row:last-child h1{font-size: 21px;}
#mainNav .row {width: 84%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 19px;}
.contactBox-btn span.email-link span{font-size: 17px;}
.contactBox-btn a.contact-link {
padding: 50px 15px;
width: 245px;
height: 245px;
}
.contactBox-btn span.email-link {
padding: 50px 15px;
width: 245px;
height: 245px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:1800px){
.mycontainer{width: 1470px;}
.header{}
.menu {padding: 15px 3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 50px;}
.banner-title2{font-size: 22px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size:23px;}
.graphics-main-box .banner-title1{font-size: 50px;}
.graphics-main-box .banner-title3{font-size:20px;}
.arrow1 {
right: 36%;
top: 40%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size: 20px;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size: 46px;}
.section10-subtitle{font-size: 17px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
.johnbx h4 {font-size: 11px;}
.johnbx p {font-size: 10px;}
.testimonialBox-inner3 p {font-size: 16px;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 38px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size: 15px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.2% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9.8% 18% 4% 7%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 24px;}
.freeplan-table .features-table-row:last-child h1{font-size: 22px;}
#mainNav .row {width: 84%;}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size: 19px;}
.contactBox-btn span.email-link span{font-size: 17px;}
.contactBox-btn a.contact-link {
padding: 50px 15px;
width: 245px;
height: 245px;
}
.contactBox-btn span.email-link {
padding: 50px 15px;
width: 245px;
height: 245px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:1900px){
.mycontainer{width: 1508px;}
.mycontainer2{width:1324px;}
.mainvideo {
position: absolute;
width: 441px;
top: 20px;
left: 104px;
}
.menu {padding: 15px 3%;}
.banner-detail{max-width: 42%;}
.banner-vid{max-width:50%;}
.banner-title1{font-size: 51px;}
.banner-title2{font-size: 22px;}
.banner-title3{font-size: 15px;}
.banner-title4{font-size:23px;}
.graphics-main-box .banner-title1{font-size: 51px;}
.graphics-main-box .banner-title3{font-size:20px;}
.arrow1 {
right: 37%;
top: 40%;
}
.mike-section-box {padding: 0 0 0 6%;}
.mike-text p{font-size:22px;}
.section6-main-box {padding: 0 3%;}
.section6-box p{padding: 0 10%;}
.section10-title{font-size:52px;}
.section10-subtitle{font-size:18px;}
.section7-left{width: 31%;}
.section7-right{width: 63%;}
.section7 .nav-item{width: 46.4%;}
/*reving-page*/
.revingicon-Box ul li {
padding: 0 5px;
max-width: 5.2%;
}
.revingicon-Box ul li p {font-size: 12px;}
.johnbx h4 {font-size: 12px;}
.johnbx p {font-size: 11px;}
.testimonialBox-inner3 p {font-size: 16px;}
.features-table-col1{}
.pricing5-banner .final-price{font-size: 38px;}
.pricing5-banner .save-tag{font-size: 11px;}
.pricing5-banner .pricing3-mybutton a{font-size:16px;}
.pricing5-banner .features-table-title .features-table-col1 .table-box1-top {
padding: 9.2% 6% 1% 7%;
}
.pricing5-banner #tab2 .features-table-title .features-table-col1 .table-box1-top {
padding: 9.8% 18% 4% 7%;
}
.added-text .card {
padding-right: 10%;
padding-left: 10%;
}
.no-downloads-text{font-size: 12px;}
.freeplan-table .table-box1-top h1{font-size: 24px;}
.freeplan-table .features-table-row:last-child h1{font-size: 22px;}
#mainNav .row {width: 84%;}
.pro-table-new .added-text .card {
padding-right: 15%;
padding-left: 15%;
}
/*affiliate*/
.mybutton-affiliate a{font-size: 22px;}
/*contactBox*/
.contactBox-btn a.contact-link, .contactBox-btn span.email-link{font-size:20px;}
.contactBox-btn span.email-link span{font-size:18px;}
.contactBox-btn a.contact-link {
padding: 50px 15px;
width: 255px;
height: 255px;
}
.contactBox-btn span.email-link {
padding: 50px 15px;
width: 255px;
height: 255px;
}
.contactBox-btn a.contact-link img{margin-bottom: 20%;}
.contactBox-btn span.email-link img{margin-bottom: 9%;}
}
@media (min-width:2000px){
}
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top: 5%;}.mt6{margin-top: 6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}