/* Theme Name: Conceptia Text Domain: conceptia Version: 1.2 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Simple wordpress theme Author: the WordPress team Author URI: http://conceptia.com/ Theme URI: http://conceptia.com/ */ :root { --font-main: "Inter", sans-serif; --color-primary: #6E241F; --color-secondary: #F6F3E6; --color-text: rgba(0, 0, 0, 0.7); } /*=========================== 1. COMMON css ===========================*/ * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; outline: none; outline-offset: 0; box-shadow: none; } input:focus, textarea:focus, select:focus { outline: none; } a:focus, a:hover, a:active { outline: none !important; } body { font-family: var(--font-main); font-style: normal; background: #fff; color: rgb(0 26 64 / 69%); overflow-x: hidden;font-size: 16px; font-weight:300; } img { max-width: 100%; } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; } a:focus, a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-main); font-weight: normal; margin: 0px; } h1 { font-size: 48px; } h2 { font-size: 42px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } p { margin: 16px 0; font-family: var(--font-main);} /* * {padding: 0; margin: 0;color: #001a40b0;} */ a, a:link, a:active, a:visited { color: #444244; text-decoration: none; } a:hover, a.active, .active a { color: #444244; } .none { display: none; } em { font-style: italic; } img.alignnone { display: block; margin-bottom: 10px; } img.alignleft { float: left; margin: 0em 1em 0.5em 0; } img { height: auto; max-width: 100%; } img.alignright { float: right; margin: 0 0 0.5em 1em; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text p, .white-text { color: #fff; } ::placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } ::-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.header { box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);} .header .logo a { display: block; } #main-content .btn:hover, #main-content .btn:focus, #main-content .btn:active { color: #0077b4; } .btn:hover:before, .btn:focus:before, .btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .flex-row { display: flex; } .header .logo img { width: 200px; display:block; } #main-menu ul { margin: 0; } .top-space h1 { margin: 0; font-size: 42px; } .top-space.has-img { padding-top: 0; } .header .container { display: flex; justify-content: space-between; align-items: center; } .top-space.has-img { min-height: 500px; position: relative; } .top-space.has-img .featured-thumbnail { max-height: 500px; min-height: 500px; overflow: hidden; display: flex; justify-content: center; flex-direction: column; text-align: center; } .top-space.has-img .featured-thumbnail img { object-fit: cover; object-position: center; } .top-space.has-img .title-wrap { background: #0000005c; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; text-align: center; } .container { width: 90%; } #site-content { min-height: 600px; padding-top: 80px; } .home #site-content { padding-top: 0px; } .featured-thumbnail img { width: 100%; height: auto; } #main-container.left-side #left-sidebar { width: 25%; float: left; min-height: 100px; } #main-container.left-side #left-sidebar .widget-area { margin-right: 40px; } #main-container.left-side #main-content { width: 70%; float: left; } #main-container.right-side #right-sidebar { width: 25%; float: left; min-height: 100px; } #main-container.right-side #right-sidebar .widget-area { margin-left: 40px; } #main-container.left-side #main-content, #main-container.right-side #main-content { width: 75%; float: left; min-height: 400px; } #main-container.right-side.left-side #main-content { width: 50%; float: left; } #footer-container .sub-wrapper { padding: 20px 0; } .clear { clear: both; } .sidenav-trigger { cursor: pointer; width: 40px; float: right; } .sidenav-trigger span { display: none; } .sidenav-trigger hr { border: none; display: block; background: #333; height: 2px; width: 32px; margin:6px 9px; } #footer {background: var(--color-secondary); padding: 40px 0; clear: both;} #footer .container { display: flex; flex-wrap: wrap; max-width: none; width: 100%; } #footer .container .widget { padding: 10px 20px; } #footer h3 { font-size: 20px; margin: 0 0 10px; } #copyright-wrapper { background:var(--color-secondary); padding: 12px 0; font-size:14px } #copyright-wrapper p { margin: 0; } ul.dot li { padding: 2px; padding-left: 30px; position: relative; } ul.dot li:before { content: ''; display: block; width: 6px; height: 6px; background: #6b6b6b; position: absolute; top: 11px; left: 13px; border-radius: 50%; } #navigation ul >li { line-height: normal; } #navigation ul >li >ul a { color: #333; line-height: normal; border-bottom: 1px solid #e9e9e9; height: auto; padding: 14px 20px; } #main-menu li a { border-bottom: 2px solid #fff; } #main-menu li a.active { background: var(--color-secondary); border-bottom: 2px solid var(--color-primary); } .header .container { max-width: none; width: 98%; } .header .contact-menu a{ display:flex;align-items: center;color:var(--color-primary); font-size: 14px; font-weight: 400;} .header .contact-menu a {background: var(--color-secondary);padding: 0px 20px;line-height: 42px; margin-left:40px;} .header .contact-menu a:after{ content:'';display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; width: 16px;height: 12px;margin-left: 10px; } #main-menu .contact-menu{ display:none; } /*------- Main title ------*/ .top-space { min-height: 280px; background: #0073c1; display: flex; justify-content: center; flex-direction: column; text-align: center; /* background: #f2f2f2 url(assets/images/hero-bg-2.png) no-repeat ; background-size: cover; */ } .top-space h1 { font-size: calc(12px + 2vw); font-weight: 500; color: #fff; } /*---button-hover----*/ .btn { background: none; box-shadow: none; border: 1px solid #000; border-radius: 0; font-weight: 500; position: relative; display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; } .btn:hover { background: none; box-shadow: none; color: #fff; border: 1px solid #518432; } .btn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: #518432; -moz-transition: all .4s ease; transition: all .4s ease; transform: translate(0px, -40px); } .btn:hover:before { transform: translate(0px, 0px); } #main-content { padding-top: 40px; } #main-container.right-side #right-sidebar { padding-top: 40px; } #footer h3.widget-title { font-size: 16px; } #footer h3.widget-title:after { content: ''; display: block; height: 1px; width: 60px; background: #000; margin-top: 10px } #footer ul li a { display: block; padding: 6px 0; } #copyright-wrapper .container { display: flex; justify-content: space-between; width: 100%; max-width: none; padding: 0 20px; } /*--- conceptia ---*/ .yellow-heading .elementor-heading-title { background: #FFFF91; display: inline-block; color: #000; font-size: 14px; font-weight: 400; letter-spacing: 2px; border-radius: 3px; padding: 6px 12px; line-height: 21px; } .main-banner .banner-text { max-width: 580px; } #site-content .dots-li ul { margin-left: 30px; } #site-content .dots-li ul li { list-style: disc; margin: 6px 0; } /* --- Division-box --- */ .divisions-card { position: relative; } .divisions-card img { display: block; } .divisions-card .text-wrap { position: absolute; bottom: 0; width: 100%; min-height: 150px; background: #6E241F; background: linear-gradient(0deg, rgba(110, 36, 31, 1) 28%, rgba(110, 36, 31, 0) 100%); padding: 16px; } .divisions-card .ue-logo { position: absolute; top: 16px; left: 16px; } .divisions-card .ue-logo a { background: #fff; display: block; padding: 0 10px; border-radius: 6px; } .divisions-card .ue-image:after{ content:'';display: block; width: 38px; height: 38px; position: absolute; top: 16px; right: 20px; border-radius: 20px; background:#f6f3e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; background-size: 18px;background-position: center;} .divisions-card .ext-url { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 8; } .divisions-card { border-radius: 6px; overflow: hidden; } .divisions-card .uebox-card { overflow: hidden; } .divisions-card .ue-image img { -moz-transition: all .4s ease; transition: all .4s ease; object-fit: cover; } .divisions-card:hover .ue-image img { -ms-transform: scale(1.2); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .6; } .divisions-card:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0px; height: 2px; background: #ffff91; -moz-transition: all .4s ease; transition: all .4s ease; object-fit: cover; } .divisions-card:hover:after { width: 100%; } .divisions-card .ue-title { -moz-transition: all .4s ease; transition: all .4s ease; position: relative; top: 0; } .divisions-card:hover .ue-title { top: -6px; } .divisions-card .ue-image { height: 390px; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: flex-end; background: #6e241f; } .divisions-card .ue-image img { object-fit: cover; object-position: center; min-width: 100%; height: auto; min-height: 100%; } /* --- Team --- */ .cnpt-team { position: relative;border:1px solid #D9D9D9; } .cnpt-team .elementor-image-box-img { display: block; } .cnpt-team .elementor-image-box-content { position: absolute; bottom: 0; text-align: left; padding: 14px; display: flex; flex-direction: column; align-items: flex-start; } .cnpt-team .elementor-image-box-title { font-size: 16px; font-weight: 400; color: #000; background: #ffffff; border-radius: 20px; border-top-right-radius: 0; padding: 6px 10px; text-align: left; margin-right: 20px; margin-bottom: 14px; } .cnpt-team .elementor-image-box-description { font-size: 12px; font-weight: 300; color: #000; background: rgb(255 255 255 / 80%); padding: 2px 10px; border-radius: 10px; border: 1px solid #D9D9D9; } #team-modal { max-width: 520px; max-height: 85%;} #team-modal .modal-content { padding: 0; } #team-modal .img-wrap { overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: baseline; position: relative; } #team-modal .img-wrap img { object-fit: cover; object-position: center; min-width: 100%; height: auto; } #team-modal .img-wrap:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #6E241F; background: linear-gradient(0deg, rgba(110, 36, 31, 1) 2%, rgba(110, 36, 31, 0) 22%); z-index: 2; } #team-modal .img-wrap img { width: 100%; display: block; } #team-modal .cnpt_holder { padding: 20px; margin-top: -110px; position: relative; z-index: 6; } #team-modal .cnpt_box_text { padding: 20px; } #team-modal .cnpt_holder .title { font-size: 26px; color: #ffffff; font-weight: 500; order: 2; } #team-modal .cnpt_holder .subtitle { background: #FFFF91; border-radius: 3px; border: none; font-size: 14px; order:1; padding:2px 8px;margin-bottom: 10px;} #team-modal .cnpt_social { background: #fff; padding: 0px 6px; position: absolute; top: 20px; left: 20px; font-size: 24px; border-radius: 4px;z-index:9; } #team-modal .modal-content { position: relative; } .modal-content .modal-close { background: rgb(0 0 0 / 50%); width: 36px; height: 36px; position: absolute; top: 20px; right: 20px; z-index: 9; border-radius: 20px; transition: all .4s ease; } .modal-content .modal-close:after { content: '+'; display: block; color: #fff; font-size: 36px; font-weight: 200; line-height: 32px; text-align: center; transform: rotate(45deg); position: relative; left: 2px; } .modal-content .modal-close:hover { background: rgb(0 0 0 / 70%); } /* --- News -box --- */ .all-news-wrap .elementor-widget-ucaddon_conceptia_box { border: 1px solid #D9D9D9; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .img-wrap { height: 260px; max-height: 100%; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: center; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .img-wrap img { object-fit: cover; object-position: center; min-width: 100%; height: auto; min-height: 100%; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .cnpt_holder { display: flex; justify-content: center; flex-direction: column; gap: 10px; padding: 20px; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .subtitle { order: -1; color: var(--color-primary); font-size: 13px; font-weight: 400; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .title { font-size: 18px; font-weight: 400; color: #000; } .cnpt_short_text p { margin: 0; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .read-more a { color: var(--color-primary); background: var(--color-secondary); padding: 8px 20px; display: inline-block; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .cnpt_subcontainer { display: none; } #site-content .all-news-wrap .e-con-inner { display: flex; flex-flow: wrap; gap: 0; } #site-content .all-news-wrap .e-con-inner .elementor-widget-ucaddon_conceptia_box { width: 33.33%; margin-left: -1px; } .all-news-wrap .elementor-widget-ucaddon_conceptia_box{ display:none;} .elementor-editor-active .all-news-wrap .elementor-widget-ucaddon_conceptia_box{ display:block;} .all-news-wrap .elementor-widget-ucaddon_conceptia_box.show{ display:block;} .all-news-wrap .e-con-inner { max-width: none; } .all-news-wrap .cnpt_holder .read-more a { display: flex; align-items: center; } .all-news-wrap .cnpt_holder .read-more { position: relative; } .all-news-wrap .cnpt_holder .read-more:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .all-news-wrap .cnpt_holder .read-more a:after { content: ''; display: block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat;width: 16px;height: 12px;margin-left: 10px;} .news-category { display: flex; justify-content: center; } .news-category li { display: block; padding: 10px 20px; border: 1px solid #D9D9D9; margin-left: -1px;} .news-category li.active { color: var(--color-primary); background: var(--color-secondary); } #news-modal .modal-content { padding: 0; } #news-modal .modal-content .cnpt_inner { display: flex; align-items: stretch; } #news-modal .inner-content, #news-modal .img-wrap { width: 50%; } #news-modal .inner-content { padding: 40px; overflow: auto; } #news-modal .img-wrap img { object-fit: cover; object-position: center; min-width: 100%; height: auto; min-height: 100%; display:block; } #news-modal .cnpt_short_text, #news-modal .read-more { display: none; } #news-modal .title { font-size: 24px; color: #000; font-weight: 400; order: 2 } #news-modal .subtitle { font-size: 13px; color: #000; font-weight: 400; order: 1; color: var(--color-primary); margin-bottom: 10px } #news-modal .cnpt_holder { display: flex; justify-content: center; flex-direction: column; } h2.elementor-heading-title.elementor-size-default { } .all-news-wrap .elementor-widget-ucaddon_conceptia_box .cnpt_container_overlay_text { display: none; } #news-modal .cnpt_container_overlay_text { background: #ffff91; color: #000; text-transform: uppercase; font-size: 12px; font-weight: 400; margin-bottom: 10px; padding: 6px 10px; border-radius: 6px; line-height: normal; } #news-modal .cnpt_subcontainer { max-height: 400px; overflow-y: auto; padding-right: 20px; } /* ---- top -- Team widget --- */ .cnpt_member_box .cnpt_subcontainer { padding: 20px; } .cnpt_member_box .cnpt_holder { padding: 20px; } .cnpt_member_box .cnpt_holder .title { font-size: 16px; color: #000; font-weight: 500; order: 2; } .cnpt_member_box .cnpt_holder .subtitle { font-size: 12px; color: #000; border: 1px solid #D9D9D9; border-radius: 20px; padding: 4px 16px; display: inline-block; order: 1; margin-bottom: 14px; } .cnpt_member_box .cnpt_social { display: none; } .cnpt_member_box .cnpt_subcontainer { display: none; } .cnpt_holder { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; } .cnpt_member_box .cnpt_holder { position: relative; } .cnpt_member_box .cnpt_holder:after { content: ''; display: block; width: 38px; height: 38px; background: #f6f3e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; position: absolute; right: 20px; bottom: 14px; border-radius: 50%; background-size: 15px; background-position: center center; } .all-news-wrap .cnpt_holder .read-more a:after { content: ''; display: block; background: width:16px; height: 12px; margin-left: 10px; } /* --- investor_information --- */ #investor_information { max-width: 500px; } #investor_information .title-wrap { border-bottom: 1px solid #d9d9d9; margin: 0 -24px 0; padding: 0 24px 20px; margin-bottom: 10px; } #investor_information .title-wrap h3 { color: #0a1628; font-size: 18px; margin-bottom: 8px; } #investor_information .title-wrap p { color: rgb(0 0 0 / 70%); margin: 0; font-size: 13px; } #tab-address .tabs, #tab-address .tabs .tab { height: auto; line-height: normal; display: block; text-align: left; text-transform: none; } #tab-address .tabs .tab a:focus { background: none; } #tab-address .tabs .tab a.active { background: #f6f3e6; } #tab-address .tabs a { color: rgb(0 0 0 / 70%); } #tab-address .tabs .indicator { display: none; } #tab-address .adrs-text { display: none; line-height: 22px; } #tab-address .tabs a.active .adrs-text { display: block; } #tab-address .tabs a b { text-transform: uppercase; } #tab-address .tabs a.active b { color: #6E241F; } #tab-address .tabs a { text-overflow: inherit; overflow: visible; padding: 16px; white-space: wrap; } #tab-address .tabs { white-space: wrap; } #tab-address .tabs p { margin: 0; } #tab-address .tabs a.active p b { margin-bottom: 16px; display: block; } #tab-address .conmap-wrap .elementor-widget { height: 100%; position: relative; } /* --- Contact --- */ .col-2 { display: flex; justify-content: space-between; } .col-2 .form-item { width: 48%; } #site-content .form-item p { margin: 0 } #site-content .form-item { padding: 10px 0 } #site-content .form-item label { color: rgba(0, 0, 0, 0.7); font-size: 14px; font-weight: 400; margin-bottom: 8px; display: block; } #site-content .form-item textarea, #site-content .form-item input { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; } #site-content .form-item textarea { height: 120px; } #site-content .form-action .wpcf7-submit { height: 50px; background: var(--color-secondary); border: none; padding: 16px 16px; font-size: 14px; color: var(--color-primary); } #site-content .form-item textarea:focus, #site-content .form-item input:focus { border: 1px solid #6e241f; -webkit-box-shadow: none; box-shadow: none; } #block-5 img { max-width: 160px; } #block-5 p{margin:0;} #block-6 ul { display: flex; flex-wrap: wrap; } #block-6 ul li { width: 33.3%; } #block-6 ul li a { padding: 10px; } #footer,#copyright-wrapper { font-size:14px } #news-modal .img-wrap { position: absolute; height: 100%; } #news-modal .cnpt_inner { height: 100%; } #news-modal .inner-content { margin-left: 50%; } #team-modal .img-wrap {height: 580px;} .all-news-wrap .cnpt_box { position: relative; } .all-news-wrap .articles .cnpt_box .lkdurl { display: block; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0; } body.fixed-header .header {position: fixed;width: 100%; z-index: 99;} /* -------- Responsive --------*/ @media (min-width:740px) { #tab-address .conmap-wrap .elementor-custom-embed { height: 100%; } #tab-address .conmap-wrap .elementor-custom-embed { float: none; clear: both; width: 100%; position: relative; } #tab-address .conmap-wrap .elementor-custom-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body, a,.wpcf7-submit,#back-top {cursor: none !important; } } @media (min-width:992px) { .header { background: #fff; position: absolute; z-index: 99; width: 100%; top: 0; left: 0; } /*body.fixed-header .header .logo img { width: 76px; }*/ body.fixed-header #navigation #main-menu { margin: 0; } body.fixed-header .header { padding: 0px 0px; } body.fixed-header #wpadminbar + .header { top: 30px; } /* .top-space.has-img { height: 100vh; overflow-y: hidden; position: relative; }*/ .header .sidenav-trigger { display: none; } .header .sidenav { position: relative; -webkit-transform: none !important; transform: none !important; left: auto; height: auto; background: none; width: auto !important; box-shadow: none; padding: 0; overflow: visible; } /* .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 9; } */ .header { padding: 0px 0px; } body.admin-bar .header { top: 32px; } body.elementor-template-full-width.elementor-editor-active .header { position: relative; top: 0; } .header .sidenav li>a { font-size: 14px; padding: 16px;height: auto; font-weight:400;} .sidenav li>a:hover { background: none; } #navigation ul >li { position: relative; } #navigation ul >li >ul { position: absolute; background: #fff; width: 230px; top: 48px; left: 0; display: none; -webkit-box-shadow: 0 19px 35px rgba(0, 0, 0, .11); box-shadow: 0 19px 35px rgba(0, 0, 0, .11); } #navigation ul >li:hover >ul { display: block; } #navigation ul >li >ul a { color: #333; } #slide-out { float: right; } #main-menu ul { display: flex; } #navigation #main-menu { display: flex; align-items: center; } #navigation #main-menu ul li >ul { left: 228px; top: 0; } #footer .container .widget { flex: 1; } .cnpt_member_box .cnpt_box .img-wrap {height: 320px;overflow: hidden;} } @media(max-width:1680px) { .cnpt_member_box .cnpt_holder { min-height: 124px; justify-content: space-between; } .cnpt_box, .cnpt_box .cnpt_inner { height: 100%; } } @media(max-width:992px) { #navigation .subarrow { width: 50px; height: 50px; display: block; position: absolute; top: -1px; right: 0; z-index: 9; cursor: pointer; background: #eee; } #navigation ul li { position: relative; } #navigation ul li >ul { display: none; } #navigation li.show > ul { display: block; } #footer .container .widget { width: 50%; } .header { background:#fff; padding: 10px; } #top{ display:none; } #main-menu .contact-menu{ display:block; } .header #main-menu .contact-menu a{ margin-left:0;} #site-content .all-news-wrap .e-con-inner .elementor-widget-ucaddon_conceptia_box { width: 50%; } #site-content .team-boxs { flex-wrap: wrap; align-items: center; } #site-content .team-boxs .elementor-widget-image-box { width: 33.33%; } #site-content .team-boxs img { width: 100%; display: block; } #news-modal .modal-content .cnpt_inner { display: block; } #news-modal .img-wrap { position: relative; height: auto; width: 100% } #news-modal .inner-content { width: 100%; margin-left: 0 } #news-modal .cnpt_subcontainer { max-height: none;overflow-y: visible;padding-right: 0;} #news-modal .inner-content {padding: 20px;} #team-modal {width: 90%;} #team-modal .img-wrap {height: auto;} body.fixed-header .header { z-index: 9999;} } @media(max-width:740px) { #main-container.left-side #left-sidebar, #main-container.right-side.left-side #main-content, #main-container.right-side #right-sidebar { float: none; width: auto; } .top-space.has-img .title-wrap h1 { font-size: 22px; padding: 10px; } .elementor-widget-wrap>.elementor-element { margin-bottom: 8px; } #footer .container .widget { width: 100%; } .h1, h1 { font-size: 35px; line-height: 1.2; } .h2, h2 { font-size: 30px; line-height: 1.2; } .header .logo img { width: 160px; } .news-category { font-size: 12px; margin: 2px 0px; flex-wrap:wrap; } .news-category li { font-size: 12px; margin: 2px } #site-content .all-news-wrap .e-con-inner .elementor-widget-ucaddon_conceptia_box { width: 100%; } .col-2 { flex-wrap: wrap; } .col-2 .form-item { width: 100%; } #site-content .team-boxs .elementor-widget-image-box { width: 50%; } #block-6 ul li {width: 49%;} .custom-cursor { display:none !important;} #team-modal { max-height: 80%; } #team-modal .img-wrap { height: 380px; } #investor_information { width: 90%; } #news-modal {width: 80%; max-height: 90%;} } body.fixed-header .header { -webkit-animation: headerAnim 1s ease; -moz-animation: headerAnim 1s ease; -ms-animation: headerAnim 1s ease; -o-animation: headerAnim 1s ease; animation: headerAnim 1s ease; } @keyframes headerAnim { 0% { top: -150px; } 100% { top: 0px; } } @-webkit-keyframes headerAnim { 0% { top: -150px; } 100% { top: 0px; } } #about-us,#our-division,#newsroom,#esg,#investor-information,#contact-us {scroll-margin-top: 70px;} .learn-btn a .elementor-button-text{ display:flex; justify-items:center;} .learn-btn a .elementor-button-text:after{ content:'';display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%23f6f3e6'/%3E%3C/svg%3E") no-repeat; width: 16px;height: 12px;margin-left: 10px; margin-top: 2px;} .contact-btn a .elementor-button-text{ display:flex; justify-items:center;} .contact-btn a .elementor-button-text:after{ content:'';display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; width: 16px;height: 12px;margin-left: 10px; margin-top: 2px;} .invstinfo-btn a .elementor-button-text:after{ content:'';display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; width: 16px;height: 12px;margin-left: 10px; margin-top: 2px;} .invstinfo-btn a .elementor-button-text {display: flex; justify-items: center;} #news-modal .subtitle, .all-news-wrap .elementor-widget-ucaddon_conceptia_box .subtitle{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5.988 0 311.4 323.4'%3E%3Cpath d='M48.863 323.358h225.632c23.653 0 42.875-19.222 42.875-42.875V66.827c0-23.653-19.222-42.875-42.875-42.875h-17.006V11.976c0-6.587-5.39-11.976-11.977-11.976s-11.976 5.389-11.976 11.976v11.976H89.822V11.976C89.822 5.389 84.432 0 77.845 0S65.869 5.389 65.869 11.976v11.976H48.863c-23.653 0-42.875 19.222-42.875 42.875v213.656c0 23.653 19.222 42.875 42.875 42.875zM29.941 66.827c0-10.419 8.503-18.922 18.922-18.922h17.006v11.976c0 6.587 5.389 11.976 11.976 11.976s11.976-5.389 11.976-11.976V47.905h143.715v11.976c0 6.587 5.389 11.976 11.976 11.976s11.976-5.389 11.976-11.976V47.905h17.006c10.419 0 18.922 8.503 18.922 18.922v34.971H29.941zm0 58.923h263.477v154.733c0 10.419-8.503 18.922-18.922 18.922H48.863c-10.419 0-18.922-8.503-18.922-18.922z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; padding-left: 20px; background-size: 12px; background-position: 0px 3px;} .address-wrap li { position: relative; min-height: 60px; margin: 10px 0; display: flex; align-items: center; } .address-wrap li p { margin: 0; } .address-wrap li i { display: block; width: 46px; min-height: 46px; border: 1px solid #f00; margin-right: 20px; background-color: #d9d9d94d; border: 1px solid #c3c3c3; border-radius: 6px; } .address-wrap .loc i { background: #F6F3E6 url(assets/images/icons.svg) no-repeat; background-position: 7px -35px; border:none; } .address-wrap .email i { background: #F6F3E6 url(assets/images/icons.svg) no-repeat; background-position: 8px 11px; border:none;} .address-wrap .contct i { background: #F6F3E6 url(assets/images/icons.svg) no-repeat; background-position: 10px -84px; border:none; } #site-content .form-action .wpcf7-submit { background: #f6f3e6 url(assets/images/icons.svg) no-repeat; background-position: 16px -225px; padding-left: 44px; cursor: pointer; } .address-wrap .inlk i { background: #d9d9d94d url(assets/images/social-icons.svg) no-repeat; background-position: 10px 10px; background-size: 24px; } .address-wrap .facebk i { background: #d9d9d94d url(assets/images/social-icons.svg) no-repeat; background-position: 12px -59px; background-size: 24px; } .address-wrap .yutb i { background: #d9d9d94d url(assets/images/social-icons.svg) no-repeat; background-position: 10px -126px; background-size: 24px; } .address-wrap .insta i { background: #d9d9d94d url(assets/images/instagram.svg) no-repeat; background-position: 9px 9px; background-size: 24px; } #back-top {color: #6e241f; display: flex; align-items: center; cursor:pointer;} #back-top .arrow-up{ content:''; display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; width: 14px; height: 11px; margin-left: 10px; margin-top: 2px; transform: rotate(270deg);} #tab-address .tabs a { border-bottom: 1px solid #D9D9D9; position: relative; padding-right: 40px; } #tab-address .tabs a:after{ content:'';display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; width: 16px;height: 12px; position: absolute;right: 10px;top: 18px;} .scroll-down { margin-top: -50px; font-size: 12px; } .scroll-down p { margin: 0; text-align: center; color: #fff; } .scroll-down p { -moz-animation: moveY 2s infinite ease; animation: moveY 2s infinite ease; position: relative; } @-webkit-keyframes moveY { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes moveY { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px, 10px); } 100% { transform: translate(0px, 0px); } } .modal-content .modal-close:after { color: #6E241F;} .modal-content .modal-close {background: #F6F3E7;} .modal-content .modal-close:hover { background: #F6F3E7;} .custom-cursor { position: fixed; width: 32px; height: 32px; background: url("assets/images/pointer.svg") no-repeat center; background-size: contain; pointer-events: none; transform: translate(-50%, -50%); z-index: 9999; } .custom-cursor.click{ background: url("assets/images/pointer-onclick.svg") no-repeat center; } .custom-cursor.hover{ background: url("assets/images/pointer-onclick.svg") no-repeat center; } #site-content #investor_information .form-action .wpcf7-submit{ background: #f6f3e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.0123 22 16'%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%236e241f'/%3E%3C/svg%3E") no-repeat; } #site-content #investor_information .form-action .wpcf7-submit { width: 100%; background-size: 17px; background-position: 270px 20px; text-indent: -50px; } .cnpt_member_box .cnpt_box .cnpt_inner{ background:#fff;} #team-modal .cnpt_social .fa-linkedin { color: #026cac;} .cnpt-team .elementor-image-box-wrapper {min-width: 200px;} #site_coming_soon { top: 45% !important; background: #6e241f; color: #fff; font-size: 18px; text-align: center; max-width: 587px; padding-right: 70px; }