JFIFxxC      C  " }!1AQa"q2#BR$3br %&'()*456789:CDEFGHIJSTUVWXYZcdefghijstuvwxyz w!1AQaq"2B #3Rbr/*! Place your custom styles here */ @font-face { font-family: 'Volvo Novum'; src : url('../fonts/volvo.ttf'); font-weight: normal; font-style : normal; } body { font-family: 'Volvo Novum'; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, blockquote { font-family: 'Volvo Novum'; } .menu>li { font-family: 'Volvo Novum'; } .menu-horizontal>li, .menu-vertical>li { font-family: 'Volvo Novum'; } .btn, .btn__text, button { font-family: 'Volvo Novum'; } .bar .menu-horizontal { position: relative; top : 14px; } .bar .logo { max-height: 3em !important; top : 0px; } .bar-1 .menu-horizontal>li>.dropdown__trigger, .bar-1 .menu-horizontal>li>a { color : #252525; opacity: unset; } .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a { color : #252525; text-transform: uppercase; font-size : 0.857142857142857em; font-weight : 600; } .bar-1 .menu-horizontal>li>.dropdown__trigger:hover, .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a:hover, .bar-1 .menu-horizontal>li>a:hover { color: #095495 !important; } .padding-align { padding-top : 14.42857143em; padding-bottom: 11.42857143em; } .services-description:hover { transform : translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -5px, 0); } .services-description a { font-weight: normal; } .map { -webkit-filter: grayscale(100%); -moz-filter : grayscale(100%); -ms-filter : grayscale(100%); -o-filter : grayscale(100%); filter : grayscale(100%); } a.underline-hide:hover { text-decoration: none !important; } /* Menu style */ .menu-fullscreen .modal-content .modal-close-cross { top: 0.3rem; opacity: unset; right: 1.5rem; } .modal-container .modal-content .modal-close-cross:before { font-size: 3em; color : #000; } .menu-fullscreen:before { background: #fff; } .ment-left-align { padding-top: 7rem; } .ment-left-align h2 { font-size : 4.2vw; letter-spacing: -0.13vw; line-height : 1.33; font-weight : 700; } .start-project-txt { color : #000 !important; font-size : 20px; font-weight : 500; text-decoration: underline; } .menu-tittle-section:nth-child(1) { margin-bottom: 80px; } .menu-tittle-section { margin-bottom: 45px; } .small-12.columns.nopad.contact-block-title { color : #000; font-weight : 600; margin-bottom : 10px; text-transform: uppercase; } .small-12.columns.nopad.contact-block-info a { font-weight : 400; color : #000; font-size : 12px; border-bottom: 2px solid #000; } .footer-socials ul.contact-footer li { float : left; width : 50%; margin-bottom: 0px; display : block; color : #000; font-size : 12px; cursor : pointer; } .footer-socials ul.contact-footer li a { color : #000; font-size : 12px; cursor : pointer; text-transform: uppercase; } .ment-right-align { padding-top: 8rem; } ul.menu-vertical li a { color : #000; font-size : 40px; line-height : 1.33; letter-spacing: 3px; font-weight : 700; } li.dropdown-btn { font-weight: 700; } .menu-vertical li.dropdown:after { display : unset !important; position: unset !important; } .menu-vertical li:not(:hover):not(.dropdown--active) { opacity: unset; } .dropdown-container { display : none; padding-left : 8px; margin-top : 2rem; margin-bottom: 1.5rem; } .dropdown-container .submenu a { color : #000; font-size : 22px; line-height : 2; letter-spacing: 3px; font-weight : normal; } .dropdown-btn { color : #000; font-size : 40px; margin-top : 1rem; margin-bottom : 1rem !important; letter-spacing: 3px; cursor : pointer; } .dropdown-btns { margin-top: 2rem !important; } /* Mobile menu media query */ @media (min-width: 320px) and (max-width: 767px) { ul.clients li { width: 100% !important; margin-bottom: 50px !important; } .cta a.btn.btn--primary.type--uppercase { margin-top: 2rem; } .work-together { margin-bottom: 20px; } p.lets-talk-align { margin-bottom: 10px !important; } .xs-margin-bottom-ten { margin-bottom: 10% !important; } .white-black .logo-dark { display: block !important; } .white-black img.logo.logo-light { display: none !important; } .menu-box-white .bar1, .menu-box-white .bar2 { background-color: #000 !important; } .ment-left-align { display: none; } .ment-right-align { display : grid; height : 100vh; align-items : center; justify-content: center; } .modal-container .modal-content>.modal-close-cross { background: none; top : 0rem; opacity : unset; right : 1em; } ul.menu-vertical.text-right { text-align: center !important; } .dropdown-btn, ul.menu-vertical li a { font-size: 30px; } .bar.bg--dark { padding-bottom: 5px; padding-top : 5px; } .bar__module { margin-bottom: 0em !important; } .padding-align { padding-top : 1.428571em; padding-bottom: 1.428571em; } .padding-align .row { flex-direction: column-reverse; } .text-center-xs { text-align: center !important; } .cta .label { display: none; } .lets-talk-align { line-height: 3em; } .bar.bg--dark { background: transparent; } ul.social-list.list-inline.list--hover { margin-bottom: 15px !important; margin-top : 15px; } ul.list-inline { margin-bottom: 15px; margin-top: 15px; } .footer-logo img { width: 40% !important; } .padding-align-sm { padding: 1.57142857em 0; } } .bar1 { width : 30px; height : 2px; background-color: #000; margin : 6px 0; transition : 0.4s; } .bar2 { width : 20px; height : 2px; background-color: #000; margin : 0px 10px; transition : 0.4s; } .menu-toggle { box-shadow: unset; background: transparent; position : relative; top : 15px; } .menu-toggle:hover { box-shadow : unset; transform : unset; -webkit-transform: unset; } .modal-container .modal-content .modal-close-cross:before { font-size: 3.5em; } .menu-box-white .bar1, .menu-box-white .bar2 { background-color: #fff; } .view-map { text-transform: uppercase; border-radius : unset; position : absolute; bottom : 0; right : 0; border : 2px solid #005792; display : inline-block; background : #005792 !important; color : #fff; font-size : 9px; padding : 5px 15px; font-weight : 600; letter-spacing: 1px } .view-map:hover { transform : unset; -webkit-transform: unset; color : #fff; } .contact-img { margin-bottom: 0em; } p.text-med.black-text.letter-spacing-1.margin-ten.no-margin-bottom.text-uppercase.font-weight-600.xs-margin-top-five { margin-bottom : 0em !important; margin-top : 10% !important; font-weight : 600; font-size : 15px !important; letter-spacing: 1px; } p.contact-page-paragraph { font-size : 15px; font-weight: 400; } p.contact-page-paragraph a { color : #000; text-decoration: none; } .location p { margin-bottom: 0em !important; } .wide-separator-line.bg-mid-gray.no-margin-lr { margin : 5% 0px; height : 1px; background: #d4d4d4 !important; } p.lets-talk-align { font-size : 15px; text-transform: uppercase; font-weight : 600; color : #000; margin-bottom : 25px; } p.lead { line-height: 26px !important; } .contact-form input[type] { background: transparent; padding: 0.564286em 15px; border-radius: 0px; margin-bottom: 0.5rem; border: 1px solid #dfdfdf; height: 3rem; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } .contact-form textarea { height: auto; background: transparent; padding: 0.564286em 15px; border-radius: 0px; margin-bottom: 0.5rem; border: 1px solid #dfdfdf; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 400 } p { font-size: 17px !important; color : #000 !important; } p.leadswhite { color : #fff !important; font-size: 17px !important; } .feature__body { margin-bottom: 10px; } .footer-logo { margin-bottom: 0px; } .footer-logo img { width : 15%; margin-bottom: 25px; } ul.social-list.list-inline.list--hover { margin-bottom: 0.6rem; } .features-box-section h2 { margin-bottom: 10px !important; } .services-description a:hover { text-decoration: none; } .careers-tittle { margin-bottom: 0px; } form + span.type--fine-print { margin-top: 0em; display: unset; } .section-modal .input-select:after { line-height: 40px } .services-descriptions { display: none; } ul.clients { margin-bottom: 0px; } ul.clients li { float: left; width: 25%; text-align: center; margin-bottom: 80px; } .text-center { text-align: center; } ul.two-state { width: 32.5%; float: left; display: block; cursor: pointer; margin-bottom: 0px; } ul.two-state li { text-transform: uppercase; height: 30px; text-align: center; font-size: 12px; } .bg--dark { background: #000; } .whatsapp { position: fixed; left: 0px; bottom: 0; } .whatsapp h5 { padding-top: 5px; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; border-radius: 100px; color: white; background: #20b20f; } .logoIcon_166 { background-image: url(http://thinroot.com/img/thinroot_logo_White.png) !important; } .copyright_889._bottom_544 { display:none; } li.citys { font-weight: 700; letter-spacing: 1px; } footer.space--xs { padding-bottom: 1.714286em; } @media (min-width: 992px) { .col-md-offset-2 { margin-left: 16.66666667%; } }