/*@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css';*/ .entry-content > p { text-align: justify; margin-bottom: 12px } .slides-container, .slides-container> div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #mainnav ul ul a { font-family: Nunito !important /* font-family: 'Montserrat', sans-serif !important; */ } #mainnav ul li:hover > a { color: #cf1f2c; } h2, h3 { /* color: #cf1f2c */ } body:not(.home) header#masthead+.sydney-hero-area { display: none !important; } body:not(.home) .site-header.fixed { background: #000; } .site-header.fixed { position: absolute; } div#secondary aside h3.widget-title { color: #fff; font-weight: 700; font-size: 18px; padding: 10px 12px; background: #cf1f2c; margin: -20px -20px 15px; } div.wpcf7-response-output:empty { display: none; } div#secondary aside.widget ul li { border-bottom: 1px dotted #c5c5c5; list-style: none; padding: 6px 0 } div#secondary aside.widget ul li>a { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; font-size: 14px; display: block; } div#secondary aside.widget.widget_categories ul li>a:hover { color: #cf1f2c } .footer-widgets .widget-title, .footer-widgets .widget-title a { color: #cf1f2c; font-size: 20px } .footer-widgets p { color: #fff } .home.blog div#content { padding: 50px 0 } .home.blog .header-slider { height: 350px!important } .home.blog .slide-inner { top: 55%; min-height: 180px } .home.blog .text-slider .maintitle { font-size: 40px; padding-bottom: 8px } .home.blog .text-slider .subtitle { font-size: 30px; padding: 10px 0 20px } .home.blog article { border: solid 1px #e2e2e2; border-radius: 6px; margin-bottom: 25px; padding-top: 0 } h2.title-post.entry-title { font-size: 20px; line-height: 30px; margin-bottom: 5px; padding: 0 } .home.blog .entry-post { padding-top: 0!important; padding-bottom: 0!important } .home.blog .entry-post p { margin: 0; color: #636363 } .home.blog .meta-post { margin: 0 } .home.blog .entry-footer, .home.blog .meta-post span:not(.posted-on) { display: none } .home.blog .entry-thumb { margin: 0 } .home.blog .entry-header, .home.blog .entry-post { padding: 10px 15px } .home .textwidget span input { width: 100% } .post-template-default.single.single-post .entry-content h2, .post-template-default.single.single-post .entry-content h3 { font-size: 22px; margin: 25px 0 10px } .post-template-default.single.single-post .entry-content h3 { font-size: 18px; } .single .hentry .title-post { font-size: 30px; } .comment-reply-title { font-size: 23px; margin-bottom: 10px !important; } .home .content-area .hentry:after { display: none } .comments-area { margin-bottom: 10px; } div#callPopUp { display: none; position: fixed; top: 60px; right: 0; left: 0; margin: auto; max-width: 300px; background: #fff; padding: 0; border-radius: 4px; z-index: 99999; } div#callPopUp .semi_heading { position: relative; padding: 19px 15px; border-radius: 5px; border-bottom: 1px solid #dee2e6; } div#callPopUp .semi_heading h3 { font-size: 18px; font-weight: 600; color: #333; margin: 0; text-align: center; } div#mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 9999 } div#callPopUp span.close { position: absolute; top: 0; right: 10px; font-size: 35px; line-height: inherit; padding: 0 5px; cursor: pointer; opacity: .6; margin: auto; font-weight: 700; bottom: 0; display: flex; align-items: center; } #callPopUp .inner { padding: 20px 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; } #callPopUp ul { margin: 0; padding: 0; list-style: none; display: table-cell; vertical-align: middle; color: #e74c3c; font-size: 20px; line-height: 38px; font-weight: 600; /* font-family: 'Montserrat', sans-serif !important; */ font-family: Nunito !important; } #callPopUp ul li a { background-position: center left 95px!important; background-repeat: no-repeat; display: block; } #callPopUp ul li a:before { content: ""; position: relative; display: inline-block; vertical-align: top; width: 40px; height: 38px; margin-right: 5px } #callPopUp ul.list-inline { margin-top: 15px; } #callPopUp ul.list-inline li a:before { display: none; } #callPopUp ul li.us a:before { background: url(png/us-flag.png) no-repeat center } #callPopUp ul li.uk a:before { background: url(png/uk-flag.png) no-repeat center } #callPopUp ul li.india a:before { background: url(png/india-flag.png) no-repeat center } #sidebar-footer.footer-widgets { padding: 50px 0 } #sidebar-footer .sidebar-column.col-md-4 { width: 100%; padding: 0; margin: 0 -15px } #sidebar-footer .textwidget strong { font-size: 18px; color: #fff; display: block; text-transform: uppercase; margin-bottom: 15px } #sidebar-footer ul.list-inline { margin: 15px 0; text-align: center } #sidebar-footer ul.list-inline li a { font-size: 17px; border: 1px solid #fff; border-radius: 100px; width: 35px; height: 35px; display: flex; text-align: center; align-items: center; justify-content: center; color: #fff; margin: 0 6px } #sidebar-footer .textwidget a:hover { color: #e64c3c } .side-conatct-form input { width: 100%; height: 35px; background: transparent; border-radius: 2px; border-color: #dcdcdc; } .side-conatct-form .form-group textarea { background: transparent; border-radius: 2px; border-color: #dcdcdc; } .side-conatct-form .form-group > label { font-size: 14px; font-weight: normal; } .side-conatct-form input[type="submit"], .side-conatct-form input[type="submit"]:hover { background: #d23641; border-color: #d23641; border-radius: 50px; line-height: 10px; height: 42px; color: #fff; } span.ajax-loader:not(.is-active) { display: none; } @media (max-width:1024px) { #mainnav-mobi ul li.height0, #mainnav-mobi ul li.invisible { display: none } } @media (min-width:1025px) { #mainnav ul li ul li a { font-size: 14px; } #mainnav .sub-menu:after { background: 0 0!important } #mainnav ul.menu>.subMenu:not(.megaMenu) li a { background: #fff; color: #000; padding: 4px 15px!important; border-top: 1px solid #eaeaea } #mainnav ul.menu>.subMenu:not(.megaMenu) li a:hover { background: #f5f5f5; color: #000 } .pointer { cursor: pointer } .site-header.float-header { background: #fff; box-shadow: 1px 1px 7px rgba(204, 204, 204, .61); padding: 10px 0 } .header-wrap .col-md-8 { position: inherit } .header-wrap .container { position: relative } .header-wrap #mainnav ul.menu>li { padding: 0 10px } #mainnav ul li a { /* font-family: 'Montserrat', sans-serif; */ font-family: Nunito; } .site-header.float-header .header-wrap #mainnav ul.menu>li:not(.callIcon):not(.fillRound)>a { color: #000 } .header-wrap #mainnav ul.menu>li:not(.callIcon):not(.fillRound) { padding: 2px 14px } .header-wrap #mainnav ul.menu>li.fillRound a { background: #d23641; padding: 5px 20px!important; border-radius: 20px; color: #fff } .header-wrap #mainnav ul.menu>li>a { padding: 5px 0!important; font-weight: 700; } .header-wrap li.megaMenu { position: initial!important } .header-wrap .megaMenu>ul.sub-menu { display: none } .header-wrap .megaMenu:hover>ul.sub-menu { display: block } .header-wrap .megaMenu ul.sub-menu { left: 0!important; right: 0!important; width: 100%!important; padding: 25px 10px!important; background: #fff; box-shadow: 0 2.5px 2.5px rgba(0, 0, 0, .2); border: 1px solid #f5f5f5 } .header-wrap #mainnav ul.menu>li.megaMenu > ul { background: transparent; box-shadow: none; border: none; padding-top: 40px !important; } .header-wrap #mainnav ul.menu>li.megaMenu > ul:before { content: ""; background: #fff; position: absolute; top: 11px; right: 0; bottom: 0; left: 0; box-shadow: 0 2.5px 2.5px rgba(0, 0, 0, .2); border: 1px solid #f5f5f5; } .header-wrap .megaMenu ul.sub-menu:after { display: none } .header-wrap .megaMenu ul.sub-menu>li { width: 25% } .header-wrap #mainnav li>.sub-menu ul.sub-menu li a { padding: 4px 18px; float: none; width: 100% } .header-wrap .megaMenu ul.sub-menu>li.height0>a { height: 0; padding: 0!important; border: none!important; overflow: hidden } .header-wrap #mainnav li>.sub-menu ul.sub-menu li.heading>a { color: #d23641!important; font-size: 14px; font-weight: 700; } .header-wrap #mainnav li>.sub-menu ul.sub-menu { position: relative!important; padding: 0!important; display: block!important; top: 0!important; left: 0!important; opacity: 1!important; visibility: visible; box-shadow: none; border: none } .header-wrap #mainnav li>.sub-menu ul.sub-menu li { display: block!important; float: none!important } .header-wrap #mainnav li>.sub-menu ul.sub-menu li, .header-wrap #mainnav li>.sub-menu ul.sub-menu li a { display: block!important; float: none!important; width: 100%; color: #000!important; border: none!important; background: 0 0!important; line-height: 20px } .header-wrap #mainnav li>.sub-menu ul.sub-menu li a:hover { background: #f5f5f5!important; color: #000!important } .header-wrap #mainnav li>.sub-menu ul.sub-menu li.heading { /* border-bottom: 1px solid #e5e5e5!important; */ padding: 0; margin-bottom: 3px } .header-wrap #mainnav li>.sub-menu ul.sub-menu li.invisible { visibility: hidden } .header-wrap #mainnav ul li.subMenu a { cursor: pointer } .header-wrap #mainnav ul li.subMenu>a:after { content: "\2c5"; font: 14px monospace; display: inline-block; vertical-align: middle; height: 10px; margin-left: 7px } .header-wrap #mainnav ul li.callIcon a { color: transparent; background: url(png/call-icon.png) no-repeat center; width: 35px; height: 35px; padding: 0!important } .header-wrap .container > .row > div { width: inherit } .header-wrap .container > .row > div:last-child { flex: 1 } } .header-wrap #mainnav li>.sub-menu ul.sub-menu li.hidden { display: none!important } @media (max-width:767px) { .home.blog .header-slider { height: 20vh !important; } header#masthead { padding: 6px 0 } header#masthead .row { display: flex; align-items: center; justify-content: center } header#masthead .row .btn-menu { margin: 0 10px 0 0; float: right; display: flex; padding: 2px 0 0; } .home.blog .text-slider .maintitle { display: none } .home.blog .slide-inner { top: 0; min-height: inherit; transform: none; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column } .home.blog .text-slider .subtitle { font-size: 20px; padding: 4px 15px } .home.blog div#content { padding: 10px 0 } .home.blog .slide-inner .roll-button { padding: 6px 20px } header#masthead .row .col-md-4 { text-align: left; } header#masthead .row .col-md-4 .site-logo { object-fit: inherit; max-width: inherit; } header#masthead #mainnav-mobi { top: 27px; right: 0; left: 0; display: none } header#masthead #mainnav-mobi.toggled { display: block; } #mainnav-mobi ul.sub-menu.toggled { display: block !important } header#masthead .row .col-md-8 { position: inherit } #mainnav-mobi ul>li>a { padding: 8px 20px } #mainnav-mobi ul.sub-menu>li>a { padding: 5px 30px } header#masthead .btn-submenu { right: 0; width: 50px } #callPopUp .inner { display: flex; text-align: left; margin: auto; align-items: center; justify-content: center } } /* .posted-on+span.byline, span.posted-on:before, span.posted-on > i { display: none; } */ i[class*="svg-icon"] svg { /* display: none; */ } #mainnav ul li a { font-weight: initial } .hidden { display: none; } .post .entry-content ul { list-style: none; margin-bottom: 20px; } .post .entry-content ul li { position: relative; } .post .entry-content ul li em { font-style: normal; } .post .entry-content ul li:before { content: ""; width: 10px; height: 1px; background-color: #000000; position: absolute; top: 14px; left: -19px; } .single .meta-post a, .classic-alt .meta-post a { letter-spacing: inherit; } p:empty { display: none } .preloader { display: none !important } .footer-form { margin-top: 25px } .footer-form .wpcf7-form-control-wrap input { width: 100%; } .footer-form input[type="submit"]{ padding: 10px 40px; font-size: 18px; border-radius: 50px; font-weight: 100; background: #cf1f2c; border-color: #cf1f2c; } .getAquote,.getAquote:hover { position: fixed; top: 50%; right: -47px; transform: rotate(90deg); background: #0e3896; color: #fff; padding: 10px 19px 10px 22px; border-radius: 0 0 15px 15px; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,.2); font-size: 18px; } aside#custom_html-5 { background: #d23641; color: #fff; padding: 25px 20px !important; text-align: center; } aside#custom_html-5 .textwidget .h4 { line-height: initial; margin-bottom: 5px; } aside#custom_html-5 .textwidget .btn { background: #fff; color: #000 !important; display: inline-block; padding: 8px 24px 6px; border-radius: 0; font-weight: 800; text-transform: uppercase; margin-top: 15px; font-size: 18px; border: 1px solid #fff; } .text-default { color: #d23641 !important } .modal-n { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; background: rgba(0,0,0,.2); z-index: 9999; } .modal-n .modal-dialog { margin: 25px auto; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; max-width: 425px; } .modal-n .modal-dialog .modal-inner { background: #fff; padding: 15px 20px; /* width: 500px; */ position: relative; } .modal-n .modal-dialog .modal-inner .modal-header { text-align: center; padding: 10px; } .modal-n .modal-dialog .modal-inner .modal-header h3 { margin: 0 0 8px; font-size: 24px; } .modal-n .modal-dialog .modal-inner .form-control { box-shadow: none; width: 100%; border: 1px solid #CCC; background: transparent; height: 45px; padding: 10px 15px; outline: none; color: #000; } .modal-n .modal-dialog .modal-inner .form-control::placeholder { color: #817e7e } .modal-n .moda-body .wpcf7-response-output { font-size: 14px; text-align: center; line-height: 18px; padding: 10px 0 !important; border-radius: 8px; margin-top: 15px !important; } .modal-n .modal-dialog .modal-inner textarea.form-control { height: 100px; resize: none; } .modal-n .modal-dialog .modal-inner input[type="submit"] { width: 100%; color: #FFFFFF; background-color: #d23641; font-size: 18px; text-transform: capitalize; } .modal-n .modal-dialog .modal-inner form.submitting input[type="submit"] { opacity: 0.5 } .modal-n .modal-dialog .modal-inner .close { position: absolute; top: -15px; right: -16px; font-size: 35px; width: 40px; text-align: center; height: 40px; display: flex; justify-content: center; line-height: 37px; background: #000; color: #fff; border-radius: 50px; cursor: pointer; } [type="submit"]:focus { outline: none; } .widget .emaillist input[type="email"] { border: 1px solid #d2d2d2; border-radius: 2px; height: 38px; width: 100%; } .widget .emaillist input[type="submit"] { width: 100%; border-radius: 25px; height: 44px; padding: 0; background: #cf1f2c; border-color: #cf1f2c; } .widget .emaillist input[type="submit"]:hover { background: #c54747; color: #ffffff; } form:not(.submitting) .wpcf7-spinner { display: none; } .modal-n form.submitting .wpcf7-spinner { position: absolute; left: 0; top: 13px; right: 0; margin: auto; } /* New Modal */ .modal-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: flex; visibility: hidden; opacity: 0; align-items: center; justify-content: center; background: rgba(0,0,0,.8); z-index: 99999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .show-mobile-popup{cursor: pointer} .modal-popup .close { position: absolute; top: 12px; right: 12px; width: 30px; height: 30px; color: #000; font-size: 32px; font-weight: 800; line-height: 32px; cursor: pointer; } .modal-popup.industryExperts .close { color: #fff !important } .modal-popup.active { visibility: visible; opacity: 1; } .modal-popup .modal-inner { background: #fff; padding: 0; max-width: 1020px; position: relative; } .modal-popup .modal-inner .bg { overflow: hidden; height: 100%; color: #000 } .modal-popup .modal-inner .bg .h1 { font-size: 34px; font-weight: 700; max-width: 90%; color: #000; margin: 0 0 0; } .modal-popup .modal-inner .bg .h1 .text-primary {color: #ce0d29} .modal-popup.second .modal-inner .bg, .modal-popup.second .modal-inner .bg .h1 { color: #fff } .modal-popup .modal-inner .bg .h3 { max-width: 90%; margin-top: 5px; font-size: 18px; font-weight: 600; } .modal-popup .modal-inner>.wrapper { display: grid; grid-template-columns: 340px auto; margin: 0; padding: 9rem 3rem; background-image: url(webp/popup-left.webp), url(https://www.quytech.com/blog/wp-content/uploads/2023/05/popup-bg.webp); background-position: left -10px bottom -65px, center; background-repeat: no-repeat, no-repeat; background-size: auto, cover; } .modal-popup.second .modal-inner>.wrapper { background-image: url(jpg/globe.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .modal-popup.modalSecond .modal-inner>.wrapper { background-image: url(webp/hire-developer.webp); background-position: left -10px bottom -65px; background-repeat: no-repeat; background-size: auto; background-color: #090920; } .modal-popup.modalSecond .modal-inner .bg .h1, .modal-popup.modalSecond .modal-inner .bg .h3 { color: #fff; } .modal-popup.second span.close, .modal-popup.modalSecond span.close { color: #fff; } .col-right .inner { padding: 10px 40px 25px; } .right-form p .wpcf7-form-control { width: 100%; border: none; outline: none; font-size: 20px; background-color: #f5f2f2; background-repeat: no-repeat; background-size: 18px; background-position: center left 14px; border-radius: 5px; } .right-form p .wpcf7-form-control::-webkit-input-placeholder {color: #9d9d9d;} .right-form p .wpcf7-form-control::-moz-placeholder {color: #9d9d9d;} .right-form p .wpcf7-form-control:-ms-input-placeholder {color: #9d9d9d;} .right-form p .wpcf7-form-control:-moz-placeholder {color: #9d9d9d;} .right-form p .wpcf7-form-control.nameInput {background-image: url(png/user-2.png); padding-left: 45px;} .right-form p .wpcf7-form-control.emailInput {background-image: url(png/mail-2.png); padding-left: 45px;} .right-form p .wpcf7-form-control.callInput {background-image: url(png/call.png); padding-left: 45px;} .right-form p [data-name="subject"] .wpcf7-form-control {background-image: url(png/subject.png); padding-left: 45px;} .right-form p .wpcf7-form-control.messageBox { background-image: url(png/message.png); padding-left: 45px; background-position: left 15px top 20px; } .right-form p input.wpcf7-form-control { min-height: 54px; } .right-form p { margin-bottom: 10px; font-size: 14px; line-height: initial; } .right-form .wpcf7-not-valid-tip { color: #dc3232; font-size: 14px; font-weight: normal; display: block; margin-top: 6px; } .right-form .wpcf7-response-output { margin: 0 !important; font-size: 14px; line-height: 16px; padding: 10px !important; text-align: center; border: 1px solid #d16c6c !important; background: #ffeaea; } .right-form form[data-status="sent"] .wpcf7-response-output { border-color: #46b450 !important; background: #d6ebd8 !important; margin-top: 15px !important; } .right-form p textarea.wpcf7-form-control { height: 135px; } .captch-box p { display: flex; align-items: center; } .captch-box p span.num { white-space: nowrap; font-weight: 700; font-size: 22px; padding: 0 18px; } .captch-box p span.num:after { content: "="; margin-left: 8px; } .captch-box p #captcha { width: 150px; border: none; max-height: initial; text-align: center; background: #ffff; min-height: 50px; } .captch-box [type="submit"] { min-height: 50px !important; border: none; background: #ce0d29 !important; } .captch-box [type="submit"]:disabled { opacity: .7; } .captch-box [type="submit"]:hover { color: #fff; background: #bb0c25 !important } .captch-box p span.wpcf7-not-valid-tip { display: none; } .captch-box p #captcha.wpcf7-not-valid { border: 1px solid #d23641; } .col-right .heading { margin-bottom: 15px; color: #000 } .col-right .heading .h2 { margin: 10px 0 5px; font-size: 26px; font-weight: 800; } .modal-popup .modal-inner > .wrapper .col-right { background: rgba(255,255,255,.6); border-radius: 10px; padding: 0 1rem; } .captch-box { display: flex; justify-content: space-between; } .captch-box p { margin: 0 } .captch-box > p { margin: 0; background: #fff; display: flex; align-items: center; border-radius: 6px; overflow: hidden; } .captch-box dov.captcha { background: #f5f2f2; border-radius: 8px; } .captch-box .captcha { background: #f5f2f2; border-radius: 6px; overflow: hidden; color: #918d8d; } .captch-box .wpcf7-spinner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; } form .captch-box div.action { position: relative; } form.submitting .captch-box div.action input[type="submit"] { background: rgb(240 183 191) !important; } .captch-box .wpcf7-spinner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 24px; height: 24px; margin: auto; } .stickyCallToAction { position: fixed; bottom: 0; right: 0; left: 0; background: #d23641; color: #fff !important; text-align: center; padding: 0px 10px; display: none; align-items: center; justify-content: center; height: 48px; z-index: 1; } .stickyCallToAction .arrow { font-size: 30px; animation-duration: 1s; animation-name: arrow; animation-iteration-count: infinite; animation-direction: alternate; top: -4px; position: relative; } @keyframes arrow { from { transform:rotateX(0deg) translate(0px); } to { transform:rotateX(30deg) translate(35px) } } /* New Modal End */ @media (max-width: 767px){ .footer-form { margin-bottom: 35px } .getAquote,.getAquote:hover { right: -36px; padding: 10px 10px 8px 12px; font-size: 15px; } .widget-area .widget#text-6 { display: none; } .footer-form input[type="submit"] { width: 100% } .footer-form h4 { font-size: 22px } .modal-n .modal-dialog .modal-inner { width: 100%; margin: 0 15px; } body.home.blog .entry-thumb a img { height: auto; } .stickyCallToAction {display: flex;} #sidebar-footer.footer-widgets { padding: 50px 0 0; } body.single.single-post {padding-bottom: 48px;} .site-info.container {text-align: center;line-height: initial;} .modal-popup .modal-inner .bg { text-align: center; margin-bottom: 10px; } .modal-popup .modal-inner .bg .h1:nth-child(2) { font-size: 20px !important; margin-bottom: 4px !important; margin-top: 5px !important; } .modal-popup .modal-inner .bg .h3 { font-size: 12px !important; margin-top: 0 !important; } .modal-popup .modal-inner .bg .h1:nth-child(1) { font-size: 28px; } .col-right .heading { text-align: center; } .col-right .heading .h2 { font-size: 22px; } .col-right .heading div { font-size: 14px; line-height: initial; } .modal-popup .close { color: #fff; top: 15px; right: 15px; } } @media (max-width: 767px){ .modal-popup { display: flex; align-items: start; overflow: scroll; height: 100%; padding-top: 20px; } .col-right .inner { padding: 10px 10px 25px; } .modal-popup .modal-inner>.wrapper { padding: 4rem 3rem; display: block; } .captch-box { flex-direction: column; } .captch-box .captcha p span:last-child { flex: 1; } .captch-box p #captcha { width: 100% } .captch-box .captcha { margin-bottom: 10px } } @media (max-width: 1024px){ #mainnav-mobi ul li a[href="https://Col"], #mainnav-mobi ul li a[href="https://Col"]+span.btn-submenu { display: none; } header#masthead .btn-submenu svg { top: 10px; } } @media (min-width: 992px) { .container.content-wrapper .row #primary { width: 77.5%; } .container.content-wrapper .row div#secondary { width: 22.5%; padding: 0; border: none } .container.content-wrapper .row div#secondary.widget-area .widget { margin-bottom: 30px; border: 1px solid #dcdcdc; padding: 20px 20px; } } .widget-area, .widget-area a { color: #fff; } .site-footer, .site-footer a { color: #fff; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #cf1f2c; } .footer-form .wpcf7-form-control-wrap input { color: #000 } input[type="search"] { color: #000 } ul.list-inline.social-links img { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; filter: brightness(10); } /* ul.list-inline.social-links a:hover img { filter: brightness(1); } */ .wp-block-table table.customTable { border-collapse: collapse; width: 100%; } .wp-block-table table.customTable td { border-color: #e1e1e1; } .wp-block-table table.customTable td { text-align: left; } .wp-block-table table.customTable td.name { font-weight: 700; font-size: 20px; padding: 10px; color: #000; } .post .entry-content ul.listIcon { list-style: none; margin-bottom: 20px; padding: 5px 0 0 0; } .post .entry-content ul.listIcon li { background-position: top 0 left 0; background-repeat: no-repeat; margin-bottom: 13px; line-height: initial; padding: 2px 0 2px 38px; } .post .entry-content ul.listIcon li:before { display: none } .post .entry-content ul.listIcon li.estd { background-image: url(png/estd.png); } .post .entry-content ul.listIcon li.dollar { background-image: url(png/dollar.png); } .post .entry-content ul.listIcon li.clientele { background-image: url(png/clientele.png); } .post .entry-content ul.listIcon li.team { background-image: url(png/team-3.png); } .post .entry-content ul.listIcon li.ratings { background-image: url(png/rating.png); } .post .entry-content ul.listIcon li.website { background-image: url(png/website.png); } .post .entry-content ul.listIcon li.location { background-image: url(png/location.png); } b, strong { font-weight: 600; } .categoryTabs { display: flex; align-items: center; margin-bottom: 25px; } .categoryTabs ul { margin: 0; list-style: none; display: flex; align-items: center; padding: 0; white-space: nowrap; overflow-x: auto; } .categoryTabs ul li { margin-right: 15px; position: relative; display: flex; align-items: center; } .categoryTabs ul li a { color: #686868; display: inline-flex; animation: middle; background: #7c78780f; padding: 8px 25px; border-radius: 50px; min-width: 100px; text-align: center; border: 1px solid #d7d7d7; align-items: center; white-space: nowrap; } .categoryTabs ul li a span { display: flex; align-items: center; width: 25px; margin-right: 5px; } .categoryTabs ul li a:hover { text-decoration: none; background: #edecec; } .categoryTabs ul li a svg { max-height: 20px; min-width: 20px; } /* hire Carousel */ .owl-carousel.single { overflow: hidden; position: relative; display: none; } .owl-carousel.single .owl-controls { margin: 10px; } .owl-carousel .item { padding: 15px; width: 100%; } .owl-carousel.single .autoHeight { border-radius: 10px; border: 1px solid #c5c5c5; } .owl-carousel .item .header { display: flex; align-items: center; } .owl-carousel .item .header .avatar { width: 45px; height: 45px; border: 1px solid #c7c7c7; border-radius: 50px; margin-right: 10px; display: flex; align-items: center; overflow: hidden; } .owl-carousel .item .header .avatar img { max-width: 100%; object-fit: cover; } .owl-carousel .item .header .brief { line-height: 18px; font-size: 14px; } .owl-carousel .item .info { font-size: 14px; line-height: initial; margin: 15px 0; } .owl-carousel .item .tags { display: flex; flex-wrap: wrap; margin-bottom: 5px; } .owl-carousel .item .tags span { border: 1px solid #dfdfdf; padding: 1px 7px; margin: 3px 7px 3px 0; border-radius: 5px; font-size: 12px; } .owl-carousel .item .tags.color span { background: rgba(255,207,63,.1); border-color: #ffcf3f; } .owl-carousel .item table.border-none * { padding: 0; font-size: 14px; text-align: left; } .owl-carousel .item table.border-none { margin: 15px 0; } table.border-none th,table.border-none td { border: none; } .owl-carousel .item .btn { width: 100%; padding: 10px; text-transform: capitalize; background: #d23641; color: #fff; border-radius: 10px; } .owl-carousel .item .btn:hover { background: #b11e28; } .owl-carousel .item .expert { font-size: 13px; display: inline-flex; background: #7c7c7c; color: #fff; padding: 0px 10px; align-items: center; margin-bottom: 6px; position: relative; } .owl-carousel .item .expert span { margin-right: 5px; color: #fbc935; } .owl-carousel .item .expert:after { content: ""; border-right: 13px solid transparent; border-bottom: 22px solid #7c7c7c; position: absolute; right: -13px; } body.postid-10541 aside, body.postid-7493 aside, body.postid-7062 aside, body.postid-7522 aside, body.postid-6834 aside { display: none } body.postid-10541 div#secondary, body.postid-7493 div#secondary, body.postid-7062 div#secondary, body.postid-7522 div#secondary, body.postid-6834 div#secondary { position: sticky; top: 0; padding-top: 140px !important; } .post-wrap nav.navigation.post-navigation { display: none; } .callToAction { background: linear-gradient(to right, #bf2e3c 0%,#170607 100%); border-radius: 20px; padding: 40px; color: #fff; text-align: center; position: relative; } .callToAction.blue { background: linear-gradient(to right, #357eff 0%,#000000f5 100%) !important; } .callToAction:before { content: ""; border: 1px solid rgba(255,255,255,.5); top: 6px; right: 6px; bottom: 6px; left: 6px; position: absolute; border-radius: 20px; pointer-events: none; } .callToAction .heading { font-size: 32px; } .callToAction .tags { padding: 2rem 0; border-bottom: 2px dotted rgba(255,255,255,.3); margin-bottom: 2.7rem; } .callToAction .tags ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .post .entry-content .callToAction ul li:not(:has(a)), .post .entry-content .callToAction ul li a { position: relative; border: 1px solid #fff; padding: 7px 18px; border-radius: 50px; font-size: 14px; margin: 8px 16px; background: linear-gradient(to right, #7d1717 0%,#7d1717 100%); display: inline-block; color: #fff; } .post .entry-content .callToAction.blue ul li:not(:has(a)), .post .entry-content .callToAction.blue ul li a { background: #fff; color: #000; padding: 8px 35px; font-weight: bold } .post .entry-content .callToAction ul li a:hover { background: #fff; color: #3c0e12; } .callToAction .tags ul li:before { display: none; } .callToAction h4 { color: #fff; font-weight: 300; } .callToAction p { margin: 0; } .callToAction p .btn-defualt { background: #fff; display: inline-block; padding: 10px; border-radius: 50px; border: 2px solid #fff; min-width: 200px; text-transform: uppercase; font-weight: 600; line-height: 1.5; font-size: 15px; color: #b8414c; cursor: pointer; } .callToAction.blue p .btn-defualt { border: 2px solid #fff; background: transparent; color: #fff } .callToAction.blue p .btn-defualt:hover { background: #fff; color: #000 } .callToAction p .btn-defualt:hover { background: transparent; color: #fff; } span.wpcf7-form-control-wrap[class*="f12_captcha"] { display: flex; margin-bottom: 30px } .captch-box p span.wpcf7-form-control-wrap { margin: 0; } .captch-box p span.wpcf7-form-control-wrap input { order: 1; background: #fff; border: none; width: 140px; font-size: 16px; } span.wpcf7-form-control-wrap[class*="f12_captcha"] .wpcf7-not-valid-tip { position: absolute; right: 0; top: 100%; left: 0; font-size: 12px; } span.wpcf7-form-control-wrap[class*="f12_captcha"] input { width: 100px; font-size: 14px; padding: 12px; } span.wpcf7-form-control-wrap[class*="f12_captcha"] label { display: flex; align-items: center; margin: 0; flex: 1; } .captch-box p label { padding: 0px 15px; background: #f5f2f2; } span.wpcf7-form-control-wrap[class*="f12_captcha"] label > .captcha-calculation { margin: 0 8px; } span.wpcf7-form-control-wrap[class*="f12_captcha"] label a.cf7.captcha-reload img { margin: 0 !important; width: 16px; height: 16px; } #secondary .wpcf7-response-output { font-size: 14px; line-height: 18px; text-align: center; padding: 10px; margin: 0; } .footer-form span.wpcf7-form-control-wrap[class*="f12_captcha"] input { width: 200px; } @media (min-width: 992px) { .container.content-wrapper > .row { display: flex; } .container.content-wrapper > .row aside#text-6 { position: sticky; top: 50px; } } @media (max-width: 767px) { .wp-block-table table.customTable tr { display: grid; } .wp-block-table table.customTable tr td { width: 100%; } .wp-block-table table.customTable tr:last-child td:last-child { border-top: 0; } img.mobile-slide.preserve.lazy.loaded { width: 100%; height: 100%; } } /* End hire Carousel */ /* Owl Carousel */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End Owl Carousel */ .zsiq_theme1 .zsiq_flt_rel { background-color: #e64c3c !important; }