[v-cloak] {display: none} .mjq-home2022 { background-color:#fff; } .mjq-home2022 .container { width:1100px; max-width: 100%; margin:auto; padding:0 20px; box-sizing:border-box; } .mjq-home2022 .container.full { width:100%; } .mjq-home2022 .container.nopadding { padding:0; } /* HEADER & LOGO */ .mjq-home2022 header { border-bottom:1px solid #dbe0f1; width:100%; height:65px; display:flex; align-items:center; box-sizing: border-box; background-color:#fff; } .mjq-home2022 header.sticky { position:fixed; top:0; left:0; right:0; background-color:#fff; z-index:20; } .mjq-home2022 header .logo { line-height:56px; border-right:1px solid #dbe0f1; display:inline-block; height:65px; padding:0 20px; flex-shrink:0; } .mjq-home2022 header .logo img { height: 30px; padding-top: 0; display: inline-block; vertical-align: middle; margin-right: 5px; } .mjq-home2022 header .logo a { color: #ff3000; font-size: 31px; font-weight: 300; display: block; letter-spacing: -1.5px; font-family: Ubuntu,sans-serif; margin-top:1px; } .mjq-home2022 header .logo a span { color: #2875d7; font-weight: 500; } .mjq-home2022 header .logo a b { color: #ff3000; font-weight: 500; } /* NAVIGATION */ .mjq-home2022 header .navigation-container { flex:1; display:flex; justify-content:space-between; padding-right:20px; padding-left:10px; } .mjq-home2022 .mjq-newhome .mjq-newhome-container { padding:0 20px; box-sizing:border-box; } .mjq-home2022 header .container.right .navigation-container { justify-content:right; } .mjq-home2022 header .container.right .logo { border-right:0; } .mjq-home2022 header .nav { display:flex; align-items:center; } .mjq-home2022 header .nav.left-nav { } .mjq-home2022 header .nav.right-nav { } .mjq-home2022 header .nav > .link { display:block; color:#333; font-weight:500; font-size:14px; line-height:14px; padding:25px 10px 22px 10px; cursor:pointer; border-bottom:3px solid transparent; } .mjq-home2022 header .nav > .link:hover { border-bottom:3px solid #2875d7; } .mjq-home2022 header .nav > a.special { border:2px solid #2875d7; color:#2875d7; font-size:14px; line-height:14px; padding:11px 15px; font-weight:600; border-radius:5px; transition: all ease-in-out .15s; margin:0 10px; } .mjq-home2022 header .nav > a.special.orange { border-color:#ff7353; color:#ff7353; } .mjq-home2022 header .nav > a.special:hover { background-color:#eee; border-bottom-width:2px; } .mjq-home2022 header .nav > .link i { font-size:11px; vertical-align: bottom; } .mjq-home2022 header .nav > .link i:before { color:#555; } /* DESKTOP & MOBILE NAVIGATION */ .mjq-home2022 .desktopmenu { display:flex; } .mjq-home2022 .mobile-menu-container { display:none; align-items:center; justify-content:space-between; width:100%; } .mjq-home2022 .tablet-menu-container { display:none; align-items:center; justify-content:space-between; width:100%; } .mjq-home2022 .mobilemenu { display:none; position: fixed; top:65px; z-index:20; left: 0; right: 0; bottom: 0; background: #f1f1f1; overflow: auto; padding-top: 20px; -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -o-transition: left .5s ease; -ms-transition: left .5s ease; transition: left .5s ease; } .mjq-home2022 .mobilemenu a { width: 90%; padding: 15px 10px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 5px auto; font-size: 13px; border-radius: 3px; color: #222; font-weight: 500; border-left: 3px solid transparent; display: block; background-color: #fff; } .mjq-home2022 .mobilemenu a:hover { background-color:#f9f9f9; } .mjq-home2022 .mobilemenu a li { list-style-type:none; } .mjq-home2022 .mobilemenu a.orange { border-left: 3px solid #ff7353; } .mjq-home2022 .mobilemenu a.blue { border-left: 3px solid #2875d7; } .mjq-home2022 .mobilemenu a i:before { color: #999; font-size: 16px; margin-right: 10px; } .mjq-home2022 .dropdown, .mjq-home2022 .account { width:65px; height:65px; line-height:65px; text-align:center; flex-shrink:0; border-right:1px solid #dbe0f1; cursor:pointer; } .mjq-home2022 .account { border-right:0; border-left:1px solid #dbe0f1; } .mjq-home2022 .mobile-menu-container .logo, .mjq-home2022 .tablet-menu-container .logo { border-right:0; } .mjq-home2022 .dropdown i.icon-cancel-1, .mjq-home2022 .dropdown.active i.icon-menu { display:none; } .mjq-home2022 .dropdown.active i.icon-cancel-1 { display:block; } .mjq-home2022 .dropdown i:before, .mjq-home2022 .account i:before { color:#444; } /* DROPDOWNS */ .mjq-home2022 .categories-dropdown .dropdownmenu-container { position:absolute; left:0; right:0; background-color:#F4F9FF; top:65px; z-index:10; border-bottom:5px solid #2875d7; padding:30px 20px 50px 20px; display:none; } .mjq-home2022 .categories-dropdown:hover .dropdownmenu-container { display:block; } .mjq-home2022 .dropdownmenu-container .menu { width:1100px; margin:auto; max-width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; } .mjq-home2022 .dropdownmenu-container .menu .column { width:25%; box-sizing:border-box; position:relative; } .mjq-home2022 .dropdownmenu-container .menu .single { padding:10px 20px; } .mjq-home2022 .dropdownmenu-container .menu .single a { padding:0; margin:0; line-height:normal; } .mjq-home2022 .dropdownmenu-container .menu .single .title { font-weight:600; font-size:16px; color: #2875d7; margin-bottom:10px; position:relative; display:flex; align-items:center; justify-content:left; } .mjq-home2022 .dropdownmenu-container .menu .single .title:hover { text-decoration:underline; } .mjq-home2022 .dropdownmenu-container .menu .single .title img { width:22px; margin-right:13px; } .mjq-home2022 .dropdownmenu-container .menu .single .title span { } .mjq-home2022 .dropdownmenu-container .menu .single .title:after { position:absolute; content:""; height:3px; width:50px; left:0; bottom:-10px; background-color:#2875d7; display:none; } .mjq-home2022 .dropdownmenu-container .menu .single .subs { padding-left:35px; } .mjq-home2022 .dropdownmenu-container .menu .single .subs a { font-weight:500; font-size:14px; color:#505566; display:block; margin-bottom:5px; } .mjq-home2022 .dropdownmenu-container .menu .single .subs a:hover { color:#2875d7; } .mjq-home2022 .dropdownmenu-container .moretrades-container { width: 450px; position: absolute; bottom:23px; right:36px; background: #fff; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; border-radius: 10px } .mjq-home2022 .dropdownmenu-container .moretrades-container p { font-weight:500; font-size:16px; line-height:1.4em; color:#505566; margin-bottom:20px; } .mjq-home2022 .dropdownmenu-container .moretrades-container .button { color:#2875d7; font-weight:600; text-decoration:underline; font-size:15px; } /* TOP SECTION */ .mjq-home2022 section { padding:150px 0; text-align:center; } .mjq-home2022 section.blue { background-color:#F4F9FF; } .mjq-home2022 section.qform.withbenefits { padding:80px 0; } .mjq-home2022 section.nopadding { padding:0; } .mjq-home2022 section.bordertop { border-top:1px solid #dbe0f1; } .mjq-home2022 section.borderbottom { border-bottom:1px solid #dbe0f1; } .mjq-home2022 section.top { width:650px; max-width:100%; margin:auto; padding:200px 0; text-align:center; position:relative; } .mjq-home2022 section.top h1 { font-weight:800; font-size:40px; color:#505566; margin-bottom:10px; } .mjq-home2022 section.top p.mainsubheading { font-size: 20px; color: #505566; font-weight: 500; margin-bottom: 40px; } .mjq-home2022 section.top .postcode-container { position:relative; width:100%; } .mjq-home2022 section.top input, .mjq-home2022 section.top button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; outline: 0; border:0; transition: all ease-in-out .15s; width: 100%; } .mjq-home2022 section.top input { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 42px 0px; padding:30px; padding-left:65px; padding-right:200px; width:100%; font-size:19px; font-weight:600; color:#777; border:3px solid #dbe0f1; } .mjq-home2022 section.top i.search { position:absolute; left:20px; font-size:20px; margin-top:-13px; top:50%; } .mjq-home2022 section.top i.search:before { color:#2875d7; } .mjq-home2022 section.top button { background-color:#ff7353; color:#fff; font-size:16px; line-height:16px; padding:20px; width:150px; font-weight:600; position:absolute; top:50%; margin-top:-28px; right:20px; border-radius:5px; } .mjq-home2022 section.top button:hover { cursor:pointer; background-color:#f66a4a; } .mjq-home2022 section.top .error-overlay { background-color: #ef5350; color: #fff; font-size: 15px; font-weight: 500; position:absolute; top:100%; width:300px; margin-left:-150px; left:50%; z-index:5; box-sizing:border-box; padding:15px; border-radius:0 0 5px 5px; } /* STAR RATING */ .mjq-home2022 section.top .reviews-rating { display:flex; align-items:center; justify-content:center; margin-top:30px; flex-wrap:wrap; } .mjq-home2022 section.top .reviews-rating img { margin-left:10px; } .mjq-home2022 section.top .reviews-rating img.logo { margin-top:-4px; } .mjq-home2022 section.top .reviews-rating .star-rating { font-size: 30px; margin-top: -3px; margin-right:20px; } .mjq-home2022 section.top .reviews-rating .star-rating .stars { width: 147px; display: inline-block; } .mjq-home2022 section.top .reviews-rating .star-rating .back-stars { position: relative; display: flex; } .mjq-home2022 section.top .reviews-rating .star-rating i:before { color: #000; margin: 0; padding: 0; } .mjq-home2022 section.top .reviews-rating .star-rating .front-stars { position: absolute; display: flex; overflow: hidden; left: 0; } .mjq-home2022 section.top .reviews-rating b { font-size:15px; color:#000; font-weight:500; } .mjq-home2022 section.top .reviews-rating.trustpilot img.stars { margin-right:15px; display:block; } /* BENEFITS */ .mjq-home2022 section.top .benefits-container { display:flex; align-items:center; justify-content:center; margin-top:25px; display:none; } .mjq-home2022 section.top .benefits-container .single { color:#000; margin:10px; } .mjq-home2022 section.top .benefits-container .single i { } .mjq-home2022 section.top .benefits-container .single i:before { color:#000; } .mjq-home2022 section.top .benefits-container .single span { font-size:15px; font-weight:600; } /* TOP IMAGES */ .mjq-home2022 .bg-container { position:absolute; display:flex; align-items:center; justify-content:center; width:100%; left:0; right:0; bottom:-83px; overflow:hidden; } .mjq-home2022 .bg-container img { } .mjq-home2022 .bg-container img.noarrow { display:none; } /* RECENT ARTICLES SECTION */ .mjq-home2022 section.recent-articles { } .mjq-home2022 section h2 { font-weight:700; font-size: 30px; color: #505566; margin-bottom:50px; position:relative; } .mjq-home2022 section h2.withsub { margin-bottom:20px; } .mjq-home2022 section .subheading { font-weight:500; font-size:20px; color: #505566; margin-bottom:50px; width:700px; max-width:100%; display:inline-block; } .mjq-home2022 section .subheading a.normal-link { color:#ff7353; } .mjq-home2022 section .subheading a.normal-link:hover { text-decoration:underline; } .mjq-home2022 section.recent-articles .article-container { display:flex; align-items:flex-start; justify-content:space-between; overflow:hidden; margin:0 -10px; margin-bottom:50px; } .mjq-home2022 section.recent-articles .article-container .single { width:25%; padding:0 10px; box-sizing:border-box; flex-shrink:0; transition: all ease-in-out .15s; } .mjq-home2022 section.recent-articles .article-container .single .image { background-position:center center; background-size:cover; background-repeat:no-repeat; height:300px; width:100%; display:block; border-radius:5px; margin-bottom:10px; transition: all ease-in-out .15s; } .mjq-home2022 section.recent-articles .article-container .single:hover .image { opacity:0.7; } .mjq-home2022 section.recent-articles .article-container .single .article-title { display:flex; align-items:center; text-align:left; } .mjq-home2022 section.recent-articles .article-container .single .article-title span { font-weight:500; font-size:15px; color: #505566; padding-right: 10px; } .mjq-home2022 section.recent-articles .article-container .single .article-title i { width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #2875d7; background-color:#fff; border-radius:50%; margin:0; padding:0; display:block; margin-right:10px; font-size:15px; flex-shrink:0; } .mjq-home2022 section.recent-articles .article-container .single .article-title i:before { color:#2875d7; } .mjq-home2022 section.recent-articles h2 .arrows-container { position:absolute; right:0; top:50%; margin-top:-22px; } .mjq-home2022 section.recent-articles h2 .arrows-container i { width:44px; height:44px; line-height:44px; text-align:center; margin:0; padding:0; border-radius:50%; border:1px solid #dbe0f1;display:inline-block; font-size:15px; cursor:pointer; } .mjq-home2022 section.recent-articles h2 .arrows-container i:before { color:#dbe0f1; } .mjq-home2022 section.recent-articles h2 .arrows-container i.active:before { color:#2875d7; } .mjq-home2022 section.recent-articles h2 .arrows-container i.left { margin-right:7px; } /* HOW IT WORKS */ .mjq-home2022 section.howitworks { } .mjq-home2022 section.howitworks .hiw-container { margin-bottom:60px; } .mjq-home2022 section.howitworks .hiw-container .hiw-inner-container { display:flex; } .mjq-home2022 section.howitworks .single { width:23%; text-align:center; } .mjq-home2022 section.howitworks .hiw-container.three .single { width:32%; border-radius: 5px; margin: 10px; } .mjq-home2022 section.howitworks .hiw-container.three .single.four { display:none; } .mjq-home2022 section.howitworks .single img { width:100%; display:block; margin-bottom:10px; } .mjq-home2022 section.howitworks .single .hiw-title { font-size:17px; color:#333; font-weight:600; margin-bottom:5px; } .mjq-home2022 section.howitworks .single p { font-size:16px; line-height:1.5em; color:#333; } .mjq-home2022 .findoutmore { background-color:#2875d7; color:#fff; font-size:16px; line-height:16px; padding:20px; min-width:150px; font-weight:600; text-align:center; display:inline-block; border-radius:5px; transition: all ease-in-out .15s; } .mjq-home2022 .findoutmore:hover { cursor:pointer; background-color:#1865c7; } .mjq-home2022 .findoutmore.blank { border:1px solid #2875d7; background-color:#fff; color:#2875d7; padding:19px; } /* POPULAR TRADES */ .mjq-home2022 section.populartrades { } .mjq-home2022 section.populartrades .pt-container { display:flex; justify-content:space-between; margin-bottom:60px; flex-wrap:wrap; } .mjq-home2022 section.populartrades .single { width:9%; margin:0 1%; text-align:center; margin-bottom:30px; padding:10px; box-sizing:border-box; } .mjq-home2022 section.populartrades .single img { width:100%; display:inline-block; margin-bottom:10px; padding:10px; box-sizing:border-box; max-width:90px; } .mjq-home2022 section.populartrades .single .pt-title { font-size:12px; color:#333; font-weight:500; } .mjq-home2022 section.populartrades .single:hover .pt-title { color:#2875d7; } /* FEATURED IN */ .mjq-home2022 section.featured { padding:50px 0; } .mjq-home2022 .featuredin-container { } .mjq-home2022 .featuredin-inner-container { display:flex; align-items:center; justify-content:center; } .mjq-home2022 .featuredin-container img { margin: 1%; width: 14%; } /* TRADE SIGNUP BANNER */ .mjq-home2022 section.tradesignupbanner { padding:50px 0; position:relative; background-color:#fff; } .mjq-home2022 section.tradesignupbanner.blue { background-color:#F4F9FF; } .mjq-home2022 .tradesignup-container { display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .tradesignup-container .title { font-weight:700; font-size:28px; color: #505566; text-align:left; padding-right:20px; } .mjq-home2022 .tradesignup-container a { background-color:#2875d7; color:#fff; font-size:16px; line-height:16px; padding:20px; font-weight:600; text-align:center; display:inline-block; border-radius:5px; transition: all ease-in-out .15s; flex-shrink:0; } .mjq-home2022 .tradesignup-container a:hover { cursor:pointer; background-color:#1865c7; } /* LOCATIONS */ .mjq-home2022 section.locations { } .mjq-home2022 .location-container { display:flex; align-items:center; justify-content:space-between; margin-top:30px; } .mjq-home2022 .location-container img { width:55%; display:block; } .mjq-home2022 .location-container .locations { width:43%; flex-shrink:0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; } .mjq-home2022 .location-container .locations a { display:inline-block; background-color:#F4F9FF; color:#2875d7; font-weight:600; font-size:14px; padding:15px; margin:3px; border-radius:10px; box-sizing:border-box; transition: all ease-in-out .15s; } .mjq-home2022 .location-container .locations a:hover { background-color:#2875d7; color:#fff; } .mjq-home2022 .location-container .location-button { width:100%; margin-top:30px; } .mjq-home2022 .location-container .location-button a { text-decoration:underline; } /* IM A TRADE */ .mjq-home2022 section.imatrade { } .mjq-home2022 .imatrade-container { display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .imatrade-container img { display:block; width:50%; } .mjq-home2022 .imatrade-container .single { width:40%; text-align:left; } .mjq-home2022 .imatrade-container .single .title { font-weight: 700; font-size: 30px; color: #505566; margin-bottom: 20px; } .mjq-home2022 .imatrade-container .single p { color:#000; font-weight:500; font-size:20px; line-height:28px; margin-bottom:30px; } /* HOW TO GUIDES */ .mjq-home2022 section.howto { } .mjq-home2022 .howto-container { margin-bottom:50px; } .mjq-home2022 .howto-container .top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; } .mjq-home2022 .howto-container .bottom { display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .howto-container .single { border-radius:5px; position:relative; overflow:hidden; text-align:left; transition: all ease-in-out .15s; } .mjq-home2022 .howto-container .single:after { position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:linear-gradient(to top,rgba(7,35,58,0),rgba(7,35,58,.6)); } .mjq-home2022 .howto-container .single:hover { opacity:0.7; } .mjq-home2022 .howto-container .top .single { width:49%; } .mjq-home2022 .howto-container .bottom .single { width:32%; } .mjq-home2022 .howto-container .single img { display:block; width:100%; } .mjq-home2022 .howto-container .single p { position:absolute; top:20px; left:20px; right:20px; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; z-index:10; } .mjq-home2022 .howto-container .single span { position:absolute; top:40px; left:20px; right:20px; color:#fff; font-size:16px; font-weight:600; z-index:10; } .mjq-home2022 p.notice { border-radius: 3px; padding: 10px 10px; margin-top: 10px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mjq-home2022 p.notice.tip { background-color: #d9edf7; color: #31708f; } .mjq-home2022 p.notice.error { background-color: #f2dede; color: #b74947; } .mjq-home2022 p.notice.success { background-color:#e0f3e0; color:#238920; } .mjq-home2022 a { overflow-wrap: break-word; word-wrap: break-word; } /* RECENT JOBS */ .mjq-home2022 section.recentjobs { } .mjq-home2022 .recentjobs-container { display:flex; justify-content:space-between; margin-bottom:50px; max-height:700px; overflow:hidden; position:relative; } .mjq-home2022 .recentjobs-container:after { position:absolute; content:""; height:300px; bottom:0; left:0; right:0; background: linear-gradient(to top,rgba(244,249,255,1),rgba(244,249,255,0)); } .mjq-home2022 .recentjobs-container .column { width:25%; } .mjq-home2022 .recentjobs-container .single { background-color:#fff; border-radius:5px; margin:20px 10px; padding:20px; text-align:left; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; } .mjq-home2022 .recentjobs-container .single .job { font-size:12px; text-transform:uppercase; color:#505566; font-weight:600; border-bottom:1px solid #dbe0f1; padding-bottom:5px; margin-bottom:10px; } .mjq-home2022 .recentjobs-container .single .trade { display:flex; align-items:center; justify-content:space-between; padding:10px; background-color: #F4F9FF; margin-bottom:10px; border-radius:10px; } .mjq-home2022 .recentjobs-container .single .trade .tradeimage { border-radius:50%; width:40px; height:40px; margin-right:10px; flex-shrink:0; background-position:center center; background-size:cover; background-repeat:no-repeat } .mjq-home2022 .recentjobs-container .single .trade .tradename { color:#505566; font-size:14px; font-weight:500; } .mjq-home2022 .recentjobs-container .single .review { } .mjq-home2022 .recentjobs-container .single .review p { font-size:14px; color:#000; } .mjq-home2022 .recentjobs-container .single .review .rating { font-size:0; } .mjq-home2022 .recentjobs-container .single .review .rating i { font-size:17px; } .mjq-home2022 .recentjobs-container .single .review .rating i:before { margin:0; padding:0; color:gold; } .main-popup-container.minimal { padding:0; } .main-popup-container.minimal .catpopupimage { background-position:center center; background-size:cover; background-repeat:no-repeat; webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease; width:100px; height:100px; border-radius:50%; margin:auto; margin-top:40px; } .main-popup-container.minimal .catpopupimage.hidden { height:0px; } .main-popup-container.minimal .catpopupimage img { width:100%; } .main-popup-container.minimal .qform2022 { width:auto; padding:0 40px; } .main-popup-container.minimal h1 { font-weight: 600; font-size: 23px; color: #505566; margin-bottom: 10px; text-align: center; padding-top:40px; } .main-popup-container.minimal h2:not(.first-step-title) { text-align:center; width:350px; max-width:100%; margin:auto; } .main-popup-container.minimal .popup-title { margin-top:40px; } .main-popup-container.minimal .qform2022 .buttons-container.minimalstep1 { justify-content: center; } .main-popup-container.minimal .qform2022 .buttons-container.minimalstep1 button.button { order:2; } .main-popup-container.minimal .qform2022 .buttons-container.minimalstep1 button.button.clear { order: 1; margin-right: 10px; } .main-popup-container.minimal .qform2022 button.button.clear { margin-right:10px; } .main-popup-container.minimal .stickybottom { padding: 10px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #eee; margin:0; margin-top:40px; } .main-popup-container.minimal .stickybottom span { font-size: 11px; line-height: 15px; color: #555; } .main-popup-container.minimal .stickybottom .tponpopup { display:flex; align-items: center; text-align: center; justify-content: center; flex-wrap:wrap; } .main-popup-container.minimal .stickybottom .tponpopup img { width:100px; margin-right:10px; } .main-popup-container.minimal .stickybottom .tponpopup b { font-size: 12px; font-weight: 500; color:#000; } .main-popup-container.minimal .stickybottom .tponpopup a { text-decoration:underline; color:#000; } .main-popup-container.minimal .stickybottom .tponpopup i { font-style:normal; } .main-popup-container.minimal .stickybottom .tponpopup a:hover { color:#ff7353; } .main-popup-container.minimal .qform2022:not(.first-step) > .single .title, .main-popup-container.minimal .qform2022:not(.first-step) .vue-blank > .single .title { text-align:center; padding:0 40px; margin-top:20px; } .main-popup-container.minimal .matchedtrades { background-color:#f4f9ff; padding:100px 20px; margin:-20px -40px 20px -40px; text-align:center; } .main-popup-container.minimal .matchedtrades i:before { color:#fff; font-size:25px; height:60px; line-height:60px; width:60px; background-color:#62c92b; border-radius:50%; text-align:center; display:inline-block; } .main-popup-container.minimal .matchedtrades .t1 { color:#000; font-weight:500; font-size:25px; margin-top:30px; margin-bottom:10px; } .main-popup-container.minimal .matchedtrades .t2 { color:#000; font-weight:400; font-size:16px; line-height:1.4em; width:80%; margin:auto; } .main-popup-container.minimal .qform2022 .buttons-container.withmatchedtrades { margin:-20px 0; } .main-popup-container.minimal .qform2022 button.button.full.nomargin { margin-top:0; } .main-popup-container.minimal .qform2022 .addphotos-container .photo i:before { margin:0; } .main-popup-container.minimal .qform2022:not(.first-step) .vue-blank > .single .subtitle, .main-popup-container.minimal .qform2022:not(.first-step) > .single .subtitle { text-align:center; } .main-popup-container.minimal .qform2022 .addphotos-container { justify-content:center; } @media all and (max-width: 620px) and (min-width: 0px) { .main-popup-container.minimal .catpopupimage { margin-top:20px; } .main-popup-container.minimal .stickybottom { position:absolute; bottom:0; } .main-popup-container.minimal { top:0 !important; bottom:0; left:0; right:0; padding-top:40px; } .main-popup-container.minimal .qform2022 > .single .title { margin-top:0; padding:0; } .main-popup-container.minimal .qform2022 .addphotos-container .photo { width:50px; height:50px; line-height:50px; } .main-popup-container.minimal .matchedtrades { margin: -125px -30px 20px -30px; padding-top:150px; padding-bottom:75px; } .main-popup-container.minimal .qform2022 .job-description .char { font-size:11px; padding:7px; } .main-popup-container.minimal .qform2022 .options-container .single { padding:15px; } .main-popup-container.minimal .qform2022 .options-container .single .t1 { font-size:14px; } .main-popup-container.minimal .qform2022 .options-container.radio .single .opt { width:15px; height:15px; border-width:3px; margin-right:10px; } .main-popup-container.minimal .qform2022 .options-container.checkbox .single .opt { width:15px; height:15px; border-width:2px; margin-right:10px; } .main-popup-container.minimal .qform2022 button.button { padding:16px; font-size:15px; width:175px; } .main-popup-container.minimal .qform2022 button.button.clear { padding:15px; width:80px; } .main-popup-container.minimal .qform2022 button.button.full { width:100%; } .main-popup-container.minimal .qform2022 .options-container.checkbox .single .opt:after { margin-left: -8px; margin-top: -8px; font-size:15px; } .main-popup-container.minimal p.error-message, p.error-message { padding:10px; font-size:13px; } .main-popup-container.minimal .qform2022 .terms-container.checkbox { margin-bottom:20px; } .main-popup-container.minimal .qform2022 .job-description textarea { height:150px; font-size:14px; } .main-popup-container.minimal .close-general-popup, .main-popup-container .close-popup-x { margin-bottom:20px; } .main-popup-container.minimal .qform2022 { padding:0 30px; } } @media all and (max-width: 450px) and (min-width: 0px) { .main-popup-container.minimal .stickybottom .tponpopup i { display:none; } .main-popup-container.minimal .qform2022 button.button { font-size:14px; } .main-popup-container.minimal .stickybottom span { display:block; margin:auto; margin-bottom:5px; width:250px; max-width:100%; } } @media all and (max-width: 320px) and (min-width: 0px) { .main-popup-container.minimal .stickybottom .tponpopup b { width:100%; } } @-webkit-keyframes scrollhome { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateY(-75%); transform: translateY(-75%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes scrollhome { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-75%); transform: translateY(-75%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .recentjobs-container .slider .slide-track { -webkit-animation: scrollhome 75s linear infinite; animation: scrollhome 75s linear infinite; } /* TESTIMONIALS */ .mjq-home2022 section.testimonials { } .mjq-home2022 .testimonials-container { } .mjq-home2022 .testimonials-container .left { width:100%; display:flex; justify-content: space-between; } .mjq-home2022 .testimonials-container .right { width:100%; display:flex; align-items:stretch; justify-content:space-between; } .mjq-home2022 .testimonials-container .overall { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; border-radius:5px; margin:0; margin-bottom: 30px; padding: 40px; align-items: center; justify-content: space-around; display: flex; width: 48%; box-sizing: border-box; background: #fff; } .mjq-home2022 .testimonials-container .overall .title { font-size: 20px; font-weight:700; margin-bottom:10px; color:#000; text-transform:uppercase; } .mjq-home2022 .testimonials-container .overall .review-count { font-size: 16px; font-weight: 500; margin-bottom:10px; color:#000; } .mjq-home2022 .testimonials-container .overall .review-rating { font-size: 16px; font-weight: 500; margin-bottom:10px; color:#000; } .mjq-home2022 .testimonials-container .overall .star-rating { font-size: 30px; margin-top: -3px; } .mjq-home2022 .testimonials-container .overall .star-rating .stars { width: 147px; display: inline-block; } .mjq-home2022 .testimonials-container .overall .star-rating .back-stars { position: relative; display: flex; } .mjq-home2022 .testimonials-container .overall .star-rating i:before { color: #000; margin: 0; padding: 0; } .mjq-home2022 .testimonials-container .overall .star-rating .front-stars { position: absolute; display: flex; overflow: hidden; left: 0; } .mjq-home2022 .testimonials-container .overall img { width:170px; max-width:100%; display:inline-block; margin:0; } .mjq-home2022 .testimonials-container .overall.tp img { margin-bottom:8px; } .mjq-home2022 .testimonials-container .overall .review-rating { margin-bottom:0; } .mjq-home2022 .testimonials-container .single { width:31%; box-sizing:border-box; background-color:#fff; border-radius:5px; margin-bottom:20px; padding:20px; padding-bottom:100px; position:relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; } .mjq-home2022 .testimonials-container .single .bottom { position:absolute; bottom:20px; left:0; right:0; width:100%; } .mjq-home2022 .testimonials-container .single p { font-size:15px; color:#000; margin-bottom:10px; } .mjq-home2022 .testimonials-container .single .individual-stars { font-size:0; } .mjq-home2022 .testimonials-container .single .individual-stars i { font-size:18px;} .mjq-home2022 .testimonials-container .single .individual-stars i:before { color:#01A67E; margin:0; padding:0; } .mjq-home2022 .testimonials-container .single .name { color:#000; font-weight:700; margin-top:20px; font-size:16px; } .mjq-home2022 .testimonials-container .single span { color:#666; margin-top:10px; font-size:12px; } .mjq-home2022 .testimonials-container p.morereviews a { font-size:17px; font-weight:500; color:#505566; text-decoration:underline;} .mjq-home2022 .testimonials-container p.morereviews a:hover { color:#464B5C; } /* POSTCODE BANNER */ .mjq-home2022 section.postcodebanner { padding:50px 0; } .mjq-home2022 .postcodebanner-container { display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .postcodebanner-container .postcodebannerinput-container { position:relative; } .mjq-home2022 .postcodebanner-container .title { font-weight:700; font-size:28px; color: #505566; text-align:left; padding-right:20px; } .mjq-home2022 .postcodebanner-container input, .mjq-home2022 .postcodebanner-container button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; outline: 0; border:0; transition: all ease-in-out .15s; width: 100%; } .mjq-home2022 .postcodebanner-container input { border-radius: 10px; padding:20px; padding-right:150px; width:400px; font-size:16px; font-weight:600; color:#777; border:2px solid #dbe0f1; max-width:100%; } .mjq-home2022 .postcodebanner-container button { background-color: #ff7353; color: #fff; font-size: 15px; line-height: 15px; padding: 16px; width: 130px; font-weight: 600; position: absolute; top: 50%; margin-top: -23px; right: 10px; border-radius: 5px; } .mjq-home2022 .postcodebanner-container button:hover { cursor:pointer; background-color:#f66a4a; } @media all and (max-width: 1600px) and (min-width: 0px) { .mjq-home2022 section.top { padding:175px 0; padding-top:100px; } } @media all and (max-width: 1300px) and (min-width: 0px) { .mjq-home2022 .bg-container { bottom:0; } .mjq-home2022 section.top { padding:175px 0; padding-top:100px; } .mjq-home2022 .bg-container img { width:1300px; } } @media all and (max-width: 1100px) and (min-width: 0px) { .mjq-home2022 .tradesignup-container .title { font-size:25px; } } @media all and (max-width: 1070px) and (min-width: 0px) { .mjq-home2022 .desktopmenu { display:none; } .mjq-home2022 .tablet-menu-container { display:flex; } .mjq-home2022 header .navigation-container { justify-content:flex-end; } .mjq-home2022 .mjq-newhome .mjq-newhome-container { padding:0; } } @media all and (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 section.top { padding-top:100px; } .mjq-home2022 .bg-container img { display:none; width:100%; min-width:700px; } .mjq-home2022 .bg-container img.noarrow { display:block; } .mjq-home2022 section { padding:100px 0; } .mjq-home2022 .imatrade-container { justify-content:center; } .mjq-home2022 .imatrade-container img { width:45%; margin-right:5%; } .mjq-home2022 section.recent-articles h2 .arrows-container { display:none; } .mjq-home2022 section.recent-articles .article-container { flex-wrap:wrap; justify-content:center; } .mjq-home2022 section.recent-articles .article-container .single { width:32%; margin-bottom:20px; } .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(10), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(11), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(12) { display:none; } } @media all and (max-width: 900px) and (min-width: 0px) { .mjq-home2022 .recentjobs-container .column { width:33%; } .mjq-home2022 .recentjobs-container .column:nth-of-type(4) { display:none; } .mjq-home2022 .testimonials-container .overall { padding:20px; } .mjq-home2022 .testimonials-container .overall img { width:150px; } .mjq-home2022 section.howitworks .hiw-container { width:100%; overflow-y:hidden; margin-bottom:40px; } .mjq-home2022 section.howitworks .hiw-container .hiw-inner-container { width:900px; } .mjq-home2022 section.howitworks .hiw-container.three .single { background: #fff; padding: 20px; } } @media all and (max-width: 800px) and (min-width: 0px) { .mjq-home2022 .featuredin-inner-container { flex-wrap:wrap; } .mjq-home2022 .featuredin-inner-container img { width:30%; } .mjq-home2022 .featuredin-container img { margin:1%; } .mjq-home2022 section.populartrades .single { width:14%; } .mjq-home2022 section.populartrades .pt-container { margin-bottom:30px; } .mjq-home2022 section.recent-articles .article-container .single { width:48%; } .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(5), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(6), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(7), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(8), .mjq-home2022 section.recent-articles .article-container .single:nth-of-type(9) { display:none; } .mjq-home2022 .location-container { margin-top:0; } .mjq-home2022 .location-container img { display:none; } .mjq-home2022 .location-container .locations { width:100%; } .mjq-home2022 .howto-container .bottom .single { width:49%; } .mjq-home2022 .howto-container .bottom .single:nth-of-type(3) { display:none; } .mjq-home2022 .postcodebanner-container { display:block; } .mjq-home2022 .postcodebanner-container .title { padding-right:0; margin-bottom:20px; text-align:center; } .mjq-home2022 .postcodebanner-container .postcodebannerinput-container { display:inline-block; width:100%; max-width:500px; } .mjq-home2022 .postcodebanner-container input { width:100%; } .mjq-home2022 .testimonials-container .overall img { width:120px; } .mjq-home2022 .testimonials-container .overall .title { font-size:17px; } .mjq-home2022 .testimonials-container .overall .review-count, .mjq-home2022 .testimonials-container .overall .review-rating { font-size:14px; } } @media all and (max-width: 700px) and (min-width: 0px) { .mjq-home2022 section.top { padding: 150px 20px; padding-top: 70px; box-sizing: border-box; } .mjq-home2022 section.top .reviews-rating { margin-top:15px; } .mjq-home2022 section.top .reviews-rating .star-rating { font-size:25px; margin-right:10px; } .mjq-home2022 section.top .reviews-rating .star-rating .stars { width:122px; } .mjq-home2022 section.top .reviews-rating b { font-size:13px; } .mjq-home2022 section.top .reviews-rating img { width:100px; margin-left:5px; } .mjq-home2022 section.top .reviews-rating.trustpilot img.stars { margin-left:0; margin-right:10px; } .mjq-home2022 section.top h1 { font-size:35px; } .mjq-home2022 .tradesignup-container .title { font-size:20px; } .mjq-home2022 section { padding:80px 0; } .mjq-home2022 section.populartrades .pt-container { justify-content:center; } .mjq-home2022 section.populartrades .single { width:20%; } .mjq-home2022 .imatrade-container { flex-wrap:wrap; } .mjq-home2022 .imatrade-container img { width:50%; min-width:300px; max-width:100%; margin-right:0; margin-bottom:10px; } .mjq-home2022 .imatrade-container .single { width:100%; text-align:center; } .mjq-home2022 .recentjobs-container .column { width:50%; } .mjq-home2022 .recentjobs-container .column:nth-of-type(3) { display:none; } .mjq-home2022 .testimonials-container .single { width:48%; } .mjq-home2022 .testimonials-container .single:nth-of-type(3) { display:none; } .mjq-home2022 .testimonials-container .overall { flex-wrap:wrap; margin-bottom:20px; } .mjq-home2022 .testimonials-container .overall > div { width:100%; margin-top:10px; } .mjq-home2022 .testimonials-container .overall.tp img { margin-top:-5px; margin-bottom:5px; } .mjq-home2022 .testimonials-container .overall.rio img { padding:6px 0; } .mjq-home2022 .tablet-menu-container { display:none; } .mjq-home2022 .mobile-menu-container { display:flex; } .mjq-home2022 section.top .error-overlay { padding:10px; } } @media all and (max-width: 550px) and (min-width: 0px) { .mjq-home2022 section.top { padding-top:70px; } .mjq-home2022 section.top .reviews-rating .star-rating { font-size:20px; margin-right:10px; } .mjq-home2022 section.top .reviews-rating .star-rating .stars { width:97px; } .mjq-home2022 section.top .reviews-rating b { font-size:12px; } .mjq-home2022 section.top .reviews-rating img { width:80px; } .mjq-home2022 section.top .reviews-rating img.logo { margin-top:-2px; } .mjq-home2022 section.top h1 { font-size:30px; margin-bottom:10px; } .mjq-home2022 .bg-container img { min-width:600px; } .mjq-home2022 section.top input { padding:25px; font-size:16px; border-width:2px; padding-left:55px; padding-right: 150px; } .mjq-home2022 section.top i.search { font-size: 16px; margin-top: -10px; } .mjq-home2022 section.top button { font-size: 15px; line-height: 15px; padding:20px 5px; width: 130px; margin-top: -27px; right: 10px; } .mjq-home2022 .tradesignup-container { flex-wrap:wrap; justify-content: center; } .mjq-home2022 .tradesignup-container .title { width:100%; text-align:center; padding-right:0; margin-bottom:10px; } .mjq-home2022 section { padding:60px 0; } .mjq-home2022 section.qform.withbenefits { padding-top:60px; } .mjq-home2022 .howto-container .top, .mjq-home2022 .howto-container .bottom { flex-wrap:wrap; margin-bottom:0; } .mjq-home2022 .howto-container .top .single, .mjq-home2022 .howto-container .bottom .single { width:100%; margin-bottom:20px; } .mjq-home2022 .howto-container { margin-bottom:30px; } .mjq-home2022 .postcodebanner-container .title { font-size:24px; } } @media all and (max-width: 450px) and (min-width: 0px) { .mjq-home2022 section.top input { font-size:13px; padding-left:40px; padding-right: 125px; } .mjq-home2022 section.top i.search { font-size:14px; margin-top:-9px; left:15px; } .mjq-home2022 section.top button { font-size:13px; width:110px; line-height: 14px; } .mjq-home2022 .bg-container img { min-width:550px; } .mjq-home2022 section.top input { padding-left:40px; padding-right: 125px; } .mjq-home2022 section h2 { font-size:25px; margin-bottom:30px; } .mjq-home2022 section .subheading { font-size:16px; } .mjq-home2022 section.populartrades .single { width:31%; max-width:110px; } .mjq-home2022 .imatrade-container .single .title { font-size:25px; } .mjq-home2022 .imatrade-container .single p { font-size:17px; } .mjq-home2022 .recentjobs-container { flex-wrap:wrap; margin-bottom:30px; } .mjq-home2022 .recentjobs-container .column { width:100%; } .mjq-home2022 .recentjobs-container .single { margin:0; margin-bottom:20px; } .mjq-home2022 .recentjobs-container .single .trade { justify-content:left; } .mjq-home2022 .findoutmore.blank { margin-top:10px; } .mjq-home2022 section.recent-articles .article-container .single { width:100%; } .mjq-home2022 .testimonials-container .right { flex-wrap:wrap; justify-content: center; } .mjq-home2022 .testimonials-container .single { width:98%; } .mjq-home2022 .testimonials-container .single:nth-of-type(3) { display:block; } .mjq-home2022 .testimonials-container .left { flex-wrap:wrap; } .mjq-home2022 .testimonials-container .overall { width:100%; } .mjq-home2022 .testimonials-container .overall > div { width:auto; margin-top:0; } } @media all and (max-width: 400px) and (min-width: 0px) { .mjq-home2022 .postcodebanner-container button { font-size: 13px; padding: 16px 10px; width: 110px; } .mjq-home2022 .postcodebanner-container input { padding-right:130px; font-size:14px; } } @media all and (max-width: 370px) and (min-width: 0px) { .mjq-home2022 .bg-container img { min-width:500px; } .mjq-home2022 section.top input { font-size:12px; } .mjq-home2022 section.top .reviews-rating .star-rating { width:100%; margin:0; margin-bottom:5px; } .mjq-home2022 section.top .reviews-rating.trustpilot .tpstarcontainer { width:100%; } .mjq-home2022 section.top .reviews-rating.trustpilot img.stars { display:inline-block; margin:0; } .mjq-home2022 section.top i.search { display:none; } .mjq-home2022 section.top input { padding-left:20px; } .mjq-home2022 section.top h1 { font-size:25px; } .mjq-home2022 section.top { padding-bottom:95px; } .mjq-home2022 header .logo a { margin-top:4px; font-size:25px; } .mjq-home2022 header .logo img { height:24px; } .mjq-home2022 .postcodebanner-container input { font-size:12px; } .mjq-home2022 .postcodebanner-container button { font-size:12px; padding: 15px 10px; line-height:12px; margin-top:-21px; } .mjq-home2022 section.top .error-overlay { width:90%; left:5%; margin-left:0; font-size:13px; } } @media all and (max-width: 330px) and (min-width: 0px) { .mjq-home2022 section.top button { position: relative; top: auto; left: auto; right: auto; margin: 0; margin-top: 10px; } .mjq-home2022 section.top input { padding-right: 20px; } .mjq-home2022 .postcodebanner-container button { position: relative; top: auto; left: auto; right: auto; margin: 0; margin-top: 10px; } .mjq-home2022 .postcodebanner-container input { padding-right: 20px; } .mjq-home2022 section.populartrades .single { width:45%; } .mjq-home2022 .mobile-menu-container { justify-content:left; } .mjq-home2022 .account { display:none; } .mjq-home2022 .testimonials-container .overall > div { width:100%; } .mjq-home2022 section.top .error-overlay { bottom:100%; top:auto; border-radius:5px 5px 0 0; } } /* QUESTIONS PAGES */ .mjq-home2022 section.askatrade { padding:50px 0; } .mjq-home2022 .askatrade-container { display:flex; justify-content:space-between; text-align:left; align-items: flex-start; } .mjq-home2022 .askatrade-container .left { width:66%; } .mjq-home2022 .askatrade-container .right { width:30%; } .mjq-home2022 .askatrade-container .question { margin-bottom:40px; box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding: 30px; } .mjq-home2022 .askatrade-container .question.small { margin-bottom:0; margin-top:40px; } .mjq-home2022 .askatrade-container .question h1 { font-weight:700; font-size:27px; color: #505566; margin-bottom: 10px; } .mjq-home2022 .askatrade-container .question .category { font-size:14px; } .mjq-home2022 .askatrade-container .question .category a { color:#000; } .mjq-home2022 .askatrade-container .question .category a:hover { text-decoration:underline; } .mjq-home2022 .askatrade-container .question .category span a { color:#ff7353; } .mjq-home2022 .askatrade-container .question p { color:#444; font-size:15px; margin:20px 0; display:block; } .mjq-home2022 .askatrade-container .question .homeowner-author { color:#A3A8B9; font-size:13px; font-weight:500; font-style:italic; } .mjq-home2022 .askatrade-container .question .answer-button { background-color: #2875d7; color: #fff; font-size: 14px; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-top:20px; } .mjq-home2022 .askatrade-container .question .answer-button:hover { background-color: #1865c7; } .mjq-home2022 .askatrade-container .answers { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; } .mjq-home2022 .askatrade-container .answers .answer-title { font-size:19px; color:#505566; font-weight:600; padding:30px; } .mjq-home2022 .askatrade-container .answers .single { padding: 40px 30px; position:relative; } .mjq-home2022 .askatrade-container .answers .single:nth-of-type(2n) { background-color: #f9f9f9; } .mjq-home2022 .askatrade-container .answers .single .top { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; } .mjq-home2022 .askatrade-container .answers .single .bottom { display:flex; justify-content:space-between; align-items:center;} .mjq-home2022 .askatrade-container .answers .single .vote { cursor:pointer; border-radius:50px; border:1px solid #CDD2E3; display:flex; align-items:center; overflow:hidden; background-color:#CDD2E3; flex-shrink:0; margin-left:20px; } .mjq-home2022 .askatrade-container .answers .single .vote i { font-size:12px; width:35px; height:30px; line-height:30px; text-align:center; display:block; padding-left:5px; } .mjq-home2022 .askatrade-container .answers .single .vote i:before { color:#fff; font-size:12px; } .mjq-home2022 .askatrade-container .answers .single .vote span { color:#2875d7; font-weight:600; font-size:12px; display:block; width:35px; height:30px; line-height:30px; text-align:center; padding-right:5px; background-color:#fff; } .mjq-home2022 .askatrade-container .answers .single .vote:hover { background-color:#2875d7; border-color:#2875d7; } .mjq-home2022 .askatrade-container .answers .single .bestanswer { display:none; margin-left:10px; flex-shrink:0; font-size:15px; } .mjq-home2022 .askatrade-container .answers .single .bestanswer i { } .mjq-home2022 .askatrade-container .answers .single .bestanswer i:before { color:#2875d7; } .mjq-home2022 .askatrade-container .answers .single .bestanswer span { color:#2875d7; font-weight:500; } .mjq-home2022 .askatrade-container .answers .single .bestanswer.active { display:block; } .mjq-home2022 .askatrade-container .answers .single .trade { display:flex; align-items:center; } .mjq-home2022 .askatrade-container .answers .single .trade .trade-image { flex-shrink:0; border-radius:50%; background-position:center center; background-size:cover; height:40px; width:40px; margin-right:10px; } .mjq-home2022 .askatrade-container .answers .single .trade .trade-name a.name { color:#505566; font-weight:500; font-size:16px; } .mjq-home2022 .askatrade-container .answers .single .trade .trade-name a.name:hover { color:#2875d7; } .mjq-home2022 .askatrade-container .answers .single .trade .trade-name a.location { color:#A3A8B9; font-size:12px; display:block; } .mjq-home2022 .askatrade-container .answers .single .trade .trade-name a.location:hover { text-decoration:underline; } .mjq-home2022 .askatrade-container .answers .single .trade-answer { color:#444; font-size:15px; margin-bottom:10px; } .mjq-home2022 .askatrade-container .answers .single .trade-answer-date { color:#A3A8B9; font-size:13px; font-weight:500; font-style:italic; } .mjq-home2022 .askatrade-container .answers .single .trade-answer-date a { color:#A3A8B9; text-decoration:underline; cursor:pointer; } .mjq-home2022 .breadcrumbs-container { text-align:left; margin-bottom:40px; position:relative; } .mjq-home2022 .breadcrumbs-container.center { text-align:center; } .mjq-home2022 .breadcrumbs-container.narrow { width:70%; margin:auto; margin-bottom:30px; } .mjq-home2022 .breadcrumbs-container .main-title { color:#505566; font-weight:500; font-size:25px; margin-bottom:5px; padding-right:100px; } .mjq-home2022 .breadcrumbs-container .breadcrumbs { padding-right:100px; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a { color: #A3A8B9; font-size: 13px; font-weight: 500; position:relative; padding-left:20px; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a:before { position:absolute; content: '\e832'; font-family:'fontello_core'; left:5px; top:50%; margin-top:-5px; font-size:10px; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a:first-of-type:before { display:none; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a:first-of-type { padding-left:0; } .mjq-home2022 .breadcrumbs-container .back { position:absolute; top:50%; margin-top:-15px; right:0; background-color:#A3A8B9; color:#fff; font-weight:600; font-size:13px; padding: 7px 13px; display:inline-block; border-radius:3px; } .mjq-home2022 .breadcrumbs-container .back:hover { color:#2875d7; } .mjq-home2022 .askatrade-container .question-bottom { display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .askatrade-container .question-bottom .share { } .mjq-home2022 .askatrade-container .question-bottom .share span { color: #A3A8B9; font-size: 13px; margin-right:5px; } .mjq-home2022 .askatrade-container .question-bottom .share i { background-color:#A3A8B9; width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; display:inline-block; } .mjq-home2022 .askatrade-container .question-bottom .share i:before { color: #fff; font-size: 15px; } .mjq-home2022 .askatrade-container .question-bottom .share i:hover { background-color:#2875d7; } /* OTHER QUESTIONS */ .mjq-home2022 .askatrade-container .other-questions { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; margin-top:40px; padding:30px; } .mjq-home2022 .askatrade-container .other-questions .oq-title { font-size:19px; color:#505566; font-weight:600; margin-bottom:20px; } .mjq-home2022 .askatrade-container .other-questions .single { background: #F4F9FF; padding: 20px; border-radius: 5px; margin-bottom: 10px; } .mjq-home2022 .askatrade-container .other-questions .single .title { display: block; color: #505566; font-size: 17px; font-weight: 600; } .mjq-home2022 .askatrade-container .other-questions .single .category { font-size: 13px; color: #000;} .mjq-home2022 .askatrade-container .other-questions .single .count { color: #ff7353; font-size: 12px; font-weight: 700; } .mjq-home2022 .askatrade-container .other-questions .single .title:hover { color: #ff7353 } .mjq-home2022 .askatrade-container .other-questions .single .category:hover { text-decoration:underline; } .mjq-home2022 .askatrade-container .other-questions .single .count:hover { text-decoration:underline; } /* SIDEBAR */ .mjq-home2022 .askatrade-container .sidebar-container { } .mjq-home2022 .askatrade-container .sidebar-container .single { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding:20px; margin-bottom:20px; overflow:hidden; } .mjq-home2022 .askatrade-container .sidebar-container .single .search-title { color:#505566; font-size:17px; font-weight:600; } .mjq-home2022 .askatrade-container .single .search-input { position: relative; z-index:5; width: 100%; margin-top:20px; } .mjq-home2022 .askatrade-container .single .search-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; transition: all ease-in-out .15s; width: 100%; border-radius: 5px; padding: 15px; width: 100%; font-size: 13px; font-weight: 600; color: #777; border: 2px solid #dbe0f1; padding-right:95px; } .mjq-home2022 .askatrade-container .single .search-input button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; transition: all ease-in-out .15s; background-color: #ff7353; color: #fff; font-size: 14px; line-height: 14px; padding: 12px 15px; width: 80px; font-weight: 600; position: absolute; top: 50%; margin-top: -19px; right: 7px; border-radius: 5px; } .mjq-home2022 .askatrade-container .single .search-input button:hover { cursor: pointer; background-color: #f66a4a; } /* POST A JOB BANNER */ .mjq-home2022 .askatrade-container .postajob-container { overflow:hidden; box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; margin-top:40px; } .mjq-home2022 .askatrade-container .postajob-container.mobile-only { display:none; } .mjq-home2022 .askatrade-container .postajob-container.searchquestions { margin-top:0; } .mjq-home2022 .askatrade-container .postajob-container.searchquestions .single.postajobbanner { padding-bottom:0; } .mjq-home2022 .askatrade-container .postajob-container.searchquestions .content { margin-bottom:0; } .mjq-home2022 .askatrade-container .postajob-container .content { padding:30px; margin-bottom:40px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input { max-width:500px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input input { font-size:16px; padding:20px; padding-right:160px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input button { width: 130px; padding: 19px 15px;margin-top: -26px; right: 7px; } .mjq-home2022 .askatrade-container .single.postajobbanner { position:relative; padding-bottom:100px; } .mjq-home2022 .askatrade-container .single.postajobbanner.askatradebanner { padding-bottom:220px; } .mjq-home2022 .askatrade-container .single.postajobbanner .title { font-weight: 800; font-size: 19px; color: #505566; margin-bottom: 10px; } .mjq-home2022 .askatrade-container .single.postajobbanner .subtitle { font-size: 15px; color: #505566; font-weight: 500; } .mjq-home2022 .askatrade-container .postajob-container .content .title { font-size:25px; } .mjq-home2022 .askatrade-container .postajob-container .content .subtitle { font-size:19px; } .mjq-home2022 .askatrade-container .single.postajobbanner .bg { position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; left: 0; right: 0; bottom: 0; overflow: hidden; } .mjq-home2022 .askatrade-container .single.postajobbanner.askatradebanner .bg { bottom:-32px; } .mjq-home2022 .askatrade-container .single.postajobbanner .bg img { min-width: 500px; } .mjq-home2022 .askatrade-container .single.postajobbanner .button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-top: 20px; margin-bottom:10px; position:relative; z-index:5; } .mjq-home2022 .askatrade-container .single.postajobbanner .button:hover { background-color: #1865c7; } /* ASK A TRADE BANNER */ .mjq-home2022 .askatradebanner-container { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; margin-top: 40px; padding: 30px; position: relative; overflow:hidden; } .mjq-home2022 .askatradebanner-container.mobile-only { display:none; } .mjq-home2022 .askatradebanner-container.first { margin-top:0; margin-bottom:40px; } .mjq-home2022 .askatradebanner-container .content { width: 44%; position: relative; z-index: 5;} .mjq-home2022 .askatradebanner-container .title { font-size: 25px; font-weight: 800; color: #505566; margin-bottom: 10px; } .mjq-home2022 .askatradebanner-container .subtitle { font-size: 19px; color: #505566; font-weight: 500; } .mjq-home2022 .askatradebanner-container a.button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-top: 20px; margin-bottom: 10px; position: relative; z-index: 5; cursor:pointer; } .mjq-home2022 .askatradebanner-container a.button:hover { background-color: #1865c7; } .mjq-home2022 .askatradebanner-container img { width: 588px; position: absolute; bottom:-61px; right:-72px; max-width:84%; } /* PAGINATION */ .pagination-container { display:flex; margin-top:20px; } .pagination-container a { margin-right:5px; display:block; width:40px; height:45px; text-align:center; line-height:45px; font-weight:700; font-size:16px; background-color:#fff; color:#000; border:1px solid #dbe0f1; } .pagination-container a.active { background-color:#ff7353; color:#fff; border:1px solid #ff7353; } .pagination-container a.inactive { background-color:transparent; border:none; cursor:default; } .pagination-container a:hover { background-color:#ffeeea; } .pagination-container a.active:hover { background-color:#ff7353; color:#fff; cursor:default; } .pagination-container a.inactive:hover { background-color:transparent; } .pagination-container a i { } .pagination-container a i:before { color:#000; } .pagination-container a:nth-of-type(1) { border-radius:5px 0 0 5px; } .pagination-container a:nth-last-of-type(1) { border-radius:0 5px 5px 0; } .pagination-container.subtle.center { align-items: center; justify-content: center; } .pagination-container.subtle a { background-color:transparent; border:0; } .pagination-container.subtle a.active { background-color:transparent; color:#ff7353; border:0; } .pagination-container.subtle a:hover { color:#ff7353; } .pagination-container.subtle a.active:hover { background-color:transparent; color:#ff7353; } .pagination-container.subtle a.inactive:hover { color:#000; } .pagination-container.subtle a:hover i:before { color:#ff7353; } /* OTHER TRADES SIDEBAR */ .mjq-home2022 .askatrade-container .sidebar-container .single.locations { padding:0; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations .title { font-size: 13px; text-transform: uppercase; color: #A3A8B9; font-weight: 700; padding: 20px; border-bottom: 1px solid #f0f2f5; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations ul { list-style-type: none; padding: 20px; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations ul li { padding: 17px 20px; background-color: #f0f2f5; color: #505566; font-size: 13px; font-weight: 600; display: block; margin-bottom: 5px; border-radius: 3px; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations ul li:hover { background-color: #e6e8eb; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations .more-link { border-top: 1px solid #f0f2f5; padding: 10px 20px; font-size: 11px; font-weight: 800; text-transform: uppercase; } .mjq-home2022 .askatrade-container .sidebar-container .single.locations .more-link a { color: #ff7353; text-decoration: underline; } @media all and (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 .askatrade-container { flex-wrap:wrap; } .mjq-home2022 .askatrade-container .left { width:100%; } .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:170px; } .mjq-home2022 .askatrade-container .right { width:100%; margin-top:20px; } .mjq-home2022 .askatrade-container .postajob-container, .mjq-home2022 .askatrade-container .other-questions { margin-top:20px; } .mjq-home2022 .askatrade-container .question { margin-bottom:20px; } .mjq-home2022 .askatrade-container .question.small { margin-bottom:0; margin-top:20px; } .mjq-home2022 .askatradebanner-container { margin-top:20px; } .mjq-home2022 .askatradebanner-container.first { margin-top:0; margin-bottom:20px; } .mjq-home2022 .askatrade-container .sidebar-container .single.postajobbanner { display:none; } .mjq-home2022 .askatrade-container .sidebar-container .single.postajobbanner.askatradebanner { display:none; } .mjq-home2022 .askatradebanner-container.mobile-only { display:block; } .mjq-home2022 .askatrade-container .postajob-container.mobile-only { display:block; } } @media all and (max-width: 900px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:150px; } } @media all and (max-width: 800px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:120px; } } @media all and (max-width: 700px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:90px; } .mjq-home2022 .askatrade-container .answers .single .bottom { flex-wrap:wrap; } .mjq-home2022 .askatrade-container .answers .single .trade-answer-date { width:100%; } .mjq-home2022 .askatrade-container .answers .single .vote { margin-left:0; margin-top:15px; } .mjq-home2022 .askatradebanner-container { padding-bottom:150px; } .mjq-home2022 .askatradebanner-container .content { width: 100%; } .mjq-home2022 .askatradebanner-container img { right: auto; bottom: -67px; left: 0; width: 100%; max-width: 100%; } .mjq-home2022 .breadcrumbs-container.narrow { width:100%; } .pagination-container { justify-content:center; } } @media all and (max-width: 600px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:65px; } .mjq-home2022 .askatrade-container .question h1 { font-size:24px; margin-bottom:5px; } .mjq-home2022 .askatrade-container .question { padding:20px; } .mjq-home2022 .askatrade-container .question-bottom { flex-wrap:wrap; } .mjq-home2022 .askatrade-container .question .homeowner-author { width:100%; margin-bottom: 10px; } .mjq-home2022 .askatrade-container .question-bottom .share { width: 100%; } .mjq-home2022 .askatrade-container .answers .answer-title { padding:20px; } .mjq-home2022 .askatrade-container .answers .single { padding:30px 20px; } .mjq-home2022 .askatrade-container .postajob-container .content { padding:20px; margin-bottom:50px; } .mjq-home2022 .askatrade-container .other-questions { padding:20px; } .mjq-home2022 .help-page .breadcrumbs-container .breadcrumbs { display:none; } } @media all and (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .single.postajobbanner { padding-bottom:55px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input input { font-size: 15px; padding: 20px; padding-right: 125px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input button { width: 110px; padding: 18px 10px; margin-top: -25px; right: 7px; } .mjq-home2022 section.askatrade { padding:20px 0; } .mjq-home2022 .breadcrumbs-container { margin-bottom:20px; } .mjq-home2022 .breadcrumbs-container .main-title { font-size:21px; margin-bottom:0; } .mjq-home2022 .askatrade-container .other-questions .single { font-size:0; padding:15px; } .mjq-home2022 .askatrade-container .other-questions .single .category { display:block; } .mjq-home2022 .askatrade-container .other-questions .single .title { font-size:15px; } .mjq-home2022 .askatradebanner-container { padding-bottom:200px; } .mjq-home2022 .askatradebanner-container img { max-width:500px !important; width:500px; left:50%; margin-left:-250px; } } @media all and (max-width: 400px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .postajob-container .content .search-input input { font-size: 12px; padding: 18px 10px; padding-right: 100px; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input button { width: 100px; padding: 14px 7px; margin-top: -21px; right: 7px; font-size: 12px; } } @media all and (max-width: 350px) and (min-width: 0px) { .mjq-home2022 .askatrade-container .postajob-container .content .search-input input { display:none; } .mjq-home2022 .askatrade-container .postajob-container .content .search-input button { width: 120px; padding: 20px 7px; font-size: 14px; position: relative; margin: 0; right: auto; top: auto; } } /* ALL TRADES PAGE */ .mjq-home2022 .alltrades-container { display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; } .mjq-home2022 .alltrades-container .column { width:23.5%; margin-right:2%; } .mjq-home2022 .alltrades-container .column:nth-of-type(4n) { margin-right:0; } .mjq-home2022 .alltrades-container .single { margin-bottom: 40px; display:flex; align-items:flex-start; justify-content:space-between; box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; position:relative; overflow:hidden; padding-top:150px; } .mjq-home2022 .alltrades-container .single .content { padding:20px; text-align: left; width:100%; } .mjq-home2022 .alltrades-container .single .title { font-size: 16px; font-weight: 600; color: #505566; display:block; } .mjq-home2022 .alltrades-container .single .title:hover { color:#ff7353; } .mjq-home2022 .alltrades-container .single .image { width:100%; height:150px; flex-shrink: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; top: 0; bottom: 0; position: absolute; } .mjq-home2022 .alltrades-container .single .list { padding-right:10px; margin-top: 10px; transition: all ease-in-out .15s; font-size: 13px; color: #505566; } .mjq-home2022 .alltrades-container .single .content.active .list { height:auto; } .mjq-home2022 .alltrades-container .single .list a { font-size: 13px; color: #505566; display:block; margin-bottom:5px; position:relative; padding-left:10px; } .mjq-home2022 .alltrades-container .single .list a:after { position:absolute; content:'\e832'; font-family:'fontello_core'; left:0; font-size:10px; margin-top:-5px; top:50%; } .mjq-home2022 .alltrades-container .single .list a:hover { color:#ff7353; } @media all and (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 .alltrades-container .single .title { font-size:15px; } .mjq-home2022 .alltrades-container .single { margin-bottom:20px; } } @media all and (max-width: 750px) and (min-width: 0px) { .mjq-home2022 .alltrades-container .column { width:48%; margin-right:4%; } .mjq-home2022 .alltrades-container .column:nth-of-type(2n) { margin-right:0; } } @media all and (max-width: 450px) and (min-width: 0px) { .mjq-home2022 .alltrades-container .column { width:100%; margin-right:0; } .mjq-home2022 .alltrades-container .single { margin-bottom:10px; } } /* GENERAL ONE-COLUMN PAGES */ .mjq-home2022 section.general { padding:80px 0; } .mjq-home2022 .general-page { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding: 40px; width:70%; text-align:left; margin:auto; box-sizing:border-box; } .mjq-home2022 .general-page.clear { box-shadow:none; background-color:transparent; padding:0; display:block !important; } .mjq-home2022 .general-page h1 { font-weight: 700; font-size: 35px; color: #505566; margin: 0; margin-bottom:30px; } .mjq-home2022 .general-page h2 { font-size: 25px; color: #505566; font-weight: 600; margin: 0; margin-top:30px; margin-bottom:15px; } .mjq-home2022 .general-page p, .mjq-home2022 .general-page li { font-size:16px; color:#000; line-height:1.5em; } .mjq-home2022 .general-page p { margin-bottom:20px; } .mjq-home2022 .general-page p.last { margin-bottom:0; margin-top:20px; } .mjq-home2022 .general-page ol, .mjq-home2022 .general-page ul { padding-left:20px; margin-bottom:20px; } .mjq-home2022 .general-page ol ol, .mjq-home2022 .general-page ul ul { margin-top:10px; margin-bottom:10px; } .mjq-home2022 .general-page ul { list-style-type:square; } .mjq-home2022 .general-page ol li, .mjq-home2022 .general-page ul li { margin-bottom:10px; } .mjq-home2022 .general-page p a, .mjq-home2022 .general-page li a { color:#ff7353; } .mjq-home2022 .general-page p a:hover, .mjq-home2022 .general-page li a:hover { text-decoration:underline; } .mjq-home2022 .general-page a.normal-link, .mjq-home2022 .general-page.sitemap a { color:#ff7353; } .mjq-home2022 .general-page a.normal-link:hover, .mjq-home2022 .general-page.sitemap a:hover { text-decoration:underline; } .mjq-home2022 .general-page span.date { color: #A3A8B9; font-size: 13px; font-weight: 500; font-style: italic } .mjq-home2022 .general-page img { max-width:100%; border-radius:3px; } /* HELP PAGES */ .mjq-home2022 .help-hub-container { display:flex; align-items:flex-start; justify-content:center; } .mjq-home2022 .help-hub-container .single { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding: 40px; width: 30%; max-width:100%; text-align: center; margin:0 5%; } .mjq-home2022 .help-hub-container .single .title { font-weight: 700; font-size: 35px; color: #505566; margin: 0; margin-bottom: 40px; } .mjq-home2022 .help-hub-container .single img { width:100%; } .mjq-home2022 .help-hub-container .single p { font-size: 18px; color: #000; line-height: 1.4em; margin-bottom:20px; } .mjq-home2022 section.general .help-hub-container a.button { width:100%; padding:20px 0; } @media all and (max-width: 900px) and (min-width: 0px) { .mjq-home2022 .help-hub-container .single { padding:30px 20px; width:40%; margin:0 2%; } .mjq-home2022 .help-hub-container .single .title { font-size:30px; } } @media all and (max-width: 700px) and (min-width: 0px) { .mjq-home2022 .help-hub-container .single .title { font-size:25px; } .mjq-home2022 .help-hub-container .single p { font-size:16px; } } @media all and (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .help-hub-container { flex-wrap:wrap; } .mjq-home2022 .help-hub-container .single { width:100%; margin:0; margin-bottom:20px; } } /* HELP CATEGORY PAGE */ .mjq-home2022 .help-sub-container { } .mjq-home2022 .help-sub-container.margintop { margin-top:30px; } .mjq-home2022 .help-sub-container.margintop h2 { margin-top:0; } .mjq-home2022 .help-sub-container .search-input { position:relative; } .mjq-home2022 .help-sub-container .search-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; transition: all ease-in-out .15s; width: 100%; border-radius: 5px; width: 100%; font-weight: 600; color: #777; border: 2px solid #dbe0f1; font-size: 16px; padding: 20px; padding-right: 20px; padding-right: 160px; } .mjq-home2022 .help-sub-container .search-input button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border:0; transition: all ease-in-out .15s; background-color: #ff7353; color: #fff; font-size: 14px; line-height: 14px; font-weight: 600; position: absolute; top: 50%; border-radius: 5px; width: 130px; padding: 19px 15px; margin-top: -26px; right: 7px; } .mjq-home2022 .help-sub-container .search-input button:hover { cursor:pointer; background-color:#f66a4a; } .mjq-home2022 .help-sub-container .help-categories { display:flex; align-items:center; justify-content:space-between; margin-top:30px; flex-wrap:wrap; } .mjq-home2022 .help-sub-container .help-categories .single { background-color: #F4F9FF; padding:40px 0; width:31%; border-radius:5px; text-align:center; margin-bottom:20px; border:1px solid #dbe0f1; } .mjq-home2022 .help-sub-container .help-categories .single i { font-size:25px; display:block; margin-bottom:8px; } .mjq-home2022 .help-sub-container .help-categories .single i:before { color:#2875d7; } .mjq-home2022 .help-sub-container .help-categories .single span { color:#2875d7; font-weight:700; font-size:15px; } .mjq-home2022 .help-sub-container .help-categories .single:hover { background-color:#2875d7; } .mjq-home2022 .help-sub-container .help-categories .single:hover i:before, .mjq-home2022 .help-sub-container .help-categories .single:hover span { color:#fff; } .mjq-home2022 .help-sub-container .questions-list { } .mjq-home2022 .help-sub-container .questions-list .single { display:flex; align-items:center; justify-content:space-between; padding:15px; border-radius:5px; margin-bottom:10px; background-color: #F4F9FF; border:2px solid #F4F9FF; } .mjq-home2022 .help-sub-container .questions-list .single .left { display:flex; align-items:center; } .mjq-home2022 .help-sub-container .questions-list .single i { font-size:15px; margin-right:5px; } .mjq-home2022 .help-sub-container .questions-list .single i:before { color:#2875d7; } .mjq-home2022 .help-sub-container .questions-list .single span { font-size:15px; font-weight:600; color:#2875d7; } .mjq-home2022 .help-sub-container .questions-list .single b { font-size:14px; font-weight:normal; color:#A3A8B9; flex-shrink:0; padding-left:10px; } .mjq-home2022 .help-sub-container .questions-list .single:hover { border:2px solid #2875d7; } @media all and (max-width: 650px) and (min-width: 0px) { .mjq-home2022 .help-sub-container .help-categories { flex-wrap:wrap; } .mjq-home2022 .help-sub-container .help-categories .single { padding:15px; width:100%; text-align:left; margin-bottom:10px; } .mjq-home2022 .help-sub-container .help-categories .single i { font-size:18px; display:inline-block; margin-bottom:0; } .mjq-home2022 .help-sub-container .questions-list .single b { display:none; } .mjq-home2022 .help-sub-container .search-input input { font-size:13px; padding-right: 120px; } .mjq-home2022 .help-sub-container .search-input button { width:100px; padding: 15px 15px; margin-top: -22px; right: 10px; } } @media all and (max-width: 450px) and (min-width: 0px) { .mjq-home2022 .help-sub-container .search-input button { width:100%; position:relative; top:auto; right:auto; margin:0; margin-top:10px; } .mjq-home2022 .help-sub-container .search-input input { padding:15px; } } /* CONTACT US */ .mjq-home2022 .contactus-container { border: 1px solid #dbe0f1; border-bottom:0; border-radius: 5px; overflow:hidden; } .mjq-home2022 .contactus-container .single { padding:20px; cursor:pointer; border-bottom: 1px solid #dbe0f1; display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .contactus-container .single .left { display:flex; align-items:center; } .mjq-home2022 .contactus-container .single .left i { font-size:20px; margin-right:10px; } .mjq-home2022 .contactus-container .single .left i:before { color:#2875d7; } .mjq-home2022 .contactus-container .single .left span { color:#505566; font-size:16px; font-weight:600; } .mjq-home2022 .contactus-container .single i.right { font-size:15px; margin-left:10px; } .mjq-home2022 .contactus-container .single i.right:before { color:#A3A8B9; } .mjq-home2022 .contactus-container .single:hover i.right:before, .mjq-home2022 .contactus-container .single:hover span { color:#2875d7; } .mjq-home2022 .contactus-container .contactus-content { padding:20px; background-color: #fff; border-bottom: 1px solid #dbe0f1; } .mjq-home2022 .contactus-container .contactus-content .title { margin-bottom:20px; } .mjq-home2022 .contactus-container .contactus-content .title i { font-size:20px; } .mjq-home2022 .contactus-container .contactus-content .title i:before { color:#2875d7; } .mjq-home2022 .contactus-container .contactus-content .title span { color:#505566; font-size:20px; font-weight:600; } .mjq-home2022 .contactus-container .contactus-content p { } .mjq-home2022 .contactus-container .contactus-content label { font-size: 11px; color: #333; font-weight: 500; margin-bottom: 3px; display: block; text-transform: uppercase; } .mjq-home2022 .contactus-container .contactus-content textarea { height: 152px; } .mjq-home2022 .contactus-container .contactus-content input, .mjq-home2022 .contactus-container .contactus-content textarea, .mjq-home2022 .contactus-container .contactus-content select { border-radius: 3px; border: 1px solid #d4dae3; padding: 10px; transition: all ease-in-out .15s; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #333; outline: none; margin-bottom:20px; } .mjq-home2022 .contactus-container .contactus-content .select-container { position: relative; width: 100%; max-width: 100%; display: inline-block; background-color: #fff; } .mjq-home2022 .contactus-container .contactus-content select { background-color: transparent; position: relative; z-index: 5; overflow: hidden; height: 38px; padding: 8px 10px; margin-bottom:0 !important; } .mjq-home2022 .contactus-container .contactus-content .select-container:after { position: absolute; content: "\e808"; font-size: 11px; font-family: fontello_core; right: 10px; top: 50%; margin-top: -6px; z-index: 4; color: #777; line-height: 1; transition: all ease-in-out .15s; } .mjq-home2022 .contactus-container .contactus-content button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-bottom: 10px; border: 1px solid #2875d7; } .mjq-home2022 .contactus-container .contactus-content button:hover { background-color: #1865c7; cursor:pointer; } .trade-reference-message { display:flex; justify-content:left; padding:20px; background-color:#f4f9ff; border-radius:0 5px 5px 0; margin-bottom:20px; border-left:3px solid #2875d7; } .trade-reference-message .trade-image { text-align:center; flex-shrink:0; } .trade-reference-message .profile-image { width: 90px; height: 90px; border-radius: 5px; display: inline-block; background-position: center center; background-size: cover; } .trade-reference-message .profile-link { font-size:13px; font-weight:600; color:#ff7353; display:block; margin-top:5px; } .trade-reference-message p { padding-left:20px; color:#000; } /* HOW IT WORKS */ .mjq-home2022 .howitworksmain { } .mjq-home2022 .howitworksmain .single { display:flex; position:relative; align-items:center; padding:80px 0; } .mjq-home2022 .howitworksmain .single .number { position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:40px; line-height:32px; border-radius:50%; text-align:center; background-color:#F4F9FF; color:#2875d7; font-size:16px; font-weight:600; box-sizing: border-box; border:4px solid #F4F9FF; } .mjq-home2022 .howitworksmain .single .line { position:absolute; width:4px; top:40px; bottom:0; left:50%; margin-left:-2px; background-color:#F4F9FF; } .mjq-home2022 .howitworksmain .single .content { width:50%; box-sizing: border-box; padding:0 50px; } .mjq-home2022 .howitworksmain .single .content img { display:none; max-width:100%; } .mjq-home2022 .howitworksmain .single .content .title { color: #505566; font-size: 25px; font-weight: 600; } .mjq-home2022 .howitworksmain .single .content p { font-size: 16px; color: #000; line-height: 1.5em; margin-top:20px; } .mjq-home2022 .howitworksmain .single .image { width:50%; box-sizing: border-box; padding:0 50px; } .mjq-home2022 .howitworksmain .single .image img { width:400px; max-width:100%; } .mjq-home2022 .howitworksmain .single.left .content { text-align:right; } .mjq-home2022 .howitworksmain .single.left .image { text-align:left; order:2; } .mjq-home2022 .howitworksmain .single.right .content { text-align:left; } .mjq-home2022 .howitworksmain .single.right .image { text-align:right; } .mjq-home2022 .hiw-postajob { background-color:#F4F9FF; border-radius:10px; padding:30px; text-align:center; margin:auto; width:400px; max-width:100%; box-sizing:border-box; } .mjq-home2022 .hiw-postajob .title { font-weight: 700; font-size: 26px; color: #505566; margin-bottom:20px; } .mjq-home2022 .hiw-postajob a.button { background-color: #2875d7; color: #fff; font-size: 16px; line-height: 14px; padding:20px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; } .mjq-home2022 .hiw-postajob a.button:hover { background-color: #1865c7; } @media all and (max-width: 800px) and (min-width: 0px) { .mjq-home2022 .howitworksmain .single .line { display:none; } .mjq-home2022 .howitworksmain .single .content { width:100%; } .mjq-home2022 .howitworksmain .single .image { display:none; } .mjq-home2022 .howitworksmain .single.left .content { text-align:center; } .mjq-home2022 .howitworksmain .single.right .content { text-align:center; } .mjq-home2022 .howitworksmain .single .content img { display:inline-block; } } /* GENERIC BUTTONS */ .mjq-home2022 section.general.help { padding:100px 0; } .mjq-home2022 section.general a.button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-bottom:10px; border:1px solid #2875d7; } .mjq-home2022 section.general a.button.clear { background-color:#fff; color:#2875d7; } .mjq-home2022 section.general a.button:hover { background-color: #1865c7; } .mjq-home2022 section.general a.button.clear:hover { background-color:#F4F9FF; } .mjq-home2022 section.general a.button.orange { background-color:#ff7353; border:1px solid #ff7353; } .mjq-home2022 section.general a.button.orange:hover { background-color:#f46848; } .mjq-home2022 section.general a.button.orange.clear { background-color:#fff; color:#ff7353; } .mjq-home2022 section.general a.button.orange.clear:hover { background-color:#ffeeea; } @media all and (max-width: 750px) and (min-width: 0px) { .mjq-home2022 section.general, .mjq-home2022 section.general.help { padding:40px 0; } .mjq-home2022 .general-page { width:auto; padding:20px; } .mjq-home2022 .general-page h1 { font-size:25px; font-weight:600; margin-bottom:20px; } .mjq-home2022 .general-page h2 { font-size:20px; margin-bottom:10px; } .mjq-home2022 .general-page a.button { font-size:14px; } .mjq-home2022 .general-page p, .mjq-home2022 .general-page li { font-size:17px; } } /* COSTS, GUIDES, HOW-TOS */ .mjq-general .costs-page.v2 .costs-category-container, .mjq-general .costs-page .costs-article-container, .mjq-newhome.grey { background-color: #F4F9FF; } /* QUOTE PAGE */ body { background-color:#F4F9FF; } .mjq-header.simplified.qform .mjq-header-container a.mjq-logo-new { margin-left:0 !important; } .mjq-home2022 section.qform { padding:80px 0 20px 0; } .qform2022 { width:550px; max-width:100%; margin:auto; text-align:left; } .qform2022.full { width:100%; } .qform2022 h1 { font-weight: 700; font-size: 30px; color: #505566; margin-bottom: 10px; } .mjq-home2022 section .qform2022 h2, .qform2022 h2 { font-weight: 500; font-size: 16px; line-height:1.5em; color: #505566; margin-bottom: 0; } .qform2022 > .single, .qform2022 .vue-blank > .single { margin-top:100px; padding-top:50px; display:none; } .qform2022.popup > .single { margin-top:0; } .qform2022 > .single:nth-of-type(1), .qform2022 .single.first-form-input { margin-top:0; min-height:auto !important; } .qform2022 > .single.show, .qform2022 .vue-blank > .single.show { display:block; } .qform2022 > .single .title, .qform2022 .vue-blank > .single .title { color:#505566; font-size:20px; font-weight:600; margin-bottom:20px; } .qform2022 > .single .subtitle, .qform2022 .vue-blank > .single .subtitle { color:#505566; font-size:15px; line-height:1.5em; margin-bottom:20px; } /* RADIOS & CHECKBOXES */ .qform2022 .options-container { border-radius: 3px; background-color: #fff; box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); flex-wrap:wrap; } .qform2022.popup .options-container { width:100%; box-shadow:none; border: 1px solid #dbe0f1; } .qform2022 .options-container .single { display:flex; align-items:center; padding:20px; cursor:pointer; border-top: 1px solid #dbe0f1; box-sizing:border-box; } .qform2022 .options-container .single:nth-of-type(1) { border-top:0; } .qform2022 .options-container .single .content { width:100%; } .qform2022 .options-container .single .t1 { color:#2875d7; font-weight:500; font-size:15px; display:flex; align-items:center; } .qform2022 .options-container .single .t2 { color:#505566; font-size:14px; } .qform2022 .options-container .single:hover { background-color:#f9f9f9; } .qform2022 .options-container .single.active { background-color:#f9f9f9; } .qform2022 .options-container .single.active .t1 { color:#000; } .qform2022 .options-container.double { display:flex; } .qform2022 .options-container.double .single { width:50%; flex-shrink:0; border-right: 1px solid #dbe0f1; } .qform2022 .options-container.double .single.full { width:100%; border-right:0; } .qform2022 .options-container.double .single:nth-of-type(2n) { border-right:0; } .qform2022 .options-container.double .single:nth-of-type(2) { border-top:0; } .qform2022 .options-container .single input { border-radius: 5px; padding: 15px; font-weight: 600; color: #777; border: 1px solid #dbe0f1; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; outline: 0; transition: all ease-in-out .15s; width: 100%; margin-left:10px; } .qform2022 .options-container.radio .single .opt { flex-shrink:0; width:20px; height:20px; background-color:#fff; border-radius:50%; margin-right:15px; border:4px solid #dbe0f1; box-sizing:border-box; } .qform2022 .options-container.radio .single:hover .opt { background-color:#fff; } .qform2022 .options-container.radio .single.active .opt { background-color:#fff; border:5px solid #2875d7; } .qform2022 .options-container.checkbox .single .opt { flex-shrink:0; width:20px; height:20px; background-color:#fff; border:3px solid #dbe0f1; border-radius:3px; margin-right:15px; box-sizing:border-box; position:relative; } .qform2022 .options-container.checkbox .single .opt:after { position:absolute; content:'\e847'; font-family:'fontello_core'; font-size: 18px; left: 50%; margin-left: -9px; top: 50%; margin-top: -10px;; display:none; } .qform2022 .options-container.checkbox .single:hover .opt:after { display:block; color:#dbe0f1; } .qform2022 .options-container.checkbox .single.active .opt:after { display:block; color:#2875d7; } /* TEXTAREA */ .qform2022 .job-description { } .qform2022 .job-description .char { color:#505566; background-color:#dbe0f1; font-size:13px; padding:10px; border-radius:0 0 5px 5px; width:100%; box-sizing: border-box; } .qform2022 .job-description textarea { border-radius: 5px 5px 0 0; padding: 15px; font-weight: 500; color:#444; border: 1px solid #dbe0f1; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight:1.5em; outline: 0; transition: all ease-in-out .15s; width: 100%; height:200px; display:block; } .qform2022 .job-description textarea:-webkit-input-placeholder, .qform2022 .job-description textarea:-moz-placeholder, .qform2022 .job-description textarea:-ms-input-placeholder, .qform2022 .job-description textarea:-moz-placeholder, .qform2022 .job-description textarea:placeholder { color:#dbe0f1; font-size:16px; font-weight:1.5em; } /* PHOTOS */ .qform2022 .addphotos-container { display:flex; flex-wrap:wrap; } .qform2022 .addphotos-container .photo { width:90px; height:90px; line-height:90px; border-radius:5px; border:2px dashed #dbe0f1; background-color: #fff; text-align:center; margin-right:20px; flex-shrink:0; margin-bottom:15px; } .qform2022 .addphotos-container .photo i.icon-camera-alt:before { line-height:90px; } .qform2022 .addphotos-container .photo:nth-last-of-type(1) { margin-right:0; } .qform2022 .addphotos-container .photo.active { background:linear-gradient(to right,#2875d7,#0b58b2); border:2px solid #2875d7; position:relative; } .qform2022 .addphotos-container .photo i { font-size:40px; display:none; } .qform2022 .addphotos-container .photo i:before { color:#fff; } .qform2022 .addphotos-container .photo.active i { display:inline-block; } .qform2022 .addphotos-container .photo.active:hover { cursor:pointer; } .qform2022 .addphotos-container .photo.active:after, .qform2022 .addphotos-container .photo.withimage:after { position: absolute; top: -10px; right: -10px; content: '\e849'; font-family: 'fontello_core'; font-size: 14px; width: 20px; height: 21px; line-height: 22px; border-radius: 50%; background-color: #fff; color: #2875d7; text-align: center; border: 2px solid #2875d7; padding-left: 1px; } .qform2022 .addphotos-container .photo.withimage { background-position:center center; background-size:cover; border:2px solid #2875d7; position:relative; cursor:pointer; } .qform2022 .addphotos-container .photo.withimage:after { content: '\e84a'; font-size:12px; } /* INCENTIVE */ .qform2022 .incentive { border:3px solid #2875d7; border-left:0; border-right:0; padding:20px 0; margin-bottom:20px; } .qform2022 .incentive p { color: #505566; font-size: 18px; font-weight: 500; margin-bottom: 20px; line-height: 1.5em; } .qform2022 .incentive p:nth-last-of-type(1) { margin-bottom:0; } /* INPUTS & SELECTS */ .qform2022 .generic-inputs { display:flex; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; position:relative; } .qform2022 .generic-inputs .generic-inputs { width:49%; display:block; margin-bottom:0; } .qform2022 .generic-inputs label { color:#505566; font-size:15px; line-height:1.5em; width:100%; } .qform2022 .generic-inputs input, .qform2022 .generic-inputs select { border-radius: 5px; padding: 15px; font-weight: 500; color:#444; border: 1px solid #dbe0f1; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight:1.5em; outline: 0; transition: all ease-in-out .15s; width: 100%; display:block; } .qform2022 .generic-inputs input:focus,.qform2022 .generic-inputs select:focus { border: 1px solid #2875d7; } .qform2022 .generic-inputs select { background-color:transparent; } .qform2022 .generic-inputs .select-container { position:relative; width:100%; background-color:#fff; } .qform2022 .generic-inputs .select-container:after { position: absolute; content: "\e808"; font-size: 11px; font-family: fontello_core; right: 15px; top: 50%; margin-top: -6px; z-index:4; color: #505566; line-height: 1; transition: all ease-in-out .15s; } .qform2022 .generic-inputs .forgotpass { position:absolute; top:5px; right:0; font-size:11px; color:#ff7353; cursor:pointer; } .qform2022 .generic-inputs .forgotpass:hover { text-decoration:underline; } /* TERMS */ .qform2022 .terms-container { margin-top:20px; } .qform2022 .terms-container.checkbox { cursor:pointer; display:flex; align-items:center; } .qform2022 .terms-container p { color:#505566; font-size:15px; line-height:1.5em; margin-bottom:0; } .qform2022 .terms-container.underbutton { margin-top:8px; text-align:center; } .qform2022 .terms-container.underbutton p { font-size:13px; text-align:center; } .qform2022 .terms-container a.normal-link { color:#ff7353; } .qform2022 .terms-container a.normal-link:hover { text-decoration:underline; } .qform2022 .terms-container .checkbox { flex-shrink:0; width:20px; height:20px; border:3px solid #dbe0f1; background-color:#fff; border-radius:3px; margin-right:10px; box-sizing:border-box; position:relative; } .qform2022 .terms-container .checkbox:after { position:absolute; content:'\e847'; font-family:'fontello_core'; font-size: 18px; left: 50%; margin-left: -9px; top: 50%; margin-top: -10px;; display:none; } .qform2022 .terms-container:hover .checkbox:after { display:block; color:#dbe0f1; } .qform2022 .terms-container.active .checkbox:after { display:block; color:#2875d7; } /* BUTTONS */ .qform2022 button.button { font-family: 'Montserrat', Arial, Helvetica, sans-serif; background:#2875d7; padding:20px 0; width:100%; color:#fff; text-align:center; border-radius:3px; margin-top:20px; font-size:16px; font-weight:600; display:block; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:0; border:0; cursor:pointer; } .qform2022 button.button:hover { background:#0b58b2; } .qform2022 button.button.clear { background:transparent; border:1px solid #2875d7; color:#2875d7; padding:19px 0; } .qform2022 button.button.clear:hover { background-color:#F4F9FF; } .qform2022 .twobuttons { display:flex; justify-content:flex-start; align-items:center; } .qform2022 .twobuttons span { font-size:15px; color:#A3A8B9; font-weight:600; margin-right:20px; } .qform2022 .twobuttons button { width:auto; padding-left:20px; padding-right:20px; margin-right:20px; margin-top:0; } .qform2022 .twobuttons button.clear { padding-left:20px; padding-right:20px; margin-right:0; } .qform2022 .twobuttons button { font-family: Montserrat,Arial,Helvetica,sans-serif; } .qform2022 .buttons-container { display:flex; justify-content:space-between; } .qform2022 .buttons-container button.button { width:200px; } .qform2022 .buttons-container button.button.full { width:100%; } .qform2022 .buttons-container button.button.clear { width:100px; } /* TERMS */ .qform2022 .footernav { text-align:center; margin-top:40px; } .qform2022 .footernav p { color: #505566; font-size: 13px; line-height: 1.5em; } .qform2022 .footernav a.normal-link { color: #2875d7; } .qform2022 .footernav a.normal-link:hover { text-decoration: underline; } /* ERROR MESSAGES */ p.error-message, .main-popup-container p.error-message { background-color: #fae9e8; color: #ef5350; padding:20px; font-size:15px; margin-top:10px; border-radius:5px; font-weight:500; } @media all and (max-width: 500px) and (min-width: 0px) { .mjq-header.simplified.qform { padding-top:10px; } .mjq-home2022 section.qform, .mjq-home2022 section.qform.withbenefits { padding-top:20px; } .qform2022 .options-container.double .single { width:100%; border-right:0; } .qform2022 .options-container.double .single:nth-of-type(2) { border-top:1px solid #dbe0f1; } .qform2022 .generic-inputs .generic-inputs { margin-bottom:20px; width:100%; } .qform2022 .generic-inputs .generic-inputs:nth-last-of-type(1) { margin-bottom:0; } .qform2022 .terms-container.underbutton { text-align:left; } .qform2022 > .single, .qform2022 .vue-blank > .single { padding-top:20px; } .qform2022 > .single .title, .qform2022 .vue-blank > .single .title { font-size:18px; } .qform2022 .incentive p { font-size:16px; } p.error-message { padding:15px; } .qform2022 .twobuttons { flex-wrap:wrap; } .qform2022 .twobuttons button { width:100%; margin-right:0; margin-bottom:15px; } .qform2022 .twobuttons button.clear { margin-bottom:0; } .qform2022 .twobuttons span { width:100%; text-align:center; margin-right:0; margin-bottom:15px; } } /* POPUPS */ .main-popup-bg, .main-popup-bg2 { background-color: rgba(7,35,58,.6); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; } .main-popup-container { width: 600px; margin-left: -300px; z-index: 1001; left: 50%; background-color: #fff; border-radius: 3px; display: none; max-width: 100%; padding: 40px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden; transform: scale(0,0); transition: all .4s ease-in-out; } .main-popup-container.large { width:700px; margin-left:-350px; padding:40px; } .main-popup-container.xlarge { width:800px; margin-left:-400px; } .main-popup-container .close-general-popup, .main-popup-container .close-popup-x { position: absolute; top: 15px; right: 15px; font-size: 12px; cursor: pointer; font-weight: 500; height: 35px; line-height: 35px; width: 35px; text-align: center; border-radius: 50%; } .main-popup-container .close-general-popup i::before, .main-popup-container .close-popup-x i::before { color: #ef5350; line-height: 35px; } .main-popup-container .close-general-popup:hover, .main-popup-container .close-popup-x:hover { background-color:#d1d7e1; cursor:pointer; } .main-popup-container i.success { font-size:30px; } .main-popup-container i.success:before { color:#62c92b; } .main-popup-container i.error:before { color:#ef5350; } .main-popup-container.left .title, .main-popup-container.left p { text-align:left; } .main-popup-container p { color: #505566; font-size: 15px; line-height: 1.5em; margin-bottom: 20px; } .main-popup-container .title { font-weight: 500; font-size: 25px; line-height: 1.5em; color: #505566; margin-bottom:30px; } .main-popup-container p.checking { font-size:18px; max-width:500px; display:inline-block; margin-bottom:40px; } .main-popup-container a.button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-bottom:10px; border:1px solid #2875d7; cursor:pointer; } .main-popup-container a.button.clear { background-color:#fff; color:#2875d7; } .main-popup-container a.button:hover { background-color: #1865c7; } .main-popup-container a.button.clear:hover { background-color:#F4F9FF; } .main-popup-container a.button.orange { background-color:#ff7353; border:1px solid #ff7353; } .main-popup-container a.button.orange:hover { background-color:#f46848; } .main-popup-container a.button.orange.clear { background-color:#fff; color:#ff7353; } .main-popup-container a.button.orange.clear:hover { background-color:#ffeeea; } .main-popup-container.nopadding { padding:0; } /* NEWSLETTER */ .main-popup-container .email-newsletter { display:flex; align-items:stretch; } .main-popup-container .email-newsletter .left { background-position:center center; background-size:cover; background-repeat:no-repeat; width:40%; flex-shrink:0; } .main-popup-container .email-newsletter .right { width:60%; padding:30px; box-sizing:border-box; text-align:left; } .main-popup-container .email-newsletter .right .title { font-weight: 700; font-size: 30px; color: #505566; margin-bottom: 30px; } .main-popup-container .email-newsletter .right .subtitle { font-size: 20px; color: #505566; font-weight: 600; margin-bottom: 15px; } @media all and (max-width: 820px) and (min-width: 0px) { .main-popup-container.xlarge { width:600px; margin-left:-300px;} } @media all and (max-width: 720px) and (min-width: 0px) { .main-popup-container.large { width:600px; margin-left:-300px; padding:40px 20px; } } @media all and (max-width: 620px) and (min-width: 0px) { .main-popup-bg { background-color: #fff; } .main-popup-container, .main-popup-container.large, .main-popup-container.xlarge { width: 100%; margin-left: 0; left: 0; } .main-popup-container .close-general-popup, .main-popup-container .close-popup-x { position: relative; top: auto; right: auto; display: inline-block; margin-bottom: 40px; background-color: #d1d7e1; height: 45px; line-height: 45px; width: 45px; font-size: 17px; } .main-popup-container.left .title, .main-popup-container.left p { text-align:center; } .qform2022 .terms-container p { text-align:left; } .main-popup-container.nonfull { width:90%; top:20px !important; left:5%; } .main-popup-container.nonfull .close-general-popup { position: absolute; top: 15px; right: 15px; font-size: 12px; height: 35px; line-height: 35px; width: 35px; } .main-popup-container .email-newsletter .left { display:none; } .main-popup-container .email-newsletter .right { width:100%; } .main-popup-container .email-newsletter .right .title { font-size: 25px; margin-bottom: 20px; } .main-popup-container .email-newsletter .right .subtitle { font-size: 17px; font-weight: 500; } } /* STICKY HEADERS */ .stickyheader2022 { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); padding:15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; background-color:#fff; display: block; position: fixed; top: -100%; left: 0; right: 0; z-index: 500; } .stickyheader2022 .inner { width: 1100px; max-width: 100%; margin: auto; padding: 0 20px; box-sizing: border-box; } /* GET A PRICE */ .stickyheader2022.getaprice .inner { display:flex; align-items:center; justify-content:center; } .stickyheader2022.getaprice .inner p { font-weight: 500; font-size: 20px; line-height: 1.5em; color: #505566; } .stickyheader2022.getaprice .inner .buttons { margin-left:20px; flex-shrink:0; } .stickyheader2022.getaprice .inner .buttons span { margin:0 10px; } /* HOMEOWNER OR TRADE BANNER */ .stickyheader2022.homeownerortrade .inner { display:flex; align-items:center; justify-content:space-between; } .stickyheader2022.homeownerortrade .inner p { font-weight: 500; font-size: 20px; line-height: 1.5em; color: #505566; } .stickyheader2022.homeownerortrade .inner .buttons { margin-left:20px; flex-shrink: 0; } .stickyheader2022.homeownerortrade .inner .buttons span { margin:0 10px; } /* EMAIL COLLECTION BANNER */ .stickyheader2022.emailcollection .inner { display:flex; align-items:center; justify-content:space-between; } .stickyheader2022.emailcollection .inner p { font-weight: 500; font-size: 20px; line-height: 1.5em; color: #505566; } .stickyheader2022 .emailbutton-container { position: relative; margin-left:20px; } .stickyheader2022 .emailbutton-container input { border-radius: 10px; padding: 20px; padding-right: 125px; width: 400px; max-width:100%; font-weight: 600; color: #777; border: 2px solid #dbe0f1; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; transition: all ease-in-out .15s; } .stickyheader2022 .emailbutton-container .button { font-size: 14px; line-height: 14px; padding: 15px; font-weight: 600; position: absolute; top: 50%; margin-top: -23px; right: 8px; } /* BUTTONS */ .stickyheader2022 a.button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; border:1px solid #2875d7; cursor:pointer; } .stickyheader2022 a.button.clear { background-color:#fff; color:#2875d7; } .stickyheader2022 a.button:hover { background-color: #1865c7; } .stickyheader2022 a.button.clear:hover { background-color:#F4F9FF; } .stickyheader2022 a.button.orange { background-color:#ff7353; border:1px solid #ff7353; } .stickyheader2022 a.button.orange:hover { background-color:#f46848; } .stickyheader2022 a.button.orange.clear { background-color:#fff; color:#ff7353; } .stickyheader2022 a.button.orange.clear:hover { background-color:#ffeeea; } @media all and (max-width: 1100px) and (min-width: 0px) { .stickyheader2022.homeownerortrade .inner { flex-wrap:wrap; } .stickyheader2022.homeownerortrade .inner .buttons { width:100%; text-align:center; margin-left:0; } .stickyheader2022.homeownerortrade .inner p { text-align:center; margin:auto; margin-bottom:15px; } } @media all and (max-width: 800px) and (min-width: 0px) { .stickyheader2022.emailcollection .inner { flex-wrap:wrap; } .stickyheader2022.emailcollection .inner p { margin-bottom:10px; text-align:center; width:100%; } .stickyheader2022 .emailbutton-container { margin-left:0; margin:auto; } } @media all and (max-width: 1050px) and (min-width: 0px) { .stickyheader2022.homeownerortrade .inner p { font-size:15px; } } @media all and (max-width: 550px) and (min-width: 0px) { .stickyheader2022.homeownerortrade .inner p { display:none; } .stickyheader2022 .inner { padding:0; } .stickyheader2022 .inner.emailcollection p { font-size:16px; } .stickyheader2022 .emailbutton-container { width:100%; } .stickyheader2022 .emailbutton-container input { width:100%; } .stickyheader2022.getaprice .inner p { font-size:18px; } } @media all and (max-width: 380px) and (min-width: 0px) { .stickyheader2022.homeownerortrade .inner a.button { font-size:14px; } .stickyheader2022.homeownerortrade .inner .buttons span { font-size:12px; } .stickyheader2022 .emailbutton-container input { padding:15px; padding-right: 110px; } .stickyheader2022 .emailbutton-container .button { padding: 11px; margin-top: -19px; right: 7px; } } @media all and (max-width: 340px) and (min-width: 0px) { .stickyheader2022.homeownerortrade .inner a.button { width:100%; padding:15px 0; } .stickyheader2022.homeownerortrade .inner a.button:nth-last-of-type(1) { display:none; } .stickyheader2022.homeownerortrade .inner .buttons span { display:none; } .stickyheader2022.emailcollection { display:none; } } /* HOMEPAGE BENEFITS */ .mjq-home2022 section.testimonials .benefits-mobileonly { display:none; margin-bottom:40px; margin-top:-20px; } .mjq-home2022 section.testimonials .benefits-mobileonly .single { margin-bottom:20px; } .mjq-home2022 section.testimonials .benefits-mobileonly .single i { font-size:20px; } .mjq-home2022 section.testimonials .benefits-mobileonly .single i:before { color:#62c92b; } .mjq-home2022 section.testimonials .benefits-mobileonly .single span { font-weight: 500; font-size:18px; color: #505566; } @media all and (max-width: 800px) and (min-width: 0px) { .mjq-home2022 section.testimonials .benefits-mobileonly { display:block; } .mjq-home2022 .testimonials2021-container { max-width: 500px; } } /* TRADESPEOPLE SUB */ .mjq-newhome.new2021 { background-color:#fff; padding:80px 0; } .mjq-newhome.new2021.thin { padding:10px 0; } .mjq-newhome.new2021.grey { background-color:#F4F9FF; } .mjq-newhome.new2021.border { border-top:1px solid #eee; } .mjq-newhome.new2021.greytopborder { border-top:1px solid #DBE0F1; } .new2021 .topsection0321 { padding:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .new2021 .topsection0321 .breadcrumbs { width:100%; } .new2021 .topsection0321 .breadcrumbs a { color:#A3A8B9; font-size:11px; position:relative; padding-right:20px; } .new2021 .topsection0321 .breadcrumbs a:after { position:absolute; content:"\e832"; font-family:'fontello_core'; font-size:8px; color:#A3A8B9; right:5px; top:50%; margin-top:-4px; } .new2021 .topsection0321 .breadcrumbs a:nth-last-of-type(1):after { display:none; } .new2021 .topsection0321 .left { width:50%; } .new2021 .topsection0321 .right { width:44%; min-width:484px; } .new2021 .topsection0321 .right.jobs { width:50%; } .new2021 .topsection0321 .left h1 { font-size:50px; font-weight:600; margin-bottom:10px; color:#505566; max-width:475px; } .new2021 .topsection0321 .left p { font-size:17px; line-height:25px; font-weight:400; margin-bottom:50px; color:#444; max-width:400px; } .new2021 .topsection0321 .left button { background-color:#2875d7; color:#fff; font-size:16px; text-transform:uppercase; font-weight:600; text-align:center; padding:25px 30px; border:0; outline:none; border-radius:3px; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; cursor:pointer; } .new2021 .topsection0321 .left button:hover { background-color:#1865c7; } .new2021 .topsection0321 .left button.clear { margin-left:10px; background-color:#fff; border:1px solid #2875d7; color:#2875d7; padding:24px 30px; } .new2021 .topsection0321 .left button.clear:hover { background-color:#eee; } .new2021 .topsection0321 .left .postcode-input { display:flex; } .new2021 .topsection0321 .left input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 17px; color: #333; outline: none; border-radius: 3px 0 0 3px; border: 1px solid #d4dae3; border-right:0; padding: 20px; transition: all ease-in-out .15s; width:60%; max-width:400px; } .new2021 .topsection0321 .left button.input { background-color: #2875d7; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 600; padding:20px; border: 0; outline: none; border-radius: 0 3px 3px 0; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .new2021 .topsection0321 .left button.input:hover { background-color: #1865c7; } .new2021 .topsection0321 .right .image-container { display:flex; align-items:center; justify-content:space-between; } .new2021 .topsection0321 .right .image-container .col { text-align:center; } .new2021 .topsection0321 .right .image-container .col .image { background-position:center center; background-repeat:no-repeat; background-size:cover; width:150px; height:120px; border-radius:5px; overflow:hidden; margin-bottom:10px; display:inline-block; } .new2021 .topsection0321 .right .image-container .col .image:nth-last-of-type(1) { margin-bottom:0; } /* FEATURED */ .new2021 .featured { width:100%; display:flex; justify-content:space-between; } .new2021 .featured img { width:100px; height:auto; } .new2021 .featured.greyscale img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } /* FILTERS */ .directorysection0321 { display:flex; justify-content:space-between; flex-wrap:wrap; } .directorysection0321 h2 { width:100%; font-size:15px; font-weight:700; text-transform:uppercase; border-left:10px solid #2875d7; color:#2875d7; padding:4px; padding-left:10px; margin-bottom:30px; } .directorysection0321 .filters { width:100%; border-radius:5px; margin-bottom:30px; padding:20px; border-bottom:1px solid #eee; display:flex; justify-content:space-between; background-color:#fff; } .directorysection0321 .filters .filter { display:flex; align-items:center; } .directorysection0321 .filters .filter p { font-size:12px; color:#A3A8B9; font-weight:600; margin-right:15px; } .directorysection0321 .filters .filter li { list-style-type:none; position:relative; margin-right:20px; } .directorysection0321 .filters .filter a { display:block; cursor:pointer; font-size:12px; color:#222; position:relative; padding:10px; padding-right:30px; border:1px solid #EFF4FF; border-radius:5px; } .directorysection0321 .filters .filter a.count { color:#ff7353; font-weight:700; margin-right:0; border:0; padding:0; cursor:default; } .directorysection0321 .filters .filter a:after { position:absolute; content:"\e808"; font-family:'fontello_core'; font-size:8px; color:#222; right:10px; top:50%; margin-top:-4px; } .directorysection0321 .filters .filter a.count:after { display:none; } .directorysection0321 .filters .filter .drops { display: none; position: absolute; top: 50px; right:0; background-color: #fff; z-index: 10; border-radius: 0 0 3px 3px; list-style-type: none; box-shadow: 0 14px 42px 0 rgba(0,0,0,.2); padding: 10px 0; border-radius: 5px; min-width:150px; } .directorysection0321 .filters .filter .drops.wide { min-width:200px; } .directorysection0321 .filters .filter .drops:after { width:10px; height:10px; position: absolute; content: ''; z-index: 6; top: -4px; right: 10px; background-color: #fff; transform: rotate(45deg); } .directorysection0321 .filters .filter .drops li { line-height: 1.4em; color: #555; font-size: 12px; font-weight: 300; border: none; padding: 5px 20px; cursor:pointer; margin:0; } .directorysection0321 .filters .filter .drops li:hover { background-color: #f9f9f9; } .directorysection0321 .left { width:66%; } .directorysection0321 .right { width:30%; } /* LISTINGS */ .directorysection0321 .left .listing-container { box-shadow:-4px 6px 7px -10px rgba(0,0,0,.75); background-color:#fff; border-radius:5px; overflow:hidden; } .directorysection0321 .left .listing { border-bottom:1px solid #eee; padding:10px; padding-bottom:30px; } .directorysection0321 .left .listing:nth-of-type(2n) { background-color:#f9f9f9; } .directorysection0321 .left .listing:nth-last-of-type(1) { border:0; } .directorysection0321 .left .listing .topinfo { display:flex; align-items:center; position:relative; padding:20px; padding-bottom:0; } .directorysection0321 .left .listing .topinfo .image { background-position: center center; background-repeat: no-repeat; background-size: cover; width:80px; height:80px; border-radius: 50%; overflow: hidden; min-width:80px; } .directorysection0321.jobs .left .listing .topinfo .image { width:50px; height:50px; min-width:50px; } .directorysection0321.jobs .left .listing .topinfo .homeowner-initial { border-radius:50%; width:50px; height:50px; line-height:50px; background-color:#ddd; color:#fff; text-align:center; font-size:20px; font-weight:500; flex-shrink:0; } .directorysection0321 .left .listing .topinfo .trade-title { margin-left:20px; padding-right:200px; } .directorysection0321.jobs .left .listing .topinfo .trade-title .trade-name { color:#505566; font-size:18px; font-weight:600; } .directorysection0321 .left .listing .topinfo .trade-title .trade-name a { color:#505566; font-size:18px; font-weight:600; text-transform: capitalize; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating { } .directorysection0321 .left .listing .topinfo .trade-title .star-rating i { font-size:15px; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating i:before { color:gold; margin:0; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating a { color:#A3A8B9; font-size:12px; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating a:hover { text-decoration:underline; } .directorysection0321.jobs .left .listing .topinfo .trade-title .star-rating { color:#A3A8B9; font-size:12px; margin-top:5px; } .directorysection0321.jobs .left .listing .topinfo .trade-title .star-rating b { color:#ff7353; font-weight:normal; } .directorysection0321 .left .listing .topinfo .button { position:absolute; right:20px; text-align:center; top:50%; } .directorysection0321 .left .listing .topinfo .button a.quote-button { background-color: #2875d7; color: #fff; font-size: 11px; text-transform: uppercase; font-weight: 600; padding:10px; border: 0; outline: none; border-radius: 3px; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .directorysection0321 .left .listing .topinfo .button a.quote-button:hover { background-color: #1865c7 } .directorysection0321 .left .listing .topinfo .button a.profile-button { color:#ff7353; border:1px solid #ff7353; border-radius:3px; padding:9px; font-size:11px; font-weight:600; text-transform:uppercase; } .directorysection0321 .left .listing .topinfo .button a.profile-button:hover { background-color:#eee; } .directorysection0321 .left .listing .trade-details { margin:20px; margin-bottom:0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .directorysection0321 .left .listing .trade-details .detail { border:0px solid #ddd; color:#A3A8B9 !important; display:inline-block; text-align:left; border-radius:50px; margin-bottom:4px; width:50%; } .directorysection0321 .left .listing .trade-details .detail:nth-of-type(2n) { text-align:right; } .directorysection0321 .left .listing .trade-details .detail i { margin-right:5px; font-size:12px; display:inline-block; vertical-align:middle; } .directorysection0321 .left .listing .trade-details .detail i:before { } .directorysection0321 .left .listing .trade-details .detail span { font-size:12px; font-weight:600; display:inline-block; vertical-align:middle; } .directorysection0321 .left .listing .trade-details .detail.purple { border-color:#663398; color:#663398; } .directorysection0321 .left .listing .trade-details .detail.green { border-color:#62c92b; color:#62c92b; } .directorysection0321 .left .listing .trade-details .detail.red { border-color:#ef5350; color:#ef5350; } .directorysection0321 .left .listing .trade-details .detail.darkgreen { border-color:#2facb4; color:#2facb4; } .directorysection0321 .left .listing .trade-details .detail.yellow { border-color:#a87e00; color:#a87e00 } .directorysection0321 .left .listing .trade-details .detail.purple i:before { color:#663398; } .directorysection0321 .left .listing .trade-details .detail.green i:before { color:#62c92b; } .directorysection0321 .left .listing .trade-details .detail.red i:before { color:#ef5350; } .directorysection0321 .left .listing .trade-details .detail.darkgreen i:before { color:#2facb4; } .directorysection0321 .left .listing .trade-details .detail.yellow i:before { color:#a87e00; } .directorysection0321 .left .listing p.main { font-size:14px; color:#333; margin:20px; margin-bottom:0; } .directorysection0321 .left .listing .review { background-color:#f0f2f5; border-radius:3px; padding:10px; margin:20px; margin-bottom:0; } .directorysection0321 .left .listing .review .review-title { font-weight:500; font-size:14px; color:#333; margin-bottom:5px; } .directorysection0321 .left .listing .review p { font-size:13px; color:#444; margin-bottom:10px; } .directorysection0321 .left .listing .review span { font-size:11px; color:#999; } /* SIDEBAR */ .directorysection0321 .right .section { box-shadow:-4px 6px 7px -10px rgba(0,0,0,.75); background-color:#fff; border-radius:5px; margin-bottom:30px; } .directorysection0321 .right .reviewsio { text-align:center; color:#000; padding:20px; display:block; } .directorysection0321 .right .reviewsio .title { font-size:16px; font-weight:500; margin-bottom:10px; margin-top:20px; } .directorysection0321 .right .reviewsio .rating { font-size:16px; font-weight:500; margin-bottom:10px; } .directorysection0321 .right .reviewsio .star-rating { font-size:40px; margin-bottom:10px; } .directorysection0321 .right .reviewsio .star-rating .stars { width:197px; display:inline-block; } .directorysection0321 .right .reviewsio .star-rating i { } .directorysection0321 .right .reviewsio .star-rating i:before { color:#000; margin:0; padding:0; } .directorysection0321 .right .reviewsio .star-rating .back-stars { position:relative; display:flex; } .directorysection0321 .right .reviewsio .star-rating .front-stars { position: absolute; display: flex; overflow: hidden; left: 0; } .directorysection0321 .right .reviewsio img { display:block; margin:auto; width:200px; max-width:100%; } .directorysection0321 .right .locations { } .directorysection0321 .right .locations .title { font-size:13px; text-transform:uppercase; color:#A3A8B9; font-weight:700; padding:20px; border-bottom:1px solid #f0f2f5; } .directorysection0321 .right .locations ul { list-style-type:none; padding:20px; } .directorysection0321 .right .locations ul li { padding:17px 20px; background-color:#f0f2f5; color:#505566; font-size:13px; font-weight:600; display:block; margin-bottom:5px; border-radius:3px; } .directorysection0321 .right .locations ul li:hover { background-color:#e6e8eb; } .directorysection0321 .right .locations .more-link { border-top:1px solid #f0f2f5; padding:10px 20px; font-size:11px; font-weight:800; text-transform:uppercase; } .directorysection0321 .right .locations .more-link a { color:#ff7353; text-decoration:underline; } .directorysection0321 .right .becomeatrade { padding:40px; text-align:center; } .directorysection0321 .right .becomeatrade .title { font-size:20px; font-weight:700; color:#505566; margin-bottom:10px; } .directorysection0321 .right .becomeatrade p { font-size:16px; font-weight:600; color:#333; margin-bottom:20px; } .directorysection0321 .right .becomeatrade .button { border:1px solid #2875d7; color: #2875d7; font-size: 13px; text-transform: uppercase; font-weight: 600; padding:10px 15px; outline: none; border-radius: 3px; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; max-width:400px; margin:auto; } .directorysection0321 .right .becomeatrade .button:hover { background-color: #eee } .directorysection0321 .right .postcodesearch .select-container { position: relative; width: 100%; max-width: 100%; display: inline-block; background-color: #fff; margin-bottom:20px; } .directorysection0321 .right .postcodesearch select { background-color: transparent; position: relative; z-index: 5; overflow: hidden; height: 47px; padding: 10px 10px; border-radius: 3px; border: 1px solid #d4dae3; transition: all ease-in-out .15s; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; color: #333; outline: none; } .directorysection0321 .right .postcodesearch .select-container::after { position: absolute; content: "\e808"; font-size: 11px; font-family: fontello_core; right: 10px; top: 50%; margin-top: -6px; z-index: 4; color: #777; line-height: 1; transition: all ease-in-out .15s; } .directorysection0321 .right .postcodesearch input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:12px; color: #333; outline: none; border-radius: 3px 0 0 3px; border: 1px solid #d4dae3; border-right:0; padding:15px; transition: all ease-in-out .15s; width:65%; float:left; } .directorysection0321 .right .postcodesearch button.input { background-color: #2875d7; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; padding:16px 10px; border: 0; outline: none; border-radius: 0 3px 3px 0; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:35%; float:left; cursor:pointer; } .directorysection0321 .right .postcodesearch button.input:hover { background-color: #1865c7; } /* ASK A TRADE */ .directorysection0321 .askatrade { display:flex; align-items:center; justify-content:space-between; width:100%; } .directorysection0321 .askatrade .section { box-shadow:-4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding:30px 0; padding-bottom:50px; text-align:center; width:31%; display:block; transition:all ease-in-out .15s; min-height:144px; position:relative; } .directorysection0321 .askatrade .section:hover { margin-top:-10px; } .directorysection0321 .askatrade .section .question { font-size:15px; color:#505566; font-weight:600; margin-bottom:5px; padding:0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .directorysection0321 .askatrade .section .subcategory { text-transform:uppercase; font-size:11px; font-weight:700; color:#000; margin-bottom:10px; padding:0 20px; } .directorysection0321 .askatrade .section p { font-size:13px; line-height:18px; color:#333; margin-bottom:5px; padding:0 20px; } .directorysection0321 .askatrade .section .answercount { color:#ff7353; font-weight:600; font-size:14px; margin-bottom:10px; padding:0 20px; } .directorysection0321 .askatrade .section .questioner { color:#A3A8B9; font-size:12px; font-weight:400; padding:0 20px; position:absolute; left:0; right:0; bottom:20px; } .directorysection0321 .askatrade { margin-bottom:30px; } @media (max-width: 800px) and (min-width: 0px) { .directorysection0321 .askatrade { margin-bottom:0px; } } /* FAQ'S */ .directorysection0321 .faq-container { display:flex; align-items:top; justify-content:space-between; width:100%; } .directorysection0321 .faq { width:47%; } .directorysection0321 .faq .section { box-shadow:-4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; width:100%; margin-bottom:20px; } .directorysection0321 .faq .section .question { padding:30px 20px; position:relative; cursor:pointer; } .directorysection0321 .faq .section .question .mainq { color:#505566; font-size:14px; line-height:25px; font-weight:600; text-transform:uppercase; padding-right:40px; } .directorysection0321 .faq .section .question i { position:absolute; right:20px; top:50%; margin-top:-9px; font-size:15px; line-height:15px; } .directorysection0321 .faq .section .question i.icon-plus { } .directorysection0321 .faq .section .question i.icon-minus { display:none; } .directorysection0321 .faq .section .question i:before { color:#A3A8B9; font-size:15px; margin:0; padding:0; } .directorysection0321 .faq .section .answer { padding:20px; border-top:1px solid #DBE0F1; display:none; } .directorysection0321 .faq .section .answer p { font-size:15px; color:#333; line-height:22px; } /* JOBS THIS WEEK */ .directorysection0321 .jobsthisweek { display:flex; align-items:center; justify-content:space-between; width:100%; } .directorysection0321 .jobsthisweek .section { box-shadow: 0 3px 8px #2e327433; background-color: #fff; border-radius: 5px; padding:30px 0; text-align:center; width:23%; } .directorysection0321 .jobsthisweek .section .number { color:#2875d7; font-size:40px; font-weight:800; margin-bottom:10px; padding:0 20px; } .directorysection0321 .jobsthisweek .section .category { color:#505566; font-size:13px; text-transform:uppercase; font-weight:600; margin-bottom:10px; padding:0 20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .directorysection0321 .jobsthisweek .section .subtitle { color:#A3A8B9; font-size:13px; font-weight:600; padding:0 20px; } .directorysection0321 .trade-sell { font-size:25px; color:#222; font-weight:700; width:100%; text-align:center; margin:70px 0 40px 0; } .directorysection0321 .trade-button { background-color: #2875d7; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 600; padding:20px 30px; border: 0; outline: none; border-radius: 3px; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:block; margin:auto; } .directorysection0321 .trade-button:hover { background-color: #1865c7; } .directorysection0321 .trade-button.orange { background-color: #ff7353; } .directorysection0321 .trade-button.orange:hover { background-color: #f66a4a; } /* RECENT ARTICLES */ .directorysection0321 .recentarticles { display:flex; align-items:center; justify-content:space-between; width:100%; } .directorysection0321 .recentarticles .section { box-shadow:-4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; text-align:center; width:18%; margin: 40px 0; width: 18%; height: 230px; display: block; position: relative; border-radius: 3px; background-size: cover; background-position: center center; transition: all 0.25s; } .directorysection0321 .recentarticles .section:hover { opacity: 0.75; } .directorysection0321 .recentarticles .section p { font-size:13px; color:#505566; font-weight:600; position:absolute; top:100%; left:0; margin-top:10px; text-align:left; } .directorysection0321 .main-more-link { font-size:16px; font-weight:800; text-transform:uppercase; margin-top:50px; width:100%; text-align:center; } .directorysection0321 .main-more-link a { color:#A3A8B9; text-decoration:underline; } .directorysection0321 .main-more-link a:hover { color:#9A9FB0; } /* TESTIMONIALS */ .testimonials2021-container { height:400px; position:relative; } .testimonials2021-container .testim-left { text-align:left; margin-bottom:20px; } .testimonials2021-container .testim-center { text-align:center; margin-bottom:20px; } .testimonials2021-container .testim-right { text-align:right; margin-bottom:20px; } .testimonials2021-container .testimonial-single { width:275px; text-align:left; display:inline-block; } .testimonials2021-container .testim-center .testimonial-single { margin-left:65px; } .testimonials2021-container .testimonial-single .testimonial-content { width:78%; display:inline-block; vertical-align:top; position:relative; } .testimonials2021-container .testimonial-single .testim-stars { position:absolute; right:0; top:3px; } .testimonials2021-container .testimonial-single i.icon-star { font-size:11px; margin:0 1px; } .testimonials2021-container .testimonial-single i.icon-star:before { color: gold; margin:0; } .testimonials2021-container .testimonial-single img { border-radius:50%; width:30px; height:30px; margin-right:10px; display:inline-block; } .testimonials2021-container .testimonial-single .trade-title { color:#A3A8B9; font-size:9px; margin:10px 0; font-weight:500; } .testimonials2021-container .testimonial-single p { font-size:12px; line-height:1.4em; color:#222; font-weight:500; box-shadow: 0 3px 8px #2e327433; border-radius:5px; padding:10px; } /* BENEFITS */ .hiw2021-container { display:flex; justify-content:space-between; align-items:top; border-radius:5px; margin-bottom:50px; margin-top:-20px; } .hiw2021-container .hiw-single { padding:30px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; flex:1; } .hiw2021-container .hiw-single i { width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; } .hiw2021-container .hiw-single i.purple:before { color:#663398; } .hiw2021-container .hiw-single i.green:before { color:#62c92b; } .hiw2021-container .hiw-single i.red:before { color:#ef5350; } .hiw2021-container .hiw-single i.darkgreen:before { color:#2facb4; } .hiw2021-container .hiw-single i.yellow:before { color:#a87e00 } .hiw2021-container .hiw-single i:before { line-height:50px; font-size:40px; color:#A3A8B9; } .hiw2021-container .hiw-single .hiw-content { width:90%; margin-left:10px; } .hiw2021-container .hiw-single .hiw-title { color:#505566; font-size:14px; font-weight:700; text-transform:uppercase; margin-bottom:10px; } .hiw2021-container .hiw-single p { color:#222; font-size:15px; } /* HOW IT WORKS */ .hiw2021-2-container { display:flex; justify-content:space-between; align-items:center; } .hiw2021-2-container .hiw2021-2-single { background-color:#fff; border-radius:10px; width:28%; text-align:center; box-shadow: 0 3px 8px #2e327433; } .hiw2021-2-container .hiw2021-2-single .toppart { padding:50px 30px; border-bottom:2px solid #DBE0F1; } .hiw2021-2-container .hiw2021-2-single i { font-size:35px; } .hiw2021-2-container .hiw2021-2-single i:before { color:#DBE0F1; } .hiw2021-2-container .hiw2021-2-single i.purple:before { color:#663398; } .hiw2021-2-container .hiw2021-2-single i.darkgreen:before { color:#2facb4; } .hiw2021-2-container .hiw2021-2-single i.yellow:before { color:#a87e00; } .hiw2021-2-container i.icon-right-open-1 { font-size:25px; width:6%; text-align:center; } .hiw2021-2-container i.icon-right-open-1:before { color:#DBE0F1; } .hiw2021-2-container .hiw2021-2-single .hiw2021-2-title { font-size:15px; color:#505566; font-weight:600; margin-top:20px; text-transform:uppercase; } .hiw2021-2-container .hiw2021-2-single p { padding:30px 20px; font-size:15px; color:#222; } /* STICKY HEADER */ .sticky-trade-jobs2021 { position:fixed; top:-100%; left:0; right:0; background-color:#fff; z-index:1000; padding:20px; box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .sticky-trade-jobs2021 .mjq-newhome-container { margin:auto; } .sticky-trade-jobs2021 .container { display:flex; justify-content:space-between; align-items:center; } .sticky-trade-jobs2021 .title { color:#505566; font-size:20px; font-weight:600; } .sticky-trade-jobs2021 .postcode-input { display:flex; justify-content:right; width:50%; flex-shrink:0; } .sticky-trade-jobs2021 input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; color: #333; outline: none; border-radius: 3px 0 0 3px; border: 1px solid #d4dae3; border-right:0; padding:15px; transition: all ease-in-out .15s; width:60%; max-width:400px; } .sticky-trade-jobs2021 button.input { background-color: #2875d7; color: #fff; font-size:11px; text-transform: uppercase; font-weight: 600; padding:15px; border: 0; outline: none; border-radius: 0 3px 3px 0; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; } .sticky-trade-jobs2021 button.input:hover { background-color: #1865c7; } @media all and (max-width:1200px) and (min-width:0px) { .new2021 .topsection0321 .right { min-width:auto; } .new2021 .topsection0321 .right .image-container .col { width:31%; } .new2021 .topsection0321 .right .image-container .col .image { width:100%; } } @media all and (max-width:1100px) and (min-width:0px) { .new2021 .topsection0321 .right .image-container .col .image { height:100px; } .directorysection0321 .left { width:100%; } .directorysection0321 .right { width:100%; margin-top:40px; } .directorysection0321 .right .section.mobile-hidden { display:none; } } @media all and (max-width:1000px) and (min-width:0px) { .new2021 .topsection0321 .left button { font-size:14px; padding:20px; } .new2021 .topsection0321 .left button.clear { padding:19px 20px; } .directorysection0321 .recentarticles { flex-wrap:wrap; } .directorysection0321 .recentarticles .section { width:23%; } .directorysection0321 .recentarticles .section:nth-last-of-type(1) { display:none; } .directorysection0321 .main-more-link.margintop { margin-top:40px; } .hiw2021-2-container { display:block; } .hiw2021-2-container .hiw2021-2-single { display:flex; align-items:center; width:100%; margin-bottom:20px; } .hiw2021-2-container .hiw2021-2-single .toppart { border-right: 2px solid #DBE0F1; border-bottom:none; width:25%; flex-shrink:0; } .hiw2021-2-container i.icon-right-open-1 { display:none; } } @media all and (max-width:800px) and (min-width:0px) { .new2021 .topsection0321 .right { display:none; } .new2021 .topsection0321 .left { width:100%; } .new2021 .topsection0321 .left h1 { max-width:none; } .new2021 .topsection0321 .left h1 br { display:none; } .new2021 .topsection0321 .left p { max-width:none; } .new2021 .featured { flex-wrap:wrap; display:block; font-size:0; } .new2021 .featured img { width:23%; margin:5px 5%; } .mjq-newhome.new2021 { padding:50px 0; } .directorysection0321 .left .listing .topinfo .trade-title { padding-right:20px; } .directorysection0321 .left .listing .topinfo .button { top:100%; text-align:left; left:0; padding:0 20px; } .directorysection0321 .left .listing .topinfo { margin-bottom:50px; padding-bottom:20px; } .directorysection0321 .askatrade { flex-wrap:wrap; } .directorysection0321 .askatrade .section { width:100%; padding-bottom:20px; min-height:none; margin-bottom:20px; text-align:left; } .directorysection0321 .askatrade .section .questioner { position:relative; bottom:0; } .directorysection0321 .askatrade .section:hover { margin-top:0; } .directorysection0321 .main-more-link { margin-top:30px; } .directorysection0321 .trade-sell { margin-top:50px; } .directorysection0321 .faq-container { flex-wrap:wrap; } .directorysection0321 .faq { width:100%; } .directorysection0321 .recentarticles .section { width:48%; } .new2021 .topsection0321 .left h1 { font-size:40px; margin-top:10px; } .new2021 .topsection0321 .left button { font-size:12px; padding:15px; } .new2021 .topsection0321 .left button.clear { padding:14px 15px; } .new2021 .topsection0321 .left p { margin-bottom:20px; } .new2021 .topsection0321 .right.jobs { display:block; width:100%; margin-top:40px; } .testimonials2021-container { height:auto; } .testimonials2021-container .testimonial-single { width:100%; display:flex; } .testimonials2021-container .testim-center .testimonial-single { margin-left:0; } .testimonials2021-container .testimonial-single img { flex-shrink:0; } .testimonials2021-container .testimonial-single .testimonial-content { width:100%; } .hiw2021-container { display:block; } .hiw2021-container .hiw-single .hiw-content { width:100%; margin-left:0; } .directorysection0321 .jobsthisweek { flex-wrap:wrap; } .directorysection0321 .jobsthisweek .section { width:48%; margin-bottom:20px; } } @media all and (max-width:700px) and (min-width:0px) { .sticky-trade-jobs2021 .container { display:block; } .sticky-trade-jobs2021 .title { margin-bottom:10px; } .sticky-trade-jobs2021 .postcode-input { width:100%; justify-content:left; } } @media all and (max-width:600px) and (min-width:0px) { .new2021 .topsection0321 .left h1 { font-size:35px; } .mjq-newhome.new2021 { padding:30px 0; } .directorysection0321 h2 { margin-bottom:20px; } .directorysection0321 .filters { padding:10px; margin-bottom:20px; } .directorysection0321 .left .listing { padding:0; } .directorysection0321 .left .listing .topinfo { margin-bottom:40px; } .directorysection0321 .left .listing p.main { margin-top:10px; font-size:13px; } .directorysection0321 .left .listing .review { margin-top:10px; } .directorysection0321 .left .listing .review .review-title { font-size:13px; } .directorysection0321 .left .listing .review p { font-size:12px; } .directorysection0321 .left .listing .trade-details { margin-top:10px; } .directorysection0321 .left .listing .trade-details .detail span { font-size:11px; font-weight:500; } .directorysection0321 .left .listing { padding-bottom:20px; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating a { font-size:10px; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating i { font-size:13px; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating i:before { width:auto; } .directorysection0321 .main-more-link { margin-top:20px; } .directorysection0321 .right { margin-top:20px; } .directorysection0321 .right .section { margin-bottom:20px; } .directorysection0321 .askatrade .section { margin-bottom:10px; } .directorysection0321 .trade-sell { margin-top:40px; margin-bottom:20px; } .directorysection0321 .faq .section { margin-bottom:10px; } .directorysection0321 .recentarticles .section { margin-top:30px; } .directorysection0321 .faq .section .question { padding:20px; } .directorysection0321 .faq .section .question .mainq { font-size:12px; line-height:22px; } .directorysection0321 .trade-button { font-size:13px; padding:15px 20px; } .directorysection0321 .askatrade .section { padding:20px 0; } .new2021 .topsection0321 .left input { padding:15px; font-size:15px; width:auto; } .new2021 .topsection0321 .left button.input { padding:15px; font-size:13px; } } @media all and (max-width:500px) and (min-width:0px) { .new2021 .topsection0321 .left h1 { font-size:30px; } .new2021 .topsection0321 .left p { font-size:15px; line-height:23px; } .directorysection0321 .left .listing .trade-details .detail { width:100%; margin-bottom:2px; } .directorysection0321 .left .listing .trade-details .detail:nth-of-type(2n) { text-align:left; } .directorysection0321 .left .listing .topinfo .trade-title .star-rating a { display:block; } .directorysection0321 .left .listing .topinfo .trade-title { margin-left:15px; } .directorysection0321.jobs .left .listing .topinfo .trade-title .trade-name { font-size:16px; } .directorysection0321.jobs .left .listing .topinfo .homeowner-initial { width:40px; height:40px; line-height:40px; } } @media all and (max-width:450px) and (min-width:0px) { .new2021 .featured img { width:27%; margin:5px 3%; } .directorysection0321 .left .listing .topinfo .trade-title .trade-name a { font-size:15px; } .directorysection0321 .filters .filter { flex-wrap:wrap; } .directorysection0321 .filters .filter p { width:100%; margin-bottom:5px; } .directorysection0321 .filters .filter li { margin-right:5px; } .directorysection0321 .filters .filter a.count { font-weight:500; font-size:9px; margin-left:10px; } .new2021 .topsection0321 .left input { width:60%; max-width:none; } .new2021 .topsection0321 .left button.input { width:40%; padding:15px 0; } .hiw2021-2-container .hiw2021-2-single { text-align:left; display:block; } .hiw2021-2-container .hiw2021-2-single .toppart { border:none; border-bottom: 1px solid #DBE0F1; padding:20px; width:auto; } .hiw2021-2-container .hiw2021-2-single i { display:inline-block; vertical-align:middle; font-size:25px; } .hiw2021-2-container .hiw2021-2-single .hiw2021-2-title { margin-top:0; display:inline-block; vertical-align:middle; margin-left:10px; width:75%; } .directorysection0321 .jobsthisweek .section .number { font-size:30px; } .directorysection0321 .jobsthisweek .section .category { font-size:11px; } } @media all and (max-width:450px) and (min-width:0px) { .directorysection0321 .filters { flex-wrap:wrap; padding:10px 20px; } .directorysection0321 .filters .filter { width:100%; margin:5px 0; } .directorysection0321 .filters .filter p { width:60px; } } @media all and (max-width:400px) and (min-width:0px) { .sticky-trade-jobs2021 .title { font-size:15px; } .sticky-trade-jobs2021 input { font-size:13px; padding:10px; } .sticky-trade-jobs2021 button.input { padding:12px; font-size:10px; } } @media all and (max-width:350px) and (min-width:0px) { .new2021 .topsection0321 .left button { font-size:10px; padding:12px; } .new2021 .topsection0321 .left button.clear { padding:11px 12px; margin-left:0; } .directorysection0321 .filters .filter a { font-size:10px; margin-bottom:5px; } .directorysection0321 .filters .filter a.count { margin-top:5px; } .new2021 .topsection0321 .left input { font-size:12px; padding:15px 10px; } .new2021 .topsection0321 .left button.input { font-size:11px; } .directorysection0321 .jobsthisweek .section { width:100%; margin-bottom:20px; } } /* TRADE PROFILE PAGES */ .mjq-home2022 .tradeprofile-container { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding: 30px; } .mjq-home2022 .tradeprofile-container .profile { display:flex; align-items:center; } .mjq-home2022 .tradeprofile-container .profile .profile-image { border-radius:50%; width:100px; height:100px; background-position:center center; background-size:cover; background-repeat:no-repeat; flex-shrink:0; margin-right:20px; } .mjq-home2022 .tradeprofile-container .profile .profile-name { } .mjq-home2022 .tradeprofile-container .profile .profile-name .name { font-weight: 700; font-size: 27px; color: #505566; margin-bottom: 5px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating { } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating i { font-size:20px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating i:before { margin:0; color:gold; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating span { color: #A3A8B9; font-size: 14px; font-weight: 600; margin-left: 5px; } .mjq-home2022 .tradeprofile-container .editable { position:relative; } .mjq-home2022 .tradeprofile-container .edit { position:absolute; top:0; right:0; color:#fff; background-color:#ff7353; padding:0 5px; border-radius:5px; font-size:13px; font-weight:500; cursor:pointer; line-height: 24px; display:none; } .mjq-home2022 .tradeprofile-container .edit:hover { text-decoration:underline; } .mjq-home2022 .tradeprofile-container .details { margin-top:20px; } .mjq-home2022 .tradeprofile-container .details .single { display: inline-block; background-color: #F4F9FF; color: #2875d7; font-weight: 600; font-size: 14px; padding: 15px; margin: 3px; border-radius: 10px;box-sizing: border-box; transition: all ease-in-out .15s; } .mjq-home2022 .tradeprofile-container .details .single i { margin-right:10px; } .mjq-home2022 .tradeprofile-container .details .single i:before { color:#A3A8B9; } .mjq-home2022 .tradeprofile-container .details .single span { } .mjq-home2022 .tradeprofile-container .about { } .mjq-home2022 .tradeprofile-container .title { font-size: 20px; color: #505566; font-weight: 600; margin-top: 30px; margin-bottom: 15px; padding-right:50px; } .mjq-home2022 .tradeprofile-container .about p { font-size: 17px; line-height:1.5em; color: #505566; } .mjq-home2022 .tradeprofile-container .skills { } .mjq-home2022 .tradeprofile-container .skills .single { margin-bottom:10px; } .mjq-home2022 .tradeprofile-container .skills .main-cat { background-color: #F4F9FF; color: #2875d7; font-weight: 600; font-size: 14px; padding:20px; border-radius: 10px; box-sizing: border-box; display:flex; align-items:center; justify-content:space-between; cursor:pointer; } .mjq-home2022 .tradeprofile-container .skills .main-cat:hover i:before { color:#2875d7; } .mjq-home2022 .tradeprofile-container .skills .main-cat span { } .mjq-home2022 .tradeprofile-container .skills .main-cat i { font-size:15px; transition: all ease-in-out .15s; } .mjq-home2022 .tradeprofile-container .skills .main-cat i:before { color:#A3A8B9; } .mjq-home2022 .tradeprofile-container .skills .sub-cats { display:none; background-color: #F4F9FF; padding:20px; border-radius:0 0 10px 10px; } .mjq-home2022 .tradeprofile-container .skills .sub-cats li { list-style-type:none; display:inline-block; position:relative; margin-right:10px; font-size:15px; color: #2875d7; padding:5px 10px; } .mjq-home2022 .tradeprofile-container .skills .sub-cats li:not(:last-child):after { content:"-"; position:absolute; right:-10px; color:#A3A8B9; } .mjq-home2022 .tradeprofile-container .skills .active .sub-cats { display:block; border-top: 4px solid #fff; } .mjq-home2022 .tradeprofile-container .skills .active .main-cat { border-radius:10px 10px 0 0; } .mjq-home2022 .tradeprofile-container .skills .active .main-cat i { transform:rotate(180deg); } .mjq-home2022 .tradeprofile-container .gallery { } .mjq-home2022 .tradeprofile-container .gallery-images { display:flex; flex-wrap:wrap; } .mjq-home2022 .tradeprofile-container .gallery-images a { display:block; background-position:center center; background-size:cover; background-repeat:no-repeat; width:95px; height:95px; border-radius:5px; flex-shrink:0; margin-right:10px; margin-bottom:10px; } .mjq-home2022 .tradeprofile-container .latestreviews { position:relative; } .mjq-home2022 .tradeprofile-container .latestreviews .sorting { position:absolute; right:0; top:0; margin-top:-13px; width:180px; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container { margin-top:30px; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single { background-color: #F4F9FF; padding:20px; border-radius: 10px; margin-bottom:10px; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single .subcat { font-size:16px; color: #505566; font-weight:500; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single .rating { } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single .rating i { font-size:16px; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single .rating i:before { margin:0; color:gold; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single p { font-size:15px; line-height:1.5em; color: #505566; margin:10px 0; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single .date { color: #A3A8B9; font-size: 14px; font-weight: 600; font-style:italic; } .mjq-home2022 .tradeprofile-container a.button { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin-top: 20px; cursor:pointer; } .mjq-home2022 .tradeprofile-container a.button:hover { background-color: #1865c7; } .mjq-home2022 .tradeprofile-container .about-reviews { margin-top:20px; } .mjq-home2022 .tradeprofile-container .about-reviews p { font-size:14px; line-height:1.5em; color: #505566; margin-bottom:15px; } .mjq-home2022 .tradeprofile-container .askatrade { } .mjq-home2022 .tradeprofile-container .askatrade p { font-size: 17px; line-height:1.5em; color: #505566; } .mjq-home2022 .tradeprofile-container .askatrade ul { padding-left:20px; margin-top:15px; } .mjq-home2022 .tradeprofile-container .askatrade li { font-size: 17px; line-height:1.5em; color: #ff7353; } .mjq-home2022 .tradeprofile-container .askatrade li:hover { text-decoration:underline; } .mjq-home2022 .directorysection0321 .subcategory h2 { border-left:0; border-top:0; margin:0; padding:0; padding-top:10px; padding-bottom:30px; text-transform:none; } .mjq-newhome .subcategory h3:after { display:none; } .has-cookie-notice .mjq-home2022 .categories-dropdown .dropdownmenu-container { top: 103px; } @media all and (max-width: 550px) and (min-width: 0px) { .mjq-home2022 .container.benefitscontiner { min-height: 62px; } } @media all and (max-width: 600px) and (min-width: 0px) { .mjq-loading-icon { text-align:center; } .mjq-home2022 .tradeprofile-container { padding:20px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .name { font-size:24px; font-weight:600; } } @media all and (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container .profile .profile-name .name { font-size:20px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating i { font-size:16px; width:auto; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating span { font-size:13px; } .mjq-home2022 .tradeprofile-container .profile .profile-image { width:80px; height:80px; margin-right:15px; } .mjq-home2022 .tradeprofile-container .details .single { font-size:13px; padding:10px; font-weight:500; } .mjq-home2022 .tradeprofile-container .title { font-size:17px; margin-bottom:10px; margin-top:20px; } .mjq-home2022 .tradeprofile-container .about p, .mjq-home2022 .tradeprofile-container .askatrade p, .mjq-home2022 .tradeprofile-container .askatrade li { font-size:16px; } .mjq-home2022 .tradeprofile-container .skills .main-cat { padding:15px; } .mjq-home2022 .tradeprofile-container .skills .sub-cats { padding:15px; } .mjq-home2022 .tradeprofile-container .skills .sub-cats li { font-size:14px; } .mjq-home2022 .tradeprofile-container .gallery-images a { width:32%; margin-right:2%; } .mjq-home2022 .tradeprofile-container .gallery-images a:nth-of-type(3n) { margin-right:0; } .mjq-home2022 .tradeprofile-container .latestreviews { margin-top:30px; } .mjq-home2022 .tradeprofile-container .latestreviews .sorting { width:150px; margin-top:-11px; } .mjq-home2022 .tradeprofile-container .latestreviews .sorting.qform2022 .generic-inputs input, .mjq-home2022 .tradeprofile-container .latestreviews .sorting.qform2022 .generic-inputs select { padding:10px; font-size:14px; } .mjq-home2022 .tradeprofile-container .latestreviews .review-container .single { padding:15px; } .mjq-home2022 .tradeprofile-container .skills .sub-cats li { display:block; } .mjq-home2022 .tradeprofile-container .skills .sub-cats li:after { display:none; } .mjq-home2022 .tradeprofile-container .gallery-images { margin-top:10px; } } @media all and (max-width: 420px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container { padding:15px; } .mjq-home2022 .tradeprofile-container .profile .profile-image { width:60px; height:60px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .name { font-size:17px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating i { font-size:14px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .rating span { font-weight:normal; } .mjq-home2022 .tradeprofile-container .details .single i { margin-right:5px; } .mjq-home2022 .tradeprofile-container .details .single { margin:2px 0; font-size:12px; } .mjq-home2022 .tradeprofile-container .title { font-size: 16px; margin-bottom: 5px; margin-top: 15px; } .mjq-home2022 .tradeprofile-container .about p, .mjq-home2022 .tradeprofile-container .askatrade p, .mjq-home2022 .tradeprofile-container .askatrade li { font-size:15px; } } /* QUOTE BENEFITS */ .mjq-home2022 .quote-benefits { display:flex; align-items:flex-start; justify-content:space-between; padding:15px 0; } .mjq-home2022 .quote-benefits .single { width:25%; text-align:center; display:flex; align-items:center; } .mjq-home2022 .quote-benefits .single i { display:inline-block; background-color:#2875D7; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; color:#fff; font-size:16px; flex-shrink:0; } .mjq-home2022 .quote-benefits .single i:before { color:#fff; } .mjq-home2022 .quote-benefits .single p { font-weight:700; font-size:15px; color:#505566; margin-left:10px; text-align:left; } .mjq-home2022 .quote-reviews { display:flex; align-items:center; justify-content:space-around; padding:30px 0; } .mjq-home2022 .quote-reviews .single { display:flex; align-items:center; justify-content:space-around; width:40%; } .mjq-home2022 .quote-reviews .single img { width: 170px; max-width: 100%; display: inline-block; margin: 0; } .mjq-home2022 .quote-reviews .single img.tp { margin-bottom:8px; } .mjq-home2022 .quote-reviews .single .info { } .mjq-home2022 .quote-reviews .single .info .title { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #000; text-transform: uppercase; } .mjq-home2022 .quote-reviews .single .info .review-count { font-size: 16px; font-weight: 500; margin-bottom: 10px; color: #000; } .mjq-home2022 .quote-reviews .single .info .review-rating { font-size: 16px; font-weight: 500; color: #000; } @media all and (max-width: 1100px) and (min-width: 0px) { .mjq-home2022 .quote-benefits .single { width:32%; } } @media all and (max-width: 900px) and (min-width: 0px) { .mjq-home2022 .quote-benefits .single p { font-size:13px; font-weight:500; } .mjq-home2022 .quote-benefits .single i { font-size:14px; width:30px; height:30px; line-height:30px; } .mjq-home2022 .quote-benefits { align-items:center; } } .mjq-home2022 .quote-reviews.slim { padding:15px 0; } .mjq-home2022 .quote-reviews.slim .single { width:100%; justify-content:center; } .mjq-home2022 .quote-reviews.slim .single img.tp { margin-bottom:10px; margin-right:20px; width:115px; } .mjq-home2022 .quote-reviews.slim .single .info .title { margin-bottom:0; font-size:16px; text-transform:none; } @media all and (max-width: 550px) and (min-width: 0px) { .mjq-home2022 .quote-reviews.slim .single { flex-wrap:wrap; } .mjq-home2022 .quote-reviews .single .info { width:100%; } .mjq-home2022 .quote-benefits .single:nth-of-type(2), .mjq-home2022 .quote-benefits .single:nth-of-type(3) { display:none; } .mjq-home2022 .quote-benefits .single { width:auto; margin:auto; } } @media all and (max-width: 380px) and (min-width: 0px) { .mjq-home2022 .quote-reviews.slim .single .info .title { font-size:14px; font-weight:500; } } /* TRADE PRICING PAGE */ .mjq-home2022 section.tradepricing { } .mjq-home2022 .tradepricing-container { } .mjq-home2022 .tradepricing-container .title { font-weight: 800; font-size: 40px; color: #505566; margin-bottom: 10px; } .mjq-home2022 .tradepricing-container .subtitle { font-size: 20px; color: #505566; font-weight: 500; margin-bottom: 40px; } .mjq-home2022 .tradepricing-container .package-container { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:40px; } .mjq-home2022 .tradepricing-container .package-container .single { margin:0 10px; padding:30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; border-radius:10px; background-color:#fff; width:30%; position:relative; } .mjq-home2022 .tradepricing-container .package-container .single .package-name { font-weight:600; font-size: 22px; color: #000; margin-bottom: 10px; } .mjq-home2022 .tradepricing-container .package-container .single .package-price { color:#2875d7; font-size:25px; font-weight:600; margin:20px 0; } .mjq-home2022 .tradepricing-container .package-container .single .package-price sup { font-size:12px; } .mjq-home2022 .tradepricing-container .package-container .single .package-price span { font-size:18px; } .mjq-home2022 .tradepricing-container .package-container .single .package-credits { color:#505566; font-size:20px; font-weight:500; margin-bottom:5px; } .mjq-home2022 .tradepricing-container .package-container .single .package-desc { color:#505566; font-size:15px; } .mjq-home2022 .tradepricing-container .package-container .single .package-desc sup { font-size:11px; } .mjq-home2022 .tradepricing-container .package-container .single .package-small-desc { color:#505566; font-size:14px; } .mjq-home2022 .tradepricing-container .package-container .single .button { background-color: #2875d7; margin:20px 0; color: #fff; font-size: 16px; line-height: 16px; padding:18px 20px; width: 100%; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; box-sizing:border-box; } .mjq-home2022 .tradepricing-container .package-container .single .button:hover { cursor:pointer; background-color:#1865c7; } .mjq-home2022 .tradepricing-container .package-container .single .button.clear { border: 1px solid #2875d7; background-color: #fff; color: #2875d7; padding:17px 19px; } .mjq-home2022 .tradepricing-container .package-container .single .button.clear:hover { background-color: #f9f9f9; } .mjq-home2022 .tradepricing-container .package-container .single.popular { border:2px solid #2875d7; } .mjq-home2022 .tradepricing-container .package-container .single .mostpopular { padding:10px; background-color:#2875d7; color:#fff; font-weight:600; font-size:16px; margin:-30px; margin-bottom:20px; } .mjq-home2022 .tradepricing-container p { font-size:15px; color:#505566; } .mjq-home2022 .tradepricing-container p a.normal-link { font-weight:600; color:#ff7353; text-decoration:underline; } .mjq-home2022 .tradepricing-container .tradepricing-faq { width:800px; margin:auto; max-width:100%; margin-top:80px; } .mjq-home2022 .tradepricing-container .tradepricing-faq .single { cursor:pointer; margin-bottom:20px; padding: 25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; border-radius:10px; background-color: #fff; text-align:left; } .mjq-home2022 .tradepricing-container .tradepricing-faq .single .question { font-weight:600; font-size:18px; cursor:pointer; color: #505566; position:relative; padding-right:30px; } .mjq-home2022 .tradepricing-container .tradepricing-faq .single .question:after { content:'\e808'; font-family:'fontello_core'; position:absolute; right:0; font-size:12px; line-height:12px; top:50%; margin-top:-6px; } .mjq-home2022 .tradepricing-container .tradepricing-faq .single.active .question:after { transform:rotate(180deg); } .mjq-home2022 .tradepricing-container .tradepricing-faq .single .answer { display:none; margin-top:20px; font-size: 15px; color: #505566; } @media all and (max-width:1000px) and (min-width: 0px) { .mjq-home2022 .tradepricing-container .package-container .single .package-price span { display:block; font-size:14px; } .mjq-home2022 .tradepricing-container .package-container .single { padding:20px; } .mjq-home2022 .tradepricing-container .package-container .single .mostpopular { margin:-20px; margin-bottom:20px; } .mjq-home2022 .tradepricing-container .package-container .single .package-name { font-size:20px; } .mjq-home2022 .tradepricing-container .package-container .single .button { font-size:14px; line-height:14px; } .mjq-home2022 .tradepricing-container .package-container .single .package-credits { font-size:17px; } .mjq-home2022 .tradepricing-container .package-container .single .package-desc { font-size:14px; } } @media all and (max-width:800px) and (min-width: 0px) { .mjq-home2022 .tradepricing-container .package-container { flex-wrap:wrap; margin-bottom:0; } .mjq-home2022 .tradepricing-container .title { font-size:30px; } .mjq-home2022 .tradepricing-container .subtitle { font-size:17px; } .mjq-home2022 .tradepricing-container .package-container .single { width:100%; text-align:left; margin:0; margin-bottom:20px; } .mjq-home2022 .tradepricing-container .package-container .single .package-price span { display:inline; } .mjq-home2022 .tradepricing-container .package-container .single .package-small-desc { margin-top:10px; } .mjq-home2022 .tradepricing-container .package-container .single .package-small-desc br { display:none; } .mjq-home2022 .tradepricing-container .package-container .single .button { position:absolute; top:50%; margin-top:-25px; right:20px; width:auto; } .mjq-home2022 .tradepricing-container .package-container .single.popular .button { margin-top:-6px; } .mjq-home2022 .tradepricing-container p a.normal-link { display:block; } .mjq-home2022 .tradepricing-container .tradepricing-faq { margin-top:50px; } } @media all and (max-width:450px) and (min-width: 0px) { .mjq-home2022 .tradepricing-container .package-container .single { text-align:center; } .mjq-home2022 .tradepricing-container .package-container .single .button { position:relative; right:auto; margin:10px 0; width:100%; } .mjq-home2022 .tradepricing-container .package-container .single.popular .button { margin-top:10px; } } /* ROCKER SWITCH */ .mjq-home2022 .tradepricing-container .monthly-annually { display:flex; align-items:center; justify-content:center; margin-bottom:50px; } .mjq-home2022 .tradepricing-container .monthly-annually span { font-weight:700; font-size:20px; color: #505566; width:250px; text-align:left; } .mjq-home2022 .tradepricing-container .monthly-annually span.monthly { text-align:right; } .mjq-home2022 .tradepricing-container .monthly-annually span.annually { color:#A3A8B9; } .mjq-home2022 .tradepricing-container .monthly-annually span b { font-weight:500; font-size:15px; } .mjq-home2022 .tradepricing-container .monthly-annually .rocker { margin:0 20px; transition: all ease-in-out .15s; width:60px; height:30px; border-radius:50px; background-color:#A3A8B9; position:relative; cursor:pointer; flex-shrink:0; } .mjq-home2022 .tradepricing-container .monthly-annually .switch { transition: all ease-in-out .15s; width:24px; height:24px; background-color:#fff; position:absolute; left:0; border-radius:50%; top:0; margin:3px; } .mjq-home2022 .tradepricing-container .monthly-annually.active .rocker { background-color:#2875d7; } .mjq-home2022 .tradepricing-container .monthly-annually.active .rocker .switch { margin-left:33px; } .mjq-home2022 .tradepricing-container .monthly-annually.active span.monthly { color:#A3A8B9; } .mjq-home2022 .tradepricing-container .monthly-annually.active span.annually { color:#2875d7; } .mjq-home2022 .tradepricing-container .package-container .single .package-price.hidden { display:none; } .mjq-home2022 .tradepricing-container .package-container.active .single .package-price { display:none; } .mjq-home2022 .tradepricing-container .package-container.active .single .package-price.hidden { display:block; } .mjq-home2022 .tradepricing-container .package-container .single .package-desc.hidden { display:none; } .mjq-home2022 .tradepricing-container .package-container.active .single .package-desc { display:none; } .mjq-home2022 .tradepricing-container .package-container.active .single .package-desc.hidden { display:block; } @media all and (max-width: 600px) and (min-width: 0px) { .mjq-home2022 .tradepricing-container .monthly-annually { margin-bottom:30px; } .mjq-home2022 .tradepricing-container .monthly-annually span { font-size:16px; } .mjq-home2022 .tradepricing-container .monthly-annually span b { display:block; font-size:13px; } } /* SPECIFIC TRADE DIRECTORY TOP PAGES */ .mjq-home2022 section.white { background-color:#fff; position:relative; z-index:5; } .mjq-header-container .mjq-logo-new.two { margin-left:0; } .mjq-home2022 section.top.trades { padding-top:150px; padding-bottom:150px; } .mjq-home2022 .bg-trades { position:absolute; top:0; left:0; bottom:0; right:0; } .mjq-home2022 .bg-trades .group { position: absolute; top: 100px; left: 50%; width: 310px; display: flex; flex-wrap: wrap; align-items: center; margin-left: -575px; justify-content: center; } .mjq-home2022 .bg-trades .group:nth-of-type(2) { top: 340px; margin-left: 277px; } .mjq-home2022 .bg-trades .image { background-position:center center; background-size:cover; background-repeat:no-repeat; width:100px; height:100px; border-radius:50%; flex-shrink:0; margin:0 5px; } .mjq-home2022 .bg-trades .image.single { margin:0 100px; } .mjq-home2022 section.findatrade { padding:120px 0; } .mjq-home2022 .findatrade-container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; } .mjq-home2022 .findatrade-container .left { width:60%; text-align:left; box-sizing:border-box; } .mjq-home2022 .findatrade-container .left.short { width:55%; } .mjq-home2022 .findatrade-container .left.center { text-align:center; } .mjq-home2022 .findatrade-container .right { width:35%; text-align:left; box-sizing:border-box; position:relative; z-index:1; } .mjq-home2022 .findatrade-container .right.wide { width:40%; } .mjq-home2022 .findatrade-container h2 { font-weight:700; font-size:35px; color: #505566; margin-bottom: 10px; } .mjq-home2022 .findatrade-container p { font-size: 17px; line-height:1.5em; color: #505566; font-weight: 500; margin-bottom:20px; } .mjq-home2022 .findatrade-container p a.normal-link { color: #ff7353; } .mjq-home2022 .findatrade-container p a.normal-link:hover { text-decoration:underline; } .mjq-home2022 .findatrade-container img { width:100%; } .mjq-home2022 .findatrade-container .right.competency img { width: 150px; border-radius: 10px; border: 1px solid #A3A8B9; margin: 10px; } .mjq-home2022 .findatrade-container img.keep { } .mjq-home2022 .trade-costs-container { margin-top:80px; } .mjq-home2022 .trade-costs-container .title { font-weight:500; font-size:25px; color: #505566; margin-bottom: 10px; width:100%; text-align:left; margin-bottom:30px; } .mjq-home2022 .trade-costs-container .trade-costs { display:flex; flex-wrap:wrap; justify-content:space-between; } .mjq-home2022 .trade-costs-container .single { width: 24%; box-sizing: border-box; background-color: #fff; border: 1px solid #dbe0f1; text-align:left; border-radius: 10px; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; } .mjq-home2022 .trade-costs-container .single .article-title { font-weight:600; font-size:17px; color: #505566; text-align:left; padding:30px; padding-bottom:10px; } .mjq-home2022 .trade-costs-container .single .image { height:250px; background-position:center center; background-size:cover; background-repeat:no-repeat; width:100%; } .mjq-home2022 .trade-costs-container .single .pricing { color:#2875d7; border:2px solid #2875d7; padding:5px 10px; font-weight:500; display:inline-block; border-radius:50px; font-size:12px; margin:0 30px 30px 30px; } .mjq-home2022 .trade-costs-container .findoutmore { margin-top:30px; } .mjq-home2022 .trade-costs-container .single:hover { opacity:0.7; } .mjq-home2022 .trade-reviews-container { display:flex; text-align:center; margin-bottom:-50px; } .mjq-home2022 .trade-reviews-container .single { width: 300px; box-sizing: border-box; background-color: #fff; border-radius: 10px; padding:20px; border:1px solid #dbe0f1; margin:10px; position:relative; padding-bottom:50px; } .mjq-home2022 .trade-reviews-container .single .image { background-position:center center; background-size:cover; background-repeat:no-repeat; width:100px; height:100px; border-radius:50%; margin-top:-70px; margin-bottom:20px; flex-shrink:0; display:inline-block; border:1px solid #dbe0f1; } .mjq-home2022 .trade-reviews-container .single .trade-name { display:block; font-weight: 700; font-size: 16px; color: #000; margin-bottom: 10px; } .mjq-home2022 .trade-reviews-container .single p { font-size: 13px; line-height: 1.5em; color: #505566; margin-bottom:10px; } .mjq-home2022 .trade-reviews-container .single span {font-size: 12px; font-weight: 600; color:#A3A8B9; position:absolute; bottom:20px; left:0; right:0; } .mjq-home2022 .location-cloud-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom:30px; } .mjq-home2022 .location-cloud-container a { display: inline-block; background-color: #F4F9FF; color: #2875d7; font-weight: 600; font-size: 14px; padding: 15px; margin: 3px; border-radius: 10px; box-sizing: border-box; transition: all ease-in-out .15s; } .mjq-home2022 .location-cloud-container a:hover { color:#fff; background-color:#2875d7; } .mjq-home2022 .findatrade-container .tradenearyousearch { width: 66%; margin: auto; margin-bottom: 60px; } .mjq-home2022 .findatrade-container .title { font-weight: 500; font-size: 25px; color: #505566; margin-bottom: 10px; width: 100%; margin-bottom: 30px; } .mjq-home2022 .findatrade-container .search-input { position: relative; z-index: 5; width: 100%;} .mjq-home2022 .findatrade-container .search-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; transition: all ease-in-out .15s; width: 100%; border-radius: 5px; padding: 25px; padding-right: 25px; padding-right: 15px; width: 100%; font-size: 18px; font-weight: 600; color: #777; border: 2px solid #dbe0f1; padding-right: 145px; } .mjq-home2022 .findatrade-container .search-input button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; transition: all ease-in-out .15s; background-color: #ff7353; color: #fff; font-size: 16px; line-height: 16px; padding: 20px 35px; font-weight: 600; position: absolute; top: 50%; margin-top: -28px; right: 11px; border-radius: 5px; } .mjq-home2022 .findatrade-container .search-input button:hover { cursor: pointer; background-color: #f66a4a; } .mjq-home2022 .findatrade-container .findoutmore.center { margin:auto; } .mjq-home2022 .trade-costs-container .morearticles { font-size: 16px; font-weight: 800; text-transform: uppercase; margin-top: 50px; width: 100%; text-align: center; color: #A3A8B9; text-decoration: underline; display:inline-block; } .mjq-home2022 .trade-costs-container .morearticles:hover { color: #9A9FB0; } .mjq-home2022 .faq-container { margin:auto; margin-top:100px; display:flex; align-items:stretch; justify-content:space-between; flex-wrap:wrap; } .mjq-home2022 .faq-container .title { font-weight: 500; font-size: 25px; color: #505566; width: 100%; margin-bottom: 30px; width:100%; text-align:left; } .mjq-home2022 .faq-container .column { width:48%; } .mjq-home2022 .faq-container .single { width:100%; cursor: pointer; margin-bottom: 20px; padding: 25px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; border-radius: 10px; background-color: #fff; text-align: left; box-sizing:border-box; } .mjq-home2022 .faq-container .single .question { color: #505566; font-weight: 600; font-size: 18px; cursor: pointer; color: #505566; position: relative; padding-right: 30px; } .mjq-home2022 .faq-container .single .question:after { content: '\e808'; font-family: 'fontello_core'; position: absolute; right: 0; font-size: 12px; line-height: 12px; top: 50%; margin-top: -6px; } .mjq-home2022 .faq-container .single p.answer { margin-top: 20px; font-size: 15px; color: #505566; display:none; line-height:1.5em; } .mjq-home2022 .faq-container .single p.answer a.normal-link { color:#ff7353; } .mjq-home2022 .faq-container .single p.answer a.normal-link:hover { text-decoration:underline; } .mjq-home2022 .faq-container .single.active .question:after { transform: rotate(180deg); } .mjq-home2022 .tradecostgraph { } .mjq-home2022 .tradecostgraph .title { font-size: 18px; font-weight: 600; color: #000; text-align: center; margin-bottom: 60px; } .mjq-home2022 .tradecostgraph .barchart { display: flex; align-items: end; -webkit-justify-content: flex-end; -webkit-align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #A3A8B9; padding: 0 10px; } .mjq-home2022 .tradecostgraph .barchart .single { width:11%; border-radius: 3px 3px 0 0; margin: 0 5px; flex-shrink: 0; position: relative; } .mjq-home2022 .tradecostgraph .barchart .single.light { background-color: #A3A8B9; } .mjq-home2022 .tradecostgraph .barchart .single.dark { background-color: #2875d7; } .mjq-home2022 .tradecostgraph .barchart .single .price { font-size: 14px; font-weight: 600; color: #aaa; position: absolute; bottom: 100%; width: 150px; left: 50%; margin-left: -75px; text-align: center; margin-bottom:5px; } .mjq-home2022 .tradecostgraph .barchart .single .price.average { color: #000; font-weight: 800; } .mjq-home2022 .container.special section.top { margin:0; text-align: left; } .mjq-home2022 .container.special section.top .reviews-rating { justify-content: flex-start; } .mjq-home2022 .container.special section.top .reviews-rating img { margin-left:0; } .mjq-home2022 .container.special section.top .reviews-rating b { margin-right:10px; } .mjq-home2022 .bg-trade-image { position:absolute; background-position:center center; background-size:cover; background-repeat:no-repeat; height:650px; width:100%; } @media all and (max-width:1100px) and (min-width: 0px) { .mjq-home2022 .bg-trade-image { display:none; } .mjq-home2022 .container.special section.top { margin:auto; text-align: center; } .mjq-home2022 .container.special section.top .reviews-rating { justify-content: center; } .mjq-home2022 .bg-trades { display:none; } .mjq-home2022 section.top.trades { padding-top:100px; padding-bottom:100px; } .mjq-home2022 .findatrade-container .right.competency img { width:120px; } .mjq-home2022 section.findatrade { padding:80px 20px; } } @media all and (max-width:900px) and (min-width: 0px) { .mjq-home2022 .findatrade-container { flex-wrap:wrap; } .mjq-home2022 section.findatrade { padding:50px 20px; } .mjq-home2022 .findatrade-container .left { width:100%; } .mjq-home2022 .findatrade-container .right { width:100%; } .mjq-home2022 .findatrade-container .right.centermobile { text-align:center; } .mjq-home2022 .findatrade-container .left.short { width:100%; } .mjq-home2022 .findatrade-container .switch { order:2; margin-top:50px; } .mjq-home2022 .findatrade-container img { display:none; } .mjq-home2022 .findatrade-container .right.competency { margin-top:20px; } .mjq-home2022 .findatrade-container .right.competency img { display:inline-block; margin:0; margin-right:1%; width:20%; } .mjq-home2022 .findatrade-container img.keep { display:inline-block; max-width:500px; margin-top:-50px; } .mjq-home2022 .trade-costs-container { margin-top:30px; } .mjq-home2022 .trade-costs-container .single { width:49%; margin-bottom:20px; } .mjq-home2022 .trade-reviews-container { margin-top:80px; margin-bottom:0; } .mjq-home2022 .trade-costs-container .morearticles { margin-top:20px; } .mjq-home2022 .findatrade-container .tradenearyousearch { width:90%; } .mjq-home2022 .faq-container { margin-top:40px; } .mjq-home2022 .faq-container .column { width:100%; } } @media all and (max-width:600px) and (min-width: 0px) { .mjq-home2022 .trade-reviews-container { flex-wrap:wrap; } .mjq-home2022 .trade-reviews-container .single { width:100%; margin-top:60px; } .mjq-home2022 .trade-reviews-container { margin-top:30px; } .mjq-home2022 .findatrade-container h2 { font-size:25px; } .mjq-home2022 .trade-costs-container .title { font-size:20px; } .mjq-home2022 .findatrade-container .tradenearyousearch { width:100%; margin-bottom:30px; } .mjq-home2022 .location-cloud-container a span { display:none; } .mjq-home2022 .faq-container .title { text-align:center; } } @media all and (max-width:500px) and (min-width: 0px) { .mjq-home2022 section.findatrade { padding:50px 0; } .mjq-home2022 section.top.trades { padding-top:80px; padding-bottom:80px; } .mjq-home2022 .trade-costs-container .single { width:100%; } .mjq-home2022 .findatrade-container .left { text-align:center; } .mjq-home2022 .findatrade-container .right { text-align:center; } .mjq-home2022 .trade-costs-container .title { text-align:center; margin-bottom:15px; } .mjq-home2022 .trade-costs-container .single .image { height:200px; } .mjq-home2022 .trade-costs-container .single .article-title { padding:20px; padding-bottom:10px; font-size:16px; } .mjq-home2022 .trade-costs-container .single .pricing { margin:0 20px 20px 20px; } .mjq-home2022 .findatrade-container img.keep { margin-top:-40px; } .mjq-home2022 .findatrade-container .search-input input { padding: 20px; font-size: 16px; padding-right: 130px; } .mjq-home2022 .findatrade-container .search-input button { font-size: 15px; line-height: 15px; padding: 16px 25px; margin-top: -23px; right: 9px; } .mjq-home2022 .faq-container .single { padding:20px; } .mjq-home2022 .faq-container .single .question { font-size:16px; } } @media all and (max-width:360px) and (min-width: 0px) { .mjq-home2022 .findatrade-container .search-input input { padding: 15px; font-size:14px; padding-right: 100px; } .mjq-home2022 .findatrade-container .search-input button { font-size: 14px; line-height: 14px; padding: 14px 20px; margin-top: -21px; right: 5px; } } /* COST, HOW TO, GUIDES, ADVICE, ETC */ .mjq-home2022 .container.large { width:1200px; } .mjq-home2022 .container.large .askatrade-container .left { width:69%; } .mjq-home2022 .container.large .askatrade-container .right { width:28%; } .mjq-home2022 .breadcrumbs-container .breadcrumbs span.mobile { display:none; } .mjq-home2022 .cost-content-container.general-page { width:100%; } .mjq-home2022 .cost-content-container a { color:#ff7353; overflow-wrap: break-word; word-wrap:break-word; } .mjq-home2022 .cost-content-container a:hover { text-decoration:underline; } .mjq-home2022 .cost-content-container .askatradebanner-container { border:1px solid #dbe0f1; border-left:0; border-right:0; box-shadow:none; margin:20px -40px; border-radius:0; } .mjq-home2022 .askatrade-container .cost-content-container .postajob-container { border:1px solid #dbe0f1; border-left:0; border-right:0; box-shadow:none; margin:20px -40px; border-radius:0; } .mjq-home2022 .askatrade-container .cost-content-container .postajob-container img { border-radius:0; margin-bottom:0; } .mjq-home2022 .cost-content-container .cost { background-color: #e4e7ed; color: #505566; padding: 40px; font-size: 0; margin: 25px -40px 20px -40px; } .mjq-home2022 .cost-content-container .cost .text { width: 77%; display: inline-block; vertical-align: middle; } .mjq-home2022 .cost-content-container .cost .price { width: 23%; display: inline-block; vertical-align: middle; } .mjq-home2022 .cost-content-container .cost .text h3 { font-size: 20px; font-weight: 400; text-transform: uppercase; color: #505566; text-align: left; margin: 0; padding: 0; } .mjq-home2022 .cost-content-container .cost .text h4 { font-size: 13px; color: #505566; margin: 0; padding: 0; text-transform: none; } .mjq-home2022 .cost-content-container .cost .price h5 { font-size: 30px; color: #505566; text-align: right; } .mjq-home2022 .cost-content-container.general-page p, .mjq-home2022 .cost-content-container.general-page li { font-size:18px; color: #111; } .mjq-home2022 .cost-content-container .table-of-contents-main { display:none; } .mjq-home2022 .cost-content-container h2 { margin: 30px -40px 20px -40px; padding: 50px 40px 10px 40px; border-top: 1px solid #ddd; font-size: 30px; font-weight: 700; } .mjq-home2022 .cost-content-container h3 { margin: 0; margin-bottom: 10px; padding: 0; padding-top: 10px; text-align: left; font-size: 21px; font-weight: 500; color: #505566; } .mjq-home2022 .cost-content-container h4 { font-size: 16px; text-transform: uppercase; margin-top: 25px; color: #505566; margin-bottom:17px; } .mjq-home2022 .cost-content-container img { margin-bottom: 10px; } .mjq-home2022 .cost-content-container .table-of-contents-main ol, .mjq-home2022 .cost-content-container .table-of-contents-main ul { list-style-type: none; } .mjq-home2022 .cost-content-container .table-of-contents-main li { margin-bottom: 7px; color: #505566; font-size: 18px; line-height: 27px; } .mjq-home2022 .cost-content-container .table-of-contents-main li a { color: #505566; position:relative; padding-left:20px; display:block; } .mjq-home2022 .cost-content-container .table-of-contents-main ol ul { margin-top: 10px; margin-bottom: 0; } .mjq-home2022 .cost-content-container .table-of-contents-main li a i:before { font-size:12px; color: #505566; position:absolute; top:50%; left:0; margin-top:-6px; } .mjq-home2022 .cost-content-container .table-section { width: 100%; border-radius: 5px; overflow: auto; margin-bottom: 20px; } .mjq-home2022 .cost-content-container table { width: 100%; border-collapse: collapse; } .mjq-home2022 .cost-content-container table td:nth-of-type(1), .mjq-home2022 .cost-content-container table th:nth-of-type(1) { text-align: left; } .mjq-home2022 .cost-content-container table td, .mjq-home2022 .cost-content-container table th { padding: 13px; text-align: center; border: 0; border-right-color: currentcolor; border-right-style: none; border-right-width: 0px; border-right: 1px solid #e4e7ed; color: #505566; } .mjq-home2022 .cost-content-container table th { background-color: #2875d7; color: #fff; padding: 20px 13px; border: 0; border-right-color: currentcolor; border-right-style: none; border-right-width: 0px; border-right: 1px solid #1360c2; font-size: 14px; text-transform: uppercase; } .mjq-home2022 .cost-content-container table tr:nth-last-of-type(2n+1) { background-color: #f0f2f5; } .mjq-home2022 .cost-content-container table td:nth-last-of-type(1), .mjq-home2022 .cost-content-container table th:nth-last-of-type(1) { border-right: 0; } .mjq-home2022 .cost-content-container .checklist-ticks { list-style-type: none !important; padding-left: 0 !important; } .mjq-home2022 .cost-content-container .checklist-ticks li { position: relative; padding-left: 50px; margin-bottom: 20px !important; } .mjq-home2022 .cost-content-container .checklist-ticks li:before { content: "✔"; position: absolute; left: 0; font-size: 20px; top: 50%; margin-top: -20px; background-color: #e4e7ed; color: #505566; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; } .mjq-home2022 .cost-content-container .checklist-ticks.numbers li { counter-increment: inst; } .mjq-home2022 .cost-content-container .checklist-ticks.numbers li:before { content: counter(inst); } .mjq-home2022 .cost-content-container .faq-section .faq { margin-bottom: 20px; padding-bottom: 20px; position: relative; } .mjq-home2022 .cost-content-container .faq-section .faq h6 { font-size: 20px; color: #505566; font-weight: 600; } .mjq-home2022 .cost-content-container .faq-section .faq .faq-answer { font-size: 18px; color: #505566; margin: 10px 0; line-height: 27px; } .mjq-home2022 .cost-content-container .faq-section .faq:after { bottom: 0; height: 3px; width: 200px; background-color: #eee; position: absolute; content: ""; } .mjq-home2022 .cost-content-container .faq-section .faq:nth-last-of-type(1):after { display:none } .mjq-home2022 .cost-content-container .incontentpostajobbanner { background-color: #e4e7ed; color: #505566; margin: 40px -40px -30px -40px; padding: 20px 40px; font-size: 0; border-top: 1px solid #ddd; } .mjq-home2022 .cost-content-container .incontentpostajobbanner .head-title { font-size: 25px; font-weight: 700; width: 60%; display: inline-block; vertical-align: middle; } .mjq-home2022 .cost-content-container .incontentpostajobbanner .button-container { width: 40%; display: inline-block; vertical-align: middle; text-align: right; } .mjq-home2022 .cost-content-container a.button, .mjq-home2022 .cost-content-container .incontentpostajobbanner .button-container a { background-color: #2875d7; color: #fff; line-height: 14px; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; position: relative; z-index: 5; cursor: pointer; font-size:16px; } .mjq-home2022 .cost-content-container a.button:hover, .mjq-home2022 .cost-content-container .incontentpostajobbanner .button-container a:hover { background-color: #1865c7; text-decoration:none; } .mjq-home2022 .cost-recent-articles { } .mjq-home2022 .cost-recent-articles .article { display:flex; align-items:center; padding:20px; border-bottom:1px solid #f0f2f5; } .mjq-home2022 .cost-recent-articles .article:nth-last-of-type(1) { border-bottom:0; } .mjq-home2022 .cost-recent-articles .article img { width:130px; border-radius:5px; margin-right:10px; } .mjq-home2022 .cost-recent-articles .article .article-title { font-size: 16px; color: #505566; } .mjq-home2022 .cost-recent-articles .article:hover { background-color:#f9f9f9; } .mjq-home2022 .askatrade-container .sidebar-container .single.toc { padding:0; } .mjq-home2022 .askatrade-container .sidebar-container .single.toc .title { font-size: 13px; text-transform: uppercase; color: #A3A8B9; font-weight: 700; border-bottom: 1px solid #f0f2f5; padding:20px; } .mjq-home2022 .sidebar-contents-table { } .mjq-home2022 .sidebar-contents-table ol { list-style-type: none; } .mjq-home2022 .sidebar-contents-table ol li { } .mjq-home2022 .sidebar-contents-table ol li a { position:relative; display:block; padding:20px; padding-left:45px; border-bottom: 1px solid #f0f2f5; font-size: 15px; color: #505566; font-weight: 500; } .mjq-home2022 .sidebar-contents-table ol li a:hover { background-color: #f9f9f9; } .mjq-home2022 .sidebar-contents-table ol ul { list-style-type: none; } .mjq-home2022 .sidebar-contents-table ol li a i { position:absolute; font-size:12px; line-height:12px; top:50%; margin-top:-6px; left:20px; } .mjq-home2022 .sidebar-contents-table ol li a i:before { color:#A3A8B9; } .mjq-home2022 .sidebar-contents-table ol ul li { padding:0; background-color:#fff; margin:0; border-radius:0; } .mjq-home2022 .sidebar-contents-table ol ul li:hover { background-color:#fff; } .mjq-home2022 .sidebar-contents-table ol ul li a { padding-left:60px; } .mjq-home2022 .sidebar-contents-table ol ul li a i { left:40px; } .mjq-home2022 .askatrade-container .sidebar-container .single.toc .button { background-color: #2875d7; color: #fff; font-size:16px; line-height:1.4em; padding: 15px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin:15px; position: relative; z-index: 5; } .mjq-home2022 .askatrade-container .sidebar-container .single.toc .button:hover { background-color: #1865c7; } .mjq-home2022 .table-cta { display:flex; align-items:center; justify-content:space-between; padding:20px; background-color: #F4F9FF; margin-bottom:20px; border-radius:10px; } .mjq-home2022 .table-cta .content { margin-right:20px; font-size: 18px; font-weight: 600; color: #505566; } .mjq-home2022 .cost-content-container .table-cta a.button { background-color: #2875d7; color: #fff; font-size:14px; line-height:1.4em; padding: 12px; font-weight: 600; text-align: center; display: inline-block; border-radius: 5px; transition: all ease-in-out .15s; margin:0; position: relative; z-index: 5; } .mjq-home2022 .cost-content-container .table-cta a.button:hover { background-color: #1865c7; } @media (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 .cost-content-container .table-of-contents-main { display: block;} .mjq-home2022 .askatrade-container .sidebar-container .single.toc { display:none; } .mjq-home2022 .container.large .askatrade-container .left { width:100%; } .mjq-home2022 .container.large .askatrade-container .right { width:100%; } } @media (max-width: 750px) and (min-width: 0px) { .mjq-home2022 .cost-content-container .askatradebanner-container { margin: 20px -20px; } .mjq-home2022 .cost-content-container .cost { margin: 25px -20px 20px -20px; } .mjq-home2022 .cost-content-container h2 { margin: 30px -20px 20px -20px; padding: 30px 20px 0 20px; } .mjq-home2022 .cost-content-container .incontentpostajobbanner { margin: 40px -20px -30px -20px; } .mjq-home2022 .cost-content-container.general-page h1 { font-size:30px; font-weight:700; } .mjq-home2022 .cost-content-container.general-page p, .mjq-home2022 .cost-content-container.general-page li { font-size:17px; } .mjq-home2022 .cost-content-container.general-page h2 { font-size:22px; } .mjq-home2022 .cost-content-container h3 { font-size:19px; margin-bottom:5px; } .mjq-home2022 .cost-content-container h4 { font-size:14px; margin-top:20px; margin-bottom:5px; } .mjq-home2022 .askatrade-container .cost-content-container .postajob-container { margin: 20px -20px; } } @media (max-width: 600px) and (min-width: 0px) { .mjq-home2022 .cost-content-container .cost .text { width: 100%; } .mjq-home2022 .cost-content-container .cost .price { width:100%; } .mjq-home2022 .cost-content-container .cost .price h5 { text-align:center; } .mjq-home2022 .cost-content-container .cost .text h3 { text-align:center; } .mjq-home2022 .cost-content-container .cost .text h4 { text-align:center; margin:10px 0; } .mjq-home2022 .cost-content-container .incontentpostajobbanner .head-title { width:100%; text-align:center; } .mjq-home2022 .cost-content-container .incontentpostajobbanner .button-container { width:100%; text-align:center; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a span.desktop { display:none; } .mjq-home2022 .breadcrumbs-container .breadcrumbs a span.mobile { display:inline; } .mjq-home2022 .cost-content-container .incontentpostajobbanner .button-container { margin-top:10px; } } @media (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .table-cta { flex-wrap:wrap; text-align:center; justify-content:center; } .mjq-home2022 .table-cta .content { width:100%; margin:0; margin-bottom:10px; } } /* POLLS */ .mjq-home2022 .poll-container { background-color: #F4F9FF; padding:20px; border-radius:5px; } .mjq-home2022 .poll-container p { font-size:20px; font-weight:500; line-height: 27px; color: #505566 } .mjq-home2022 .poll-container .inner { } .mjq-home2022 .poll-container .inner .single { display: inline-block; background-color: #fff; padding: 20px; border-radius: 10px; box-sizing: border-box; width:100%; margin-bottom:10px; border-radius:5px; position:relative; overflow:hidden; } .mjq-home2022 .poll-container .inner .single:after { position:absolute; content:""; top:0; bottom:0; left:0; right:0; background-color:#fff; transition: left ease-in-out 2.5s; z-index:4; } .mjq-home2022 .poll-container .inner .single:hover, .mjq-home2022 .poll-container .inner .single.active { cursor:pointer; border:2px solid #2875d7; padding:18px; } .mjq-home2022 .poll-container.voted .inner .single:hover { cursor:default; } .mjq-home2022 .poll-container .inner .single span { position:relative; z-index:5; color: #2875d7; font-weight: 600; font-size: 16px; } .mjq-home2022 .poll-container .pollresults { color: #2875d7; margin-top:10px; display:flex; align-items:center; justify-content:space-between; } .mjq-home2022 .poll-container .pollresults span { text-decoration:underline; cursor:pointer; font-weight:500; } .mjq-home2022 .poll-container .pollresults b { } .mjq-home2022 .poll-container .pollresults span.hide { display:none; } .mjq-home2022 .poll-container .inner .single .percent { position:absolute; left:-2px; top:-2px; bottom:-2px; background-color:gold; transition: all ease-in-out .15s; display:none; } .mjq-home2022 .poll-container .inner .single .votes { position:absolute; right:20px; top:50%; margin-top:-8px; display:none; z-index:5; } .mjq-home2022 .poll-container .inner .single .votes span { font-size:16px; line-height:16px; font-weight:500; color:#000; } .mjq-home2022 .poll-container .inner .single .votes span.mobile { display:none; } .mjq-home2022 .poll-container.showresults .inner .single .percent, .mjq-home2022 .poll-container.showresults .inner .single .votes { display:block; } .mjq-home2022 .poll-container.showresults .inner .single:after { left:100%; } .mjq-home2022 .poll-container.showresults .inner .single:hover { border:none; padding:20px; } .mjq-home2022 .poll-container.showresults .inner .single.active:hover { border:2px solid #2875d7; padding:18px; } @media all and (max-width: 600px) and (min-width: 0px) { .mjq-home2022 .poll-container .inner .single { padding:15px; } .mjq-home2022 .poll-container .inner .single span { font-size:13px; } .mjq-home2022 .poll-container .inner .single .votes { right:15px; } .mjq-home2022 .poll-container .inner .single .votes span { font-size:13px; } .mjq-home2022 .poll-container .inner .single:hover, .mjq-home2022 .poll-container .inner .single.active { padding:13px; } .mjq-home2022 .poll-container.showresults .inner .single.active:hover { padding:13px; } .mjq-home2022 .poll-container.showresults .inner .single:hover { padding:15px; } .mjq-home2022 .poll-container .pollresults { font-size:14px; } .mjq-home2022 .poll-container .inner .single .votes span.mobile { display:block; } .mjq-home2022 .poll-container .inner .single .votes span.desktop { display:none; } } @media all and (max-width: 350px) and (min-width: 0px) { .mjq-home2022 .poll-container .inner .single .votes { right:auto !important; position:relative; margin:0; } } /* CALCULATORS */ .mjq-home2022 .calculator-container { background-color: #F4F9FF; padding: 20px; border-radius: 5px; } .mjq-home2022 .calculator-container.qform2022 { margin:0; width:auto; } .mjq-home2022 .calculator-container.qform2022 .generic-inputs label { margin-bottom:5px; } .mjq-home2022 .calculator-container .results { margin-top:20px; display: flex; align-items: center; justify-content: space-between; padding: 20px; border: 2px solid #2875d7; border-radius: 5px; } .mjq-home2022 .calculator-container .results .estimate { display: flex; align-items: center; } .mjq-home2022 .calculator-container .results .estimate span { font-size:20px; font-weight:600; color:#000; } .mjq-home2022 .calculator-container .results .estimate b { font-size: 30px; font-weight: 700; color:#2875d7; margin-left: 10px; } .mjq-home2022 .calculator-container .results a.button { margin:0; } @media all and (max-width:750px) and (min-width: 0px) { .mjq-home2022 .calculator-container .results { flex-wrap:wrap; } .mjq-home2022 .calculator-container .results .estimate { width:100%; margin-bottom: 10px; } } @media all and (max-width:550px) and (min-width: 0px) { .mjq-home2022 .calculator-container .results { justify-content: center; } .mjq-home2022 .calculator-container .results .estimate { justify-content: center; flex-wrap:wrap; text-align:center; } .mjq-home2022 .calculator-container .results .estimate span { width:100%; } } /* FOOTER STYLING */ .mjq-home2022 section.footer { padding:50px 0; border-top:1px solid #dbe0f1; } .mjq-home2022 .footer-container2022 { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #dbe0f1; padding:50px 0; margin-bottom:50px; } .mjq-home2022 .footer-container2022 .single { width:20%; text-align:left; box-sizing:border-box; } .mjq-home2022 .footer-container2022 .single.large { width:40%; flex-shrink:0; border-right:1px solid #dbe0f1; padding-right:40px; margin-right:50px; } .mjq-home2022 .footer-container2022 .logo a { color: #ff3000; font-size: 40px; font-weight: 300; display: block; letter-spacing: -1.5px; font-family: Ubuntu,sans-serif; margin-top: 1px; } .mjq-home2022 .footer-container2022 .logo img { height: 38px; padding-top: 0; display: inline-block; vertical-align: middle; margin-right: 5px; } .mjq-home2022 .footer-container2022 .logo a span { color: #2875d7; font-weight: 500; } .mjq-home2022 .footer-container2022 .logo a b { color: #ff3000; font-weight: 500; } .mjq-home2022 .footer-container2022 p { font-size: 18px; line-height:1.4em; color: #505566; font-weight: 500; margin: 40px 0; margin-top:0; } .mjq-home2022 .footer-container2022 h3 { font-weight: 700; font-size:18px; color: #505566; } .mjq-home2022 .footer-container2022 .single .title { font-weight:600; font-size: 20px; color: #A3A8B9; margin-bottom:20px; } .mjq-home2022 .footer-container2022 .single ul { list-style-type:none; } .mjq-home2022 .footer-container2022 .single ul li { font-size:14px; font-weight:500; margin:10px 0; color:#2875d7; } .mjq-home2022 .footer-container2022 .single ul li a { color:#2875d7; } .mjq-home2022 .footer-container2022 .single ul li a:hover { text-decoration:underline; } .mjq-home2022 .footer-container2022 .socials { margin-top:10px; } .mjq-home2022 .footer-container2022 .socials i:before { line-height:35px; } .mjq-home2022 .footer-container2022 .socials i,.mjq-home2022 .footer-container2022 .socials .svg { font-size:18px; width:35px; height:35px; line-height:35px; border-radius:5px; display:inline-block; text-align:center; } .mjq-home2022 .footer-container2022 .socials i,.mjq-home2022 .footer-container2022 .socials .tiktok { background-color:#000; } .mjq-home2022 .footer-container2022 .socials i.icon-twitter { background-color:#1D9BF0; } .mjq-home2022 .footer-container2022 .socials i.icon-facebook { background-color:#4867AA; } .mjq-home2022 .footer-container2022 .socials i.icon-instagram { background-color:#000; } .mjq-home2022 .footer-container2022 .socials i.icon-pinterest-circled { background-color:#E60023; } .mjq-home2022 .footer-container2022 .socials i.icon-youtube { background-color:#FF0000; } .mjq-home2022 .footer-container2022 .socials i:before { color:#fff; } .mjq-home2022 .copyright-container2022 { text-align:left; } .mjq-home2022 .copyright-container2022 p { font-size:15px; line-height: 1.4em; color: #505566; font-weight: 500; margin:5px 0; } .mjq-home2022 .copyright-container2022 p a { color: #505566; } .mjq-home2022 .copyright-container2022 p a:hover { color: #2875d7; } @media all and (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 .footer-container2022 { flex-wrap:wrap; padding-top:0; } .mjq-home2022 .footer-container2022 .single.large { width:100%; border-right:0; margin-bottom:40px; padding-bottom:40px; border-bottom: 1px solid #dbe0f1; margin-right:0; padding-right:0; } .mjq-home2022 .footer-container2022 .single { width:30%; } } @media all and (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .footer-container2022 { margin-bottom:30px; padding-bottom:30px; } .mjq-home2022 .footer-container2022 .single { width:100%; } .mjq-home2022 .footer-container2022 .single.large { margin-bottom:0; } .mjq-home2022 .footer-container2022 .single .title { margin-top:30px; } .mjq-home2022 .copyright-container2022 p { font-size:12px; } } @media all and (max-width: 320px) and (min-width: 0px) { .mjq-home2022 .footer-container2022 .logo a { font-size:31px; } .mjq-home2022 .footer-container2022 .logo img { height:30px; } } /* ARTICLE CATEGORY */ .mjq-home2022 .articlesearch-container { position: relative; width: 100%; max-width:800px; margin:auto; } .mjq-home2022 .articlesearch-container i.search { position: absolute; left: 20px; font-size: 20px; margin-top: -13px; top: 50%; } .mjq-home2022 .articlesearch-container i.search:before { color: #2875d7; } .mjq-home2022 .articlesearch-container input, .mjq-home2022 .articlesearch-container button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Montserrat,Arial,Helvetica,sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 13px; outline: 0; border: 0; transition: all ease-in-out .15s; width: 100%; } .mjq-home2022 .articlesearch-container input { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 42px 0px; padding: 30px; padding-left: 65px; padding-right: 200px; width: 100%; font-size: 19px; font-weight: 600; color: #777; border: 3px solid #dbe0f1; } .mjq-home2022 .articlesearch-container input.has-error { border-color:#ef5350; } .mjq-home2022 .articlesearch-container button { background-color: #ff7353; color: #fff; font-size: 16px; line-height: 16px; padding: 20px; width: 150px; font-weight: 600; position: absolute; top: 50%; margin-top: -28px; right: 20px; border-radius: 5px; } .mjq-home2022 .articlesearch-container button:hover { cursor:pointer; background-color:#f66a4a; } .mjq-home2022 .articlesearch-container .error-overlay { background-color: #ef5350; color: #fff; font-size: 15px; font-weight: 500; position:absolute; top:100%; width:300px; margin-left:-150px; left:50%; z-index:5; box-sizing:border-box; padding:15px; border-radius:0 0 5px 5px; } .mjq-home2022 .articles-listing-container { text-align:left; margin-top:100px; } .mjq-home2022 .articles-listing-container .title { font-weight:600; font-size:20px; color: #505566; margin-bottom:20px; } .mjq-home2022 .articles-listing-container .listings { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; } .mjq-home2022 .articles-listing-container .listings .single { width:23%; margin-bottom:30px; } .mjq-home2022 .articles-listing-container .listings .single .image { background-position: center center; background-size: cover; background-repeat: no-repeat; height:200px; width: 100%; display: block; border-radius: 5px; margin-bottom: 10px; transition: all ease-in-out .15s; } .mjq-home2022 .articles-listing-container .listings .single .image:hover { opacity: 0.7; } .mjq-home2022 .articles-listing-container .listings .single .category-title { font-weight:500; font-size:16px; color: #505566; } .mjq-home2022 .articles-listing-container.latest.sub { margin-top:0; } .mjq-home2022 .articles-listing-container.latest .listings .single { width:31%; } .mjq-home2022 .articles-listing-container.latest .listings .single p { font-size:15px; color:#333; display:none; } .mjq-home2022 .articles-listing-container.latest .listings .single .image { height:250px; } .mjq-home2022 .articles-listing-container.latest .listings { justify-content: left; } .mjq-home2022 .articles-listing-container.latest .listings .single { width: 32%; margin-right: 2%; } .mjq-home2022 .articles-listing-container.latest .listings .single:nth-of-type(3n) { margin-right:0; } @media (max-width: 750px) and (min-width: 0px) { .mjq-home2022 .articles-listing-container.latest .listings .single { width: 49%; } .mjq-home2022 .articles-listing-container.latest .listings .single:nth-of-type(3n) { margin-right:2%; } .mjq-home2022 .articles-listing-container.latest .listings .single:nth-of-type(2n) { margin-right:0; } } @media (max-width: 360px) and (min-width: 0px) { .mjq-home2022 .articles-listing-container.latest .listings .single { width: 100%; margin-right:0; } .mjq-home2022 .articles-listing-container.latest .listings .single:nth-of-type(3n) { margin-right:0; } } @media all and (max-width: 1000px) and (min-width: 0px) { .mjq-home2022 .articles-listing-container { margin-top:50px; } } @media all and (max-width: 750px) and (min-width: 0px) { .mjq-home2022 .articles-listing-container .listings .single { width:48%; } .mjq-home2022 .articles-listing-container.latest .listings .single { width:48%; } } @media all and (max-width: 550px) and (min-width: 0px) { .mjq-home2022 .articlesearch-container i.search { left: 15px; font-size: 16px; margin-top: -9px; } .mjq-home2022 .articlesearch-container input { padding: 20px; padding-left: 45px; padding-right: 130px; font-size: 17px; } .mjq-home2022 .articlesearch-container button { font-size: 14px; line-height: 14px; padding: 16px; width: 100px; margin-top: -23px; right: 13px; } } @media all and (max-width: 450px) and (min-width: 0px) { .mjq-home2022 .articlesearch-container i.search { display:none; } .mjq-home2022 .articlesearch-container input { font-size:14px; padding-left:20px; padding-right:120px; } .mjq-home2022 .articles-listing-container .listings .single .category-title { font-size:14px; } } @media all and (max-width: 360px) and (min-width: 0px) { .mjq-home2022 .articlesearch-container button { position:relative; right:auto; margin:0; margin-top:10px; } .mjq-home2022 .articlesearch-container input { padding-right:20px; border-width:2px; } .mjq-home2022 .articles-listing-container .listings .single { width:100%; } .mjq-home2022 .articles-listing-container.latest .listings .single { width:100%; } } @media all and (max-width:330px) and (min-width:0px) { .qform2022 .generic-inputs .forgotpass { position:relative; top:auto; right:auto; display:block; margin-bottom:5px; } } .sitemap-container { display:flex; flex-wrap:wrap; justify-content:space-between; } .sitemap-container .left-sidebar { width:30%; } .sitemap-container .single { box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); background-color: #fff; border-radius: 5px; padding:30px; box-sizing: border-box; margin-bottom:20px; text-align:left; } .sitemap-container .single .title { font-size:20px; font-weight:500; color:#333; margin-bottom:15px; } .sitemap-container .single ul { list-style-type:none; } .sitemap-container .single ul li { color:#2875d7; margin-bottom:10px; font-size:15px; font-weight:500; } .sitemap-container .single ul li a { color:#2875d7; } .sitemap-container .single ul li a:hover { text-decoration:underline; } .sitemap-container .mainside { width:68%; } .sitemap-container .mainside.full { width:100%; } .sitemap-container .mainside ul { display:flex; flex-wrap:wrap; justify-content:space-between; } .sitemap-container .mainside ul li { width:50%; } .sitemap-container .atoz { display:flex; flex-wrap:wrap; justify-content:left; } .sitemap-container .atoz a { width:30px; height:30px; color:#ff7353; line-height:29px; border-radius:3px; text-align:center; font-weight:600; } .sitemap-container .atoz a:hover { text-decoration:underline; } .sitemap-container .atoz a.active { background-color:#ff7353; color:#fff; } .sitemap-container .atoz a.active:hover { text-decoration:none; } .sitemap-container .atoz a.inactive { color:#999; cursor:default; } .sitemap-container .atoz a.inactive:hover { text-decoration:none; } @media all and (max-width:800px) and (min-width:0px) { .sitemap-container .left-sidebar { width:100%; } .sitemap-container .mainside { width:100%; } .sitemap-container .single { padding:20px; } } @media all and (max-width:650px) and (min-width:0px) { .sitemap-container .mainside ul li { width:100%; } } .more-locations { } .more-locations .otherplaces { } .more-locations .otherplaces ul { display:flex; flex-wrap:wrap; justify-content:left; list-style-type:none; } .more-locations .otherplaces ul li { width:33.33%; margin-bottom:10px; } .more-locations .otherplaces.span5 ul li { width:20% } .more-locations .otherplaces ul li a { color:#ff7353; font-weight:500; font-size:14px; } .more-locations .otherplaces ul li a:hover { text-decoration:underline; } .more-locations .otherplaces .showbutton { cursor:pointer; display: inline-block; background-color: #f4f9ff; color: #2875d7; font-weight: 600; font-size: 14px; padding: 15px; margin: 3px; border-radius: 10px; box-sizing: border-box; transition: all ease-in-out .15s; border:1px solid #2875d7; margin-top:20px; } .more-locations .otherplaces .showbutton:hover { background-color:#2875d7; color:#fff; } .more-locations.active .otherplaces ul li:nth-of-type(n+19) { position:relative; left:auto; height:auto; } .more-locations.active .otherplaces .showbutton { display:none; } .directorysection0321 h2 { box-sizing: border-box; } @media all and (max-width:650px) and (min-width:0px) { .more-locations .otherplaces ul li { width:100% !important; } } .direct-actions { top: 0; right: 0; color: #fff; background-color: #ff7353; padding: 5px; border-radius: 5px; font-size: 13px; font-weight: 500; cursor: pointer; line-height: 24px; } .close-general-popup, .main-popup-container .close-popup-x { position: absolute; top: 15px; right: 15px; font-size: 12px; cursor: pointer; font-weight: 500; height: 35px; line-height: 35px; width: 35px; text-align: center; border-radius: 50%; } .close-general-popup i::before, .main-popup-container .close-popup-x i::before { color: #000000; line-height: 35px; } .close-general-popup:hover, .main-popup-container .close-popup-x:hover { background-color:#d1d7e1; cursor:pointer; } /* QA FILTER */ .directorysection0321.qafilter { margin-bottom:-50px; margin-top:30px; } .directorysection0321.qafilter .option2 { text-align: right; justify-content: right; } .directorysection0321.qafilter .filters{ box-shadow: -4px 6px 7px -10px rgba(0,0,0,.75); } .directorysection0321.qafilter li { margin-right:0 !important; } @media all and (max-width: 900px) and (min-width: 0px) { .directorysection0321.qafilter .filters .filter { display: flex; align-items: center; width:auto; margin:0; } } @media all and (max-width: 800px) and (min-width: 0px) { .directorysection0321.qafilter { margin-bottom:-20px; } } @media all and (max-width: 400px) and (min-width: 0px) { .directorysection0321.qafilter .filters .filter { width: 50%; margin: 5px 0; } } .mjq-home2022 .tradeprofile-container .details.featured-trade { margin:0px -30px 20px -30px; padding:20px 30px; border-bottom: 1px solid #ddd; } .mjq-home2022 .tradeprofile-container .details.featured-trade .single { background-color: #fff; color: #ff7353; border:2px solid #ff7353; cursor:pointer; padding:12px; border-radius:5px; } .mjq-home2022 .tradeprofile-container .details.featured-trade .single i:before { color: #ff7353; } @media (max-width: 600px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container .details.featured-trade { margin:0px -20px 20px -20px; padding:20px; } } @media (max-width: 500px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container .details.featured-trade .single { padding:10px; font-weight:600; } } .mjq-home2022 .tradeprofile-container .details.featured-trade span.number { display:inline-block; } .mjq-home2022 .tradeprofile-container .details.featured-trade span.call { display:none; } @media (max-width: 420px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container .details.featured-trade { margin:0px -15px 15px -15px; padding:15px; } } @media (max-width: 700px) and (min-width: 0px) { .mjq-home2022 .tradeprofile-container .details.featured-trade span.number { display:none; } .mjq-home2022 .tradeprofile-container .details.featured-trade span.call { display:inline-block; } } .mjq-home2022 .tradeprofile-container .profile .profile-name .name { position:relative; } .mjq-home2022 .tradeprofile-container .profile .profile-name .name i.featured { line-height:20px; text-align:center; display:inline-block; vertical-align:middle; font-size: 12px; } .mjq-home2022 .tradeprofile-container .profile .profile-name .name i.featured:before { line-height:20px; font-size: 12px; font-weight: normal; color:#fff; height:20px; width:20px; background-color:#62c92b; border-radius:50%; } .icon-down-open-1.nav-dd,.icon-up-open-1.nav-dd { position:absolute; right:20px; } .icon-down-open-1.nav-dd:before, .icon-up-open-1.nav-dd:before { font-size:12px !important; } .filter-input { webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; color: #333; outline: none; border-radius: 3px 0 0 3px; border: 1px solid #d4dae3; border-right: 0; padding: 9px; transition: all ease-in-out .15s; width: 65%; float: left; } .filter-submit { background-color: #2875d7; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 10px 10px; border: 0; outline: none; border-radius: 0 3px 3px 0; transition: all ease-in-out .15s; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 35%; float: left; cursor: pointer; } .qform2022 .options-container.icons { border-radius: 0; margin-top:20px; background-color: transparent; box-shadow: none; display:flex; justify-content: space-between; align-content: center; align-items: center; } .qform2022 .options-container.icons .single-icon { border-radius: 3px; background-color: #fff; box-shadow: none; width:32%; margin-bottom:20px; height: 130px; align-content: center; display: flex; align-items: center; justify-content: center; padding-top: 65px; border: 1px solid #dbe0f1; position:relative; text-align: center; padding:20px 10px; box-sizing:border-box; margin-bottom:10px; text-align:center; padding-top:65px; } .qform2022 .options-container.icons .single-icon img { width: 40px; position: absolute; top: 20px; right: 0; left: 50%; margin-left: -20px; } .qform2022 .options-container.icons .single-icon .title { color: #000; font-weight: 500; font-size: 14px; margin:0; } .qform2022 .options-container.icons .single-icon:hover { background-color: #f9f9f9; cursor:pointer; } .qform2022 .options-container.icons .single-icon.active { border:2px solid #2875d7; } @media all and (max-width:390px) and (min-width:0px) { .qform2022 .options-container.icons .single-icon img { width: 34px; margin-left: -17px; } .qform2022 .options-container.icons .single-icon .title { font-size:13px; } } @media all and (max-width:360px) and (min-width:0px) { .qform2022 .options-container.icons .single-icon { width:48%; } } @media all and (max-width:240px) and (min-width:0px) { .qform2022 .options-container.icons .single-icon { width:100%; } }