/* Theme Name: Ad-Lister Theme URI: https://www.ad-lister.co.uk Description: Ad-Lister, the easy way to sell everywhere Version: 3 (WP 6.3.2) Author: Adrian Axinte Author URI: https://www.justapplications.co.uk Tags: clean, blue, grey, orange, red, green, flat */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;} html {scroll-behavior: smooth;} body, html {font-size:100%; padding:0; margin:0; width: 100%; height: auto; min-height: 100%} body {background:#fff; font-style: normal; color: #192b59; font-weight: normal; font-size: 16px; line-height: normal; font-family:'Poppins', sans-serif;} .clearfix:before, .clearfix:after {content:" "; display:table;} .clearfix:after {clear:both;} .inside {display: block; margin: 0 auto; width:1200px;} .hide {display: none !important} #topNav .menu:after, #topNav nav:after, .inside:after {content: ''; clear: both; display: table;} a {color: #0064D2; outline: none; text-decoration: none; cursor:pointer; display: inline-block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;} a:hover {text-decoration:none; color:#F5AF02; } p.h4, h1,h2,h3,h4,h5,h6 {font-family:'Poppins', sans-serif; text-rendering: optimizeLegibility; font-weight: normal;} h1 {font-size: 50px; font-weight: bold; margin: 0 0 20px 0} h2 {font-size: 40px; font-weight: bold; margin: 0 0 20px 0} h2 span {font-size:20px; font-weight: normal; display: block;} h3 {font-size: 30px; font-weight:bold; margin: 0 0 20px 0} p.h4, h4 {font-size: 20px; margin:0; text-transform: uppercase; font-weight: bold; color:#1185e4;} .ysuembedwr.position-left-bottom {left:-115px !important; height: 50px; top:50%; margin:0;transform: rotateY(90deg); -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);} .ysuembedwr.position-left-bottom a {outline: none} .left {float:left;} .right {float:right;} .half {float:left; width:50%; padding:0 10px 0 0} .half.right {padding:0 0 0 10px; float:right;} .alignright {float:right; margin:0 0 20px 20px;} .alignleft {float:left; margin:0 20px 20px 0;} .home #wrapper {background-image:url(svg/right-home-bg.svg); background-position:right top; background-repeat:no-repeat} .home #wrapper.sticky {background-position: right -100px;} .home #wrapper.sticky {padding-top:100px} #wrapper {display: block; padding: 0; overflow: auto; height: 100%; width:100%; background-color:#EAF3FE; margin: 0; position: relative; right: 0; /*-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; */} #wrapper #login, #wrapper #register {display: none;} #footer .yt:hover {color:#E62117} #footer .tw:hover {color: #1DA1F2} #footer .fb:hover {color:#4267B2} #footer .legal .JTI-WeH { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:flex-start; float:left; } #footer .legal .JTI-WeH p { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; margin:0; padding:0 3px; } #footer .legal .JTI-WeH a { margin:0; padding:0; display:flex; align-items:center; } #footer .legal .JTI-WeH img { margin:0; border:0; padding:0 0 0 3px; max-height:17px; } #footer .legal .JTI-WeH .weH img { max-height:15px; } #footer .legal .JTI-WeH picture { display:flex; align-items:center; } #success-story {background: #EAF4FE; padding:80px 0; border-top:50px white solid; border-bottom:10px white solid} #success-story .half.left {position: relative;} #success-story .half.left img {border-radius:5px; max-width: 90%; margin:0 auto; display:block; padding:0; border:0;box-shadow: 0 0 35px rgba(140,152,164,.25);transition: all .2s ease-in-out;} #success-story .half.right .btn:hover {background:#0064D2; color:#fff !important} #success-story .half.left a:hover img {opacity:0.8;} #success-story .half.left a:hover:after {opacity: 1;} #success-story .half.left a:after { content:''; margin: -24px 0 0 -16px; top: 50%; left: 50%; position: absolute; width: 0; height: 0; border-style: solid; border-width: 1.5em 0 1.5em 2em; border-color: transparent transparent transparent #fff; opacity: .75; } #success-story .half.right h4 {margin-top:40px} .fb_iframe_widget {top:-4px;} #header {height: 150px; width:100%; left:0; display: block; position: relative; z-index:3; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; } .home #header {overflow: visible;} #header .logo {width: 200px; height: 50px; position: relative; float:left; margin:50px 0; padding:0;} #header .logo a {width: 100%; height: 100%; background: url(images/logo.png) no-repeat; border:none; position:relative; z-index:2; display: block; outline: none; text-indent: -9999px; cursor: pointer;} /* christmas logo #header .logo a:before {content:''; position: absolute; background:url(images/christmas/hat.png) no-repeat; width:105px; height:82px; display:block; right:-30px; top:-35px; } */ /* easter logo #header .logo a:before {content:''; position: absolute; background:url(images/easter/bunny.png) no-repeat; width:97px; height:68px; display:block; right:0px; top:-50px; } @media only screen and (max-width:860px) { #header .logo a:before {display: none !important;} } */ #header .logo:after {content: ''; position: absolute; left:-50px; top:-50px; width: 310px; height: 310px; display: block; background: url(svg/curved.svg) no-repeat;} .pageTitle {clear:both; display:block; border-bottom: 1px #ddd solid; margin:0; line-height: 30px; padding:30px 0 15px 0; font-size: 24px; font-weight: bold;} .blog .news .pageTitle {padding-bottom: 20px; margin-bottom: 30px} #header.sticky {position: fixed; top:0; height: auto; background:#fff; z-index: 10;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);} #header.sticky .logo {width:140px; margin:20px 0; height: 30px;} #header.sticky .logo a {background-size: contain;} #header.sticky .logo:after {visibility: hidden;} #header.sticky #topNav .menu {padding:15px 0 0 0;} #header.sticky #topNav .menu li {font-size:16px;} #header .inside {overflow: hidden;} .page-template-home #header .inside, .page-template-ebay-landing #header .inside, .home #header .inside {overflow:visible;} #topNav {float:right; margin:0; padding: 0;} #topNav .hamburger {border:none; display:none; outline: none; position:relative; float:right; width:20px; top:3px; height: 20px;} #topNav .hamburger:hover {border:none; text-decoration: none;} #topNav .hamburger { cursor: pointer; padding: 10px 25px 16px 0px; } #topNav .hamburger span, #topNav .hamburger span:before, #topNav .hamburger span:after {cursor: pointer;border-radius: 1px;height: 3px;width:100%;background: #192B59;position: absolute;display: block;content: '';} #topNav .hamburger span:before {top: -10px; } #topNav .hamburger span:after {bottom: -10px;} #topNav .hamburger span, #topNav .hamburger span:before, #topNav .hamburgerspan:after {transition: all 200ms ease-in-out;} #topNav .hamburger.active span {background-color: transparent;} #topNav .hamburger.active span:before, #topNav .hamburger.active span:after {top: 0;} #topNav .hamburger.active span:before {transform: rotate(45deg);} #topNav .hamburger.active span:after {transform: rotate(-45deg);} #topNav nav {display: block; margin:0; padding:0;} #topNav .menu {list-style: none; margin:0; padding:50px 0 0 0; display: block;} .bg > .menu-primary-menu-container {background:#192B59; display: none; position: relative; transition: all 200ms ease-in-out;} .bg > .menu-primary-menu-container:before {content: ''; position: absolute; right:23px; top:-10px;width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #192b59 transparent;} .bg > .menu-primary-menu-container ul {list-style: none; margin:0; padding: 0} .bg > .menu-primary-menu-container ul:after {content: ''; clear: both; display: table} .bg > .menu-primary-menu-container ul li {display: block; width:50%; float:left; margin:0; padding:0;} .bg > .menu-primary-menu-container ul li a {padding:10px 20px; display: block; color:#fff; position: relative;} .bg > .menu-primary-menu-container ul li a:hover {background: rgb(0,100,212);background: linear-gradient(90deg, rgba(0,100,212,1) 0%, rgba(25,43,89,1) 100%);} .bg > .menu-primary-menu-container ul li a:hover:after {content:''; display:block; position:absolute; left:0; top:13px;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 10px;border-color: transparent transparent transparent #192B59;} .push-toleft .bg > .menu-primary-menu-container {display: block; position: fixed; width: 100%; top:70px; z-index: 11} .home #topNav .menu {padding-top: 50px} .rev_slider_wrapper .rev-btn.register {line-height: 40px; font-size: 24px; padding:4px 35px 0 !important;} .rev_slider_wrapper .rev-btn.register small {display: block; margin:0 !important; font-size: 11px; line-height: normal; font-weight:normal !important; top:-6px; text-align: center; margin:0; padding:0 0 3px 0 !important; position:relative; } .rev-btn.rev-withicon i.fa-icon-play-circle {font-size: 24px; top:2px;} #topNav .menu li {float:left; font-weight: bold; text-rendering: optimizeLegibility; margin:0 0 0 40px; min-height:40px; font-family: 'Poppins', sans-serif; position: relative; padding:0; font-size:18px;} #topNav .menu li a {color: #192b59; cursor:pointer; font-weight: normal; line-height:40px; outline: none; border:none; position: relative;} #topNav .menu li.current-menu-item a, #topNav .menu li a:hover {border:none; color:#f5af02;} #topNav .menu li.menu-register {display: none} #header.sticky #topNav .menu li.menu-register {display: block; background: #0064D2; border-radius:3px} #header.sticky #topNav .menu li.menu-register a {color:#fff; padding-left:10px; padding-right: 10px;} #header.sticky #topNav .menu li.menu-register:hover {background: #F4AF02;} #respMenu {background: #333; font-family: Arial, Helvetica, sans-serif; width: 240px; height: 100%; top: 0; z-index: 1000; position:fixed; right: -240px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease; } #respMenu h3 {color: #fff;font-size: 16px; line-height:50px; font-weight: bold; text-transform:uppercase; padding:0 15px; height:50px; margin: 0;background: #222;} #respMenu a {display: block; outline: none; margin:0; color: #fff; font-size: 16px;font-weight: bold;text-decoration: none;border-top: 1px solid #56544e;border-bottom: 1px solid #312e2a;padding: 15px;cursor:pointer;} #respMenu a:hover {background:#F7941E;} #respMenu a.active, #respMenu a:active {background: #F7941E; border-top-color:transparent;color: #fff;} #respMenu ul {margin:0; padding:0; list-style:none} #respMenu ul ul {display:none} #respMenu ul li {margin:0;} #respMenu ul li.menu-item-has-children > a:after {content:''; border-top:5px transparent solid; border-bottom:5px transparent solid; border-left:5px #fff solid; height:0; float:right; margin:5px 0 0 0; padding:0} #respMenu ul li.menu-item-has-children a.active:after {border-top:5px solid #fff; border-bottom-color:transparent; border-left-color:transparent; border-right:5px transparent solid} #respMenu ul ul li a {padding:5px 15px; border:none; font-weight:normal; font-size:14px;} #respMenu ul ul li a:hover {background:#F7941E} .landing-top {position: relative; z-index:4; background:#F3AF04; width: 100%;} .page-id-5480 .landing-top {background:url(images/features-bg.jpg)} .page-id-5473 .landing-top {background:url(images/integrations-bg.jpg)} .page-id-5630 .landing-top {background:url(images/etsy-integration-bg.jpg)} .page-id-5720 .landing-top {background:url(images/features-bg.jpg)} .page-id-5720 #page .post {padding-top:0;} .page-id-5720 .post > p, .page-id-5720 .links {display: none;} .page-id-5825 .landing-top {background:url(images/ebay-connect.jpg)} .page-id-5825 .links {display: none;} .page-id-5825 .landing-top h1 {padding:200px 0 350px; font-size: 40px; font-weight: bold;} .ebay-connect {text-align: center;} .ebay-connect > p {font-size:26px; line-height:normal;} .ebay-connect > p span {color:#f0b01b; font-weight: bold;} .ebay-connect input[type="text"], .ebay-connect input[type="email"], .ebay-connect input[type="tel"] {background:#F3F3F3; color:#000; font-size: 16px; margin:0 0 15px 0;padding:15px 20px; border:0; border-radius: 40px;} .ebay-connect input[type="submit"] {text-transform: uppercase; color:#fff; border:0; cursor: pointer; font-weight:bold; background:#F5AF02; font-size: 18px; padding:15px 25px; border-radius: 40px;} .ebay-connect input[type="submit"]:hover {background: #192B59;} .ebay-connect .wpcf7 span.wpcf7-list-item {width:50%; margin:0 0 10px 0; float:left; font-size: 18px; } .ebay-connect .wpcf7 span.wpcf7-list-item span {color:#000} .ebay-connect .wpcf7 span.wpcf7-list-item input {margin:0 5px 0 0} .ebay-connect .wpcf7 span.wpcf7-list-item label {cursor: pointer;} .ebay-connect .wpcf7 .wpcf7-checkbox {text-align: left; width:60%; margin:0 auto; display: block;} .ebay-connect .wpcf7 .wpcf7-checkbox:after {content:''; clear:both; display: table;} .ebay-connect .screen-reader-response p {font-size: 16px; color:red;} .ebay-connect .screen-reader-response ul, .wpcf7-response-output {display:none;} .ebay-connect .wpcf7 label {position: relative;} .ebay-connect .wpcf7 .wpcf7-not-valid-tip {display:block; clear:both; font-size: 16px; color:red;} #ebay-benefits {padding:30px 0 60px;} #ebay-benefits h3 {margin-top:0;} #ebay-benefits .btn {margin-top:40px;} /* #ebay-benefits li {position: relative; padding:0 0 10px 55px; margin-left:50px;} #ebay-benefits svg {fill:#86b817; color:#86b817; width:40px; height:auto; position: absolute; left:0; top:15px} #ebay-benefits h4 {font-size: 30px !important; line-height: normal; text-transform: none;} #ebay-benefits p {margin:0; font-size: 20px;} */ #ebay-benefits li {padding:0 0 10px 35px; position: relative; margin:0} #ebay-benefits svg {fill:#86b817; position:absolute; left:0; top:0; margin:0 10px 0 0; color:#86b817;float:left;} #ebay-benefits p {margin:0; font-size:18px; font-weight: 600;} #ebay-features {border-top:1px solid #f4f4f4; padding:60px 0;} #ebay-features h3 {position:relative; font-size:26px !important; display:block; text-align:left !important;} #ebay-features h3:after {position:absolute; left:0 !important; bottom:-20px; width:140px; background:#0363D1; display:block; margin:0 !important; content:'';} #ebay-features h3 strong {display:block; font-size:30px !important} #ebay-benefits ul, #ebay-features ul {list-style-type: none; margin:0; padding:0} #ebay-features li {padding:0 0 10px 35px; position:relative} #ebay-benefits li:after, #ebay-features li:after {content:''; clear: both; display:table;} #ebay-features svg {fill:#86b817; position:absolute; top:0; left:0; color:#86b817; margin:0 ;} #ebay-features .inside:first-of-type {margin-bottom: 30px;} ul.icon-list {list-style: none; margin:0; padding:20px 0; display:block} .icon-list li {display:list-item; margin:0; padding:15px 0;} .icon-list li:after {content: ''; clear: both; display: table;} .icon-list .tmb {float:left; margin:0; padding:0; width:100px;} .icon-list .tmb img {display: block; margin:0; padding:0;} .icon-list .right {width:calc(100% - 110px); float:right;} .icon-list .right h6 {color:#0063d6; font-size: 20px; margin:0 0 5px; padding:0;} .icon-list .right p {margin:0} #post-5979 .etsy1 h3, #post-5630 .etsy1 h3 {margin-top:0 !important; } #post-5979 > p, #post-5630 > p {display:none} .page-id-5979 #page .post, .page-id-5630 #page .post {padding-top:0} .etsy1 {background:#f4f4f4 url(images/etsy2.png) right -60px no-repeat; padding:50px 0 } .etsy1 h3 {text-align:left !important} .etsy1 h3:after {left:0 !important; margin-left:0 !important} .etsy2 {background:url(images/etsy1.png) left 150px no-repeat; padding:50px 0 100px} .etsy2 ~ .quote {margin-top:0;} .page-id-5630 .half img.grey {border:1px #ccc solid; margin:40px auto 0; max-width: 100%; padding:5px; border-radius:3px; display: block;} .landing-top h1 {padding:100px 0; width:60%; margin:0 auto; display:block; color:#fff; text-align:center; font-weight: normal; font-size:30px;} #page.landing-page .post h3 {display: block; clear:both; text-align: center; line-height:normal; padding:0; margin:30px 0 50px;font-size: 30px; color:#0E6AD9; font-weight: normal; position:relative} #page.landing-page .post h3:after {height:2px; content:''; width:100px; position: absolute; left:50%; margin-left:-50px; bottom:-20px;display: block; background:#0E6AD9;} #page.landing-page .post h5 {color:#0E6AD9; font-size: 18px; margin:20px 0} .landing-page .btn {background:#0E6AD9;} .landing-page .btn:hover {background:#192B59; color:#fff} .landing-page .half.right {padding-left: 30px;} .landing-page .half.right p {margin:0 0 20px} .logos {list-style: none; margin:0; padding:40px 0; display: block; text-align: center;} .logos li {display: inline-block; margin:0; padding:0; height: 80px;} .logos li img {max-height: 100%; width: auto;} .grid-3 {display: grid; grid-gap:30px; grid-template-columns: repeat(3, 1fr);} .grid-3-item {vertical-align: top; text-align: center;} .grid-3-item img {display:block; margin:0 auto;} .grid-3-item .bg {height:500px;} .grid-3-item .cover {background:rgba(14,106,217,0.6); padding:20px; color:#fff} .grid-3-item:nth-child(2) .cover {background:rgba(244,174,19,0.6)} #page.landing-page .post .grid-3-item .cover h5 {margin:10px 0 40px; line-height: normal; text-align:center; padding:0; color:#fff; font-size:22px; position:relative} .grid-3-item .cover h5:after {content:''; position:absolute; height:2px; width:60px; left:50%; margin-left:-30px; bottom:-15px; display:block; background:#fff} .links {display:block; background:#0E6AD9;} .links ul {list-style-type: none; margin:0 auto; padding:15px 0; text-align: center;} .links ul li {display:inline-block; margin:0; font-size:14px; padding:0; color:#fff;} .links ul li:after {content:'|'} .links ul li:last-child:after {content:''} .links ul li a {color:#fff; padding:0 10px; display: inline-block;} .links ul li a:hover {text-decoration: underline;} .quote {display:block; background:#045BC5; color:#fff; padding:60px 0; margin:40px 0} .quote {background:url(images/testimonial-2.jpg)} .landing-page .quote.two {background:url(images/testimonial-1.jpg)} .quote p {font-style:italic; font-size:26px; line-height:36px; margin:0 0 20px 0; padding:0} .quote p:before, .quote p:after {content:'"'} .quote span {display:block; text-align:right; font-size:16px} .grab {display:block;} .grab:after {content:''; clear:both; display:table} .half {float:left; width: 50%;} .half.left {padding-right: 10px;} .half.right {padding-left:10px;} .third {width: 33.333%; float: left;} .btn {height: 55px; line-height: 55px; border-radius: 5px; background:#F5AF02; padding:0 30px; color:#fff; font-size:18px; font-weight: normal; display: inline-block;} .btn i {margin-left:5px; position: relative; transition: transform 0.3s ease;transform: translateX(0px);} .btn:hover i {transform: translateX(5px);} #integrations {background: #eaf3fe; padding:0 0 100px 0;background: -moz-linear-gradient(top, #eaf3fe 0%, #ffffff 100%);background: -webkit-linear-gradient(top, #eaf3fe 0%,#ffffff 100%);background: linear-gradient(to bottom, #eaf3fe 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf3fe', endColorstr='#ffffff',GradientType=0 );} #integrations ul {list-style: none; margin: 0; padding: 0; display: block; position: relative;} #integrations ul:after {content:''; clear:both; display:table; } #integrations .left ul li {cursor:pointer; margin:0; padding:15px; position: absolute; display: inline-block; width: auto; border-radius: 100px; background:#fff;-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);transition: all .1s ease-in-out; vertical-align: middle;} #integrations .left ul li img {display: block; position: absolute; top:0; bottom:0; right:0; left:0; margin:auto; padding:0; border:0;} #integrations .left ul li:hover {transform: scale(1.075);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);} #integrations .left ul li:nth-child(1) {left:300px; top:150px;} #integrations .left ul li:nth-child(2) {left:410px; top:150px;} #integrations .left ul li:nth-child(3) {left:310px; top:355px;} #integrations .left ul li:nth-child(4) {left:180px; top:150px;} #integrations .left ul li:nth-child(5) {left:300px; top:40px;} #integrations .left ul li:nth-child(6) {left:420px; top:260px;} #integrations .left ul li:nth-child(7) {left:150px; top:0;} #integrations .left ul li:nth-child(8) {left:180px; top:280px;} #integrations .left ul li:nth-child(9) {left:130px; top:430px;} #integrations .left ul li:nth-child(10) {left:10px; top:30px;} #integrations .left ul li:nth-child(11) {left:90px; top:220px;} #integrations .left ul li:nth-child(12) {left:230px; top:420px;} #integrations .left ul li:nth-child(13) {right:70px; top:350px;} #integrations .left ul li:nth-child(14) {left:320px; top:255px;} #integrations .left ul li:nth-child(15) {right:90px; top:30px} #integrations .left ul li:nth-child(16) {top:310px; left:0;} #integrations .left ul li:nth-child(17) {top:170px; left:0} .ebay #integrations .left ul li:nth-child(9) {left: 210px;top: 410px;} .ebay #integrations .left ul li:nth-child(13) {left: 60px;top: 310px;} .ebay #integrations .left ul li:nth-child(12) {left: 120px;top: 400px;} .ebay #integrations .left ul li:nth-child(14) {left:325px; top:235px;} #integrations .right {padding-top: 50px} #integrations .right li {display: block; padding:0 0 20px 0;} #integrations li:hover {z-index:4} #integrations [data-tooltip]:before {top:-40px; bottom:auto; width: 110px; margin-left:-55px} #integrations [data-tooltip]:after {top:-13px; bottom:auto} .ebay #integrations .right h4 {padding: 60px 0 20px;} .ebay #integrations .right h2 {font-size: 20px; } #integrations .right li svg, #integrations .right li i {float:left; fill:#86B817; color:#86B817; font-size: 24px; position: relative; top:5px; margin:0 10px 10px 0;} #integrations .btn:hover {background:#192b59; color:#fff;} #integrations .btn.blue {background:#0064D2; margin-right:20px;} #integrations .btn.blue:hover {background:#192b59;} #mobile-app {background: #fff; padding:100px 0} #mobile-app ul {list-style: none; margin:0; padding:10px 0 20px 0;} #mobile-app ul li {display: block; margin:0 0 30px 0;} #mobile-app ul li span {float:left; margin:0 20px 0 0; width: 88px; display: block; height:90px; border-radius: 90px; background:#F4AE13; text-align:center; color:#fff;} #mobile-app ul li span img {margin:0; padding: 0; border:0; display: block} #mobile-app ul li p {line-height:20px;} #mobile-app ul li strong {display: block; color:#1185e4; font-size: 20px; font-weight: bold; margin:0 0 10px 0;} #mobile-app .left a {margin:0 15px 0 0;} #mobile-app .left a img {transition: all .15s ease-in-out;} #mobile-app .left a:hover img {opacity:0.8} #mobile-app .left > p {line-height:20px} #mobile-app .right {padding-top: 60px} #mobile-app .right img {max-width: 100%} #mobile-app .inside > a {float:left;} #mobile-app .inside > a:first-child {margin:0 40px 0 0} /* #mobile-app .inside > a img {height:40px} */ #mobile-app .inside > a:hover img {opacity: 0.8;} #template-builder {margin:0; border-left: 50px #fff solid; background:#fff; min-height:670px; padding:50px 0; width: 100%; display: block;} #template-builder:after {content: ''; clear: both; display: table;} #template-builder .half.left {position: relative;} #template-builder .half.left img {position: absolute; max-width: none; right:0; top:0; /*border-radius:3px; -webkit-box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.5); -moz-box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.5); box-shadow: 10px 0px 10px -10px rgba(0,0,0,0.5); */ } #template-builder .half.right {padding:55px 0 0 55px;} #template-builder .btn:hover {color:#fff; background:#192b59} #features {background: #fff; padding:100px 0 50px 0} #features p.h4, #features h4, #features h2 {text-align: center;} #features .grid-3-item {text-align: left; padding-top:20px;} #features .grid-3-item p.h4, #features .grid-3-item h4 {text-align: left; margin-bottom: 5px;} #features .grid-3-item h3 {line-height: 24px; font-size: 20px} #features .grid-3-item .thumb {transition: all 100ms ease-in-out; display: flex; justify-content: center; align-items: center; background:#F3FAFC; margin:0 0 20px 0; padding:0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #features .grid-3-item:hover .thumb {background:#D8EDFE; box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);} #features .grid-3-item img {max-width: 100%; display: block; margin:0 auto;} #features .third {padding:0 20px;} #features .third:first-of-type {padding: 0 20px 0 0} #features .third:last-child {padding:0 0 0 20px;} #features .btn:hover {background: #192b59; color:#fff} #pricing {background: #fff url(svg/pricing-bg.svg) left 40px no-repeat; padding:40px 0; border:none !important;} #pricing h2 {line-height: 42px;} #pricing .half {position: relative;} #prices {height:100%; display:block;} #prices h4 {font-size: 30px; font-weight: bold; padding:0 5px 15px 5px; margin:0 0 10px 0; text-transform: none; color:#192b59; border-bottom: 1px rgba(245,175,2, 0.3) solid;} #prices h4 .price {color:#1185E4;} #prices ul {list-style: none;text-align: left; margin:0 0 10px 20px; padding:10px;} #prices ul li {display: list-item; font-size: 18px; font-weight: bold; margin:0; padding:3px 0;} #prices ul li i {font-size: 24px; color:#86b817; margin:5px 10px 0 0;} #prices ul li .listings {color:#1185E4;} #prices .btn {font-size: 20px; font-weight: bold;} #prices .btn:hover {background: #1185E4; color:#fff;} #prices .box {text-align: center;width:60%;margin:auto;top:0; right:0; left:0; bottom:0;display: block;padding:30px;height: auto;position: absolute; z-index: 1;background: #fff;border-left: 5px solid #6FA3E8;border-right: 5px solid #1185E4;border-radius: 5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;background-position: 0 0, 0 100%;background-repeat: no-repeat;-webkit-background-size: 100% 5px;-moz-background-size: 100% 5px;background-size: 100% 5px;background-image: -webkit-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -webkit-linear-gradient(left, #6FA3E8 0%, #1185E4 100%);background-image: -moz-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -moz-linear-gradient(left, #6FA3E8 0%, #1185E4 100%);background-image: -o-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -o-linear-gradient(left, #6FA3E8 0%, #1185E4 100%);background-image: linear-gradient(to right, #6FA3E8 0%, #1185E4 100%), linear-gradient(to right, #6FA3E8 0%, #1185E4 100%);} #prices .box.blur {z-index:0;right: 50px;left:auto;-webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);} #priceBuilder {background:#F3FAFC; padding:30px 40px; margin:10px 0 40px} #priceBuilder p {float:left; margin:0 20px 0 0; padding:0; line-height: 45px;} #priceBuilder h3 {font-size: 20px; text-align: center; font-weight: normal;} #priceBuilder .bill {text-align: right;} #priceBuilder .bill p {float:none; display: inline-block; } #priceBuilder .save p {margin:5px 0 0 20px; font-size: 15px; color:#66CC66; position: relative; line-height: normal;} #priceBuilder .save p strong {font-size: 18px} #priceBuilder .save p:after {width: 100%; border:1px dashed rgba(0,0,0,0.2); left:0; width: 100%; height: 1px; position: absolute; bottom:-3px; content: ''} .scale {display:block; width: 100%; margin:0 ; padding:0; clear: both; list-style: none} .scale li {float:left; text-align: center; width: calc(100% / 11);} .scale li i {font-style: normal;} .scale li span {display:none} #priceBuilder .scale {width: calc(100% + 80px); margin:0 0 20px -40px;} #priceBuilder .scale li {width: calc(100% / 9); opacity: 0.6; font-size: 13px} #plan-slider {margin-bottom: 10px} #packages {text-align: center;} .scale:after, #priceBuilder:after, #packages:after {content: ''; clear: both; display: table} .pack {transition: all .1s ease-in-out; width:30%; text-align: left; display: inline-block; padding:0; border-radius: 5px; background:#fff; box-shadow:0 0 35px rgba(140,152,164,.125)!important} .pack.one {float:left;} .pack.five {float:right;} /* .pack:hover {border:1px solid #F3FAFC; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }*/ .pack .card-header {background:#1185E4; padding:40px 0; position: relative;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} .pack .card-header:after {z-index:1; content:''; width: 100%; height:100px; position:absolute; left:0; bottom:0; display: block; background:#1185E4 url('svg/wave.svg');} .pack .card-header * {z-index:2; position: relative;} .pack .card-header small {line-height: 14px;} .pack .card-header .discount {font-size: 18px; color:#fff; position: absolute; background:red; top:0; right:0; padding:5px 10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; text-align: center; display:none; } .pack .card-header .discount s {display:block;} .pack i.fa {color: #1185E4; font-size:12px} .pack ul {list-style: none; margin:0; padding:0 40px 20px} .pack ul li {padding:5px 0; line-height: 24px; color:#666;} .pack ul li a {color:#666; text-decoration: underline;} .pack ul li .mb {font-weight: bold;} .pack h4 {text-align:center; line-height:28px; padding:0 40px; color:#fff; font-size:1.5rem; font-weight: normal;text-transform: none; } .pack h4 i.fa {color:#192B59; position: relative; font-size: inherit;} .pack h4 i.fa:hover {color:#fff; } .pack h4 div {float:right} .pack h4 small {font-size:12px; margin-right:5px} .pack .price sup {font-size: 20px; position: relative ; top:-10px; margin-right: 5px;} .pack .price {text-align:center; color:#fff; padding:0 40px; float:none; font-weight: normal; display:block; clear:both; font-size: 2rem; margin-bottom: 30px;} .pack .price strong::first-letter {font-size: 14px; position: relative; top:-20px; color:red} .pack .circle {width:24px; float:left; margin-right: 10px; line-height: 22px; height: 24px; border-radius: 50%;background: #EBF2FF; display:inline-block; text-align: center;} .pack .circle i.fa {display: inline-block;transform: rotate(45deg);height: 12px;width: 7px; border-bottom:3px solid #66CC66;border-right: 3px solid #66CC66} .pack .price span {font-size: 16px; margin-left: 5px; } .pack .prods {font-weight:bold;} .pack .btm {display: block; padding:0 40px 40px 40px; text-align: center; margin:0} .pack .btm .btn {background: #EBF2FF; color:#1185E4; display:block;} .pack .btm .btn:hover {background:#1185E4; color:#fff} #packages.offer .pack .price {margin-bottom: 0;} #packages.offer .pack .offer sup {font-size: 15px; color:#fff; position: relative ; top:-10px; margin-right: 5px;} #packages.offer .pack .offer {font-size:initial; padding:0; display:block; text-align:center} #packages.offer .pack .offer strong {text-decoration: line-through; color:#fff; font-weight:normal; font-size:initial} #packages.offer .save-text {padding:0 40px; color:#fff; text-align: center;} #packages.offer .save-text p {margin:10px 0 40px} #pricing .invidual a:hover {text-decoration: underline;} #pricing .invidual {clear:both; display:block; text-align: center; margin:20px 0 10px; padding:10px; font-size: 18px; position: relative; border-radius:5px; border:1px dashed rgba(0,0,0,0.1);background-image: linear-gradient(45deg, #ffffff 25%, #f3fafc 25%, #f3fafc 50%, #ffffff 50%, #ffffff 75%, #f3fafc 75%, #f3fafc 100%);background-size: 14px 14px;} [data-tooltip] {position: relative;z-index: 2;cursor: pointer;display: inline-block;margin-left: 5px} [data-tooltip]:before, [data-tooltip]:after {visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;pointer-events: none;} [data-tooltip]:before {position: absolute;bottom: 40px;left: 50%;margin-bottom: 0;margin-left: -100px;padding: 7px;width: 200px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9); color: #fff;content: attr(data-tooltip);text-align: center;font-size: 12px;font-weight: normal;line-height: 1.2;} [data-tooltip]:after {position: absolute;bottom: 35px;left: 50%;margin-left: -7px;width: 0;border-top: 5px solid #000;border-top: 5px solid hsla(0, 0%, 20%, 0.9);border-right: 5px solid transparent;border-left: 5px solid transparent;content: " ";font-size: 0;line-height: 0;} [data-tooltip]:hover:before, [data-tooltip]:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} #priceBuilder .dragger:after {margin:0; position: absolute; left: -5px;display: block;background: #192B59; color:#fff;padding:5px 10px;content: 'Drag';top:-50px;} #priceBuilder .dragger:before {content: '';width: 0;height: 0;border-style: solid;border-width: 10px 5px 0 5px;border-color: #192b59 transparent transparent transparent;position: absolute; left: 3px; top: -18px} #priceBuilder:hover .dragger:before, #priceBuilder:hover .dragger:after {display: none;} select[name="platforms"] {padding:5px 3px; height: 45px; border:3px #1185E4 solid; border-radius: 3px} #prodTotal {color:#1185e4;} #pricing input[type="radio"] {display:none;} #pricing label {cursor: pointer; position:relative; display: inline-block; padding:10px 20px; color:rgba(25,43,89,0.8); margin:0; } #pricing label.active {color: #1185E4;} .price-switch {text-align: center; padding:20px 0 40px} .price-switch p {float:none; display:inline-block; margin:0 20px 0 0} #pricing label[for="listing-software"]:after {content:'OR'; display: block; width:30px; height: 30px; background:#192B59; color:#fff; text-align: center; line-height: 30px; position:absolute; right:-15px; top:50%; margin-top:-15px; border-radius: 50%; z-index: 2; font-size: 13px; font-weight: bold; } #pricing label[for="listing-software"] {padding-right:30px} #pricing label[for="listing-software-order-stock"] {padding-left:30px} #pricing label[for="listing-software"], #pricing label[for="monthlyPrice"] {-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-left: 3px solid #192B59; border-right:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-position: 0 0, 0 100%; background-repeat: no-repeat;-webkit-background-size: 100% 3px; -moz-background-size: 100% 3px;background-size: 100% 3px;background-image: -webkit-linear-gradient(left, #192B59 0%, #1185E4 100%), -webkit-linear-gradient(left, #192B59 0%, #1185E4 100%);background-image: -moz-linear-gradient(left, #192B59 0%, #1185E4 100%), -moz-linear-gradient(left, #192B59 0%, #1185E4 100%);background-image: -o-linear-gradient(left, #192B59 0%, #1185E4 100%), -o-linear-gradient(left, #192B59 0%, #1185E4 100%);background-image: linear-gradient(to right, #192B59 0%, #1185E4 100%), linear-gradient(to right, #192B59 0%, #1185E4 100%);} #pricing label[for="listing-software"].active, #pricing label[for="monthlyPrice"].active {border-left: 3px solid #1185E4; background-image: -webkit-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -webkit-linear-gradient(left, #6FA3E8 0%, #1185E4 100%); background-image: -moz-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -moz-linear-gradient(left, #6FA3E8 0%, #1185E4 100%); background-image: -o-linear-gradient(left, #6FA3E8 0%, #1185E4 100%), -o-linear-gradient(left, #6FA3E8 0%, #1185E4 100%);background-image: linear-gradient(to right, #6FA3E8 0%, #1185E4 100%), linear-gradient(to right, #6FA3E8 0%, #1185E4 100%);} #pricing label[for="listing-software-order-stock"], #pricing label[for="yearlyPrice"] {position: relative; left: -5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-right: 3px solid #192B59;border-left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-position: 0 0, 0 100%;background-repeat: no-repeat;-webkit-background-size: 100% 3px;-moz-background-size: 100% 3px;background-size: 100% 3px;background-image: -webkit-linear-gradient(left, #1185E4 0%, #192B59 100%), -webkit-linear-gradient(left, #1185E4 0%, #192B59 100%);background-image: -moz-linear-gradient(left, #1185E4 0%, #192B59 100%), -moz-linear-gradient(left, #1185E4 0%, #192B59 100%);background-image: -o-linear-gradient(left, #1185E4 0%, #192B59 100%), -o-linear-gradient(left, #1185E4 0%, #192B59 100%);background-image: linear-gradient(to right, #1185E4 0%, #192B59 100%), linear-gradient(to right, #1185E4 0%, #192B59 100%);} #pricing label[for="listing-software-order-stock"].active, #pricing label[for="yearlyPrice"].active {border-right: 3px solid #1185E4;border-left:0;background-image: -webkit-linear-gradient(left, #1185E4 0%, #6FA3E8 100%), -webkit-linear-gradient(left, #1185E4 0%, #6FA3E8 100%); background-image: -moz-linear-gradient(left, #1185E4 0%, #6FA3E8 100%), -moz-linear-gradient(left, #1185E4 0%, #6FA3E8 100%); background-image: -o-linear-gradient(left, #1185E4 0%, #6FA3E8 100%), -o-linear-gradient(left, #1185E4 0%, #6FA3E8 100%);background-image: linear-gradient(to right, #1185E4 0%, #6FA3E8 100%), linear-gradient(to right, #1185E4 0%, #6FA3E8 100%);} #pricing label[name="price-switch"]:hover, #pricing label[name="price"]:hover {text-decoration: underline !important;} #pricing label[name="price-switch"].active, #pricing label[name="price"].active {background:#1185E4; color:#fff;} #pricing label[name="price-switch"].active:hover, #pricing label[name="price"].active:hover {text-decoration: none !important} #pricing label[for="gb"] {-webkit-filter: grayscale(50%); filter: grayscale(50%); height:45px; font-size:13px; margin-right: 15px; border-radius: 3px; border:1px transparent solid; padding:25px 10px 5px 10px; background:url(flags/uk.png) center 5px no-repeat; background-size: 30px; } #pricing label[for="eu"] {-webkit-filter: grayscale(50%); filter: grayscale(50%); height:45px; font-size:13px; margin-right: 15px; border-radius: 3px; border:1px transparent solid; padding:25px 10px 5px 10px; background:url(flags/europe.png) center 5px no-repeat; background-size: 30px;} #pricing label[for="us"] {-webkit-filter: grayscale(50%); filter: grayscale(50%); height:45px; font-size:13px; margin-right: 15px; border-radius: 3px; border:1px transparent solid; padding:25px 10px 5px 10px; background:url(flags/sua.png) center 5px no-repeat; background-size: 30px;} #pricing label[for="au"] {-webkit-filter: grayscale(50%); filter: grayscale(50%); height:45px; font-size:13px; margin-right: 15px; border-radius: 3px; border:1px transparent solid; padding:25px 10px 5px 10px; background:url(flags/australia.png) center 5px no-repeat; background-size: 30px;} #pricing label[for="gb"].active, #pricing label[for="eu"].active, #pricing label[for="au"].active, #pricing label[for="us"].active {border:1px #1185E4 solid; -webkit-filter: grayscale(0%);filter: grayscale(0%);} #pricing label[name="currency"]:hover {border:1px rgba(25,43,89,.3) solid;} .slider > .dragger {background: #fff; border:5px #1185e4 solid;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);width: 26px;height: 26px;} .slider > .track, .slider > .highlight-track {background: #192b59;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;height: 10px;} .slider > .highlight-track {background-color: #1185E4;} .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-touch-callout: none; -khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: move;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0; left: 0;display: block;margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none; float: left;height: 100%; min-height: 1px;transition: all 200ms ease-in-out;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent} .slick-arrow {position: absolute; cursor: pointer; transition: all .15s ease-in-out; color:#A7ABB8; font-size: 40px !important; right:0; top:-100px;} .slick-arrow.slick-hidden {display: none;} .slick-arrow:hover {color:#1185E4;} #feedback {padding:30px 0; overflow: hidden; background:#fff; overflow: hidden;} #feedback h2 {margin-bottom: 40px;} #testimonials {margin:0; padding:0; list-style: none;} #testimonials:before {content:'';width: 2000px; height: calc(100% + 100px); display: block; background:#fff; z-index:1; position: absolute; top:-50px; right:1210px; display:none !important } .slick-next, .slick-prev { position:absolute; top: -100px; color: #5D6A8A; display: inline-block; font: normal bold 4em Arial,sans-serif; overflow: hidden; text-decoration: none; width: auto; } .slick-next, .slick-prev { padding: 0.5em} .slick-prev {right:50px} .slick-next:before, .slick-next:after, .slick-prev:before, .slick-prev:after { background: #5D6A8A; content: ""; display: block; height: 5px; position: absolute; right: 0; top: 70%; width: 36px; } .slick-prev:before, .slick-prev:after { left: 0 } .slick-next:before, .slick-prev:before { transform: rotate(45deg); } .slick-next:after, .slick-prev:after { transform: rotate(-45deg); } .slick-prev:after, .slick-next:before { margin-top: -22px } .slick-next:hover, .slick-next:focus, .slick-prev:hover, .slick-prev:focus { color: #0064D2 } .slick-next:hover:before, .slick-next:hover:after, .slick-next:focus:before, .slick-next:focus:after, .slick-prev:hover:before, .slick-prev:hover:after, .slick-prev:focus:before, .slick-prev:focus:after { background: #0064D2 } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 200ms; visibility: hidden; opacity: 0; } .overlay.active, .overlay:target { visibility: visible; opacity: 1; z-index:10 } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 600px; position: relative; transition: all 2s ease-in-out; } #yt-video { padding-top: 56.25%; display:block; position: relative; overflow: hidden; width: 100%; } #play .popup .container { padding-top:30px } .popup iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } #play .popup .close { z-index: 10; } .popup .close { position: absolute; top: 20px; right: 20px; transition: all 200ms; font-size: 35px; font-weight: bold; text-decoration: none; color: #333; z-index: 2 } .popup .close:hover { color: #ED2C29; } .popup .content { max-height: 30%; overflow: auto; } @media screen and (max-width: 700px){ .popup{ width: 95%; } } .slick-slide.slick-current.slick-active div {margin:0 10px 0 0;} .slick-slide.slick-active div {margin:0 0 0 10px;} #testimonials em {width: 80px; height:80px; position: relative; background:#fff; display:block; float:left; margin:0 15px 0 0; border:4px #E8F4FE solid; border-radius: 100px;} #testimonials em img {max-width: 80%; max-height: 80%; position: absolute; left:0; top:0; right:0; bottom:0; display: block; margin:auto; padding:0; border:0; border-radius: 100px;} #testimonials p.h5, #testimonials h5 {margin:10px 0 10px 0;color:#192b59; font-weight: bold; font-size: 25px;} #testimonials p.h5 small, #testimonials h5 small {display: block; font-weight: normal; font-size: 15px; color:#f5af02;} #testimonials p {font-weight: normal; font-size: 15px; margin-bottom: 0; font-family: 'Montserrat', sans-serif; line-height: 20px; padding:0 5px; margin-top:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical } #testimonials p:before, #testimonials p:after {content:'"'} .stars {margin:0; padding-left:10px} .stars span {width:15px; display:inline-block; margin:0; position: relative;} .stars span::before { content: '\2605'; /*2606*/ position:absolute; top:-15px; left:0; line-height: 20px; } .slick-slide {opacity:0.3; outline:none; cursor:pointer; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;height:100%;} .slick-slide:active {cursor: grabbing;cursor: -moz-grabbing;cursor: -webkit-grabbing;} .slick-slide.slick-active {opacity: 1} .slick-slide div {height: 100%;background:#fff; margin:0 20px; padding:30px; border-radius: 5px;-webkit-box-shadow: 3px 3px 15px 0 rgba(0,0,0,0.1);-moz-box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.1);box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.1);} .slick-slide div:hover {-webkit-box-shadow: 3px 3px 20px 0 rgba(0,0,0,0.15);-moz-box-shadow: 3px 3px 20px 0 rgba(0,0,0,0.15);box-shadow: 3px 3px 20px 0 rgba(0,0,0,0.15);} .slick-slide div:hover em {border-color:#B7D9FF !important} #newsletter {padding:50px 0; background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eaf3fe 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eaf3fe 100%);background: linear-gradient(to bottom, #ffffff 0%,#eaf3fe 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf3fe',GradientType=0 );} #newsletter h4, #newsletter h2 {text-align:center;} #newsletter form {position: relative; display:block; margin:0 auto; width: 80%} #newsletter form p {display: none} #newsletter .es-field-wrap label {font-size: 0;} #newsletter .es-field-wrap input[type="email"] {font-size: 16px; line-height:65px; outline:none; position: absolute;top:0; width:100%;border:0; display: block; border-radius: 5px; background:#ffff; height: auto; padding:0 150px 0 60px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);} #newsletter input[type="email"]:focus {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);} #newsletter .es-field-wrap {position: relative;} #newsletter .es-field-wrap:after {content:"@"; color:#666; font-size: 24px; font-weight:normal; line-height: 65px; width: 60px; height: 65px; display: block;text-align:center;position: absolute;z-index: 10;left:0; top:0px;} #newsletter input[type="submit"] {transition: all .15s ease-in-out; height: 65px; position: absolute; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color:#fff; right:0; top:0; line-height: 65px; padding: 0 40px; cursor: pointer; border:0;font-size: 18px; font-weight: normal;background:#F4AE13;} #newsletter input[type="submit"]:hover {background:#192B59;} #newsletter .es_caption {display: none} .es_subscription_message {width: 100%; text-align: center; display: block;} .emaillist {position: relative;} .es_spinner_image {position: absolute; float:none; top:15px; left: 50%; margin:0 0 0 -16px;} #page {margin:0; padding:0; position: relative; z-index: 4; min-height: 200px; background:#fff;} .bg > p {display: none} .rev_slider .rev-btn {transition: all .15s ease-in-out;} .post {line-height: 24px;} #page .inside.features .post, .inside.benefits .post, .single .news, .archive #page .news, .listonamazonwithad-lister #page .post, .page-template-blog #page .news {float:left; width: 75%; padding-right:40px;} #page .post {padding:20px 0; clear:both; font-family: 'Montserrat', sans-serif;} #page .post img {max-width: 100%; height: auto; width: auto;} #page #appHistory ul img {margin-right:10px;position: relative; top:2px; width:auto !important; max-width:none !important;} #page .news .post h2 {font-size: 18px;} #page .post h2 {font-size: 22px; line-height:26px;} #page .post b, #page .post strong {font-weight: 700} #page .post em, #page .post u {text-decoration: underline;} #page .post ol li, #page .post ul li {margin-top:10px} .archive #page .post h2 {border:none; margin-bottom: 0} #page .post.support h2 {padding-bottom: 0; font-weight: 500} #page .post h1 {font-size:24px;} #page .post h3 {font-size: 20px} #page .post h4 {font-size: 18px} #page .post h5 {font-size: 16px} #page .post img {max-width: 100% !important} #page .post .thumb {width: 200px; float:left; margin:0 20px 20px 0; display: block} #page .post .thumb img {display: block; margin:0; padding:0;} #page .post .post-info {width: calc(100% - 220px); display: inline-block;} #page .post .post-info h2.post-title {line-height: 26px; margin:0 0 10px;} #page .post .post-info .post-meta {margin:0 ; font-size: 14px} #page .post .post-info .post-meta a {background:#ddd; padding:0 10px 0 17px; position: relative; margin:0 2px; font-size: 12px; color:#192B59; border-radius: 15px;} #page .post .post-info .post-meta a:before {position: absolute; content: ''; left:5px; top:10px; width: 4px; height:4px; border-radius: 50%; background: #fff; display: block;} #page .post .post-info .post-meta a:hover {background: #F5AF02; color:#fff;} #page .post .post-content {font-size: 14px; line-height: 20px;} .single-post .news .post {font-size: 14px; line-height: 24px} .blog .news {padding-bottom: 20px} .blog .news .post h2 a {border:none;} .blog .news .post h2 a:hover {border:none; text-decoration: underline !important;} .post pre {background:#f4f4f4; padding:10px;} #paginate {display: block; padding:50px 0 0 0;} #paginate .wp-pagenavi a, #paginate .wp-pagenavi span {padding:3px 12px; border-radius: 5px; font-weight: normal;} #paginate .wp-pagenavi span.pages {border:0; padding:0; border-radius: 0; margin:0 10px 0 0; display:none} #paginate .wp-pagenavi span.current {margin:0 5px;} #paginate .wp-pagenavi a {margin:0 5px; background:#0063D6; color:#fff; border:0} #paginate .wp-pagenavi a:hover {background:#192B59; color:#fff;} #paginate .wp-pagenavi .extend:last-child {display: none;} .post .wpcf7 {display:block; padding: 20px 0 0 0; margin:0;} .wpcf7 .box {display:block; width:50%; float:left; padding:0 10px 0 0;} .wpcf7 .box.r {float:right; padding: 0 0 0 10px} .wpcf7 .box.w {padding: 0; width: 100%; float: none; clear: both;} .wpcf7 .box label {display: block; padding:10px 0; font-weight:bold} .wpcf7 .box label i {width:20px; font-size:14px; margin:0; position:relative; top:-1px} .wpcf7 .box input[type="text"], .wpcf7 .box input[type="email"], .wpcf7 .box input[type="tel"] {border:1px #ddd solid; padding:5px; height: 40px; line-height: 40px; border-radius: 3px; width:100%; margin:0;} .wpcf7 .box textarea {padding:5px; border:1px #ddd solid; width: 100%} .wpcf7 .box input[type="submit"] {border:none; font-size: 20px; font-weight: normal; outline: none; margin:20px 0; font-family: 'Poppins', sans-serif; border-radius: 5px; padding:0 30px; line-height:55px; color: #fff; cursor: pointer; background:#F7941E;} .wpcf7 .box input[type="submit"]:hover {background:#0064D2;} .post .wpcf7 div.wpcf7-response-output {margin:20px 0;clear: both;} .wpcf7 span.wpcf7-list-item {margin:0;} #beforeYouGo h3 {font-size: 26px;} #beforeYouGo p {width: 75%; margin:0 auto 20px;} #beforeYouGo .box {width: 100%; float: none;} #beforeYouGo .box input[type="submit"] {margin:0; line-height: 45px; font-size: 16px} #beforeYouGo div.wpcf7-response-output {display: none !important} #beforeYouGo .wpcf7-form-control-wrap {display: block} #beforeYouGo span.wpcf7-not-valid-tip {width: 75%; position: absolute; text-align: right; padding-right: 5px; right:13%; font-size: 12px; line-height: 40px; top:30px;} .listonamazonwithad-lister .post h3 {color:#0165D5;} .listonamazonwithad-lister .post ul li {border-bottom: 1px #ccc solid; line-height: 30px; float:none; margin:0; padding:10px 0;} .listonamazonwithad-lister .post ul li i.fa {font-size:30px; color:#0165D5; position: relative; float:left; margin:0 10px 0 0;} .listonamazonwithad-lister .post ul {list-style-type: none; margin-left:0; padding-left:0;} .listonamazonwithad-lister .post ul:after {content: ''; clear: both; display: table;} .listonamazonwithad-lister input[type="url"], .listonamazonwithad-lister input[type="tel"], .listonamazonwithad-lister input[type="email"], .listonamazonwithad-lister textarea, .listonamazonwithad-lister input[type="text"] {width: 100%; padding:5px; margin:0 0 10px 0; border:1px #ddd solid;} .listonamazonwithad-lister #sidebar {margin-bottom: 20px; width: 30%;} .listonamazonwithad-lister #sidebar .widget .content {background:#EAEFEF; } .listonamazonwithad-lister #sidebar h3 {text-align: center;} .listonamazonwithad-lister #sidebar input[type="submit"] {padding:10px 15px; color:#fff; border:0; width: 100%; font-size: 16px; font-family: 'Poppins', sans-serif; display:block; text-align:center; cursor: pointer; background: #F7941E} .listonamazonwithad-lister #sidebar input[type="submit"]:hover {background: #0165D5} .listonamazonwithad-lister #page .post {width: 70%} .listonamazonwithad-lister #page h3 {margin:30px 0;} .listonamazonwithad-lister #page h2 {margin-bottom: 30px} .listonamazonwithad-lister #header .pageTitle {display: none;} #sidebar {float: right; width:25%; padding-top: 20px} #sidebar .widget {display: block; font-size: 14px; margin:20px 0 0 0; padding:5px 0 0 0;} .inside.benefits #sidebar, .inside.features #sidebar {padding:25px 0 20px 0} .inside.benefits #sidebar .widget, .inside.features #sidebar .widget {padding:0; margin:0;} #sidebar .widget h3.widgettitle {display: block; background:#192B59; font-size: 18px; font-weight: normal; color:#fff; margin:0; padding:10px;} #sidebar .widget ul {margin:0; padding:0; list-style: none;} #sidebar .widget ul li {border-bottom:1px #ddd solid; display: block; padding:10px; margin:0; } #sidebar .widget ul li a {border:none; color:#555; outline: none;} #sidebar .widget ul li.current-menu-item {background:#eee;} #sidebar .widget ul li a:hover {border:none; text-decoration: underline !important;} #sidebar .widget .content {padding:15px;} #sidebar label {display:none} #cboxWrapper #cboxMiddleRight, #cboxWrapper #cboxMiddleLeft {width:0;} #cboxWrapper #cboxTopCenter, #cboxWrapper #cboxBottomCenter {height: 0} .userForm {font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px} .userForm h3 {padding:15px 20px; font-weight: normal; font-size: 20px; display: block; margin:30px 10px 20px 10px; text-align: center;} .userForm h3.a {padding: 0} .userForm h3.a a {padding:15px 10px;} .userForm h3 a {color:#fff; display:block; border:none;} .userForm h3 a:hover {background:#F5AF02;} .userForm .container {display:block; padding:0; text-align: center;} .userForm p.xl {font-size: 14px; line-height:20px; margin:0; padding:0;} .userForm p.xl .last {float: right} .userForm p.xl:after {content:''; clear: both; display: table;} .userForm p small {font-family: 'Arial'; font-size: 12px} .userForm ul {padding:0 0 20px 0; margin:0; text-align:left} .userForm ul li {margin:0; padding:2px 0; display: block;} .userForm ul li i {margin:0 5px 0 0; color:#85BA40;} .userForm .btn {padding:0 20px; height: 40px; line-height: 40px; border:none; display: inline-block; font-size: 18px; background:#0064D2; margin:0 auto; color:#fff;} .userForm .btn:hover {background:#192B59; color: #fff;} .userForm a:hover {border-color:#192B59;} .userForm .box {display:block; margin:0; text-align: center; clear:both; padding:10px 0;} .userForm .box.submit button {margin:0 auto; width: 75%; height:40px; border-radius: 3px; line-height: 40px; font-size: 15px;} .userForm .box.submit button.old {float: right; background:transparent; color:#999; font-size:14px; outline: none; margin:0; padding:0;} .userForm .box.submit button.old:hover {text-decoration: underline;} .userForm .box.submit input[type="checkbox"] {margin:0 3px 0 0; position: relative; top:2px;} .userForm .box.submit label {line-height: 30px; white-space: nowrap; cursor: pointer;} .userForm .box.submit a {float:right; line-height: 30px;} .userForm .box.retrieve input[type="text"] {width:75%;} .userForm .box.retrieve button {float:right; width:20%; height: 30px; font-size:15px; line-height: 30px; padding:0; text-align: center;} .userForm .box:after {content: ''; clear: both; display: table;} .userForm .box.full input {width:100% !important} .userForm .box label {line-height: 30px} .userForm .box select {height:40px; border-radius: 3px; outline: none; line-height: 40px; padding:0 15px; width:100%; border:1px solid #ddd;} .userForm .box input[type="email"], .userForm .box input[type="text"], .userForm .box input[type="tel"], .userForm .box input[type="password"] {outline:none; width:75%; padding:0 15px; height:40px; border-radius: 3px; line-height: 40px; border:1px solid #ddd;} .userForm .logos {display: block; clear:both; text-align: left; margin:0; padding: 20px 0 0 0} .userForm form {margin:0 0 10px 0; padding:0;} #lostPassword form {margin: 0} #lostPassword .container {padding:0 30px 20px;} #book-a-demo .popup {width:700px} #book-a-demo .popup select, #book-a-demo .popup input[type="text"] {width:calc(100% - 20px) !important} #book-a-demo .popup .btn {background:#F5AF02; width:100%; color:#fff; border:0; border-radius: 4px;} #book-a-demo .popup .btn:hover {background:#192b59;} .submiting_content.wpdev-help-message.alert.alert-warning.alert-success {width:100% !important; margin-top:15px} form.booking_form .bk_calendar_frame {width:100% !important} #book-a-demo .userForm form {margin-bottom: 0;} .booking_form .form-group:last-of-type {margin-bottom: 0; text-align: center;} .datepick-inline .calendar-links .datepick-next {right:3%;} .datepick-inline .calendar-links .datepick-prev {left:3%;} #book-a-demo .datepick-inline .calendar-links {background:#5D6A8A; margin-bottom: -4em; padding:10px 0;} #book-a-demo .datepick-inline .datepick-header {background:#5D6A8A; font-weight:normal; padding:10px 0} #book-a-demo .datepick-inline .datepick-header * {font-size: 14px !important; } #book-a-demo .datepick-inline .datepick-header, #book-a-demo .datepick-inline .calendar-links .datepick-prev a, #book-a-demo .datepick-inline .calendar-links .datepick-next a {text-shadow: none; font-weight:normal; color:#fff;} #book-a-demo .datepick-inline {background: transparent; box-shadow: none; border:none} .wpbc_structure_calendar h3 {margin-left:0; padding-left:0; padding-top:0; margin-top:0; text-align: left;} .wpbc_structure_calendar {float:left; width:50%;} .wpbc_structure_form {float:right; width:calc(50% - 20px)} .home #pricing {border:0;} .ebay #pricing {padding-top:140px; padding-bottom: 0;} .ebay #pricing .inside > p {margin-bottom:0;} .ebay .ebay-offer {background:#fff;} .ebay .ebay-offer p {margin:0; font-size: 12px;} #pricing {border-collapse:collapse;} #pricing, #pricing th, #pricing td {border:1px #e4f2d8 solid;} #pricing th {width: 33.333%} #pricing p > small {display:block; font-size:13px;} #pricing p > small a {color:#666; text-decoration: underline;} #pricing td p {color:#fff; padding:0 10px; font-size:18px;} #pricing th p {font-weight:normal; font-size:18px; padding:0 10px} .adons {list-style: none; margin:0; padding:20px 0 0 0; display: block;} .adons li {float:left; width:33.333%; display:block; margin:0; padding:10px 10px 30px 10px;} .adons li span {display:block; /*min-height: 114px; text-align:center; */ color:#0165D5; font-size:20px; font-family: 'Poppins', sans-serif; } .adons li span i {display:block; text-align: center; font-size: 50px; margin:0 0 20px;} .adons li.first {clear: both; padding-left: 0} .adons li.last {padding-right: 0} .packages {margin:0; padding: 20px 0 30px} .adons:after, .packages:after {content: ''; clear:both; display: table;} .packages .pack {float:left; width:32%; position:relative;} .packages .pack .inside {padding:10px 10px 0 10px;border: 3px solid #ddd;width:100%;display: inline-block;} .packages .pack h3 {margin:0; padding:10px 0; font-size: 22px; display: block; text-align: center; color: #0165D5} .packages .pack.first {margin-right:2%;} .packages .pack.last {margin-left:2%;} .packages .pack.second .inside {border-color:#0165D5} .packages .pack.second .inside:after {position: absolute; left:0; top:0;width: 0;height: 0;border-style: solid;border-width: 60px 60px 0 0;border-color: #0165D5 transparent transparent transparent;} .ebay #csv-import {padding-top:140px} #csv-import {background:#fff; } #data-feeds {background:#fff; padding-bottom:80px; padding-top:60px} #data-feeds .right {text-align:center} #data-feeds .right img {margin-top:60px; max-width:100%} #csv-import .left {text-align:center; margin-top:10px} .ebay #csv-import .left {text-align: left; margin-top:0} .ebay #csv-import .right {text-align: center; padding-top:10px} .feeds {list-style:none} .feeds li {float:left; width:50%;font-size: 1.25rem; padding: 0 10px 5px 0;} .feeds li i {font-weight: 400;margin-right: 5px;color: #F5AF02;} #appHistory {display:block; min-height: 100px; margin:0; padding: 0 0 10px 0} #appHistory li {margin:0; padding:0 0 10px 0; display: block;} #appHistory img {float:left; margin:0 10px 0 0;} #appHistory ul {list-style: none; margin:0; padding:0;} #footer {background: #B7D9FF url(svg/footer-bg.svg) center top repeat-x; padding-top:140px; color:#192B59;} #footer .widget {width: 35%; padding:20px 20px 20px 0; margin: 0; display:block; float: left;} #footer #nav_menu-9 {width: 20%; padding-top: 80px;} #footer #nav_menu-3 {width: 45%; padding-right:0; padding-top: 80px} #footer #nav_menu-3 h3 {padding-left:10px;} #menu-footer-two li {width: 50%; float: left; padding-left:10px;} #footer .widget_text i.fa, #footer .widget_text h3 {display: none} #footer .widget p i {width: 20px; margin:0 5px 0 0; text-align: center;} #footer .widget ul {list-style: none; margin:0; padding:0;} #footer .widget ul li {margin-bottom: 2px} #footer .widget ul li a:before {content:'> '; margin-right: 2px;} #footer .widget ul li a:hover:before {left:1px; position: relative;} #footer .widget ul li a:hover {color:#0064D2;} #footer .widget ul li a:hover:after {content:''; border-bottom:1px dashed #0064D2; opacity: 0.5; width:calc(100% - 15px); right:0; position: absolute; height:1px; display:block; bottom:-1px;} #footer a {color:#192B59; position: relative;} #footer .legal {width:100%; clear:both; padding:20px 0; border-top:1px rgba(255,255,255,0.5) solid; position: relative;} #footer .legal:after {content: ''; clear:both; display: table;} #footer .legal p {float:left; margin:0; padding:0; line-height: 26px; display:block; font-size: 14px} #footer .legal p i {color: #E53238} #footer .legal p a {border:none; outline: none} #footer .legal p a:hover {text-decoration: underline !important;} #footer .legal ul {list-style: none; margin:0; padding:0; float:right;} #footer .legal ul li {float: left; margin:0; padding:0;} #footer .legal i {transition: all .15s ease-in-out; } #footer .legal i:hover {transform: scale(1.3)} #footer .fb {color: #4267B2;} #footer .tw {color: #1DA1F2;} #footer .yt {color:#ff0000;} #footer .fb {margin-left: 15px; width:45px; text-align: center; display: inline-block;} #footer .tw, #footer .yt {margin:0; width:45px; text-align: center; display: inline-block;} #footer .tw .fa, #footer .fb .fa, #footer .yt .fa {margin:0; position: relative; top:3px; font-size: 22px;} #footer .widgettitle {font-size:20px} #colorbox {background:#fff !important; outline: none;} #cboxWrapper {outline: none;} #cboxContent #cboxClose {text-indent:inherit; width: auto; padding:0 10px; height: 30px; top:0px; line-height: 30px; text-transform:uppercase; right:0px; background:#E53238; color:#fff; font-size: 12px;} #cboxContent #cboxClose:hover {background:#F5AF02; color: #fff;} #cboxContent #cboxTitle {display:none; height: 0; width: 0; padding:0;} #cboxWrapper #cboxContent {margin:0} #cboxOverlay {opacity:1; background: rgba(0,0,0,0.5) !important} #hidePopup {display: none;} .gallery { margin: 0 auto 18px; clear:both;} .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;} .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img {box-shadow: 0px 0px 4px #999;border: 1px solid #fff;padding: 8px;/*background: #f2f2f2;*/} .gallery-columns-2 .attachment-medium {max-width: 92%;height: auto;} .gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;} .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;} .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } .gallery a, .gallery a:hover {border:none;} .gallery-lightbox {cursor:inherit; outline: none} body> .sm-chat-btn {bottom:0px;} .closePopup, .grecaptcha-badge {display: none !important;} .forcefullwidth_wrapper_tp_banner {overflow: hidden;} #page .caption-head {display:block; margin:0; padding:0; position: relative;} #page .caption-head .half {width:30%; left:20px; position: absolute;} #page .caption-head .half.right {left:auto; right:0; width: 47%} #page .caption-head h3 {font-weight: 100; font-size:36px; line-height: normal; margin:0; color:#192B59;} #page .caption-head h4 {font-weight: 500; font-size:30px; line-height: normal; color:#F5AF02; text-transform: none} .createattractivelistings .caption-head .half {padding-top:100px} .importofliveebayitems .caption-head .half {padding-top:50px} .simpletouse .caption-head .half {padding-top: 50px} .savestimemoney .caption-head .half {padding-top: 50px} .savestimemoney #page .caption-head h4 {color:#fff} #faq .row {display: block; padding-top:50px;} .col {width: 50%; flex:1; padding-right: 10px; display: inline-block; position: relative;} .col.right {padding-right: 0; padding-left: 10px} #faq .panel p {margin-top:0; line-height: 1.5;} #faq h3 {text-align: center; margin-bottom: 30px} #faq .accordion {background-color: #fff; font-weight: bold; transition: 0.4s; margin:0; cursor: pointer;padding: 20px 30px; width: 100%;border: none;text-align: left;color:#192b59; outline: none; -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);} #faq .accordion i {color:#0163D4; margin-right: 10px;} #faq .accordion i.fa-angle-down { margin-top: 6px; /* position: relative; top: -3px; content: ""; display: inline-block; width: 8px; height: 8px; border-right: 0.2em solid black; border-top: 0.2em solid black; transform: rotate(135deg); margin-right: 5px; margin-left: 2px; */ } #faq .accordion i.fa-angle-up { margin-top:10px; /* position: relative; top: 0; content: ""; display: inline-block; width: 8px; height: 8px; border-right: 0.2em solid black; border-top: 0.2em solid black; transform: rotate(-45deg); margin-right: 5px; margin-left: 2px; */ } #faq .accordion:hover {-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);} #faq .panel {padding: 0 30px; margin:0 0 20px; display: block; height:0; background: #fff; overflow: hidden; z-index: 2; position: relative;-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);} #faq .panel a {text-decoration: underline; color:#222;} #faq .panel.active {height: auto; padding-top:20px;} body.no-scroll {overflow:hidden;} .heart {background-color: red;display: inline-block;height: 10px;margin: 0 10px;position: relative;top: 0;transform: rotate(-45deg);width: 10px;} .heart:before, .heart:after {content: "";background-color: red;border-radius: 50%;height: 10px;position: absolute;width: 10px;} .heart:before {top: -5px;left: 0;} .heart:after {left: 5px;top: 0;} .zoho_contact {clear:both; display:block; width:100%} .zoho_contact label {font-weight: bold; padding:10px 0; display:block;} .zoho_contact input {border: 1px #ddd solid; padding: 5px 10px; height: 40px; line-height: 40px; border-radius: 3px; width: 100%; margin: 0; } .zoho_contact textarea { border: 1px #ddd solid;border-radius: 3px; width: 100%; margin:0; padding: 5px 10px; } .zoho_contact button { border: none; font-size: 20px; font-weight: 400; outline: none; margin: 20px 0; font-family: 'Poppins',sans-serif; border-radius: 5px; padding: 0 30px; line-height: 55px; color: #fff; cursor: pointer; background: #f7941e; } .zoho_contact button:hover {background:#192b59; color:#fff} .zoho_contact .half {padding-bottom: 10px;} /* @keyframes fadeInOpacity { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes laptop { 0% { right: -150%;} 50% { right: -120%;} 100% { right: -44%;} } @keyframes triangle { 0% { right: -150%;} 50% { right: -120%;} 100% { right: 50%;} } @keyframes iphone { 0% { right: -150%;} 50% { right: -120%;} 100% { right: 50%;} } @keyframes tablet { 0% { right: -150%;} 50% { right: -100%;} 100% { right: -15%;} } */ #anim {width: 100%; height: 770px; overflow: hidden; display: block;; position: relative; margin:0; padding:0; z-index: 4;} #anim.builder {height:500px; padding-bottom:80px} #anim.builder p {margin-bottom: 30px;} #anim .inside {position: relative;} #anim .tablet {display: block; position: absolute; top:0; right:-150%; width:714px; height:440px; background:url(https://www.ad-lister.co.uk/wp-content/uploads/2020/07/tablet.png) no-repeat; /* -webkit-animation:linear alternate; -webkit-animation-name: tablet; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; */ } #anim .laptop {background:url(./images/adlister-web-app.png) no-repeat; width: 1120px; height: 680px; display: block;position: absolute; top:0; right:-44%; /* -webkit-animation:linear alternate; -webkit-animation-name: laptop; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; */ } #anim .iphone {background:url(https://www.ad-lister.co.uk/wp-content/uploads/2019/11/anim-iphone.png) no-repeat; width:291px; height:480px; display: block;position: absolute; top:70px; right:50%; margin-right:-230px; /* -webkit-animation:linear alternate; -webkit-animation-name: iphone; -webkit-animation-duration: 2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; */ } #anim .triangle {background:url(svg/triangle.svg) no-repeat; display: block; width: 314px; height: 313px; position: absolute; top:45px; right:50%; margin:0 -100px 0 0; /* -webkit-animation:linear alternate; -webkit-animation-name: triangle; -webkit-animation-duration: 3s; animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; */ } #anim .platforms {height: 40px; margin:0 0 30px 0; display: block; line-height: 40px; font-size: 18px; font-weight: 400;} #anim .platforms img {float:left; margin:0 10px 0 0; padding:0; border:0; display: block;} #anim ul {list-style: none; margin:0; padding:0; clear: both; display: block;} #anim ul li {float: none; vertical-align: top; display: table-cell; margin:0; padding:0;} #anim ul li:first-child {padding-right: 20px} #anim ul li a.btn {font-size: 18px; font-weight: normal;} #anim ul li a.btn.blue {font-size: 20px; background:#0064D2; } #anim ul li a.btn:hover {background:#192B59; color:#fff;} #anim ul li a.btn i {width:25px; top:6px; height: 25px; display:inline-block; position: relative; background:#fff; border-radius: 50%;} #anim ul li a.btn i:after {width: 0; left:2px; top:0; right:0; bottom:0; content:''; position: absolute; margin:auto; height: 0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #F5AF02;} #anim ul li small {display: block; clear: both; text-align: center; padding:10px 0 0 0;} #anim .intro {width: 50%; display: block; position: relative; padding:100px 0 0 0;opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 2s; } #anim h2 {color:#F5AF02; font-size: 50px; line-height: 56px; font-weight: bold; margin:0 0 20px; padding:0; } #anim h1 {color:#192B59; font-size: 30px; font-weight: bold;} .ebay #anim h2 {font-size:40px; } .ebay #anim h1 {font-size: 29px; margin-bottom: 25px;} #anim .more {position: relative; color:#192B59; font-weight: 700;} #anim .more:hover {color:#0064D2} #anim .more:after {content:''; display:block; margin:0; width:100%; height:1px; position:absolute; left:0; bottom:7px; border-bottom: 1px dashed #192B59;} .icon-scroll, .icon-scroll:before {position: absolute; left: 50%; opacity: 0.4;} .icon-scroll:hover {opacity: 0.75;} .icon-scroll {border: 2px solid #0064D2; width: 30px;height: 50px;margin-left: -20px;bottom: 30px;margin-top: -35px;border-radius: 25px} #mobile-app img { height:auto; } @media (max-width: 767px) { .icon-scroll {position: relative} } .icon-scroll:before {background: #F5AF02; content: ''; width: 8px;height: 8px;margin-left: -4px;top: 8px;border-radius: 4px;animation-duration: 1.5s;animation-iteration-count: infinite;animation-name: scroll} @keyframes scroll { 0% {opacity: 1} 100% {opacity: 0;transform: translateY(26px)} } @media only screen and (max-width:1680px) { .etsy1 {background-position: 400px -60px;} .etsy2 {background-position: -150px 180px;} } @media only screen and (max-width:1400px) { .etsy1 {background-position: 200px -60px;} .etsy2 {background-position: -250px 180px;} } @media only screen and (max-width:1240px) { .etsy1 {background-position: 100px -60px;} .page-id-5630 #page .post {padding-left:0; padding-right: 0;} .inside {width: 100%; padding:0 20px;} #pricing {background: #fff;} #prices .box {padding: 30px 10px} #pricing label {margin-bottom: 10px} .rev_slider_wrapper {width: calc(100% - 20px) !important; margin-left:20px !important;} #header {background: #EAF4FF;} .home #wrapper {background-image: none;} #page .post {padding-left: 20px; padding-right: 20px} #page .news .post {padding-left: 0; padding-right: 0} #priceBuilder {margin-bottom: 20px;} #priceBuilder .third {width:50%;} #priceBuilder .third.save {text-align:right; height:50px} #priceBuilder .third:last-child {clear:both; width:100%; text-align: center;} #priceBuilder .third:last-child p {display:inline-block; float:none; position:relative; top:-10px} #packages .pack {float:none; width:100%; margin-bottom:20px; overflow: hidden;} #packages .pack ul:after{clear:both; display:table; content:''} #packages .pack ul li {width:30%; float:left} .pack h4 i.fa {display:none} .landing-page .post > .inside {padding-left:0; padding-right: 0;} .ebay-connect .wpcf7 .wpcf7-checkbox {width: 100%;} } @media only screen and (max-width:1120px) { #anim .intro {width: 60%} #anim .laptop {margin-right: -100px} #anim .iphone {margin-right: -300px} #anim.builder .tablet {margin-right: -200px} .etsy2 {background-position: -350px 180px;} } @media only screen and (max-width:1080px) { .icon-scroll {display:none !important} #anim .iphone {margin-right: -350px} #anim .laptop {margin-right: -250px} #prices .box {width: 70%} #prices .box.blur {right:0;} .createattractivelistings .caption-head .half {padding-top: 50px} .importofliveebayitems .caption-head .half {padding-top: 30px} #page .caption-head h3 {font-size: 26px} #page .caption-head h4 {font-size: 24px} #anim.builder .intro {width:50%} #anim h2 {font-size: 42px;} #success-story .half.right h4 {margin-top:0} } @media only screen and (max-width:1024px) { body {font-size: 14px} h2 {font-size: 30px} h2 span {font-size: 16px;} h4 {font-size: 16px} #mobile-app .half.left {width: 60%;} #mobile-app .right {width:40%; padding-top: 150px} #mobile-app .right img {max-width: 100%; height: auto} #mobile-app ul li strong {font-size: 16px; margin-bottom: 5px} #mobile-app ul li p {font-size: 14px; line-height: 16px;} #features .third h3 {font-size: 18px; line-height: 22px; margin-bottom: 10px} #likebox {display: none !important} } @media only screen and (max-width:960px) { .etsy1 {background-position: 0 -60px;} .etsy2 {background-position: -450px 180px;} h3 {font-size: 24px} #prices .box {width: 80%} #page .post h2 {line-height: normal;} #footer .widget {width: 50%; padding-top:0;} #footer #nav_menu-9 {width: 50%; padding-right: 0; padding-top: 60px} #footer #nav_menu-3 {clear: both; width: 100%; float:none; padding-top: 0} #footer .widget ul li, #footer #nav_menu-3 h3 {padding-left: 0} #footer ul:after {content: ''; clear:both; display: table} .savestimemoney .caption-head .half {padding-top: 30px} #anim .intro {width: 65%} #anim .laptop {margin-right: -400px} #anim .iphone {margin-right: -400px} #anim ul li a.btn.blue {font-size: 20px} #anim .triangle {margin-right: -200px} #topNav .menu li {font-size: 18px; margin:0 0 0 25px;} .price-switch p {display:block; margin:0 0 10px} } @media only screen and (max-width:920px) { .etsy1 {background-image: none;} .etsy1 .half.right {display: none;} .etsy1 .half.left {width:100%; float:none;} #feedback {padding:0 0 30px; } .simpletouse .caption-head .half {padding-top: 30px} #page .caption-head h4 {font-size:20px} .ysuembedwr {display:none !important;} } @media only screen and (max-width:860px) { .etsy2, .etsy1 {padding:20px} .grid-3 {display:block; padding:0; } .grid-3-item {padding:0; margin:0 0 20px} .landing-page .quote .inside {padding-left:20px; padding-right: 20px;} .landing-page .inside {padding:0} h2 {font-size: 20px} h4 {font-size: 14px;} .btn {height: 45px; line-height: 45px; font-size:16px !important;} #newsletter input[type="email"] {height: 45px; line-height: 45px;} #newsletter input[type="submit"] {height: 45px; font-size: 14px; line-height: 45px;} #newsletter .es-field-wrap:after {line-height: 45px; height: 45px;} #mobile-app {padding: 40px 0} #mobile-app .half.left {float:none; width:100%; padding-right: 0} #mobile-app .left a {width:50%; float:left; text-align: center; margin:0; } #mobile-app .left a img {max-width:90%; height: auto} #mobile-app .half.right {width:100%; float:none; padding:0 0 40px; text-align: center;} #mobile-app ul li {clear: both; margin:0 0 20px 0;} #mobile-app ul li:after {content: ''; clear: both; display:table;} #mobile-app ul li p {margin: 0; padding-top:10px} #header {height: auto} #header .logo {width:140px; margin:20px 0; height: 30px; } #header .logo a {background-size: contain;} .home #topNav .menu {padding-top: 20px} #topNav {margin-top:20px} #topNav nav {display: none;} #topNav .hamburger {display: block;} #integrations {padding-bottom: 40px; position: relative; z-index: 2;} #integrations .half.left {display: none} #integrations .half.right {padding-left: 0; padding-top: 0; width: 100%; float:none;} #pricing h2 {line-height: normal;} #prices h4 {font-size: 24px} #prices ul {margin-left:0;} #prices ul:after {content: ''; clear: both; display: table;} #prices ul li {font-size: 14px} #pricing .scale li {font-size: 12px} .inside.benefits .post, .inside.features .post {float:none; width: 100%; padding: 0} .inside.benefits #sidebar, .inside.features #sidebar {display: none;} .adons li {float: none; width: 100%; padding:10px 0} .adons {padding-bottom: 10px} #colorbox {left:0 !important; right:0 !important; width:100% !important;} #wrapper #login, #wrapper #register {display: block; position: absolute; top: 0; z-index: 9; width:100%; height: 100%; background:#fff;} #hidePopup h3 {text-align: left;} .closePopup {position: absolute; border:none;cursor: pointer; right:10px; top:10px; width:50px; height:50px; background:#222; display: block} .closePopup:hover {text-decoration: none; border:none;} .closePopup:before, .closePopup:after {content: ''; width:30px; transition: all 200ms ease-in-out; border-radius: 1px; top:22px; position: absolute; right:10px; height: 5px; background:#fff; display: block;} .closePopup:before {transform: rotate(45deg);} .closePopup:after {transform: rotate(-45deg);} .closePopup:hover:before {transform: rotate(225deg);} .closePopup:hover:after {transform: rotate(315deg);} #hidePopup .userForm p.xl {padding-top: 5px; font-size: 15px} #template-builder {min-height: 0; border:0; padding-bottom: 0} #template-builder .half {float:none; width: 100%} #template-builder .half.right {padding-left: 0; padding-top: 20px} #template-builder .half.left img {position: relative; right:auto; top:auto; height:auto !important; width: 100%;} #anim {height: auto; padding-bottom: 130px} #anim .intro {width: 70%} #anim .laptop {display: none} #anim h2 {font-size: 32px; line-height: 36px;} #anim h1 {font-size: 24px;} .single-post .news .post {float:none; width: 100%; padding-right: 0} .single-post .news #sidebar {display: none} .page-template-page-builder .post img.alignright, .page-template-page-builder .post img.alignleft {float:none; width:100%; margin-bottom:0; margin-right:0} #data-feeds {padding:40px 0} #data-feeds .half.left {padding-right:0} #csv-import {padding-top:20px} #csv-import .half.right, #data-feeds .half.right {padding-left:0} #csv-import .left {display:none} #csv-import .half, #data-feeds .half {float:none; width:100%} .scale li i {display: none;} .scale li span {display:block;} .col {float:none; width: 100%; padding-right: 0;} .col.right {padding-left:0} #book-a-demo .popup {width: 100%; margin:0 auto} #success-story {border-top-width:10px; padding:20px 0} #success-story .half.left, #success-story .half.right {width:100%; float:none; padding:0;} #success-story .half.left img {max-width: 100%; margin-bottom: 20px;} .page-id-5480 .grid-3-item .bg {height: auto;} #newsletter .es-field-wrap input[type="email"] {line-height:45px;} } @media only screen and (max-width:780px) { .etsy2 {background-image:none;} .etsy2 .half.right {float:none; width:100%} .etsy2 .half.left, #chatBeaconMarquee {display:none !important;} .pageTitle {font-size:20px} #anim {padding-bottom: 50px;} #anim .intro {width:100%; padding-top: 30px} #anim h2 {font-size: 28px; margin-bottom: 0} #anim h1 {font-size: 24px; line-height: 32px;} #anim .triangle, #anim .iphone {display: none} #page .caption-head .half h3, #page .caption-head img {display: none} #page .caption-head .half.right, #page .caption-head .half {position: relative; padding:0; width: 100%; left:auto; right:auto; float:none;} .savestimemoney #page .caption-head h4 {color:#F5AF02} #anim.builder {height:340px;} #anim.builder .tablet {margin-right:0; height:300px; width:487px; background-size: cover;} #priceBuilder .third {float:none; text-align:left; width:100%; clear:both;} #priceBuilder .third:last-child, #priceBuilder .bill {text-align:left;} #priceBuilder .save p {margin-left:0} #packages .pack ul li {width:50%} .ebay #anim h2 {line-height: normal; margin-bottom: 20px;} .ebay #anim h1 {line-height:normal} .ebay #pricing {padding-top:40px} .ebay #integrations .right h4, .ebay #csv-import {padding-top:0} .ebay-connect .wpcf7 form > p {text-align: left;} .ebay-connect input[type=text], .ebay-connect input[type=email], .ebay-connect input[type=tel] {width: 100%;} .ebay-connect .wpcf7 span.wpcf7-list-item {float:none; width:100%; display:block} .ebay-partener .left-side { padding: 0 0 25px !important;} .ebay-partener .right-side {width:100% !important;} #post-5175 .parent {display: flex; flex-direction: column;} } @media only screen and (max-width:760px) { #footer .legal .JTI-WeH {justify-content:center;width:100%;padding:7px 0 10px;} } @media only screen and (max-width:720px) { #features {padding:40px 0;} #features h4, #features h2 {text-align: left} #features .third {float:none; width: 100%; padding:0 !important;} #features .third img {margin:0 20px 10px 0; float:left; display: block; max-height:90px} #pricing {padding:40px 0;} #pricing .scale li {font-size: 12px} #pricing .half {float:none; width: 100%;} #pricing .half.left {padding-right: 0} #pricing .half.right {padding-left: 0; height: auto !important} #prices {height: auto} #prices .box.blur {display: none} #prices .box {width: 100%; text-align: left; padding:0; position: relative; border:0; background: transparent;} #prices h4 {border:0; text-align: left; margin:0 0 10px 0; padding:0;} #prices ul {margin:0 0 20px; padding:0;} #prices ul li {padding: 0 0 5px 0; width: 50%; float:left;} #prices ul li i {margin:0 10px 0 0; position: relative; top:3px;} #testimonials .slick-prev {right:40px;} .slick-arrow {font-size:30px !important;} .b-chat-ctrl, .b-chat-btn {display: none !important} .single .news .post, .page-template-blog #page .news {float:none ;width: 100%; padding-right: 0} .single .news #sidebar, .page-template-blog #page #sidebar {clear:both; float:none; width: 100%} #footer .legal p {float:none; text-align: center} #footer .legal ul {float: none; clear: both; text-align: center;} #footer .legal ul li {float:none; display: inline-block;} #anim.builder {padding-bottom:30px; height:auto;} #anim.builder .tablet {display:none;} #anim.builder .intro {width:100%;} .pack .price {font-size: 2rem;} .pack .price sup {font-size: 15px; top:-10px;} .page-id-5630 .landing-top h1 {width:100%; padding:50px 20px; font-size: 20px;} .page-id-5630 .etsy2 h3, .page-id-5630 .etsy1 h3 {font-size: 20px !important;} .quote p {font-size: 14px; line-height:normal} .ebay #anim h2 {font-size: 30px;} .ebay #anim h1 {font-size: 20px;} .slick-next:before, .slick-next:after, .slick-prev:before, .slick-prev:after {top:80%} #pricing label[for="listing-software"]:after { top:65px; left:50%; margin-left:-15px; right:auto; } #pricing label[for="listing-software"], #pricing label[name="price-switch"] {padding:10px 20px} #pricing label[for="listing-software"] { border-radius: 5px; border-right:3px solid #1185E4; margin-bottom:50px; } #pricing label[for="listing-software-order-stock"] { left:0; border-radius: 5px; border-left:3px solid #1185E4 } /*#pricing label {display:block;}*/ #priceBuilder .third.bill {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; } #priceBuilder .third.bill p { width:100%; } #priceBuilder .third.bill label { width:50%; } #priceBuilder .scale { width: calc(100% + 40px); margin: 0 auto 0 -20px; } } @media only screen and (max-width:640px) { .bg > .menu-primary-menu-container ul li {width:100%} #page .caption-head .half h4 {font-size:18px;} #footer h3 {font-size:20px; margin:0 0 10px;} #footer .widget {width: 100%; float:none; clear: both; padding:0 0 20px 0;} #footer .widget_custom_html img {width: 120px; height: auto;} #footer #nav_menu-9 {padding-top: 0; width:100%} .single .news {float:none; width: 100%; padding-right: 0} #menu-footer-two li {float:none; width: 100%; clear: both;} #newsletter {padding-top: 30px} #newsletter form {width: 100%;} #feedback h2 {padding-right: 60px} .listonamazonwithad-lister .inside, .blog #page .inside .blog, .archive #page .blog, .single-post #page .inside .post {float: none; padding-right:0; width: 100%} .blog .inside #sidebar, .archive #page #sidebar, #page .post .post-info .post-meta, .single-post #page .inside #sidebar {display: none;} #page .post .post-info h2.post-title {font-size: 16px; line-height: 20px; margin-bottom: 0} #packages .pack ul li {width:100%; float:none} #priceBuilder {padding-left:20px; padding-right:20px} #priceBuilder .bill p, #priceBuilder .third:last-child p {margin-right: 10px;} #priceBuilder .third:last-child label {margin-right:10px !important} #priceBuilder .scale {width:calc(100% + 40px); margin-left:-20px} .landing-page .half {float:none; width:100%;} .landing-page .half.right {padding:0} #integrations .btn.blue {margin-bottom: 10px;} .wpbc_structure_form, .wpbc_structure_calendar {float:none; width: 100%;} .userForm .wpbc_structure_calendar h3 {margin-bottom: 0; margin-top:0; font-size: 18px;} #ebay-benefits .btn {margin-bottom:30px} #ebay-benefits .half.right {text-align: center;} } @media only screen and (max-width:560px) { .btn, #anim ul li a.btn {padding: 0 15px} .btn, #anim ul li a.btn.watch {font-size: 13px !important} #anim ul li:first-child {padding-right:20px !important} #anim .platforms {font-size: 12px; line-height: 30px; margin-bottom: 20px;} #anim .platforms img {height: 30px; width: auto;} #anim ul li small {display: none} #mobile-app .inside > a {text-align:center; width: 50%; margin:0 !important} #mobile-app .inside > a * {width:auto; max-width: 90%; } #mobile-app ul li p {padding-top:0} .page-id-5480 .landing-top h1 {width: 100%;} } @media only screen and (max-width:480px) { #slide-1-layer-3 {font-size: 24px!important; top:-50px;} #slide-1-layer-5 {font-size: 16px !important; top: -60px; padding-right: 20% !important} #slide-1-layer-7 , #slide-1-layer-6 {top: -70px} #count {font-size: 14px !important; top: -60px} #pricing .scale li {font-size:10px;} #prices ul li {float:none; width: 100%; clear: both;} #newsletter h2 {font-size: 14px} #newsletter input[type="email"] {padding-right: 100px} #newsletter input[type="submit"] {padding:0 10px; font-size:12px;} .wpcf7 .box {width: 100%; float:none; clear:both; padding-right: 0} .wpcf7 .box.r {padding-left:0;} } @media only screen and (max-width:460px) { #anim .more:after {bottom:0} a {display:inline;} #anim ul li a.btn {padding: 0 10px} #anim ul li a.btn.blue {font-size: 14px !important} #page .post img {width: auto; float:none; clear: both; margin-left: 0; margin-right: 0; max-width:100%;} .page-id-5480 #page .post img {margin-left: auto; margin-right: auto;} #priceBuilder {padding:20px 10px} #priceBuilder h3 {font-size:16px;} #pricing .bill label {padding:5px} #priceBuilder .third:last-child label {margin-right:0 !important;} #pricing label[name="currency"] {padding-left:5px !important; padding-right:5px !important} /* .pack h4 {padding:20px 15px; font-size:16px; margin-bottom: 10px;} .pack ul {padding-left:15px; padding-right: 15px; padding-bottom: 10px;} */ #pricing .invidual {margin-top:0} #priceBuilder .scale {width:calc(100% + 10px); margin-left:-10px} }