/*@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 } #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) { 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: 9px; right: 5px; width: 30px; height: 30px; color: #000; font-size: 32px; font-weight: 800; line-height: 32px; cursor: pointer; } .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; } .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: 50px;} .right-form p .wpcf7-form-control.emailInput {background-image: url(png/mail-2.png); padding-left: 50px;} .right-form p .wpcf7-form-control.callInput {background-image: url(png/call.png); padding-left: 50px;} .right-form p .wpcf7-form-control.messageBox { background-image: url(png/message.png); padding-left: 50px; 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 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; } /* 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; } } @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); }