/* Theme Name: Board Room Child Version: 1.0.0 Template: board-room */ @import url('style-3.css'); @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); /* Lato Font */ body {font-family: 'Lato',sans-serif; font-weight: 400; font-size: 16px; color: #000000; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; -webkit-backface-visibility: hidden;} body .entry-content { font-family: 'Lato',sans-serif; font-weight: 400; font-size: 16px; color: #000000; line-height: 24px;} body h1,body .h1,body h2,body .h2,body h3,body .h3,body h4,body .h4,body h5,body .h5,body h6,body .h6 { margin: 0; font-family: 'Lato',sans-serif; color: #000000;} h1 { font-size: 68px; font-weight: 300; line-height: 81px;} h2 { font-size: 48px; font-weight: 400; line-height: 57px;} h3 { font-size: 36px; font-weight: 700; line-height: 50px;} h4 { font-size: 27px; font-weight: 700; line-height: 33px;} h5 { font-size: 21px; font-weight: 700; line-height: 25px;} h6 { font-size: 16px; font-weight: 700; line-height: 19px;} p,a { color: #000000;} a:hover, a:focus { color: #4C3C8F;} ul,ol { margin: 0 0 10px; padding-left: 30px;} li { margin-bottom: 10px;} .white-color { color: #FFFFFF;} * { outline: none !important;} .m-t-50 { margin-top: 50px;} .m-b-30 { margin-bottom: 30px;} .m-b-20 { margin-bottom: 20px;} .m-b-50 { margin-bottom: 50px;} .common-bottom-spacing { padding-bottom: 50px;} /*Uncomment Privacy Policy - Jimmy) ol { counter-reset: item } ol > li { display: block } ol > li:before { content: counters(item, ".") " "; counter-increment: item; margin-right: 10px; } */ ol {} ol > li { display: list-item;} ol > li:before { margin-right: 10px; } .site-main a { color: #4c3c8f; text-decoration: underline; } .site-main a:hover { color: #66ae3d; }*/ address { line-height: 24px;} p:empty { display: none;} .site { overflow-x: hidden !important; max-width: 100% !important;} img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px !important; } blockquote { border-color: #4C3C8F;} blockquote h5 { color: #4C3C8F;} /* Header */ /** Top Header **/ .top-header { padding: 18px 0; background-color: #F7F6FB;} .top-left { float: left;} .jcf-select { margin: 0; min-width: inherit; border: none; height: auto; line-height: initial; background: none; cursor: pointer;} .top-left .jcf-select .jcf-select-text { margin: 0 16px 0 0; line-height: 24px; color: #000000; cursor: pointer;} .top-left .jcf-select .jcf-select-text img, .top-left .jcf-option img { margin-right: 10px; width: 30px;} .top-left .jcf-select .jcf-select-opener { background: url('../png/down-arrow-select.png') no-repeat center center; width: 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .top-left .jcf-select .jcf-select-drop { margin-top: 18px; width: 250px !important; } .top-left .widget ul.list-inline > li { padding: 0 5px; vertical-align: middle;} .top-left .location { font-size: 16px; line-height: 19px; } .top-left .widget ul.list-inline > li:last-child { font-weight: 700;} .jcf-select .jcf-select-drop { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .jcf-select-drop .jcf-select-drop-content { border: none; border-top: 3px solid #66AE3D;} .jcf-list ul { padding: 30px;} .jcf-list ul li, .widget .jcf-list ul li, ul.dropdown-menu.common-dropdown li { margin-bottom: 20px;} ul.dropdown-menu.common-dropdown { padding: 30px; width: 250px; border: none; border-top: 3px solid #66AE3D; border-radius: 0; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3); right: 0; left: auto; top: calc(100% + 21px); background: #ffffff;} /* .top-left .jcf-list ul li span[data-index="1"] { color: #4C3C8F;} */ .jcf-list ul li:first-child { display: none;} .top-left .jcf-list ul li:first-child { display: block;} ul.dropdown-menu.common-dropdown li:last-child { margin-bottom: 0;} .jcf-list .jcf-option { padding: 0; color: #000000; line-height: 24px; font-size: 16px; text-transform: capitalize;} .jcf-list .jcf-option:not(.jcf-disabled) { cursor: pointer;} .jcf-list .jcf-option.jcf-hover { background: none; color: #4C3C8F;} .top-right { margin: 3px 0 0 0; float: right;} .top-right ul li a, .dropdown-menu li a { color: #4C3C8F; font-weight: 700; letter-spacing: 2px; font-size: 16px; line-height: 19px;} .top-right ul li a { display: inline-block; vertical-align: middle;} .top-right ul li a:hover, .top-right ul li a:focus, .top-right ul li .open > a, .dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #66AE3D;} ul.dropdown-menu.common-dropdown li a { color: #000000; text-transform: uppercase;} ul.dropdown-menu.common-dropdown li a:hover { color: #4C3C8F;} .top-right ul.dropdown-menu.common-dropdown li a { text-transform: inherit;} .widget ul { margin: 0;} .widget ul li, .dropdown-menu > li { margin-bottom: 0; padding: 0; border: none;} .top-right .widget ul.list-inline > li { padding: 0 25px;} .top-right .widget ul.list-inline > li:last-child { padding-right: 0;} .top-right .caret { margin-top: -3px; border-top: 6px solid #66AE3D; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .top-right .open .caret, .top-left .jcf-select.jcf-drop-active .jcf-select-opener { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg);} #logo a { display: inline-block;} .top-right i { display: inline-block; margin-right: 10px; font-size: 20px; color: #4C3C8F; vertical-align: middle;} /** Navbar **/ .site-header .navbar.navbar-default { padding: 15px 0; background: transparent; min-height: inherit; position: absolute; width: 100%; top: 63px; z-index: 1; border: none;} ul.dropdown-menu.common-dropdown li.current-menu-item a { color: #4C3C8F;} .menu-item ul.dropdown-menu.common-dropdown { right: auto; left: 15px; top: 100%; width: 320px;} /* Mega menu */ body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li > a { color: #ffffff;} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li > a:hover, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li > a:focus, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li.active > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav.sparkling-mobile-menu > li:hover > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li:hover > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav.sparkling-mobile-menu > li:hover > a:focus, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li.current-menu-parent > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li.current-menu-parent > a:focus body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > .open > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > .open > a:hover, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event).navbar-default .navbar-nav > .open > a:focus { color: #66AE3D;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-family: 'Lato',sans-serif; font-weight: 700; line-height: 19px; letter-spacing: 1px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { margin-bottom: 20px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a.mega-menu-link { margin-bottom: 0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { margin-left: 15px; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #000000;} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-current-menu-parent > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-current-menu-ancestor > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-grid.active > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a:hover, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a:hover, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-grid > a:hover, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a:focus, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a:focus, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-grid > a:focus { color: #66AE3D;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current_page_item a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link { color: #66AE3D;} .mega-sub-menu div[class^="menu-"] > ul { padding: 0; list-style: none;} .mega-sub-menu div[class^="menu-"] > ul > li { margin-bottom: 20px;} .mega-sub-menu div[class^="menu-"] > ul > li > a { display: inline-block; padding: 0 25px 0 0; font-family: 'Lato',sans-serif; font-size: 16px; line-height: 19px; color: #000000; font-weight: 700; text-transform: uppercase; border: none; letter-spacing: 2px; position: relative;} .mega-sub-menu div[class^="menu-"] > ul > li > a::after { content: ""; display: inline-block; height: 16px; width: 20px; background: url('../png/menu-arrow.png') no-repeat right center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); right: -100%; opacity: 0; visibility: hidden; transition-duration: 0.3s;} .mega-sub-menu div[class^="menu-"] > ul > li > a:hover::after, .mega-sub-menu div[class^="menu-"] > ul > li.current-menu-item > a::after { opacity: 1; visibility: visible; right: 0;} .mega-sub-menu div[class^="menu-"] > ul > li > a:hover, .mega-sub-menu div[class^="menu-"] > ul > li.current-menu-item > a { color: #4C3C8F;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { letter-spacing: 2px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row > ul.mega-sub-menu { display: flex; display: -webkit-flex;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu > .mega-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { float: none;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu > .mega-menu { padding: 0 30px; border-right: 1px solid #E9E6EE;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu > .mega-menu:last-child { border: none;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child .mega-sub-menu { left: auto; right: 0; } /* Footer */ #colophon { padding: 50px 0 0; border: none; text-align: center;} .footer-nav.nav { margin-top: 50px;} #footer-area .footer-nav a { padding: 0 25px; font-size: 15px; line-height: 18px; font-weight: 900; color: #ffffff; letter-spacing: 3px;} #footer-area .footer-nav a:hover, #footer-area .footer-nav a:focus, .copyright p a:hover, .copyright p a:focus { color: #66AE3D;} .sparkling-social #menu-social { margin-top: 45px; text-align: center;} #footer-area .site-footer .social-icons li { padding: 0 10px;} #footer-area .site-footer .social-icons li a { margin: 0; width: auto; height: auto; background: none !important; line-height: initial; border: none; border-radius: 0; font-size: 20px;} #menu-social li a[href*="facebook.com"]::before { content: '\f082';} #menu-social li a[href*="linkedin.com"]::before { content: '\f08c';} #menu-social li a[href*="facebook.com"]:hover { background: none !important; color: #66AE3D;} #menu-social li a[href*="linkedin.com"]:hover { background: none !important; color: #66AE3D;} #menu-social li a[href*="twitter.com"]:hover { background: none !important; color: #66AE3D;} #menu-social li a[href*="instagram.com"]:hover { background: none !important; color: #66AE3D;} .copyright { margin-top: 55px; float: none; padding: 23px 0; border-top: 1px solid #4C3C8F;} .copyright p { margin: 0; font-size: 16px; line-height: 24px; color: #ffffff;} #footer-area a:hover, #footer-area a:hover:focus { color: #66AE3D;} .copyright-info > div:not(.clearfix) { display: block;} .copyright-info > div.copy-left { text-align: center;} /* .copyright-info > div.copy-right { float: right;} */ .scroll-to-top { background: #66AE3D;} .scroll-to-top:hover { background: #250858;} /* Middle */ .post-inner-content { padding: 0; border: none !important; background: transparent; } .page-header { display: none; } .entry-content { margin: 0 !important; } .main-content-area { margin-top: 0; margin-bottom: 0; } .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner { padding-top: 0 !important; } /** home **/ .home-banner.vc_row { height: 740px; background-position: top center !important;} .home-banner.vc_row::before { content: ""; display: block !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); background-image: -moz-linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); background-image: -webkit-linear-gradient(to right, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 ); z-index: 0; background-size: cover; background-repeat: no-repeat; mix-blend-mode: multiply;} .form-banner label:not(.btn) { display: block; margin-bottom: 10px; font-weight: 700; color: #000000; line-height: 19px;} .form-banner .jcf-select, .common-select .jcf-select { width: 100%; height: auto; margin: 0; border: none; border-bottom: 1px solid #4C3C8F;} .form-banner .jcf-select-text, .common-select .jcf-select-text { margin-left: 0; padding: 13px 0; font-size: 16px; line-height: 24px; color: rgba(0,0,0,0.5);} .form-banner .form-group { margin-bottom: 50px;} .form-banner .jcf-select .jcf-select-opener, .common-select .jcf-select .jcf-select-opener { background: url('../png/down-arrow.png') no-repeat center;} .btn-group { width: 100%;} .form-banner label.btn { padding: 16px 30px; font-size: 16px; line-height: 19px; font-weight: 700; color: #4C3C8F; border: 1px solid #E9E6EE; border-radius: 0; width: calc(100% / 4);} .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 0 !important;} .form-banner label.btn.active, .form-banner label.btn.focus, .form-banner label.btn:active { box-shadow: none; background-color: #E9E6EE;} .form-banner .common-btn.btn { font-size: 21px; line-height: 25px;} .common-btn, .common-btn.btn, .common-btn .vc_btn3.vc_general { padding: 0 36px 0 0; border-radius: 0; border: none; background: none; font-size: 16px; line-height: 19px; font-weight: 700; letter-spacing: 2px; color: #4C3C8F; position: relative; text-transform: uppercase;} .vc_btn3-container.common-btn { padding: 0;} .common-btn:hover, .common-btn.btn:hover, .common-btn .vc_btn3.vc_general:hover { color: #66AE3D;} .common-btn.btn-default:hover, .common-btn.btn-default:focus, .common-btn.btn-default:active { background: none; border: none;} .common-btn:not(.vc_btn3-container)::after, .common-btn .vc_btn3.vc_general::after { content: ""; display: block; width: 21px; height: 18px; background: url('../png/btn-sprite.png') no-repeat top center / cover; position: absolute; top: 50%; transform: translateY(-50%); right: 0;} .common-btn:not(.vc_btn3-container):hover::after, .common-btn .vc_btn3.vc_general:hover::after { background-position: bottom center;} .common-btn .vc_btn3.vc_general:hover, .common-btn .vc_btn3.vc_general:focus, .common-btn .vc_btn3.vc_general:active { background: none; border: none;} .common-btn.active,.common-btn:active { box-shadow: none;} .common-btn.vc_btn3-right .vc_general.vc_btn3 { text-align: right;} .common-top-spacing { padding-top: 50px;} .common-spacing { padding-top: 50px; padding-bottom: 50px;} .subtext p { font-size: 16px; font-weight: 700; line-height: 19px; color: #4C3C8F; letter-spacing: 4px; text-transform: uppercase;} .w-70 { margin: 0 auto; width: 70%;} .services-list { margin: 50px -20px 0;} .services-list li, .services-list-nav li { margin: 0 20px; border: 1px solid #F7F6FB; border-top: 3px solid transparent; transition-duration: 0.3s;} .services-list li:nth-child(odd), .services-list-nav li:nth-child(odd) { border-top-color: #66AE3D;} .services-list li:nth-child(even), .services-list-nav li:nth-child(even) { border-top-color: #4C3C8F;} .services-list li:hover, .services-list-nav li:hover, .services-list-nav .slick-slide.slick-current { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3); } .services-list li a { display: block; padding: 0 15px 23px; text-align: center; background-color: #ffffff;} .services-list li a img, .services-list-nav img { margin: 0 auto;} .services-list li a img { width: 130px; } .services-list li a span, .services-list-nav li span { text-align: center; } .services-list li a:hover span { color: #4C3C8F;} .services-list.slick-slider .slick-track, .services-list-nav .slick-track { padding-bottom: 40px;} .services-list .slick-track { margin: 0 auto; } .services-list li.slick-slide { display: inline-block; vertical-align: top; float: none;} .need-slider-container { display: none; text-align: center;} .show-arrows .need-slider-container { display: block;} .need-slider-container .arrows, .services-slider-container .arrows { display: inline-block; padding: 0 6px; cursor: pointer;} .effect-image .wpb_single_image *, .full-image .wpb_single_image *, .full-image img { width: 100%;} .full-image.single-image { margin: 50px 0;} .services-image.vc_row { margin-top: -200px; height: 320px; z-index: -1;} .effect-image > .wpb_column::before { content: ""; display: block; width: 100%; position: absolute; top: 0; height: 128px; background-image: linear-gradient(0deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.50) 45%, #FFFFFF 88%); z-index: 1;} .slick-initialized .slick-slide { outline: none !important;} .about-list .vc_custom_heading { margin-top: 0;} .about-list h3.vc_custom_heading { font-weight: 400;} .about-list.vc_row[data-vc-full-width] { overflow: visible; z-index: 2;} .about-list-inner { margin-top: 25px;} .about-list-inner .wpb_single_image img { width: 150px;} .about-list-inner .vc_column-inner > .wpb_wrapper { padding: 5px 90px 45px; position: relative; transition-duration: 0.3s; -webkit-transition-duration: 0.3s;} .about-list-inner .vc_column-inner > .wpb_wrapper:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform-origin: center center; /* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix( M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .about-list .vc_separator { margin-bottom: 30px; width: 15%;} .about-list-inner .list-desc p { margin: 0 auto 27px !important; width: 65%;} .about-image { height: 320px;} .about-image.vc_row[data-vc-full-width] { margin-top: -100px; z-index: -1; overflow: visible;} .about-image.vc_row[data-vc-full-width] > .vc_column_container { margin-top: -100px;} .wpb-js-composer .vc_tta-container { margin-bottom: 0 !important;} .wpb-js-composer .vc_tta-container .common-tab { margin: 0;} .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-container { z-index: 0 !important;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { margin: 0; vertical-align: top;} .wpb-js-composer .common-tab.two-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 2);} .wpb-js-composer .common-tab.three-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 3);} .wpb-js-composer .common-tab.four-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 4);} .wpb-js-composer .common-tab.five-tabs.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 5);} .wpb-js-composer .common-tab.vc_tta.vc_tta-style-classic .vc_tta-tabs-list { padding: 0;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { padding: 29px 30px; background: #f7f7f7; border: none; text-align: center;} .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a, .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { padding: 80px 20px 40px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span.vc_tta-title-text { display: block; font-size: 16px; font-weight: 700; line-height: 19px; color: #4C3C8F;} .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text, .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span.vc_tta-title-text { font-size: 68px; line-height: 81px; font-weight: 300;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span:not(.vc_tta-title-text), .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span:not(.vc_tta-title-text) { display: block; margin: 30px 0 34px; font-size: 21px; font-weight: 700; color: #000000; text-transform: uppercase; line-height: 25px; } .wpb-js-composer .common-tab.vc_tta.vc_general .vc_tta-icon { display: inline-block; margin: 0 !important; font-size: 16px; line-height: 19px; color: #66AE3D;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab:hover > a, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-title > a { background: #fff;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a span.vc_tta-title-text, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab:hover > a span.vc_tta-title-text, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a span.vc_tta-title-text, .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel:hover .vc_tta-panel-title > a span.vc_tta-title-text { color: #4C3C8F;} .wpb-js-composer .common-tab.vc_tta.vc_general .vc_tta-tab.vc_active .vc_tta-icon { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); color: #4C3C8F;} .tab-padding { padding-left: 80px; padding-right: 80px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0; border: none; background: #fff;} .tab-desc p { margin: 0 auto 57px !important; width: 45%;} /* .client-logo .wpb_single_image { border: 1px solid #E9E6EE; border-collapse: collapse;} */ .tab-image.effect-image .wpb_single_image::before { height: 200px;} .tab-image > .vc_column_container { margin-top: -70px; z-index: -1;} .year-list { margin-bottom: 95px;} .year-list.slick-initialized .slick-slide { display: inline-block; margin-bottom: 0; text-align: center; font-size: 27px; line-height: 33px; color: #4C3C8F; font-weight: 700; cursor: pointer;} .year-list.slick-initialized .slick-slide.slick-cloned { visibility: hidden;} .year-list.slick-initialized .slick-slide::after { content: ""; display: block; margin: 26px auto 0; height: 10px; width: 10px; background-color: #E9E6EE; border-radius: 50%; position: relative; z-index: 1;} .year-list.slick-initialized .slick-slide.slick-current { color: #66AE3D;} .year-list.slick-initialized .slick-slide.slick-current::after { background-color: #66AE3D;} .year-list::after { content: ""; display: block; height: 1px; width: 100%; background-color: #E9E6EE; position: absolute; bottom: 5px; z-index: -1;} .year-desc { margin: 0 auto; width: 850px;} .year-desc .slick-slide > img { margin-right: 40px; width: 400px; display: none; vertical-align: top;} .year-desc .desc { display: block; width: 100%;} .year-desc .desc > h3 { margin: 0 0 15px;} .track-record .vc_row:not(.common-top-spacing):not(.tab-image) { padding-bottom: 55px;} .project-slider-container { margin: 0 auto; max-width: 1100px; overflow: visible; position: relative;} .projects-slider li > div { margin: 0 auto; width: 820px; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .projects-slider li:not(.image-slide) > div { padding: 50px 60px 55px;} .projects-slider li .company-image { margin-bottom: 30px;} .projects-slider .project-desc { margin-bottom: 50px;} .projects-slider .author { display: inline-block; margin-top: 50px;} .projects-slider li.image-slide img { width: 100%;} .projects-slider .slick-list { overflow: visible !important; height: auto !important;} .project-slider-container .arrows.left-arrow { left: 100px;} .project-slider-container .arrows.right-arrow { right: 100px;} .project-slider-container .arrows { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3); cursor: pointer;} .panels.vc_row { margin-top: 75px;} .location-countries .number { display: inline-block; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 5px;} .location-countries h3 { margin: 23px 0 20px;} .location-countries .seperator { display: inline-block; margin-bottom: 17px; width: 50px; height: 1px; background-color: #C9C4DD;} .location-countries p { margin-bottom: 57px; font-size: 16px;} .countries-inner p:empty { display: none;} .location-countries a.learn-more { display: inline-block; margin-top: 57px; font-size: 15px; line-height: 18px; font-weight: 900; letter-spacing: 3px; text-transform: uppercase;} .location-countries a.learn-more:hover { color: #66AE3D;} .location-countries a.learn-more::after { content: ""; display: inline-block; margin: 1px 0 0 17px; height: 14px; width: 8px; background: url('../png/learn-more-arrow.png') top center / cover;} .location-countries a.learn-more:hover:after { background-position: bottom center;} .location-countries { padding: 0; font-size: 0; height: 700px;} .has-background { background-repeat: no-repeat; background-size: cover; background-position: 100% 100%; position: relative;} .location-countries li { display: inline-block; margin: 0; padding: 60px; width: calc(100% / 5); height: 100%; position: relative; background-repeat: no-repeat; background-size: cover; vertical-align: top;} .location-countries li::before, .has-background::before { content: ""; display: block; height: 100%; width: 100%; background-color: rgba(76, 60, 143,0.4); position: absolute; top: 0; left: 0;} .location-countries li:first-child { background-position: 0 100%;} .location-countries li:nth-child(2) { background-position: 25% 100%;} .location-countries li:nth-child(3) { background-position: 50% 100%;} .location-countries li:nth-child(4) { background-position: 75% 100%;} .location-countries li:last-child { background-position: 100% 100%;} .location-countries li .countries-inner { position: relative;} .location-countries li .countries-inner span.seperator, .location-countries li .countries-inner p, .location-countries li .countries-inner a { opacity: 0; transition-duration: 0.3s;} .location-countries li:hover .countries-inner span.seperator, .location-countries li:hover .countries-inner p, .location-countries li:hover .countries-inner a { opacity: 1;} .location-countries li.no-background { background: none !important;} .location-countries li.no-background::before { content: none;} .vc_row.posts { margin-top: 20px;} .business-insights { margin: 0 -27.5px;} .business-insights > li { padding: 0 27.5px; width: calc(100% / 3 - 3px); vertical-align: top;} .home .business-insights > li:last-child { margin-top: 200px;} .home .business-insights > li:nth-child(2) { margin-top: 100px;} .home .business-insights > li:first-child { margin-top: 0;} .business-insights .post-image { display: block;} .business-insights .post-image, .article-inner h5, .article-inner p:not(.date) { margin-bottom: 30px;} .article-inner p.date { margin-bottom: 20px;} body:not(.home) .business-insights .post-image:hover { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .business-insights .post-image img { width: 100%;} .business-insights .common-btn { margin-top: 10px;} .article-inner a { text-decoration:none;} .article-inner h5 a:hover { color: #66AE3D;} /* About Us */ /** Meet Our Team **/ .single-featured, .navbar-nav > li > .caret { display: none;} .page-banner { padding-top: 70px; height: 400px; position: relative; background-size: cover;} .page-banner::before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0;background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4d000000',GradientType=0 ); opacity: 0.7; mix-blend-mode: multiply;} .banner-text { text-align: center;} span.page-seperator { display: inline-block; margin: 25px auto; width: 50px; height: 1px; background-color: #E9E6EE;} .page-banner .container { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);} .banner-text .subtext p, .page-breadcrumb li, .page-breadcrumb li a { color: #ffffff;} .page-breadcrumb.list-inline { margin-bottom: 0;} .page-breadcrumb li { padding: 0;} .page-breadcrumb li::after { content: ">"; margin-left: 5px; display: inline-block;} .page-breadcrumb li:last-child::after { content: none;} .page-breadcrumb li a:hover { color: #66AE3D;} .wpb-js-composer .common-tab.team-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text { letter-spacing: 2px;} .team { margin: 0; font-size: 0;} .team > li { margin: 0; padding: 0; background: url('../jpg/team-member_kimteo.jpg') no-repeat right top / cover; width: calc(100% / 2); position: relative; vertical-align: top;} .team.bod > li { background: #ffffff; border: 1px solid #E9E6EE; transition-duration: 0.3s;} .team.bod > li:hover { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3); z-index: 1;} .team-inner { padding: 98px 86px; position: relative; min-height: 650px; height: 100%;} .team h3 { margin: 0 0 5px;} .team h6 { padding-left: 70px; color: #4C3C8F; position: relative; max-width: 60%;} .team h6::before { content: ""; display: inline-block; margin-right: 20px; width: 50px; height: 1px; background-color: #4C3C8F; vertical-align: middle; position: absolute; top: 10px; left: 0;} .team .meet-our-team-content { overflow: visible;} .team:not(.bod) .meet-our-team-content { height: 0; visibility: hidden;} .team:not(.bod) li:hover .meet-our-team-content { height: auto; visibility: visible;} .team p { margin: 30px 0; font-size: 16px; color: #ffffff; } .team .meet-our-team-content li { font-size: 16px;} .team p a { color: #ffffff; transition: none;} .team p a:hover, .team p a:focus { color: #66ae3d;} .team.bod p { color: #000000; } .team.bod p a { color: #000000;} .team.bod p a:hover, .team.bod p a:focus { color: #4C3C8F;} .team p:empty { display: none;} .social { display: none; position: absolute; bottom: 0; padding-bottom: inherit;} .social a { font-size: 30px; color: #4C3C8F;} .team:not(.bod) > li:hover::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(78,60,143,0.8); z-index: 0; transition-duration: 0.3s;} .team:not(.bod) > li:hover h3, .team:not(.bod) > li:hover h6, .team:not(.bod) > li:hover .social a { color: #ffffff;} .team.bod .social a:hover { color: #66AE3D;} .team:not(.bod) > li:hover h6::before { background-color: #ffffff;} .meet-team-fancybox .fancybox-slide > div { margin: 0 auto; width: 60%;} .fancybox-close-small:hover { background: transparent;} .fancybox-close-small:focus::after { outline: none;} .morelink { display: inline-block; margin-top: 10px; padding: 8px 10px 10px; font-size: 16px; color: #4C3C8F; background-color: #fff; line-height: 19px; transition: none;} .team.bod .morelink { color: #ffffff; background-color: #4C3C8F;} .morecontent { display: inline; } .morecontent div { display: none; } .team .meet-our-team-content .comment { margin-top: 30px; padding-right: 50px;} .comment.readless { max-height: 300px; overflow-y: auto;} .team .meet-our-team-content p:first-child { margin-top: 0;} /** Corporate Profile **/ .number-box.wpb_content_element { margin-bottom: 50px;} .number-box h1 { margin-top: 30px; color: #66AE3D;} .number-box h3 { margin: 16px 0 0;} .number-box h3:first-child { margin: 30px 0 0;} .number-box h3:first-child + h1 { margin-top: 0;} .number-box h3 + h1 + h3 { margin-top: 5px;} .map-image.vc_row { margin-bottom: 50px; height: 630px; background-size: contain !important;} .list-block { padding-left: 20px;} .list-block.regional-offices { margin-left: -20px;} .half-list { display: inline-block; vertical-align: top; width: calc(100% / 2 - 2px);} .regional-offices > .wpb_wrapper > ul.half-list > li { margin-bottom: 10px; font-weight: 700;} .regional-offices > .wpb_wrapper > ul.half-list > li > ul { padding-left: 30px; font-weight: 400; list-style: disc;} .common-seperator.wpb_content_element { margin-bottom: 100px;} .vc_custom_heading.needs-heading { position: absolute; top: 30%;} .steps .wpb_single_image { margin: 30px 0 18px;} .steps .vc_custom_heading { min-height: 65px;} .no-padding .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0;} .p-b-200 { padding-bottom: 200px;} /** Our Company **/ .vc_row.facts.vc_inner { margin: 0 -15px;} .vc_row.facts .vc_column_container { padding: 0 15px;} .fact-sheet-map { padding-top: 60px; padding-bottom: 60px;} .fact-sheet-map .vc_custom_heading { margin-top: 0; margin-bottom: 50px;} .vc_row.vc_inner.group-companies { margin: 0 auto; width: 55%;} @media only screen and (max-width: 768px) { .vc_row.vc_inner.group-companies { margin: 0 auto; width: 80%;} } .common-accordion .vc_toggle_title { padding: 35px 30px; background-color: #F7F6FB;} .common-accordion.vc_toggle.vc_toggle_active > .vc_toggle_content { margin: 0;} .group-companies .common-accordion.vc_toggle.vc_toggle_active > .vc_toggle_content { padding: 30px 0 50px;} .common-accordion.vc_toggle .vc_toggle_icon { margin-top: 10px; float: right; width: 22px; } .common-accordion.vc_toggle.vc_toggle_arrow .vc_toggle_icon::before, .common-accordion.vc_toggle.vc_toggle_arrow .vc_toggle_icon::after { border-color: #66AE3D;} .common-accordion.vc_toggle.vc_toggle_arrow:hover .vc_toggle_icon::before, .common-accordion.vc_toggle.vc_toggle_arrow:hover .vc_toggle_icon::after { border-color: #66AE3D;} .vc_row.vc_inner.faq-section { margin: 0 auto; width: 90%;} .faq-accordion .vc_toggle_title { padding: 20px 30px; background-color: #F7F6FB; margin-top:20px;} .faq-accordion.vc_toggle.vc_toggle_active > .vc_toggle_content { margin: 0;} .faq-section .faq-accordion.vc_toggle.vc_toggle_active > .vc_toggle_content { padding: 30px 30px 0px 30px;} .faq-accordion.vc_toggle .vc_toggle_icon { margin-top: 10px; float: right; width: 22px; } .faq-accordion.vc_toggle.vc_toggle_arrow .vc_toggle_icon::before, .faq-accordion.vc_toggle.vc_toggle_arrow .vc_toggle_icon::after { border-color: #66AE3D;} .faq-accordion.vc_toggle.vc_toggle_arrow:hover .vc_toggle_icon::before, .faq-accordion.vc_toggle.vc_toggle_arrow:hover .vc_toggle_icon::after { border-color: #66AE3D;} .tm_timeline { padding: 0;} .tm_timeline__event__date { display: none;} .tm_timeline__event { margin-bottom: 15px; padding: 15px 20px; background-color: #ffffff; border-top: 5px solid #66AE3D; transition-duration: 0.3s;} .tm_timeline__event__title { margin-bottom: 20px; font-size: 36px; line-height: 50px; color: #000000;} .tm_timeline__event__description { font-size: 14px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event .tm_timeline__event__date, .tm_timeline-layout-vertical-chessOrder .tm_timeline__event .tm_timeline__event__title, .tm_timeline-layout-vertical-chessOrder .tm_timeline__event .tm_timeline__event__description { transform: none; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd { right: -50px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even { left: -50px; text-align: left;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event { max-width: 47%;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__dot { left: -53px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__dot { right: -53px;} .tm_timeline__event__dot { width: 14px; height: 14px; background: #66AE3D; box-shadow: none; transition-duration: 0.3s;} .tm_timeline__event__dot::before { content: ""; height: 30px; width: 30px; border: 1px solid #66ae3d; display: block; border-radius: 50%; position: absolute; top: -8px;left: -8px; visibility: hidden;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event:hover .tm_timeline__event__dot::before { visibility: visible;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event:hover { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd::before, .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even::after { content: ""; display: block; height: 14px; width: 14px; background-color: #ffffff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 20px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd::before { left: -6px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even::after { right: -6px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__tense { margin-top: 0; background-color: #E9E6EE; width: 1px; height: calc(100% - 57px); top: 57px;} .culture-image { height: 400px;} .vc_row.vc_row-no-padding .brand-culture > .vc_column_container { padding: 0 50px;} .vc_row-no-padding .vc_inner.brand-culture { margin: 0 -50px; padding-bottom: 100px;} .common-tab .brand-culture .vc_custom_heading { margin: 0 0 25px;} /** Clients **/ .client-testimonials .wpb_single_image { border: 1px solid #E9E6EE;} .testimonial-desc .vc_custom_heading { margin: 0 0 30px;} .testimonial-desc > .vc_column-inner > .wpb_wrapper { padding-left: 100px;} .testimonial-desc blockquote { margin: 0; padding: 0; border: none; font-size: 16px;} .testimonial-desc blockquote span { display: inline-block; margin-top: 30px; font-weight: 700;} /** Careers **/ .careers-list .vc_inner .vc_column-inner > .wpb_wrapper { margin: 0 auto; width: 820px;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul li { margin: 0; vertical-align: middle;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-unstyled > li { padding: 29px 0; border-top: 1px solid #E9E6EE;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul li.date { font-size: 21px; line-height: 25px; font-weight: 700;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-inline li:first-child { margin-right: 60px; width: 150px;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-inline li:last-child { width: calc(100% - 214px);} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul li:hover li.date, .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul li:hover a { color: #4C3C8F;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-unstyled { border-bottom: 1px solid #E9E6EE;} .why-join .left-column { padding-right: 100px;} .submit-resume .list-unstyled { margin-top: 20px;} .contact-block .list-unstyled li { font-weight: 700;} .email a { color: #4C3C8F;} .email a:hover, .email a:focus { color: #66AE3D;} .employee-name { margin-bottom: 15px;} .single-careers .navbar.navbar-default, .single-post .navbar.navbar-default, .single-event .navbar.navbar-default, .page-template-page-register-event .navbar.navbar-default { position: static;} .share-options { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #C9C4DD; border-bottom: 1px solid #C9C4DD;} .share-options li { margin: 0; vertical-align: middle;} .share-options li a { display: block; width: 25px; height: 21px; background-size: cover; background-position: top center;} .share-options li a.twit { background-image: url('../png/twit-sprite.png');} .share-options li a.fb { background-image: url('../png/fb-sprite.png');} .share-options li a.whatsapp { background-image: url('../png/wh-sprite.png');} .share-options li a.linkedin { background-image: url('../png/linkedin-sprite.png');} .share-options li a:hover { background-position: bottom center;} .share-options li.share-text { margin: 2px 30px 0 0; font-weight: 700; letter-spacing: 2px;} a.print-link { display: inline-block; margin-top: 2px; color: #4C3C8F; font-weight: 700; letter-spacing: 2px;} a.print-link:hover, a.print-link:focus { color: #66ae3d;} .career-content .vc_custom_heading { margin-bottom: 25px;} .share-options .left { display: inline-block; width: calc(100% - 50% - 4px);} .share-options .right { display: inline-block; width: 50%; text-align: right;} .social-share { margin: 0;} .social-share > li > ul li, .social-share > li > ul li a { line-height: inherit;} .share-options p { margin-bottom: 0;} .back-block { margin-bottom: 10px;} .back-block a { padding-left: 36px; color: #4C3C8F; text-transform: uppercase; position: relative; } .back-block a::before { content: ""; display: block; width: 21px; height: 18px; background: url('../png/btn-sprite.png') no-repeat top center / cover; position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); left: 0;} .back-block a:hover::before { background-position: bottom center;} /* Investor Relations */ /** Annual Reports **/ .report-block .wpb_single_image { margin-bottom: 20px; } .report-block .wpb_single_image img { transition-duration: 0.3s;} .report-block:hover h6, .report-block h6 a:hover { color: #4C3C8F;} .report-block:hover .wpb_single_image img { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} /** SGX Announcements **/ .sgx-selection.vc_row { padding-top: 35px; padding-bottom: 35px; overflow: visible; z-index: 1;} .sgx-selection .vc_custom_heading { margin-bottom: 15px;} .sgx-selection .jcf-select { width: 100%;} .sgx-header .list-inline > li { margin: 0; vertical-align: middle;} .sgx-header .list-inline > li.year { width: 80px;} .sgx-header .list-inline > li.year a { font-weight: 700;} .sgx-header .list-inline > li.year.prev-year a { text-align: right;} .sgx-header .list-inline > li.year.prev-year a::before, .sgx-header .list-inline > li.year.next-year a::after { content: ""; display: inline-block; height: 18px; width: 22px; background: url('../png/menu-arrow.png') no-repeat center / cover; vertical-align: sub; } .sgx-header .list-inline > li.year.prev-year a::before { margin-right: 10px; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg);} .sgx-header .list-inline > li.year.next-year a::after { margin-left: 10px;} .sgx-header .list-inline > li.year.disabled a { color: #e9e6ee; cursor: not-allowed;} .sgx-header .list-inline > li.year.prev-year.disabled a::before, .sgx-header .list-inline > li.year.next-year.disabled a::after { background-image: url('../png/arrow-disabled.png');} .sgx-header .list-inline > li:nth-child(2) { width: calc(100% - 167px); text-align: center;} .sgx-body > ul { border-top: 1px solid #E9E6EE; border-bottom: 1px solid #E9E6EE;} .sgx-body > ul > li { margin: 0; padding: 18px 0; border-bottom: 1px solid #E9E6EE; } .sgx-body > ul > li:last-child { border: none; } .sgx-body > ul > li > ul, .sgx-header > ul { margin: 0 -5px;} .sgx-body > ul > li > ul li { margin: 0; vertical-align: middle;} .sgx-body > ul > li > ul li:first-child { margin-right: 55px; width: 65px; font-weight: 700; } .sgx-body > ul > li:hover > ul li:first-child { color: #4C3C8F;} .sgx-body > ul > li > ul li:last-child { width: 34px; } .sgx-body > ul > li > ul li:last-child { width: 24px; height: 30px; background: url('../svg/pdf-sprite.svg') bottom center / cover; } .sgx-body > ul > li > ul li:nth-child(2) { width: calc(100% - 162px); } .sgx-body > ul > li:hover > ul > li:last-child { background-position: top center;} /** Financial Figures **/ .data-tables.tablepress tbody td { padding: 28px 0; text-align: center; font-weight: 700;} .tablepress tbody td { border-top: 1px solid #E9E6EE !important; border-bottom: 1px solid #e9e6ee !important;} .tablepress { margin: 0;} .data-tables.tablepress tbody td:first-child { font-size: 21px; line-height: 25px; text-align: left;} .data-tables.tablepress tbody td a { color: #4C3C8F;} .data-tables.tablepress tbody td a:not(.disabled):hover, .data-tables.tablepress tbody td a:not(.disabled):focus { color: #66AE3D;} .data-tables.tablepress tbody td a.disabled { color: #C9C4DD; cursor: not-allowed;} .responsive-table > .wpb_wrapper { overflow-x: auto;} /** Dividends **/ .tablepress thead th { padding: 18px 10px; background: none; font-size: 21px; line-height: 25px; font-weight: 700; color: #4C3C8F;} .dividends-table.tablepress tbody td { padding: 20px 10px;} .dividends-table.tablepress tbody td.column-1 { font-weight: 700;} .dividends-table .row-2 { background-color: #F7F7F7;} .dividends-table.tablepress .row-2 td { padding: 30px 10px; font-weight: 700;} p.note { margin-top: 30px; color: #4C3C8F;} .accordion-bottom-padding .vc_toggle_content { padding-bottom: 100px;} .common-accordion .vc_toggle_title h4 { width: calc(100% - 35px); display: inline-block;} .faq-accordion .vc_toggle_title h4 { width: calc(100% - 35px); display: inline-block; font-size:20px;} .dividends-table:not(.dividends-history) .column-2 { font-weight: 700;} .dividends-table:not(.dividends-history) .column-5.active { color: #4C3C8F;} /** Whistle Blowing Policy **/ .policy li > ul { padding-left: 50px;} .whistle-banner { height: 400px;} .policy .wpb_wrapper li span { display: inline-block; margin-bottom: 10px;} .policy ul li { list-style: disc;} /** Shareholder Information **/ .common-table.distribution-table th:not(.column-1), .common-table.distribution-table td:not(.column-1) { text-align: right;} .common-table.distribution-table tbody tr:last-child, .common-table.shareholders-table tbody tr:last-child { font-weight: 700;} .common-table.shareholders-table th:not(.column-1):not(.column-2), .common-table.shareholders-table td:not(.column-1):not(.column-2) { text-align: right;} /** Disclosure Securitites **/ .common-table.obligations-table tr.row-1 td.column-2 { text-align: center;} /* Contact */ .bt-container .column-bg { height: 500px;} .column-bg > .vc_column-inner { height: 100%;} .bt-desc h3, .common-accordion.contact-desc h3 { margin-bottom: 20px;} .faq-accordion.contact-desc h3 { margin-bottom: 20px;} .bt-container:not(.inverse) .bt-desc { padding-left: 100px;} .bt-container.inverse .bt-desc { padding-right: 100px;} .common-accordion.contact-desc .vc_toggle_title { padding: 0; margin-top: 40px;} .common-accordion.contact-desc .vc_toggle_title h4 { color: #4C3C8F; letter-spacing: 2px; width: auto; vertical-align: middle;} .common-accordion.contact-desc .vc_toggle_icon { margin-top: 0; float: none; } .common-accordion.vc_toggle.contact-desc.vc_toggle_active > .vc_toggle_content { padding: 35px 0 65px;} .common-accordion.contact-desc .vc_toggle_content > ul { margin: 0 -50px;} .common-accordion.contact-desc .vc_toggle_content > ul > li { padding-left: 50px; padding-right: 50px; width: calc(100% / 3 - 3px); vertical-align: top;} .faq-accordion.contact-desc .vc_toggle_title { padding: 0; margin-top: 40px;} .faq-accordion.contact-desc .vc_toggle_title h4 { color: #4C3C8F; letter-spacing: 2px; width: auto; vertical-align: middle;} .faq-accordion.contact-desc .vc_toggle_icon { margin-top: 0; float: none; } .faq-accordion.vc_toggle.contact-desc.vc_toggle_active > .vc_toggle_content { padding: 35px 0 65px;} .faq-accordion.contact-desc .vc_toggle_content > ul { margin: 0 -50px;} .faq-accordion.contact-desc .vc_toggle_content > ul > li { padding-left: 50px; padding-right: 50px; width: calc(100% / 3 - 3px); vertical-align: top;} .contact-accordion.vc_row { margin-top: -50px; padding-bottom: 35px;} .has-index { z-index: 1;} /* Our Services */ /** Business Type **/ .h-400 { height: 400px;} .services-slider-container { display: none;} .services-list-for { margin: 0 auto; width: 840px;} .services-list-nav li div { padding: 0 15px 23px; text-align: center;} .services-slider-container { text-align: center;} .wpb_single_image.person-image img { width: 100px;} .inner-form-container h2 { margin-bottom: 15px;} .inner-contact li { margin-bottom: 30px; font-weight: 700;} .inner-contact li:last-child { margin-bottom: 0;} .aio-icon, .vc_row .aio-icon { height: auto; width: auto; line-height: normal;} .uavc-icons a:hover i { color: #4C3C8F;} .inner-form-container { padding-bottom: 60px;} .vc_row.inner-form-container { background-size: auto 100% !important; background-position: bottom right !important; overflow: visible; z-index: 1;} .inner-form .left-column > .vc_column-inner { position: relative;} .inner-form .left-column > .vc_column-inner::after { content: ""; display: block; width: 1px; height: 100%; background-color: #E9E6EE; position: absolute; top: 0; right: 15px; } .wpcf7 .wpcf7-form-control:not(.btn):not(.wpcf7-radio):not(.wpcf7-acceptance):not(.wpcf7-submit), #pardot-form input.text { display: block; padding: 10px 10px; height: auto; border: none; border-bottom: 1px solid #E9E6EE; width: 100%; border-radius: 0; color: #000000;} .wpcf7-form-control.wpcf7-textarea { resize: none; -moz-resize: none; -ms-resize: none; -o-resize: none; -webkit-resize: none; border: 1px solid #E9E6EE !important; background: transparent;} .wpcf7 .form-group { margin-bottom: 30px;} .wpcf7 .info-block a { display: block; padding: 15px 40px 15px 15px; font-weight: 700; letter-spacing: 2px; color: #4C3C8F; cursor: pointer; text-transform: uppercase; position: relative; transition-duration: 0.3s; border: 1px solid #E9E6EE; text-decoration: none;} .wpcf7 .info-block a::after { content: ""; display: inline-block; background: url('../png/down-arrow.png') no-repeat; width: 18px; height: 11px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);} .wpcf7 .info-block a[aria-expanded="true"]::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform-origin: 50% 3px;} .wpcf7 br { display: none;} .wpcf7-form-control-wrap { display: inline-block; line-height: inherit; width: 100%;} .wpcf7 label { display: block; font-weight: 700; color: #000000;} .wpcf7 .info-block a ~ p { display: none;} #info_block { padding: 15px; border: 1px solid #E9E6EE; border-top: none;} span.wpcf7-list-item { margin: 0; width: calc(100% / 4); text-align: center; cursor: pointer;} .wpcf7-form-control:not(.wpcf7-acceptance) span.wpcf7-list-item > label { margin-bottom: 0; padding: 15px; position: relative; border: 1px solid #E9E6EE; cursor: pointer; } .wpcf7-form-control:not(.wpcf7-acceptance) span.wpcf7-list-item > label.jcf-label-active { background-color: #E9E6EE;} .wpcf7-list-item-label { color: #4C3C8F;} .wpcf7-list-item .jcf-radio { position: absolute; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; } .services-list-nav .slick-list { padding: 0 !important;} .services-list-nav li.slick-slide { cursor: pointer;} .services-list-for li.slick-slide { margin-bottom: 0;} .inner-form .left-column .vc_column-inner > .wpb_wrapper { padding-right: 50px;} .inner-form .right-column .vc_column-inner > .wpb_wrapper { padding-left: 20px;} .common-select .text-selected + .jcf-select > .jcf-select-text { color: #4C3C8F;} .wpcf7 p { margin-bottom: 0;} .wpcf7-form-control.wpcf7-acceptance, .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item { width: 100%; } .wpcf7-form-control.wpcf7-acceptance label { text-align: left; cursor: pointer; vertical-align: middle;} .jcf-checkbox input[type="checkbox"], .jcf-checkbox { cursor: pointer;} .jcf-checkbox.jcf-checked { border-color: #4C3C8F; background-color: #4C3C8F;} .jcf-checkbox.jcf-checked span { border-color: #fff; height: 6px; width: 10px;} .types-milestones .tm_timeline__event__title { display: none;} .jcf-select-drop.jcf-compact-multiple .jcf-selected:first-child::before { display: none;} .jcf-select-drop.jcf-compact-multiple .jcf-selected {border: 1px solid #4C3C8F;} .jcf-select.jcf-compact-multiple .jcf-select-opener::before { display: none;} .jcf-select.jcf-compact-multiple { max-width: inherit;} .common-select .jcf-select.jcf-compact-multiple .jcf-select-text { min-height: 50px;} .multiselect .jcf-list ul li:first-child { display: block;} .head-table { display: none;} .postid-616 .head-table, .postid-2581.website-3 .head-table, .postid-2092.website-4 .head-table { display: table;} .head-err { display: inline-block; margin: 0 0 10px; color: #a94442;} .remove-ct { display: block; margin-top: 5px;} .table-error .form-control { box-shadow: 0 0 2px red;} .table-error .form-control:focus { border-color: transparent;} /** Business Needs **/ .business-need-btn { margin-top: 70px;} .seperator-container { min-height: 2px;} .business-need-content ul { list-style: disc;} .business-need-content > ul > li { vertical-align: top;} .business-need-content > ul > li:first-child { margin-right: 40px; width: 200px;} .business-need-content > ul > li:last-child { width: calc(100% - 244px);} .business-need-content > ul > li p:empty { display: none;} .single-services .page-breadcrumb li:nth-child(3) { display: none;} /** Services **/ .service-heading { padding-left: 105px; position: relative;} .service-heading span { display: inline-block; font-size: 48px; line-height: 60px; font-weight: 400; vertical-align: middle; color: #C9C4DD; position: absolute; top: -5px; left: 0;} .service-heading + .wpb_text_column { margin-left: 90px;} /* Insights News */ /** Media Information **/ .common-post .featured-media a { display: block; position: relative;} .common-post .featured-media a img { width: 100%;} .common-post .featured-media a:hover { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3); } .common-post li { margin-bottom: 60px; padding: 0 27.5px; width: calc(100% / 3 - 3px); vertical-align: top;} .common-post li:last-child { margin-bottom: 50px !important} .common-post .featured-media { margin-bottom: 30px;} .common-post { margin: 0;} .common-post a {font-size:22px; line-height:25px; text-decoration:none;} .common-post .date { margin-bottom: 10px;} .custom-pagination li { margin: 0; padding: 0 15px;} .custom-pagination li a { font-weight: 700; color: #4C3C8F; letter-spacing: 2px; } .custom-pagination li a.active, .custom-pagination li a:hover, .custom-pagination li a:focus { color: #66ae3d; } #circularG { margin: 30px auto; position:relative; width:64px; height:64px;} .circularG { position:absolute; background-color:#4C3C8F; width:15px; height:15px; -moz-border-radius:10px; -moz-animation-name:bounce_circularG; -moz-animation-duration:1.12s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -webkit-border-radius:10px; -webkit-animation-name:bounce_circularG; -webkit-animation-duration:1.12s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -ms-border-radius:10px; -ms-animation-name:bounce_circularG; -ms-animation-duration:1.12s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -o-border-radius:10px; -o-animation-name:bounce_circularG; -o-animation-duration:1.12s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; border-radius:10px; animation-name:bounce_circularG; animation-duration:1.12s; animation-iteration-count:infinite; animation-direction:normal; } #circularG_1 { left:0; top:25px; -moz-animation-delay:0.42s; -webkit-animation-delay:0.42s; -ms-animation-delay:0.42s; -o-animation-delay:0.42s; animation-delay:0.42s; } #circularG_2 { left:7px; top:7px; -moz-animation-delay:0.56s; -webkit-animation-delay:0.56s; -ms-animation-delay:0.56s; -o-animation-delay:0.56s; animation-delay:0.56s; } #circularG_3 { top:0; left:25px; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s; -ms-animation-delay:0.7s; -o-animation-delay:0.7s; animation-delay:0.7s; } #circularG_4 { right:7px; top:7px; -moz-animation-delay:0.84s; -webkit-animation-delay:0.84s; -ms-animation-delay:0.84s; -o-animation-delay:0.84s; animation-delay:0.84s; } #circularG_5 { right:0; top:25px; -moz-animation-delay:0.98s; -webkit-animation-delay:0.98s; -ms-animation-delay:0.98s; -o-animation-delay:0.98s; animation-delay:0.98s; } #circularG_6 { right:7px; bottom:7px; -moz-animation-delay:1.12s; -webkit-animation-delay:1.12s; -ms-animation-delay:1.12s; -o-animation-delay:1.12s; animation-delay:1.12s; } #circularG_7 { left:25px; bottom:0; -moz-animation-delay:1.26s; -webkit-animation-delay:1.26s; -ms-animation-delay:1.26s; -o-animation-delay:1.26s; animation-delay:1.26s; } #circularG_8 { left:7px; bottom:7px; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; -ms-animation-delay:1.4s; -o-animation-delay:1.4s; animation-delay:1.4s; } @-moz-keyframes bounce_circularG { 0%{ -moz-transform:scale(1)} 100%{ -moz-transform:scale(.3)} } @-webkit-keyframes bounce_circularG { 0%{ -webkit-transform:scale(1)} 100%{ -webkit-transform:scale(.3)} } /* @-ms-keyframes bounce_circularG { 0%{ -ms-transform:scale(1)} 100%{ -ms-transform:scale(.3)} } */ @-o-keyframes bounce_circularG { 0%{ -o-transform:scale(1)} 100%{ -o-transform:scale(.3)} } @keyframes bounce_circularG { 0%{ transform:scale(1)} 100%{ transform:scale(.3)} } .single iframe.has-pdf { min-height: 1000px; } /** Media Room **/ .common-post .featured-media a img.play { width: auto; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); left: calc(50% - 30px); } /** Articles **/ .business-insights-container .business-insights > li { margin-bottom: 100px !important;} #ssb-container { display: none;} .single-services #ssb-container, .single-business-needs #ssb-container, .single-services #ssb-container { display: block;} .single-post .vc_row.inner-form-container, .category-business-insights .vc_row.inner-form-container { display: none;} /** Events **/ .events-container { display: table; font-size: 0; width: 100%;} p:not(:empty) + .events-container { margin-top: 50px;} .events-container > div { display: table-cell; width: 50%; vertical-align: top; } .event-content { padding: 50px; background-color: #F7F6FB;} .event-content p { margin-bottom: 30px; font-size: 16px;} .event-content br { display: none;} .event-image { background-repeat: no-repeat; background-size: cover; background-position: center;} .event-social { display: none; margin-top: 70px; text-align: right;} .event-social a { font-size: 26px; line-height: 30px;} .future-events .wpb_content_element > .wpb_wrapper { display: table; width: 100%; height: 100%;} .future-events .wpb_content_element > .wpb_wrapper > p:not(:empty) { display: table-header-group; text-align: center;} .em-pagination .page-numbers { margin: 0; padding: 0 15px; border: none; border-radius: 0; font-size: 16px; color: #4C3C8F; letter-spacing: 2px; font-weight: 700; background: transparent;} .em-pagination .page-numbers.current, .em-pagination .page-numbers:hover, .em-pagination .page-numbers:focus { color: #66ae3d; } .events-container.past-events { display: inline-block; margin: 0 20px 50px; width: calc(100% / 4 - 40px); background-color: #ffffff; vertical-align: text-top; } .events-container.past-events:hover { box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);} .events-container.past-events > div { display: block; width: 100%;} .events-container.past-events > div.event-image { height: 150px;} .events-container.past-events > div.event-content { padding: 15px 20px 25px; background-color: transparent;} .em-booking-submit, #em_wp-submit, #searchsubmit { background-color: #4C3C8F; border-color: #4C3C8F; font-weight: 700;} .em-booking-submit:hover, #em_wp-submit:hover, .em-booking-submit:focus, #em_wp-submit:focus, .em-booking-submit:active, #em_wp-submit:active, #searchsubmit:hover,#searchsubmit:focus, #searchsubmit:active { background-color: #66ae3d; border-color: #66ae3d;} div.em-booking-login label { width: auto;} .em-booking { margin: 0; padding: 10px; background-color: #f7f7f7;} .event-inner-content .vc_custom_heading { margin-bottom: 25px;} .past-events-container .wpb_wrapper { margin: 0 -20px; display: flex; flex-wrap: wrap; } .events-container.past-events + p:not(:empty) { display: block; width: 100%; text-align: center; } .em.em-view-container { width: 100%; } .em.em-view-container .em.em-list { display: block; } .events-container.past-events > div.event-content { padding: 10px 15px; font-size: 9px; } .error404 .page-banner { background-image: url('../jpg/404.jpg'); background-repeat: no-repeat; height: 500px;} .error404 .widgettitle, #secondary .widget > h3 { font-size: 25px; font-weight: 700; line-height: 35px; color: #000000;} .widget_recent_comments { display: none;} .archive .page-banner, .search .page-banner { background-image: url('../jpg/archives.jpg'); background-repeat: no-repeat; height: 500px;} .page-numbers:not(.current):hover { color: #ffffff !important;} #cookie-law-info-bar { padding: 10px;} #cookie-law-info-bar span { text-align: left; display: inline-block; width: 40%; } #cookie-law-info-bar span br:nth-last-child(2) { display: block; line-height: 15px;} #cookie-law-info-bar span br { display: none;} .cli_messagebar_head { margin-bottom: 20px;} /** Safari **/ .animated.vc_row { transition: none; -webkit-transition: none; -o-transition: none;} .vc_row.slideInUp { -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; } .swnza_banner { padding: 10px !important; height: auto !important; min-height:50px!important;} .swnza_banner p { margin: 0 auto; max-width: 70% !important; font-size: 16px !important;} .swnza_banner a { font-size: 16px !important;} /** underline links **/ .single .main-content-inner p a, .single-media-information .main-content-inner li a, .business-insights-content li a, .single .main-content-inner .tm_timeline__event__description a, .single .main-content-inner .services-list-for a:not(.common-btn), .single-services .wpb_text_column:not(.inner-contact) li a, .page-id-320 .vc_tta-panels a, .career-content a, .event-inner-content a, .policy a, .page-id-1205 .main-content-inner a { color: #4C3C8F; text-decoration: underline;} .single .main-content-inner p a:hover, .single-media-information .main-content-inner li a:hover, .business-insights-content li a:hover, .single .main-content-inner .tm_timeline__event__description a:hover, .single .main-content-inner .services-list-for a:not(.common-btn):hover, .single-services .wpb_text_column:not(.inner-contact) li a:hover, .page-id-320 .vc_tta-panels a:hover, .career-content a:hover, .event-inner-content a:hover, .policy a:hover, .page-id-1205 .main-content-inner a:hover { color: #66ae3d;} .form-visible.vc_row { overflow: visible; z-index: 1;} .jcf-list .jcf-list-content { scroll-behavior: smooth;} /* Responsive */ @media (max-width: 459px){ /* .top-right .widget ul.list-inline > li:nth-child(-n+2) { display: block; margin-bottom: 10px;} */ } @media (max-width: 767px){ .swnza_banner p { max-width: 100% !important;} h1 { font-size: 41px; line-height: 50px;} h2 { font-size: 32px; line-height: 40px;} h3 { font-size: 25px; line-height: 35px;} h4 { font-size: 21px; line-height: 25px;} p, ol li, ul li, body { font-size: 14px; line-height: 20px;} .m-b-30 { margin-bottom: 15px;} .m-b-50 { margin-bottom: 25px;} .m-b-xs-20 { margin-bottom: 20px;} .m-t-50 { margin-top: 25px;} /* Header */ /** Top Header **/ .top-header { text-align: center;} .top-left, .top-right { float: none;} .top-right { margin: 15px 0 0;} .top-left .jcf-select .jcf-select-drop { left: 0px;} .top-left .jcf-list ul li { text-align: left;} .top-right .widget ul.list-inline > li { padding: 0 5px;} .top-right i { margin-right: 4px;} .top-right ul li a { font-size: 12px;} #logo { width: 200px;} .navbar-default .navbar-toggle { display: none;} ul.dropdown-menu.common-dropdown { width: 220px;} .site-navigation-inner { padding-left: 15px; padding-right: 15px;} .site-header .navbar.navbar-default { position: relative; top: 0;} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar.navbar-default { background-color: #4C3C8F;} .menu-item ul.dropdown-menu.common-dropdown { padding: 15px; width: 100%;} .navbar.navbar-default.menu-open::after { content: ""; display: block; position: absolute; top: 65px; left: 0; height: calc(100% - 65px); width: 100%; background-color: #4C3C8F; } body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar-default .navbar-nav > li > a { color: #000000;} /* Mega Menu */ #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center { display: none;} #mega-menu-wrap-primary .mega-menu-toggle { display: inline-block; height: auto; line-height: normal;} #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after { margin: 0; padding: 6px 12px; font-size: 25px; border-radius: 4px; color: #ffffff; content: "\f0c9"; font-family: "FontAwesome";} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1::after { color: #4C3C8F;} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after { content: "\f00d";} #mega-menu-wrap-primary { margin-top: -44px; text-align: right; z-index: 1;} .navbar-header { display: inline-block; position: relative; z-index: 2; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { margin: 0; background-color: #4C3C8F; border-radius: 4px;} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { background-color: #ffffff;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { height: auto;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #000000;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin-bottom: 30px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child { margin-bottom: 0;} #mega-menu-wrap-primary #mega-menu-primary { padding: 20px 0;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row > ul.mega-sub-menu { flex-wrap: wrap; -webkit-flex-wrap: wrap;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu > .mega-menu { padding: 0 10px; border: none;} .mega-sub-menu div[class^="menu-"] > ul > li > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 14px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { margin-top: 15px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { margin: 0; padding: 25px 15px; box-shadow: none; } #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { margin-top: 20px;} body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-current-menu-parent > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-current-menu-ancestor > a, body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-grid.active > a { color: #4C3C8F;} /* Footer */ .footer-nav.nav, .sparkling-social #menu-social { margin-top: 30px;} .site-info .nav li { display: block; margin: 5px 0;} .copyright { margin-top: 40px;} .copyright-info > div.copy-left, .copyright-info > div.copy-right { float: none; margin: 5px 0;} /* Home */ .common-top-spacing { padding-top: 40px;} .common-bottom-spacing { padding-bottom: 40px;} .common-spacing { padding-top: 40px; padding-bottom: 40px;} .home-banner.vc_row { padding-top: 60px; padding-bottom: 60px; height: auto; z-index: 2; overflow: visible;} .form-banner .btn-group, .form-banner .jcf-select { background-color: #ffffff;} .form-banner .jcf-select { padding: 0 10px;} .form-banner label.btn, span.wpcf7-list-item { width: 50%;} .common-image.vc_row { height: 300px; background-position: left center !important;} .w-70 { width: 100%;} .about-list-inner { margin-top: 0;} .about-list-inner .vc_column-inner > .wpb_wrapper { padding: 25px 30px;} .about-list-inner .list-desc p { width: 100%;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { padding: 30px; border-bottom: 2px solid #4C3C8F;} .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span.vc_tta-title-text { font-size: 35px; line-height: 45px; } .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span:not(.vc_tta-title-text) { margin: 20px 0; font-size: 16px; line-height: 19px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0 15px;} .common-tab .vc_custom_heading { margin: 0 0 30px;} .tab-desc p { margin: 0 auto 45px !important; width: 100%;} .tab-padding { padding-left: 0; padding-right: 0;} .year-list.slick-initialized .slick-slide { font-size: 18px; line-height: 25px;} .year-list.slick-initialized .slick-slide::after { margin-top: 18px;} .year-desc, .year-desc .slick-slide > img, .year-desc .desc { width: 100%;} .year-desc .slick-slide > img { margin: 0 0 10px;} .projects-slider li > div { width: 100%;} .projects-slider li:not(.image-slide) > div { padding: 20px;} .project-slider-container { max-width: 100%;} .project-slider-container .arrows.left-arrow { left: -15px;} .project-slider-container .arrows.right-arrow { right: -15px;} .project-slider-container .arrows { width: 40px;} .location-countries li { padding: 30px; width: 100%; height: auto; min-height: 500px;} .location-countries li:first-child, .location-countries li:nth-child(2), .location-countries li:nth-child(3), .location-countries li:nth-child(4), .location-countries li:last-child { background-position: 0% 100%;} .location-countries { height: auto;} .location-countries li .countries-inner span.seperator, .location-countries li .countries-inner p, .location-countries li .countries-inner a { opacity: 1;} .business-insights > li { padding: 0; width: 100%;} .business-insights { margin: 0;} .home .business-insights > li:nth-child(2), .home .business-insights > li:last-child { margin-top: 20px;} .vc_btn3-container.vc_btn3-right { text-align: center;} /* About Us */ /** Meet our team **/ .page-banner { padding-top: 0px;} .team > li { width: 100%;} .team h6 { max-width: 100%;} .team-inner { padding: 30px; min-height: 500px;} .team p, .team .meet-our-team-content li, .morelink { font-size: 14px; line-height: 16px;} .meet-team-fancybox .fancybox-slide > div { width: calc(100% - 30px);} .comment.readless { max-height: 300px;} /** Corporate Profile **/ .map-image.vc_row { height: 300px;} .list-block > .wpb_wrapper > ul { margin-bottom: 10px !important;} .wpb_content_element.has-margin, .wpb_column.has-margin { margin: 20px 0;} .common-seperator.wpb_content_element { margin-bottom: 50px;} .vc_custom_heading.needs-heading { position: static;} .p-b-60 { padding-bottom: 60px;} .number-box.wpb_content_element { margin-bottom: 30px;} /** Our Company **/ .fact-sheet-map { padding-top: 40px; padding-bottom: 40px;} .full-width.vc_row.vc_inner { margin: 0 -30px; padding-left: 30px; padding-right: 30px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__tense { margin: 0 20px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event { margin: 0 0 30px 50px; max-width: inherit; width: calc(100% - 50px); transform: none;} .tm_timeline__event__title { font-size: 29px; line-height: 35px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even::after { right: auto; left: -6px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__dot { left: -32px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd { right: 0;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even { left: 0;} .tm_timeline__event-even .tm_timeline__event__dot { right: auto; left: -40px; transform: translate(-4px, 6px); -ms-transform: translate(-4px, 6px); -moz-transform: translate(-4px, 6px); -o-transform: translate(-4px, 6px); -webkit-transform: translate(-4px, 6px);} .vc_row-no-padding .vc_inner.brand-culture { padding-bottom: 60px;} .vc_row-no-padding .vc_inner.brand-culture ul { margin-bottom: 10px !important;} /** Clients **/ .testimonial-desc > .vc_column-inner > .wpb_wrapper { padding: 10px 0 0;} /** Careers **/ .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-inline li:first-child { margin: 0 0 20px; width: 100%;} .careers-list .vc_inner .vc_column-inner > .wpb_wrapper ul.list-inline li:last-child, .careers-list .vc_inner .vc_column-inner > .wpb_wrapper { width: 100%;} .why-join .left-column { padding-right: 0;} .city-details { margin-bottom: 20px;} .share-options .text-right { text-align: center;} .share-options .left, .share-options .right { margin: 5px 0; width: 100%; text-align: center;} .back-block { display: none;} /* Investor Relations */ /** Annual Reports **/ .report-block { margin-bottom: 25px;} /** SGX Announcements **/ .sgx-body > ul > li > ul li:first-child { margin-right: 15px;} .sgx-body > ul > li > ul li:nth-child(2) { width: calc(100% - 132px); } #announcement_list { padding: 0 15px;} /** Financial Figures **/ .tablepress { min-width: 700px;} .tablepress thead th { font-size: 16px; line-height: 19px; } .has-scroll { overflow-x: scroll;} /** Dividends **/ .accordion-bottom-padding .vc_toggle_content { padding-bottom: 60px;} /** Whistle Blowing Policy **/ .whistle-banner { height: 300px;} /* Contact Us */ .bt-container:not(.inverse) .bt-desc { margin-top: 30px; padding-left: 0; } .bt-container.inverse .bt-desc { margin-bottom: 30px; padding-right: 0; } .contact-accordion.vc_row { margin-top: 0;} .other-details .vc_inner > div[class*=" vc_col-sm"] { margin-bottom: 30px;} .other-details .vc_inner > div[class*=" vc_col-sm"]:last-child { margin-bottom: 0;} /* Our Services */ /** Business Types **/ .bt-container .column-bg { height: 400px;} .services-list-for { width: 100%;} .single-business-types .services-slider-container { margin-top: 30px;} .inner-form .left-column .vc_column-inner > .wpb_wrapper { padding-right: 0; } .inner-form .left-column > .vc_column-inner::after { content: none;} .inner-form .right-column .vc_column-inner > .wpb_wrapper { padding-left: 0;} .wpcf7 label { margin-bottom: 10px; } .inner-form .right-column { margin-top: 30px;} /** Business Needs **/ .business-need-content > ul > li:first-child, .business-need-content > ul > li:last-child { width: 100%; } /** Services **/ .service-heading { padding-left: 70px;} .service-heading span { font-size: 40px; line-height: 50px; } .service-heading + .wpb_text_column { margin-left: 60px;} /* Insights News */ /** Media Information **/ .common-post li { margin-bottom: 50px; padding: 0; width: 100%;} /** Articles **/ .business-insights-container .business-insights > li { margin-bottom: 50px !important;} /** Events **/ .em-booking-form-details { width: 100%; float: none;} div.em-booking-login { margin: 0; padding: 10px; border: none;} .metaslider .flex-control-nav { position: static; margin: 20px auto 0 !important; width: 60%; left: 0; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; } .events-container { display: block;} .events-container > div { display: block; width: 100%; } .events-container > div.event-image { height: 400px;} .past-events-container .wpb_wrapper { display: block; margin: 0; } .events-container.past-events { margin: 0 0 50px; width: 100%; } .error404 .page-banner { background-position: center;} #cookie-law-info-bar span { width: 100%;} .single iframe.has-pdf { min-height: 400px;} .events-container.past-events > div.event-content { font-size: 14px; } } @media (min-width: 768px){ #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator::after { content: none;} #mega-menu-wrap-primary { display: inline-block; width: calc(100% - 200px); } .navbar-header { max-width: 200px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link { padding-right: 0;} } @media (min-width: 768px) and (max-width: 991px){ h1 { font-size: 55px; line-height: 60px;} h2 { font-size: 40px; line-height: 50px;} h3 { font-size: 28px; line-height: 45px;} h4 { font-size: 21px;} /* Header */ #logo { width: 200px;} .navbar-nav > li { padding: 10px 5px;} .navbar-default .navbar-nav > li > a { font-size: 12px;} .top-right .widget ul.list-inline > li { padding: 0 15px;} #mega-menu-wrap-primary { display: inline-block; width: calc(100% - 200px); } .navbar-header { max-width: 200px;} .top-right ul li a { font-size: 14px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { padding: 12px 5px; font-size: 12px; } /* Mega menu */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { height: auto;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { margin-left: 5px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { padding: 15px; width: 200px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { margin-bottom: 0;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:last-child > ul.mega-sub-menu { right: 0;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-sub-menu > .mega-menu { padding: 0 10px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { margin: 20px 0; font-size: 14px; line-height: 20px; } .mega-sub-menu div[class^="menu-"] > ul > li > a { padding: 10px 25px 10px 5px; font-size: 12px; } .mega-sub-menu div[class^="menu-"] > ul > li { margin-bottom: 0;} /* Footer */ #footer-area .footer-nav a { padding: 0 10px; font-size: 13px;} .copyright p { font-size: 13px;} /* Home */ /* .common-top-spacing { padding-top: 70px;} .common-bottom-spacing { padding-bottom: 70px;} .common-spacing { padding-top: 70px; padding-bottom: 70px;} */ .form-banner label.btn, span.wpcf7-list-item { width: 50%;} .common-image.vc_row { height: 400px; background-position: left center !important;} .about-list-inner .vc_col-sm-4 { width: 50%;} .about-list-inner .vc_column-inner > .wpb_wrapper { padding: 35px 40px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 2);} .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text { font-size: 41px; line-height: 55px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span:not(.vc_tta-title-text) { margin: 20px 0; font-size: 18px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a { padding: 40px 30px;} .tab-desc p { width: 70%;} .tab-padding { padding-left: 40px; padding-right: 40px;} .year-list.slick-initialized .slick-slide { font-size: 21px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0 15px;} .project-slider-container .arrows.left-arrow { left: -15px;} .project-slider-container .arrows.right-arrow { right: -15px;} .year-desc { width: 100%;} .location-countries li { padding: 40px; width: 100%; height: 500px; } .location-countries li:first-child, .location-countries li:nth-child(2), .location-countries li:nth-child(3), .location-countries li:nth-child(4), .location-countries li:last-child { background-position: 100% 100%;} .location-countries { height: auto;} .location-countries li .countries-inner span.seperator, .location-countries li .countries-inner p, .location-countries li .countries-inner a { opacity: 1;} .business-insights > li { padding: 0 10px; width: calc(100% / 3 - 10px);} .business-insights { margin: 0 -10px;} .projects-slider li > div { width: 100%;} /* About Us */ /** Meet our team **/ .page-banner { height: 500px;} .team h6 { max-width: 100%;} .team-inner { padding: 40px; min-height: 700px;} .comment.readless { max-height: 400px;} /** Corporate Profile **/ .map-image.vc_row { height: 400px;} .number-box.wpb_content_element { margin-bottom: 30px;} .half-list { display: block; width: 100%;} .vc_custom_heading.needs-heading { font-size: 26px; line-height: 35px;} .common-seperator.wpb_content_element { margin-bottom: 60px;} .steps .vc_custom_heading { min-height: auto;} /** Our Company **/ .p-b-100 { padding-bottom: 100px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event { max-width: 42%;} .tm_timeline__event__title { font-size: 30px; line-height: 40px;} .vc_row-no-padding .vc_inner.brand-culture, .brand-section { padding-bottom: 70px;} .common-tab .brand-culture .vc_custom_heading { min-height: 65px;} /** Careers **/ .careers-list .vc_inner .vc_column-inner > .wpb_wrapper { width: 100%;} .why-join .left-column { padding-right: 50px;} .back-block { margin-bottom: 30px;} /* Investor Relations */ /** Dividends **/ .accordion-bottom-padding .vc_toggle_content { padding-bottom: 70px;} .tablepress thead th { font-size: 18px; line-height: 24px; } /* Contact Us */ .bt-container:not(.inverse) .bt-desc { padding-left: 50px; } .bt-container.inverse .bt-desc { padding-right: 50px; } /* Our Services */ /** Business Types **/ .services-list-for { width: 100%;} .single-business-types .services-slider-container { margin-top: 30px;} .wpcf7 label { margin-bottom: 10px; } /* Insights News */ /** Media Information **/ .common-post li { padding: 0 15px;} /** Events **/ .events-container.past-events { width: calc(100% / 2 - 40px); } #cookie-law-info-bar span { width: 80%;} } @media (min-width: 992px) and (max-width: 1199px){ h1 { font-size: 60px; line-height: 65px;} h2 { font-size: 40px; line-height: 55px;} h3 { font-size: 32px; line-height: 40px;} h4 { font-size: 24px;} /* Header */ #logo { width: 200px;} .navbar-nav > li { padding: 12px 15px;} .navbar-default .navbar-nav > li > a { font-size: 14px;} .top-right .widget ul.list-inline > li { padding: 0 15px;} /* Mega menu */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 12px 15px; font-size: 14px; height: auto; } .mega-sub-menu div[class^="menu-"] > ul > li > a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 14px;} /* Footer */ #colophon { padding: 50px 0 0;} #footer-area .footer-nav a { padding: 0 10px; } /* Home */ /* .common-top-spacing { padding-top: 70px;} .common-bottom-spacing { padding-bottom: 70px;} .common-spacing { padding-top: 70px; padding-bottom: 70px;} */ .form-banner label.btn { padding: 15px;} .common-image.vc_row { height: 400px; background-position: left center !important;} .about-list-inner .vc_col-sm-4 { width: 50%;} .about-list-inner .vc_column-inner > .wpb_wrapper { padding: 35px 40px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab { width: calc(100% / 2);} .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text { font-size: 45px; line-height: 55px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span:not(.vc_tta-title-text) { margin: 20px 0; font-size: 18px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a { padding: 40px 30px;} .tab-desc p { width: 70%;} .tab-padding { padding-left: 40px; padding-right: 40px;} .year-list.slick-initialized .slick-slide { font-size: 21px;} .wpb-js-composer .common-tab.vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body { padding: 0 15px;} .project-slider-container .arrows.left-arrow { left: 45px;} .project-slider-container .arrows.right-arrow { right: 45px;} .location-countries li { padding: 20px;} .location-countries { height: 500px;} /* About Us */ /** Meet our team **/ .page-banner { height: 500px;} .team-inner { padding: 40px;} .comment.readless { max-height: 300px;} /** Corporate Profile **/ .map-image.vc_row { height: 400px;} /** Our Company **/ .tm_timeline-layout-vertical-chessOrder .tm_timeline__event { max-width: 45%;} .tm_timeline__event__title { font-size: 30px; line-height: 40px;} .vc_row-no-padding .vc_inner.brand-culture { padding-bottom: 70px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even .tm_timeline__event__dot { right: -54px;} .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-odd .tm_timeline__event__dot { left: -54px;} /* Investor Relations */ /** Dividends **/ .accordion-bottom-padding .vc_toggle_content { padding-bottom: 70px;} .tablepress thead th { font-size: 18px; line-height: 24px; } /* Contact Us */ .bt-container:not(.inverse) .bt-desc { padding-left: 50px; } .bt-container.inverse .bt-desc { padding-right: 50px; } /* Our Services */ /** Business Types **/ span.wpcf7-list-item { width: 50%;} /* Insights News */ /** Events **/ .events-container.past-events { width: calc(100% / 3 - 40px); } #cookie-law-info-bar span { width: 80%;} } @media (min-width: 1200px){ #mega-menu-wrap-primary { display: inline-block; width: calc(100% - 255px); } .navbar-header { max-width: 255px;} } @media (min-width: 1280px) and (max-width: 1399px){ .about-list-inner .vc_column-inner > .wpb_wrapper { padding: 35px 50px;} } @media (min-width: 992px) and (max-width: 1369px){ #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:last-child > ul.mega-sub-menu { right: 0;} } @media (min-width: 1200px) and (max-width:1599px){ h1 { font-size: 50px; line-height: 60px;} h2 { font-size: 41px;} h3 { font-size: 30px; line-height: 40px;} .category-business-insights h3 { font-size: 25px !important; line-height: 40px !important;} .category-business-insights h4 { font-size: 20px !important; line-height: 33px !important;} /* Home */ .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a span.vc_tta-title-text, .wpb-js-composer .common-tab.home-tab.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel-title > a span.vc_tta-title-text { font-size: 50px;} .location-countries li { padding: 30px;} } /* Mobile post */ @media only screen and (max-width: 750px) { .category-business-insights h3 { font-size: 20px !important; line-height: 25px !important;} .category-business-insights h4 { font-size: 16px !important; line-height: 18px !important;} } .page-banner{ margin-top: 100px; } @media only screen and (max-width: 600px) { body:not(.home):not(.single-careers):not(.single-post):not(.single-event):not(.page-template-page-register-event) .navbar.navbar-default{ background: #FFF; background-color: #FFF; } .page-banner{ margin-top: 0px; } } /* Main nav bar white background fix */ .site-header .navbar.navbar-default{ background: #FFF; top: 60px; } #mysticky-nav.wrapfixed{ opacity: 1 !important; } @media only screen and (max-width: 750px) { .site-header .navbar.navbar-default{ top: 0px !important; } /* Remove box shadow in mobile view */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ box-shadow: none !important; } } /* Main nav bar translucent fix */ /* Mega menu fix for removal of business types, business needs sections */ #mega-menu-1976-0-0, #mega-menu-1976-0-1{ display: none !important; } #mega-menu-1976-0-2{ width: 100% !important; } #mega-menu-1976-0-2 .mega-block-title{ display: none !important; } #mega-menu-item-nav_menu-9{ margin-top: 30px !important; } #mega-menu-item-1976 .mega-sub-menu{ max-width: 320px !important; margin-left: 140px !important; } #mega-menu-1976-0-2{ margin-left: -280px !important; width: 500px !important; } .mega-sub-menu div[class^="menu-"] > ul > li > a::after{ content: none; } @media only screen and (max-width: 1280px) { #mega-menu-item-1976 .mega-sub-menu { max-width: 320px !important; margin-left: 140px !important; } #mega-menu-1976-0-2 { margin-left: -280px !important; width: 500px !important; } } @media only screen and (max-width: 1024px) { #mega-menu-item-1976 .mega-sub-menu { max-width: 320px !important; margin-left: 70px !important; } #mega-menu-1976-0-2 { margin-left: -140px !important; width: 500px !important; } } @media only screen and (max-width: 750px) { #mega-menu-item-nav_menu-9 { margin-top: 10px !important; } #mega-menu-item-1976 .mega-sub-menu{ margin-left: 0px !important; } #mega-menu-1976-0-2{ width: 100% !important; margin-left: 0px !important; } } /* Mega menu fix for removal of business types, business needs sections */