/* Theme Name: Handmade Solutions Description: We deliver high performance mission-critical enterprise applications. We provide high quality mission-critical software solutions for Agencies, Institutions, Organizations and Enterprises. Author: Handmade Solutions Author URI: http://www.handmadesolutions.net/ Version: 1.0 */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; font-weight:normal; } article, aside, figure, footer, header, hgroup, nav, section { display:block; } img, object, embed { max-width:100%; } html {overflow-x:hidden; overflow-y:scroll;} ol, ul, li { font-size:100%; margin:0; padding:0; border:0; list-style:none; } a { background:transparent; font-size:100%; text-decoration:none; margin:0; padding:0;} del {text-decoration:line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} input, select {vertical-align:middle;} pre { white-space:pre-line; } input[type="radio"] {vertical-align:middle;} input[type="checkbox"] {vertical-align:middle;} select, input, textarea {font-size:inherit; font:100%;} table {font-size:inherit; font:100%;} a:hover, a:active {outline: none;} sub, sup {font-size:75%; line-height:0; position:relative;} sup {top:0em;} sub {bottom:-0.25em;} .clickable, input[type=button], input[type=submit], button {cursor: pointer; font:100%;} button, input, select, textarea {margin: 0; font:100%;} button {width:auto; overflow:visible; font:100%;} .clearfix:before, .clearfix:after, .index-services-main-message-inner-right .visible ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after, .index-services-main-message-inner-right .visible ul:after { clear: both; } .clearfix, .index-services-main-message-inner-right .visible ul { zoom: 1; } .hidden, .schema_block { display:none; } /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ body { font-size:16px; font-family:OpenSans-Regular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; color:#2b2d30; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); padding-top:80px; overflow-x:hidden; } .page-wrap { max-width:1380px; padding:0px 10px; margin:0px auto; } a { color:#009BD8; } a:hover { color:#2b2d30; } p { line-height:120%; padding:1% 0%; margin:0; } ::-moz-selection{ background:#009BD8; color:#fff; text-shadow:none; } ::selection { background:#009BD8; color:#fff; text-shadow:none; } a:link { -webkit-tap-highlight-color:#009BD8; } ins { background-color:#009BD8; color:#fff; text-decoration: none; } mark { background-color:#009BD8; color:#fff; font-style: italic; font-weight: bold; } /* Fonts ----------------------------------------------------------------------------- */ @font-face { font-family:'OpenSans-Regular'; src:url('fonts/OpenSans-Regular.eot'); src:url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } @font-face { font-family:'OpenSans-Italic'; src:url('fonts/OpenSans-Italic.eot'); src:url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg'), url('fonts/OpenSans-Italic.woff') format('woff'), url('fonts/OpenSans-Italic.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } @font-face { font-family:'OpenSans-Bold'; src:url('fonts/OpenSans-Bold.eot'); src:url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } @font-face { font-family:'OpenSans-BoldItalic'; src:url('fonts/OpenSans-BoldItalic.eot'); src:url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg'), url('fonts/OpenSans-BoldItalic.woff') format('woff'), url('fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } @font-face { font-family:'OpenSans-Light'; src:url('fonts/OpenSans-Light.eot'); src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } @font-face { font-family:'OpenSansLight-Italic'; src:url('fonts/OpenSansLight-Italic.eot'); src:url('fonts/OpenSansLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSansLight-Italic.svg#OpenSansLight-Italic') format('svg'), url('fonts/OpenSansLight-Italic.woff') format('woff'), url('fonts/OpenSansLight-Italic.ttf') format('truetype'); font-weight:normal; font-style:normal; -webkit-font-smoothing:antialiased; } /* Custom Fonts */ /* Handmade Solutions Font */ @font-face { font-family:"handmade-solutions-font"; src:url("fonts/handmade-solutions-font.eot"); src:url("fonts/handmade-solutions-font.eot?#iefix") format("embedded-opentype"), url("fonts/handmade-solutions-font.woff") format("woff"), url("fonts/handmade-solutions-font.ttf") format("truetype"), url("fonts/handmade-solutions-font.svg#handmade-solutions-font") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family:"handmade-solutions-font" !important; font-style: normal !important; font-weight:normal !important; font-variant:normal !important; text-transform:none !important; speak:none; line-height:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle !important; } .icon-about:before { content: "\61"; font-size:185%; padding-bottom:5%; } .icon-external-link-2:before { content: "\62"; font-size:145%; } .icon-news-code:before { content: "\63"; font-size:110%; } .icon-target-audience:before { content: "\64"; } .icon-testimonials:before { content: "\65"; } .icon-news-info:before { content: "\66"; } .icon-feedburner:before { content: "\67"; } .icon-arrow-down:before { content: "\68"; padding-bottom:10%; } .icon-arrow-left:before { content: "\69"; font-size:145%; } .icon-gender:before { content: "\6a"; } .icon-password:before { content: "\6b"; font-size:145%; padding-bottom:5%; } .icon-twitter:before { content: "\6c"; font-size:110%; } .icon-user:before { content: "\6d"; font-size:125%; } .icon-phone:before { content: "\6e"; } .icon-giving-back:before { content: "\6f"; font-size:220%; padding-bottom:2%; } .icon-arrow-right:before { content: "\70"; font-size:145%; } .icon-arrow-up:before { content: "\71"; padding-bottom:25%; } .icon-hosting:before { content: "\72"; font-size:220%; padding-bottom:2%; } .icon-project-end:before { content: "\73"; font-size:145%; padding-bottom:5%; } .icon-project-planner:before { content: "\74"; font-size:145%; } .icon-laboratory:before { content: "\75"; } .icon-budget:before { content: "\76"; font-size:145%; padding-bottom:10%; } .icon-business:before { content: "\77"; font-size:185%; } .icon-letter:before { content: "\78"; font-size:145%; padding-bottom:3%; } .icon-project-start:before { content: "\79"; font-size:185%; padding-bottom:5%; } .icon-rss:before { content: "\7a"; font-size:110%; } .icon-letter-2:before { content: "\41"; font-size:125%; } .icon-calendar:before { content: "\42"; font-size:125%; } .icon-call-back:before { content: "\43"; font-size:145%; } .icon-linkedin:before { content: "\44"; } .icon-search:before { content: "\45"; } .icon-security:before { content: "\46"; font-size:200%; padding-bottom:2%; } .icon-location:before { content: "\47"; font-size:125%; } .icon-checkbox-selected:before { content: "\48"; } .icon-checkbox-unselected:before { content: "\49"; } .icon-love:before { content: "\4a"; font-size:110%; } .icon-services:before { content: "\4b"; font-size:145%; } .icon-slide-indicator:before { content: "\4c"; } .icon-menu:before { content: "\4d"; font-size:110%; padding-bottom:5%; } .icon-close:before { content: "\4e"; font-size:145%; padding-bottom:2%; } .icon-external-link:before { content: "\4f"; font-size:200%; } .icon-news-announcement:before { content: "\50"; font-size:110%; padding-bottom:0.7%; } .icon-sliding-handle:before { content: "\51"; } .icon-cloud-upload:before { content: "\52"; font-size:185%; } .icon-handmade-solutions-logo-min:before { content: "\53"; padding-bottom:10%; } .icon-sunrise:before { content: "\55"; font-size:110%; padding-bottom:10%; } .icon-sunset:before { content: "\56"; font-size:110%; padding-bottom:10%; } .icon-temperature:before { content: "\57"; font-size:110%; padding-bottom:2%; } .icon-wind-speed:before { content: "\58"; font-size:110%; padding-bottom:10%; } .icon-humidity:before { content: "\54"; font-size:110%; padding-bottom:10%; } .icon-craftsmanship:before { content: "\59"; font-size:110%; } .icon-retweet:before { content: "\5a"; font-size:110%; } .icon-marketing:before { content: "\30"; font-size:110%; } .icon-eye-blocked:before { content: "\31"; font-size:110%; padding-bottom:2%; } .icon-eye:before { content: "\32"; font-size:110%; padding-bottom:4%; } .icon-external-link-feedburner:before { content: "\33"; font-size:110%; } .icon-bubbles10:before { content: "\34"; font-size:110%; } .icon-camera3:before { content: "\35"; font-size:110%; } .icon-agile:before { content: "\36"; } .icon-bi:before { content: "\37"; } .icon-maintenance:before { content: "\38"; } .icon-prototyping:before { content: "\39"; } .icon-transitioning:before { content: "\21"; } /* Site Headers ------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6, .post h2 { font-family:OpenSans-Light, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } /* ----- Post Headers ----- */ .post h1, .post h3, .post h4, .post h5, .post h6, .main-menu-content-sub-container-cell h5, .main-menu-services-header h5, .main-menu-content-sub-container-cell-main-categories h5, ul.all-sub-pages-news li { font-family:OpenSans-Regular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } /* ----- 42px ----- */ h1 { font-size:2.625em; } /* ----- 36px ----- */ h2 { font-size:2.250em; } /* ----- 30px ----- */ h3 { font-size:1.875em; } /* ----- 24px ----- */ h4, .post h3, .newspaper-header-category-area li { font-size:1.500em; } /* ----- 21px ----- */ .post h4 { font-size:1.313em; } /* ----- 18px ----- */ h5, .main-menu-content-sub-container-cell li, .main-menu-content-sub-container-cell-main-categories li, ul.all-sub-pages-news li { font-size:1.125em; } /* ----- 14px ----- */ h6, .footer-top-inner-left li { font-size:0.875em; } /* .post h1 { font-size:2.625em; } .post h2 { font-size:2.250em; } .post h3 { font-size:1.375em; } .post h4 { font-size:1.125em; } .post h5 { font-size:1em; } .post h6 { font-size:0.875em; } */ /* ----- Post Header Spacers ----- */ .post h3, .post h4, .post h5, .post h6 { margin-bottom:20px; } /* Single/Special use Fonts ------------------------------------------------------------------------ */ /* ----- 52px ----- */ .text1000, .news-date .day { font-size:3.250em; } /* ----- 26px ----- */ .text1001, .post h2 { font-size:1.625em; } /* ----- 19px ----- */ .text1002, .news-date .month, .news-date .year { font-size:1.188em; } /* ----- 36px ----- */ .text1003 { font-size:2.250em; } /* ----- From 23px down to 17px ----- */ .text1004 { font-size:0.739em; } /* ----- 22px ----- */ .text1005, .main-menu-content-container-tel, .main-menu-content-container-or { font-size:1.375em; } /* ----- From h3 down to h4 ----- */ .text1006 { font-size:0.800em; } /* ----- From h4 down to 22 ----- */ .text1007 { font-size:0.917em; } /* Posts ----------------------------------------------------------------------- */ .post a, .header-mainnav h5, .news-date .month, .news-date .year { font-family:OpenSans-Regular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } .textn { font-weight:normal; } strong, .post .textb, .textb, .news-date .day { font-family:OpenSans-Bold, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } /*em, .post em a, .textri {*/ .text-field-half input, .text-field input, .contact-text-field input, .contact-text-field-half input, .contact-text-area textarea { font-family:OpenSans-Italic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } h1 em, .post h1 em a, .texti, .project-planner-textfield input, .project-planner-textfield-half input, .project-planner-form .selectric .label, .project-planner-textfield-half-textarea textarea, .project-planner-checkboxes label { font-family:OpenSansLight-Italic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } .textb.texti { font-family:OpenSans-BoldItalic, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } .textc { text-align:center; } .textr { text-align:right; } .textl { text-align:left; } .textup { text-transform:uppercase; } .textu { text-decoration:underline; } .textred { color:#ff0000; } /* Post Image Alignment ---------------------------------------------------------------------- */ img.alignnone { clear:both; padding-bottom:2%; } img.alignright { float:right; padding-left:3%; padding-bottom:2%; } img.alignleft { float:left; padding-right:3%; padding-bottom:2%; } img.aligncenter { display:block; padding-left:auto; padding-right:auto; } img#wpstats { display:none; } /* Header Container ---------------------------------------------------------------------- */ header, .header-replacement-container { position:fixed; width:100%; height:80px; top:0; background:#009BD8; color:#ffffff; transition:top 0.2s ease-in-out; z-index:2; } .header-replacement-container { position:relative; } header:before, header:after, .header-replacement-container:before, .header-replacement-container:after { content:""; background:#009BD8; position:absolute; top:0; bottom:0; width:9999px; } header:before, .header-replacement-container:before { right:100%; } header:after, .header-replacement-container:after { left:100%; } header:nth-of-type(1), header:nth-of-type(1):before, header:nth-of-type(1):after, .header-replacement-container:nth-of-type(1), .header-replacement-container:nth-of-type(1):before, .header-replacement-container:nth-of-type(1):after { background:#009BD8; } header a, .header-replacement-container a { color:#ffffff; } header a:hover, .header-replacement-container a:hover { color:#2b2d30; } .nav-up { top:-80px; } .header-container { display:block; position:relative; max-width:1380px; height:100%; padding:0; margin:0; } .title { float:left; width:20%; height:100%; vertical-align:middle; text-indent:-9999px; padding:0; margin:0; } .title a { display:block; max-width:176px; height:80px; background:url(images/handmade-solutions-logo-horizontal.png) no-repeat left; background-size:100%; padding:0; margin:0; } .title a:hover { background:url(images/handmade-solutions-logo-horizontal-hover.png) no-repeat left; background-size:100%; } .header-mainnav { float:left; width:80%; height:100%; padding:0; margin:0; } .header-mainnav ul { display:block; width:100%; height:100%; text-align:right; padding:0; margin:0; } .header-mainnav li { display:inline-block; height:100%; text-align:right; padding:0; margin:0; } .header-mainnav li a { display:block; text-align:center; text-transform:uppercase; line-height:80px; vertical-align:middle; padding:0px 20px; margin:0; cursor:pointer; } .header-mainnav li.header-mainnav-spacer { padding-right:45px; } .header-mainnav li a span { padding:0; padding-right:10px; margin:0; } .header-mainnav-sub-pages { position:relative; padding:0; margin:0; } li.header-mainnav-sub-pages .current-sub-page a { line-height:50px; text-transform:none; vertical-align:middle; padding:0px 0px 0px 10px; margin:15px 0px; border:1px solid #FFFFFF; } .header-mainnav-sub-pages a [class^="icon-about"]:before, .header-mainnav-sub-pages a [class*=" icon-about"]:before { font-size:150%; padding:0; padding-bottom:4px; margin:0; } _:-ms-fullscreen, :root .header-mainnav-sub-pages a [class^="icon-about"]:before, _:-ms-fullscreen, :root .header-mainnav-sub-pages a [class*=" icon-about"]:before { font-size:55%; } .header-mainnav-sub-pages a [class^="icon-handmade-solutions-logo-min"]:before, .header-mainnav-sub-pages a [class*=" icon-handmade-solutions-logo-min"]:before { padding:0; margin:0; } li.header-mainnav-sub-pages .current-sub-page a:hover, li.header-mainnav-sub-pages:hover .current-sub-page a { border:1px solid #FFFFFF; color:#2b2d30; } li.header-mainnav-sub-pages .current-sub-page a .current-sub-page-title-control { display:inline-block; height:50px; width:100px; line-height:50px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .header-mainnav-sub-pages a [class^="icon-arrow-down"]:before, .header-mainnav-sub-pages a [class*=" icon-arrow-down"]:before { font-size:200%; padding:0; padding-left:5px; padding-bottom:4px; margin:0; } li.header-mainnav-sub-pages .current-sub-page a:hover [class^="icon-arrow-down"]:before, li.header-mainnav-sub-pages:hover .current-sub-page a [class^="icon-arrow-down"]:before, li.header-mainnav-sub-pages .current-sub-page a:hover [class*=" icon-arrow-down"]:before, li.header-mainnav-sub-pages:hover .current-sub-page a [class*=" icon-arrow-down"]:before { color:#FFFFFF; } .header-mainnav-sub-pages ul.all-sub-pages { visibility:hidden; opacity:0; position:absolute; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); width:auto; min-width:100%; max-width:200%; height:auto; top:100%; left:0; background:#ccebf7; padding:2% !important; margin:0; margin-top:-10px; border:2px solid #009BD8; box-shadow: 0 0 10px -6px; z-index:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .header-mainnav-sub-pages:hover ul.all-sub-pages { visibility:visible; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .header-mainnav-sub-pages ul.all-sub-pages:before, .header-mainnav-sub-pages ul.all-sub-pages:after { content:""; position:absolute; top:-16px; left:8px; width:0; height:0px; border-bottom:16px solid #009BD8; border-left:16px solid transparent; border-right:16px solid transparent; margin-top:0px; } .header-mainnav-sub-pages ul.all-sub-pages:after { margin-top:2px; border-bottom-color:#ccebf7; } .header-mainnav-sub-pages ul.all-sub-pages, .header-mainnav-sub-pages li { display:block; min-height:20px; list-style:none; font-size:0.875em; line-height:20px; padding:0; margin:0; } .header-mainnav-sub-pages li a { display:block; text-align:left; line-height:20px; padding:8px 10px; color:#2b2d30; cursor:pointer; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .header-mainnav-sub-pages li a:hover { background:#009BD8; color:#FFFFFF; } /* Index Category Button ---------------------------------------------------------------------------- */ .index-category-button a { display:inline-block; height:40px; background:#009bd8; line-height:40px; text-transform:uppercase; color:#FFFFFF; cursor:pointer; border:none; padding:0px 30px; margin:40px 0px 0px; -webkit-border-radius:10px; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .index-category-button-news a { text-transform:none; } .index-category-button a:hover { background:#ccebf7; color:#009bd8; } .index-category-button a span { margin-right:10px; } .index-category-button a [class^="icon-"]:before, .index-category-button a [class*=" icon-"]:before { font-size:125%; } .index-category-button-news a [class^="icon-"]:before, .index-category-button-news a [class*=" icon-"]:before { padding:0%; padding-bottom:2%; } .main-menu-content-container .index-category-button a { height:50px; line-height:50px; } .main-menu-content-container .index-category-button [class^="icon-"]:before, .main-menu-content-container .index-category-button [class*=" icon-"]:before { font-size:160%; font-size:100%\9; padding-right:5px; padding-bottom:3px; } _:-ms-fullscreen, :root .main-menu-content-container .index-category-button [class^="icon-"]:before, _:-ms-fullscreen, :root .main-menu-content-container .index-category-button [class*=" icon-"]:before { font-size:60%; } .main-menu-content-container-left, .main-menu-content-container-right { float:left; width:50%; padding:0; margin:0; } /* Index Main Feature Container ---------------------------------------------------------------------------- */ .global-feature-area { display: table; position:relative; height:400px; } .global-feature-area:before { content:""; position:absolute; left:0; bottom:-30px; height:507px; width:100%; background:url(images/large-handmade-world.png) no-repeat; z-index:-1; } .global-feature-area-inner { display:table-cell; width:100%; vertical-align:middle; padding:0 13.1%; } .global-feature-area-inner h2, .sub-feature-area h2 { color:#60656F; } /* Index Sub Feature Containers ---------------------------------------------------------------------------- */ .sub-feature-area { position:relative; width:73.8%; margin:0 auto; } /* Index Company Presentation Container ---------------------------------------------------------------------------- */ .index-company-presentation { position:relative; width:100%; height:auto; padding:0; margin:0; } .index-company-presentation-quarter, .index-company-presentation-half { float:left; position:relative; width:50%; height:auto; padding:0; margin:0; } .index-company-presentation-quarter { width:25%; } .index-company-presentation-our-services { -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-bottom:-25%; } .index-company-presentation-image { position:relative; display:block; padding:0; margin:0; } .index-company-presentation-image img { padding:0; margin:0 0 -5px 0; } .index-company-presentation-quarter .index-company-presentation-hover, .index-company-presentation-half .index-company-presentation-hover { transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .index-company-presentation-quarter:hover .index-company-presentation-hover, .index-company-presentation-half:hover .index-company-presentation-hover { position:absolute; top:0; right:0; bottom:0; left:0; background:#ccebf7; transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .index-company-presentation-quarter .index-company-presentation-title, .index-company-presentation-half .index-company-presentation-title { position:absolute; top:0px; font-size:0.857em; } .index-company-presentation-quarter .index-company-presentation-title-values { position:absolute; bottom:0px; color:#FFFFFF; font-size:0.857em; } .index-company-presentation-quarter:hover .index-company-presentation-title-values, .index-company-presentation-half:hover .index-company-presentation-title h1, .index-company-presentation-quarter:hover .index-company-presentation-title h1 { color:#2b2d30; } .index-company-presentation-quarter .index-company-presentation-title h1, .index-company-presentation-quarter .index-company-presentation-title-values h1, .index-company-presentation-half .index-company-presentation-title h1 { line-height:100%; padding:20px; } .index-company-presentation-quarter:hover .index-company-presentation-title h1, .index-company-presentation-quarter:hover .index-company-presentation-title-values h1, .index-company-presentation-half:hover .index-company-presentation-title h1 { padding:20px 20px 10px; } .index-company-presentation-half .index-company-presentation-title h1, .index-company-presentation-quarter .index-company-presentation-title h1 { color:#009BD8; } .index-company-presentation-quarter:hover .index-company-presentation-title, .index-company-presentation-quarter:hover .index-company-presentation-title-values, .index-company-presentation-half:hover .index-company-presentation-title { position:relative; } .index-company-presentation-quarter .index-company-presentation-content, .index-company-presentation-half .index-company-presentation-content, .index-company-presentation-half .index-company-presentation-content { display:none; } .index-company-presentation-quarter:hover .index-company-presentation-content, .index-company-presentation-half:hover .index-company-presentation-content, .index-company-presentation-half:hover .index-company-presentation-content { display:block; position:relative; padding:0px 20px 10px; } /* ----- Presentation Global More Buttons ----- */ .index-company-presentation-quarter .index-company-presentation-more { display:none; } .index-company-presentation-quarter:hover .index-company-presentation-more { display:block; } .index-company-presentation-more p { position:absolute; bottom:20px; right:20px; line-height:100%; padding:0; } .index-company-presentation-quarter .index-company-presentation-more .archive-scroll-button { background:#FFFFFF; color:#009BD8; line-height:28px; margin:0px 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .index-company-presentation-quarter .index-company-presentation-more .archive-scroll-button:first-child { padding:0px 2px 2px 0px; margin-left:0%; } .index-company-presentation-quarter .index-company-presentation-more .archive-scroll-button:last-child { padding:0px 0px 2px 2px; margin-right:0%; } .index-company-presentation-quarter:hover .index-company-presentation-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; } .index-company-presentation-quarter:hover .index-company-presentation-more .archive-scroll-button:hover { background:#2b2d30; color:#FFFFFF; } /* ----- Presentation News Area ----- */ .index-company-presentation-news { background:#009BD8; padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .index-company-presentation-news:hover { background:#ccebf7; transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; } .news-date { margin-bottom:15px; } .news-date, .news-article { color:#FFFFFF; } .index-company-presentation-news:hover .news-date { color:#2b2d30; } .news-date .day, .news-date .month, .news-date .year { line-height:100%; } .news-date .day { float:left; margin-right:10px; } .news-date .month, .news-date .year { padding:5px 0px 0px; } .index-company-presentation-news:hover .news-article { color:#009BD8; } .index-company-presentation-news:hover .index-company-presentation-news-article:hover .news-article { color:#2b2d30; } .index-company-presentation-news-slider-controls-area { height:40px; } .index-company-presentation-news-article a { vertical-align:top; height:100%; } .index-company-presentation-news-slider-controls { vertical-align:bottom; } .index-company-presentation-news .index-company-presentation-news-slider-controls a.archive-scroll-button { background:#FFFFFF; color:#009BD8; line-height:28px; margin:4px 5px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .index-company-presentation-news .index-company-presentation-news-slider-controls a.archive-scroll-button:first-child { padding:0px 2px 2px 0px; margin-left:0%; } .index-company-presentation-news .index-company-presentation-news-slider-controls a.archive-scroll-button:last-child { padding:0px 0px 2px 2px; margin-right:0%; } .index-company-presentation-news:hover .index-company-presentation-news-slider-controls a.archive-scroll-button { background:#009BD8; color:#FFFFFF; } .index-company-presentation-news:hover .index-company-presentation-news-slider-controls a.archive-scroll-button:hover { background:#2b2d30; color:#FFFFFF; } /* ----- Index News Swiper Customization ----- */ .swiper-button-prev, .swiper-button-next { position:relative; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left:inherit; right:inherit; } /* Index Testimonials Container ---------------------------------------------------------------------------- */ .index-testimonials { position:relative; width:73.8%; margin:40px auto 0px; } .index-testimonials-content-outer { width:84.283%; margin-left:15.717%; background:#009BD8; color:#FFFFFF; } .index-testimonials-left { display:inline-block; vertical-align:middle; padding:4.5% 0%; margin-left:-18.717%; } .index-testimonials .index-testimonials-image { position:absolute; } .index-testimonials .index-testimonials-image:last-child { position:relative; visibility:hidden; } .index-testimonials:hover .index-testimonials-image:last-child { visibility:visible; } .index-testimonials-image-spacer { background:#FFFFFF; padding:10px 10px 5px; -webkit-border-radius:100%; border-radius:100%; } .index-testimonials-image-spacer img { border:1px solid #009BD8; -webkit-border-radius:100%; border-radius:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .index-testimonials-right { display:inline-block; width:72.283%; vertical-align:middle; padding:4.5% 0%; margin-left:4%; } .index-testimonials-right h4, .index-testimonials-right h5 { margin-bottom:10px; } .index-testimonials-right h4 strong { font-size:1.143em; } .index-testimonials-right h5 strong em, .index-testimonials-right h5 em strong { font-family:OpenSans-Regular, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; text-rendering:optimizelegibility; } .index-testimonials-right h5:last-child { margin-bottom:0; } /* Index Services Container ---------------------------------------------------------------------------- */ .index-services-outer-container { margin:2.5% 0% 0%; } .index-services-service-groups-outer-container { position:relative; width:100%; height:auto; padding:0px 0px 30px; margin:0; } .index-services-service-groups-left, .index-services-service-groups-right { float:left; position:relative; width:50%; height:auto; padding:0; margin:0; } .index-services-service-groups-left .index-services-service-groups-title, .index-services-service-groups-right .index-services-service-groups-title { position:relative; width:47%; padding:0; margin:0; } .index-services-service-groups-left .index-services-service-groups-title { margin-right:3%; margin-left:50%; } .index-services-service-groups-right .index-services-service-groups-title { margin-left:3%; margin-right:50%; } .index-services-service-groups-left .index-services-service-groups-title:before { content:""; position:absolute; left:50%; bottom:-15px; height:15px; margin-left:-1px; border-left:2px solid #ccebf7; } .index-services-service-groups-right .index-services-service-groups-title:before { content:""; position:absolute; left:50%; bottom:-15px; height:15px; margin-left:-1px; border-left:2px solid #ccebf7; } .index-services-service-groups-left .index-services-service-groups-title:after, .index-services-service-groups-right .index-services-service-groups-title:after { content:""; position:absolute; left:50%; bottom:-15px; width:57%; border-bottom:2px solid #ccebf7; } .index-services-service-groups-right .index-services-service-groups-title:after { left:-7%; } .index-services-service-groups-right:after { content:""; position:absolute; left:-1px; bottom:-30px; height:15px; border-left:2px solid #ccebf7; } .index-services-service-groups-title a { display:block; background:#ccebf7; color:#009BD8; word-spacing:9999999px; padding:35px 20px; margin:0; -webkit-border-radius:100%; border-radius:100%; } .index-services-service-groups-title a:hover { background:#009BD8; color:#FFFFFF; } /* ----- Services Articles ----- */ .index-services-inner-container { position:relative; width:100%; height:auto; padding:15px 0px 0px; margin:0; } .index-services-inner-container:after { content:""; position:absolute; left:50%; top:0; width:30px; height:30px; background:#ccebf7; -webkit-border-radius:100%; border-radius:100%; margin-left:-15px; } .index-services-inner-container a .index-services-article-container { float:left; position:relative; width:25%; padding:30px; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .index-services-inner-container a:nth-child(1) .index-services-article-container, .index-services-inner-container a:nth-child(3) .index-services-article-container, .index-services-inner-container a:nth-child(6) .index-services-article-container, .index-services-inner-container a:nth-child(8) .index-services-article-container { background:#FFFFFF; color:#009BD8; transition:background 0.5s ease-in-out; -o-transition:background 0.5s ease-in-out; -moz-transition:background 0.5s ease-in-out; } .index-services-inner-container a:nth-child(2) .index-services-article-container, .index-services-inner-container a:nth-child(4) .index-services-article-container, .index-services-inner-container a:nth-child(5) .index-services-article-container, .index-services-inner-container a:nth-child(7) .index-services-article-container { background:#009BD8; color:#FFFFFF; transition:background 0.5s ease-in-out; -o-transition:background 0.5s ease-in-out; -moz-transition:background 0.5s ease-in-out; } .index-services-inner-container a:hover .index-services-article-container { background:#ccebf7; color:#2b2d30; transition:background 0.5s ease-in-out; -o-transition:background 0.5s ease-in-out; -moz-transition:background 0.5s ease-in-out; } .index-services-inner-container a .index-services-article-container .index-services-article-title { text-align:center; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-title { display:table-cell; vertical-align:middle; font-size:0.650em; text-align:left; line-height:20px; text-transform:uppercase; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a .index-services-article-container .index-services-article-title span { clear:both; display:block; width:100%; font-size:3.182em; margin-bottom:5px; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-title span { clear:inherit; float:left; display:inline; width:auto; font-size:2.000em; line-height:34px; padding:0% 4% 4% 0%; } .index-services-inner-container a .index-services-article-container .index-services-article-content { display:none; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-content { display:block; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a .index-services-article-container .index-services-article-more { position:absolute; width:0%; bottom:30px; right:20px; margin:0 50%; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-more { position:absolute; width:50%; right:0; bottom:20px; left:-20px; margin:0 0 0 50%; text-align:right; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a .index-services-article-container .index-services-article-more .archive-scroll-button { margin-top:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .index-services-inner-container a:nth-child(1) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(3) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(6) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(8) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a:nth-child(2) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(4) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(5) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(7) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#FFFFFF; color:#009BD8; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .index-services-inner-container a .index-services-article-container .index-services-article-more .archive-scroll-button { width:40px; height:40px; line-height:36px; padding:0 0 4px 4px; margin:0%; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-more .archive-scroll-button { width:32px; height:32px; background:#009BD8; color:#FFFFFF; font-size:0.739em; line-height:28px; padding:0 0 2px 2px; margin:0%; } .index-services-inner-container a:hover .index-services-article-container .index-services-article-more .archive-scroll-button:hover { background:#2b2d30; color:#FFFFFF; } /* Contact Page --------------------------------------------------------------------------- */ #map_canvas { margin-bottom:4%; } .map-address .icon-location { margin-right:10px; } #wpcf7-f9-p16-o1 { float:left; width:50%; padding:0; margin:1.5% 0%; } .contact-form { width:100%; border-right:2px dashed #ccebf7; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .mobile-contact { display:none; } .contact-form .contact-or { float:right; width:50px; height:50px; background:#ccebf7; line-height:42px; text-align:center; color:#009bd8; vertical-align:top; padding:0; margin:0; margin-right:-26px; -webkit-border-radius:100%; border-radius:100%; } .contact-or-bottom { margin-bottom:2% !important; } .contact-form-title { padding-top:0.5%; margin-right:9%; margin-bottom:6%; } .contact-form-inner-control { width:80%; margin:0% 10%; } .contact-form-mobile-inner-control { margin:0%; width:100%; } .contact-text-field input { position:relative; width:40%; background:transparent; color:#009bd8; padding:0; margin:0; border:none; border-bottom:2px dashed #231f20; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .contact-text-field-half input { position:relative; width:20%; background:transparent; color:#009bd8; padding:0; margin:0; border:none; border-bottom:2px dashed #231f20; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .contact-text-area textarea { position:relative; width:100%; height:230px; line-height:36px; background:url(images/contact-textbox-rows.png) top left; color:#009bd8; padding:0; margin:0; border:none; overflow-y:auto; resize:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .contact-form-inner-control .captcha-image-control { padding:4% 0%; } .contact-form-submit { padding-bottom:7%; margin:2% 0%; margin-bottom:0; } .contact-form-submit button { display:inline-block; height:50px; background:#ccebf7; color:#009bd8; border:none; padding:0px 30px; margin:0 0 0 20px; -webkit-border-radius:10px; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .contact-form-submit button:hover { background:#009bd8; color:#FFFFFF; } .contact-form-submit button i { margin-left:10px; } .contact-form-submit button i.icon-letter::before { font-size:200%; } #wpcf7-f90-p16-o2 { float:left; width:50%; padding:0; margin:1.5% 0%; } .contact-call-back-form { width:100%; } .call-back-form-title { padding-top:0.5%; margin-left:9%; margin-bottom:6%; } .contact-call-back-form .call-back-phone-control { margin:4% 0%; } .contact-call-back-form .icon-phone::before { font-size:130%; } .contact-call-back-form .icon-phone { color:#009bd8; margin-right:10px; } .contact-call-back-form .contact-or { display:compact; width:50px; height:50px; background:#ccebf7; line-height:42px; text-align:center; color:#009bd8; vertical-align:top; padding:0; margin:4% auto; -webkit-border-radius:100%; border-radius:100%; } .call-back-form-inner-control { width:80%; margin:0% 10%; margin-top:4%; } .call-back-form-inner-control .captcha-image-control { padding:4% 0%; } .call-back-form-submit { padding-bottom:7%; margin:2% 0 0 20px; } .call-back-form-submit button { display:inline-block; height:50px; background:#ccebf7; color:#009bd8; border:none; padding:0px 30px; margin:0; -webkit-border-radius:10px; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .call-back-form-submit button:hover { background:#009bd8; color:#FFFFFF; } .call-back-form-submit button i { margin-left:10px; } .contact-lower-title { margin-bottom:2%; } .contact-lower-subtitle { margin-bottom:4%; } /* Project Planner Page --------------------------------------------------------------------------- */ .project-planner-container { width:100%; padding:0% 0% 4%; margin:0; } .project-planner-form-title { clear:both; padding-top:3%; margin:0% 1%; } .project-planner-form-title:first-child { padding-top:0%; } .project-planner-form-subtitle, .project-planner-form-paragraph, .project-planner-checkboxes { clear:both; width:98%; margin-left:1%; margin-right:1%; } .project-planner-form { width:100%; padding:0; margin:0; } .project-planner-quarter { float:left; width:25%; line-height:200%; padding:0.5% 1%; margin:0 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-quarter-special { padding-top:0%; } .project-planner-half { float:left; width:50%; line-height:200%; padding:0.5% 1%; margin:0 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-half-special { padding-bottom:0; } .uploadfieldtrick .project-planner-half:first-child { width:75%; } .uploadfieldtrick .project-planner-half:last-child { width:25%; } .project-planner-browse button { width:100%; } .project-planner-icon { display:inline-block; background:#ccebf7; width:50px; line-height:50px; vertical-align:middle; color:#009bd8; padding:0; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-textfield input { display:inline-block; background:#ccebf7; width:calc(100% - 50px); height:50px; color:#231f20; padding:0% 1%; padding-right:3%; margin:0; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-cap-img { display:inline-block; background:#ccebf7; width:94%; height:50px; padding:0% 3%; margin:0; } .project-planner-cap-img img { padding:11px 0px; } .project-planner-project-dates-select .project-planner-icon, .project-planner-project-budget .project-planner-icon { background:transparent; } /* .project-planner-icon-half { display:inline-block; background:#ccebf7; width:8%; line-height:50px; vertical-align:middle; color:#009bd8; padding:0; margin:0; } .project-planner-textfield-half input { display:inline-block; background:#ccebf7; width:88%; height:50px; color:#231f20; padding:0% 1%; padding-right:3%; margin:0; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } */ .project-planner-half-textarea { float:left; width:50%; line-height:200%; padding:0.5% 1%; margin:0 !important; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-icon-half-textarea { display:inline-block; background:#ccebf7; width:50px; height:150px; vertical-align:top; color:#009bd8; padding:0; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-textfield-half-textarea textarea { display:inline-block; background:#ccebf7; width:calc(100% - 50px); height:150px; line-height:38px; color:#231f20; padding:0% 1%; margin:0; border:none; overflow-y:auto; resize:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-form ::-webkit-input-placeholder { color: #717171; } .project-planner-form :-moz-placeholder { color: #717171; } .project-planner-form ::-moz-placeholder { color: #717171; } .project-planner-form :-ms-input-placeholder { color: #717171; } .project-planner-form .icon-phone:before { font-size:125%; } .project-planner-row { position:relative; width:100%; padding:0; margin:0; } .selectric-wrapper { display:inline-block; position:relative; width:calc(100% - 50px); vertical-align:middle; cursor:pointer; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-project-dates-select .selectric-wrapper { display:inline-block; position:relative; width:130px; vertical-align:middle; cursor:pointer; margin:1.5%; } .project-planner-project-budget .selectric-wrapper { display:inline-block; position:relative; width:25%; vertical-align:middle; cursor:pointer; margin:1.5% 0%; } .selectric { position:relative; background:#ccebf7; } .selectric:hover, .selectric-open .selectric { position:relative; background:#009bd8; } .selectric .label { display:block; color:#231f20; width:calc(100% - 50px); line-height:50px; white-space:nowrap; padding:0% 1%; padding-right:0%; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; } .project-planner-project-dates-select .selectric .label, .project-planner-project-budget .selectric .label { padding:0% 5%; padding-right:0%; } .selectric:hover .label, .selectric-open .selectric .label { color:#FFFFFF; } .selectric .button { display:block; position:absolute; right:0; top:0; width:50px; height:50px; background:#ccebf7 url(images/project-planner-select-arrow-down.png) no-repeat 50%; color:#231f20; font:0/0 a; } .selectric:hover .button, .selectric-open .selectric .button { background:#009bd8 url(images/project-planner-select-arrow-down-hover.png) no-repeat 50%; } .selectric-open .selectric-items, .project-planner-project-dates-select .selectric-open .selectric-items, .project-planner-project-budget .selectric-open .selectric-items { visibility:visible; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); -webkit-transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition:.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .selectric-disabled { filter:alpha(opacity=50); opacity:0.5; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; } .selectric-hide-select select { position:absolute; left:-100%; display:none; } .selectric-input { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; *font:0/0 a !important; background:none !important; } .selectric-temp-show { position:absolute !important; visibility:hidden !important; display:block !important; } .selectric-items, .project-planner-project-dates-select .selectric-items, .project-planner-project-budget .selectric-items { visibility:hidden; opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); -o-transform:translateY(-20px); transform:translateY(-20px); position:absolute; width:calc(100% + 50px) !important; top:100%; left:0; background:#ccebf7; padding:2%; margin:0; margin-left:-50px; margin-top:10px; border:2px solid #009bd8; box-shadow: 0 0 10px -6px; z-index:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .project-planner-project-dates-select .selectric-items { width:100% !important; margin:0; margin-top:10px; } .project-planner-project-budget .selectric-items { width:130% !important; margin:0; margin-top:10px; margin-left:-30%; } .selectric-items .selectric-scroll { height:100%; overflow: auto; } .selectric-items:before, .selectric-items:after { content:""; position:absolute; top:-14px; left:10px; width:0; height:0; border-bottom:14px solid #009bd8; border-left:14px solid transparent; border-right:14px solid transparent; margin-top:-2px; } .selectric-items:after { margin-top:1px; border-bottom-color:#ccebf7; } .selectric-above .selectric-items:before, .selectric-above .selectric-items:after { top:100%; bottom:14px; border-bottom-width:0; border-top:14px solid #009bd8; margin-top:0; } .selectric-above .selectric-items:after { border-top-color:#ccebf7; margin-top:-3px; } .selectric-above .selectric-items { top:auto; bottom:100%; margin-bottom:6px; } .selectric-items ul, .selectric-items li { min-height:20px; list-style:none; font-size:0.875em; line-height:20px; padding:0; margin:0; } .selectric-items li { display:block; padding:6px 30px 6px 10px; color:#231f20; cursor:pointer; position:relative; overflow:hidden; } .selectric-items li.selected { background:#009bd8; color:#FFFFFF; } .selectric-items li:after, .project-planner-project-dates-select .selectric-items li:after, .project-planner-project-budget .selectric-items li:after { content:""; position:absolute; top:0; right:-10px; width:40px; height:100%; background:#009bd8 url(images/dropdown-selected.png) no-repeat 50%; opacity:0; -webkit-transition:.2s; transition:.2s; z-index:2; } .selectric-items li.selected:after { opacity:1; right:0; } .selectric-items li:hover { background:#009bd8; color:#FFFFFF; } .project-planner-checkboxes { margin:1.5% 1% 4% 1%; } .project-planner-checkboxes .wpcf7-form-control-wrap, .project-planner-checkboxes .wpcf7-checkbox { position:relative; width:100%; padding:0; margin:0; } .project-planner-checkboxes .wpcf7-list-item, .project-planner-checkboxes .project-planner-checkbox-all { display:inline-block; width:25%; padding:0; margin:0; } .project-planner-checkboxes .project-planner-checkbox-all { margin-left:25%; margin-bottom:1.5%; } .project-planner-checkboxes .wpcf7-list-item.first { margin-right:25%; margin-bottom:1.5%; } .project-planner-checkboxes label, .project-planner-checkboxes .project-planner-checkbox-all label { display:inline-block; height:40px; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); line-height:40px; vertical-align:middle; cursor:pointer; background-color:transparent; padding-right:10px; border:5px solid #FFFFFF; -webkit-border-radius:24px; border-radius:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .project-planner-checkboxes label:hover, .project-planner-checkboxes .project-planner-checkbox-all label:hover { background-color:#ccebf7; } .project-planner-checkboxes label span.wpcf7-list-item-label:before, .project-planner-checkboxes .project-planner-checkbox-all label:before { content:""; display:inline-block; width:40px; height:40px; background:#ccebf7 url(images/checkbox-unselected.png) no-repeat 50%; line-height:40px; vertical-align:middle; border:5px solid #FFFFFF; -webkit-border-radius:100%; border-radius:100%; padding:0; margin:-5px 5px 0px -5px; } .project-planner-checkboxes .project-planner-checkbox-all label:before { margin:-5px 9px 0px -1px; } .project-planner-checkboxes input[type=checkbox] { display:none; } .project-planner-checkboxes input[type=checkbox]:checked + span.wpcf7-list-item-label:before, .project-planner-checkbox-all label.project-planner-checkbox-checked:before { background:#ccebf7 url(images/checkbox-selected.png) no-repeat 50%; } .project-planner-checkboxes label.project-planner-checkbox-checked { background-color:#ccebf7; } .project-planner-checkboxes-all, .project-planner-checkbox-checked .project-planner-checkboxes-clear-all { display:inline-block; } .project-planner-checkbox-checked .project-planner-checkboxes-all, .project-planner-checkboxes-clear-all { display:none; } .project-planner-project-dates-select, .project-planner-project-budget { margin-bottom:4%; } #fileuploadfield { display:none; } .project-planner-browse button { display:inline-block; height:50px; background:#009bd8; color:#FFFFFF; text-transform:uppercase; border:none; padding:0px 30px; margin:0; -webkit-border-radius:10px; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .project-planner-browse button:hover { background:#ccebf7; color:#009bd8; } .project-planner-browse button i { margin-left:10px; } .project-planner-browse button i.icon-cloud-upload::before { font-size:200%; font-size:130%\9; } _:-ms-fullscreen, :root .project-planner-browse button i.icon-cloud-upload::before { font-size:70%; } .irs { position:relative; display:block; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .irs-line { position:relative; display:block; overflow:hidden; outline:none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position:absolute; display:block; top: 0; } .irs-line-left { left: 0; width:11%; } .irs-line-mid { left:7%; width:92%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position:absolute; display:block; left:0; width:0; } .irs-bar-edge { position:absolute; display:block; top:0; left:0; } .irs-shadow { position:absolute; display:none; left:0; width:0; } .irs-slider { position:absolute; display:block; cursor:default; } .irs-slider.type_last { z-index:2; } .irs-min { position:absolute; display:block; left:0; cursor:default; } .irs-max { position:absolute; display:block; right:0; cursor:default; } .irs-from, .irs-to, .irs-single { position:absolute; display:block; top:0; left:0; cursor:default; white-space:nowrap; } .irs-grid { position:absolute; display:none; bottom:0; left:0; width:100%; height:20px; } .irs-with-grid .irs-grid { display:block; } .irs-grid-pol { position:absolute; top:0; left:0; width:1px; height:8px; background:#000; } .irs-grid-pol.small { height:4px; } .irs-grid-text { position:absolute; bottom:0; left:0; white-space:nowrap; text-align:center; font-size:9px; line-height:9px; padding:0 3px; color:#000; } .irs-hidden-input { position:absolute !important; display:block !important; top:0 !important; left:0 !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; padding:0 !important; margin:0 !important; outline:none !important; z-index:-9999 !important; background:none !important; border-style:solid !important; border-color:transparent !important; } .irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider { background: url(images/sprite-skin-nice.png) repeat-x; } .irs, .irs-with-grid { height:110px; } .irs-line { height:10px; top:73px; } .irs-line-left { height:10px; background-position:0 -60px; } .irs-line-mid { height:10px; background-position:0 0; } .irs-line-right { height:10px; background-position:100% -20px; } .irs-bar { height:10px; top:73px; background-position:0 -40px; } .irs-bar-edge { top:73px; height:10px; width:11px; background-position:0 -60px; } .irs-slider { width:52px; height:52px; top:54px; background-position:1px -80px; } .irs-slider.state_hover, .irs-slider:hover { background-position:0 -138px; cursor:pointer; } .irs-from, .irs-to, .irs-single { width:132px; height:42px; background:#009bd8; text-align:center; color:#FFFFFF; font-size:18px; line-height:42px; text-shadow:none; } .irs-from:after, .irs-to:after, .irs-single:after, .irs-to:before, .irs-from:before, .irs-single:before { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .irs-from:after, .irs-to:after, .irs-single:after { border-color:rgba(0, 155, 216, 0); border-top-color:#009bd8; border-width:6px; margin-left:-6px; } .irs-from:before, .irs-to:before, .irs-single:before { border-color:rgba(0, 155, 216, 0); border-top-color:#009bd8; border-width:12px; margin-left:-12px; } .irs-grid-pol { background: #99a4ac; } .irs-grid-text { color: #99a4ac; } .project-planner-submit { clear:both; padding-bottom:0; margin:11% 0 0 20px; } .project-planner-submit button { background:#009bd8; color:#FFFFFF; } .project-planner-submit button:hover { background:#ccebf7; color:#009bd8; } .project-planner-submit button i { margin-left:10px; } /* Technology Page --------------------------------------------------------------------------- */ .grid-item, .quarter-grid-item { float:left; } .quarter-grid-sizer { width:23%; margin:0% 1%; /*margin:5% 1%;*/ } .quarter-grid-item { width:23%; margin:1%; } .global-quarter-grid-item-container { position:relative; width:100%; padding:0; margin:0; } .global-quarter-grid-item-container a { display:block; background:#ccebf7; color:#2b2d30; width:100%; padding:15px 15px 60px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .global-quarter-grid-item-container a:hover { background:#009bd8; color:#FFFFFF; } .global-quarter-grid-item-inner-container-image p { padding:3% 0% 4.5%; margin:0; } .global-quarter-grid-item-inner-container-image p img { -webkit-border-radius:100%; border-radius:100%; } .global-quarter-grid-item-container a .global-quarter-grid-item-inner-container-title h4 { margin:0; } .global-quarter-grid-item-container a .global-quarter-grid-item-inner-container-secondary-title p { padding:1% 0 4%; } .global-quarter-grid-item-container a .index-services-article-more { position:absolute; width:0%; bottom:15px; right:25px; margin:0 50%; } .global-quarter-grid-item-container a:hover .index-services-article-more { position:absolute; width:50%; right:0; bottom:15px; left:-15px; margin:0 0 0 50%; text-align:right; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .global-quarter-grid-item-container a .index-services-article-more .archive-scroll-button { margin-top:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .global-quarter-grid-item-container a .index-services-article-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; transition-duration:0.5s; } .global-quarter-grid-item-container a .index-services-article-more .archive-scroll-button { width:40px; height:40px; line-height:36px; padding:0; margin:0; } .global-quarter-grid-item-container a:hover .index-services-article-more .archive-scroll-button { background:#ccebf7; color:#009BD8; width:32px; height:32px; font-size:0.739em; line-height:30px; padding:0; margin:0; } .global-quarter-grid-item-container a:hover .index-services-article-more .archive-scroll-button:hover { background:#2b2d30; color:#FFFFFF; } /* Culture Page --------------------------------------------------------------------------- */ .third-column-outer { position:relative; width:100%; padding:0; margin:0; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .third-column { width:28.33333333333333%; background:#ccebf7; padding:20px 1.5%; margin:0% 1% 20px; -webkit-box-flex-grow: 1; -moz-box-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .third-column img { max-width: 100%; height: auto; padding: 0; margin: 0; margin-bottom: 20px; -webkit-border-radius: 100%; border-radius: 100%; } .third-column p { padding: 3% 0%; } .page-main-content-container-culutre-credits { margin-bottom:2%; } .page-main-content-container-culutre-credits ul { position:relative; width:97.4%; padding-top:10px; padding-bottom:30px; margin:0% auto; } .page-main-content-container-culutre-credits ul li { float:left; list-style:disc; color:#009bd8; width:20%; margin-left:2.5%; margin-right:2.5%; } .page-main-content-container-culutre-credits ul li a { display:block; padding:0; margin:0; } /* Our People Category Page --------------------------------------------------------------------------- */ /* ----- Positions Available ----- */ .our-people-container { min-height: 300px; } .our-people-container .table { display: table; min-height: 300px; width: 100%; padding: 0; margin: 0 0 3%; } .our-people-container .row { display: table-row; width: 100%; padding: 0; margin: 0; } .our-people-container .row.our-people-header { background: #009BD8; color: #FFFFFF; border-bottom: none; } .our-people-container .row.our-people-header h5 { margin:0; } .our-people-container .cell { display: table-cell; vertical-align: middle; border-bottom: 1px solid #ccebf7; } .our-people-container .row.our-people-header .cell { border-bottom: none; padding: 20px; } .our-people-container a.our-people-body .cell { color:#2b2d30; padding: 15px; } .our-people-container a.our-people-body:nth-child(2n+1) { background:#e5f5fb; } .our-people-container a.our-people-body:hover .cell { background:#ccebf7; color: #009BD8; } .our-people-container a.our-people-body .cell:last-child { color:#009BD8; } .our-people-body .cell .icon-external-link:before { font-size: 150%; } /* ----- All Positions Closed ----- */ /* Pre Footer Container --------------------------------------------------------------------------- */ .pre-footer { clear:both; display:table; table-layout:fixed; position:relative; width:100%; height:auto; padding:0; margin:0; margin-top:1%; } .pre-footer-mid { display:table-row; width:100%; padding:0; margin:0; } .pre-footer-inner { display:table-cell; width:50%; padding:0; margin:0; } .pre-footer-inner li { display:inline-block; padding:0; margin:0; margin-bottom:-2px; } .pre-footer-inner li h3 a { display:block; height:50px; width:50px; background:#ccebf7; text-align:center; line-height:50px; cursor:pointer; border:none; padding:0; margin:20% 5%; -webkit-border-radius:100%; border-radius:100%; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .pre-footer-inner li h3 a [class^="icon-"]:before, .pre-footer-inner li h3 a [class*=" icon-"]:before { padding-bottom:5px; } .pre-footer-inner li h3 a [class^="icon-call-back"]:before, .pre-footer-inner li h3 a [class*=" icon-call-back"]:before { font-size:120%; } _:-ms-fullscreen, :root .pre-footer-inner li h3 a [class^="icon-call-back"]:before, _:-ms-fullscreen, :root .pre-footer-inner li h3 a [class*=" icon-call-back"]:before { font-size:70%; } .pre-footer-inner li h3 a:hover { background:#009bd8; color:#FFFFFF; } .pre-footer-inner li.pre-footer-back-to-top-container p { margin-top:30px; } .pre-footer-inner li.pre-footer-back-to-top-container p a { display:block; position:relative; height:57px; width:50px; background:#009bd8; text-align:center; color:#FFFFFF; line-height:120%; vertical-align:top; cursor:pointer; border:none; padding:5px; margin:0% 15%; margin-right:0%; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .pre-footer-inner li.pre-footer-back-to-top-container p a:hover { background:#ccebf7; color:#009bd8; } .pre-footer-inner li.pre-footer-back-to-top-container p a:after { content:" "; display:block; position:absolute; bottom:100%; left:50%; height:0; width:0; margin-left:-30px; border:solid transparent; border-color:rgba(0, 155, 216, 0); border-bottom-color:#009bd8; border-width:30px; } .pre-footer-inner li.pre-footer-back-to-top-container p a:hover:after { border-color:rgba(204, 235, 247, 0); border-bottom-color:#ccebf7; } /* Top Footer Container ------------------------------------------------------------------------- */ footer.top-footer { clear:both; position:relative; width:100%; height:auto; background:#35383b; color:#FFFFFF; padding:2% 0%; padding-bottom:1.5%; } footer.top-footer:before, footer.top-footer:after { content:""; background:#35383b; position:absolute; top:0; bottom:0; width:9999px; } footer.top-footer:before { right:100%; } footer.top-footer:after { left:100%; } footer.top-footer:nth-of-type(1), footer.top-footer:nth-of-type(1):before, footer.top-footer:nth-of-type(1):after { background:#35383b; } footer.top-footer a { color:#FFFFFF; } footer.top-footer a:hover { color:#009bd8; } .footer-top-inner { width:100%; padding:0; margin:0; } .footer-top-inner-left { display:inline-block; margin-right:2%; } .footer-top-inner-left:last-child { margin-right:0; } .footer-logo-control img { padding:6% 0%; } .footer-top-left-lower-list { padding-top:4%; } .footer-bottom-right li { display:inline-block; } /* Bottom Footer Container ------------------------------------------------------------------------ */ footer.bottom-footer { clear:both; position:relative; width:100%; height:auto; background:#1f2226; color:#FFFFFF; } footer.bottom-footer:before, footer.bottom-footer:after { content:""; background:#1f2226; position:absolute; top:0; bottom:0; width:9999px; } footer.bottom-footer:before { right:100%; } footer.bottom-footer:after { left:100%; } footer.bottom-footer:nth-of-type(1), footer.bottom-footer:nth-of-type(1):before, footer.bottom-footer:nth-of-type(1):after { background:#1f2226; } footer.bottom-footer a { color:#FFFFFF; } footer.bottom-footer a:hover { color:#009bd8; } .footer-bottom-inner { display:table; width:100%; padding:10px 0px; margin:0; } .footer-bottom-left, .footer-bottom-right { display:table-cell; width:50%; } .footer-bottom-right li { display:inline-block; padding:0px 10px; } .footer-bottom-right li:last-child { padding-right:0px; } /* Main Nav Container ---------------------------------------------------------------------------- */ .no-scroll { overflow-y:hidden; } .main-menu-overlay { display:none; } .main-menu-overlay.main-menu-visible { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(255, 255, 255, 0.96); z-index:3; overflow:hidden; overflow-y:auto; } .header-replacement-container .header-mainnav li a span { padding-right:5px; } .header-replacement-container .header-mainnav a [class^="icon-search"]:before, .header-replacement-container .header-mainnav a [class*=" icon-search"]:before { font-size:130%; font-size:100%\9; padding-right:0px; padding-bottom:3px; } _:-ms-fullscreen, :root .header-replacement-container .header-mainnav a [class^="icon-search"]:before, _:-ms-fullscreen, :root .header-replacement-container .header-mainnav a [class*=" icon-search"]:before { font-size:110%; } .header-replacement-container .header-mainnav a [class^="icon-close"]:before, .header-replacement-container .header-mainnav a [class*=" icon-close"]:before { font-size:180%; font-size:100%\9; padding-right:0px; padding-bottom:3px; } _:-ms-fullscreen, :root .header-replacement-container .header-mainnav a [class^="icon-close"]:before, _:-ms-fullscreen, :root .header-replacement-container .header-mainnav a [class*=" icon-close"]:before { font-size:70%; } .main-menu-content-container { position:relative; width:100%; padding:0; margin:0; } .main-menu-content-container-title { padding:0.5% 0%; } .main-menu-content-container-call-to-action { padding:0% 0% 2%; } .main-menu-content-container-tel [class^="icon-"]:before, .main-menu-content-container-tel [class*=" icon-"]:before { font-size:80%; padding-right:5px; } .main-menu-content-container-or { padding:0% 3%; } .main-menu-content-container .index-category-button a { height:50px; line-height:50px; } .main-menu-content-container .index-category-button [class^="icon-"]:before, .main-menu-content-container .index-category-button [class*=" icon-"]:before { font-size:160%; font-size:100%\9; padding-right:5px; padding-bottom:3px; } _:-ms-fullscreen, :root .main-menu-content-container .index-category-button [class^="icon-"]:before, _:-ms-fullscreen, :root .main-menu-content-container .index-category-button [class*=" icon-"]:before { font-size:60%; } .main-menu-content-container-left, .main-menu-content-container-right { float:left; width:50%; padding:0; margin:0; } .main-menu-content-sub-container { display:table; table-layout:fixed; background:#ccebf7; width:96%; padding:0; margin:3% 4%; margin-top:0%; border-collapse:collapse; } .main-menu-content-sub-container nav { display:table-row; } .main-menu-content-sub-container-cell, .main-menu-content-sub-container-cell-main-categories { display:table-cell; position:relative; width:50%; padding:2% 0%; vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .main-menu-content-sub-container-cell:nth-child(1), .main-menu-content-sub-container-cell-main-categories:nth-child(1) { text-transform:uppercase; padding-right:42px; } .main-menu-content-sub-container-cell:nth-child(1):before, .main-menu-content-sub-container-cell-main-categories:nth-child(1):before { content:""; position:absolute; top:50%; right:0px; width:30px; margin-top:-2px; border-top:4px solid #FFFFFF; } .main-menu-content-sub-container-cell:nth-child(1) img { max-width:45%; height:auto; } .main-menu-content-sub-container-cell h5 [class^="icon-"]:before, .main-menu-content-sub-container-cell h5 [class*=" icon-"]:before, .main-menu-services-header h5 [class^="icon-"]:before, .main-menu-services-header h5 [class*=" icon-"]:before { font-size:230%; font-size:100%\9; padding-right:5px; padding-bottom:3px; } _:-ms-fullscreen, :root .main-menu-content-sub-container-cell h4 [class^="icon-"]:before, _:-ms-fullscreen, :root .main-menu-content-sub-container-cell h4 [class*=" icon-"]:before { font-size:60%; } .main-menu-content-sub-container-cell.main-menu-content-sub-container-cell-newspaper:nth-child(1), .main-menu-content-sub-container-cell-main-categories li { text-transform:capitalize; } .main-menu-content-sub-container-cell-newspaper h5 [class^="icon-"]:before, .main-menu-content-sub-container-cell-newspaper h5 [class*=" icon-"]:before { font-size:185%; font-size:140%\9; padding-right:5px; padding-bottom:3px; } _:-ms-fullscreen, :root .main-menu-content-sub-container-cell-newspaper h5 [class^="icon-"]:before, _:-ms-fullscreen, :root .main-menu-content-sub-container-cell-newspaper h5 [class*=" icon-"]:before { font-size:75%; } .newspaper-logo-colour { color:#009BD8; } .main-menu-content-sub-container-cell ul { position:relative; } .main-menu-content-sub-container-cell ul:before { content:""; position:absolute; top:0; left:0; width:4px; height:100%; margin-left:-4px; border-left:4px solid #FFFFFF; } .main-menu-content-sub-container-cell li, .main-menu-content-sub-container-cell:nth-child(2) h5 { position:relative; line-height:120%; padding:5px 0px; padding-left:42px; } .main-menu-content-sub-container-cell li:after, .main-menu-content-sub-container-cell:nth-child(2) h5:after { content:""; position:absolute; top:50%; left:-4px; width:34px; margin-top:-2px; border-top:4px solid #FFFFFF; } .main-menu-content-sub-container-cell li:first-child:before { content:""; position:absolute; top:0; left:0; width:4px; height:50%; margin-left:-4px; border-left:4px solid #ccebf7; } .main-menu-content-sub-container-cell li:last-child:before { content:""; position:absolute; bottom:0; left:0; width:4px; height:50%; margin-left:-4px; border-left:4px solid #ccebf7; } .main-menu-content-sub-container-cell a { display:block; position:relative; } .main-menu-content-sub-container-cell a:after { content:""; position:absolute; top:50%; left:-20px; width:10px; height:10px; background:#FFFFFF; -webkit-border-radius:100%; border-radius:100%; margin-top:-5px; } /* Services Area Customization */ .main-menu-services-header { background:#ccebf7; width:96%; padding:3% 0%; margin:0% 4%; } .main-menu-content-sub-container-cell-main-categories ul { position: relative; margin-right: -10px; } .main-menu-content-sub-container-cell-main-categories ul:before { content:""; position:absolute; top:0; right:0; width:4px; height:100%; margin-right:-4px; border-right:4px solid #FFFFFF; } .main-menu-content-sub-container-cell-main-categories li { position:relative; } .main-menu-content-sub-container-cell-main-categories li:first-child:before { content:""; position:absolute; top:0; right:0; width:4px; height:50%; margin-right:-4px; border-right:4px solid #ccebf7; } .main-menu-content-sub-container-cell-main-categories li:last-child:before { content:""; position:absolute; bottom:0; right:0; width:4px; height:50%; margin-right:-4px; margin-bottom: -4px; border-right:4px solid #ccebf7; } .main-menu-content-sub-container-cell-main-categories li a { display: inline-block; position: relative; min-width: 130px; background: #009bd8; color: #FFFFFF; padding:20px; margin: 20px 20px; -webkit-border-radius: 100%; border-radius: 100%; } .main-menu-content-sub-container-cell-main-categories li a:hover { color: #2b2d30; } .main-menu-content-sub-container-cell-main-categories li a:before { content:""; position:absolute; top:50%; right:-20px; width:35px; border-top:4px solid #FFFFFF; } .main-menu-content-sub-container-cell-main-categories li a::after { content:""; position:absolute; top:50%; right:10px; width:10px; height:10px; background:#FFFFFF; -webkit-border-radius:100%; border-radius:100%; margin-top:-3px; } /* Call Back Container ------------------------------------------------------------------------ */ .call-back-overlay { display:none; } .call-back-overlay.visible { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:3; } .call-back-container-external-close { position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(255, 255, 255, 0.90); } .call-back-container { position:relative; width:31.5%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#009BD8; color:#FFFFFF; padding:3%; margin:auto auto; -webkit-border-radius:10px; border-radius:10px; } .call-back-container-close { position:absolute; left:0px; top:-50px; width:100%; padding:0; margin:0; } .call-back-container-close a { display:block; width:30%; background:#009BD8; color:#FFFFFF; line-height:50px; text-transform:uppercase; padding:0; margin:0 auto; border-bottom:1px solid #009BD8; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .call-back-container-close a:hover { color:#2b2d30; } .call-back-container-close a span { padding:0; padding-right:10px; margin:0; } /* ----- Call Back Form ----- */ .text-field input { position:relative; width:35%; background:#009BD8; padding:0; margin:0; border:none; border-bottom:2px dashed #FFFFFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .text-field-half input { position:relative; width:20%; background:#009BD8; padding:0; margin:0; border:none; border-bottom:2px dashed #FFFFFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .call-back-form .wpcf7 ::-webkit-input-placeholder { color: #ffffff; } .call-back-form .wpcf7 :-moz-placeholder { color: #ffffff; } .call-back-form .wpcf7 ::-moz-placeholder { color: #ffffff; } .call-back-form .wpcf7 :-ms-input-placeholder { color: #ffffff; } .call-back-form h3 { margin-bottom:4%; } .captcha-image-control img { vertical-align:middle; } .contact-submit { margin:2% 0%; margin-bottom:5%; } .contact-submit button { display:inline-block; height:50px; background:#ccebf7; color:#009BD8; border:none; padding:0px 30px; margin:0; -webkit-border-radius:10px; border-radius:10px; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .contact-submit button:hover { background:#009BD8; color:#FFFFFF; } .contact-submit button i { margin-left:10px; } .call-back-note { margin:0% 6%; } /* ----- Call Back Validation Messages ----- */ .call-back-form span.wpcf7-not-valid-tip { background:#ccebf7 !important; font-size:0.615em !important; text-align:center !important; margin:20px 0px; } .call-back-form div.wpcf7-mail-sent-ok { background:#ccebf7 !important; text-align:center !important; color:green !important; } /* Scroll and More Controls -------------------------------------------------------------------- */ a.index-scroll-button, a.archive-scroll-button, .index-company-presentation-more .archive-scroll-button, .index-services-article-more .archive-scroll-button { display:inline-block; width:50px; height:50px; background:#ccebf7; line-height:50px; text-align:center; color:#009BD8; padding:0; margin:3% 0.3%; -webkit-border-radius:100%; border-radius:100%; } .global-scroll-section:last-child a.index-scroll-button, .global-scroll-section:last-child a.archive-scroll-button, .index-company-presentation-more:last-child .archive-scroll-button { margin-bottom:0%; } a.archive-scroll-button, .index-company-presentation-more .archive-scroll-button { width:30px; height:30px; line-height:30px; margin:0%; margin-left:0.5%; } a.index-scroll-button:hover, a.archive-scroll-button:hover, .index-company-presentation-more .archive-scroll-button:hover, .index-services-article-more .archive-scroll-button:hover { background:#009BD8; color:#FFFFFF; } a.archive-scroll-button [class^="icon-arrow-down"]:before, a.archive-scroll-button [class*=" icon-arrow-down"]:before, a.archive-scroll-button [class^="icon-arrow-up"]:before, a.archive-scroll-button [class*=" icon-arrow-up"]:before, .index-company-presentation-more .archive-scroll-button [class^="icon-arrow-down"]:before, .index-company-presentation-more .archive-scroll-button [class*=" icon-arrow-down"]:before, .index-company-presentation-more .archive-scroll-button [class^="icon-arrow-up"]:before, .index-services-article-more .archive-scroll-button [class^="icon-arrow-down"]:before, .index-services-article-more .archive-scroll-button [class*=" icon-arrow-down"]:before, .index-services-article-more .archive-scroll-button [class^="icon-arrow-up"]:before { font-size:145%; } a.hide-this-section-anchor .icon-eye { display:none; } /* Media queries ------------------------------------------------------------------- */ /* ----- Desktop Screens ----- */ @media only screen and (max-width: 1600px) { body { font-size:15px; } } @media only screen and (max-width: 1500px) { body { font-size:14px; } } @media only screen and (max-width: 1420px) { body { font-size:13px; } .header-container { max-width:1380px; padding-right:20px; } .index-testimonials-right { width:66%; } } @media only screen and (max-width: 1200px) { .header-mainnav li a { padding:0px 10px; } .header-mainnav li.header-mainnav-spacer { padding-right:20px; } .header-mainnav li.mobile-remove { display:none; } .index-testimonials { width:80%; } .index-testimonials-right { width:68%; } .index-company-presentation-quarter, .index-company-presentation-half { width:33.33333333333333%; } .index-company-presentation-our-services { -moz-transform:translateY(0%); -webkit-transform:translateY(0%); -o-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); margin-bottom:0%; } .index-services-inner-container a .index-services-article-container { width:33.33333333333333%; padding:30px; } .index-services-inner-container a:nth-child(1) .index-services-article-container, .index-services-inner-container a:nth-child(3) .index-services-article-container, .index-services-inner-container a:nth-child(5) .index-services-article-container, .index-services-inner-container a:nth-child(7) .index-services-article-container { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:nth-child(2) .index-services-article-container, .index-services-inner-container a:nth-child(4) .index-services-article-container, .index-services-inner-container a:nth-child(6) .index-services-article-container, .index-services-inner-container a:nth-child(8) .index-services-article-container { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(1) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(3) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(5) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(7) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(2) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(4) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(6) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(8) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:hover .index-services-article-container { background:#ccebf7; color:#2b2d30; } } /* ----- Mobile and Tablet Views ----- */ /* @media handheld, only screen and (max-device-width: 1199px) { body { cursor:pointer; } } */ @media handheld, only screen and (max-width: 1100px) { .index-testimonials { width:90%; } .index-testimonials-left { margin-left:-19.717%; } .quarter-grid-sizer, .quarter-grid-item { width:31.33333333333333%; } } @media handheld, only screen and (max-width: 1000px) { .index-testimonials-right { width:63%; } .project-planner-quarter { width:50%; } .project-planner-half { width:100%; } .project-planner-half-mobile-controller { width:50%; } .project-planner-full-mobile-controller { width:100%; } .uploadfieldtrick .project-planner-half:first-child { width:70%; } .uploadfieldtrick .project-planner-half:last-child { width:30%; } .project-planner-checkboxes .wpcf7-list-item, .project-planner-checkboxes .project-planner-checkbox-all { width:50%; } .project-planner-checkboxes .project-planner-checkbox-all { width:25%; margin-left:25%; } .project-planner-checkboxes .wpcf7-list-item.first { width:25%; margin-right:25%; } .project-planner-icon-half { width:16%; } } @media handheld, only screen and (max-width: 900px) { .sub-feature-area { width:90%; } .index-testimonials-content-outer { width:100%; margin-left:0%; margin-top:200px; } .index-testimonials-left { width:320px; padding:0; margin:-160px 5% 0px; margin-left:calc(50% - 160px); } .index-testimonials .index-testimonials-image { width:320px; } .index-testimonials-right { width:90%; padding:0; margin:4.5% 5%; } .index-company-presentation-quarter, .index-company-presentation-half { width:50%; } .index-services-inner-container a .index-services-article-container { width:50%; padding:30px; } .index-services-inner-container a:nth-child(1) .index-services-article-container, .index-services-inner-container a:nth-child(4) .index-services-article-container, .index-services-inner-container a:nth-child(5) .index-services-article-container, .index-services-inner-container a:nth-child(8) .index-services-article-container { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:nth-child(2) .index-services-article-container, .index-services-inner-container a:nth-child(3) .index-services-article-container, .index-services-inner-container a:nth-child(6) .index-services-article-container, .index-services-inner-container a:nth-child(7) .index-services-article-container { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(1) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(4) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(7) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(8) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(2) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(3) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(6) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(7) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:hover .index-services-article-container { background:#ccebf7; color:#2b2d30; } .pc-contact, #wpcf7-f90-p16-o2 { display:none; } .mobile-contact { display:block; border-bottom:2px dashed #ccebf7; } .contact-form-mobile-title, .call-back-form-mobile-title { position:relative; display:inline-block; background:#ccebf7; color:#009BD8; padding:10px 30px; margin-bottom:28px; -webkit-border-radius:10px; border-radius:10px; } .contact-form-mobile-title { margin-right:30px; } .call-back-form-mobile-title { margin-left:30px; } .contact-form-mobile-title:hover, .call-back-form-mobile-title:hover { background:#009BD8; color:#FFFFFF; cursor:pointer; } .contact-form-mobile-title.visible, .call-back-form-mobile-title.visible { background:#ccebf7; color:#FFFFFF; } .contact-form-mobile-title.visible:hover, .call-back-form-mobile-title.visible:hover { cursor:default; } .contact-form-mobile-title.visible:after, .call-back-form-mobile-title.visible:after { content:""; position:absolute; top:100%; left:50%; height:30px; border-left:2px dashed #ccebf7; margin-left:-1px; } .contact-form-inner-control { margin:0%; width:100%; } .contact-form-mobile-inner-control { margin:0 10%; width:80%; } .contact-form { border-right:none; } .contact-form-inner-control, .contact-call-back-form { border-bottom:2px dashed #ccebf7; border-left:2px dashed #ccebf7; border-right:2px dashed #ccebf7; padding-top:20px; } #wpcf7-f9-p16-o1, #wpcf7-f90-p16-o2 { width:100%; } #wpcf7-f9-p16-o1 { margin-bottom:0%; } #wpcf7-f90-p16-o2 { margin:0% 0% 4.5%; } .contact-form .contact-or-bottom { float:none; margin:-26px auto 0px; } .contact-call-back-form .contact-or.mobile-contact-controller { height:46px; margin:0px auto -26px !important; } .call-back-note { margin:0% 6% 3%; } .contact-form .mobile-contact { margin-bottom:0px; } } @media handheld, only screen and (max-width: 768px) { body { font-size:16px; } li.header-mainnav-sub-pages .current-sub-page a .current-sub-page-title-control { height:50px; width:40px; line-height:50px; } .header-mainnav-sub-pages a .icon { display:none; } .header-mainnav-sub-pages a .icon.icon-arrow-down { display:inline-block !important; font-size:120% !important; } .global-feature-area-inner { padding:0 6.5%; } .global-feature-area:before { left:-25%; width:150%; } .third-column { width:45%; } } @media handheld, only screen and (max-width: 750px) { body { font-size:15px; } .quarter-grid-sizer, .quarter-grid-item { width:46%; margin:3% 2%; } .project-planner-half-textarea { width:100%; } .project-planner-checkboxes .project-planner-checkbox-all { width:45%; margin-left:5%; } .project-planner-checkboxes .wpcf7-list-item.first { width:45%; margin-right:5%; } } @media handheld, only screen and (max-width: 550px) { body { font-size:14px; } .global-feature-area-inner { padding:0; } .global-feature-area:before { left:-50%; width:200%; } .sub-feature-area { width:100%; } .index-company-presentation-quarter, .index-company-presentation-half { width:100%; } .index-services-inner-container a .index-services-article-container { width:100%; padding:30px; } .index-services-inner-container a:nth-child(1) .index-services-article-container, .index-services-inner-container a:nth-child(3) .index-services-article-container, .index-services-inner-container a:nth-child(5) .index-services-article-container, .index-services-inner-container a:nth-child(7) .index-services-article-container { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:nth-child(2) .index-services-article-container, .index-services-inner-container a:nth-child(4) .index-services-article-container, .index-services-inner-container a:nth-child(6) .index-services-article-container, .index-services-inner-container a:nth-child(8) .index-services-article-container { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(1) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(3) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(5) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(7) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#009BD8; color:#FFFFFF; } .index-services-inner-container a:nth-child(2) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(4) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(6) .index-services-article-container .index-services-article-more .archive-scroll-button, .index-services-inner-container a:nth-child(8) .index-services-article-container .index-services-article-more .archive-scroll-button { background:#FFFFFF; color:#009BD8; } .index-services-inner-container a:hover .index-services-article-container { background:#ccebf7; color:#2b2d30; } .contact-form .mobile-contact { font-size:110%; } .contact-form-mobile-title { margin-right:15px; } .call-back-form-mobile-title { margin-left:15px; } .project-planner-quarter, .project-planner-half, .project-planner-half-mobile-controller, .project-planner-full-mobile-controller { width:100%; } .uploadfieldtrick .project-planner-half:first-child, .uploadfieldtrick .project-planner-half:last-child { width:50%; } .project-planner-checkboxes .wpcf7-list-item, .project-planner-checkboxes .project-planner-checkbox-all { width:100%; } .project-planner-checkboxes .project-planner-checkbox-all { width:45%; margin-left:5%; } .project-planner-checkboxes .wpcf7-list-item.first { width:45%; margin-right:5%; } .project-planner-title { width:100%; display:block; } .project-planner-project-dates-select .selectric-wrapper { width:47%; } } @media handheld, only screen and (max-width: 400px) { body { font-size:13px; } .index-testimonials-content-outer { width:100%; margin-left:0%; margin-top:170px; } .index-testimonials-left { width:320px; padding:0; margin:-130px 5% 0px; margin-left:calc(50% - 130px); } .index-testimonials .index-testimonials-image { width:260px; } .contact-form .mobile-contact { font-size:90%; } .contact-form-mobile-title { margin-right:5px; } .call-back-form-mobile-title { margin-left:5px; } .contact-form-mobile-title, .call-back-form-mobile-title { padding:5px 15px; -webkit-border-radius:5px; border-radius:5px; } .quarter-grid-sizer, .quarter-grid-item { width:100%; margin:3% 0%; } .uploadfieldtrick .project-planner-half:first-child, .uploadfieldtrick .project-planner-half:last-child { width:100%; } .uploadfieldtrick .project-planner-half:last-child { margin-top:4% !important; } .project-planner-checkboxes .project-planner-checkbox-all { width:92%; margin-left:4%; margin-right:4%; } .project-planner-checkboxes .wpcf7-list-item.first { width:90%; margin-left:5%; margin-right:5%; } .third-column { width:97%; margin:0% 0% 10px; } } @media handheld, only screen and (max-width: 300px) { body { font-size:12px; } .index-testimonials { width:100%; } .index-testimonials-content-outer { width:100%; margin-left:0%; margin-top:120px; } .index-testimonials-left { width:320px; padding:0; margin:-80px 5% 0px; margin-left:calc(50% - 80px); } .index-testimonials .index-testimonials-image { width:160px; } .contact-form .mobile-contact { font-size:80%; } .contact-form-mobile-title { margin-right:5px; } .call-back-form-mobile-title { margin-left:5px; } .contact-form-mobile-title, .call-back-form-mobile-title { padding:5px; } .project-planner-project-dates-select .selectric-wrapper { width:97%; } }