/* Theme Name: Divi.Bluescope Template: Divi Version: 1.0.0 */ body { font-size:16px !important; font-family:'noto_sansSCn', 'Times New Roman', sans-serif !important; font-weight:normal; line-height:1.7em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; color:#5d8087; } a { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } h1, h2, h3, h4, h5, h6 { font-family:'noto_sansSCnSBD','Times New Roman', sans-serif !important; font-weight:normal; color:#002855; padding-bottom:20px } #main-header, #et-top-navigation { font-family:'noto_sansSCn','Times New Roman', sans-serif !important; } h1 { font-size:65px; line-height:1.1em; } h2 { font-size:65px; line-height:1.1em; } h3 { font-size:24px } h3, h4, h5, h6 { line-height: 1.3em; padding-bottom: 0.6em } p { line-height:1.7em;} p strong { font-family:'noto_sansSCnXBd','Times New Roman', sans-serif; font-weight:normal; } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { h2 { font-size:60px; } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { h1 { font-size:60px; } h2 { font-size:55px; } h3 { line-height: 1.5em; padding-bottom: 0.8em } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { h1, h2, h3, h4, h5, h6 { padding-bottom:15px } h2 { font-size:50px; } h3 { font-size:22px } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { body { font-size:15px !important;} h2 { font-size:40px; } h3 { font-size:20px } } /*------------------------------------------------*/ /*--------------------[General]-------------------*/ /*------------------------------------------------*/ @-webkit-keyframes fadeLeft{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}} @-moz-keyframes fadeLeft{0%{opacity:0;-moz-transform:translateX(-100%)}100%{opacity:1;-moz-transform:translateX(0)}} @-o-keyframes fadeLeft{0%{opacity:0;-o-transform:translateX(-100%)}100%{opacity:1;-o-transform:translateX(0)}} @keyframes fadeLeft{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}} @-webkit-keyframes fadeRight{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}} @-moz-keyframes fadeRight{0%{opacity:0;-moz-transform:translateX(100%)}100%{opacity:1;-moz-transform:translateX(0)}} @-o-keyframes fadeRight{0%{opacity:0;-o-transform:translateX(100%)}100%{opacity:1;-o-transform:translateX(0)}} @keyframes fadeRight{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}} .et_pb_animation_bottom.et-animated{opacity:1;-webkit-animation:fadeBottom 1.2s 1 cubic-bezier(.77,0,.175,1);-moz-animation:fadeBottom 1.2s 1 cubic-bezier(.77,0,.175,1);-o-animation:fadeBottom 1.2s 1 cubic-bezier(.77,0,.175,1);animation:fadeBottom 1.2s 1 cubic-bezier(.77,0,.175,1)} @-webkit-keyframes fadeBottom{0%{opacity:0;-webkit-transform:translateY(40%)}100%{opacity:1;-webkit-transform:translateY(0)}} @-moz-keyframes fadeBottom{0%{opacity:0;-moz-transform:translateY(40%)}100%{opacity:1;-moz-transform:translateY(0)}} @-o-keyframes fadeBottom{0%{opacity:0;-o-transform:translateY(40%)}100%{opacity:1;-o-transform:translateY(0)}} @keyframes fadeBottom{0%{opacity:0;transform:translateY(40%)}100%{opacity:1;transform:translateY(0)}} .et_pb_animation_fade_in.et-animated { opacity: 1; -webkit-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .et_pb_button { border:3px solid #03b4c8; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-weight:normal; font-family: 'noto_sansSCnSBd','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; font-size:16px; padding:.55em 2.5em; margin-top:0; color: #03b4c8 } .et_pb_button:hover, .et_pb_module .et_pb_button:hover { padding:.55em 3.5em .55em 2.2em; background-color:rgba(53,177,197,.2); border:3px solid transparent; } #breadcrumb.et_pb_section { padding:0 !important } #breadcrumb .et_pb_row { padding-bottom:0 !important } #breadcrumbs{ list-style:none; overflow:hidden; font-size:14px; padding-left:0} #breadcrumbs li{ display:inline-block; vertical-align:middle; margin-right:8px;} #breadcrumbs .item-current { font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; color:#002855; } #breadcrumbs a { color:#5d8087 !important } #breadcrumbs a:hover { opacity:0.5 } #breadcrumbs .item-home-thai { display:none } #breadcrumbs .item-home-viet { display:none } #breadcrumbs .item-home:lang(th) { display:none } #breadcrumbs .item-home:lang(vi-VN) { display:none } #breadcrumbs .item-home-thai:lang(th) { display:inline-block } #breadcrumbs .item-home-viet:lang(vi-VN) { display:inline-block } #top-banner.et_pb_section { padding:13% 0 !important } #top-banner .et_pb_title_container h1 { font-size:60px; color:#ffffff; padding-bottom:0 } #top-banner .et_pb_title_container h1 em{ font-style:normal; vertical-align:super; font-size:0.6em } .cn-button.bootstrap { background:#03b4c8 } @media only screen and ( min-width: 1350px ) { } /*-------------------[960px]------------------*/ @media ( min-width: 981px ) { } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { /***Flip column order on mobile***/ .flip {display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-reverse !important; padding-bottom:0} .et_pb_column { margin-bottom:60px } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .et_pb_button { border:2px solid #03b4c8; font-size:14px; } #top-banner .et_pb_title_container h1 { font-size:50px; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #top-banner .et_pb_title_container h1 { font-size:42px; } } /*------------------------------------------------*/ /*-----------------[Main Navigation]---------------*/ /*------------------------------------------------*/ #main-header { -moz-box-shadow: 0 1px 6px rgba(0,0,0,.07); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.07); box-shadow: 0 1px 6px rgba(0,0,0,.07); } #top-menu li { font-size:14px; text-transform:uppercase; letter-spacing:0.12em } #et-top-navigation { font-weight:normal } #et_search_icon:before { font-size:15px; top:-4px } span.et_close_search_field:after { font-size:28px } #logo { float:left } #et_top_search { margin:18px 0 0 26px } .et-search-form, span.et_close_search_field { top:40px } .et_header_style_left .logo_container, .et_fullwidth_nav #main-header .container, #main-header { height:130px } .et_header_style_left #et-top-navigation nav > ul > li > a { padding-bottom:0 !important } .et_header_style_left #et-top-navigation nav #top-menu > li:last-child a { background:#ffb228; padding:15px 32px 13px !important; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; color:#002855 } .home #top-menu a, .home #et_search_icon:before { color:#ffffff; } #top-menu li li { padding:0 } #top-menu li li a { width:240px; padding:6px 30px } .nav li ul { border-top:3px solid #35b1c5; /* margin-top:41px; */ } .nav li ul ul { margin-top:0 } #top-menu li.mega-menu > ul > li > a:first-child { font-weight:bold; font-family:'noto_sansSCnXBd','Times New Roman', sans-serif; } #top-menu li.mega-menu > ul > li > a { padding:6px 30px } #top-menu li.current-menu-ancestor > a, .home #top-menu li li a { color:#002855; } .home #top-menu li.current-menu-ancestor > a { color:#ffffff; } #top-menu .menu-item-has-children > a:first-child:after { display:none } #top-menu .menu-item-has-children > a:first-child { padding-right:0; padding-bottom:41px !important; } .et_header_style_left #et-top-navigation { padding-top:20px !important; padding-left:0 !important; margin-top:39px; border-top:1px solid #cedcdd; } .et_search_form_container input::placeholder, .et_search_form_container input, span.et_close_search_field::after { color:#002855; } .home .et_search_form_container input::placeholder, .home .et_search_form_container input, .home span.et_close_search_field::after { color:#ffffff!important; opacity:1 !important } #top-header { position:absolute; right:30px; background-color:transparent !important } #top-header .container { width:auto; font-weight:normal; font-family:'noto_sansSCn','Times New Roman', sans-serif !important; font-size: 11.5px; text-transform:uppercase; letter-spacing:0.12em; padding-top:13px} #top-header a { color: #002855; } .home #top-header a { color:#ffffff; } #et-secondary-nav li ul { background-color:#ffffff !important; } .home #top-header #et-secondary-nav li ul a { color: #002855; } #et-secondary-nav li li { padding:0; } #et-secondary-nav li li a { padding:5px 20px } #et-secondary-nav li > ul { width:142px } .mobile_menu_bar:before { color:#002855; } .home .mobile_menu_bar:before { color:#ffffff; } .et_mobile_menu { border-top:3px solid #35b1c5; padding:5% 0 } .et_mobile_menu li a { padding:10px 25px } #mobile_menu li { font-size:14px; text-transform:uppercase; letter-spacing:0.12em } #mobile_menu li:last-child{ margin-top:30px; } #mobile_menu li li:last-child{ margin-top:0; } #mobile_menu li:last-child:before { content:"Countries"; font-family:'noto_sansSCn','Times New Roman', sans-serif; font-size: 11.5px; text-transform:uppercase; letter-spacing:0.12em; padding:0 25px 5px; display:block } #mobile_menu li li:last-child:before { display:none; } #mobile_menu li:last-child a{ border-top:1px solid rgba(0,0,0,.03) } #mobile_menu li li:last-child a{ border-top:none } .home #main-header { position:absolute; background-color:rgba(255,255,255,0); -moz-box-shadow:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } body.admin-bar.et_non_fixed_nav.home #main-header { top:32px } /*Collapsible mobile sub menu*/ #main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; font-weight:normal; } #main-header .et_mobile_menu .menu-item-has-children > a:hover { background-color:rgba(0,0,0,.03) } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; } #main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 18px; content: '\4c'; top: 11px; right: 25px; } #main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; } #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;} #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .et_header_style_left .logo_container, .et_fullwidth_nav #main-header .container, #main-header { height:80px } .et_header_style_left #et-top-navigation { padding-top:24px !important; padding-left:65px !important; margin-top:0; border-top:none; } #logo { max-height:100%; } #et_top_search { margin: 0 25px 0 0 } #et_search_icon:before { top:6px } .et-search-form, span.et_close_search_field { top:0 } } /*------------------------------------------------*/ /*-----------------[Home]---------------*/ /*------------------------------------------------*/ #home-banner .et_pb_slide { height:780px; padding:0; text-align:left !important } #home-banner .et_pb_slider .et_pb_container { width:100% } #home-banner .banner-gradient { background:rgb(0,40,85); background: -moz-linear-gradient(left, rgba(0,40,85,0.8) 0%, rgba(2,108,154,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,40,85,0.8) 0%,rgba(2,108,154,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,40,85,0.8) 0%,rgba(2,108,154,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002855', endColorstr='#cc026c9a',GradientType=1 ); /* IE6-9 */ height:780px; position:absolute;width:50%; top:0; } #home-banner .et_pb_slider .et_pb_container { max-width:none; } #home-banner .et_pb_slider_container_outer { height:780px } #home-banner .et_pb_slide_description { max-width:50%; padding:0 9.5% 0 10%; float:left } #home-banner .et_pb_slide_description .et_pb_slide_title { font-size:65px; } #home-banner .et_pb_slide_content { color:#80c3db; font-size:20px } #home-banner .et_pb_button { border:3px solid #ffb028; margin-top:30px; color:#ffffff; } #home-banner .et_pb_button:hover, #home-banner .et_pb_module .et_pb_button:hover { background-color:rgba(255,255,255,.2); border:3px solid transparent; } .et_pb_button::after, .et_pb_button:before { font-size:26px } #home-banner .et-pb-controllers { text-align:right; padding-right:30px; bottom:130px; display:none } #home-banner .et-pb-controllers a { text-indent:99999px } #home-needs.et_pb_section { padding-top:0; } #home-needs .et_pb_row { padding:0; } #home-needs .et_pb_column { background:rgb(255,255,255); margin-top:-102px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; z-index:2; } #home-needs .et_pb_column.needs-hover { margin-top:-124px !important; background: rgb(0,40,85) !important; background: -moz-linear-gradient(left, rgba(0,40,85,1) 0%, rgba(2,108,154,1) 100%) !important; background: -webkit-linear-gradient(left, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; background: linear-gradient(to right, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002855", endColorstr="#026c9a",GradientType=1 ) !important; z-index:10 !important; } #home-needs .et_pb_text {padding:45px 40px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #home-needs h3 { font-size:22px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; display:inline-block; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #home-needs img, #indi-needs-others img { height:56px; width:auto; position:relative; top:2px; padding-right:13px; display:inline-block } .learn-btn { font-size:16px; color:#ffb028; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; padding-top:15px; display:block; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .learn-btn:hover { opacity:0.5 } .learn-btn:before { content:"\24"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:25px; position:relative; top:6px; padding-right:5px; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;-o-transition: all .2s;-ms-transition: all 0.2 linear; } .learn-btn:hover:before { padding-right:10px } #home-needs .et_clickable .learn-btn { opacity:1; margin-top:0; opacity:0; margin-top:-44px; } #home-needs .et_clickable:hover .learn-btn { opacity:1; margin-top:0 } .home .et_pb_column.needs-hover h3 { color:#ffffff } #home-needs p{-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .home .et_pb_column.needs-hover p { color:#80c3db } #home-brands .et_pb_image { max-width:66% } #home-brands .et_pb_text { max-width:50%; margin-left:auto !important; margin-right:0 !important; background: rgb(0,40,85); background: -moz-linear-gradient(left, rgba(0,40,85,1) 0%, rgba(2,108,154,1) 100%); background: -webkit-linear-gradient(left, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%); background: linear-gradient(to right, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002855", endColorstr="#026c9a",GradientType=1 ); padding:6.5%; margin-top:-53%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5) } #home-brands .et_pb_text h2 { color:#ffffff } #home-brands .et_pb_text p { color:#80c3db; font-size:20px; } #home-products-title.et_pb_section {padding-bottom:0; padding-top:0 } #home-products-title .et_pb_text {margin-bottom:20px;} #home-products-content.et_pb_section { padding-left: 0; padding-right: 15vw; padding-top:10px } #home-products-content .et_pb_row { width: 100%; max-width: 100%!important } #home-products-content .et_pb_image img { width: 215px; } #home-products-content h3 {font-size: 24px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em;} .learn-btn.blue { color:#35b1c5;} .et_pb_slider_container_outer { display:table; table-layout:fixed; max-width:1200px; width:100%; margin:0 auto; } .et_pb_slider .et_pb_slide .et_pb_slide { background:none !important } #home-projects .et_pb_slide, #home-projects .et_pb_slider_container_outer {height:700px } #home-projects .et_pb_slider {-moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5);} #home-projects .et-pb-controllers { text-align: left;padding-left: 40px} #home-projects .et_pb_slides .et_pb_slider_container_inner { display:block} #home-projects .et_pb_slide { padding:0} #home-projects .et_pb_slide_description {position:absolute; right:0; bottom:0;width:auto; background: #ffffff; text-align: left; padding: 45px} #home-projects .et_pb_slide_description .et_pb_slide_title { text-shadow:none; font-size:19px; color:#5d8087 !important; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; padding-bottom:0; line-height:1.3em } #home-logos.et_pb_section {padding-bottom:20px; padding-top:20px } @media only screen and ( max-width: 1265px ) { #home-needs h3 span { display:block; padding-top:10px } #home-products-content.et_pb_section { padding-right: 10vw; } } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { #home-projects .et_pb_slide, #home-projects .et_pb_slider_container_outer {height:550px } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #home-banner .banner-gradient { width:100% } #home-banner .et_pb_slide_description { max-width:none; padding:0 20% 5% } #home-banner .et_pb_slide, #home-banner .banner-gradient, #home-banner .et_pb_slider_container_outer { height:680px; } #home-banner .et_pb_slide_description .et_pb_slide_title { font-size:60px; } #home-needs h3 span { display:inline-block; padding-top:0 } #home-needs .et_pb_column { margin-top:0; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border-top:1px solid #cedcdd } #home-needs .et_pb_column:first-child { margin-top:-102px; border-top:none;} #home-needs .et_pb_row { -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; } #home-needs .et_pb_column.needs-hover { margin-top:auto !important; background: #ffffff !important;} #home-needs .et_pb_column.needs-hover:first-child { margin-top:-102px !important; } #home-needs .learn-btn { opacity:1; margin-top:0; color:#35b1c5 } #home-needs .et_clickable .learn-btn { opacity:1; margin-top:0 } .home .et_pb_column.needs-hover h3 { color:#002855; } .home .et_pb_column.needs-hover p { color:#5d8087 } #home-brands .et_pb_image.et_always_center_on_mobile { margin-left:0 !important } #home-brands .et_pb_image { max-width:75% } #home-brands .et_pb_text { max-width:66%; margin-top:-40%; } #home-products-title .et_pb_row { padding-bottom:0 } #home-products-content.et_pb_section { padding-top:0 } #home-products-content .et_pb_column_single { display:none; } #home-products-content.et_pb_section { padding-left:0; padding-right:0; } #home-products-content .et_pb_row { width:80%; max-width:none !important } #home-projects.et_pb_section { padding-top: 0} #home-projects .et_pb_text { margin-bottom:20px} #home-projects .et_pb_slide, #home-projects .et_pb_slider_container_outer {height:450px } #home-projects .et_pb_slide_description { padding: 30px} #home-projects .et_pb_slide_description .et_pb_slide_title { font-size:16px;} } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { #home-banner .et_pb_slide_description { max-width:none; padding:0 14% 5% } #home-banner .et_pb_slide, #home-banner .banner-gradient, #home-banner .et_pb_slider_container_outer { height:630px; } #home-banner .et_pb_slide_description .et_pb_slide_title { font-size:50px; } #home-banner .et_pb_slide_content { font-size:16px } #home-banner .et_pb_button { margin-top:20px } .learn-btn { font-size:14px; } #home-brands .et_pb_image { max-width:85% } #home-brands .et_pb_text { padding:45px 40px; max-width:85%; } #home-brands .et_pb_text p { font-size:16px } #home-products-content h3 {font-size: 22px;} #home-products-content .et_pb_image img { width:185px } #home-projects .et_pb_slide, #home-projects .et_pb_slider_container_outer {height:335px } #home-projects .et_pb_slide_description { padding: 25px; top:0; bottom:auto } #home-projects .et_pb_slide_description .et_pb_slide_title { font-size:14px;} #home-projects .et-pb-controllers { padding-left:6%} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #home-banner .et_pb_slide, #home-banner .banner-gradient, #home-banner .et_pb_slider_container_outer { height:580px; } #home-banner .et_pb_slide_description .et_pb_slide_title { font-size:42px; } #home-banner .et_pb_slide_content { font-size:15px } .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column.home-homeowners { margin-top:-102px !important } #home-needs h3 { font-size:20px } #home-needs h3 span { display:block; padding-top:5px } #home-needs .et_pb_text { padding:38px 30px; } #home-brands .et_pb_image { max-width:92% } #home-brands .et_pb_text { padding:38px 30px; max-width:92%} #home-brands .et_pb_text p { font-size:15px } #home-products-content h3 {font-size: 20px;} #home-products-content .et_pb_image img { width:160px } #home-projects .et_pb_slide, #home-projects .et_pb_slider_container_outer {height:210px } #home-projects .et_pb_slide_description { padding: 14px} #home-projects .et_pb_slide_description .et_pb_slide_title { font-size:11px;} #home-projects .et-pb-controllers { padding-left:7%} #home-logos.et_pb_section { padding:0} #home-logos.et_pb_section .et_pb_row.et_pb_row_fullwidth { max-width:90% !important; width: 90% !important} } /*------------------------------------------------*/ /*-----------------[Prdoucts Directory]---------------*/ /*------------------------------------------------*/ #products-individual.et_pb_section { padding:0 } #products-individual.et_pb_section.et_pb_section_2 { padding-top:4% } #products-individual.et_pb_section.et_pb_section_5, #products-individual.et_pb_section.et_pb_section_8.industries, #products-individual.et_pb_section.et_pb_section_4.for-needs { padding-bottom:4% } #products-individual.et_pb_section.et_pb_section_5.industries, #products-individual.et_pb_section.et_pb_section_5.for-needs { padding-bottom:0 } #products-individual .products-individual-img img { padding-top:15px } .products-individual-img img { -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; } #products-individual.industries .products-individual-img img, #products-individual.for-needs .products-individual-img img { padding-top:0 } #products-individual h3{ font-size: 33px; text-transform:uppercase; letter-spacing:0.12em; } #products-individual.industries h3, #products-individual.for-needs h3 { padding-top:15px } #products-individual .et_pb_row_1-4_3-4 { padding:3% 4%; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; border-bottom:1px solid #cedcdd} #products-individual .et_pb_row_1-4_3-4:hover { -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.3); -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.3); box-shadow: 0 15px 45px rgba(0,60,104,0.3); border-bottom:1px solid #ffffff; } #products-individual.et_pb_section:hover {z-index:10 } #products-individual .et_pb_column_3_4 .et_pb_column_1_4 a:hover { opacity:0.5 } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #products-individual.et_pb_section { padding:30px 0 0 !important; border-bottom:1px solid #cedcdd } #products-individual.et_pb_section.et_pb_section_5, #products-individual.et_pb_section.et_pb_section_8.industries, #products-individual.et_pb_section.et_pb_section_4.for-needs { padding-bottom:50px !important } #products-individual .et_pb_row_1-4_3-4 { padding:30px 0; border-bottom:none !important} #products-individual .et_pb_column_single { margin-bottom:10px !important } #products-individual .et_pb_column_single img { width: 215px; } #products-individual .et_pb_row_1-4_1-4_1-4 img { max-height:82px } #products-individual h3 { font-size:24px; text-align:center } #products-individual p { text-align:center } #products-individual .et_pb_row_1-4_1-4_1-4 .et_pb_column{ margin-bottom:0; } #products-individual .et_pb_button_module_wrapper { text-align:center } #products-individual .et_pb_row_1-4_3-4:hover, #products-individual .et_pb_row_3-4_1-4:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #products-individual .products-individual-img img, #products-individual.industries h3, #products-individual.for-needs h3 { padding-top:0 } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { #products-individual h3 {font-size: 22px;} #products-individual .et_pb_column_single img { width:185px } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #products-individual h3 {font-size: 20px;} #products-individual .et_pb_column_single img { width:160px } } /*------------------------------------------------*/ /*-----------------[Individual Products]---------------*/ /*------------------------------------------------*/ .intro.et_pb_section { padding-top:2% !important } .intro h2, .blog-intro h1, #careers-join .careers-join-content h3{ font-size:35px; line-height:1.3em } .intro .et_pb_text p { font-size:20px; } .intro .et_pb_text a:hover {opacity:0.5 } #page-intro .et_pb_text { background:#ffffff; padding:10%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5); margin-top: 20%; max-width:70% } #page-intro .et_pb_image { width:150%; margin-left:-50% !important;} .intro-text { position:relative !important; z-index: 9 !important} .intro-img { position:relative !important; z-index: 2 !important} #page-intro.indi-product .et_pb_text { max-width:100%; margin-top:16% } #indi-product-brands h3, #indi-brand-brochures h3, #our-bond-details-title h3, #heritage-details-title h3 {font-size:45px; line-height:1.1em} .indi-product-brand img { max-height:74px; width:auto; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; -webkit-backface-visibility: hidden; } #indi-product-brands .et_pb_equal_columns .et_pb_column { background:#ffffff; padding:45px 40px; border-bottom:4px solid #ffffff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #indi-product-brands .et_pb_equal_columns .et_pb_column:hover { -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; border-bottom:4px solid #03b4c8 } #indi-product-brands .et_pb_equal_columns .et_pb_column_empty { display:none } #project-carousel.et_pb_fullwidth_section { padding-top:5% } #project-carousel h2.et_pb_portfolio_title, #brand-carousel h3, #indi-needs-others h3, #sustainability-msg p, #careers-join h3, #about-discover h2 { font-size:45px; line-height:1.1em } #project-carousel .et_pb_bg_layout_light .et-pb-arrow-next, #project-carousel .et_pb_bg_layout_light .et-pb-arrow-prev { color:#ffffff; } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_overlay:before { display:none } .et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header, .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 { margin-top:5%; padding:8%; font-size:17px; text-transform:uppercase; letter-spacing:0.06em; text-align:left } .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 { margin-top:0% } #product-carousel h5, #brand-carousel h5, #indi-project-details h5 { font-size:24px; border-bottom:1px solid #cedcdd } #product-carousel .dica_divi_carouselitem .dica-image-container img { max-width:130px !important; margin-left:auto !important; -moz-border-radius: 200px; -webkit-border-radius: 200px; border-radius: 200px; } #product-carousel .dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { font-size:18px; text-transform:uppercase; letter-spacing:0.12em; margin-top:18px; line-height: 1.3em } #product-carousel .dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 a { color:#002855 !important } #product-carousel .swiper-button-next, #product-carousel .swiper-button-prev { top:32%; display: none} #product-carousel.industry-carousel .swiper-button-next, #product-carousel.industry-carousel .swiper-button-prev { top:32%; display: block} #product-carousel .dica_divi_carouselitem { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #product-carousel .dica_divi_carouselitem:hover { opacity:0.5 } .swiper-button-next, .swiper-button-prev { background:none !important;} /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { #page-intro .et_pb_text { max-width:80% } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #page-intro .et_pb_text { margin-top:0 !important; max-width:80% !important; padding: 6% } #page-intro .et_pb_image { max-width:80% !important; margin-left:20% !important; margin-top:-10%; } #indi-product-brands .et_pb_column_single { margin-bottom:0} .indi-product-brand h4 { padding-bottom:0.8em } #indi-product-brands .et_pb_equal_columns .et_pb_column { padding:6%; border-bottom:4px solid #03b4c8 } #indi-product-brands .et_pb_equal_columns .et_pb_column:hover { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #product-carousel .dica_divi_carouselitem .dica-image-container img { max-width:100px !important; } #product-carousel .dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { font-size:16px; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .intro .et_pb_text p { font-size:16px } #page-intro .et_pb_text { max-width:85% !important; padding: 45px 40px } #page-intro .et_pb_image { max-width:85% !important; margin-left:15% !important; } #product-carousel .swiper-button-next, #product-carousel .swiper-button-prev { display: block} .swiper-button-next { right: -10% !important;} .swiper-button-prev { left: -11% !important;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .intro h2, .blog-intro h1, #careers-join .careers-join-content h3 { font-size:26px; } .intro .et_pb_text p { font-size:15px } #page-intro .et_pb_text { max-width:92% !important; padding:38px 30px;} #page-intro .et_pb_image { max-width:92% !important; margin-left:8% !important;} #indi-product-brands .et_pb_equal_columns .et_pb_column { padding:38px 30px;} #indi-product-brands h3, #indi-brand-brochures h3, #our-bond-details-title h3, #heritage-details-title h3 { font-size:40px; } #project-carousel h2.et_pb_portfolio_title, #brand-carousel h3, #indi-needs-others h3, #sustainability-msg p, #careers-join h3, #about-discover h2 { font-size:25px; } #product-carousel .dica_divi_carouselitem .dica-image-container img { max-width:70px !important; } #product-carousel .dica_divi_carousel .dica_divi_carouselitem .dica-item-content h4 { font-size:12px; } #product-carousel .swiper-button-next, #product-carousel .swiper-button-prev { top:25%} } /*------------------------------------------------*/ /*-----------------[Our Brands]---------------*/ /*------------------------------------------------*/ #all-brands.et_pb_section { margin-top:10px } #all-brands p { padding-bottom:0 } #all-brands .et_pb_equal_columns .et_pb_column { background:#ffffff; padding:45px 40px; border-bottom:4px solid #ffffff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #all-brands .et_pb_equal_columns .et_pb_column:hover { -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; border-bottom:4px solid #03b4c8 } #all-brands .et_pb_equal_columns .et_pb_column_empty { display:none } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #all-brands .et_pb_equal_columns .et_pb_column { padding:6%; border-bottom:4px solid #03b4c8 } #all-brands .et_pb_equal_columns .et_pb_column:hover { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #all-brands .et_pb_equal_columns .et_pb_column { padding:38px 30px;} } /*------------------------------------------------*/ /*-----------------[Individual Brands]---------------*/ /*------------------------------------------------*/ #page-intro .et_pb_slider { width:150%; margin-left:-50% !important;} #page-intro .et_pb_slide { height:650px;} #page-intro .et-pb-controllers { text-align:right; padding-right:30px } #page-intro .et-pb-controllers a { text-indent:9999px } #page-intro.indi-brand .et_pb_slider { width:135%; margin-left:-35% !important;} #page-intro.indi-brand .et_pb_text { max-width:100% } .indi-brand.et_pb_section { padding-bottom:20px } #page-intro.indi-brand .et_pb_slide { height:600px;} .indi-brand .et_pb_text img { max-height: 100px; width: auto} .indi-brand .et_pb_text p:first-child {padding-bottom:0} .indi-brand .learn-btn { border:3px solid #ffb228; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding:.55em 2.5em; color: #002855; display: inline-block; margin-top: 25px; background: #ffb228; } .indi-brand .learn-btn:hover { padding:.55em 3.5em .55em 2.2em; background-color:rgba(255,178,40,.25); border:3px solid transparent; } .indi-brand .learn-btn:before { display:none;} .indi-brand .learn-btn:after { content:"\35"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:26px; position:absolute; top:auto; padding-right:0; margin-left: -1em; opacity: 0; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;-o-transition: all .2s;-ms-transition: all 0.2 linear; } .indi-brand .learn-btn:hover:after { margin-left:0; opacity:1 } .indi-brand-features-intro h3, #indi-industry-details h3, #heritage-details-content.et_pb_section h5, .sustainability h4, #sustainability-belief h3, .blog-intro span, #blog-back a, #about-global h3, .contact-form h3{ color:#03b4c8; text-transform:uppercase; letter-spacing:0.12em; font-size:18px; padding-bottom: 1.4em } .indi-brand-features-intro p, .indi-industry-details-intro p, #heritage-details-content.et_pb_section h4, .sustainability-belief-intro p, #sustainability-belief h4, #about-global .et_pb_column_3_5 p, .contact-form h4, #careers-means h3 { color:#002855; font-size:30px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; line-height: 1.3em } .indi-brand-features-divider.et_pb_row { padding:20px 0} #indi-brand-features .et_pb_tabs_controls { width:32%; float:left; margin-right: 3% } #indi-brand-features .et_pb_all_tabs { width:65%; float:left; background: none; } #indi-brand-features ul.et_pb_tabs_controls { background:none;} #indi-brand-features .et_pb_tab { padding:0} #indi-brand-features .et_pb_tabs_controls li { border-right:none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-weight:normal; margin-bottom:10px; margin-right:10px; clear:both; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear;} #indi-brand-features .et_pb_tabs, #indi-brand-features ul.et_pb_tabs_controls:after { border:none;} #indi-brand-features .et_pb_tabs_controls li a { color:#5d8087; font-size:17px; padding:12px 40px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; } #indi-brand-features .et_pb_tabs_controls li:hover { background:#f4f4f4;} #indi-brand-features .et_pb_tabs_controls li.et_pb_tab_active { background:#03b4c8;} #indi-brand-features .et_pb_tab_active a { color:#ffffff !important; } #indi-brand-features h4 { font-size:33px; } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 {padding-top:2.855%} .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3 { width:27.758% } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3:first-child { width:63.758% } #indi-brand-brochures .et_pb_specialty_column .et_pb_row_inner { border-top:1px solid #cedcdd; padding-left:30px; padding-right:30px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #indi-brand-brochures .et_pb_specialty_column .et_pb_row_inner:hover { border-top:4px solid #35b1c5; -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; } #indi-brand-brochures .et_pb_specialty_column p { font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-size:17px; color:#002855; padding-top:5px } .learn-btn.download { color:#35b1c5; padding-top:0 } .learn-btn.download:before { content:"\e004"; padding-right:0 } #indi-brand-divider.et_pb_section, #indi-brand-divider .et_pb_row { padding:0 } #brand-carousel .image img { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #brand-carousel .image:hover img { opacity:0.5 } @media only screen and ( max-width: 1280px ) { #page-intro .et_pb_slide { height:520px;} #page-intro.indi-brand .et_pb_slide { height:520px;} } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { #page-intro .et_pb_slide { height:470px;} #page-intro.indi-brand .et_pb_slide { height:470px;} #indi-brand-features .et_pb_tabs_controls { width:35%; } #indi-brand-features .et_pb_all_tabs { width:62%; } #indi-brand-features .et_pb_tabs_controls li a { padding:12px 30px; } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3 { width:30.758% } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3:first-child { width:60.758% } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #page-intro .et_pb_slide { height:400px;} #page-intro .et_pb_slider { max-width:80% !important; margin-left:20% !important; margin-top:-10%; } #page-intro.indi-brand .et_pb_slider { max-width:80% !important; margin-left:20% !important; margin-top:-10%; } #page-intro.indi-brand .et_pb_slide { height:400px;} .indi-brand-features-divider.et_pb_row { padding-bottom:0 } #indi-brand-features .et_pb_tabs_controls { width:100%; float:none; margin-right: 0 } #indi-brand-features .et_pb_all_tabs { width:100%; float:none; padding-top:30px } #indi-brand-features .et_pb_tabs_controls li { background:#f4f4f4; display:block; float:none; } #indi-brand-features .et_pb_tabs_controls li a { padding:12px 25px; } #indi-brand-features .et_pb_tabs_controls li a:after { content:"\50"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:20px; position:absolute; top:17px; right:25px; } #indi-brand-brochures.et_pb_section { padding-top:80px } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 {padding-top:0} .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3 { margin-bottom:0 } #indi-brand-brochures h3 { padding-bottom:0 } #indi-brand-brochures .et_pb_specialty_column .et_pb_row_inner { padding-left:0; padding-right:0; } #indi-brand-brochures .et_pb_specialty_column .et_pb_row_inner:hover { border-top:1px solid #cedcdd; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { #page-intro .et_pb_slider { max-width:85% !important; margin-left:15% !important; } #page-intro .et_pb_slide { height:320px;} #page-intro.indi-brand .et_pb_slider { max-width:85% !important; margin-left:15% !important; } #page-intro.indi-brand .et_pb_slide { height:320px;} #indi-brand-features .et_pb_tabs_controls li { border-bottom:none; } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3 { width:100% } .et_pb_gutters3 #indi-brand-brochures .et_pb_column_2_3 .et_pb_column_1_3:first-child { width:100% } #indi-brand-brochures .et_pb_text_align_right { text-align:left } #indi-brand-brochures .et_pb_specialty_column p { padding-bottom:5px } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #page-intro .et_pb_slider { max-width:92% !important; margin-left:8% !important;} #page-intro .et_pb_slide { height:250px;} #page-intro.indi-brand .et_pb_slider { max-width:92% !important; margin-left:8% !important;} #page-intro.indi-brand .et_pb_slide { height:250px;} .indi-brand .learn-btn { padding:.55em 2em } .indi-brand .learn-btn:hover { padding:.55em 2em;} .indi-brand .learn-btn:after {display:none; } .indi-brand-features-intro p, #indi-brand-features h4, .indi-industry-details-intro p, #heritage-details-content.et_pb_section h4, .sustainability-belief-intro p, #sustainability-belief h4, #about-global .et_pb_column_3_5 p, .contact-form h4, #careers-means h3 { font-size:26px } .indi-brand-features-intro h3, #indi-industry-details h3, #heritage-details-content.et_pb_section h5, .sustainability h4, #sustainability-belief h3, .blog-intro span, #blog-back a, #about-global h3, .contact-form h3 { font-size:15px } #indi-brand-features .et_pb_tabs_controls li a { font-size:16px; padding:10px 20px } #indi-brand-features .et_pb_tabs_controls li a:after { top:14px; right:20px; } } /*------------------------------------------------*/ /*-----------------[Projects]---------------*/ /*------------------------------------------------*/ .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) { width:31.333%; margin-right:3% } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) { margin-right:0 !important } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) { clear:none } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n+1) { clear:both } #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { color:#ffffff; background:#03b4c8} #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { color:#5d8087; font-size:17px; padding:12px 27px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; border-radius: 40px !important; margin-right:10px; margin-bottom:10px; background:#f4f4f4; line-height:1.3em; border:none !important} #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover { opacity:0.5 } #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters { margin:0 0 50px 0; padding-bottom:25px; border-bottom:1px solid #cedcdd } #projects-individual .et_pb_filterable_portfolio .et_pb_portofolio_pagination {border-top:1px solid #cedcdd; } #projects-individual .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a { color:#5d8087; } #projects-individual .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, #projects-individual .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a:hover { color:#03b4c8; } #projects-individual .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul { text-align:center } #projects-individual .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 { font-size:20px } .et_portfolio_image { overflow:hidden; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .et_portfolio_image:hover { -moz-box-shadow: 0 10px 45px rgba(0,60,104,0.5); -webkit-box-shadow: 0 10px 45px rgba(0,60,104,0.5); box-shadow: 0 10px 45px rgba(0,60,104,0.5); } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n) { width:47.25%; margin-right:5.5% } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) { margin-right:5.5% !important } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n+1) { clear:none } .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n+1) { clear:both } .et_pb_gutters3 #projects-individual .et_pb_column .et_pb_grid_item:nth-child(2n) { margin-right:0 !important } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item:nth-child(4n), .et_pb_gutters3 #projects-individual .et_pb_column_4_4 .et_pb_grid_item:nth-child(3n) { width:100%; margin-right:0 !important } #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li { width:100% } #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { font-size:16px; padding:12px 25px; margin-right:0; position:relative} #projects-individual .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:after { content:"\50"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:20px; position:absolute; top:14px; right:25px; } } /*------------------------------------------------*/ /*-----------------[Individual Projects]---------------*/ /*------------------------------------------------*/ .indi-project.et_pb_section { padding-bottom:20px } #page-intro.indi-project .et_pb_text { margin-top:10.5% } .indi-project p strong { font-size:18px; font-family:'noto_sansSCnXBd','Times New Roman', sans-serif; font-weight:normal; color:#03b4c8 } #indi-project-details.et_pb_section { padding:0 } .project-key { padding:4%; background:#d3e4ec } .project-key h4 { font-size:16px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; color:#03b4c8 } .single-project #brand-carousel.et_pb_section { padding:0 } @media only screen and ( max-width: 1280px ) { #page-intro.indi-project .et_pb_text { margin-top:20% } #indi-project-details.et_pb_section { padding:4% 0 0 } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #indi-project-details .et_pb_row:first-child{ padding-bottom:0 } .project-key { padding:6%; } .single-project #product-carousel.et_pb_section { padding-bottom:30px } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .project-key { padding:35px } .project-key h4 { padding-bottom:10px } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .indi-project p strong { font-size:16px; } .indi-project h2 { padding-bottom:15px !important } .single-project #product-carousel.et_pb_section { padding-bottom:10px } } /*------------------------------------------------*/ /*-----------------[Individual Industry]---------------*/ /*------------------------------------------------*/ .indi-industry.et_pb_section { padding-bottom:20px } #indi-industry-details.et_pb_section { margin-top:150px } #indi-industry-details .et_pb_image { margin-top:-150px} #indi-industry-details .et_pb_divider {margin-bottom: 10px !important} /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { .indi-industry.et_pb_section { padding-bottom:4% } #indi-industry-details.et_pb_section, #indi-industry-details .et_pb_image { margin-top:0 } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .indi-industry.et_pb_section { padding-bottom:20px } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .indi-industry.et_pb_section { padding-bottom:0} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .indi-industry h2 { padding-bottom:15px !important } #indi-industry-details.et_pb_section { margin-top:120px } } /*------------------------------------------------*/ /*-----------------[Individual Needs]---------------*/ /*------------------------------------------------*/ #indi-needs-others.et_pb_section { padding-bottom:100px } .indi-needs-others-content { -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5); padding:0 !important } .indi-needs-others-content .et_pb_column_1_2{ background: rgb(0,40,85) !important; background: -moz-linear-gradient(left, rgba(0,40,85,1) 0%, rgba(2,108,154,1) 100%) !important; background: -webkit-linear-gradient(left, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; background: linear-gradient(to right, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002855", endColorstr="#026c9a",GradientType=1 ) !important; } .indi-needs-others-content .et_pb_text{ padding:45px 40px; background-color:#ffffff; height:100%; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .indi-needs-others-content .et_pb_text:hover { background-color:transparent } #indi-needs-others h4 { font-size:22px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; display:inline-block; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } #indi-needs-others p { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear;} .indi-needs-others-content .et_pb_text:hover h4 { color:#ffffff } .indi-needs-others-content .et_pb_text:hover p { color:#80c3db } .indi-needs-others-content .et_pb_text:hover .learn-btn.blue { color:#ffb028 } .indi-needs-others-content .left-box { border-right:1px solid #cedcdd } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .needs.et_pb_section { padding-bottom:50px} .indi-needs-others-content .et_pb_column_1_2{ background: #ffffff !important;} .indi-needs-others-content .et_pb_text{ height:auto; } .indi-needs-others-content .et_pb_text:hover { background-color:#ffffff; } .indi-needs-others-content .et_pb_text:hover h4 { color:#002855 } .indi-needs-others-content .et_pb_text:hover p { color:#5d8087 } .indi-needs-others-content .et_pb_text:hover .learn-btn.blue { color:#35b1c5 } .indi-needs-others-content .left-box { border-right:none; border-bottom:1px solid #cedcdd } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .indi-needs-others-content .et_pb_text { padding:38px 30px; } #indi-needs-others h4 {font-size:20px; } #indi-needs-others h4 span{ display:block; padding-top:5px } } /*------------------------------------------------*/ /*-----------------[Our Bond]---------------*/ /*------------------------------------------------*/ #company-intro .et_pb_text { background:#ffffff; padding:10%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5); margin-top: 20%; max-width:70% } #company-intro .et_pb_image { width:150%; margin-left:-50% !important;} .company-text { position:relative; z-index: 9} .company-img { position:relative; z-index: 2 !important} #company-intro.our-bond .et_pb_text { margin-top:12%; max-width:80% } #indi-industry-details.our-bond.et_pb_section { margin-top:220px } #indi-industry-details.our-bond .et_pb_image { margin-top:-220px } #our-bond-details-title.et_pb_section { padding-bottom:0 } #our-bond-details-title h3, #heritage-details-title h3, #careers-details-title h3 { padding-bottom:0 } #home-products-content.our-bond .et_pb_image img { width:auto; height:70px } #home-products-content.our-bond .et_pb_image { margin-bottom:20px !important } #home-products-content.our-bond h3 { text-transform:none; letter-spacing:normal; font-size:27px; } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { #company-intro .et_pb_text { max-width:80% } #indi-industry-details.our-bond.et_pb_section { margin-top:0} #indi-industry-details.our-bond .et_pb_image { margin-top:0 } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #company-intro .et_pb_text { margin-top:0 !important; max-width:80% !important; padding: 6% } #company-intro .et_pb_image { max-width:80% !important; margin-left:20% !important; margin-top:-10%; } #indi-industry-details.our-bond.et_pb_section { margin-top:120px } #indi-industry-details.our-bond .et_pb_image { margin-top:-150px } #home-products-content.our-bond.et_pb_section { padding-bottom:0 } #our-bond-details-title .et_pb_row { padding-bottom:0 } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { #company-intro .et_pb_text { max-width:85% !important; padding: 45px 40px } #company-intro .et_pb_image { max-width:85% !important; margin-left:15% !important; } #indi-industry-details.our-bond.et_pb_section { margin-top:90px } #home-products-content.our-bond h3 { font-size:22px } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #company-intro .et_pb_text { max-width:92% !important; padding:38px 30px;} #company-intro .et_pb_image { max-width:92% !important; margin-left:8% !important;} #home-products-content.our-bond h3 { font-size:20px } } /*------------------------------------------------*/ /*-----------------[Our Heritage]---------------*/ /*------------------------------------------------*/ .learn-btn.pdf { color:#35b1c5; line-height:1.3em; text-transform:none; padding-top:22px } .learn-btn.pdf:before { content:"\e004"; display:inline-block; float:left; position:relative; top:-2px; padding-bottom: 12px } #heritage-details-title.et_pb_section { padding:0 } #heritage-details-content.et_pb_section { padding-top:0 } #heritage-details-content.et_pb_section h5 { padding-bottom:15px } #heritage-details-content.et_pb_section h4 { border-bottom:1px solid #cedcdd; margin-bottom:25px } #heritage-details-content .et_pb_text { border-left:4px solid #03b4c8; background:#ffffff; padding:5%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5); max-width:66%; z-index:9; position:relative; } #heritage-details-content h6 { font-size:18px; padding-top:5px; padding-bottom:5px } .first-yr-content { margin-left:auto !important; margin-right:0 !important; margin-top:-300px; } .second-yr-img { margin-left:auto !important; margin-right:0 !important; margin-top:-400px; } .third-yr-content { margin-left:auto !important; margin-right:0 !important; margin-top:-370px; } .fourth-yr-img { margin-left:auto !important; margin-right:0 !important; margin-top:-330px; } #heritage-details-content .et_pb_image { max-width:50%; } @media only screen and ( max-width: 1280px ) { .first-yr-content { margin-top:-250px; } .second-yr-img { margin-top:-300px; } .third-yr-content { margin-top:-300px; } .fourth-yr-img { margin-top:-230px; } } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { .first-yr-content { margin-top:-200px; } .second-yr-img { margin-top:-300px; } .third-yr-content { margin-top:-300px; } .fourth-yr-img { margin-top:-230px; } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #heritage-details-content .et_pb_text { max-width:75%; padding:6% } #heritage-details-content .et_pb_image { max-width:66%; } .third-yr-content { margin-top:-100px; } .first-yr-content, .second-yr-img, .third-yr-content, .fourth-yr-img { margin-top:-100px; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .learn-btn.pdf:before { top:-4px } #heritage-details-content .et_pb_text { padding:45px 40px } #heritage-details-content .et_pb_text, #heritage-details-content .et_pb_image { max-width:85% } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #heritage-details-content .et_pb_text { padding:38px 30px } #heritage-details-content .et_pb_text, #heritage-details-content .et_pb_image { max-width:92% } .first-yr-content, .second-yr-img, .third-yr-content, .fourth-yr-img { margin-top:-70px; } } /*------------------------------------------------*/ /*-----------------[Sustainability]---------------*/ /*------------------------------------------------*/ #company-intro.sustainability .et_pb_text { max-width:100% } #sustainability-msg.et_pb_section {padding:12% 0 } #sustainability-msg p { font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; line-height: 1.3em} .sustainability-belief-divider.et_pb_row, #about-global-divider.et_pb_row { padding:10px 0 0} .sustainability-policy { padding:25px; border: 1px solid #cedcdd} #sustainability-belief a { color:#35b1c5 !important } #sustainability-belief a:hover { opacity:0.5 } /*------------------------------------------------*/ /*-----------------[Careers]---------------*/ /*------------------------------------------------*/ #careers-details-title.et_pb_section { padding:0 } #careers-details-title h3 {font-size:45px; line-height:1.1em} .et_pb_gutters3 .careers .et_pb_column_2_3 .et_pb_column_1_6 { width:28.35314092%; margin-right:7.47% } .et_pb_gutters3 .careers .et_pb_column_2_3 .et_pb_column_1_6:nth-child(3n) { margin-right:0 } .et_pb_gutters3 .careers .et_pb_column_2_3 .et_pb_column_1_6:last-child { display:none; } .career-stats h6 { font-size:90px; color:#35b1c5; line-height:1em; padding-bottom:5px} .career-stats p { font-size:28px; color:#002855; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; line-height:1.3em} .careers-details-divider { padding:0 !important } #home-products-content.et_pb_section.careers p a{color: #35b1c5} #home-products-content.et_pb_section.careers p a:hover{opacity:0.5} #home-products-content.et_pb_section.careers h4 { font-size:25px; color:#002855; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; line-height:1.3em; padding-bottom:30px; padding-top:30px } #careers-means.et_pb_section, #careers-join.et_pb_section { padding-top:0 } #careers-join p { font-size:24px; color:#002855; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; line-height:1.3em} /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #careers-details-title h3 {font-size:35px; line-height:1.1em} .careers .et_pb_row_inner .et_pb_column_1_3 { width:50%; margin-bottom:0 } .et_pb_gutters3 .careers .et_pb_column_2_3 .et_pb_column_1_6 { margin-bottom:0; margin-right:0 } .career-stats h6 { font-size:80px; } .career-stats p { font-size:25px; } .careers-join-content .et_pb_text { margin-top:0 !important; max-width:80% !important; padding: 6% } .careers-join-content .et_pb_image { max-width:80% !important; margin-left:20% !important; margin-top:-10%; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .careers .et_pb_row_inner .et_pb_column_1_3, .et_pb_gutters3 .careers .et_pb_column_2_3 .et_pb_column_1_6 { width:100%; margin-top:40px } .careers .et_pb_row_inner .et_pb_column_1_3:last-child { margin-bottom:50px } .careers-details-divider { display:none; } .careers .et_pb_row_inner { padding:0 !important } .career-stats h6 { font-size:60px; text-align:center } .career-stats p, #careers-join p { font-size:20px; text-align:center } .careers-join-content .et_pb_text { max-width:85% !important; padding: 45px 40px } .careers-join-content .et_pb_image { max-width:85% !important; margin-left:15% !important; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #careers-details-title h3 {font-size:32px;} .careers-join-content .et_pb_text { max-width:92% !important; padding:38px 30px;} .careers-join-content .et_pb_image { max-width:92% !important; margin-left:8% !important;} } /*------------------------------------------------*/ /*-----------------[About Us]---------------*/ /*------------------------------------------------*/ .indi-about-page { background:#ffffff; padding:45px 40px 40px; border-bottom:4px solid #ffffff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .indi-about-page:hover { -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; border-bottom:4px solid #03b4c8 } #about-discover h4 { font-size:24px; text-transform:uppercase; letter-spacing:0.12em; line-height: 1.3em; padding-bottom:10px } #about-discover .learn-btn { padding-top:0 } #about-discover img{ height:61px; width:auto } #about-stats.et_pb_section { padding:8% 0 } #about-stats h3 { font-size:31px; color:#ffffff; line-height:1.3em !important } #about-stats h6 { font-size:90px; color:#ffffff; line-height:1em; padding-bottom:5px } #about-stats p { font-size:28px; color:#80c3db; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; line-height:1.3em} #about-global a { color:#03b4c8; display:inline-block; border-bottom:1px solid #03b4c8; line-height:1.3em } #about-global a:hover { opacity:0.5; } #indi-industry-details.about-us .et_pb_image { margin-top:-220px } #indi-industry-details.about-us.et_pb_section { margin-top:220px } #company-intro.our-bond.about-us .et_pb_text { max-width:100%; margin-top:16% } #company-intro.our-bond.about-us.et_pb_section { padding:6% 0 } @media only screen and ( max-width: 1280px ) { .indi-about-page { padding:45px 30px 40px;} #about-discover h4 { font-size:22px;} } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { .indi-about-page { padding:45px 28px 40px;} #about-discover h4 { font-size:19.5px;} #about-stats h6 { font-size:80px; } #about-stats p { font-size:25px; } #indi-industry-details.about-us .et_pb_image { margin-top:0} #indi-industry-details.about-us.et_pb_section { margin-top:0 } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .indi-about-page { padding:6%;} #about-stats h3 { padding-bottom:0 } #about-stats h6 { font-size:80px; } #about-stats p { font-size:25px; } #about-global .et_pb_column_3_5 { margin-bottom:0 !important } #about-global .et_pb_column_1_3{ margin-bottom:1em } #indi-industry-details.about-us .et_pb_image { margin-top:-220px } #indi-industry-details.about-us.et_pb_section { margin-top:230px } #company-intro.our-bond.about-us.et_pb_section { padding:50px 0 } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .indi-about-page { padding:8%;} #about-stats h6 { font-size:60px; } #about-stats p { font-size:20px;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #about-discover .et_pb_row:first-child .et_pb_column:first-child { margin-bottom:30px } #about-discover h4 { font-size:20px;} .indi-about-page { padding:38px 30px;} } /*------------------------------------------------*/ /*-----------------[Offices]---------------*/ /*------------------------------------------------*/ #offices h3 { font-size:24px; text-transform:uppercase; letter-spacing:0.12em; border-bottom:1px solid #cedcdd; margin-bottom:15px } #offices h4 { padding-top:15px } #offices a { color:#35b1c5 } #offices a:hover { opacity:0.5 } /*------------------------------------------------*/ /*-----------------[News & Media]---------------*/ /*------------------------------------------------*/ .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 { width:31.333%; margin-right:3% } .et_pb_blog_grid h2 { font-size:20px; line-height:1.3em } .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_post .post-meta, #left-area .post-meta, #left-area .post-meta a { color:#5d8087; text-transform:uppercase; letter-spacing:0.12em; font-size:13px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; } .et_pb_blog_grid .et_pb_post { padding:0; border:none; } .et_pb_blog_grid .et_pb_image_container { margin:0 } .et_overlay { width:101%; height:101%; left:-1px} .et_pb_post .entry-featured-image-url { margin-bottom:20px } #news .et_pb_widget_area_left { border-right:none; padding-right:0 } #news .widgettitle { display:none; } #news .et_pb_widget li{ float:left; list-style:none; } #news .et_pb_widget li a { color:#5d8087 !important; font-size:17px; display:inline-block; padding:12px 27px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; border-radius: 40px !important; margin-right:10px; margin-bottom:10px; background:#f4f4f4; line-height:1.3em; } #news .et_pb_widget li a:hover { opacity:0.5 } .et_pb_gutters3 #news .et_pb_column_4_4 .et_pb_widget, #news .et_pb_widget{ width:100% !important; margin-right:0 !important; margin-bottom:0; padding-bottom:25px; margin-bottom:50px; border-bottom:1px solid #cedcdd } #news .et_pb_widget_area { margin-bottom:0 } #news .et_pb_post:hover a.entry-featured-image-url{ -moz-box-shadow: 0 10px 45px rgba(0,60,104,0.5); -webkit-box-shadow: 0 10px 45px rgba(0,60,104,0.5); box-shadow: 0 10px 45px rgba(0,60,104,0.5); opacity:1 } #news .post-content { display:none; } .wp-pagenavi { border-top:1px solid #cedcdd; text-align:center } .wp-pagenavi a, .wp-pagenavi span { font-size:16px !important; line-height:16px; color:#5d8087 !important } .wp-pagenavi .pages { display:none; } .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { color:#5d8087 !important } .wp-pagenavi a:hover, .wp-pagenavi span.current { color:#03b4c8 !important } .blog-img { width:100%; height:250px; background-position:center; -webkit-background-size:100%; -webkit-background-size:cover; -moz-background-size:100%; -moz-background-size:cover; background-size:100%; background-size:cover; } .news-archive .et_pb_post { width:31.333%; margin-right:3%; float:left } .news-archive .et_pb_post:nth-child(3n) { margin-right:0} .news-archive .et_pb_post:nth-child(3n+1) { clear:both;} .news-archive .news-meta a, .news-archive .news-meta { color:#5d8087; text-transform:uppercase; letter-spacing:0.12em; font-size:13px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; } .news-archive .entry-title{font-size:20px; line-height:1.3em} .et_pb_text_align_left .wp-pagenavi { text-align:center } .archive.date .et_pb_section_7 { display:none; } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .news-archive .et_pb_post { width:47.25%; margin-right:5.5%; margin-bottom:5% } .news-archive .et_pb_post:nth-child(3n) { margin-right:5.5%} .news-archive .et_pb_post:nth-child(2n) { margin-right:0} .news-archive .et_pb_post:nth-child(3n+1) { clear:none;} .news-archive .et_pb_post:nth-child(2n+1) { clear:both;} } /*-------------------[480px]------------------*/ @media screen and (max-width: 767px) { .blog-img { height:400px } .news-archive .et_pb_post { width:100%; margin-right:0; float:none; margin-bottom:9% } .news-archive .et_pb_post:nth-child(3n) { margin-right:0} .news-archive .et_pb_post:nth-child(2n+1) { clear:none;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .news-archive .et_pb_post { margin-bottom:15% } .blog-img { height:250px } } /*------------------------------------------------*/ /*-----------------[Individual News]---------------*/ /*------------------------------------------------*/ .intro.blog.et_pb_section { padding-bottom:2% !important } .blog-intro span { display:block; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; color: #5d8087; font-size:17px; padding-bottom:1.2em } .blog-intro h1 { padding-bottom:0} #post-intro-divider.et_pb_section { padding:0 !important } #post-intro-divider .et_pb_row { padding-bottom:0 !important } #blog-content.et_pb_section { padding-top:2% !important; padding-bottom:0 !important } #blog-content.et_pb_section .et_pb_row { padding:0 !important } #blog-content h2 { font-size:31px; line-height:1.3em; padding-bottom:20px } #blog-content strong { font-family:'noto_sansSCnXBd','Times New Roman', sans-serif; font-weight:normal; } #blog-content ul li, #blog-content ol li { padding-bottom:15px } #blog-content ul li:last-child { padding-bottom:0 } .entry-content #blog-content ul, .entry-content #blog-content ol { padding:1em 0 2.1em 1em; list-style-position:outside } #blog-content a { color:#03b4c8; display:inline-block; border-bottom:1px solid #03b4c8; line-height:1.3em } #blog-content a:hover { opacity:0.5; } #blog-back.et_pb_section { padding-top:2%;} #blog-back .et_pb_row { border-top:1px solid #cedcdd } #blog-back a { font-size:16px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; } #blog-back a:hover { opacity:0.5 } #blog-back a:before { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: relative; font-size: 18px; content: '\23'; top: 2px; right: 0; padding-right:5px } .single .et_pb_post, .single #left-area { margin-bottom:0 !important; padding-bottom:0 !important } .et_pb_pagebuilder_layout.single-post #page-container .et_pb_row { width: 80% } .single.single-post .post { padding-bottom: 0 } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .blog-side-content.et_pb_column { margin-bottom:0 } #post-intro-divider .et_pb_row { padding-bottom:30px !important } .blog-main-content.et_pb_column_2_3 .et_pb_column_1_3 { width:45.758% !important; margin-right:8.483% !important; margin-bottom:0 } .blog-main-content .et_pb_row_inner .et_pb_column:last-child { margin-right:0 !important } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #blog-content h2 { font-size:26px; } .blog-intro span { font-size:15px; } } /*------------------------------------------------*/ /*-----------------[Articles]---------------*/ /*------------------------------------------------*/ .et_pb_gutters3 .articles .et_pb_column_4_4 .et_pb_sidebar_0 .et_pb_widget, .articles .et_pb_sidebar_0 .et_pb_widget{ width:100%; margin-right:0; margin-bottom:0; padding-bottom:25px; margin-bottom:50px; border-bottom:1px solid #cedcdd } .articles.intro .et_pb_text{ width:100%; margin-right:0; margin-bottom:0; padding-bottom:25px; margin-bottom:50px !important; border-bottom:1px solid #cedcdd; float:left; position:relative; z-index:2 } .articles .et_pb_cpt_loop_archive { margin-bottom:0 !important } .articles .et_pb_sidebar_0 .et_pb_widget li, .articles .et_pb_sidebar_0 .et_pb_text li{ float:left; list-style:none; margin-bottom:0} .articles .et_pb_sidebar_0 .et_pb_widget li a, .articles .et_pb_sidebar_0 .et_pb_text li a { color:#5d8087; font-size:17px; display:inline-block; padding:12px 27px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; -moz-border-radius: 40px !important; -webkit-border-radius: 40px !important; border-radius: 40px !important; margin-right:10px; margin-bottom:10px; background:#f4f4f4; line-height:1.3em; } .articles .et_pb_sidebar_0 .et_pb_widget li a:hover, .articles .et_pb_text li a:hover { opacity:0.5; color:#5d8087; } .articles .et_pb_sidebar_0.et_pb_widget_area { margin-bottom:0 !important } .articles .et_pb_sidebar_0.et_pb_widget_area_left { border-right:none; padding-right:0 } .articles .et_pb_cpt_loop_archive .et_pb_section, .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { width:31.333%; margin-right:3%; float:left; position:relative } .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(3n), .tax-article_categories .et_pb_post:nth-child(3n), .tax-news_categories .et_pb_post:nth-child(3n), .post-type-archive .et_pb_post:nth-child(3n) { margin-right:0} .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(3n+1), .tax-article_categories .et_pb_post:nth-child(3n+1), .tax-news_categories .et_pb_post:nth-child(3n+1), .post-type-archive .et_pb_post:nth-child(3n+1) { clear:both;} .articles .et_pb_cpt_loop_archive .et_pb_section .et_pb_module:first-child { margin-bottom:20px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .articles .et_pb_cpt_loop_archive .et_pb_section .et_pb_module:nth-child(2) { margin-bottom:0 } .articles .et_pb_cpt_archive_list .et_pb_row { padding:0 0 40px } .articles .et_pb_cpt_loop_archive .et_pb_section .et_pb_image:hover, .sb_cpt_term_list a:hover, .cpt_title a:hover { opacity:0.5 } .articles .cpt_title, .articles .entry-title { font-size:20px } .articles .cpt_title, .articles .entry-title a{ color:#002855 !important } .sb_cpt_term_list a { color:#5d8087 !important; text-transform:uppercase; letter-spacing:0.12em; font-size:13px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-weight:normal; } #news.articles .et_pb_post:hover a.entry-featured-image-url { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; opacity:0.5 } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .articles .et_pb_cpt_loop_archive .et_pb_section, .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { width:47.25%; margin-right:5.5%; } .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { margin-bottom:5% !important } .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(3n), .tax-article_categories .et_pb_post:nth-child(3n), .tax-news_categories .et_pb_post:nth-child(3n), .post-type-archive .et_pb_post:nth-child(3n) { margin-right:5.5%} .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(2n), .tax-article_categories .et_pb_post:nth-child(2n), .tax-news_categories .et_pb_post:nth-child(2n), .post-type-archive .et_pb_post:nth-child(2n) { margin-right:0} .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(3n+1), .tax-article_categories .et_pb_post:nth-child(3n+1), .tax-news_categories .et_pb_post:nth-child(3n+1), .post-type-archive .et_pb_post:nth-child(3n+1) { clear:none;} .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(2n+1), .tax-article_categories .et_pb_post:nth-child(2n+1), .tax-news_categories .et_pb_post:nth-child(2n+1), .post-type-archive .et_pb_post:nth-child(2n+1) { clear:both;} .articles .et_pb_cpt_archive_list .et_pb_row { padding:0 0 10% } } /*-------------------[480px]------------------*/ @media screen and (max-width: 767px) { .articles .et_pb_cpt_loop_archive .et_pb_section, .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { width:100%; margin-right:0; float:none; } .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { margin-bottom:9% !important } .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(3n), .tax-article_categories .et_pb_post:nth-child(3n), .tax-news_categories .et_pb_post:nth-child(3n), .post-type-archive .et_pb_post:nth-child(3n) { margin-right:0} .articles .et_pb_cpt_loop_archive .et_pb_section:nth-child(2n+1), .tax-article_categories .et_pb_post:nth-child(2n+1), .tax-news_categories .et_pb_post:nth-child(2n+1), .post-type-archive .et_pb_post:nth-child(2n+1) { clear:none;} .articles .et_pb_cpt_archive_list .et_pb_row { padding:0 0 9% } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .tax-article_categories .et_pb_post, .tax-news_categories .et_pb_post, .post-type-archive .et_pb_post { margin-bottom:15% !important } } /*------------------------------------------------*/ /*-----------------[Individual Articles]---------------*/ /*------------------------------------------------*/ .type-articles .et_pb_section_0 { padding-top:0 !important } .type-articles .et_pb_cpt_loop_archive .et_pb_section { padding:0 !important } .type-articles .et_pb_cpt_loop_archive .et_pb_section .et_pb_row { width:100% } /*------------------------------------------------*/ /*-----------------[Dealers]---------------*/ /*------------------------------------------------*/ .dealers .et_pb_tab { padding:35px 40px 45px;} .dealers .et_pb_tabs_controls li a { padding:20px; color:#002855} .dealers.et_pb_tabs { border: 1px solid #cedcdd; } .dealers .et_pb_tabs_controls li {border-right: 1px solid #cedcdd} .dealers ul.et_pb_tabs_controls::after { border-top: 1px solid #cedcdd; top:0} .dealers ul.et_pb_tabs_controls {background:#f0f6f7 } .dealers .et_pb_tab_content h4 { padding-top:10px } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .dealers .et_pb_tabs_controls li { display:block; float:none; border-right:none; border-bottom:1px solid #cedcdd; height: auto!important} .dealers .et_pb_tabs_controls li:last-child { border-bottom:none} .dealers .et_pb_tabs_controls li a { padding:12px 40px;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .dealers .et_pb_tab { padding:28px 30px;} .dealers .et_pb_tabs_controls li a { padding:12px 30px;} } /*------------------------------------------------*/ /*-----------------[Archive Pages]---------------*/ /*------------------------------------------------*/ .archive .et_pb_section_6 { display:none; } .archive .et_pb_section_6.et_pb_with_background { display:block; } /* * Remove sidebar on all archive pages */ .search #main-content .container::before, .archive #main-content .container::before { display: none; } .search #left-area, .archive #left-area { width: 100%; float: none; padding-right: 0; } .search #sidebar, .archive #sidebar { display: none; } /* * Create Mansonory styles for archive pages */ .archive #news, .search #news { padding-bottom:80px } .archive h1 { font-size:60px; text-align:center } .search h1 { font-size:42px; text-align:center } .archive .page-title-row, .search .page-title-row{ width:100% } #main-content #news.container { padding-top:4%} .archive #left-area { -moz-column-count: 3; column-count: 3; -moz-column-gap: 3%; column-gap: 3%; } .archive .et_pb_post > a, .search .et_pb_post > a { display: block; } .search #left-area .et_pb_post, .archive #left-area .et_pb_post { page-break-inside: avoid; break-inside: avoid-column; width: 100%; background-color: #fff; word-wrap: break-word; display: inline-block; } .search #left-area .et_pb_post { border:1px solid #cedcdd; padding:20px 20px 5px } #left-area .post-meta { padding-bottom:0 } #news .et_pb_post .et_overlay:before { content:'\e03c'; color:#ffffff; } #news .et_pb_post:hover .et_overlay { z-index:3; opacity:1; background-color:rgba(3,190,200,0.8) } .entry-featured-image-url { overflow:hidden } .search #left-area .et_pb_post h2, .archive #left-area .et_pb_post h2 { font-size: 20px; line-height:1.3em} .search #left-area .et_pb_post.format-link, .search #left-area .et_pb_post.format-quote, .search #left-area .et_pb_post.format-audio, .archive #left-area .et_pb_post.format-link, .archive #left-area .et_pb_post.format-quote, .archive #left-area .et_pb_post.format-audio{ padding: 0; } .archive .et_pb_post .et_pb_image_container, .archive .et_pb_post .et_main_video_container, .archive .et_pb_post .et_audio_content, .archive .et_pb_post .et_pb_slider, .search .et_pb_post .et_pb_image_container, .search .et_pb_post .et_main_video_container, .search .et_pb_post .et_audio_content, .search .et_pb_post .et_pb_slider { margin: -20px -20px 10px; } .archive .pagination, .search .pagination { padding: 20px 0; } .search #left-area p { text-align:center } .search #left-area .et_pb_post { margin-bottom:30px } .search #left-area .et_pb_post p{ text-align:left } /*-------------------[768px]------------------*/ @media screen and (max-width: 980px) { .search #left-area, .archive #left-area { -moz-column-count: 2; column-count: 2; -moz-column-gap: 5.5%; column-gap: 5.5%; } #main-content #news.container { padding-top:40px} .et_pb_post { margin-bottom:9.14% } } /*-------------------[480px]------------------*/ @media screen and (max-width: 767px) { .search #left-area, .archive #left-area { -moz-column-count: 1; column-count: 1; } .search .et_pb_post.format-audio .et_audio_content, .archive .et_pb_post.format-audio .et_audio_content{ margin: 0;} .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail, .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{ min-width: 300px!important; width: 300px!important; } .archive h1 { font-size:50px; } .archive #intro, .search #intro { padding:20px 0 } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { .archive #intro, .search #intro { padding:0 } .archive h1 { font-size:42px; } .search h1 { font-size:32px; } } /*------------------------------------------------*/ /*-----------------[Contact Us]---------------*/ /*------------------------------------------------*/ .contact-form .wpcf7-submit { width:180px !important; padding:.55em 2.5em !important; background-color: #ffffff !important; color:#03b4c8 !important; cursor: pointer !important; display: inline-block; position:relative; border: 3px solid #03b4c8 !important; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:2; font-family:'noto_sansSCnSBd','Times New Roman', sans-serif !important; font-weight:normal!important; text-transform:uppercase !important; font-size:16px !important; line-height:1.7em; letter-spacing: 0.12em !important; margin-top:15px; -moz-border-radius: 30px !important; -webkit-border-radius: 30px !important; border-radius: 30px !important; } .contact-form .wpcf7-submit:hover { background-color: rgba(53,177,197,.2) !important; border:3px solid transparent !important;} .contact-form textarea, .et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact p select { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; font-size:16px !important; border-bottom:1px solid #e3e3e3 !important; border-top:none; border-right:none; border-left:none; padding:5px 0 5px 0; width:100% !important; color:#002855 !important; background:#ffffff; font-family:'noto_sansSCn','Times New Roman', sans-serif !important; margin-bottom: 15px; letter-spacing: normal!important; text-transform: none!important } .et_pb_contact p input[type='checkbox'] {width:auto !important;} .et_pb_contact p textarea { height:150px; padding: 15px } .et_pb_contact p select { padding:10px 20px 5px 0 !important; height:50px } div.wpcf7-response-output { margin:1.5em 0 1em; } div.wpcf7 .ajax-loader { display:none; } .wpcf7 {margin-top:50px !important } .contact-form { padding:5%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5); -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5); box-shadow: 0 15px 45px rgba(0,60,104,0.5); border-left:4px solid #03b4c8 } .col-1 { width: 46%; margin-right: 4%; display: block; float: left} .col-2 { width: 46%; display: block; float: left } .et_pb_contact p { font-size:13px; text-transform: uppercase; letter-spacing: 0.12em; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; padding-bottom: 1em !important} .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus { border-bottom:1px solid #03b4c8 !important; } .contact-form textarea:focus { border:1px solid #03b4c8 !important; } .contact-form textarea { border:1px solid #e3e3e3 !important; margin-top: 10px} /*To remove button from IE11 */ select::-ms-expand { display: none;} .et_pb_contact .selector { position:relative; } .et_pb_contact .selector:after{ content: '\33'; font-family: 'ETmodules' !important; font-size:25px; color: #5d8087; top: 40px; right:2px; position: absolute; pointer-events: none; } .contact-form span.wpcf7-list-item, .policy { margin:0; text-transform: none !important; font-family:'noto_sansSCn','Times New Roman', sans-serif !important; letter-spacing: normal !important; font-size:14.5px !important } .et_pb_contact p select {-webkit-appearance: none; -moz-appearance: none; appearance: none; } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .contact-form { padding:7%;} .col-1 { width: 100%; margin-right: 0; float: none} .col-2 { width: 100%; float: none } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { .contact-form { padding:45px 40px;} .contact-form .wpcf7-submit { width:100% !important; } } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #rc-imageselect, .g-recaptcha {transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;} .contact-form { padding:38px 30px;} .et_pb_contact p { font-size:11.5px; } .contact-form textarea, .et_pb_contact p input, .et_pb_contact p textarea, .et_pb_contact p select { font-size:15px !important } } ::-webkit-input-placeholder { color:#002855!important; opacity:1 } :-moz-placeholder { color:#002855 !important; opacity:1 } :-ms-input-placeholder { color:#002855 !important; opacity:1 } .wpcf7-not-valid-tip { display: block; color: #03b4c8 !important; border: none; position: relative; top: auto; left: auto; padding: 0; background: none; font-size: 14px !important; margin-top: 0; line-height: 1em !important; text-transform: none !important; letter-spacing: normal !important; font-family:'noto_sansSCn','Times New Roman', sans-serif !important; } .wpcf7-validation-errors { background: none !important; border: 2px solid #03b4c8 !important; color: #03b4c8 !important; } .wpcf7-response-output { margin: 10px 0; padding: 15px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 0; font-size:14px; line-height:1.5em } .wpcf7-mail-sent-ng { background: none !important; border: 2px solid #03b4c8 !important; color: #03b4c8 !important; } .wpcf7-mail-sent-ok { background: none !important; border: 2px solid #03b4c8 !important; color: #03b4c8 !important; } #wpcf7-mkg-consent { display: inline-block; -webkit-appearance: checkbox; width: auto !important; } /*------------------------------------------------*/ /*-----------------[Footer]---------------*/ /*------------------------------------------------*/ #cta-footer h3 { color:#ffffff; font-size: 58px; line-height: 1.1em; padding-bottom: 20px} #cta-footer p { color:#80c3db; } #cta-footer .et_pb_button { border:3px solid #ffb228; background: #ffb228; color: #002855 !important } #cta-footer .et_pb_button:hover, #cta-footer .et_pb_module .et_pb_button:hover { background-color:rgba(255,255,255,.2); border:3px solid transparent; color: #ffffff !important} #footer-navi.et_pb_section { padding-bottom:0 !important } #footer-navi .et_pb_bg_layout_light .et_pb_widget li a, .footer-countries h4{ font-size:14px; color:#ffffff; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; text-transform:uppercase; letter-spacing:0.12em; margin-bottom:18px; display:inline-block; line-height: 1.3em } .footer-countries h4 { padding-bottom:0; display:block } #footer-navi .et_pb_bg_layout_light .et_pb_widget li a:hover { opacity:0.5 } #footer-navi .et_pb_bg_layout_light .et_pb_widget li li a { font-size:16px; color:#81c5dd; font-family:'noto_sansSCn','Times New Roman', sans-serif; text-transform:none; letter-spacing:normal; margin-bottom:0.5em } #footer-navi .et_pb_widget ul li ul li { margin-left:0; line-height: 1.3em; margin-bottom: 0.4em } #footer-navi .et_pb_widget ul#et-secondary-nav li ul li {margin-bottom: 0 } #footer-navi img { width:128px !important; height:auto; padding-bottom:40px } #footer-navi .et_pb_bg_layout_light .et_pb_widget .footer-countries li a { font-size:16px; color:#81c5dd; font-family:'noto_sansSCn','Times New Roman', sans-serif; text-transform:none; letter-spacing:normal; margin-bottom:0 } .footer-countries #et-secondary-nav .menu-item-has-children > a:first-child::after {top:2px } #footer-navi .et_pb_bg_layout_light .et_pb_widget .footer-countries li li a { color:#002855; font-size:14px; text-align:left } .footer-countries .sub-menu { padding:10px 0 !important } .footer-countries #et-secondary-nav li ul { top:32px; left:0; width:124px } #footer-navi .et_pb_column:first-child { z-index:9} #footer-navi .et_pb_column { z-index:2} .et_pb_gutters3 #footer-navi .et_pb_column_1_5 .et_pb_widget { margin-bottom: 35px } .footer-countries .wpml-ls-item { display:none !important } .articles .et_pb_sidebar_0 .et_pb_widget .footer-countries li a { padding:0 20px 0 0; margin-right:0; background:none; border-bottom:0 } .articles #footer-navi .et_pb_sidebar_0 .et_pb_widget { padding-bottom:0; border:none } #footer-widgets { display:none } #main-footer { background-color:#030c27 !important } #footer-bottom, #et-footer-nav { background-color:#030c27 !important; } #footer-bottom .container { border-top:1px solid #ccdee7; padding-top:20px; } #footer-info { padding-bottom:20px; padding-top:5px;color:#ccdee7; font-size:12px; width:30%; } #et-footer-nav { width:70%; float:left; text-align:right } .bottom-nav { padding-top:0; padding-bottom:20px; } .bottom-nav li { font-size:12px; padding-left:22px; padding-right:0; font-weight:normal } .bottom-nav a { color:#ccdee7; } .bottom-nav li.current-menu-item > a {color:#03b4c8 } .grecaptcha-badge {display:none;} /***** Footer - social media icon *****/ #footer-navi img.icon-social { width:40px !important; padding:0; } .socialmedia-row .et_pb_text_inner { text-align:right; } .socialmedia-row .et_pb_text_inner img.icon-social { margin-left:5px; } /*Collapsible mobile sub menu*/ #footer-mobile-nav { background: #030c27; padding-bottom:30px; display:none; } #footer-mobile-nav .et_mobile_menu { display:block; position: relative; background: #030c27; border:1px solid #ffffff; padding:0} #footer-mobile-nav .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; font-weight:normal; } #footer-mobile-nav .et_mobile_menu .menu-item-has-children > a:hover { background-color:rgba(0,0,0,.03) } #footer-mobile-nav .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; } #footer-mobile-nav .et_mobile_menu .menu-item-has-children > a:after { font-size: 18px; content: '\4c'; top: 11px; right: 25px; } #footer-mobile-nav .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; } #footer-mobile-nav .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;} #footer-mobile-nav .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } #footer-mobile-nav .et_mobile_menu li a, #footer-mobile-nav .et_mobile_menu li:last-child li a { color:#ffffff; border-bottom:1px solid #ffffff; } #footer-mobile-nav .et_mobile_menu li:last-child a { border-bottom:none; } #footer-mobile-nav #mobile_menu li:last-child:before { color:#81c5dd } /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { #cta-footer h3 { font-size: 50px; } } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { #cta-footer h3 { font-size: 40px; } #footer-navi .et_pb_column_1_5, #footer-navi .et_pb_column_1_5 .et_pb_widget_area { display:none } #footer-navi .et_pb_column_1_5:first-child { display:block; margin-bottom:0; width:100%; margin-right:0 } #footer-navi .et_pb_image { margin-bottom:0; text-align:center } #footer-navi img { padding-bottom:30px } #footer-info { width:100%; padding-bottom: 10px} #et-footer-nav { width:100%; float: none; } .bottom-nav li { padding-right:15px; padding-left: 15px;} #footer-bottom .container { border-top:none; padding-top:5px } #footer-mobile-nav { display:block; } .socialmedia-row .et_pb_text_inner { text-align:center; margin-bottom:50px; } } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { #cta-footer.et_pb_section { padding:40px} #cta-footer .et_pb_text { margin-bottom:20px} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #cta-footer h3 { font-size: 32px; } #cta-footer .et_pb_row { width:100% } } /*------------------------------------------------*/ /*----------------------[404]---------------------*/ /*------------------------------------------------*/ .error404 .lines { display:none; } .error404 #main-content .container:before {display:none;} .error { text-align:center; padding:250px 30px} /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { .error { padding:100px 30px} } @font-face { font-family: 'noto_sansSCn'; src: url('fonts/notosans-semicondensed-webfont.woff2') format('woff2'), url('fonts/notosans-semicondensed-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sansSCnLt'; src: url('fonts/notosans-semicondenseditalic-webfont.woff2') format('woff2'), url('fonts/notosans-semicondenseditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sansSCnSBd'; src: url('fonts/notosans-semicondensedsemibold-webfont.woff2') format('woff2'), url('fonts/notosans-semicondensedsemibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sansSCnBd'; src: url('fonts/notosans-semicondensedbold-webfont.woff2') format('woff2'), url('fonts/notosans-semicondensedbold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'noto_sansSCnXBd'; src: url('fonts/notosans-semicondensedextrabold-webfont.woff2') format('woff2'), url('fonts/notosans-semicondensedextrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .archive.date #breadcrumb>div{ min-height:0px !Important; background:transparent !important;; } .archive.date #breadcrumb>div{ min-height:0px !Important; background:transparent !important;; } .archive.date #footer-navi:before{ content:''; position:absolute; height:100%; width:100%; background-color:#030c27!important; top:0px; left:0px; z-index:1; } .archive.date #footer-navi>div{ z-index:9; } /***** People Stories *****/ .single-people-stories #page-intro .et_pb_slider { width:130%; margin-left:-30% !important;} .single-people-stories #page-intro > .et_pb_row { padding:30px 0 !important; } .single-people-stories #page-intro .et_pb_slide { height:520px; } .single-people-stories #page-intro .et_pb_text { max-width:80%; } .people-highlight .et_pb_row { padding:30px 0 !important; } .people-highlight .et_pb_image { max-width:58%; } .people-highlight .et_pb_text { float:right; max-width:45%; margin-top:-38%; margin-left:55%; background-color:#fff; padding:5%; -moz-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; -webkit-box-shadow: 0 15px 45px rgba(0,60,104,0.5) !important; box-shadow: 0 15px 45px rgba(0,60,104,0.5); } .people-highlight .et_pb_text h3 { font-size:30px; font-weight:bold; } /***** Tag - Strength *****/ .et-db #et-boc .et-l .et_pb_text ul.tag-strength, ul.tag-strength { margin:0 0 1em;; padding:0; list-style:none; } ul.tag-strength li { display:inline-block; padding:2px 15px; background-color:#000; color:#fff; border-radius:15px; margin-left:12px; margin-bottom:1em; } ul.tag-strength li:first-child { margin-left:0; } ul.tag-strength li.innovation { background-color:#5bb0d1;} ul.tag-strength li.growth { background-color:#57b165;} ul.tag-strength li.connection { background-color:#dc9251;} ul.tag-strength li.purpose { background-color:#de6b77;} /***** Tag - Country *****/ ul.tag-country { margin:0; padding:0; list-style:none; } ul.tag-country li { text-transform:uppercase; font-weight:bold; font-size:20px; color:#5bb0d1; } @media only screen and (max-width: 1400px) { .people-highlight .et_pb_text { max-width:50%; margin-left:50%; } } @media only screen and (max-width: 980px) { .people-highlight .et_pb_text { max-width:70%; margin-left:30%; margin-top:-20%; } .single-people-stories #page-intro .et_pb_slider { margin-left:20% !important; } .single-people-stories #page-intro > .et_pb_row { padding:30px 0 !important; } .people-highlight .et_pb_row { padding:30px 0 !important; } } @media only screen and (max-width: 768px) { .people-highlight .et_pb_image { max-width:85%; } .people-highlight .et_pb_text { max-width:85%; margin-left:15%; margin-top:-15%; } } @media only screen and (max-width: 479px) { .single-people-stories #page-intro .et_pb_slide { height: 400px; } .people-highlight .et_pb_image { max-width:100%; margin-bottom:0 !important; } .people-highlight .et_pb_text { max-width:100%; margin-left:0; margin-top:0; } } /***** Archieve People Stories *****/ .post-type-archive-people-stories .et_pb_text.people-archive .et_pb_text_inner > div { display:grid; grid-template-columns: repeat(4, 1fr); grid-column-gap:2%; grid-row-gap:60px; } .post-type-archive-people-stories .people-stories { display:block; } .people-archive article { background-color:#fff; -moz-box-shadow: 0 5px 10px rgba(0,60,104,0.5); -webkit-box-shadow: 0 5px 10px rgba(0,60,104,0.5); box-shadow: 0 5px 10px rgba(0,60,104,0.5); position:relative; } .people-archive article .detail { padding: 20px 25px 65px; background-color:#fff; } .people-archive article .detail .terms { position:relative; line-height:2em; margin-bottom:1em; } .people-archive article .detail .terms:after { clear:both; } .people-archive article .detail .terms span { display:inline-block; line-height:1.7em; float:right; padding:2px 15px; background-color:#000; color:#fff; border-radius:15px; } .people-archive article .detail .terms span.innovation { background-color:#5bb0d1;} .people-archive article .detail .terms span.growth { background-color:#57b165;} .people-archive article .detail .terms span.connection { background-color:#dc9251;} .people-archive article .detail .terms span.purpose { background-color:#de6b77;} .people-archive article a.img { display:block; overflow:hidden; height:188px; } .people-archive article a.img > img { width:100%; } .people-archive article .detail h2.title { font-size:21px; font-weight:bold; } .people-archive article .detail .excerpt { height:140px; overflow:hidden; } .people-archive article a.learn-btn { position:absolute; bottom:20px; padding:0 25px; } @media only screen and (max-width: 1280px) { .post-type-archive-people-stories .et_pb_text.people-archive .et_pb_text_inner > div { grid-template-columns: repeat(3, 1fr); grid-column-gap:3%; } } @media only screen and (max-width: 980px) { .post-type-archive-people-stories .et_pb_text.people-archive .et_pb_text_inner > div { grid-template-columns: repeat(2, 1fr); grid-column-gap:5%; } } @media only screen and (max-width: 650px) { .post-type-archive-people-stories .et_pb_text.people-archive .et_pb_text_inner > div { display:block; } .people-archive article { margin-bottom:60px; } .people-archive article a.img { height:250px;} .people-archive article .detail .excerpt { height:auto; } } @media only screen and (max-width: 500px) { .people-archive article a.img { height:200px; } } /***** Pagination *****/ .wp-pagenavi { padding: 10px 0;} .wp-pagenavi > span, .wp-pagenavi > a { border:0 none; margin:0 5px; } /***** Career Main Page *****/ #company-intro.page-career .et_pb_text { max-width:100%; } #company-intro.page-career .et_pb_text p { line-height:1.1; } #company-intro.page-career .et_pb_text sup { bottom: 0.2em; } .career-teams { background-color:#fff; box-shadow: 0 15px 25px rgba(43,91,126,0.6); padding:0; margin-bottom:3rem; } .career-teams .et_pb_column { border-left:1px solid #333; } .career-teams .et_pb_column:first-child { border-left:0 none; } .career-teams .et_pb_text { padding:45px 40px 45px; } .career-teams .career-team-link { position:absolute; bottom:0; } .career-teams .career-team-link .learn-btn { color:#03b4c8; } .career-teams .et_pb_column .et_pb_text:first-child { padding: 45px 40px 90px; } .career-teams .et_pb_column:hover { background: rgb(0,40,85) !important; background: -moz-linear-gradient(left, rgba(0,40,85,1) 0%, rgba(2,108,154,1) 100%) !important; background: -webkit-linear-gradient(left, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; background: linear-gradient(to right, rgba(0,40,85,1) 0%,rgba(2,108,154,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#002855", endColorstr="#026c9a",GradientType=1 ) !important; } .career-teams .et_pb_column:hover h3 { color:#fff !important; } .career-teams .et_pb_column:hover .career-team-link a.learn-btn { color:#ffb028; } .read-stories-hdr .et_pb_button_module_wrapper { position:absolute; top:0; right:0; } a.read-stories { background:#ffb228; border-color:#ffb228; color:#002855; } div.career-people-stories { display:grid; grid-template-columns: repeat(4, 1fr); grid-column-gap:2%; grid-row-gap:60px; } div.career-people-stories .people-stories { display:block; } div.career-people-stories article { background-color:#fff; -moz-box-shadow: 0 5px 10px rgba(0,60,104,0.5); -webkit-box-shadow: 0 5px 10px rgba(0,60,104,0.5); box-shadow: 0 5px 10px rgba(0,60,104,0.5); position:relative; } div.career-people-stories article .detail { padding: 20px 25px 65px; background-color:#fff; } div.career-people-stories article .detail .terms { position:relative; line-height:2em; margin-bottom:1em; } div.career-people-stories article .detail .terms:after { clear:both; } div.career-people-stories article .detail .terms span { display:inline-block; line-height:1.7em; float:right; padding:2px 15px; background-color:#000; color:#fff; border-radius:15px; } div.career-people-stories article .detail .terms span.innovation { background-color:#5bb0d1;} div.career-people-stories article .detail .terms span.growth { background-color:#57b165;} div.career-people-stories article .detail .terms span.connection { background-color:#dc9251;} div.career-people-stories article .detail .terms span.purpose { background-color:#de6b77;} div.career-people-stories article a.img { display:block; overflow:hidden; height:188px; } div.career-people-stories article a.img > img { width:100%; } div.career-people-stories article .detail h2.title { font-size:21px; font-weight:bold; } div.career-people-stories article .detail .excerpt { height:140px; overflow:hidden; } div.career-people-stories article a.learn-btn { position:absolute; bottom:20px; padding:0 25px; } @media only screen and (max-width: 1280px) { .read-stories-hdr .et_pb_button_module_wrapper { position:inherit; } div.career-people-stories { grid-template-columns: repeat(2, 1fr); grid-column-gap:5%; } div.career-people-stories article a.img { height:250px; } } @media only screen and (max-width: 980px) { .career-teams .et_pb_column { border-top:1px solid #333; border-left:0 none; } .career-teams .et_pb_column:first-child { border-top:0 none; } div.career-people-stories { grid-template-columns: repeat(2, 1fr); grid-column-gap:5%; } div.career-people-stories article a.img { height:200px; } } @media only screen and (max-width: 650px) { div.career-people-stories { display:block; } div.career-people-stories article { margin-bottom:60px; } div.career-people-stories article a.img { height:250px;} div.career-people-stories article .detail .excerpt { height:auto; } } @media only screen and (max-width: 500px) { div.career-people-stories article a.img { height:200px; } } /***** Brand's' Page *****/ .brand-top-banner .et_pb_title_container h1 { font-size:60px; padding-bottom:0; } .brand-top-banner .et_pb_title_container h1 em { font-style:normal; vertical-align:super; font-size:0.6em; } .brand-top-banner .et_pb_title_container h2 { font-size:20px; } .brand-top-banner .et_pb_title_container p { font-size:16px; line-height:18px; } .brand-top-banner .et_pb_button { text-transform:inherit; } .brand-top-banner .et_pb_btn_container { margin-top:20px; } .brand-title-hdr.et_pb_row { padding: 2% 0 0; } .brand-title-hdr.et_pb_row h2 { padding-bottom:27px; } .brand-product .et_pb_row:nth-child(3) .et_pb_column_1_3:nth-child(3) { display:none; } .brand-product .et_pb_row:nth-child(3) .et_pb_column_1_3:nth-child(1) { margin-left:14.833%; } .brand-features .et_pb_tabs_controls { width:32%; float:left; margin-right:3% } .brand-features .et_pb_all_tabs { width:65%; float:left; background:none; } .brand-features ul.et_pb_tabs_controls { background:none; } .brand-features .et_pb_tab { padding:0; } .brand-features .et_pb_tabs_controls li { display:block; width:100%; height:auto !important; background-color:#888b8a; border-right:none; font-weight:normal; margin:0px; clear:both; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear;} .brand-features .et_pb_tabs, .brand-features ul.et_pb_tabs_controls:after { border:none; } .brand-features .et_pb_tabs_controls li a { display:block; color:#fff; font-size:16px; line-height:1.2; padding:16px 24px 16px 12px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; } .brand-features .et_pb_tabs_controls li a:after { content:"\33"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:20px; position:absolute; top:14px; right:8px; } .brand-features .et_pb_tabs_controls li:hover { background:#000; } .brand-features .et_pb_tabs_controls li.et_pb_tab_active { background:#cc5229; } .brand-features .et_pb_tab_active a { color:#ffffff !important; } .brand-features h4 { font-size:33px; } /* .brand-quality-col .et_pb_button_module_wrapper { height:64px;} */ .et_pb_button_module_wrapper > a.brand-quality-btn { display:flex; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; line-height:1.2 !important; text-transform:inherit; height:100%; justify-content:center; align-items:center; } body #page-container .et_pb_section .et_pb_button_module_wrapper > a.brand-quality-btn { padding:16px 8px !important; } .brand-download.et_pb_row { border-top:1px solid #cedcdd; padding-left:30px; padding-right:30px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3 linear; } .brand-download.et_pb_row:hover { border-top:4px solid #35b1c5; -moz-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; -webkit-box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; box-shadow: 0 15px 25px rgba(0,60,104,0.2) !important; } .brand-download .et_pb_text_inner { min-height:32px; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; font-size:17px; color:#002855; } .et_pb_button_module_wrapper > a.brand-project-btn { display:flex; font-family:'noto_sansSCnSBD','Times New Roman', sans-serif; line-height:1.2 !important; text-transform:inherit; height:100%; justify-content:center; align-items:center; } body #page-container .et_pb_section .et_pb_button_module_wrapper > a.brand-project-btn { padding:16px 8px !important; } .brand-article .bb_cpt_loop .et_pb_post { margin-bottom:12px; } .brand-article .bb_cpt_loop .et_pb_post h2 { text-align:center; } @media only screen and (max-width: 1280px) { .brand-top-banner .brand-top-banner-desc { min-width:450px; } } @media only screen and (max-width: 980px) { .brand-top-banner .brand-top-banner-desc { max-width:450px; } .brand-product .et_pb_row .et_pb_column_1_3 { width:45%; } .brand-product .et_pb_row .et_pb_column_1_3:nth-child(2) { margin-left:10%; } .brand-product .et_pb_row:nth-child(2) .et_pb_column_1_3:nth-child(3) { margin-left:27.5%; } .brand-product .et_pb_row:nth-child(3) .et_pb_column_1_3:nth-child(1) { margin-left:0; } .brand-download.et_pb_row .et_pb_column { width:50% !important; margin-bottom:0; } .brand-article .bb_cpt_loop .et_pb_post:nth-child(3) { margin-right:0; margin-left:26.735%; } } @media only screen and (max-width: 767px) { .brand-top-banner .brand-top-banner-desc { max-width:450px; } .brand-product .et_pb_row .et_pb_column_1_3 { width:45%; } .brand-product .et_pb_row .et_pb_column_1_3:nth-child(2) { margin-left:10%; } .brand-product .et_pb_row:nth-child(2) .et_pb_column_1_3:nth-child(3) { margin-left:27.5%; } .brand-product .et_pb_row:nth-child(3) .et_pb_column_1_3:nth-child(1) { margin-left:0; } .brand-features .et_pb_tabs_controls { width:100%; float:none; margin-right: 0 } .brand-features .et_pb_all_tabs { width:100%; float:none; padding-top:30px } .brand-features .et_pb_tabs_controls li { background:#888b8a; display:block; float:none; } .brand-features .et_pb_tabs_controls li a { padding:12px 25px; } .brand-download.et_pb_row .et_pb_column { width:100% !important; } .brand-download.et_pb_row .et_pb_column p { line-height:1.2; } .brand-download.et_pb_row .et_pb_column p:before { content:"\e004"; font-family:ETmodules !important; font-weight:400; font-style:normal; font-variant:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; text-transform:none; speak:none; font-size:25px; position:relative; top:6px; padding-right:5px; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;-o-transition: all .2s;-ms-transition: all 0.2 linear; } .brand-article .bb_cpt_loop .et_pb_post { margin-bottom:24px; } .brand-article .bb_cpt_loop .et_pb_post:nth-child(3) { margin-left:0; } } @media only screen and (max-width: 479px) { .brand-top-banner .brand-top-banner-desc { min-width:auto; } .brand-top-banner .et_pb_title_container h1 { font-size:50px; } body #page-container .et_pb_section.brand-top-banner .et_pb_btn_container { font-size:20px; } .brand-title-hdr.et_pb_row h2 { font-size:25px; } .brand-product .et_pb_row .et_pb_column_1_3 { width:45% !important; } .brand-product .et_pb_row .et_pb_column_1_3:nth-child(2) { margin-left:10%; } .brand-product .et_pb_row:nth-child(2) .et_pb_column_1_3:nth-child(3) { margin-left:27.5%; } .brand-product .et_pb_row:nth-child(3) .et_pb_column_1_3:nth-child(1) { margin-left:0; } .brand-quality .et_pb_column_1_4 { width:47.25% !important; } .brand-quality .et_pb_column_1_4:nth-child(1), .brand-quality .et_pb_column_1_4:nth-child(3) { margin-right: 5.5%; } } /***** Steel in Style page *****/ .th_steelinstyle_row { display:flex; align-items: center; } @media only screen and (max-width: 980px) { .th_steelinstyle_row { align-items: stretch; flex-direction: column; } .th_steelinstyle_row_mrevert .et_pb_column:first-child { order:1; } .th_steelinstyle_row_mrevert .et_pb_column:last-child { order:0; } }