/* ====================================== [ EX-Design CSS ] ========================================== */ body.blog, body.archive, body.category, body.page, body.search, body.single { word-break: break-word; } .vc_column_container>.vc_column-inner { padding-right: 0!important; width: 101.2%!important; } ul{ float: none; } ul#primary-menu { list-style: none; } .logged-in .hum_btn.hamburger { margin-top: 30px; } .user-login-header .logo { margin-top: 30px; } .user-login-header .logo-relative { margin-top: 10px; float: left; position: relative; left: 0; } .logo-gl { display: none; } .single-gallery .logo-gl { display: block; } .single-gallery .logo-all { display: none; } .home.page-template-page-fullwidth .logo-gl { display: block; } .home.page-template-page-fullwidth .logo-all { display: none; } .main-index { margin-top: 120px; } .varieties .section_content .srv_text { font-size: 16px; color: rgba(25, 25, 25, 0.5); line-height: 1.6; margin-bottom: 8px; } .varieties .section_content .srv_text p { font-size: 16px; color: rgba(25, 25, 25, 0.5); line-height: 1.6; margin-bottom: 8px; } .varieties .col ul li { list-style: none; } .top_panel { z-index: 3; } .single-gallery .main-menu ul li a { color: #fff; } .single-gallery .main-menu ul li a:hover { text-decoration: none; color: #f8f8fb; } .single-gallery .page--head { margin-top: -88px; } .pagebanner.page--head .title { color: #191919; font-size: 45px!important; } .services .varieties .col { margin-top: 100px; } .services .varieties .col:nth-child(1), .services .varieties .col:nth-child(2), .services .varieties .col:nth-child(3) { margin-top: 0; } .pagebanner .link { position: relative; color: #191919; font-size: 17px; font-weight: 500; display: block; float: left; margin-top: 26px; } .contacts-form .form .input, .contacts-form .form .textarea { background: none; } .modal_form .wpcf7-response-output { color: #fff; } div.wpcf7 .ajax-loader { display: none; } .subscribe .btn.text { color: #191919; font-size: 15px; font-weight: 500; } .modal_form input:focus, .modal_form textarea:focus { border-bottom-color: #ffffff!important; } .showcase-content p { color: #666; font-size: 20px; line-height: 1.5; margin-bottom: 16px; } .pro-desc { margin-top: 50px; } .showcase-content p:last-child { margin-bottom: 0px; } .gl_img img { border-radius: 5px; } .cfullwidth { width: 100%!important; } .js_item.blog-list .blog-item { height: auto!important; } .js_item.blog-list .blog-item:not(.next-post):first-child:before { opacity: .8; } .js_item.blog-list .blog-item .content { padding: 0; } .js_item.blog-list--sidebar_left .blog-item { height: auto!important; } .js_item.blog-list--sidebar_left .blog-item:not(.next-post):first-child:before { opacity: .8; } .js_item.blog-list--sidebar_left .blog-item .content { padding: 0; } .blog-list .blog-item:not(.next-post):first-child .content { box-shadow: none!important; } .footer-default { height: auto; } .archive.tag .container { margin-bottom: 0; } .archive.category .container { margin-bottom: 0; } .search-title._title { font-size: 28px; color: #191919; font-weight: 600; margin-bottom: 30px; transition: all .4s ease; } .search-content p { margin-bottom: 10px; } .blog-single .blog-single--sidebar_left .wp_content.single ul li, .blog-single .blog-single--sidebar_left .wp_content.single ol li { font-size: 17px; color: #666; line-height: 1.7; padding: 6px 0; } .blog-single .wp_content.single ul li, .blog-single .wp_content.single ol li { font-size: 17px; color: #666; line-height: 1.7; padding: 6px 0; } .wp_content.single h1, .comment-text h1 { font-size: 45px; } .wp_content.single h2, .comment-text h2 { font-size: 40px; } .wp_content.single h3, .comment-text h3 { font-size: 32px; } .wp_content.single h4, .comment-text h4 { font-size: 28px; } .wp_content.single h5, .comment-text h5 { font-size: 22px; } .wp_content.single h6, .comment-text h6 { font-size: 18px; } .wp_content.single > * { margin-top: 27px; float: left; } .block-image .wp_content.single > *, .page-image-alignment .wp_content.single > * { margin-top: 0; float: left; } .wp_content.single > *:first-child { margin-top: 0; } .comment-text > * { margin-bottom: 27px; float: left; } .blog-single--sidebar_left .wp_content.single ul li ul, .blog-single--sidebar_right .sidebar ul li ul, .blog-single--sidebar_left .wp_content.single ol li ol, .blog-single--sidebar_right .sidebar ol li ol { padding: 0px 0 0px 30px; } .blog-single--sidebar_left .comments_section ul li ul, .blog-single--sidebar_left .comments_section ul li ol, .blog-single--sidebar_left .comments_section ol li ol, .blog-list.js_item .comments_section ul li ul, .blog-list.js_item .comments_section ul li ol, .blog-list.js_item .comments_section ol li ol { padding-left: 30px; margin-left: 20px; background-color: none; } .gallery { margin: -16px 0 0 0; } .block-gallery .blog-single .wp_content.single ul li, .blog-single .wp_content.single ul.wp-block-gallery li, .block-gallery .blog-single .wp_content.single ol li { padding: 0; } .block-category-common .blog-single .wp_content.single ul li ul li { padding: 6px 0 0 0; } .blog-single--sidebar_left .comments_section ol > li:nth-child(4) { margin-bottom: 27px; } .blog-single--sidebar_left .comments_section ol > li > ol > li:nth-child(4) { margin-bottom: 0; } .blog-single--sidebar_left .comments_section ol { margin: 0 0 0 20px; float: left; } .wp_content.single ol li ol li, .wp_content.single ol li ul li { margin-bottom: 0!important; padding-bottom: 0!important; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 12px; } .blocks-widgets .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .blocks-widgets .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 0; } .blog-single .blog-single--sidebar_left .wp_content.single ul li:last-child, .blog-single .blog-single--sidebar_left .wp_content.single ol li:last-child { padding-bottom: 0 !important; } body.template-comments .wp_content.single ul, body.template-sticky .wp_content.single ul, body.column-blocks .wp_content.single ol, body.block-category-common .wp_content.single ul, body.page-markup-and-formatting .wp_content.single ol, body.page-markup-and-formatting .wp_content.single ul, body.edge-case-nested-and-mixed-lists .wp_content.single ol, body.edge-case-nested-and-mixed-lists .wp_content.single ul, body.template-pingbacks-an-trackbacks .wp_content.single ol, body.markup-html-tags-and-formatting .wp_content.single ol, body.markup-html-tags-and-formatting .wp_content.single ul, body.markup-title-with-markup .wp_content.single ul, body.keyboard-navigation .wp_content.single ul, body.title-should-not-overflow-the-content-area .wp_content.single ul, body.about .wp_content.single ol, body.block-category-common .wp_content.single ol { margin-left: 20px; } body.markup-title-with-markup .wp_content.single ul { margin-top: 0; } body.keyboard-navigation .wp_content.single ul { margin-bottom: 27px; float: left; } .glbwew { color: #666; font-size: 20px; line-height: 1.5; margin-top: 53px; } .faq .text, .varieties .col ul li, .tabs-section .section_content .text, .tabs-section .section_content .small-text, .col-section .left .title, .col-section .right, .glbwew, .info-block, .awards .item .text, .tabs-section .tabs .tab span, .faq_item_answer, .statistics-section .top .left .subtitle, .statistics-section .top .left .title, .team .subtitle, .team .item_position, .blog-list .blog-item .content .text, .blog-list .blog-item .content p, .blog-single p, .blog-single .text, .blog-single .comments_section .title span, .blog-single .comments_section .comment_item ul.children .comment-text p, .blog-single .comments_section .comment_item .author .left .name, a.comment-reply-link { color: #666; } /* Removal Style */ .blog-single p { float: none!important; margin: 20px 0!important; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item:not(.next-post):first-child .content { padding: 0; } .blog-list .blog-item { padding: 38px; margin-bottom: 34px; border: 1px solid #eee; } .blog-list .blog-item.tag-articles { padding: 38px!important; border: 1px solid #eee!important; } .blog-list .blog-item.tag-featured-image { padding: 0; border: none; } .blog-list .blog-item.tag-featured-image:first-child { padding: 38px; border: none; } .blog-list .blog-item.has-post-thumbnail { padding: 0; border: none; } .block-cover .blog-single p:nth-child(2) { margin-top: 0; } .block-cover .wp-block-cover { float: left!important; margin-top: 17px; } .block-cover .blog-single p { margin: 20px 0 0 0!important; } .blog-list .blog-item:first-child { border: none; } .sidebar ._block { background: #F4F4F4!important; } .sidebar .widget_recent_entries, .sidebar .widget_recent_comments, .sidebar .widget_archive, .sidebar .widget_categories, .sidebar .widget_meta { padding: 38px; } .js_item.blog-list--sidebar_left .blog-item .conpad { padding: 38px; } .js_item.blog-list--sidebar_left .blog-item:not(.next-post):nth-child(odd) .conpad { border: 1px solid #eee; padding: 38px; } .js_item.blog-list--sidebar_left .blog-item:not(.next-post):nth-child(even) .conpad { border: 1px solid #eee; padding: 38px; } .js_item.blog-list:not(.next-post):nth-child(odd) .conpad { box-shadow: -2px 0px 3px 0px #e6e5e5; padding: 38px; } .js_item.blog-list:not(.next-post):nth-child(even) .conpad { box-shadow: 0px -2px 3px 0px #e6e5e5; padding: 38px; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item .content { width: auto; } .blog-list .blog-item .img { position: relative; width: auto; } .blog-list .blog-item .img img { margin-bottom: 20px; } .blog-single .single-blog-detials { padding: 38px; border: 1px solid #eee; } .blog-single .single-blog-detials .wp_content.single { padding-bottom: 0px!important; } .blog-single .comments_section .comment_item .comment-boxr { padding: 30px; border: 1px solid #eee; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item .content .tags { margin: 10px 0 12px 0; } .blog-single .blog-single--sidebar_left .comments_section, .blog-single .blog-list.js_item .comments_section { padding: 0; } #primary.single-post-area { margin: 0 0 55px; } .edge-case-no-content .blog-single .blog-single--sidebar_left .comments_section, .edge-case-no-content .blog-single .blog-list.js_item .comments_section { padding: 0 0 20px 0; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item .content ._title { margin-bottom: 22px; } .blog-single .blog-single--sidebar_left .wp_content.single ol.wp-block-latest-comments li.wp-block-latest-comments__comment:last-child { padding-bottom: 30px!important; } .blog-single .comments_section { padding-bottom: 0; } .single-page.showcase.blog-single .blog-list { padding-bottom: 0; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item .img .sq_parent { padding-bottom: 0; height: 100%; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item:not(.next-post):first-child .sq_parent { padding-bottom: 0; } .blog-single .comments_section .comment_item .userpic { width: 14%; font-size: 25px; font-weight: 700; color: #fff; text-align: center; line-height: 63px; overflow: hidden; float: left; } .blog-single .comments_section .comment_item .userpic img { width: 63px; height: 63px; border-radius: 50%; display: block; } .blog-single .comments_section .comment_item .comment-text { float: right; position: relative; width: 86%; margin-top: 18px; } .blog-single .comments_section .comment_item .author .left { padding-left: 0; } .ex-box { width: 14%; } .ReplyBox { width: 7%; float: right; } .blog-single .blog-list.js_item .comments_section .comment_item .author .left .name { width: 80%; } .blog-single .blog-list.js_item .comments_section .comment_item .comment-text { float: left; position: relative; width: 88%; margin-top: 18px; } .blog-single .blog-list.js_item .comments_section .comment_item .userpic { width: 8%; font-size: 25px; font-weight: 700; color: #fff; text-align: center; line-height: 63px; overflow: hidden; float: left; } .depth-2.comment_item .comment-text, .depth-2.comment_item .author .left .name { padding-left: 5px; } .depth-3.comment_item .comment-text, .depth-3.comment_item .author .left .name { padding-left: 15px; } .depth-4.comment_item .comment-text, .depth-4.comment_item .author .left .name { padding-left: 18px; } .depth-5.comment_item .comment-text, .depth-5.comment_item .author .left .name { padding-left: 24px; } .blog-single .comments_section .comment_item .comment-text p { line-height: 1.6; margin: 0 0 20px!important; } .disps { opacity: 0; } .blog-single .comments_section .comment_item .author .left .name { width: 75%; } .comment-list.section_content .contacts-form { padding-bottom: 25px; } ul.comment-list.section_content .comment_item { list-style-type: none; } ul.comment-list.section_content ul { list-style-type: disc; } ul.comment-list.section_content ul ul { list-style-type: circle; } ul.comment-list.section_content ul ul ul { list-style-type: square; } .blog-list .blog-item:not(.next-post):first-child .content { padding: 0; } .blog-list .blog-item:not(.next-post):first-child .content.cfullwidth .text p { display: block; color: #fff; } h1, h2, h3, h4, h5, h6 { color: #191919; } li, p, dd, address, td { color: #666; line-height: 23px; /* padding: 0px 15px 0px 15px; */ } .block-category-common p, .blog-single .comments_section .comment_item .comment-text p, .block-quotes p, .keyboard-navigation p, .markup-html-tags-and-formatting p, .markup-text-alignment p, .page-markup-and-formatting p { float: left!important; } .blocks-formatting pre, .blocks-formatting figure, .media-twitter-embeds .twitter-tweet { float: none!important; } .template-password-protected .comments_section { display: none; } .widget-area.blog-sidebar { color: #666; } .template-sticky .wp_content.single ul { margin-top: 0; } .blog-single p:last-child { margin-bottom: 0px!important; } .column-blocks .wp-block-columns, .wp-block-archives.wp-block-archives-list { margin-top: 0; } .wp_content.single dl { margin-bottom: 0; } .template-comments .blog-single .wp_content.single p:first-child, .page-markup-and-formatting .blog-single p:first-child { margin-bottom: 0!important; } #respond { position: relative; } #comment-form label { padding: 0; } .comment.depth-3 { width: 90%; } .widget { background: none; padding: 38px; border: 1px solid #eee; } .single.single-gallery .footer { position: relative; } /* @media (max-width:1280px){ .navbar-brand img { margin-top: 0px; margin-left:30px; } } */ @media (max-width:768px){ .navbar-brand img { margin-left:0px; } } @media screen and (max-width: 1200px) { .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item:not(:first-child) .content { width: 86%; margin-left: 0; float: left; margin-top: 0; padding: 0; } } /* Default blog Style */ .wp-block-media-text__content p.has-large-font-size { font-size: 24px; } .page-links, .single-entry-content .page-links { padding: 20px 0; } .blog-single .single-content.pb-none { padding-bottom: 25px; } .wp-block-cover-text, .block-cover .wp-block-cover-text, .block-cover .wp-block-cover-text a { color: #fff!important; } .wp-block-button { color: #fff; margin: 0 20px 20px 0!important; } .block-button .alignleft { width: auto; } .block-button .alignright { width: auto; } .blocks-widgets ul.wp-block-categories, .blocks-widgets ul.wp-block-latest-posts.has-dates { margin-top: 0; } .blocks-layout-elements .has-large-font-size { color: #fff; } .blocks-layout-elements .wp-block-media-text.alignwide .has-large-font-size { color: #666; } img.rss-widget-icon { margin: 0!important; } .cancel-reply { padding-bottom: 20px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 50px; height: 63px; width: 63px; } .pagination > li { width: 40px!important; height: 40px; } .pagination > li > a.prev, .pagination > li > a.next { background-color: #333; width: 40px; } .pagination > li > a.next > span:before { width: 16px; height: 8px; background: url(../images/arrow-2.svg) left center no-repeat; background-size: cover; transform: rotate(180deg); content: ''; position: absolute; margin-top: 16px; transition: all .2s linear; margin-left: -3px; } .pagination > li > a.prev > span:before { width: 16px; height: 8px; background: url(../images/arrow-2.svg) left center no-repeat; background-size: cover; content: ''; position: absolute; margin-top: 16px; transition: all .2s linear; margin-left: -4px; } .blog-single .comments_section .title { font-size: 34px; } #menu-testing-menu.menu { display: block; background: none; position: relative; } .blog-list--sidebar_right #menu-testing-menu.menu { position: inherit; } .container-default { margin-bottom: auto; } .blog-single p:first-child { margin-top: 0!important; } .ontold-page { padding-top: 120px; } .title.entry-title-single { color: #191919; font-size: 40px; font-weight: 600; max-width: 800px; margin-bottom: 27px; } .page--head.single-head { height: auto; padding: 100px 0; } .page--head.single-head .wrap_float { padding-top: 0; } .default-header { margin-top: 39px; } .default-header .top_panel { top: 0; } .default-header .navbar { top: 5px; } a.rsswidget { float: none!important; margin-bottom: 10px; } .rssSummary { float: none; padding: 10px 0; line-height: 1.7; } ul.children li:first-child { margin-top: 20px!important; } .wp-block-categories.wp-block-categories-list ul.children li:first-child { margin-top: 0px!important; } ul.children li:last-child { margin-bottom: 0!important; } .widget.widget_nav_menu._block li { margin-bottom: 0; line-height: 36px; } .widget ul.children { padding-left: 30px; } .wp-block-image { float: none!important; } .wp-block-media-text.has-media-on-the-right { margin-top: 30px!important; } li.trackback, li.pingback { margin-bottom: 20px; padding: 30px; border: 1px solid #eee; } .next.page-numbers span:hover { background: none!important; } .prev.page-numbers span:hover { background: none!important; } .single.edge-case-no-content article { padding: 0; border: none; } .single.edge-case-no-content .comments_section { padding-top: 0; } .blog-list .blog-item .img .sq_parent { padding-bottom: 60%; } .col-section .left .title { line-height: inherit; } .left-socials { width: 30px; position: absolute; top: 36vh; transform: translateY(-50%); z-index: 2; right: 2vw; } body.markup-html-tags-and-formatting .blog-single p:first-child { margin-bottom: 0!important; } /* Default Menu Style */ .main-menu ul { list-style: outside none none; margin: 0; padding: 0; text-align: center; } .main-menu > #primary-menu { text-align: initial; } .main-menu ul li { width: auto; display: inline-block; position: relative; } .main-menu ul li a { color: #191919; display: block; font-size: 16px; font-family: "Roboto", sans-serif; padding: 10px 13px; font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } .main-menu ul li:last-child a { padding-right: 0; } .main-menu ul li a:hover { text-decoration: none; color: #757777; } .main-menu a:foucs { outline: none; text-decoration: none; } .main-menu > ul > li.current-menu-item > a { color: #757777; } .navbar { position: relative; z-index: 4; top: 7vh; width: 80% } .ml-auto.main-menu { float: right; width: auto; } .main-menu > ul > li:hover > a { color: #757777; } /*sub menu*/ .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu { position: absolute; top: 0; margin-right: 0; visibility: visible; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); display: block; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu { position: absolute; left: 0; top: 120%; z-index: 999; background: #333; text-align: left; min-width: 230px; -webkit-transition: all 0.42s ease-in-out; transition: all 0.42s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; } .main-menu > ul > li.menu-item-has-children:hover > ul.sub-menu { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility: visible!important; top: 100%; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li, .main-menu ul ul li { display: block; width: 100%; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a, .main-menu ul ul li a { display: block; padding: 10px 15px; border-bottom: 1px solid #fff; border: 2px solid transparent; text-transform: capitalize; background: #333; color: #ffffff; font-weight: 400; position: relative; z-index: 1; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li:hover > a, .main-menu ul ul > li:hover > a { color: #333; background: #ffffff; border: 2px solid #ccc; } .main-menu ul ul { position: absolute; right: 100%; top: 30px; z-index: 999; color: #333; text-align: left; min-width: 160px; -webkit-transition: all 0.42s ease-in-out; transition: all 0.42s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; } .mobile-menu { display: none; } .menu-click { background: #333; border: 1px solid #333; cursor: pointer; display: inline-block; position: static; right: 10px; padding: 8px; -webkit-transition: all 0.34s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.34s cubic-bezier(0.68, -0.55, 0.265, 1.55); z-index: 9999; border-radius: 4px; } .menu-click span { -webkit-transition: all 0.34s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.34s cubic-bezier(0.68, -0.55, 0.265, 1.55); width: 30px; background: #fff; height: 2px; margin-bottom: 4px; display: block; } .menu-click span:last-child { margin-bottom: 0; } .mobile-menu { display: none; } .site-header .navbar.sticky .main-menu > ul > li > a { color: #fff; } .site-header .navbar.sticky .main-menu > ul > li.current-menu-item > a, .site-header .navbar.sticky .main-menu > ul > li:hover > a { color: #fff; } .site-header .navbar.sticky .menu-click { background: linear-gradient(120deg, #f7941d 0%, #f7941d 100%); border: 1px solid #f7941d; } .site-header.header-2 .navbar.sticky .main-menu > ul > li > a { color: #444; } .site-header.header-2 .navbar.sticky .main-menu > ul > li.current-menu-item > a, .site-header.header-2 .navbar.sticky .main-menu > ul > li:hover > a { color: #333; } .site-header.header-2 .navbar.sticky .menu-click { background: linear-gradient(120deg, #333 0%, #333 100%); border: 1px solid #333; } /*2.2 menu responsive css*/ /*mobile device small*/ @media only screen and (max-width: 1024px) { .main-menu > ul > li:hover:before, .main-menu > ul > li:hover:after, .main-menu > ul > li.current-menu-item:before, .main-menu > ul > li.current-menu-item:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; } .main-menu ul { text-align: left; } .main-menu ul li { display: block; float: none; } .main-menu ul li a { padding: 10px 20px; } .main-menu ul > li:hover > a { background: #000000; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu { display: none; height: auto!important; -webkit-transition: none; transition: none; position: static; background: #333; -webkit-box-shadow: none; box-shadow: none; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility: visible; padding-left: 15px; border-top: 3px solid transparent; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li:hover > a, .main-menu ul ul > li:hover > a { color: #fff; } .main-menu ul ul { position: absolute; left: 100%; top: 30px; z-index: 999; color: #333; text-align: left; min-width: 160px; -webkit-transition: all 0.42s ease-in-out; transition: all 0.42s ease-in-out; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a, .main-menu ul ul li a { display: block; padding: 10px 15px; border-bottom: 1px solid transparent; border: 2px solid transparent; color: #fff; text-transform: capitalize; padding: 7px 15px; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li:hover > a, .main-menu ul ul > li:hover > a { padding-left: 10px; background: #000000; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a, .main-menu ul ul li a { padding: 10px 0px; } .main-menu { overflow-x: hidden; } .main-menu ul ul li.menu-item-has-children > a:after { right: 70px; } .main-menu ul { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); visibility: hidden; position: absolute; left: 0; top: 120%; width: 100%; background: #333; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; z-index: 999; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu, .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu { width: auto; position: relative; top: 0; left: 0; margin-right: 0; visibility: visible; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); display: block; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li:hover > a, .main-menu ul ul > li:hover > a { border: none; } .main-menu ul.show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); visibility: visible!important; top: 100%; height: 400px; overflow-x: auto; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu { display: block!important; } .site-header .navbar.sticky .main-menu ul.show { height: 300px; overflow-x: auto; } .site-header .navbar.sticky .main-menu ul.show::-webkit-scrollbar { background: #f7941d; width: 10px; } .mobile-menu { display: block; width: auto; float: right; } .main-menu ul.show > li > a { color: #fff; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu > li > a, .main-menu ul ul li a { padding: 7px 0; } .site-main-header .main-menu > ul { text-align: left; margin-right: 0px; } .site-main-header.transparent_menu .main-menu > ul > li > a:hover { color: #fff !important; } .site-header.sticky .main-menu > ul > li > a { color: #fff; } } .single-gal { margin-bottom: -30px; } .single-gall-item { position: absolute; left: 22%; top: 12%; } .title-work-detail h2, .web-detail h3 { color: #fff; } .title-work-detail p, .web-detail p { color: #fff; } .bg-main { margin-bottom: -20px; z-index: 1; position: relative; } /* blog-main */ .page-content { padding-top: 100px; } .blog-area { padding-top: 100px; } .blog .item .cont { padding: 30px; } .blog .item .info { margin-bottom: 10px; } .blog .item .info a { color: #888; font-size: 12px; margin: 0 5px 5px; } .blog .item .info a i { margin-right: 4px; } .post-meta { margin-bottom: 10px; } .post-meta a { color: #888; font-size: 12px; margin: 0 5px 5px; } .post-meta a i { margin-right: 4px; } .blog .item h4 { margin-bottom: 0; } .blog .item h4 a { color: #fff; } .blog .item h4 a:hover { color: #f9a766; } .blog-content { position: relative; background: #292828; padding: 30px 20px; } .entry-content p:last-child { margin-bottom: 0; } .single-entry-content p:last-child { margin-bottom: 0; } .single-entry-content p { color: #ddd; font-weight: initial; margin: 0 0 1rem; } .blog-thumb.post-img img { margin-bottom: 16px; } .comments--box p { color: #ddd; font-weight: initial; margin: 0 0 1rem; } .blog-list .blog-item .content p { font-size: 17px; line-height: 1.8; } .blog-list .blog-item .content .author .name { font-size: 17px!important; height: 62px!important; } .blog-list .blog-item .content .author .userpic { width: 62px!important; height: 62px!important; } .widget.widget_nav_menu._block .menu{ display: block; position: inherit!important; } ._block ul { margin: 0; padding: 0; } ._block ul li { margin-bottom: 20px; color: #191919; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ._block ul li a:hover { color: #A200FF; } ._block ul li a { font-size: 18px; font-weight: 500; display: block; float: left; } .widget.widget_categories ul li a { display: inline-block; float: none; } .widget.widget_recent_comments ul li a { display: contents; float: none; line-height: 26px; } .widget p { color: #666; font-weight: initial; margin: 0 0 1rem; line-height: 1.7; } .widget-area p>strong { margin: 10px 0; display: inline-block; } .widget-area img { margin: 10px 0; } .widget select { margin-bottom: 14px; } #wp-calendar caption { padding: 10px 0; background: #9E9E9E; color: #fff; } #wp-calendar #prev { display: none; } .sidebar .widget_recent_entries ul, .sidebar .widget_recent_comments ul, .sidebar .widget_archive ul, .sidebar .widget_categories ul, .sidebar .widget_meta ul { list-style: none; } #recent-post .widget_recent_entries { background: none; padding: none; } #wp-calendar { margin: 0; } .blog-search .input-group-prepend { width: 65px; } .blog-search button:before { width: 22px; height: 22px; background: url(../images/search.svg) center center no-repeat; background-size: contain; position: absolute; content: ''; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px; } .sidebar-title { position: relative; padding: 6px 0 10px 0; color: #fff; } .sidebar-title h5 { text-transform: capitalize; text-align: left; } .link-more { margin: 22px 0 0 0; /* display: flex; */ display:none; } .rsswidget { color: #191919; } .search-query .blog-search { margin-bottom: 43px; } .search-query a { background: #212121; border: 1px solid #212121; color: #fff; border-radius: 999px; padding: 13px 30px; margin-bottom: 10px; border: 1px solid transparent; } .search-query a:hover { background: #A200FF; border: 1px solid #A200FF; color: #fff; -webkit-box-shadow: 0px 20px 25px 0px rgba(144, 196, 56, 0.15); box-shadow: 0px 20px 25px 0px rgba(144, 196, 56, 0.15); } .pingback a { color: #191919; padding-left: 10px; } .pingback a:hover { color: #A200FF; } .author-date span { font-size: 14px; font-weight: normal; } .comment ul li, .comment ol li { font-size: 17px; line-height: 1.7; padding: 6px 0; } .comment-list { list-style: none; padding-bottom: 55px; float: left; } #respond { padding: 0; } #respond h3 { margin: 10px 0 30px; color: #fff; font-size: 1.75rem; font-weight: 500; margin-bottom: 30px; } .comment ul.children { list-style: none; margin: 40px 0 0 0; } .single-entry-content h1, .single-entry-content h2, .single-entry-content h3, .single-entry-content h4, .single-entry-content h5, .single-entry-content h6, .single-comments h1, .single-comments h2, .single-comments h3, .single-comments h4, .single-comments h5, .single-comments h6 { padding: 0 0 20px; } .entry-content ul li, .single-entry-content ul li { padding: 6px 0; } .entry-title, .entry-title-single { color: #fff; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { color: #666; height: 55px; border:none; /* background-color:#f7f7f7; */ background:none; } .post-password-form label { float: left; } input[type="password"] { color: #666!important; height: 54px; padding-left: 25px; font-size: 15px; color: #A200FF; border: 1px solid #ccc !important; border-radius: 5px; margin: 0 10px 0 10px; } .post-password-form input[type="submit"] { width: 92px; height: 54px; background: #191919; border-radius: 5px; display: block; text-transform: uppercase; font-size: 15px; font-weight: 500; color: #fff; float: left; } .post-password-form input[type="submit"]:hover { background: #A200FF; border: 1px solid #A200FF; color: #fff; -webkit-box-shadow: 0px 20px 25px 0px rgba(144, 196, 56, 0.15); box-shadow: 0px 20px 25px 0px rgba(144, 196, 56, 0.15); } .vd-single.main-detail-bg { z-index: auto; } .vd-single .bg-main { background: #161616; position: relative; } .btn-wrapper { margin-top: 110px; } .vd-single.main-detail-bg .btn-wrapper { margin-top: 260px; } .wpcf7-form-control-wrap { display: block; } .bg-color-singlegl { background-color: #24005A; } .showcase .page--head { height: auto; padding: 100px 0; } .page--head.pagebanner { height: auto; padding: 92px 0; } .container.er-container { margin-bottom: 0; } .page--head.single-head h1.title { max-width: 505px; } .page--head.single-head h1.title span { color:#9A9A9A; } .page--head.single-head h1.title.entry-title-single { max-width: initial; } .page-links { color: #333; } .blocks-gallery-grid, .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; } .wp-block-embed-instagram.wp-block-embed { float: none; } .block-category-common .wp-block-audio { width: 100%; } .wp-block-file .wp-block-file__button { display: table; margin: 26px 0 -20px 0; } .keyboard-navigation .blog-single--sidebar_left .wp_content.single ul li ul{ margin: 0; } .template-more-tag .tag-read-more a { color: #A200FF; font-weight: bold; } /* nnstyle */ .block-gallery .wp-block-gallery, .block-gallery .wp_content.single > * { float: none; } .template-sticky .single-blog-detials a, .keyboard-navigation .single-blog-detials ul li a, .media-twitter-embeds .single-blog-detials a, .post-format-audio .single-blog-detials a, .post-format-video-wordpresstv .single-blog-detials a, .post-format-video-youtube .single-blog-detials a, .post-format-link .single-blog-detials a, .template-featured-image-horizontal .single-blog-detials a, .template-featured-image-vertical .single-blog-detials a { color: #A200FF; text-decoration: underline; } .template-sticky .single-blog-detials a:hover, .keyboard-navigation .single-blog-detials ul li a:hover, .media-twitter-embeds .single-blog-detials a:hover, .post-format-audio .single-blog-detials a:hover, .post-format-video-wordpresstv .single-blog-detials a:hover, .post-format-video-youtube .single-blog-detials a:hover, .template-featured-image-vertical .single-blog-detials a:hover, .template-featured-image-horizontal .single-blog-detials a:hover, .post-format-link .single-blog-detials a:hover { color: #A200FF; text-decoration: none; } .block-gallery .blog-single .blog-single--sidebar_left .wp_content.single ul li, .block-category-common .blog-single .blog-single--sidebar_left .wp_content.single ul li { padding: 6px 0 0 0; } .block-quotes .wp-block-quote:not(.is-large):not(.is-style-large), .block-quotes .wp-block-pullquote.has-cyan-bluish-gray-background-color.is-style-solid-color { width: 90%; } .block-cover .wp-block-cover-text a { text-decoration: underline; } .block-cover .wp-block-cover-text a:hover { text-decoration: none; } .column-blocks .wp-block-quote cite { font-size: 12px; } .column-blocks .wp-block-quote { margin: 0; } .blocks-layout-elements p { float: left!important; } .block-image figure { margin: 0; } .template-comments .comment-text ul, .template-comments .comment-text ol { margin-left: 0!important; } .template-comments .comment-text li>ul { margin-left: 20px!important; } /* Post first child */ .blog-list .blog-item-default:not(.next-post):first-child:before { background: none; } .blog-list .blog-item-default:first-child { border: 1px solid #eee; } .blog-list .blog-item-default:not(.next-post):first-child .content ._title a { color: #191919; } .blog-list .blog-item-default:not(.next-post):first-child .content ._title { font-size: 28px; } .blog-list .blog-item-default:not(.next-post):first-child .content .author .name { color: #191919; } .blog-list .blog-item-default:not(.next-post):first-child .content.cfullwidth .text p { display: block; color: #666; } .blog-list .blog-item-default.sticky:not(.next-post):first-child:before { background: #000; } .blog-list .blog-item-default:first-child { border: 1px solid #eee; } .blog-list .blog-item-default.sticky:not(.next-post):first-child .content ._title a { color: #fff; } .blog-list .blog-item-default.sticky:not(.next-post):first-child .content .author .name { color: #fff; } .blog-list .blog-item-default.sticky:not(.next-post):first-child .content.cfullwidth .text p { display: block; color: #fff; } .blog-list .blog-item-default.has-post-thumbnail:not(.next-post):first-child .content ._title a { color: #fff; } .blog-list .blog-item-default.has-post-thumbnail:not(.next-post):first-child .content .author .name { color: #fff; } @media only screen and (max-width: 1024px) { .vc_column_container>.vc_column-inner { padding-right: 0!important; width: 101.5%!important; } .blog-single--sidebar_left .comments_section ul li ul { padding: 0px 0 0px 20px; background-color: none; } .wp-block-latest-comments__comment article { width: 82%; float: right; } .tabs-section .tabs .tab { margin: 0 50px 0 0; } } @media screen and (max-width: 1000px) { .page--head.single-head .wrap { width: 80vw; } .services .varieties .col { margin-top: 0!important; } } @media only screen and (max-width: 768px) { .logged-in .hum_btn.hamburger { margin-top: 40px; } .hum_btn { right: 2vh!important; } .vc_column_container>.vc_column-inner { padding-right: 0!important; width: 102%!important; } .main-menu > #primary-menu { border: 2px solid #ccc; border-radius: 5px; padding: 16px 10px; } .navbar { float: right; width: 59%; } .main-index { margin-top: 70px; } .blog-content.content.conpad.cfullwidth { padding: 38px!important; } .entry-content .link-more .more-link { padding: 8px 20px; } .blog-list .blog-item:first-child { height: auto; } .blog-list .blog-item .content .tags .tag { padding: 0 13px; } .blog-list .blog-item .content .tags a.tag { padding: 5px 13px; } .blog-single .comments_section .comment_item .comment-text p { font-size: 15px; } .comment ul.children { margin: 40px 0 40px 16px; } .blog-single--sidebar_left .comments_section ul li ul { padding: 0px 0px 0px 20px; background-color: none; } .blog-single .comments_section .comment_item .author .left .name { width: 71%; } .ReplyBox { width: 12%; margin: -4px 0 0 0; } .blog-single--sidebar_left .comments_section ul li ul, .blog-single--sidebar_left .comments_section ol li ol { padding-left: 20px; margin-left: 20px; background-color: none; } .heateor_sss_sharing_container.heateor_sss_horizontal_sharing { margin-left: 5%!important; } ul.heateor_sss_follow_ul li, ul.heateor_sss_sharing_ul li { margin: 0 4px 0 0!important; } .heateor_sss_horizontal_sharing .heateorSssSharing, .heateor_sss_standard_follow_icons_container .heateorSssSharing { height: 44px!important; width: 44px!important; } .blog-single .blog-single--sidebar_right { border: none; } ._block ul li a { font-size: 15px; } .widget_tag_cloud .tagcloud>a { font-size: 15px!important; } .navbar { padding: .5rem 0 .75rem 1rem; float: right; } .mobile-menu { margin-right: 0; width: auto; float: right; } .logo-default { width: 100%; text-align: center; padding-top: 0; } .logo a { padding-top: .3125rem; padding-bottom: .3125rem; } .img-obj-1, .img-obj-2, .img-obj-3, .img-obj-4, .img-obj-5, .img-obj-6 { left: 15% !important; top: 1% !important; } .overlay ul li { height: auto !important; padding-bottom: 0px !important; line-height: 1; font-size: 34px; margin-bottom: 0!important; } .nav-lr { display: none; } .single-gall-item { position: absolute; left: 10%; top: 28%; right: 10%; } .page-content { padding-top: 50px; } .blog-area { padding-top: 50px; } .page-404 { padding: 40px 0 0 0; } .page-404 h1 { margin: 30px 0 0 0; line-height: 100px; font-size: 80px!important; } .comments--box { padding: 15px; } .page-404 .blog-search { width: auto; text-align: center; align-items: center; margin: 0 0 55px; } .blog-search input, .blog-search button { height: 46px; float: left; } .blog-search button { width: 55px; line-height: 26px; font-size: 14px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { height: 46px; } .post-password-form input[type="submit"] { height: 46px; } .btn-wrapper { margin-top: 55%; } .btn-wrapper a { height: 70px; width: 70px; } .btn-wrapper a:before { font-size: 36px } .btn-back { top: 10%; right: 40%; } .button_container { right: 8% !important; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item:not(:first-child) .content { margin-top: -5px; margin-left: 0; padding-left: 0; } .blog-list.blog-list--sidebar .blog-item:not(:first-child) .content { margin-top: 0; margin-left: 0; padding-left: 0; } .page--head.single-head { height: auto; padding: 70px 0; } .ontold-page { padding-top: 70px; } .widget ul.children { margin-left: 18px; } .widget.widget_nav_menu._block { padding-bottom: 30px; } .no-results.not-found { padding-bottom: 80px; } .posts-pagination { margin: 0 0 35px; } .blog-single .blog-single--sidebar_right { max-width: fit-content!important; float: left; } .blog-single .comments_section .comment_item .comment-text { width: 84%; } .blog-single .comments_section .comment_item .userpic { width: 16%; } .ex-box { width: 16%; } .wp-block-embed-twitter { float: none!important; } .default-header .navbar { top: 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment article { width: 81%!important; float: right!important; } .wp-block-latest-comments__comment article { width: 100%; float: left; } body.template-comments .wp_content.single ul, body.template-sticky .wp_content.single ul, body.column-blocks .wp_content.single ol, body.block-category-common .wp_content.single ul, body.page-markup-and-formatting .wp_content.single ol, body.page-markup-and-formatting .wp_content.single ul, body.edge-case-nested-and-mixed-lists .wp_content.single ol, body.edge-case-nested-and-mixed-lists .wp_content.single ul, body.template-pingbacks-an-trackbacks .wp_content.single ol, body.markup-html-tags-and-formatting .wp_content.single ol, body.markup-html-tags-and-formatting .wp_content.single ul, body.markup-title-with-markup .wp_content.single ul, body.keyboard-navigation .wp_content.single ul, body.title-should-not-overflow-the-content-area .wp_content.single ul, body.about .wp_content.single ol, body.block-category-common .wp_content.single ol { max-width: 96%; } .template-comments ul.comment-list.section_content { width: 99%; } /* rev styles */ .comment-list.section_content .contacts-form { padding-bottom: 95px; margin-bottom: 0!important; } } @media only screen and (min-width: 640px) and (max-width: 768px) { .navbar { padding: .5rem 0 .75rem 1rem; } } @media screen and (max-width: 480px) { .vc_column_container>.vc_column-inner { padding-right: 0!important; width: 103.7%!important; } .default.top_panel { width: auto; } .main-menu ul ul { left: 0; } .mobile .menu { top: 0; } .menu-click { padding: 6px; } .menu-click span { width: 26px; } /* mobile size */ #who-we-are p{ padding-right:25px; } .about-section h2 { padding-right:16px; } .para-one p{ padding-right:32px; } input[type="password"] { margin: 10px 10px 10px 0; width: 100%; } .navbar { float: right; width: 59%; } .pagebanner.page--head .wrap { width: 90vw!important; } .pagebanner.page--head .title { max-width: 100% !important; color: #191919; font-size: 26px!important; } .pagebanner .link { margin-top: 26px; } .pagebanner.page--head { padding: 120px 0 40px; height: auto; } .pagebanner.page--head .wrap_float { padding-top: 0; } .tabs-section .tabs .tab { width: auto; display: block; float: none; margin: 0; padding-bottom: 10px; } .tabs-section .tabs .tab:first-child { padding-top: 0; } .blog-single .single-head .tags .tag { line-height: 14px; } .services .varieties .col { margin-top: 0; } .btn-back { top: 10%; right: 30%; } .btn-wrapper { margin-top: 100%; } .btn-wrapper a { height: 50px; width: 50px; } .btn-wrapper a:before { font-size: 24px; margin-left: -7px; } .img-obj-1 { top: 0!important; } .comment ul.children { margin: 0!important; padding: 0!important; } .pagination-wrap ul li { margin: 0 8px 10px 8px; } .comment ol li { width: 180px; } /* rev styles */ .blog-list .blog-item { padding: 20px; margin-bottom: 34px; border: 1px solid #eee; } .blog-list .blog-item.tag-featured-image { padding: 0; border: none; } .blog-list .blog-item:first-child { padding: 20px; } .sidebar .widget_recent_entries, .sidebar .widget_recent_comments, .sidebar .widget_archive, .sidebar .widget_categories, .sidebar .widget_meta { background: none; padding: 20px; } .js_item.blog-list--sidebar_left .blog-item .conpad { padding: 20px; } .js_item.blog-list--sidebar_left .blog-item:not(.next-post):nth-child(odd) .conpad { box-shadow: -2px 0px 3px 0px #e6e5e5; padding: 20px; } .js_item.blog-list--sidebar_left .blog-item:not(.next-post):nth-child(even) .conpad { box-shadow: 0px -2px 3px 0px #e6e5e5; padding: 20px; } .js_item.blog-list:not(.next-post):nth-child(odd) .conpad { box-shadow: -2px 0px 3px 0px #e6e5e5; padding: 20px; } .js_item.blog-list:not(.next-post):nth-child(even) .conpad { box-shadow: 0px -2px 3px 0px #e6e5e5; padding: 20px; } .blog-list.blog-list--sidebar .blog-list--sidebar_left .blog-item .content { width: 65%; } .blog-single .single-blog-detials { padding: 20px; border: 1px solid #eee; } .blog-single .single-blog-detials .wp_content.single { padding-bottom: 0px!important; padding-right: 5px; } .blog-single .comments_section .comment_item .comment-boxr { padding: 20px; border: 1px solid #eee; } .widget { background: none; padding: 20px; border: 1px solid #eee; } .blog-single .comments_section .comment_item .userpic { width: 24%!important; } .blog-single .comments_section .comment_item .comment-text { width: 76%!important; margin-bottom: 0; } .ex-box { width: 24%; } .blog-single .comments_section .comment_item .author .left .name { width: 76%; padding: 0; } .ReplyBox { width: 76%; float: left; left: 24%; position: relative; } .blog-single .comments_section .comment_item.depth-4 .userpic, .blog-single .comments_section .comment_item.depth-3 .userpic, .blog-single .comments_section .comment_item.depth-5 .userpic, .blog-single .comments_section .comment_item.depth-6 .userpic, .blog-single .comments_section .comment_item.depth-7 .userpic, .blog-single .comments_section .comment_item.depth-8 .userpic, .blog-single .comments_section .comment_item.depth-9 .userpic, .blog-single .comments_section .comment_item.depth-10 .userpic { width: 28%!important; } .blog-single .comments_section .comment_item.depth-4 .comment-text, .blog-single .comments_section .comment_item.depth-3 .comment-text, .blog-single .comments_section .comment_item.depth-5 .comment-text, .blog-single .comments_section .comment_item.depth-6 .comment-text, .blog-single .comments_section .comment_item.depth-7 .comment-text, .blog-single .comments_section .comment_item.depth-8 .comment-text, .blog-single .comments_section .comment_item.depth-9 .comment-text .blog-single .comments_section .comment_item.depth-10 .comment-text { width: 72%!important; margin-bottom: 0; } .blog-single .comments_section .comment_item.depth-3 .ex-box, .blog-single .comments_section .comment_item.depth-4 .ex-box, .blog-single .comments_section .comment_item.depth-5 .ex-box, .blog-single .comments_section .comment_item.depth-6 .ex-box, .blog-single .comments_section .comment_item.depth-7 .ex-box, .blog-single .comments_section .comment_item.depth-8 .ex-box, .blog-single .comments_section .comment_item.depth-9 .ex-box, .blog-single .comments_section .comment_item.depth-10 .ex-box { width: 28%; } .blog-single .comments_section .comment_item.depth-3 .author .left .name, .blog-single .comments_section .comment_item.depth-4 .author .left .name, .blog-single .comments_section .comment_item.depth-5 .author .left .name, .blog-single .comments_section .comment_item.depth-6 .author .left .name, .blog-single .comments_section .comment_item.depth-7 .author .left .name, .blog-single .comments_section .comment_item.depth-8 .author .left .name, .blog-single .comments_section .comment_item.depth-9 .author .left .name, .blog-single .comments_section .comment_item.depth-10 .author .left .name { width: 72%; padding: 0; } .blog-single .comments_section .comment_item.depth-3 .ReplyBox, .blog-single .comments_section .comment_item.depth-4 .ReplyBox, .blog-single .comments_section .comment_item.depth-5 .ReplyBox, .blog-single .comments_section .comment_item.depth-6 .ReplyBox, .blog-single .comments_section .comment_item.depth-7 .ReplyBox, .blog-single .comments_section .comment_item.depth-8 .ReplyBox, .blog-single .comments_section .comment_item.depth-9 .ReplyBox, .blog-single .comments_section .comment_item.depth-10 .ReplyBox { width: 72%; float: left; left: 28%; position: relative; } .template-comments .blog-single .comments_section ul.comment-list li.depth-1.comment_item:first-child .comment-text { width: 100% !important; margin-top: 27px; } .template-comments .blog-single .comments_section ul.comment-list li.depth-1.comment_item:first-child .author > .left > .ex-box { display: none; } .template-comments .blog-single .comments_section ul.comment-list li.depth-1.comment_item:first-child .author > .left > .name { width: 100%; } .template-comments .blog-single .comments_section ul.comment-list li.depth-1.comment_item:first-child .author > .left > .ReplyBox { left: 0; } .wp-block-media-text__content p.has-large-font-size{ padding: 20px 0; } .template-password-protected .comments_section, .edge-case-no-content .comments_section { padding-bottom: 55px!important; } .gallery-item { margin: 1em 10px 1em 0; } .column-blocks .blog-single .blog-single--sidebar_left .contacts-form, .column-blocks .blog-single .blog-list.js_item .contacts-form, .block-cover .blog-single .blog-single--sidebar_left .contacts-form, .block-cover .blog-single .blog-list.js_item .contacts-form, .block-image .blog-single .blog-single--sidebar_left .contacts-form, .block-image .blog-single .blog-list.js_item .contacts-form, .block-gallery .blog-single .blog-single--sidebar_left .contacts-form, .block-gallery .blog-single .blog-list.js_item .contacts-form, .block-quotes .blog-single .blog-single--sidebar_left .contacts-form, .block-quotes .blog-single .blog-list.js_item .contacts-form, .blocks-embeds .blog-single .blog-single--sidebar_left .contacts-form, .blocks-embeds .blog-single .blog-list.js_item .contacts-form, .blocks-widgets .blog-single .blog-single--sidebar_left .contacts-form, .blocks-widgets .blog-single .blog-list.js_item .contacts-form, .blocks-formatting .blog-single .blog-single--sidebar_left .contacts-form, .blocks-formatting .blog-single .blog-list.js_item .contacts-form, .blocks-layout-elements .blog-single .blog-single--sidebar_left .contacts-form, .blocks-layout-elements .blog-single .blog-list.js_item .contacts-form, .block-category-common .blog-single .blog-single--sidebar_left .contacts-form, .block-category-common .blog-single .blog-list.js_item .contacts-form, .block-button .blog-single .blog-single--sidebar_left .contacts-form, .block-button .blog-single .blog-list.js_item .contacts-form { padding-top: 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment article { width: 74%!important; float: right!important; } .wp-block-latest-comments__comment article { width: 100%; float: left; } .blog-single .comments_section .comment_item .userpic img { width: 53px; height: 53px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 50px; height: 53px; width: 53px; } .wp-block-latest-comments__comment { padding: 10px!important; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 2px; } .blog-single .comments_section .comment_item .comment-text { margin-top: 14px; } } @media only screen and (max-width: 320px) { .wp-block-latest-comments__comment article { width: 82%; float: left; margin-top: 27px; } .blog-single .comments_section .comment_item .comment-boxr { padding: 10px; } .main-menu > ul > li.menu-item-has-children > ul.sub-menu { min-width: auto; } } @media screen and (max-width: 610px) { .showcase .page--head .wrap { width: 90vw; } .blog-list .blog-item .content .author .name { padding-left: 10px; } } @media screen and (min-width: 1200px) { .blog-single .blog-list.js_item .comments_section .comment_item .userpic { width: 8%; } .blog-single .blog-list.js_item .comments_section .comment_item .comment-text { width: 88%; } .blog-list.js_item .ex-box { width: 8%; } .blog-single .blog-list.js_item .comments_section .comment_item .author .left .name { width: 87%; } .blog-list.js_item .ReplyBox { width: 5%; margin-right: -10px; } .blog-list.js_item .comment-text img { margin-top: 10px; } .blog-list.js_item .depth-2.comment_item .ReplyBox { margin-right: -5px; } .blog-list.js_item .depth-4.comment_item .ReplyBox, .blog-list.js_item .depth-3.comment_item .ReplyBox { margin-right: -2px; } .blog-list.js_item .wp-block-latest-comments .avatar, .blog-list.js_item .wp-block-latest-comments__comment-avatar { margin-right: 32px; } .blog-list.js_item .wp-block-latest-comments__comment article { float: left; } } @media only screen and (min-width : 769px) and (max-width : 1024px) { .main_slider .socials { top: 48%!important; } .page--head .subtitle { font-size: 18px; } .blog-list.blog-list--sidebar .blog-list--sidebar_left { max-width: 585px; } .blog-list.blog-list--sidebar .blog-list--sidebar_right { max-width: 305px; } } @media only screen and (min-width : 1001px) and (max-width : 1024px) { .wrap { max-width: 820px; } .left-socials { display: none; } .hum_btn { right: 5vh!important; } .menu { top: 51px; } .blog-single .blog-single--sidebar_left { max-width: 530px; } .blog-single .blog-single--sidebar_right { max-width: 260px; } } @media screen and (max-width: 1200px) { .wrap { max-width: 920px; } .blog-single .blog-single--sidebar_left { max-width: 585px; } .blog-single .blog-single--sidebar_right { max-width: 305px; } .blog-list .blog-item:not(.next-post):first-child .sq_parent { padding-bottom: 51%; } .left-socials { right: 3vw; } } @media only screen and (min-width : 1201px) and (max-width : 1280px) { .wrap { max-width: 1044px; } .blog-single .blog-single--sidebar_left { max-width: 660px; } .blog-single .blog-single--sidebar_right { max-width: 354px; } .blog-list .blog-item:not(.next-post):first-child .sq_parent { padding-bottom: 53%; } .left-socials { right: 3vw; } } @media only screen and (min-width : 1440px) and (max-width : 1610px) { .main_slider .socials { top: 46%; } .left-socials { top: 34vh!important; } .page--head .subtitle { font-size: 18px; } .vc_column_container>.vc_column-inner { width: 100.9%!important; } } .subscribe .input { color: #fff!important; } @media only screen and (min-width : 1620px) and (max-width : 1940px) { .main_slider .socials { top: 44%; } .vc_column_container>.vc_column-inner { width: 100.7%!important; } } @media only screen and (min-width : 1940px) { .main_slider .socials { top: 41.5%; } .left-socials { top: 26vh; } .vc_column_container>.vc_column-inner { width: 100.6%!important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Retina-specific stuff here */ .main_slider .socials { top: 44%; } .main_slider .arrow.next { right: 3vh; } .left-socials { top: 26vh; left: 6vh; } /* .hum_btn { right: 12vh; } */ /* .menu { top: 0px; } */ .modal_form .wrap .wrap_float { margin-top: -280px; } .body-margin.os-windows.chrome-browser .modal_form .close, .body-margin.os-windows.opera-browser .modal_form .close { margin-right: 54px; } } /*--------------------------------------------------------- #------------------ Showcase page ------------------------- ---------------------------------------------------------*/ .single-showcase .blog-single .single-blog-detials { padding: 0px 0px; border: 0px solid #eee; } .showcase-title{ padding: 100px 0px; } /*--------------------------------------------------------- #------------------ Hamburger Menu ------------------------- ---------------------------------------------------------*/ .menu .top_panel{ position: relative; } .bottom-menu { display: flex; justify-content: space-between; align-items: center; } .address { color: #fff; font-size: 14px; font-weight: 400; width: calc(100% - 620px); } /*------------------------------------------------------------------ #---------- POPUP SLIDER ----------------------------------- --------------------------------------------------------------*/ .popup-slider .vc_images_carousel .vc_carousel-control { bottom: 0; top: auto; opacity: 1; } .popup-slider .vc_images_carousel .vc_carousel-control.vc_right { right: 0px; left: auto; background: #D12829; color: #fff; width: 40px; height: 40px; line-height: 45px; } .popup-slider .vc_images_carousel .vc_carousel-control.vc_left { right: 40px; left: auto; background: #D12829; margin-right: 5px; width: 40px; height: 40px; color: #fff; line-height: 45px; } /* .popup-slider .vc_images_carousel .vc_carousel-control.vc_left .icon-prev, .popup-slider .vc_images_carousel .vc_carousel-control.vc_left .icon-next { font-style: normal; display: inline-block; text-decoration: inherit; width: inherit; height: inherit; font-size: 1em; text-align: center; text-rendering: optimizelegibility; font-family: 'Font Awesome 5 Free'; } .popup-slider .vc_images_carousel .vc_carousel-control .icon-prev:before{ content: '\f0da'; position: relative; top: -10px; } .popup-slider .vc_images_carousel .vc_carousel-control .icon-next:before{ content: '\f0da'; position: relative; top: -10px; } */ .design-popup-right > .vc_column-inner > .wpb_wrapper{ padding-left: 30px; } /*----------------------------------------------------- #---- CUSTOM SELECT ---------------------------------- ------------------------------------------------------*/ .select2-search--dropdown { display: none !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #7C7C7C !important; line-height: 55px !important; font-size: 18px !important; padding-left: 20px !important; } .select2-container--default .select2-selection--single{ border: none !important; border-bottom : 3px solid #7C7C7C !important; border-radius: 0px !important; } .select2-container .select2-selection--single{ height: 55px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #D12829 !important; padding: 10px !important; } .menu-sidebar-image.h-100 { height: 100%; } .watch-reel-link{ position: relative; padding-left: 30px; } .watch-reel-link:before { content: ''; background: url('/wp-content/themes/ontold/images/video-white.png'); width: 24px; height: 24px; position: absolute; top: -3px; left: 0; background-size: contain; background-repeat: no-repeat; } .img-cap-link{ color: #fff; font-weight: 600; font-size: 16px; cursor: pointer; position: relative; display: inline-block; } .img-cap-link:hover, .img-cap-link:focus, .watch-reel-link:hover, .watch-reel-link:focus{ color: #fff; } .img-cap-link:after { content: ''; height: 2px; width: 30px; background: #fff; position: absolute; right: -35px; top: 49%; } .vc_tta.vc_general.case-study-tab .vc_tta-tabs-list { display: flex; justify-content: center; } .vc_tta.vc_general.case-study-tab .vc_tta-tab { width: auto !important; } .vc_tta-color-grey.vc_tta-style-flat.case-study-tab .vc_tta-tab>a{ background-color: #fff; color: #0F0F0F; } .vc_tta-color-grey.vc_tta-style-flat.case-study-tab .vc_tta-tab.vc_active>a { position: relative; background-color: #DF2028; color: #fff; } .vc_tta-color-grey.vc_tta-style-flat.case-study-tab .vc_tta-tab.vc_active>a >span{ border-bottom: 2px solid #fff; } .showcase-gallery .vc_grid-filter.vc_grid-filter-center { text-align: center; margin-left: 0; display: flex; justify-content: center; } .vc_tta.vc_general.insight-tab .vc_tta-tab { width: auto !important; } .vc_tta-color-grey.vc_tta-style-flat.insight-tab .vc_tta-tab>a { background-color: #E2E2E2; color: #000000; } .vc_tta-color-grey.vc_tta-style-flat.insight-tab .vc_tta-tab.vc_active>a { background-color: #3D0082; color: #fff; } .vc_custom_1645175660402.vc_row-has-fill>.vc_column_container>.vc_column-inner{ padding-top: 0px; } .vc_custom_1645175660402 .vc_column_container>.vc_column-inner { padding-left: 0px; } /*/////////////////////// landing page design 1380 //////////////////////////////////*/ @media screen and (max-width:1380px) { .compaign-form{ max-width:37%; right:13%; } .form-design-dg .vc_column-inner{ left:28%; } #form-bg-para p { font-size: 25px; } .comp-head-dg-font { left: 18%; font-size: 40px !important; } .stroke-copmaign h1 { left: 18%; font-size: 25px; } .compain-para p { padding: 7px 0px; font-size: 12px; } .compain-para p { padding: 7px 9px; } .pm-icon-align { right: -84%; } .dg-extra-para-class p { font-size: 30px; line-height: 40px; } .change-font-dg-para p { font-size: 17px; } .dg-extra-para-class p b { font-size: 30px; } .dg-extra-para-class p a { font-size: 30px; } .min-height-82{ height:82px !important; } } /*/////////////////////// landing page design 1240 //////////////////////////////////*/ @media screen and (max-width:1240px){ .compaign-form { right: 11%; } .compain-para p { padding: 7px 11px; font-size: 11px; } } /*/////////////////////// landing page design 1160 //////////////////////////////////*/ @media screen and (max-width:1180px){ #form-bg-para p { font-size: 21px; line-height: 35px; } .compaign-form{ right:11%; } .comp-head-dg-font { font-size: 32px !important; } .stroke-copmaign h1 { font-size: 20px; line-height: 38px; } .compain-para p { padding: 7px 0px; font-size: 11px; } .compain-para p { padding: 7px 7px; font-size: 11px; } .pm-icon-align { bottom: -38px; } .dg-extra-para-class p { font-size: 28px; line-height: 39px; } .change-font-dg-para p { font-size: 15px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { background: none !important; } } /*/////////////////////// landing page design 1060 //////////////////////////////////*/ @media screen and (max-width:1060px){ .compaign-form { max-width: 50%; } #form-bg-para p { font-size: 19px; line-height: 35px; } .compain-para p { font-size: 10px; } .extraspace-pm{ height:4rem !important; } .pm-heading-jost { font-size: 20px; font-weight: 800; } .min-height-82 { height: 55px !important; } .min-height-1 { height: 92px !important; } .min-height-3 { height: 118px !important; } } /*/////////////////////// landing page design 960 //////////////////////////////////*/ @media screen and (max-width:960px){ .compaign-form { max-width: 50%; } .form-image-bg img { width: 160px; } #form-bg-para p { font-size: 17px; line-height: 30px; } .comp-head-dg-font { font-size: 30px !important; } .compain-para p { padding: 4px 5px; font-size: 9px; } .extraspace-pm { height:4rem !important; } .paddind-btm-zero { padding-bottom:3px !important; } .min-height-82 { height: 56px !important; } .min-height-0 { height: 0px !important; } .pm-heading-jost { font-size: 18px; padding: 10px 0px 0px 10px; } .pm-para-jost p { font-size: 14px; padding: 0px 25px 25px 10px; } .hidden-padding-pm-page { margin: 0px 0px 0px -5px; } .footer-landing-page-heading { left: 20px; } } @media (max-width: 767px){ .bottom-menu { display:none; flex-wrap: wrap; padding: 0 15px; } .address, .menu .tel, .menu .email { width: 100%; } .menu .link.js-modal-form{ width: 200px; margin:auto; } .hide-care-space-phone{ display:none; } /* ............................................ kaizzen care exibition............................ */ .wpb_single_image.compress-exi .vc_single_image-img{ max-width:130px !important; margin:auto; position:relative; top:10pc; } .hide-on-mobile-m{ display:none; } .vc_align_left.perform-img .vc_single_image-img{ max-height:220px !important; } .exi-slider{ position:relative; right:4%; } .fix-max-width-for-desk.vertical-tabs .vc_tta-tabs-container{ max-width:100% !important; } /* ////////////////////// main page care exibitions/////////////////////////////////////// */ .vc_tta-tabs.vc_tta-tabs-position-left { display: inline-grid !important; width:100%; } .vc_tta.vc_tta-o-no-fill.vc_tta-tabs.vertical-tabs .vc_tta-tabs-container { margin: auto; width: 100%; transform: translate(-14px, -28px); } .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { /* display: flex !important; transform: translate(-46px, 10px); */ } .exi-container { width: 100%; box-sizing: border-box; display: inline-grid; align-items: center; justify-content: center; /* padding: 10px; */ position:relative; left:-7px; } .exi-image { width: 50%; } .exi-image img { max-width: 225px; height: auto; padding: 15px 0px; float:right; } .exi-divider { height: 2px; width: 280px; background-color: rgb(246, 153, 23); margin: 10px 0px; left:0; } .white, .black { /* position: relative !important; */ right: 30px; width:100vw; margin:auto; } .exibition-container { width: 100%; display: flex; box-sizing: border-box; align-items: center; justify-content: center; /* padding: 10px; */ position: relative; left:-10px; /* overflow: scroll; */ } .exibition-divider { visibility: hidden; } .exibition-image { width: 25%; /* transform: translate(-68px, 0px); */ } .exibition-image img { height: auto; max-width: 70px; margin: auto; } .owl-carousel .owl-stage-outer { overflow: visible; } .hidden-space{ display:none; } .vc_tta.vc_tta-spacing-1 .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .vc_tta.vc_tta-spacing-1 .vc_tta-panel:not(:first-child) .vc_tta-panel-heading { display: none; } /* .vc_tta.vc_tta-o-no-fill.vc_tta-tabs.vertical-tabs .vc_tta-tabs-container { width: 50%; font-family: Jost; margin: auto; transform: translate(43%, -15px); } .vc_tta-tabs.vc_tta-tabs-position-left { display: -ms-flexbox; display: inline-block; } .vc_tta.vc_general .vc_tta-panels, .vc_tta.vc_general .vc_tta-panels-container { box-sizing: border-box; position: relative; width: 95%; margin: auto; } .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { display: inline-flex; margin: auto; width: 100%; } .vc_tta.vc_general .vc_tta-panels, .vc_tta.vc_general .vc_tta-panels-container { box-sizing: border-box; position: relative; width: 95%; margin: auto; } */ /*------------------------------ cancer ribbon slider------------------------------------------ */ .ribbon-img img { height: 180px !important; transform: translate(-59px, 3px); min-height:250px; } .ribbon-txt { transform: translate(50px, 30px); } #cancer-col-center{ margin:auto; transform:translate(0px,0px) } .video-womens-center { position:relative; right:14px; } .video-womens-center-two{ position:relative; right:8px; } .care-rspnsv-heading{ font-size:30px !important; text-align:left !important; margin:auto; /* font-weight:bold !important; */ line-height:38px !important; transform: translate(0px, -70px); } .vc_tta-title-text{ font-size:20px !important; } .vc_tta-color-juicy-pink.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-color: #fff !important; background-color: #fff !important; } .align-itm-subhead{ font-size:25px !important; position:relative; left:-35px; margin:auto; padding-right:20px; } .align-itm-chld-head{ font-size:18px !important; position:relative; left:-37px; line-height:30px !important; width:100vw; padding-right:43px !important; } .align-itm-chld-para{ position:relative; left:-37px; width:100vw; padding-right:31px !important; } .align-itm-chld-para p{ line-height:26px; } .justify-para-sldr p{ text-align:justify; } #exi-small-image img{ max-width:45px; } .ribbon-card { margin: auto; padding-bottom:10px; max-width: 100%; } .care-all-col-center{ position:relative; left:-32px !important; margin:auto; max-width:100vw; } /* ......................................................................... insight page ........................................................ */ #insight-grid-sec-resp{ max-width:100vw; left:7px; } #insight-70-section-res{ max-width:100vw; position:relative; left:-12px; } .hide-extra-space-ins{ max-height:15px; } /* ////////////////////////// compaign performing marketing/////////////////////////////////// */ .form-design-dg { left: -31%; right: 0%; margin: auto; } .form-image-bg img { width: 150px; position: relative; right: -16%; } #form-bg-para p { font-size: 21px; font-weight: 600; line-height: 35px; /* margin-left: 10px; */ font-family: 'Jost', sans-serif; } .pm-2022{ font-size: 55px !important; color: #da1e27; text-align: left; font-family: Josefin Sans; font-weight: 700; font-style: normal; } .selectdg { border: none; margin-left: -1px; } .compaign-form { max-width: 100%; height: auto; box-sizing: border-box; background-color: #fff; border: none; border-radius: 50px; display: flex; justify-content: center; align-items: center; padding: 0px; float: right; position: relative; right: 4%; display:none; } .campaign-head-sec-extra-spc{ display:none; } .comp-head-dg-font { font-family: 'Jost', sans-serif; font-weight: 800; position: relative; left: 0%; text-transform: uppercase; font-size: 36px !important; bottom:20px; } .empty-30px{ display:none !important; } .stroke-copmaign h1 { /* max-width: fit-content; */ position: relative; left: 0%; align-items: center; font-size: 16px; font-family: 'Jost', sans-serif; font-weight: 800; text-transform: uppercase; line-height: 30px; color: #3E484D; bottom:8px; /* width: 100vw; */ } .dg-image img { width: 1280px; height: auto; position: absolute; /* bottom: -32rem; */ left: 2px; top: -15rem; } .compain-para { width: 100%; display:block; justify-content: center; margin: auto; padding: 0px; left: -10px; top:20px; position: relative; } .compain-para p { /* padding: 7px 15px; */ color: #3E484D; width: fit-content; font-family: 'Jost', sans-serif; font-size: 12px; display: inline-block; /* line-height: 39px; */ } .pm-icon-align{ display:none; } .second-para-compaings { border: 1px solid #40484C; padding: 7px 15px; border-radius: 25px; font-weight: bold; position: relative; left: 13px; display:none !important; } .extraspace-pm{ height:1rem !important; } .vc_custom_1661238111492 .dg-extra-para-class{ padding-right:0px !important; } .dg-extra-para-class p{ font-size: 27px; line-height: 35px; padding-right:0px; } .dg-extra-para-class b{ font-size: 27px !important; line-height: 35px; } .dg-extra-para-class a{ font-size: 27px !important; line-height: 35px; } .dg-extra-para-class br{ display:none; } .change-font-dg-para{ padding-right:0px !important; } .min-height-pm { padding: 0px 15px 15px 0px !important; } .pm-main-heading-jost { font-family: 'Jost', sans-serif; font-weight: 700; font-size: 32px !important; } .include-services-image-1 img { position:relative; left:50px; padding:20px; } .include-services-image-2 img { position:relative; left:50px; padding:20px; } .include-services-image-3 img { position:relative; left:50px; padding:20px; } .include-services-image-4 img { position:relative; left:70px; padding:20px; } .include-services-image-5 img { position:relative; left:65px; padding:40px; } .include-services-image-6 img { position:relative; left:45px; padding:20px; } .pm-heading-2 { font-family: 'Jost', sans-serif; font-weight: 700; font-size: 37px !important; } /*.col-pm-grid-award img { margin: auto; right: 17px; position: relative; } .pm-para2-jost { background-color: #fff; padding: 10px 5px 40px 5px; border-radius: 0px 0px 25px 25px; box-shadow: -10px 8px 15px lightgray, 10px 8px 15px lightgray; position: relative; right: 61px; } */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { background: none !important; } .col-pm-grid-award-1 img { position: relative; right: 19px; } .pm-para2-jost-1 { background-color: #fff; padding: 10px 5px 40px 5px; border-radius: 0px 0px 25px 25px; box-shadow: -10px 8px 15px lightgray, 10px 8px 15px lightgray; position: relative; right: 63px; } .col-pm-grid-award-2 img { position: relative; left: 33px; } .pm-para2-jost-2 { background-color: #fff; padding: 10px 5px 40px 5px; border-radius: 0px 0px 25px 25px; box-shadow: -10px 8px 15px lightgray, 10px 8px 15px lightgray; position: relative; right: 11px; } .col-pm-grid-award-3 img { position: relative; left: 83px; } .pm-para2-jost-3 { background-color: #fff; padding: 10px 5px 40px 5px; border-radius: 0px 0px 25px 25px; box-shadow: -10px 8px 15px lightgray, 10px 8px 15px lightgray; position: relative; left: 39px; } .pm-1-image-align img{ position:relative; left:50px; padding:20px; border:none !important; } .pm-2-image-align img{ position:relative; left:50px; padding:20px; border:none !important; } .pm-3-image-align img{ position:relative; left:50px; padding:20px; border:none !important; } .pm-4-image-align img{ position:relative; left:50px; padding:20px; border:none !important; } .pm-5-image-align img{ position:relative; left:50px; padding:10px; border:none !important; } .hidden-ex-spaxe-pm{ display:none !important; } .service-include-box-pm { margin: 8px 0px 8px -0.5px; max-width:95%; } .col-pm-grid-award-1 { position: relative; left: 48px; align-items: center; vertical-align: middle; justify-items: center; margin: auto; padding: 0px 20px !important; } .col-pm-grid-award-2 { padding: 0px 20px !important; right:-2px; } .col-pm-grid-award-3 { right: 53px; align-items: center; vertical-align: middle; justify-items: center; margin: auto; padding: 0px 20px !important; } .footer-landing-page-heading { font-size: 25px; /* text-align: center !important; */ } .emty-ht-srvc-inclde-1{ height:20px !important; } .emty-ht-srvc-inclde-2{ height:40px !important; } .emty-ht-srvc-inclde-3{ height:10px !important; } .form-design-dg .vc_column-inner { left: 35.5%; } #hidden-col-mobile-view-pm{ display:none; } .perrier-bg-color { max-width: 100vw; } } /*//////////////////////// macbook responsive ///////////////////////*/ @media screen and (max-height:1240px){ .modal_form .wrap .wrap_float { margin-top: 0px; } }