/* Theme Name: Divi Child Theme URI: http://elegantthemes.com/ Description: Divi Child Theme Author: ElegantThemes Author URI: http://elegantthemes.com Template: Divi Version: 0.1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready Text Domain: divi-child-theme */ /* ==== Add your own styles below this line ==== * -------------------------------------------- */ body.ie #page-container{overflow-x:hidden;} .et-pb-controllers a { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background-color: rgba(0, 0, 0, 0.48); margin-top: 10px; } .ubermenu .ubermenu-retractor { display: none !important; } .et-pb-controllers { position: static; bottom: 0; } @font-face { font-family: 'Helvetica'; src: url('css/fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('css/fonts/Helvetica.otf') format('opentype'), url('css/fonts/Helvetica.woff') format('woff'), url('css/fonts/Helvetica.ttf') format('truetype'), url('css/fonts/Helvetica.svg#Helvetica') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica-Bold'; src: url('css/fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/Helvetica-Bold.woff') format('woff'), url('fonts/Helvetica-Bold.ttf') format('truetype'), url('css/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg'); font-weight: normal; font-style: normal; } .et_header_style_left .logo_container{left: 0px;padding: 0 10px;} figure {margin: 0; padding: 0;} .et_primary_nav_dropdown_animation_flip #et-top-navigation ul li:hover>ul {-webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none;} .f1_title{font-size: 43px; font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; color: #fff; letter-spacing: 0;} .f1_title a {color: #fff !important; text-decoration: none !important;} span.logo_helper{ margin-top: 15px;} .et_header_style_left #et-top-navigation {padding: 20px 40px 15px 0 !important;} #footer-widgets{padding-top: 110px;} .et_pb_gutters3 .footer-widget{margin-bottom: 90px;} .et_pb_gutters3 .footer-widget:nth-child(2){padding-left: 7.5%;} .et_pb_gutters3 .footer-widget:nth-child(3){padding-left: 30px;} .et_pb_gutters3 .footer-widget p.copyright{font-size: 15px; color: #7a7a7a; margin-bottom: 5px;} #footer-widgets{font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif;} #footer-widgets .title{font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; padding-bottom: 15px;} #footer-widgets .footer-widget a{text-decoration: underline; margin-bottom: 0;} .footer-widget .et_pb_widget{clear: both; margin-bottom: 40px !important;} #footer-widgets .footer-widget ul.wpsw-social-links li{list-style: none; padding: 0px; margin: 0;} body .wpsw-social-links li .social-icon{width: 36px; height: 36px; padding: 9px; font-size: 18px;} #footer-widgets .footer-widget li:before{display: none;} body .wpsw-social-links li .social-icon:after{display: none;} #footer-widgets .footer-widget a.white_color{color: #fff; text-decoration: none;} .red_title{font-size: 52px; line-height: 70px; font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif; color: #ff2f30; font-weight: bold; letter-spacing: -2px;} .global_integrate p{font-size: 30px; font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif; line-height: 35px; margin-top: 5px;} body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button{line-height: normal !important; padding: 38px 120px !important;} .tparrows.new-style{height: 100%;width: 150px; background: rgba(0, 0, 0, 0.83);} .tparrows.new-style:hover{background: rgba(111, 94, 84, 0.88);} .new-style.tparrows:before{top: 50%; position: absolute; left: 50%; font-size: 40px; line-height: 45px;} .your_project h2 a {margin-top: 0;} .your_project a{text-decoration: underline; margin-top: 10px; display: block;} .et-fixed-header span.logo_helper{margin: 0px;} .section_threebox h2{padding-bottom: 32px;} body.et_header_style_left #et-top-navigation{padding-right: 40px;} #et_top_search{ margin: 26px 0 0 22px; transform: rotate(-90deg);} form.et-search-form { max-width: 100% !important;} .et-search-form input { position: absolute; top: 0; right: 30px; left: 0; bottom: 0; width: 38%; height: 50px; margin: auto; border: none; color: #333; border: 1px solid #fff; padding-left: 10px; background: 0 0;} span.et_close_search_field { right: 30% !important;} /* Rectangle Out */ body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform;} body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button:hover, body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button:focus, body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1);} .zoom-social-icons-list a span.socicon {background-color: #ff2f30 !important; color: #fff !important; border-radius: 50%;} .zoom-social-icons-list .socicon:hover {background-color: #fff !important; color: #ff2f30 !important;} #footer-widgets .footer-widget ul.zoom-social-icons-list li {padding-left: 0;} .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {margin: 2px !important;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0{ background-color: transparent !important;} .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {padding-bottom: 0; } .et_pb_fullwidth_header_0 .et_pb_fullwidth_header_container.center .header-content {margin: 0 auto; padding: 0;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {padding: 257px 0 170px !important;} .et_pb_fullwidth_header.project-banner-section {padding: 257px 0 170px !important;} .timelines ul.timeline_list {width: 100%; float: left; padding: 0; list-style-type: none; } ul.timeline_list li {width: 100%; float: left;display: table; padding: 25px 0;} .line_name h1 {font-size: 35px; line-height: 35px; font-family: 'Helvetica-Bold'; text-transform: uppercase; padding: 0;} .left_lines {width: 40%; float: none; padding-right: 30px; display: table-cell; vertical-align: middle;} .right_lines {width: 60%; float: none; display: table-cell; vertical-align: middle;} .left_lines .line_name {width: 85%; float: none; text-align: right; padding-right: 35px;} .left_lines .line_year { position: relative; width: 15%; float: none;} .right_lines .line_img {width: 33%; float: none;} .right_lines .line_txt {width: 60%; float: none; padding-left: 35px;} .line_img figure { line-height: 0; max-width: 230px; max-height: 256px; padding: 30px; margin: 0;text-align: center; -webkit-box-shadow: 0px 0px 14px 5px rgba(237,237,237,0.9); box-shadow: 0px 0px 14px 5px rgba(237,237,237,0.9);} .line_img figure img {margin: 0 auto;} .line_year span {font-family: 'Helvetica'; color: #fff; font-size: 15px; text-align: center; background: #ff4438; border-radius: 100%; width: 70px; height: 70px; display: inline-block; vertical-align: middle; padding: 20px 0px; border: 5px solid #ffb3b3; line-height: 20px;} .line_txt p {font-size: 16px; } .left_lines .line_year:before { content: ''; width: 3px; position: absolute; left: 50%; top: 100%; height: 125px; background: #f1f1f1; transform: translateX(-50%);} .left_lines .line_year:after { content: ''; width: 3px; position: absolute; left: 50%; bottom: 100%; height: 115px; background: #f1f1f1; transform: translateX(-50%);} .left_center, .right_center {width: 100%; float: left; display: table;} .line_img, .line_txt, .line_name, .line_year {display: table-cell; vertical-align: middle;} .timeline_list li:first-child .right_lines .line_img figure { padding: 0;} /**** Popup Form ****/ .modal-content {background-color: #ffffff; margin: auto; width: 100%; max-width: 35%; position: relative;} .close { width: 30px;height: 30px; text-align: center;line-height: 100%;color: #000; float: right; font-size: 20px; font-weight: bold; position: absolute; display: block;top: -10px; padding-top: 3px; padding-left: 0px; right: 0; border-radius: 50%; transition: ease 0.25s all; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); background: #fff;} .close:hover, .close:focus { cursor: pointer; -webkit-transform:translate(50%, -50%) rotate(180deg); transform:translate(50%, -50%) rotate(180deg); background: #fff; text-decoration:none;} .ovf-md{overflow-y:hidden;} .modal { display: none; position: fixed; z-index: 99999999; padding-top: 180px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color:rgba(50, 50, 50, 0.8784313725490196);} .modal-title {font-size: 32px; color: #fff; letter-spacing: 1px; padding: 20px 0; font-family: 'Helvetica-Bold';} .modal-header { text-align: center; background: #000;} #responsive-form{ margin:0 auto; width:100%; padding: 20px;} .form-row{ width: 100%;} .column-half, .column-full{ float: left; position: relative; padding: 0.65rem; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .clearfix:after {content: ""; display: table; clear: both;} .wpcf7 input[type="text"], .wpcf7 input[type="email"] { max-width: 100%; width: 100%; font-size: 15px; line-height: 24px; color: #000; padding-left: 15px; height: 48px; border: 1px solid #e8e8e8;} .wpcf7 textarea { width: 100%; padding: 20px; padding-left: 15px; font-size: 15px; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .wpcf7 input[type="text"]:focus{ background: #fff;} .wpcf7-submit{ font-family: 'Helvetica-Bold'; float: left; background: #000; color: #fff; text-transform: uppercase; border: 2px solid #000; padding: 15px 40px; cursor: pointer; font-size: 16px; letter-spacing: 1px; max-width: 170px; width: 100%;} /* .wpcf7-submit:hover{ background: #fff; color:#000;} */ span.wpcf7-not-valid-tip{ display: none !important;} div.wpcf7-validation-errors { text-shadow: none; border: transparent; background: #f00; padding: 10px; color: #fff; text-align: center; margin: 0; font-size: 16px;} div.wpcf7-mail-sent-ok{ text-align: center; text-shadow: none; padding: 10px; font-size: 16px; background: #59a80f; border-color: #59a80f; color: #fff; margin: 0;} .wpcf7-not-valid {border: 1px solid #f00 !important;} .quform-submit { font-family: 'Helvetica-Bold'; background: #000; color: #fff;text-transform: uppercase; border: 2px solid #000; padding: 10px 40px !important; font-size: 16px; letter-spacing: 1px;} .quform-1 .quform-button-back button { font-family: 'Helvetica-Bold'; background: #000; color: #fff;text-transform: uppercase; border: 2px solid #000; padding: 10px 40px !important; font-size: 16px; letter-spacing: 1px;} .quform-1 .quform-button-next button { font-family: 'Helvetica-Bold'; background: #000; color: #fff;text-transform: uppercase; border: 2px solid #000; padding: 10px 40px !important; font-size: 16px; letter-spacing: 1px;} .quform, .quform * {font-family: 'Helvetica Bold',Helvetica,Arial,Lucida,sans-serif;} .quform-spacer {margin-bottom: 0;} .quform .quform-field-email, .quform .quform-field-text {height: 45px;} .et_pb_tabs {border: none;} ul.tabs {display: inline-block; position: relative; z-index: 10; padding: 0; margin: 0 -15px; width: 100%; list-style: none; -ms-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;} ul.tabs li { position: relative; margin: 0; cursor: pointer; text-align: left; font-weight: bold; width: 25%; float: left; padding: 15px;} .tab_content { width: 100%; float: left; display: none;} ul.tabs li.active {border: 2px solid #f00;} /* ul.tabs li.active figure img { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);} */ ul.tabs li figure {margin: 0; position: relative; line-height: 0;} ul.tabs li figure img { width: 100%;} ul.tabs li h3 { position: absolute; top: 50%; width: 100%; float: left; text-align: center; color: #fff; padding-bottom: 0; font-family: 'Helvetica-Bold';transform: translateY(-50%);} /* ul.tabs li.active:after { position:absolute; bottom: -17px; left: 50%; content: ''; border-top: 25px solid #CC0000; border-left: 25px solid transparent; border-right: 25px solid transparent;transform: translateX(-50%); } */ .single-project .et_pb_section.et_pb_section_first {padding-top: 0!important;} .single-project .et-fixed-header { display:none; } .single-project.headerscroll #main-header { display:none; } /* body.single-project #main-header {background-color: #000;} */ .project-buttons .et_pb_button:hover {background: transparent;} body #page-container .et_pb_button.btnclick {color: #ff2f30 !important; } .project-banner .et_pb_fullwidth_header .header-content {width: 100%; float: left; padding: 0; margin-right: 0 !important;} .project-banner {animation-duration: 2000ms; animation-delay: 0ms; opacity: 0; animation-timing-function: ease-in-out;} .project-banner-section {visibility: visible; animation-name: slideInRight;} .red-box { width: 40%; background-color: rgba(255, 47, 48, 0.9); padding: 30px; float: right;} .client-box {padding-bottom: 30px; } .red-box span { font-size: 20px; line-height: 30px;font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0px;} .red-box h3 { color: #fff; font-size: 30px; line-height: 32px; font-weight: 700; letter-spacing: 0px; text-transform: uppercase; padding-bottom: 0;} .red-box .client-box h3 {text-transform: capitalize;} .client-txt {padding-bottom: 20px;} .red-box h1 { color: #fff; max-width: 418px; min-width: 418px; font-size: 65px; line-height: 75px; font-weight: 700; letter-spacing: -1px; border-color: rgb(255, 255, 255); border-style: solid; border-width: 0px 0px 3px; text-align: inherit; padding: 0px 0px 20px !important; text-transform: capitalize;} body:not(.ie) .vertical-align { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} body.ie .vertical-align { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; align-items: center; justify-content: space-between; min-height: 40em;} /* .vertical-align { min-height: 561px !important;} */ #outcome hr { max-width: 200px; margin: 0px auto 20px; height: 3px; background: #fff; border: none;} #touch .et_pb_button {padding: 0.3em 2em!important;} #touch h2 {padding-bottom: 0;} #approach ul.approach-list {padding: 0; list-style-type:none;} #approach ul.approach-list li { position: relative; line-height: 35px; padding-bottom: 35px; padding-left: 25px; } #approach ul.approach-list li span { position: absolute; left: 0; width: 52px; height: 52px; text-align: center; color: #ff2f30; line-height: 52px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -o-text-overflow: clip; text-overflow: clip; border: 2px solid #ff2f30; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); background: #fff; z-index: 9999;} #approach ul.approach-list li span:before { content: attr(data-label); display: block; position: absolute; top: 0px; width: 100%; height: 100%; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);} /*#approach ul.approach-list li:after { content: ''; width: 2px; position: absolute; left: 26.5px; top: 0%; height: 100%; background: #ff2f30; }*/ #approach .et_pb_column.et-last-child .et_pb_module {margin-bottom: 1.093%;} .post-nav-btn.right-nav {float: right;} .post-nav-btn {width: 100%; float: left; padding: 20px 15px; color: #fff; font-size: 22px; max-width: 250px; font-family: 'Helvetica Bold',Helvetica,Arial,Lucida,sans-serif; border: 2px solid #fff; text-align: center; margin-bottom: 10px; } .nav-previous, .nav-next {font-size: 45px; color: #fff; line-height: 48px; font-weight: bold; margin-bottom: 15px;} .nav-previous a, .nav-next a {color: #fff !important;} .slide-text .et_pb_slide{padding: 0;} .slide-text .et_pb_slide_with_image .et_pb_slide_description {display: none !important;} .slide-text .et_pb_slides .et_pb_slider_container_inner { display: inline-block; width: 100%; vertical-align: middle; float: left;} .slide-text .et_pb_slide .et_pb_slide_image img {width: 100% !important; max-height: 100% !important;} /*.slide-text .et-pb-arrow-next, .et-pb-arrow-prev { color: #ff2f30 !important; border: 2px solid #ff2f30;}*/ .slide-text .et-pb-arrow-next, .et-pb-arrow-prev {cursor: pointer;background: #000;background: rgba(0,0,0,0.5);width: 40px; height: 40px;position: absolute;display: block;z-index: 1000;} .et-pb-arrow-prev:before {content: '\e824';font-family: "revicons" !important; font-size: 15px;color: #fff; display: block;line-height: 40px;text-align: center;} .et-pb-arrow-next:before {content: '\e825';font-family: "revicons" !important;font-size: 15px;color: #fff;display: block;line-height: 40px;text-align: center;} .touch-btn { color: #fff !important;font-size: 24px; font-family: "Helvetica Bold", Helvetica, Arial, Lucida, sans-serif !important; padding: 0.7em 2.2em!important; text-transform: uppercase; border: 5px solid #fff; line-height: 24px;cursor: pointer;} .touch-btn:hover{background: #fff; color: #ff2f30 !important;} .touch-btn.black-btn {color: #000 !important; border: 5px solid #000; } .touch-btn.black-btn:hover {background: #000; color: #fff !important;} .fix-buttons {position: fixed; width: 100%; top: 0; left: 0; z-index: 9999;} .contact-icons a {color: #000 !important;} .contact-icons p {font-weight: 600;line-height: 26px;} .get_touch .quform-form .quform-button-submit-default {float: none !important;} .get_touch .quform-form .quform-element-submit button{display: inline-block !important;} .et_pb_map {height: 600px;} /*.five-columns .et_pb_module {float: left; width: 20%!important;margin-bottom: 0 !important;}*/ .six-columns .et_pb_module { float: left; width: 16.66%!important; margin-bottom: 0 !important; vertical-align: middle; align-content: center; align-items: center; flex-direction: column; display: flex; padding-bottom: 2rem; padding-top: 2rem;} .six-columns .et_pb_module img {max-width: 60% !important;} .navigation-section, .navigation-row {padding: 0 !important; } .navigation-section .navigation-row .et_pb_column {position: relative; min-height: 700px;} .navigation-section .navigation-row .et_pb_column .nav-left-text {position: absolute; bottom: 0; left: 25px;} .navigation-section .navigation-row .et_pb_column .nav-right-text {position: absolute; bottom: 0; right: 25px;} .navigation-section .navigation-row .et_pb_column.one_previous_no_next, .navigation-section .navigation-row .et_pb_column.one_next_no_previous { width: 100%;} .navigation-section .navigation-row .et_pb_column.no_next_one_previous, .navigation-section .navigation-row .et_pb_column.no_previous_one_next { display: none;} #blurb-tabs .et_pb_column, #career-tabs .et_pb_column { display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} #blurb-tabs .tab-title, #career-tabs .tab-title { width:25%; cursor: pointer;} #blurb-tabs .tab-title:hover { cursor:pointer; background:#222;} #blurb-tabs .tab-title.active-tab { background:#ff2f30 ;} #blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a { color:#000;} #blurb-tabs .tab-title.active-tab .et-pb-icon { color:#666!important; } .tab-content { display:none;} .tab-open { display:block;} #career-tabs .tab-title.active-tab { background:#000;} #career-tabs .tab-title.active-tab .et_pb_blurb_container h2 a { color:#fff !important;} #career-tabs .tab-title.active-tab .et-pb-icon { color:#fc4237!important; } .career_list li {padding-bottom: 10px;} #blurb-tabs .et_pb_column, #about-tabs .et_pb_column { display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} #blurb-tabs .tab-title, #about-tabs .tab-title { width:25%; cursor: pointer; margin-bottom: 2.75%;} #about-tabs .tab-title.active-tab { background: transparent;} #about-tabs .tab-title.active-tab .et_pb_blurb_container h2 a { color:#fff !important;} #about-tabs .tab-title.active-tab .et-pb-icon { color:#fff!important; } .project_list, .pro_list { width: 100%; float: left; padding: 0 !important; list-style-type: none !important;} .project_list .project_data figure, .pro_list .project_data figure {margin:0; line-height: 0; width: 100%; height: 380px;} .project_data { padding: 0 15px;} .pro_list .project_data {width: 25%; float: left; padding: 15px;} .project_name h3 {font-size: 20px; color: #000; padding-bottom: 0; text-transform: uppercase;line-height: 30px;} .project_name { width: 100%; float: left; text-align: center; padding: 35px 0; background: #fff; } .project_list .slick-arrow { position: absolute; background: #fff; padding: 15px 20px; font-size: 18px; float: right; bottom: -65px; font-weight: bold; cursor: pointer;} .project_list .slick-arrow.fa-angle-right {right: 12px;} .project_list .slick-arrow.fa-angle-left {right: 64px;} #blurb-tabs .et_pb_column .tab-title h2 { line-height: 30px; padding-bottom: 0;} .people_list {width: 100%; float: left;} .people_detail {width: 20%; float: left; padding: 5px;} .people_item { width: 100%; float: left; position: relative;text-align: center; overflow: hidden;} .people_item figure {margin: 0; line-height: 0;} .people_content {width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; z-index: 99; background: rgba(252, 66, 55, 0.9); transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out;} .people_content:before {position: absolute; content: ""; display: inline-block; width: 100%; height: 50px; left: 0; top: -80px; border-style: solid; border-width: 0px 0 30px 365px; border-color: transparent transparent rgba(252, 66, 55, 0.9) transparent; transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out;} .people_content h4, .people-btn h4 {font-size:18px;line-height: 23px;color: #fff; font-weight: bold; letter-spacing: 1px; padding-bottom: 0; position:absolute; top: 35%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);width: 100%;} .people_item .people-btn h4{top:50%;} .people_content h5, .people-btn h5 {color: #fff; font-weight: bold; font-size: 14px; padding-bottom: 0; position: absolute; top: 65%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);width: 100%;} .people-btn { opacity:0; height: 0; width: 100%; background: rgba(252, 66, 55, 0.9); position: absolute; left: 0; bottom: 0;transition: all 500ms ease-out; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out;} .people_item:hover .people-btn {opacity:1; height: 100%; } .people_item:hover .people_content {display: none; } .people-modal-content { background-color: #ffffff; margin: auto; width: 100%; max-width: 75%; position: relative;} .popup-main {width: 100%; float: left; display: inline-block; background: #fff;} .main_people_txt {width: 100%; float: left; } .popup-main figure {margin: 0; line-height: 0;} .pop-left {width: 40% !important; float: none; display:inline-block; vertical-align: middle;} .pop-right {width: 59% !important; float: none; opacity: 1 !important; display:inline-block; vertical-align: middle; margin-top: 120px; padding: 0px 40px;} .main_two {display: table;} .pop-right .info-top h1 {font-size: 36px; line-height: 40px; font-weight: bold;} .pop-right p {font-size: 17px; line-height: 24px; padding-bottom:0px; } .pop-right .info-box p {padding-bottom: 10px;} .pop-right a { color: #0066cc;text-decoration: underline;} .info-top {padding-bottom: 30px;} .modal.group-model {padding-top: 75px;} .small-thumb figure{ width: 90px; height: 90px; margin: 0 auto;} .small-thumb figure img {border-radius: 100%;} .close_div {background: rgba(204, 204, 204, 0.72); width: 60%; float: right; position: absolute !important; top: 0; left: 40%; cursor: pointer;} .slider-nav { padding: 10px 0;} .slider-nav .slick-arrow {cursor: pointer; position: absolute; display: block; cursor: pointer; background: #000; width: 40px; height: 40px; position: absolute; z-index: 1000} .slider-nav .fa-angle-right:before, .slider-nav .fa-angle-left:before {font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center;} .slider-nav .fa-angle-left { left: -40px; top: 0;} .slider-nav .fa-angle-right { left: -40px; top: 40px;} .group-model .group-close { cursor: pointer; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; float: right; font-size: 15px; position: absolute; display: block; top: 80px; left: -40px; background: #000;} .circle-area {display: inline-block; position: relative;} .circle-text {display: table-cell; vertical-align: middle;height: 200px; width: 200px; text-align: center; border-radius: 50%; background: #fff; } .circle-text p {color: #ff2f30;} .circle-text h2 {padding-bottom: 0;} .circle-text:hover, .circle-text:focus {background:#000; border:3px solid #fff;} .circle-text:hover h2, .circle-text:focus h2{color: #fff !important;} .mouse-icon { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%);} .circle-text:hover + .mouse-icon img, .circle-text:focus + .mouse-icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} #about-tabs .tab-title.active-tab .circle-text {background:#000; border:3px solid #fff;} #about-tabs .tab-title.active-tab .circle-text h2 {color: #fff !important;} #about-tabs .tab-title.active-tab .circle-area .mouse-icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .blog-layout .post-content.equal_blog {background: #fff; padding: 20px 30px;} .widget_search #searchform { position: relative;margin-bottom: 26.348%;} .widget_search input#s { border: 1px solid #000; height: 47px !important; font-size: 18px; color: #000;} .widget_search input#searchsubmit { background: url(img/search-icon.jpg) no-repeat center; text-indent: -9999px; border: none; margin-top: 3px; margin-left: 2px;} h4.widgettitle { font-size: 26px; font-weight: bold; padding-bottom: 20px;} #recent-posts-2.et_pb_widget ul li a{font-size: 18px; color: #000; width: 100%; float: left; } #recent-posts-2 {margin-bottom: 30px;} .vertical_timeline_list, .mobile_vertical_timeline_list, .slick-dots { padding: 0 !important; list-style-type: none !important; /* display: table; */} .vertical_timeline_list li.vertical_line { position: relative; /* display: table; */ padding: 100px 0 0; width: 100%; float: left;} .combine {width: 100%; float: left;} .combine .year {display: inline-block; font-weight: bold;} .no_combine .year {font-weight: bold;} .combine img { display: inline-block !important;} .century h1 {font-size: 75px; color: #ff2f30; font-family: 'Helvetica Bold',Helvetica,Arial,Lucida,sans-serif } .century small {font-size: 52px; color: #ff2f30;} .slick-dots { list-style: none; padding: 0px; width: auto; text-align: center;} .slick-dots li {width: auto; height: auto; position: relative; display: inline-block; margin: 0 3px; padding: 0;cursor: pointer;} .slick-dots li button { width: 50px; height: 5px; background: #000; padding: 0px; border: 0; display: block; outline: 0; line-height: 0; font-size: 0; color: transparent; cursor: pointer;} .slick-dots li.slick-active button, .vertical_timeline_list .slick-dots li:hover button { background: #ff2f30;} .vertical_timeline_list .slick-arrow, .mobile_vertical_timeline_list .slick-arrow{ position: absolute; background: #818285; color: #fff; padding: 10px 18px; font-size: 18px; bottom: 20px; font-weight: bold; cursor: pointer;left: 95%; transform: translateX(-50%); z-index: 999;} .vertical_timeline_list .fa-angle-left, .mobile_vertical_timeline_list .fa-angle-left { margin-left: -25px;} .vertical_timeline_list .fa-angle-right, .mobile_vertical_timeline_list .fa-angle-right { margin-left: 22px;} .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8;} .mfp-fade.mfp-bg.mfp-removing { opacity: 0;} .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;} .video_part .et_pb_module, .video_part .et_pb_code_inner, .popup-vimeo {width:100%; height: 100%; float: left;} .popup-vimeo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} /* .time_title {color: #818285;display: inline-block; font-size: 45px; font-weight: 600; padding-bottom: 0; transform: rotate(-90deg);} */ .time_title {color: #818285; display: inline-block; font-size: 28px; font-weight: 600; padding-bottom: 0; position: absolute; left: 0; top: 50%; transform:rotate(-90deg) translateY(50%); margin-top: -22.5px;} .content_wrap{padding-left: 40px;} .box_center{position: absolute; top: 50%; transform: translateY(-50%);-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .slide_wrap{ margin: 0 auto;display: table;} .century, .no_combine, .no_com_img {display: inline-block;} /* .left_time, .line_content, .middel_time {display: table-cell; vertical-align: middle;} */ .line_content p {font-size: 18px; max-width: 550px;} .bx-wrapper {box-shadow: none !important; border: none !important;margin-bottom: 0 !important;background: transparent !important;} .left_time { display: inline-block; vertical-align: middle; width: 10%;} .inner_main_slider{ display: inline-block; vertical-align: middle; width: 82%;} .middel_time {position: relative; width: 95px; display: inline-block; vertical-align: middle;} .line_content {display:table-cell; vertical-align: middle; position: relative; max-width: 644px; padding: 0 20px; cursor: move;} .first_div {width: 100%; float: left;display: table;} .no_com_img {width:150px; display:table-cell; vertical-align: middle;} .no_combine {display:table-cell; vertical-align: middle; padding-left: 30px;} .mobile_timeline {display: none !important;} .wrapper-slider .slick-dots {display: none !important;} /* .wrapper-slider .slick-arrow {display: none !important;} */ .bottom-nav, .mobile-bottom-nav { text-align: center; max-width: 600px; width: 100%; margin: 0 auto;} .bottom_pagination, .mobile_bottom_pagination {width: 100%;float: left; padding-top: 30px;} .bottom-nav.slick-slider .slick-track, .mobile-bottom-nav.slick-slider .slick-track{ transform: translate3d(0, 0, 0) !important; webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important;} .bottom_number h3{ font-family: 'Helvetica Bold',Helvetica,Arial,Lucida,sans-serif;} .bottom_number { cursor: pointer;} .bottom_number.slick-current h3 {color: #ff2f30;} /****** client css *******/ .homepage-blog .et_pb_post a img {min-width: 100%; margin-bottom:0px;} .homepage-blog a {color: #ffffff;} .homepage-blog .et_pb_post .entry-featured-image-url {margin-bottom: 0px;} .homepage-blog a {color: #ffffff;} .homepage-blog .et_pb_post {margin-bottom: 0px;} .homepage-blog .post-content {z-index: 5;background-color: rgba(255,47,48,0.9);visibility: inherit;transition: none;text-align: inherit;line-height: 26px;border-width: 0px;margin: 0px;padding: 50px; letter-spacing: 0px;font-weight: 500;font-size: 14px;min-width: 566px;max-width: 566px;opacity: 1;transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transform-origin: 50% 50% 0px;position: absolute;top: 60px;right: 296px;} .career_tabs ul.et_pb_tabs_controls { background-color: transparent; text-align: center;} .career_tabs .et_pb_tabs_controls li {border-right: none; display: inline-block; float: none;} .career_tabs ul.et_pb_tabs_controls:after {border-top: none;} .career_tabs .et_pb_tabs .et_pb_tabs_controls li a { border-bottom: 1px solid rgba(0,0,0,0.2); position: relative;} .career_tabs .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a{border-bottom: 1px solid rgba(255, 47, 48, 0.2); color: #ff2f30!important;} .career_tabs .et_pb_tabs .et_pb_tabs_controls li a:before, .career_tabs .et_pb_tabs .et_pb_tabs_controls li a:after{position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none;} .career_tabs .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a:before { margin-left: -11px; border-width: 11px; border-top-color: rgba(0,0,0,0.2);} .career_tabs .et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a:after { margin-left: -10px; border-width: 10px; border-top-color: #ff2f30;} .career_tabs .et_pb_tab{padding: 40px 30px 40px 0 } .career_tabs p {padding-bottom:1em; letter-spacing:1px;} .career_tabs .et_pb_tab_content h1 {font-weight: 900; padding-bottom: 25px;} .career_tabs .et_pb_tab_content ol li {padding-bottom: 10px;} .ubermenu .ubermenu-target-with-image > .ubermenu-target-text {z-index: 10;} .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: rgba(255, 47, 48, 0.9);} .color-overlay-container:hover .overlay {opacity: 1;} /*@media(max-width: 600px) { .overlay {opacity: 1;} }*/ .color-overlay-container p {color: white; font-size: 48px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: left;font-family: "HelveticaCE-Bold", Helvetica, Arial, Lucida, sans-serif; line-height: 1em;} .line-overlay-text {font-size: 28px;font-weight:700;} .bottom-line-overlay-text {font-size: 20px;display: block;line-height: 1em;} .middle-line-overlay-text {padding-bottom: 5px;display: block; line-height: 47px; font-size:65px;} .horizontal-line-overlay-text{display: block;width: 100%; border-bottom: 3px white solid;content: "";padding-top: 10px;} .color-overlay-container .et_pb_code_inner {height: 100%;} .color-overlay-container .et_pb_code_inner .container{height: 100%; width: 100%;} .color-overlay-container .container::before {content: none !important;} .blog-font p { font-size: 18px;font-family: 'HelveticaCE-Bold',Helvetica,Arial,Lucida,sans-serif;line-height: 30px;} .blog-font h3 {margin-top: 5px;font-weight: 700;} .homepage-blog .et_pb_post a img {object-fit: cover;min-width: 100%;margin-bottom: 0px;} .hero-section {padding-top: 200px;padding-bottom: 200px;background-repeat: no-repeat;background-size: cover;position:relative;height: 475px;background-color: #333;} .single-post #main-content #left-area {padding-top: 0px;} /* ---- Sidebar Settings ---- */ .single #sidebar {padding-top: 20px;} /* ---- Standard Post Title & Post Meta ---- */ h1.blog-entry-title { width: 100%; text-align: center; padding-left: 8px; padding-right: 8px; font-weight: 800; text-transform: uppercase; color: #fff; } #blurb-tabs .tab-title{ margin-bottom:0 !important;} #logo{ margin-left:40px;} @media only screen and (min-width: 980px) { /*** Set title font size for desktop ***/ h1.blog-entry-title { font-size: 48px !important; } } @media (max-width: 980px) { .hero-section { padding-top: 100px; padding-bottom: 100px; height: 100px; } } .line_content{ width:50% !important; float: left;} @media (max-width: 1800px) { /*.slide-text .et_pb_slide .et_pb_slide_image img { max-width: inherit !important; max-height: inherit !important; width: auto !important;}*/ .talk-section p {font-size: 30px;} } @media (max-width: 1600px) { .talk-section p {font-size: 28px;} .ubermenu .ubermenu-retractor {display: none;} .wrapper-inner-slider .time_title {font-size: 42px;} .wrapper-inner-slider .line_content {max-width: 583px;} } @media (max-width: 1535px) { .talk-section h2 {font-size: 35px !important; line-height: 42px !important;} .talk-section p {font-size: 22px;} .wrapper-inner-slider .time_title {font-size: 40px;} .wrapper-inner-slider .line_content {max-width: 549px;} .vertical_timeline_list li.vertical_line {padding: 60px 0 0;} } @media (max-width: 1480px){ .f1_title {font-size: 38px;} .talk-section h2 {font-size: 30px !important; line-height: 38px !important;} .talk-section p {font-size: 20px;} .et_pb_gutters3 .footer-widget:nth-child(2){ padding-left: 6.5%;} .slide-text h1 { font-size: 40px !important; line-height: 45px !important;} .slide-text p { font-size: 26px; line-height: 32px !important;} .project_list .project_data figure, .pro_list .project_data figure{height: 320px;} .people_content:before {border-width: 0px 0 30px 286px;} .wrapper-inner-slider .time_title {font-size: 38px;} .wrapper-inner-slider .line_content {max-width: 545px;} } @media (max-width: 1440px){ .wrapper-inner-slider .line_content {max-width: 525px;} .line_content p { font-size: 16px; max-width: 435px;} .left_time {width: 11%;} } @media (max-width: 1366px){ .red-box { width: 45%;} .wrapper-inner-slider .time_title {font-size: 36px;} .wrapper-inner-slider .line_content {max-width: 500px;} .century h1 { font-size: 58px } .about-us-tabs li{ font-size:18px !important;} .project_name h3 {font-size: 16px;} .red_title {font-size: 36px;line-height: 48px;} } @media (max-width: 1280px){ .et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth>.et_pb_row {width: 99%!important;max-width: 99%!important;} .red_title { font-size: 46px !important; line-height: 60px !important;} .talk-section .your_project {padding: 90px !important;} .f1_title { font-size: 32px;} .red-box { width: 50%;} .red-box h1 {font-size: 62px;} .red-box h3 {font-size: 28px;} .red-box span {font-size: 19px;} #challenge h1, #approach h1, #outcome h1 {font-size: 40px !important; line-height: 52px !important;} .slide-text h1 { font-size: 36px !important; line-height: 40px !important;} .five-buttons .et_pb_gutters1 .et_pb_column_1_5 {width: auto !important;} #approach ul.approach-list li { font-size: 26px;line-height: 30px;padding-bottom: 30px;} .five-buttons .et_pb_button {font-size: 16px !important;} .pro_list .project_data { width: 33.33%;} .people_content h4, .people-btn h4 {font-size: 17px;} .et_pb_gutters3 .et_pb_column_3_4{width: 100%;} .et_pb_gutters3 .et_pb_column_1_4{ width:100%;} .widget_search #searchform{ margin-bottom: 21px;} #search-2{margin-bottom: 0;} /*.et_pb_module{padding: 0; border: none;}*/ #zoom-social-icons-widget-3{ margin-bottom:0;} /* .wrapper-inner-slider .time_title { font-size: 34px;} */ .wrapper-inner-slider .time_title { font-size: 26px;} .wrapper-inner-slider .line_content { max-width: 472px;} .pagination{ margin-bottom:25px;} .et_pb_post:last:child{ margin-bottom:0;} #approach ul.approach-list li{font-size: 20px;} .et_pb_widget_area_right{ border:none;} .line_content p {max-width: 410px;} } @media (max-width: 1199px){ .f1_title { font-size: 28px;} .et_pb_gutters3 .footer-widget:nth-child(2) { padding-left: 4.5%;} .et_pb_fullwidth_header.project-banner-section { padding: 257px 0 140px !important;} .five-buttons .et_pb_gutters3 .et_pb_column_1_5, .five-buttons .et_pb_gutters3 .et_pb_row .et_pb_column_1_5 {width: 30% !important; } #approach .et_pb_gutters2 .et_pb_column_1_2 {width: 100% !important; float: left;} #approach .et_pb_gutters2 .et_pb_column_1_2 .et_pb_image {text-align: center;} .red-box { width: 55%;} .red-box h1 {font-size: 58px; line-height:65px;} .red-box h3 {font-size: 26px;} .red-box span {font-size: 18px;} .slide-text h1 { font-size: 30px !important; line-height: 35px !important;} .slide-text p { font-size: 24px; line-height: 30px !important;} .project-buttons .et_pb_button { line-height: 30px !important;} .people_content:before {content: none;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {padding: 150px!important;} .et_right_sidebar #sidebar {padding-left: 16px;} .mobile_timeline {display: block !important;} .desktop_timeline {display: none !important;} .vertical_line_mobile {padding: 70px 0 0;} .mobile_slide_wrap{width: 100%; float: left;} .inn_slid {width: 100%; float: left; padding-bottom: 40px;} .mobile_vertical_timeline_list .slick-arrow { bottom: 0px;} .mobile_time {text-align: center;} .mobile_content { padding: 16px;} /* .mobile_content {width: 49%; padding: 16px; display: inline-block; float:left;} */ .mobile_title { color: #818285; display: inline-block; font-size: 35px;font-weight: 600;} .mobile_content_wrap p {clear: both; font-size: 18px;} .tparrows{transform: matrix(1, 0, 0, 1, -60, 370); !important;} .line_content p {max-width: 100%;} } @media (max-width: 1024px){ .et_pb_gutters3 .footer-widget:nth-child(3) { padding-left: 15px;} .talk-section .your_project { padding: 50px !important;} #top-menu-nav {display: none;} .et_header_style_left #logo {max-width: 100%; max-height: 100%;} .et-fixed-header#main-header {padding: 10px 0;} .et-fixed-header#main-header #et_top_search {width: auto;} .top_banner_slider .tparrows , .middel_banner_slider .tparrows {top: 35% !important;} .modal-content {max-width: 50%;} .modal-content .quform-element-row-size-fixed.quform-2-columns>.quform-element-column {width: 100%;} .quform-input-name .quform-element-1_3_2 .quform-spacer {padding-bottom: 20px !important;} .red-box { width: 50%;} .red-box h1 {font-size: 48px; line-height: 55px; max-width: 300px; min-width: 300px;} .red-box h3 { font-size: 23px;} .red-box span { font-size: 16px;} #touch h2{ font-size: 36px; line-height: 44px;} .touch-btn {font-size: 22px;} #blurb-tabs .tab-title, #career-tabs .tab-title{ width:50%; } #blurb-tabs .tab-title .et_pb_main_blurb_image { margin-bottom:10px; } #blurb-tabs .et_pb_blurb.tab-title {padding: 80px 40px !important;} .project_name { padding: 30px 0;} .project_list .project_data figure, .pro_list .project_data figure {height: 300px;} .people_detail {width: 33.33%;} .et_pb_blog_0 .et_pb_post .entry-title{font-size: 23.2px!important;} .et_pb_blog_0 .et_pb_post .post-content, .et_pb_blog_0.et_pb_bg_layout_light .et_pb_post .post-content p, .et_pb_blog_0.et_pb_bg_layout_dark .et_pb_post .post-content p{font-size: 13px;} .homepage-blog .post-content{top: 8px;padding: 25px;} .et_pb_blog_0 .more-link {padding-top: 11px !important;} .circle-text{height: 150px;width: 150px;} .touch-btn {font-size: 17px;} .pagination{ margin-bottom:20px;} .et_pb_post { margin-bottom: 18px;} #logo {margin-left: 0px;} #main-content .container:before{ display:none;} .et_right_sidebar #left-area , .et_right_sidebar #sidebar{ width:100%;} .vertical_timeline_list li.vertical_line{padding: 50px 0 0 0;} .et_right_sidebar #sidebar{ padding-left:0;} .mouse-icon img {width: 26px; height: 26px;} .mouse-icon {bottom: 4px;} .pop-btn{ font-size:25px;} .mobile_content {float: none;} } @media (max-width: 991px) { .red_title { font-size: 38px !important; line-height: 48px !important;} .global_integrate p {font-size: 26px; line-height: 32px;} .et_header_style_left .et-search-form{ width: 100%!important; max-width: 100%!important;} span.et_close_search_field{right: 27% !important;} #et_mobile_nav_menu {display: none;} .our_work .et_pb_slide_description {padding: 60px 0 !important;} body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button { padding: 30px 98px !important;} .three_boxs h2 { font-size: 70px !important; line-height:80px !important;} .modal-content .quform .quform-field-textarea {height: 150px;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0 { padding: 200px 0 100px !important;} #challenge h1, #approach h1, #outcome h1 {font-size: 38px !important; line-height: 42px !important;} #challenge p, #approach p, #outcome p {font-size: 26px; line-height: 32px; } .pro_list .project_data{width: 50%;} .sfm-pos-right .sfm-rollback{right: 0; float: left; width: auto;} .sfm-navicon-button.sf_label_default{right: 4px !important;} /*#main-header{ overflow:hidden;}*/ .et_pb_text_1{font-size: 20px !important;} .et_pb_text_2 h1{ font-size:32px !important;} .et_pb_text_inner p{ line-height: 25px; font-size:15px;} .et_pb_section{ padding:0 !important;} .career_list li{ font-size:15px;} .video_part{height: 450px;} .vertical-align { min-height: 200px !important;} .sfm-navicon-button.sf_label_default {right: 10px !important;} #et_top_search {margin: 26px 11px 0 0px;} .mobile_content {width: 100%; float: left; padding: 16px 0;} .our_people{padding: 4% 0 !important;} .text_video_section .et_pb_row_1{min-height: auto;} .f1_title {font-size: 24px;} .tab-content{ padding-top:30px !important;} #approach .et_pb_text_inner {padding: 0px 30px !important;} #touch h2 br{ display:none;} #touch .et_pb_column_1_2{ width:100% !important;} .et_pb_text_align_center {text-align: left;} } @media (min-width: 981px){ .slide-text .et_pb_slide_image {margin-top: 0 !important;} .view_all_cat{ padding:4% 0 !important;} .mobile_vertical_timeline_list .slick-arrow { left: 90%;} } @media (max-width: 980px){ .et_pb_section_2.explore_btn {padding: 0 !important;} .talk-section .et_pb_gutters3 .et_pb_column_2_5{margin-right: 0;} .talk-section .et_pb_gutters3 .et_pb_column_3_5{min-height: 543px;} .f1_title {font-size: 22px;} #main-footer .footer-widget h4 {font-size: 22px;} .et_pb_gutters3 .footer-widget:nth-child(2) { padding-left: 1.5%;} .footer-widget:nth-child(n) { width: 33.33% !important; margin: 0 0 7.5% 0!important;} .talk-section .et_pb_gutters1 .et_pb_column_2_5 { margin-right: 0% !important;} .et_pb_gutters3 .et_pb_column_1_5, .et_pb_gutters3 .et_pb_row .et_pb_column_1_5 {width: 20% !important; margin-right: 0;} .three_boxs .et_pb_row {padding:0 !important;} .headerscroll .sfm-rollback{display: none !important; opacity: 0; z-index: 1;} .et_fullwidth_nav #main-header .container { width: 100%; max-width: 100%; padding-right: 30px; padding-left: 30px;} span.logo_helper {margin-top: 0;} .et_fixed_nav #main-header {padding: 10px 0;} .et_header_style_left #et-top-navigation { padding: 10px 40px 15px 0 !important;} .contact-icons .et_pb_gutters1 .et_pb_column {width: 33.33% !important;} .slide-text .et_pb_slides .et_pb_container {height: 562px;} .global_integrate .et_pb_row {padding: 0 !important;} .three_boxs .et_pb_module.et_pb_text_8 {padding: 50px 0 !important;} .et_pb_gutters3 .footer-widget:nth-child(2) { padding-left: 1%;} .et_pb_gutters3 .footer-widget:nth-child(3) { padding-left: 0; } .zoom-social-icons-list--no-labels .zoom-social_icons-list__item { margin: 0px !important;} .talk-section .your_project { padding: 30px !important;} .talk-section h2, .et_pb_blog_0 .et_pb_post .entry-title {font-size: 26px !important; line-height: 30px !important;} .talk-section p, .et_pb_blog_0 .et_pb_post .post-content p { font-size: 18px;} .talk-section .et_pb_gutters1 .et_pb_column_2_5, .talk-section .et_pb_gutters1 .et_pb_column_3_5, .talk-section .et_pb_gutters3 .et_pb_column_2_5, .talk-section .et_pb_gutters3 .et_pb_column_3_5 {width: 100% !important} .et_fixed_nav #main-header{ padding: 10px 0px;} span.logo_helper {margin-top: 0;} .modal-content { max-width: 60%;} .modal-content .quform .quform-field-textarea {height: 120px;} .blog_part .et_pb_posts .et_pb_post { margin-bottom: 0 !important} .contact-icons .et_pb_gutters1 .et_pb_column {width: 100% !important; margin-bottom: 30px;} .contact-icons .et_pb_gutters1 .et_pb_column.et-last-child {margin-bottom: 0;} .contact-icons .et_pb_row_0 {padding: 0 !important} .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 38px !important;} /*.vertical-align {min-height: 380px !important;}*/ .red-box { width: 60%;} .five-buttons .et_pb_button {font-size: 20px !important;} #touch .et_pb_text {text-align: center !important;} #touch .et_pb_row, #outcome .et_pb_row {padding: 0 !important;} /*#touch .et_pb_column { margin-bottom: 0px; padding-bottom:0;}*/ .post-nav-btn{padding: 17px 8px; max-width: 230px; font-size: 20px;} .nav-previous, .nav-next{font-size: 38px; line-height: 42px;} #blurb-tabs .et_pb_column .tab-title h2 a, #career-tabs .et_pb_column .tab-title h2 a{ font-size: 22px !important;} #blurb-tabs .et_pb_blurb.tab-title { padding: 60px 20px !important;} .people_detail{width: 100%;} .modal{padding-top:12%;} .five-buttons .et_pb_button {font-size: 21px !important;} .explore_btn .et_pb_slider .et_pb_slide_0{ padding-bottom:30px;} .tab-content .et_pb_column{ margin-bottom:0 !important;} .combine {text-align: center;} .mobile_title {width: 100%; float: left; text-align: center;} .mobile_content_wrap p {text-align: center;} .mobile_vertical_timeline_list .fa-angle-right {margin-left: 20px;} } @media (max-width: 840px){ .homepage-blog .post-content{position: inherit; width: 100%;float: left;max-width: inherit;right: 0;} .homepage-blog .post-content {top: 0px;} .footer-widget:nth-child(n) { width: 100%!important;} #footer-widgets {padding-top: 50px;} .pop-btn br{ display:none !important;} #footer-widgets .footer-widget:nth-last-child(-n+2){margin: 0 0 7.5% 0!important;} .footer-widget:nth-child(n) , #footer-widgets .footer-widget:nth-last-child(-n+2){margin: 0 0 3.5% 0!important;} #footer-widgets {padding: 0;} #main-footer{ padding-top:50px} .line-overlay-text{line-height: 31px;} .et_pb_column{ margin-bottom:0;} .et_pb_row.about-tabs {padding: 0px 0;} .et_pb_text_6 p{font-size: 21px;} .et_pb_text_1.et_pb_text_align_center{ padding:20px !important;} .et_pb_row{ width:100%;} .et_pb_section_3 {padding-bottom: 0px !important;} .et_pb_section {padding: 0px 0;} #about-tabs .tab-title{ margin-bottom:0;} .circle-text p{ padding:0 20px; line-height: 20px;} .circle-text h2{ padding-bottom:8px;} .et_pb_section_1.et_pb_section{ padding-bottom:0;} .blog-layout{ padding:30px 15px;} #search-2{ width:100% !important; margin-bottom:20px !important;} #recent-posts-2{width: 100% !important; margin-bottom:20px !important;} #searchform{ margin:0;} .quform-elements{ padding:0 30px;} #tab4{ padding:30px !important;} .blog-layout .et_pb_row{ padding:30px 15px !important;} .contact-icons{ padding: 30px 0 !important;} .get_touch .et_pb_text_0{ margin-bottom:0 !important} .line_content { width: 100%;} .line_content{padding-bottom: 50px;} .vertical_timeline_list li.vertical_line {padding: 0px 0 0 0;} .mouse-icon { bottom: 0px;} /*.et_pb_blurb_description{font-size: 15px;}*/ .tab-content {padding-top: 0px !important;} .et_pb_button{ float:left;} .five-buttons .et_pb_gutters3 .et_pb_column_1_5, .five-buttons .et_pb_gutters3 .et_pb_row .et_pb_column_1_5{ width: 14.667% !important; margin-right:0 !important;} .slide-text .et_pb_slides .et_pb_container { height: auto;} .about-tabs .et_pb_text_align_center{text-align: center !important;} .single .et_pb_post{ padding-bottom:0; margin-bottom:0 !important;} .tab-content{ padding-top:30px !important; } #approach ul.approach-list li{padding-bottom: 15px;} .et_pb_text_1.et_pb_text_align_center{ margin-bottom:0 !important;} #challenge, #approach, #outcome, #process, #touch{ padding: 0px 0 !important;} .mobile_vertical_timeline_list .slick-arrow { left: 50%;} } @media (max-width: 767px){ /*#footer-widgets { padding: 10% 0 6%;}*/ #footer-widgets .footer-widget:nth-child(n),#footer-widgets .footer-widget .fwidget {margin-bottom: 4% !important;} .et_pb_gutters3 .footer-widget:nth-child(2) { padding-left: 0;} .five-columns .et_pb_module {width: 50% !important; } .three_boxs h2 {font-size: 55px !important; line-height: 58px !important;} .section_threebox h2 { padding-bottom: 15px;} .talk-section .your_project {text-align: center !important;} .your_project a {margin-top: 0;} .et_pb_section.talk-section .et_pb_row_3 .et_pb_column_2_5, .et_pb_section.talk-section .et_pb_row_3 .et_pb_column_3_5{width: 100% !important;} .et_pb_section.blog_part .et_pb_row_4 .et_pb_column_2_5, .et_pb_section.blog_part .et_pb_row_4 .et_pb_column_3_5{width: 100% !important;} .modal-title {font-size: 22px; padding: 15px 0;} .et_header_style_left #et-top-navigation {padding: 10px 40px 25px 0 !important;} .et_fullwidth_nav #main-header .container {padding-left: 10px;} .et_pb_post .entry-featured-image-url { margin-bottom: 50px;} .blog_part .et_pb_blog_0 .post-content {padding-left: 25px; padding-right:25px;} .et_pb_fullwidth_header.project-banner-section { padding: 200px 0 100px !important;} .slide-text .et_pb_slide_image {display: block !important;} /*.vertical-align { min-height: 480px !important;}*/ .navigation-section .navigation-row .et_pb_column {min-height: 400px;} #approach ul.approach-list li { font-size: 22px; line-height: 27px; padding-bottom: 25px;} #approach ul.approach-list li { padding-left: 84px;} .five-buttons {display: none;} #approach ul.approach-list li { font-size: 19px; line-height: 22px; } #approach ul.approach-list li:after { left: 24.5px;} #approach ul.approach-list li span { width: 45px; height: 45px;} .project_list .project_data figure,.pro_list .project_data figure { height: 400px;} .project_data {padding: 0 12px;} .et_pb_text_6 p {line-height: 28px !important;} .et_pb_text_1 h1 {font-size: 29px;} #blurb-tabs .et_pb_column, #about-tabs .et_pb_column{padding: 0 !important;} .et_pb_text_1 h1 {font-size: 26px !important;} .text_video_section{ padding-bottom:0 !important;} #career-tabs .et_pb_column{ padding:0 !important;} #outcome{ padding-top:0 !important;} } @media (max-width: 640px){ .three_boxs h2 { font-size: 45px !important; line-height: 50px !important;} .red_title {font-size: 32px !important; line-height: 42px !important;} .modal-content { max-width: 75%;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0 { padding: 150px 0 100px !important;} .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {font-size: 32px;} .red-box { width: 80%;} .red-box h1 { font-size: 42px; line-height: 48px;} .our_work .et_pb_slide_description { padding: 40px 0 !important; } body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button { padding: 25px 78px !important; } body #page-container .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_button{font-size: 16px!important;} .three_boxs h2 { font-size: 32px !important; line-height: 35px !important;} .typed-div-27549 { font-size: 36px;} .five-buttons .et_pb_button{ padding: 0 !important;} .five-buttons .et_pb_button:hover {padding: 0 !important;} .et_pb_section.five-buttons .et_pb_row .et_pb_column.et_pb_column_1_5 {width: 33.33% !important; margin: 0 0 7px 0 !important;} #approach ul.approach-list li { font-size: 16px; line-height: 20px; } #approach ul.approach-list li:after { left: 23.5px;} #approach ul.approach-list li span { width: 45px; height: 45px;} .post-nav-btn{padding: 17px 8px; max-width: 200px; font-size: 18px;} .nav-previous, .nav-next{font-size: 32px; line-height: 38px;} #blurb-tabs .et_pb_column .tab-title h2 a { font-size: 20px !important;} .pro_list .project_data{width: 100%;} /*.people_detail {width: 100%;}*/ .people_content h4, .people-btn h4 { font-size: 18px;} .talk-section h2, .et_pb_blog_0 .et_pb_post .entry-title {line-height: 39px !important;} .homepage-blog .post-content{min-width: auto;} #about-tabs .tab-title {width: 50% !important;} .circle-text {height: 200px;width: 200px;} .et_pb_text_8 p , .et_pb_section p {line-height: 26px !important;} /*.et_pb_section_2.et_pb_section{ padding-top:30px;}*/ /*.et_pb_section{ padding-bottom:20px !important;}*/ .et_pb_row_0{ width:100% !important;} .banner_slider{ padding-bottom:0 !important;} .et_pb_row:last-child .et_pb_column:last-child{width: 100% !important;} .entry-title{font-size: 24px; line-height: 33px;} .text_video_section{ padding-bottom:0 !important;} #main-footer .container{width: 100%; padding: 0 20px;} .blank-spa{ display:none !important;} .status-publish .entry-featured-image-url{margin-bottom: 10px;} .et_pb_post h2{ padding-bottom:0px !important;} .mobile_title {font-size: 30px; line-height: 30px;} .mobile_content_wrap .combine .year {font-size: 28px; display: block;} .mobile_content_wrap p {font-size: 16px;} .histroy_section.et_pb_section .et_pb_row {padding: 0 !important;} .mobile_vertical_timeline_list .slick-arrow { padding: 10px 15px; font-size: 16px;} .mobile_vertical_timeline_list .fa-angle-left { margin-left: -18px;} .mobile_vertical_timeline_list .fa-angle-right { margin-left: 21px;} .mobile_bottom_pagination { padding-bottom: 30px;} .mobile-bottom-nav { max-width: 800px;} .about-us-tabs{display: block !important;} body #page-container .et_pb_button_0{font-size: 18px;} } @media (max-width: 480px){ #footer-widgets .footer-widget{text-align: center;} .footer-widget .fwidget{float: none;} #approach .et_pb_text_inner{padding: 0px 0px !important;} .red_title { font-size: 26px !important; line-height: 35px !important; letter-spacing: -1px;} .global_integrate p, body p { font-size: 20px; line-height: 28px;} .three_boxs h2 { font-size: 30px !important; line-height: 35px !important;} #footer-widgets .footer-widget:nth-child(n){ margin-bottom: 9% !important;} #main-footer .footer-widget h4{padding-bottom: 8px;} .typed-div-27549 { font-size: 32px;} .blog_part .et_pb_blog_0 .et_pb_post .entry-title {font-size: 32px !important;} .talk-section .et_pb_row .et_pb_column.et_pb_column_2_5, .blog_part .et_pb_row .et_pb_column.et_pb_column_3_5 {margin-bottom: 0 !important;} /*#footer-widgets { padding: 10% 0 0%;}*/ #challenge h1, #approach h1, #outcome h1 { font-size: 26px !important; line-height: 35px !important;} #challenge p, #approach p, #outcome p { font-size: 20px; line-height: 28px;} .slide-text h1 { font-size: 24px !important; line-height: 30px !important;} .slide-text p { font-size: 18px; line-height: 25px !important;} #touch h2 { font-size: 26px; line-height: 32px;} .touch-btn { font-size: 16px;} #touch .et_pb_text {padding: 0 !important;} .red-box { width: 100%;} .red-box h1 { font-size: 32px; line-height: 40px; max-width: 232px; min-width: 232px; padding: 0px 0px 10px !important;} .et_pb_section.five-buttons .et_pb_row .et_pb_column.et_pb_column_1_5 {width: 47% !important; margin: 0 0 7px 0 !important;} .client-txt { padding-bottom: 10px;} .red-box h3 { font-size: 20px;} .five-buttons .et_pb_button {font-size: 16px !important; line-height: 20px !important;} .navigation-section .navigation-row .et_pb_column { min-height: 300px;} .post-nav-btn { padding: 14px 8px; max-width: 180px; font-size: 16px;} .nav-previous, .nav-next { font-size: 28px; line-height: 34px;} .project-banner-section .header-content { margin: 0;} .client-box { padding-bottom: 15px;} #blurb-tabs .tab-title, #career-tabs .tab-title { width:100%; } #blurb-tabs .tab-title .et_pb_blurb_content, #career-tabs .tab-title .et_pb_blurb_content { display:flex; align-items:center; justify-content:flex-start;} #blurb-tabs .tab-title .et_pb_main_blurb_image { margin-bottom:0; margin-right:30px;} #blurb-tabs .et_pb_blurb.tab-title { padding: 30px 20px !important;} .project_list .project_data figure,.pro_list .project_data figure { height: 250px;} .project_name { padding: 22px 0;} .project_name h3 { font-size: 18px;} .et_pb_blog_0 .et_pb_post .entry-title{font-size: 28px!important;} .six-columns .et_pb_module{ width:50% !important;} .et-search-form input{width: 91%; right:0;} span.et_close_search_field { right: 7% !important;} .et_pb_section_1.et_pb_section{ padding: 30px 15px !important;} #recent-posts-2.et_pb_widget ul li a {font-size: 16px;} #zoom-social-icons-widget-3{ margin-bottom:0 !important;} /*.talk-section h2, .et_pb_blog_0 .et_pb_post .entry-title {line-height: 28px !important;}*/ .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 30px !important;} .et_pb_blurb_content .et-pb-icon {font-size: 22px;padding-right: 12px;padding-top: 18px;} #blurb-tabs .tab-title, #career-tabs .tab-title{ padding:0 15px !important;} /*.et_pb_css_mix_blend_mode_passthrough{padding: 10px 0 !important;}*/ #outcome{padding: 0px!important;} .homepage-blog .et_pb_blog_0 .et_pb_post .entry-title{font-size: 25.2px!important;} .tab-content .et_pb_row {padding:0;} .entry-content #outcome{ padding:0 !important;} .entry-content #outcome.privacy_txt{ padding:28px 0 !important;} #post-28432 .entry-content .et_pb_section{ padding-bottom:0 !important;} .touch-btn {font-size: 13px;} #post-28432 .et_pb_row{ padding:0 !important;} .touch-btn{ float:left;} .circle-text { height: 150px; width: 150px;} .et_pb_text_8 p, .et_pb_section p { line-height: 21px !important;} /*.et_pb_blurb_container .et_pb_module_header{ text-align: left !important;}*/ .century h1 {font-size: 40px;} .left_time{padding-right: 17px;} /*.time_title{ margin-left: -166px !important;}*/ .left_time {display: block;} .vertical_line{width: 100%;} #left-area .post-meta {padding-bottom: 0;} .century small {font-size: 30px;} .vertical_line_mobile {padding: 0;} .mobile_title {font-size: 24px;} .mobile_content_wrap .combine .year {font-size: 22px;} .mobile_content {text-align: center;} .post-27605 .tab-content { padding-bottom: 100px !important; padding-top: 40px !important;} .mobile-bottom-nav .bottom_number { width: 55px !important; padding: 10px 0; float: none; display: inline-block !important;} .mobile_bottom_pagination { padding: 0px; margin-top: 15px;} .bottom_number h3 { font-size: 19px;} .color-overlay-container p {min-width: 85% !important;} .middle-line-overlay-text br{ display:none;} .middle-line-overlay-text{font-size: 36px;} } @media (max-width: 375px){ body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button {padding: 15px 45px !important;} .our_work .et_pb_slide_description { padding: 30px 0 !important;} .typed-div-27549 { font-size: 28px;} .blog_part .et_pb_blog_0 .post-content {padding-left: 20px; padding-right:20px;} /*.vertical-align { min-height: 560px !important;}*/ .nav-previous, .nav-next { font-size: 24px; line-height: 28px;} .post-nav-btn {max-width: 164px;} .six-columns .et_pb_module{padding-bottom: 1rem;padding-top: 1rem;} .et_pb_blog_0 .et_pb_post .entry-title{font-size: 27.2px!important;} #about-tabs .tab-title {width: 100% !important;} .et_pb_text_0{ padding:0 !important;} .et_pb_blog_0 .et_pb_post .entry-title{font-size: 19.2px!important;} .et_section_regular{ padding-top:0 !important;} .et_pb_post .entry-featured-image-url {margin-bottom: 15px !important;} .et_pb_blog_0 .et_pb_post .entry-title { font-size: 18.2px!important;} .entry-title { font-size: 19px;line-height: 27px;} .blog-font p {font-size: 14px;} .et_pb_row_0 , .et_section_regular{ padding-bottom:0;} .single-post .et_post_meta_wrapper{ display:none;} .single .post{ padding:0; margin:0;} #main-content .container {padding-top: 10px !important;} #blurb-tabs .et_pb_column, #career-tabs .et_pb_column{ padding:0 !important;} .et_pb_row{ padding:0 15px !important;} .et_pb_blog_0 .et_pb_post .entry-title{ font-size: 22.2px!important;} .talk-section .et_pb_row_fullwidth , .et_section_regular fold .et_pb_row_fullwidth{ padding:0px !important;} .et_animated .homepage-blog{ padding:0 !important;} .homepage-blog .et_pb_post .entry-featured-image-url {margin-bottom: 0px !important;} .blog-layout .post-content.equal_blog{padding: 17px 15px;} .et_pb_blog_0 .et_pb_post .entry-title {line-height: 31px !important;} .single-post #main-content .container{ width: 100%;} .single #sidebar{padding: 30px 15px !important;} .et_pb_blurb_description p{ line-height: 30px !important;} .get_touch{ padding-top:30px !important;} .et_pb_gutters1{ padding:0 !important} #sfm-sidebar #sidebar{padding: 0;} .about-us-tabs li {font-size: 15px !important;line-height: 15px;} .tab-content{ min-height:inherit !important;} .people_detail {width: 100%;} #blurb-tabs .et_pb_column .tab-title h2 a, #career-tabs .et_pb_column .tab-title h2 a{font-size: 19px !important;} .project_name h3 { font-size: 14px;line-height: 24px;} .view_all_cat .et_pb_button_0{font-size: 17px !important;} .et_pb_module_header{line-height: 32px !important;} .explore_btn .et_pb_more_button{ margin-bottom:30px !important;} body #page-container .et_pb_button_0{ margin-left:22px;} .explore_btn .et_pb_slider .et_pb_slide_0 {padding-bottom: 0;} #challenge {padding: 28px 0px !important;} .et-pb-controllers a{ margin-top:21px;} #challenge{ padding: 28px 0 !important;} } @media (max-width: 320px){ .red_title { font-size: 20px !important; line-height: 24px !important; letter-spacing: 0px;} .global_integrate p, body p, .contact-icons p { font-size: 16px; line-height: 22px;} body #page-container .our_work.et_pb_slider .et_pb_slide .et_pb_button {padding: 15px 30px !important;} .our_work .et_pb_slide_description { padding: 20px 0 !important;} .typed-div-27549 { font-size: 24px;} .three_boxs .et_pb_text {padding: 20px !important} .three_boxs .et_pb_text h2 {font-size: 22px !important; line-height: 24px !important;} .single .et_pb_post {margin-bottom: 0;} /*.status-publish .entry-content{ display:none;}*/ #sidebar{ padding:20px 0 !important;} .navigation-section .navigation-row .et_pb_column .nav-right-text{ right: 10px !important;} #challenge h1, #approach h1, #outcome h1{ line-height: 37px !important;} #outcome h1{line-height: 35px !important;} } /*.about-us-tabs { column-count: 3; text-align: left; line-height: 1.2em !important; }*/ .about-us-tabs { display: grid;grid-template-columns: 50% 50%;padding-left: 0 !important;text-align: left;} .about-us-tabs li {list-style: inside;padding: 10px;}