Tips for Developing a Great Website

Home » Infographics » Tips for Developing a Great Website

December 22nd, 2021

.bg-dotted-1::before { content: ""; background-image: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-bda321d/macraes.com/wp-content/themes/MacRAES/creative-studio/img/parallax1.png"); background-size: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .12; } .bg-animation-1::before { content: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-bda321d/macraes.com/wp-content/themes/MacRAES/creative-studio/img/circle-top-left.png"); position: absolute; left: -250px; top: 10px; opacity: .6; animation-name: spin; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(300px) rotate(360deg); } } .bg-animation-2::after { content: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-bda321d/macraes.com/wp-content/themes/MacRAES/creative-studio/img/circle-center.png"); position: absolute; right: -510px; top: 10px; opacity: .8; animation-name: spin; animation-duration: 90s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(300px) rotate(360deg); } } .heateor_sss_button_instagram span.heateor_sss_svg, a.heateor_sss_instagram span.heateor_sss_svg { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); } .heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_horizontal_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_horizontal_sharing span.heateor_sss_svg:hover, .heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } .heateor_sss_vertical_sharing span.heateor_sss_svg, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg { color: #fff; border-width: 0px; border-style: solid; border-color: transparent; } .heateor_sss_vertical_sharing .heateorSssTCBackground { color: #666; } .heateor_sss_vertical_sharing span.heateor_sss_svg:hover, .heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover { border-color: transparent; } @media screen and (max-width:783px) { .heateor_sss_vertical_sharing { display: none !important; } } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, a { color: #cd2653; } blockquote, .border-color-accent, .border-color-accent-hover:hover, .border-color-accent-hover:focus { border-color: #cd2653; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link { background-color: #cd2653; } .fill-children-accent, .fill-children-accent * { fill: #cd2653; } body, .entry-title a, :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; } cite, figcaption, .wp-caption-text, .post-meta, .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li, .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-pullquote cite, .comment-metadata, .comment-respond .comment-notes, .comment-respond .logged-in-as, .pagination .dots, .entry-content hr:not(.has-background), hr.styled-separator, :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; } pre, fieldset, input, textarea, table, table *, hr { border-color: #dcd7ca; } caption, code, code, kbd, samp, .wp-block-table.is-style-stripes tbody tr:nth-child(odd), :root .has-subtle-background-background-color { background-color: #dcd7ca; } .wp-block-table.is-style-stripes { border-bottom-color: #dcd7ca; } .wp-block-latest-posts.is-grid li { border-top-color: #dcd7ca; } :root .has-subtle-background-color { color: #dcd7ca; } body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover { color: #cd2653; } .social-icons a, #site-footer button:not(.toggle), #site-footer .button, #site-footer .faux-button, #site-footer .wp-block-button__link, #site-footer .wp-block-file__button, #site-footer input[type="button"], #site-footer input[type="reset"], #site-footer input[type="submit"] { background-color: #cd2653; } .header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle { color: #000; } body:not(.overlay-header) .primary-menu ul { background-color: #000; } body:not(.overlay-header) .primary-menu > li > ul:after { border-bottom-color: #000; } body:not(.overlay-header) .primary-menu ul ul:after { border-left-color: #000; } .site-description, body:not(.overlay-header) .toggle-inner .toggle-text, .widget .post-date, .widget .rss-date, .widget_archive li, .widget_categories li, .widget cite, .widget_pages li, .widget_meta li, .widget_nav_menu li, .powered-by-wordpress, .to-the-top, .singular .entry-header .post-meta, .singular:not(.overlay-header) .entry-header .post-meta a { color: #6d6d6d; } .header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top { border-color: #dcd7ca; } .header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before { background-color: #dcd7ca; } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } /* new navigation dropdown css */ li.dropdown:hover .dropdown-menu { display: block; } .navbar .nav-service .dropdown-menu .dropdown-item:after { content: ""; width: 0px; height: 1px; background: #253d77; position: absolute; left: 10px; top: 50%; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .navbar .nav-service .dropdown-menu a:hover:after { width: 10px; } .navbar .nav-service .dropdown-menu a:hover { padding-left: 8px; color: #1076bc; } .navbar .navbar-nav a:hover { background: transparent; color: black; } .navbar .nav-service .dropdown-menu:hover { opacity: 1; visibility: visible; } .nav-service .dropdown-menu ul li:after { content: ""; width: 0px; height: 1px; background: #253d77; position: absolute; left: 10px; top: 50%; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .navbar .nav-service .dropdown-menu a { font-weight: 400; color: #464646; } .page-id-42 .navbar .nav-service .dropdown-menu { margin-top: -20px !important; } .navbar .nav-service .dropdown-menu { width: 100%; padding: 30px 90px 30px 90px; margin-top: -30px !important; background-color: #f2f2f2; } .nav-service hr { margin-top: 0rem; margin-bottom: 1rem; } li.drop-item { margin-bottom: 20px; margin-top: 10px; } /*.nav-service a { padding: 0 0 20px;}*/ .fa.fa-chevron-right { font-size: 11px; color: #1076bc; margin-right: 6px; } i.fa.fa-check-circle { font-size: 26px; color: #3675be; } i.fa.fa-close { font-size: 20px; color: #6a6a6a; } .nav-service::before { content: ""; position: absolute; border-radius: 50%; width: 95px; height: 100px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } .navbar-nav .nav-item .nav-link:active::after { background-color: #faa71c; } .navbar-nav .nav-item .nav-link:active::after { color: #faa71c; text-shadow: 10px 0 #1076bc, -10px 0 #e2e3e2; } .navbar-nav .nav-item .nav-link::after { content: "" !important; background-color: transparent; width: 30px; height: 2px; top: 26px !important; -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1) !important; -o-transition: all .5s cubic-bezier(0, 0, .2, 1) !important; transition: all .5s cubic-bezier(0, 0, .2, 1) !important; } /* new navigation dropdown css */ .owl-service .owl-item .owl-img img { width: 100% !important; margin: 0px auto; } .slider_img img { position: absolute; z-index: 999; width: 0px; width: 280px; top: 143px; margin: 0px auto; left: 0px; right: 0px; } div#myDiv90days .btn-hvr-yellow { border-color: #faa71c; background-color: #faa71c; padding: 9px 34px; width: auto; display: inline-block; font-weight: 400; line-height: 25px; font-size: 15px; text-transform: capitalize; text-align: center; -webkit-border-radius: 36px; border-radius: 36px; position: relative; z-index: 1; overflow: hidden; border: 1px solid #acacac; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease !important; } .page-id-3970 .btn-hvr-white::after { background-color: #1076bc; } .page-id-3970 .btn-hvr-white:hover, .page-id-3970 .btn-hvr-white:focus { border-color: #fff; color: white; } .page-id-3970 .btn-yellow { color: #3d3d3d; } .target-button { margin-left: 42px; } .target-button a { margin-right: 5px; } .logo-below { max-width: 130px !important; } .navbar-top-default .navbar-nav .nav-link { font-size: 14px !important; margin-right: .6rem !important; margin-left: .6rem !important; } @media (min-width:760px) and (max-width:1400px) { .navbar-top-default .navbar-nav .nav-link { font-size: 13px !important; margin-right: .1rem !important; margin-left: .1rem !important; } } .postid-2489 .parallax-setting, .postid-2480 .parallax-setting, .postid-2710 .parallax-setting, .postid-2721 .parallax-setting, .postid-2727 .parallax-setting, .postid-2735 .parallax-setting { display: none !important; } .postid-2505 article .content h3, .postid-2505 article .content h2 { margin-top: 20px; } article .content .blog-title { height: inherit !important; } input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.customhours { width: 100%; } /* css added on 23-07-2021 */ span.comparison_heading { width: 100%; display: block; color: #fff; font-size: 34px; font-weight: 600; text-align: center; margin-bottom: 40px; line-height: 44px; } .counter-title { color: #fff; font-size: 20px; font-weight: 400; } .counter-number { color: #fff; font-size: 48px; font-weight: 500; line-height: 33px; margin: 30px 0px 13px 0px; } .casestudy-right ul.rounded li::before { width: 25px; } .casestudy-intro { text-align: center; } .comparison-column { text-align: center; } .casestudy-intro img { margin-bottom: 20px; } .casestudy-intro h2 { font-size: 2.3rem; margin: 30px 0px; text-transform: uppercase; } .year-improve { margin-top: 50px; } .casestudy_long { text-align: left; padding-top: 50px; padding-bottom: 33px; } .pagination-wrap { display: flex; flex-direction: row; justify-content: space-between; margin-top: 70px; } .pagination-wrap { width: 100%; } .pagination-wrap a { padding: 10px 15px; text-transform: uppercase; font-size: 17px; } .accordion-container { position: relative; max-width: 100%; height: auto; margin: 10px auto; } .accordion-container > h2 { text-align: center; color: #fff; padding-bottom: 5px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .set { position: relative; width: 100%; height: auto; background-color: #f5f5f5; } .set > a { display: block; padding: 15px 20px; text-decoration: none; color: #1f405f; font-weight: 600; border-bottom: 1px solid #ddd; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .set > a i { float: right; margin-top: 2px; color: #1f405f; } .set > a.active { background-color: #1f405f; color: #fff; } .set > a.active i { color: #fff; } .accordion-content { background-color: #fff; border-bottom: 1px solid #ddd; display: none; padding: 20px; color: #333; font-size: 15px; line-height: 21px; } .accordion-content { background-color: #fff; border-bottom: 1px solid #ddd; display: none; padding: 20px; font-size: 18px !important; color: #535353; font-weight: 300; line-height: 26px; letter-spacing: .5px; } .set > a.active { background-color: #1076bc !important; color: #fff !important; } /* End here */ .casestudy-intro p { text-align: center; margin-bottom: 10px; } .traffic-improve { margin-top: 50px; } /* Mobile Responsive */ @media (max-width:768px) { .awards-sec .col-4 { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .social1 { display: block; } .group i { position: absolute; right: 4px !important; top: 9px !important; color: #1076bc; cursor: pointer; height: 31px; background: whitesmoke; width: 30px; padding: 8px; } .group .half { width: calc(100% - 0px) !important; } #contact .tcenter-cont { margin: 0px auto; } #facebk { left: 121px !important; } .main-title h1 { font-size: 2rem; } .tp-mask-wrap .tp-caption .slider-social { margin-left: -30px !important; } footer ul li a { margin: 0px auto; } section.container.clearfix.info-internal { padding: 22px 7px !important; } .animated-element.icon-box-large-two.bg-yellow.twitter-bg-hvr.d-flex.justify-content-center.align-items-center { margin-top: -41px !important; margin-left: -53px !important; } article .content p.tagBox span { white-space: nowrap; font-size: 14px; line-height: 42px; padding: 8px; } .social { margin-bottom: 30px; } section#about .pr-5 { padding-right: 1rem !important; } ul.rounded li::before { margin-top: 8px !important; } #contact .card p, #contact ul.contact-socila { text-align: center !important; } .ti-widget.ti-goog .ti-controls-dots { display: flex !important; margin-left: 8.3rem; } .about ul.rounded li { display: flex !important; } } .btn-hvr-yellow::after { background-color: #faa71c; border-radius: 36px; } #menu-item-2474 { display: none; } @media (max-width: 1900px) { #facebk { left: 87px; } } .owl-carousel .owl-item .owl-img img { width: 65% !important; margin: 0px auto; } .certificate-wrap .owl-prev:before { content: ""; display: block; position: relative; top: 0; color: #1076bc; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px; } .certificate-wrap .owl-next:before { content: ""; display: block; position: relative; top: 0; color: #1076bc; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); } .owl-theme .owl-nav [class*=owl-] { background: #fff !important; } .certificate-wrap .owl-nav { margin-top: -10rem !important; margin-bottom: 10rem; margin-left: -4rem; margin-right: -1rem; } .certificate-wrap .owl-prev { float: left; } .certificate-wrap .owl-next { float: right; } .certificate-wrap { padding-top: 0px; } h4.head { font-size: 14px; padding: 15px; } p.half label, .group .full label { font-weight: bold; } span.different, span.wpcf7-list-item.first { width: 49.2%; float: right; } @media (max-width: 1920px) { .page-id-66 .main-title h2 { margin-left: 0px !important; } } @media (max-width: 736px) { .table-hover p { font-size: 12px !important; } .table-hover h3.panel-title { font-size: 1rem !important; } .table-hover td { font-size: 15px; line-height: 20px; } .postid-4000 .about ul.rounded li, .postid-3992 .about ul.rounded li { display: block !important; text-align: left !important; } .leftBox { padding: 0 0 30px 0px; } .container { top: 45%; } .page-id-1157 .group .wpcf7-not-valid-tip { font-size: 12px; position: absolute; bottom: -20px; } .page-id-1157 .group .half { margin: 21px 0px 0px !important; } .page-id-1157 .group .full { margin: 21px 0px 0px !important; } .page-id-1459 #wpcf7-f1319-o1 { padding-bottom: 28px; } .seoform .formheader h2 { float: none; font-size: 18px; } .seoform .formheader img { display: none; } .page-id-1157 .about ul li { text-align: initial; display: block !important; } .group .half { vertical-align: top; font-weight: bold; font-size: 13.5px; line-height: 15px; } .different, span.wpcf7-list-item.first { display: contents; width: 92.2%; float: right; } .group .full { margin: 11px 0px 0px !important; } .group h3 { left: -1px !important; right: -1px !important; padding: 10px 18px !important; } .full.mail-head { font-weight: bold !important; font-size: 13.5px !important; line-height: 14px; } .group .wpcf7-form-control::placeholder { font-size: 13px; white-space: pre-line; position: relative; top: -2px; } #clutch-img img { margin-bottom: 40px; } .navbar { display: none !important; } .p-half.bg-white { text-align: center; } .footerheading6 { margin-top: 10px; } #menu-quick-links { margin-bottom: 30px; } .mob-standard-logo { margin-left: 5px; } .container.clearfix.pdg { padding: 20px 6px !important; } .owl-carousel .owl-item .owl-img img { width: 60% !important; margin: 0px auto !important; } .certificate-wrap .owl-nav { margin-left: 0rem; margin-right: 0rem; } .pb-3.rounded.blue li, .about.rounded.blue li { display: flex !important; } .blog .ti-widget.ti-goog .ti-controls-dots { display: flex !important; margin-left: 8rem; } .about-img-small { margin-left: 10px !important; top: -176px !important; } .rounded.sitemap-menu li { display: block; text-align: left; } .error-text { font-size: 165px !important; line-height: 200px !important; } .button-mobile a { margin-top: 6px; } .contact-box1 form { padding: 35px; } .group { padding: 60px 20px 29px !important; } p.half label, .group .full label { font-weight: bold; font-size: 13.5px; line-height: 15px; } .wpcf7-form-control-wrap { font-size: 16px; font-weight: 100; } .group .half { width: calc(100% - 0px) !important; margin: 11px 0px 0px !important; } span.different, span.wpcf7-list-item.first { width: 92.2%; float: right; } .bg-blue-mobile { padding: 5px 0px !important; } } input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number { width: 100%; font-size: .9em; font-weight: 400; color: #495057; } .group .half { width: calc(50% - 20px); margin: 18px 8px 0px; } .group .half { vertical-align: top; } .additional-wrap h2 { font-size: 27px; font-weight: 500; line-height: 100px; margin-bottom: 10px; color: #1f1f1f; text-align: center; } .additional-wrap h4 { font-size: 20px; font-weight: 500; text-align: center; padding: 20px; } .additional-wrap h4 a { color: #27291a; } .ti-reviews-container-wrapper .source-Google:first-child { display: none !important; } article .content.detailBlog .blogText a { text-decoration: underline !important; display: inline; color: #3675be; } .single #blog .detailBlog strong { display: contents; } @media (min-width:1200px) { .case-button { position: absolute; top: 16pc; left: 2pc; } } .case-slider.owl-carousel .owl-nav .owl-prev:after { content: ""; display: block; position: relative; top: 0; color: white; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px; float: left; } .case-slider.owl-carousel .owl-nav .owl-next:before { content: ""; display: block; position: relative; top: 0; color: white; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 25px; transform: translateY(30%); margin-right: 10px; float: right; } .case-slider.owl-theme .owl-nav [class*=owl-] { border-radius: 0px; border: 0px; width: 48%; } .case-slider .owl-nav { margin-top: -12rem !important; margin-bottom: 10rem; margin-left: -.4rem; margin-right: -.4rem; } section.case-study { background-image: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-bda321d/macraes.com/wp-content/themes/MacRAES/creative-studio/img/parallax2.png"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center 20.5906px; padding-top: 70px; padding-bottom: 70px; } section.case-study.nitro-lazy { background-image: none !important; } @media (max-width:936px) { .case-slider.owl-theme .owl-nav [class*=owl-] { width: 43%; } .case-slider .owl-nav { margin-top: -9rem !important; margin-bottom: 6rem; margin-left: -1.4rem; margin-right: -1.4rem; } .case-button { position: absolute; top: 8.5pc; left: 1pc; padding: 23px 0px 14px 0px; } .case-button a { padding: 4px 20px !important; font-size: 12px; } .para-mobile { padding-bottom: 5px !important; } .case-more { padding-bottom: 42px; } section.case-study { padding-top: 21px; } } .awards-sec img { width: 200px; } .awards-sec h4 { font-size: 17px; margin-top: 5px; margin-left: 3px; font-weight: 500; } .by { display: inline-flex; font-weight: 500; } .page-id-2896 .heateor_sss_sharing_container.heateor_sss_horizontal_sharing { display: none; } #clients .owl-theme .owl-nav [class*=owl-] { border: 0px solid; } strong.bread-current.bread-1213, .bread-current.bread-1214, .bread-current.bread-1215, .bread-current.bread-1216, .bread-current.bread-1217, .bread-current.bread-1218 { font-weight: 400 !important; font-size: 1rem !important; } ul#custom-breadcrumbs { margin-bottom: 0px !important; } header.cursor-light .nav-box-shadow { -webkit-box-shadow: 0 0px 0px -0px rgba(0, 0, 0, 15%) !important; box-shadow: 0 0px 0px -0px rgba(0, 0, 0, 15%) !important; } i.fab.fa-linkedin.color-white:hover { color: #0a66c2; } .header-appear .navbar-top-default { height: 75px; position: fixed !important; background: #fff; -webkit-animation-name: animationFade; -o-animation-name: animationFade; animation-name: animationFade; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 35%); box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 35%); } .navbar-top-default { position: absolute !important; } .archive .main-title h2, .single.single-services .main-title h2, .page-template-industries-page .main-title h2 { font-size: 2rem; } .font-weight-light.testimonial-detail.mb-5 { color: #535353 !important; font-size: 18px !important; } .full.mail-head { font-weight: bold; } .full.mail-head a { color: #007bff; } p.full.mail-head span { font-weight: 100; } .page-template-template-seo-intake-form-thank-you .fadeInLeft p a { color: #007bff; } .page-template-template-view-seo-intake-form a { color: #007bff; } .page-id-1459 .wpcf7-form-control-wrap { position: relative; font-weight: 100; font-size: 16px; } .portfolio-title a { text-transform: inherit; } .page-id-1213 p, .page-id-1214 p { font-weight: 400 !important; } section#about p { font-weight: 400; } .page-id-42 section#about p, .page-id-36 section#about p { font-weight: 300 !important; } div#client-testimonial-carousel p { font-weight: 300 !important; } .single-client p { font-weight: 100 !important; } .head1 { margin-bottom: 25px; } @media (max-width:1300px) { .navbar-top-default .navbar-nav .nav-link { font-family: "Montserrat", sans-serif; font-size: 13px; margin-right: .9rem; margin-left: .9rem; } .menu-row p, .navbar .nav-service .dropdown-menu a { font-size: 13px; } li.drop-item { margin-bottom: 10px !important; } .daybadge img { width: 84px; } div#myDiv90days .btn-hvr-yellow { border-color: #faa71c; background-color: #faa71c; padding: 9px 34px; width: auto; display: inline-block; font-weight: 400; line-height: 25px; font-size: 15px; text-transform: capitalize; text-align: center; -webkit-border-radius: 36px; border-radius: 36px; position: relative; z-index: 1; overflow: hidden; border: 1px solid #acacac; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease !important; } .page-id-3970 .btn-hvr-white::after { background-color: #1076bc; } .page-id-3970 .btn-hvr-white:hover, .page-id-3970 .btn-hvr-white:focus { border-color: #fff; color: white; } .page-id-3970 .btn-yellow { color: #3d3d3d; } .target-button { margin-left: 42px; } .target-button a { margin-right: 5px; } a.daybadge img { width: 145px; } .textwidget.custom-html-widget { display: flex !important; } .logo-below { max-width: 130px !important; } .navbar-top-default .navbar-nav .nav-link { font-size: 14px !important; margin-right: .6rem !important; margin-left: .6rem !important; } .postid-3838 article .bg.detailBlog { background-position: bottom !important; } @media (min-width: 992px) { .page-template-template-home-new .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem !important; padding-left: 1rem !important; } } .head1 { margin-bottom: 25px; } ul.server-page li { display: block !important; } ul.server-page li strong { color: #535353 !important; } ul.server-page li { font-weight: 400 !important; color: #535353; } .menu-item-has-children:hover ul.sub-menu { display: block; } .menu-item-has-children:hover ul.sub-menu li ul.sub-menu { left: 100%; right: auto; display: none; top: 2px; } .menu-item-has-children:hover ul.sub-menu li.menu-item-has-children:hover ul.sub-menu { display: block; } .price-new-page { font-size: 25px; color: #3675be; } .internal-list li { text-align: center !important; padding-bottom: 15px !important; display: block !important; padding-top: 14px; border-bottom: .2px solid rgba(128, 128, 128, .2); } ul.internal-list { padding-top: 25px; } ul.internal-list li:before { content: "" !important; } i.fa.fa-check { color: #4774c0; padding-right: 6px; } .bg-dotted-1::before { content: ""; background-image: url("https://cdn-dpjpe.nitrocdn.com/FkkRJdgWCnbVRXBSumhppKxDXppehAQH/assets/images/optimized/rev-c609086/wp-content/themes/MacRAES/creative-studio/img/parallax1.png"); background-size: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: .12; } .owl-service h4 { margin-top: -10px; padding: 0px; font-size: 15px; } .owl-service .item img { border: .2px solid rgba(204, 204, 204, .77); } .owl-testing .owl-item .owl-img img { width: 34%; margin: 0px auto; } @media (min-width:1800px) { .about-img { width: 100%; height: 500px; object-fit: cover; } .main-title p { margin: 0px !important; } } .postid-3992 .most-populr { position: absolute; bottom: 34pc !important; left: 47rem; z-index: 9; } .nav-inner { margin-left: px !important; margin: 0px auto !important; } .owl-test .owl-item .owl-img img { width: 34% !important; margin: 0px auto !important; } @media (min-width:1500px) { .nav-service::before { content: ""; position: absolute; border-radius: 50%; width: auto !important; height: 100px !important; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; } } .nav-service-inner a::before { content: ""; content: ""; position: absolute; border-radius: 50%; width: auto; height: 70%; left: 50%; top: 50%; } @media (min-width:1800px) { .about-img, .about-img { width: 100%; height: 500px; object-fit: cover; } } @media (min-width:900px) and (max-width:1400px) { .navbar-top-default .navbar-nav .nav-link { font-size: 12px !important; margin-right: .3rem !important; margin-left: .3rem !important; } } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .3rem !important; padding-left: .3rem !important; } .page-id-66 .main-title p { max-width: 720px; margin: 0 auto; font-weight: 300; } .page-id-4225 .frm-box-control { margin: 10px 0 0px; padding: 15px 15px 0px; background: #1077bc; border-radius: 10px; height: 555px; } .page-id-4225 .frm-box-control input { background: #fff !important; border: 0; width: 100%; padding: 5px 10px !important; margin: 8px 0 !important; font-size: 14px !important; color: #555; height: 45px !important; border-radius: 5px; } .page-id-4225 .frm-box-control button { background: #faa71b; color: #fff; border: none; font-size: 16px; font-weight: bold; padding: 9px 5px !important; width: 100%; margin: 1% 0 8px 0; border-radius: 5px; text-align: center; } .page-id-4225 .ppc-getfreetrial-heading { font-size: 24px; font-weight: 700; color: #fff; text-align: center; line-height: 1; margin: 10px 0 0px; text-transform: capitalize; display: block; } .page-id-4225 .frm-box-control form { margin-top: -50px; } .postion-sick { height: 25ch; } .free-consultaion { padding-top: 0px; } .page-id-4225 div#breadcrumbs { background-color: #1076bc; padding: 4px 15px; border-radius: 5px; margin-bottom: 0px; } .heading-trial { font-size: 24px !important; color: #1077bc; font-weight: 500; line-height: 1.2; } .sub-head { font-size: 18px; } .page-id-4225 .ctr-get { display: none !important; } .page-id-4225 a.daybadge img { width: 145px; position: absolute; margin-left: -148px; margin-top: -31px; } .page-id-4231 .footerCTA { display: none; } .page-id-4225 .footerCTA { display: none; } .page-id-4225 #vald2 { font-size: 13px !important; color: white !important; font-weight: normal !important; position: absolute; margin-top: 13%; text-align: center; } /*dropdwon megamenu link */ .side-menu li.nav-service .mega-menu { left: -14pc; min-width: 70rem; top: 2pc; } .side-menu .navbar-nav .nav-service .mega-menu { left: -25pc !important; min-width: 70rem !important; top: 2pc !important; } .side-menu .mega-menu li a { display: block; width: 100%; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .side-menu .mega-menu p { font-size: 15px !important; } .side-menu .navbar-nav .dropdown-menu { position: absolute !important; } .side-menu .nav-service::before { width: 100px !important; height: 64px !important; left: 37%; top: 56%; } .side-nav .navbar-nav .nav-link::after { display: none; } .nav-service-inner a::before { content: ""; position: absolute; border-radius: 0%; width: 70px; height: 44px; left: 3%; top: 8%; } /* css added on 16/06 by anjali */ a.blue-link { color: #1076bc; } @media (max-width:767px) { .single article .bg.detailBlog { background-size: 100% !important; background-repeat: no-repeat !important; } } /*css added by anjali on 26/06 for blog img */ .single .bg.detailBlog { background-position: center !important; background-size: 100% !important; } .blog .bg { background-size: 100% !important; } .team { justify-content: center; } .link-blue { color: #1076bc; } .awards-sec h4 { line-height: 23px; } img.new-img { padding: 37px; } .sitemap-menu li a { color: black; } /*css adde by anjali on 27-07-2023 */ @media (max-width:736px) { .target-button { margin-left: 0px; } a.btn-mobile { position: initial !important; width: 100% !important; } .btn-free-marketing { width: 100% !important; } } @media (min-width:1830px) { /*.slider_img img { position: absolute; z-index: 999; width: 0px; width: 348px; top: 234px; /* margin: 0px auto; left: 41%;}*/ a.daybadge img { width: 216px; position: absolute; margin-left: -216px; margin-top: -24px; } .header-appear .navbar-top-default { height: 90px; } } @media (min-width:750px) and (max-width:1380px) {} .page-id-3894 section#about .row { padding-top: 65px; padding-bottom: 65px; } @media (min-width:1800px) { .feature-img { width: 60%; } } @media (min-width: 1000px) and (max-width: 1600px) { .feature-img { width: 50%; } } /*@media(max-width:736px){ .blue { background-color: #0e77bc;}}*/ @media (min-width:500px) and (max-width:1320px) {} @media (min-width:300px) and (max-width:480px) { .mob-standard-logo { width: 147px; } } @media (min-width:1800px) { .slider_img img { top: 184px !important; } .g_icon { margin-left: 15px !important; } } @media (min-width:768px) and (max-width:1400px) { .slider_img img { top: 119px !important; } } .navbar .textwidget.custom-html-widget { display: flex !important; } .textwidget.custom-html-widget a img { width: 156px !important; } } /*.post__date{ display:none; } .title{display:none;} */ .widp { color: #316cb7; font-size: 24px; padding-bottom: 5px; margin-top: 20px; } #custom aside ul li::before { content: ""; font-family: FontAwesome; padding: 2px 3.5px; font-size: 16px; position: relative; margin-left: -15px; } .media { display: block !important; } .error { border: 1px solid #f00 !important; } #vald { font-size: 13px !important; color: red !important; font-weight: bold !important; } #vald2 { font-size: 13px !important; color: red !important; font-weight: bold !important; } @media (max-width: 736px) { .slider_mobile img { position: absolute !important; z-index: 999 !important; width: 0px !important; width: 280px !important; top: 104px !important; left: 9% !important; } } .google-side-widget { position: fixed; bottom: 0px; z-index: 99; } .google-side-widget .ti-widget[data-layout-id='23'][data-set-id='light-background'] .ti-popup-widget { left: 0px; } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } div#myModal2 { z-index: 99999 !important; } #myModal2 .modal-dialog { width: 700px; margin: 10% auto; } #myModal2 .modal-body { padding: 0; } #myModal2 .close { position: absolute; right: -10px; top: -15px; background: #fff; height: 25px; width: 25px; border-radius: 100%; line-height: .5; opacity: 1; font-weight: 300; } @media only screen and (max-width:767px) { article .bg.detailBlog { background-size: cover !important; background-position: center !important; } ul.sub-menu { display: none; } .navbar-nav .menu-item-has-children .sub-menu .nav-link, #menu-desktop-horizontal-menu-1.navbar-nav .menu-item-has-children .sub-menu .nav-link { color: #fff !important; text-transform: capitalize; font-size: 13px; width: 100%; padding: 5px 1rem !important; clear: both; font-weight: 400; text-align: inherit; margin: 0; white-space: nowrap; display: block !important; margin-right: 0 !important; } }