/* Theme Name: DRMG Description: Responsive wordpress theme for DRMG. Based on HTML5 Reset theme. Author: Surround Integrated Marketing Author URI: http://surrounded.ca Version: 1.0 */ /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 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, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;} /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ img, object, embed {max-width: 100%; height: auto;} /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover */ .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @font-face { font-family: 'icons-glenerin'; src: url('fonts/icons-glenerin/icons-glenerin_33359863.eot'); src: url('fonts/icons-glenerin/icons-glenerin_33359863.eot#iefix') format('embedded-opentype'), url('fonts/icons-glenerin/icons-glenerin_33359863.woff') format('woff'), url('fonts/icons-glenerin/icons-glenerin_33359863.ttf') format('truetype'), url('fonts/icons-glenerin/icons-glenerin_33359863.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'icons-glenerin'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -o-transform: scale(1); text-rendering: optimizeLegibility; } .icon-arrow-left:before { content: '\e809'; } /* '' */ .icon-phone:before { content: '\e806'; } /* '' */ .icon-cancel:before { content: '\e807'; } /* '' */ .icon-gplus:before { content: '\e802'; } /* '' */ .icon-blogger:before { content: '\e804'; } /* '' */ .icon-linkedin:before { content: '\e80b'; } /* '' */ .icon-arrow-right:before { content: '\e808'; } /* '' */ .icon-twitter:before { content: '\e801'; } /* '' */ .icon-youtube:before { content: '\e80a'; } /* '' */ .icon-email:before { content: '\e805'; } /* '' */ .icon-facebook:before { content: '\e800'; } /* '' */ .icon-rss:before { content: '\e803'; } /* '' */ /*! * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:20px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} .span12{width:940px;} .span11{width:860px;} .span10{width:780px;} .span9{width:700px;} .span8{width:620px;} .span7{width:540px;} .span6{width:460px;} .span5{width:380px;} .span4{width:300px;} .span3{width:220px;} .span2{width:140px;} .span1{width:60px;} .offset12{margin-left:980px;} .offset11{margin-left:900px;} .offset10{margin-left:820px;} .offset9{margin-left:740px;} .offset8{margin-left:660px;} .offset7{margin-left:580px;} .offset6{margin-left:500px;} .offset5{margin-left:420px;} .offset4{margin-left:340px;} .offset3{margin-left:260px;} .offset2{margin-left:180px;} .offset1{margin-left:100px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;} .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} .row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;} .row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;} .row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;} .row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;} .row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;} .row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;} .row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;} .row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;} .row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;} .row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;} .row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;} .row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;} .row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;} .row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;} .row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;} .row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;} .row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;} .row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;} .row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;} .row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;} .row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;} .row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;} .row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;} .row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} @-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;} .visible-phone{display:none !important;} .visible-tablet{display:none !important;} .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important;} @media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;}}.visible-print{display:none !important;} @media print{.visible-print{display:inherit !important;} .hidden-print{display:none !important;}}@media (max-width:767px){ .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}} /* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; } .chromeframe {position: absolute; top: 0;} /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ /* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */ body { background: #424242; font-family: "PT Sans", sans-serif; font-size: 100%; line-height: 1.25; /*-webkit-font-smoothing: antialiased;*/ /*-o-transform: scale(1);*/ /*text-rendering: optimizeLegibility;*/ } /* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */ /* We like off-black for text. */ body, select, input, textarea {color: #222;} a { color: #005aaa; text-decoration: none; outline: none; } a:hover {color: #005aaa; text-decoration: underline;} /* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background: #005aaa; color: #fff; text-shadow: none;} ::selection {background: #005aaa; color: #fff; text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #005aaa;} ins {background-color: #005aaa; color: #fff; text-decoration: none;} mark {background-color: #005aaa; color: #fff; font-style: italic; font-weight: bold;} /* Mozilla dosen't style place holders by default */ input:-moz-placeholder { color:#a9a9a9; } textarea:-moz-placeholder { color:#a9a9a9; } .map img { max-width: none; } /* And here begins the Wordpress fun. -------------------------------------------------------------------------------*/ .post { overflow: hidden; } .post + .post, .hentry + .hentry { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #ccc; } .post:hover .post__meta { opacity: 1; } .post__title { margin: 0 0 0.25em; } .post__header { margin-bottom: 0.5em; } .post__footer { margin-top: 2em; } .post__header .post__meta { opacity: 0.7; color: #666; font-size: 0.875em; } .post__header .post__meta__item { display: inline-block; margin: 0 0.5em 0 0; } .post__footer .post__meta__item + .post__meta__item { margin-top: 0.5em; } .post__thumb { /*float: right;*/ /*max-width: 320px;*/ margin: 0 0 1em; } .ua-ie-8 .post__thumb { width: 320px; } .ua-ie-8 .post__thumb img, .ua-ie-8 .post__image img { width: 100% !important; height: auto !important; } .post__image img { display: block; } .post__entry { } .post__comments { margin-top: 2em; } .post__nav { width: 100%; } .post + .post__nav, .hentry + .post__nav, script + .post__nav { margin-top: 2em; } .post__nav .prev { float: right; } .post__nav .next { float: left; } .entry-content {} .entry-content a {} .entry-content a:hover {} #meta {} .postmetadata {} #sidebar {} .navgation {} .next-posts {} .prev-posts {} .form--search label { display: none; visibility: hidden; } #searchform {} #s { -webkit-appearance: none; width: 144px; padding: 3px 8px !important; } .ua-firefox #s { padding: 7px 13px !important; } #searchsubmit { padding: 8px 10px; } .ua-firefox #searchsubmit { padding: 10px 10px 6px; } ol.commentlist {list-style: none;} ol.commentlist li {} ol.commentlist li.alt {} ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;} ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {} ol.commentlist li.comment div.vcard cite.fn {font-style: normal;} ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;} ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta {font-size: 10px;} ol.commentlist li.comment div.comment-meta a {color: #ccc;} ol.commentlist li.comment p {} ol.commentlist li.comment ul {} ol.commentlist li.comment div.reply {font-size: 11px;} ol.commentlist li.comment div.reply a {font-weight: bold;} ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;} ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;} ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even {background: #fff;} ol.commentlist li.odd {background: #f6f6f6;} ol.commentlist li.parent {border-left: 5px solid #111;} ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} .alignright { float: right; margin: 0 0 15px 15px; } .alignleft { float: left; margin: 0 15px 15px 0; } /* General -------------------------------------------------------------------------------*/ #wrapper { } .wrapper { position: relative; width: 1010px; margin: 0 auto; } .nav > ul { position: relative; margin: 0; padding: 0; list-style: none; } .nav li { display: inline-block; } .nav li:hover > ul { display: block; visibility: visible; } .nav li a { display: block; line-height: 1; white-space: nowrap; } .nav li ul { position: absolute; display: none; visibility: hidden; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 1.2em 0 0.5em; line-height: 1.2; word-spacing: 1px; font-weight: normal; color: #005aaa; } /*.ua-webkit h1, .ua-webkit h2, .ua-webkit h3, .ua-webkit h4, .ua-webkit h5, .ua-webkit h6 { letter-spacing: -1px; word-spacing: 2px; }*/ h1, .h1 { font-size: 2.25em; } h2, .h2 { font-size: 1.5em; } h3, .h3 { font-size: 1.375em; } h4, .h4 { font-size: 1.25em; } h5, .h5 { font-size: 1.125em; } h6, .h6 { font-size: 1em; } h1 .button--link, h2 .button--link, h3 .button--link, h4 .button--link, h5 .button--link, h6, .h1 .button--link, .h2 .button--link, .h3 .button--link, .h4 .button--link, .h5 .button--link, .h6 .button--link { text-decoration: underline; } p { font-size: 0.875em; } p + p { margin-top: 1em; } li { margin-bottom: 0.375em; } :last-child { margin-bottom: 0; } :first-child { margin-top: 0; } .right { float: right; } .left { float: left; } .clear { clear: both; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .brand-color { color: #a81927; } .highlight { color: #a81927; } .video-container { clear: both; position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Forms -------------------------------------------------------------------------------*/ .form input[type=text], .form input[type=email], .form input[type=tel], .form input[type=search], .form select, .form textarea { width: auto; height: auto; margin: 0; padding: 6px 8px !important; border: 1px solid #aaa; border-radius: 1px; font-size: 14px !important; line-height: 1.5; outline: none; } .form label { font-size: 14px; line-height: 1; } .form select { height: 30px; } .form .error { border-color: #f00 !important; } .form label.error { margin-top: 3px; background: none; color: #f00; font-size: 0.75em; } .form .line { margin-bottom: 10px; } .form .line label { margin-bottom: 4px; } .form .line label, .form .line input[type=text], .form .line input[type=email], .form .line input[type=tel], .form .line input[type=search], .form .line select, .form .line textarea { display: block; } .checkbox-hold input, .checkbox-hold label { width: auto !important; display: inline-block !important; } .checkbox-hold label { position: relative; top: 5px; margin-left: 3px; } .ua-ie .checkbox-hold label { top: 0; } .form--block .line label, .form--block .line input[type=text], .form--block .line input[type=email], .form--block .line input[type=tel], .form--block .line input[type=search], .form--block .line select, .form--block .line textarea { width: 100%; } .form--block .line textarea { min-height: 98px; } .ie-lt9 .form--block .line label, .ie-lt9 .form--block .line select, .ie-lt9 .form--block .line textarea { display: block; width: 100%; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { font-weight: normal; } .gform_wrapper { margin: 0 !important; max-width: 100% !important; } .gform_wrapper .form--stack .gform_heading { margin: 0 0 5px; width: 100%; font-size: 0.875em; } .gform_wrapper .form--stack .gform_footer { margin-top: 10px; padding: 0; } .gform_wrapper .gfield_radio li input, .gform_wrapper .gfield_checkbox li input { position: relative; left: 1px; } .gform_wrapper .form--stack .gfield_radio li label, .gform_wrapper .form--stack .gfield_checkbox li label { margin-left: 19px; } .gform_wrapper .form--stack div.validation_error { margin: 10px 0 0; font-size: 0.875em; } .gform_wrapper .form--stack li.gfield.gfield_error, .gform_wrapper .form--stack li.gfield.gfield_error.gfield_contains_required { margin: 0 !important; padding: 0 !important; background: none; border: none; width: 100%; } .gform_wrapper .form--stack .top_label .gfield_error .ginput_container { margin: 0 !important; max-width: 100%; } .gform_wrapper .form--stack .top_label .gfield_error .validation_message { padding: 0 !important; margin: 4px 0 2px; font-size: 0.75em; font-weight: normal; } .gform_wrapper .form--stack .button { width: 100%; } .form--step .step:not(.hidden) + .step:not(.hidden) { margin-top: 2em; } .ie-lt9 .form--step .step + .step { margin-top: 2em; } /* Buttons -------------------------------------------------------------------------------*/ .button { position: relative; display: inline-block; margin: 0; padding: 13px 20px 11px; vertical-align: middle; white-space: nowrap; cursor: pointer; background: #005aaa; border: none; color: #fff; font-size: 1em; line-height: 1; font-weight: bold; word-spacing: 1px; text-transform: uppercase; } /*.ua-webkit .button { letter-spacing: -1px; word-spacing: 2px; }*/ .button:hover { color: #fff; text-decoration: none; background: #003462; /*-webkit-box-shadow: inset 0 -3px #004685; box-shadow: inset 0 -3px #004685;*/ } .button--:active { position: relative; top: 1px; /*-webkit-box-shadow: none !important; box-shadow: none !important;*/ } .button--mini { padding: 7px 8px 6px; font-size: 0.75em; font-weight: normal; } .button--small { padding: 10px 15px 8px; font-size: 0.875em; font-weight: normal; } .button--large { padding: 15px 25px 13px; font-size: 1.125em; } .button--huge { padding: 20px 35px 18px; font-size: 1.25em; } .button--full { width: 100%; } .button--link { padding: 0; background: none; border: none; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; } .button--featured { background: #005691; background: -moz-linear-gradient(top, #156ba6 0%, #005691 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#156ba6), color-stop(100%,#005691)); background: -webkit-linear-gradient(top, #156ba6 0%,#005691 100%); background: -o-linear-gradient(top, #156ba6 0%,#005691 100%); background: -webkit-linear-gradient(top, #156ba6 0%, #005691 100%); background: -o-linear-gradient(top, #156ba6 0%, #005691 100%); background: linear-gradient(to bottom, #156ba6 0%,#005691 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#156ba6', endColorstr='#005691',GradientType=0 ); -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #21688d; border-top-color: #4293cb; border-bottom-color: #003c66; } .button--featured:hover { background: #005691; } .button--featured:active { background: #013d67; } .button--pale { opacity: 0.5; } .button--pale:hover { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } .button--blue { background: #005aaa; } .button--blue:hover { background: #004685; /*-webkit-box-shadow: inset 0 -3px #005691; box-shadow: inset 0 -3px #005691;*/ } .button--green { background: #0da91d; } .button--green:hover { background: #0a8517; /*-webkit-box-shadow: inset 0 -3px #0a8116; box-shadow: inset 0 -3px #0a8116;*/ } .button--red { background: #d83112; } .button--red:hover { background: #b3290f; /*-webkit-box-shadow: inset 0 -3px #830a22; box-shadow: inset 0 -3px #830a22;*/ } .button--yellow { background: #a9900d; } .button--yellow:hover { background: #85710a; /*-webkit-box-shadow: inset 0 -3px #826f0a; box-shadow: inset 0 -3px #826f0a;*/ } /* Header -------------------------------------------------------------------------------*/ .header { position: fixed; width: 100%; height: 85px; z-index: 2; padding: 0 0 1.5em; padding: 0 0 0.75em; background: #fff; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); } .ua-ie-8 .header { border-bottom: 1px solid #ccc; } .header .wrapper { height: 100%; } .header a { color: #222 !important; text-transform: uppercase; } .header a:hover, .header__nav .current-menu-item > a, .header__nav .current-menu-parent > a { color: #005aaa !important; text-decoration: none; } .header__nav .current-menu-item > a, .header__nav .current-menu-parent > a { border-color: #005aaa; } .header__logo { float: left; position: absolute; bottom: 0; } .header__logo > img { display: block; max-width: 128px; max-width: 85px; } .header__nav { float: right; color: #414141; font-size: 0.875em; font-weight: bold; } /*.ua-webkit .header__nav { letter-spacing: -1px; }*/ .header__nav li { position: relative; margin-left: -4px; } .header__nav li a { padding: 30px 10px 10px 13px; border-top: 5px solid #fff; } .header__nav > ul > li:last-child > a { padding-right: 0; } .header__nav li ul { left: 0%; padding: 7px 0 4px; background: #fff; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; } .header__nav li ul.edge { left: auto; right: 0; } .header__nav li ul:after, .header__nav li ul:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .header__nav li ul:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; left: 25px; margin-left: -7px; } .header__nav li ul:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #cccccc; border-width: 8px; left: 25px; margin-left: -8px; } .header__nav li ul.edge:after, .header__nav li ul.edge:before { left: auto; right: 20px; } .header__nav li ul.edge:after { margin-left: auto; margin-right: -7px; } .header__nav li ul.edge:before { margin-left: auto; margin-right: -8px; } .header__nav li li ul.edge { right: 100%; /*display: inline-block;*/ /*max-width: 100%;*/ margin-right: 10px; } .header__nav li li ul:after { bottom: 0; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 7px; left: -7px; top: 13px; } .header__nav li li ul:before { bottom: 0; border-color: rgba(204, 204, 204, 0); border-right-color: #cccccc; border-width: 8px; left: -8px; top: 12px; } .header__nav li li ul.edge:after, .header__nav li li ul.edge:before { left: auto; right: -8px; border-color: rgba(255, 255, 255, 0); } .header__nav li li ul.edge:after { border-width: 8px; left: -8px; top: 12px; border-left-color: #fff; } .header__nav li li ul.edge:before { left: -8px; border-left-color: #ccc; } .header__nav li li { display: block; margin: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; padding-right: 10px; } .header__nav li li a { padding: 8px 5px 8px 15px; border-top: 0; color: #999 !important; } .header__nav li li ul { left: 100%; top: -8px; /*margin-left: 10px;*/ z-index: 1; } #menu-pull { float: right; display: none; margin: 9px 10px 0 0; padding-right: 25px; border: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAHUlEQVQ4y2PgKtnyn5qYYfAbOALBaCyPxvJwjGUAMOiKhAsN18UAAAAASUVORK5CYII=') no-repeat right center; font-size: 1.25em; line-height: 1; font-weight: bold; color: #005aaa; outline: none; } .header__nav--ctas { font-size: 0.9em; } .header__nav--ctas li a { color: #ffcc0d; } .header__nav--ctas li a:hover { color: #d9b23a; } .page-slider { position: relative; overflow: hidden; /*margin-top: 1.5em;*/ /*background: url(img/drmg-slider-bg.jpg) no-repeat center center; -o-background-size: cover; background-size: cover;*/ height: 450px; } .page-slider:before, .page-slider:after { content: ""; position:absolute; z-index: 1; width: 98%; left: 1%; height: 10px; border-radius: 100px / 5px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); } .page-slider:before { top: -10px; } .page-slider:after { bottom: -10px; } .page-slider .flexslider { /*margin: -6px auto 0;*/ /*max-width: 1010px;*/ position: relative; height: 450px; z-index: 0; } .page-slider .flexslider:before { display: block; content: ''; position: absolute; width: 100%; height: 100%; /*box-shadow: 15px 0 15px rgba(255, 255, 255, 1) inset, 50px 0 75px rgba(255, 255, 255, 1) inset, -15px 0 15px rgba(255, 255, 255, 1) inset, -50px 0 75px rgba(255, 255, 255, 1) inset;*/ z-index: 1; } .page-slider .flex-direction-nav .flex-prev, .page-slider .flex-direction-nav .flex-next { color: #005aaa; text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff; } .page-slider .slides li { height: 450px; } .slide--bg { background-repeat: no-repeat center center; background-position: center center; -o-background-size: cover; background-size: cover; } .slide--light { color: #fff; } .slide .wrapper { position: relative; height: 100%; } .slide__img, .slide__title, .slide__description, .slide__logo, .slide__button { position: absolute; margin: 0; z-index: 1; } .slide__img { width: auto !important; bottom: 0; left: 10%; } .slide__title { display: inline; top: 30%; left: 55%; width: 40%; text-align: center; line-height: 1; } .slide__title > span { padding: 2px 0 1px; color: #fff; line-height: 1.5; font-weight: bold; text-transform: uppercase; background: #000; box-shadow: 0 0 0 10px transparent, 0.5em 0 0 #000, -0.5em 0 0 #000; } .slide__title .highlight { color: #ffdf1b; } .slide__logo { top: 6%; left: 63%; width: auto !important; max-height: 80px; } .slide__button, .slide__button:hover, .slide__button:active { position: absolute; bottom: 18%; right: 15%; } .slide__content { position: absolute; top: 13%; left: 55%; width: 40%; margin: 0; z-index: 1; text-align: center; } .slide__content .slide__logo, .slide__content .slide__title, .slide__content .slide__description, .slide__content .slide__button { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: auto; display: block; margin-bottom: 20px; } .slide__content .slide__logo-wrap { height: 120px; margin-bottom: 20px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .slide__content .slide__logo { display: inline-block !important; max-height: 100%; margin-bottom: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .slide__content .slide__description { height: 60px; font-size: 1em; } @media screen and (min-width: 768px) and (max-width: 980px) { .slide__content .slide__description { height: 80px; } } .slide__content .slide__button { display: inline-block; } .slide__content :last-child { margin-bottom: 0; } .page-slider .flex-control-nav { bottom: 50px; } .page-slider .flex-control-nav li a { border-radius: 0; background: #fff; width: 14px; height: 14px; box-shadow: none; } .page-slider .flex-control-nav li a.flex-active { background: #ffdf1b } /* Content -------------------------------------------------------------------------------*/ .page-content { clear: both; position: relative; z-index: 1; padding: 85px 0 0.75em; overflow: hidden; background: #fff; color: #333; } .content.page--featured { /*margin-top: -50px;*/ margin-top: 0; margin-bottom: 0px; padding-top: 0; } .page--featured .main-content { padding: 0; } .content { padding: 2em 0; } .page-title { padding: 10px 0 7px; background: #005aaa; color: #fff; } .page__title { float: left; margin: 0; color: #fff !important; font-size: 1.75em; line-height: 1; } .page__call { float: right; margin-top: 2px; padding: 5px 0 3px 30px; font-size: 0.875em; background: url(img/icon-phone.png) no-repeat left center; } .page__call .phone { margin-left: 12px; } .ua-ie-8 .page__call strong { display: none; } .ua-ie-8 .page__call .phone { margin-left: 0; } .page-note { padding: 13px 0 3px; background: #eee; } .page-note .deadline { margin-bottom: 10px; } .page-note .deadline a { color: inherit; } .page-note .deadline a:hover { text-decoration: none; } .page-note .deadline a:hover strong { text-decoration: underline; } .main-content { padding: 0 0 25px; } .main-content ul, .main-content ol { overflow: hidden; margin: 15px 0; padding-left: 20px; } .main-content ul { list-style: disc; } .main-content li { font-size: 0.875em; } .page__image { margin-bottom: 20px; } .sidebar--blog .widget, .content-card { padding: 25px; border: 1px solid #ccc; border-top-width: 5px; border-radius: 0 0 3px 3px; background: #f6f6f6; color: #777; } .sidebar--blog .widget + .widget, .sidebar--page .widget + .widget { margin-top: 2em; } .sidebar--blog .widget .widget-title, .content-card .card__title { margin-bottom: 0.875em; color: #666; } .sidebar--blog .widget ul { list-style: none; padding-left: 0; } .sidebar--blog .widget li { font-size: 0.875em; } .sidebar--blog .widget_recent_entries li + li, .sidebar--blog .tweets li + li { margin-top: 8px; padding-top: 8px; border-top: 1px solid #ccc; } .sidebar--blog .widget_archive ul, .sidebar--blog .widget_categories ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } .sidebar--blog .widget_archive li, .sidebar--blog .widget_categories li { display: inline-block; width: 100%; margin-bottom: 0; border-bottom: 1px solid #ccc; } .sidebar--blog .widget_archive li + li, .sidebar--blog .widget_categories li + li { border-top: none; } .sidebar--blog .widget_archive a, .sidebar--blog .widget_categories a { display: block; padding: 8px 0; } .sidebar--blog .twitter-follow-button { margin-top: 1em; } .sidebar--blog .social-icons li + li { margin-left: 4px; } .widget__title { margin-bottom: 0.5em; } .widget__body > h3 { margin: 0.5em 0; } .widget__button { margin-top: 0.5em; } .sidebar--page .gform_widget { padding: 15px 17px; background: #d1e3f1; } .sidebar--page-b { margin-top: 1.5em; } .content-cards .content-card { display: inline-block; width: 150px; margin: 0 20px 20px 0; vertical-align: top; } .pub-f__maps .pub-map:nth-of-type(4n) { margin-right: 0; } .content-card--image { padding: 0; } .pub-map:hover { border-color: #005aaa; } .content-card--image img { display: block; } .content-card--image .card__title { margin: 5px 10px; font-size: 0.875em; } .content-card--image .card__title a { display: block; color: inherit; } .content-card--image .card__title a:hover { text-decoration: none; } /* Page Features -------------------------------------------------------------------------------*/ .page__content + .page__features--list { margin-top: 1.5em; } .page__features--list .feature + .feature { margin-top: 1em; } .page__features--list .feature__image { display: block; border-radius: 50%; } .page__features--grid .feature { display: inline-block; width: 210px; height: 210px; margin: 0 10px 10px 0; padding: 55px 20px 35px; background: #d1e3f1; border-radius: 50%; text-align: center; } .page__features--grid .feature:nth-child(3n) { margin-right: 0; } .page__features--grid .feature__image { float: left; position: relative; top: -5px; left: 1px; margin: 0 7px 0 0; } .page__features--grid .feature__title, .page__features--grid .feature__title a { margin: 0; color: #424242; font-size: 1em; font-weight: bold; text-align: left; text-transform: uppercase; } .page__features--grid .feature__content { clear: both; margin-top: 5px; color: #000; font-size: 0.625em; } .page__features--grid .feature__button { margin-top: 10px; } .page__features--thumbnails-wrap { position: relative; top: -40px; margin-bottom: -40px; z-index: 1; } .page__features--thumbnails-wrap:before { content: ""; position:absolute; width: 102%; height: 10px; top: 0; left: -1%; border-radius: 100px / 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .page__features--thumbnails { position: relative; left: -3%; width: 106%; display: block; padding: 72px 3% 2em; /*padding: 72px 0 2em;*/ background: #fff; } .page__features--thumbnails:before, .page__features--thumbnails:after { content: ""; position: absolute; z-index: -1; width: 10px; top: 8%; height: 80%; border-radius: 5px / 100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .page__features--thumbnails:before { left: 0; } .page__features--thumbnails:after { right: 0; } .page__features--thumbnails .feature { position: relative; padding: 55px 15px 15px; text-align: center; } .page__features--thumbnails .feature__title { position: absolute; top: -45px; left: 10px; width: 45%; margin: 0; padding: 15px; color: #fff; font-size: 1em; font-weight: bold; text-transform: uppercase; text-align: center; } .page__features--thumbnails .feature__title a { color: #fff; } .page__features--thumbnails .feature__title a:hover { text-decoration: none; } .page__features--thumbnails .feature__image { display: block; margin: 0 auto 5px; width: 36px; } .page__features--thumbnails .feature__content { font-size: 0.75em; } .page__features--thumbnails .feature__button { margin-top: 10px; } .feature--blue { background: #cee3f0; } .feature--blue:hover { background: #b9d7e9; } .feature--blue .feature__title { background: #005aaa; } .feature--green { background: #cfeed2; } .feature--green:hover { background: #bbe7bf; } .feature--green .feature__title { background: #0da91d; } .feature--red { background: #eecfd5; } .feature--red:hover { background: #e7bbc4; } .feature--red .feature__title { background: #d83112; } .feature--yellow { background: #eee9cf; } .feature--yellow:hover { background: #e7e0bb; } .feature--yellow .feature__title { background: #a9900d; } /* Publications -------------------------------------------------------------------------------*/ .pubs { margin-top: 2em; } .pub__image { overflow: hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .pub__image .pub__image__wrap { display: block; width: 80%; height: 120px; overflow: hidden; position: relative; top: 17px; left: 20px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -webkit-backface-visibility: hidden; } .pub__image img { display: block; } .pub:hover .pub__image { margin-bottom: -70px; transform: translateY(-70px); -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); -o-transform: translateY(-70px); -moz-transform: translateY(-70px); } .pub:hover .pub__image .pub__image__wrap { height: 190px; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } .pub--mini .pub__image .pub__image__wrap { height: 95px; } .pub--mini:hover .pub__image { margin-bottom: -35px; transform: translateY(-35px); -ms-transform: translateY(-35px); -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); -moz-transform: translateY(-35px); } .pub--mini:hover .pub__image .pub__image__wrap { height: 130px; } .pub__info { padding: 15px; background: #fbfaf5; border: 1px solid #dbdbdb; color: #4a4a4a; text-align: center; } .pub:hover .pub__info, .pub--active .pub__info { background: #d1e3f1; } .pub__title { margin: 0 0 0.375em; font-size: 1.25em; line-height: 1; font-weight: bold; } .pub__title a { color: #4a4a4a; } .pub__title a:hover { text-decoration: none; } .pub__info p { margin: 0 0 1em; font-size: 0.75em; } .pub__actions .button { display: inline-block; margin: 0 5px; } .pub-f__cover { float: left; max-width: 280px; margin: 0 20px 10px 0; } .ua-ie-8 .pub-f__cover { width: 280px; } .ua-ie-8 .pub-f__cover img { width: 100% !important; height: auto !important; } .pub-f__info { font-size: 1.125em; } .pub-f__actions { margin-top: 1em; } .pub-f__actions .button { margin-right: -4px; } .pub-f__actions .button + .button { margin-left: 3px; } .pub-f__maps { margin-top: 1em; } .pub-f__nav { margin-bottom: 1em; } .pubs--line .pub { display: inline-block; margin: 0; } .pubs--line .pub + .pub { margin: 0 0 0 3px; } .pub--mini { width: 120px; } .pub--mini .pub__info { padding: 10px; } .pub--mini .pub__title { margin: 0; font-size: 0.875em; } .pub--mini .pub__image__wrap { left: 10px; height: 80px; } .pub--link { cursor: pointer; } .pub--active { } .pub--inactive .pub__image img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.5; } .pub--inactive .pub__title { color: #aaa; } .pub--inactive:hover .pub__title { color: #666; } .pub--inactive:hover .pub__info { background: #fbfaf6; } .pub--horizontal + .pub--horizontal { display: block; margin-top: 1.5em; } .pub--horizontal .pub__image, .pub--horizontal .pub__info { position: relative; float: left; } .pub--horizontal .pub__image { width: 20%; overflow: visible; z-index: 0; } .pub--horizontal .pub__image__wrap { float: right; height: auto; width: 120px; top: 10px; left: 10px; transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -moz-transform: rotate(5deg); } .pub--horizontal .pub__info { width: 80%; text-align: left; z-index: 1; } .pub--horizontal .pub__info p { font-size: 0.875em; } .pub--horizontal .pub__actions .button { margin: 0 10px 0 0; } .pub--horizontal .pub__title { font-size: 1.5em; font-weight: normal; } /* Testimonials Slider -------------------------------------------------------------------------------*/ .testimonials-slider .flex-direction-nav { position: absolute; bottom: 3px; right: 10px; } .testimonials-slider .flex-direction-nav li { display: inline-block; margin: 0; } .testimonials-slider .flex-direction-nav a { position: relative; left: 0; top: 2px; opacity: 1; width: 25px; height: 35px; } .testimonials-slider .flex-direction-nav a:before { font-size: 30px; } .testimonials-slider .flexslider:hover .flex-prev, .testimonials-slider .flexslider:hover .flex-next { left: 0; color: #fff; } .testimonial__video { position: relative; display: block; margin-bottom: 0.5em; } .testimonial__video.js-static { cursor: pointer; } .testimonial__video img { display: block; } .testimonials-slider .testimonial__video { display: block; margin-bottom: 0; } .testimonial__video.js-static:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/icon-video-play.png) no-repeat center center rgba(0, 0, 0, 0.15); } .testimonial__video.js-static:hover:after { background: url(img/icon-video-play.png) no-repeat center center rgba(0, 0, 0, 0); } .testimonials-slider .testimonial__title { margin: 0; padding: 11px 15px 10px; background: #005aaa; color: #fff; font-size: 1em; font-weight: normal; } .testimonial__header .testimonial__title { float: left; margin: 0; line-height: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .testimonial__video .testimonial__logo { position: absolute; top: 0; right: 1em; padding: 1.5em 1em; background: #fff; background: rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1); z-index: 2; } .box:before, .box:after { position: absolute; width: 40%; height: 10px; content: ' '; left: 12px; bottom: 12px; background: transparent; -webkit-transform: skew(-5deg) rotate(-5deg); -moz-transform: skew(-5deg) rotate(-5deg); -ms-transform: skew(-5deg) rotate(-5deg); -o-transform: skew(-5deg) rotate(-5deg); transform: skew(-5deg) rotate(-5deg); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); z-index: -1; } .box:after { left: auto; right: 12px; -webkit-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); transform: skew(5deg) rotate(5deg); } .testimonial__logo img { display: block; width: auto; height: auto; max-width: 150px; max-height: 75px; } /* Facts Slider -------------------------------------------------------------------------------*/ .fact__cont { color: #888; font-size: 1.25em; } .fact .next-fact { margin-top: 1em; } .facts-slider .flex-direction-nav { display: none; } /* Steps -------------------------------------------------------------------------------*/ .step__step { margin-right: 0.5em; padding: 7px 10px 5px; background: #005aaa; border-radius: 50px; color: #fff; font-size: 18px; } /* Footer -------------------------------------------------------------------------------*/ .footer { position: relative; z-index: 1; padding: 1em 0 ; color: #c3c3c3; } .footer a { color: #c3c3c3 !important; } .footer a:hover { color: #fff !important; } .footer__nav { margin-bottom: 1em; font-size: 0.875em; font-weight: bold; word-spacing: 1px; text-transform: uppercase; } /*.ua-webkit .footer__nav { letter-spacing: -1px; }*/ .footer__nav li a { padding: 10px 25px 10px 0; } .ua-ie-8 .footer__nav li a { padding-right: 20px; } .footer__nav li a:hover, .footer__nav .current-menu-item > a, .footer__nav .current-menu-parent > a { color: #fff !important; text-decoration: none; } .footer__logo img { max-width: 48px; } .footer-copyright { clear: both; margin-top: 5px; font-size: 0.75em; } .footer__desc { /*margin-top: 85px;*/ margin-top: 5px; font-size: 0.875em; } .sidebar--footer { } .sidebar--footer .widget { margin-top: 0 !important; } .sidebar--footer .widget-title { margin-bottom: 10px; color: #fff; text-transform: uppercase; } .sidebar--footer .menu { font-size: 1.1em; } .sidebar--footer .menu li { border-bottom: 1px solid #444; } .sidebar--footer .menu li a { display: block; padding-top: 8px; padding-bottom: 7px; } .sidebar--footer .gform_wrapper .gform_footer { padding-top: 0; } .widget--blogs .post + .post { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ddd; } .widget--blogs .post__header { margin: 0 0 0.25em; } .widget--blogs .post__title { margin: 0; font-size: 1em; } .widget--blogs .post__date { opacity: 0.5; } .nav.social-icons { padding-left: 0; } .social-icons li + li { margin-left: 4px; } .social-icons a { display: block; padding: 7px; min-width: 36px; background: #005aaa; color: #fff; font-size: 1.25em; text-align: center; } .ua-ie-8 .social-icons a { padding: 5px; min-width: 24px; width: 24px; } .social-icons a:hover { background: #005691; } .social-icons a i::before { width: auto; margin: 0; padding: 0; } .footer__social-icons { margin-top: 13px; } #map { margin-top: 20px; padding: 10px; background: #fff; border: 1px solid #ddd; } .slider--publications { margin-bottom: 20px; background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; } .slider--publications .flex-control-nav { bottom: 0; } .slider--publications .slides > li > a { display: block; } /* Breadcrumbs */ #breadcrumbs { margin-bottom: 15px; } /* Page colors -------------------------------------------------------------------------------*/ .page-color--green h1, .page-color--green h2, .page-color--green h3, .page-color--green h4, .page-color--green h5, .page-color--green h6, .page-color--green a, .page-color--green a:hover { color: #0da91d; } .page-color--green .header a:hover { color: #0da91d !important; } .page-color--green .header .current-menu-item > a, .page-color--green .header .current-menu-parent > a { color: #0da91d !important; border-color: #0da91d; } .page-color--green .button { color: #fff; background: #0da91d; } .page-color--green .button:hover { color: #fff; box-shadow: inset 0 -3px #0a8116; } .page-color--green .page-title, .page-color--green .testimonials-slider .testimonial__title { background: #0da91d; } .page-color--green .sidebar--page .gform_widget, .page-color--green .page__features--grid .feature { background: #eafced; } .page-color--green .pub--horizontal:hover .pub__info { background-color: #eafced; } .page-color--red h1, .page-color--red h2, .page-color--red h3, .page-color--red h4, .page-color--red h5, .page-color--red h6, .page-color--red a, .page-color--red a:hover { color: #d83112; } .page-color--red .header a:hover { color: #d83112 !important; } .page-color--red .header .current-menu-item > a, .page-color--red .header .current-menu-parent > a { color: #d83112 !important; border-color: #d83112; } .page-color--red .button { color: #fff; background: #d83112; } .page-color--red .button:hover { color: #fff; box-shadow: inset 0 -3px #800a21; } .page-color--red .page-title, .page-color--red .testimonials-slider .testimonial__title { background: #d83112; } .page-color--red .sidebar--page .gform_widget, .page-color--red .page__features--grid .feature { background: #eecfd5; } .page-color--yellow h1, .page-color--yellow h2, .page-color--yellow h3, .page-color--yellow h4, .page-color--yellow h5, .page-color--yellow h6, .page-color--yellow a, .page-color--yellow a:hover { color: #a9900d; } .page-color--yellow .header a:hover { color: #a9900d !important; } .page-color--yellow .header .current-menu-item > a, .page-color--yellow .header .current-menu-parent > a { color: #a9900d !important; border-color: #a9900d; } .page-color--yellow .button { color: #fff; background: #a9900d; } .page-color--yellow .button:hover { color: #fff; box-shadow: inset 0 -3px #816e0b; } .page-color--yellow .page-title, .page-color--yellow .testimonials-slider .testimonial__title { background: #a9900d; } .page-color--yellow .sidebar--page .gform_widget, .page-color--yellow .page__features--grid .feature { background: #eee9cf; } .table { color: #777; } .table--full { width: 100%; } .table th, .table td { padding: 7px 10px; } .table th { /*border: 1px solid #005aaa; background: #005aaa; color: #fff;*/ border: 1px solid #ccc; background: #f6f6f6; } .table td { border-top: 1px solid #ccc; } .table tr td:first-child { border-left: 1px solid #ccc; } .table tr td:last-child { border-right: 1px solid #ccc; } .table tr:nth-child(odd) { background: #f6f6f6; } .table .t10 { width:10% } .table .t20 { width:20% } .table .t25 { width:25% } .table .t30 { width:30% } .table .t33 { width:33.333% } .table .t40 { width:40% } .table .t50 { width:50% } .table .t60 { width:60% } .table .t66 { width:66.666% } .table .t70 { width:70% } .table .t75 { width:75% } .table .t80 { width:80% } .table .t90 { width:90% } .chosen-container, .chosen-drop, .chosen-drop .chosen-search, .chosen-drop .chosen-search input { width: 100% !important; } .chosen-container { min-width:250px !important; } .chosen-container-active .chosen-choices { box-shadow: none; border-color: #005aaa; } .chosen-container .chosen-results li.highlighted { background: #005aaa; } .chosen-container .chosen-drop { box-shadow: none; /*border-color: #005aaa;*/ } .chosen-container-multi .chosen-choices li.search-choice, .chosen-container .chosen-results li { font-size: 1em; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { font-size: 14px !important; height: 24px; min-width: 190px; } @font-face { font-family: 'drmg'; src: url('fonts/icons-drmg/drmg_96658559.eot'); src: url('fonts/icons-drmg/drmg_96658559.eot#iefix') format('embedded-opentype'), url('fonts/icons-drmg/drmg_96658559.woff') format('woff'), url('fonts/icons-drmg/drmg_96658559.ttf') format('truetype'), url('fonts/icons-drmg/drmg_96658559.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'drmg'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .icon-arrow-left:before { content: '\e809'; } .icon-arrow-right:before { content: '\e808'; } .icon-cancel:before { content: '\e807'; } .icon-gplus:before { content: '\e802'; } .icon-blogger:before { content: '\e804'; } .icon-rss:before { content: '\e803'; } .icon-twitter:before { content: '\e801'; } .icon-youtube:before { content: '\e80a'; } .icon-email:before { content: '\e805'; } .icon-facebook:before { content: '\e800'; } .icon-phone:before { content: '\e806'; } /* Print styles! -------------------------------------------------------------------------------*/ @media print { } /* Media queries! -------------------------------------------------------------------------------*/ @media screen and (max-width: 1030px) { .wrapper { width: 100%; /* margin: 0; */ padding-left: 10px; padding-right: 10px; } } @media screen and (min-width: 768px) and (max-width: 980px) { .widget--blogs .post:nth-child(3) { display: none; } } @media screen and (max-width: 980px) { .slide__title { font-size: 1.125em; } .page__features--thumbnails .feature__title { /*width: 60%;*/ width: 120px; /*left: 50%;*/ /*margin-left: -60px;*/ } .widget--blogs .post__date { display: none; } } @media screen and (max-width: 960px) { .header { height: auto !important; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 0.5em; } .page-content { padding-top: 42px !important; } .ua-ios .page-content { padding-top: 37px !important; } .header .wrapper { padding: 0; } #menu-pull { display: block; } .header__nav { display: none; width: 100%; margin-bottom: 0.75em; } .header__nav.open { display: block; } .header__nav li { display: block; border-bottom: 1px solid #eee; padding: 0; margin: 0; } .header__nav li a, .header__nav li li a { padding: 9px 15px 8px; border: none; } .header__nav li ul, .header__nav li li ul { position: relative; top: 0; left: 0; display: block; visibility: visible; width: 100%; margin: 0; padding: 0; border: none; text-align: left; } .header__nav li ul:after, .header__nav li ul:before { border: none; } .header__nav li li { display: block; border-bottom: none; border-top: 1px solid #eee; } .header__nav li li a { padding-left: 2.5em; } .header__nav li li li a { padding-left: 4.5em; } .header__logo { overflow: hidden; margin-left: 10px; } .header__logo img { margin-top: -50px; } } @media screen and (max-width: 767px) { .page__title, .page__call { float: none; } .page__title { margin-bottom: 0; font-size: 1.25em; } /*.page-slider {*/ /*display: none;*/ /*}*/ /*disable for show slider on mobile YRS*/ .page__features--thumbnails { padding-top: 0; } .page__features--thumbnails .feature { margin-top: 60px; } .page__features--thumbnails .feature { float: left; width: 48%; } .page__features--thumbnails .feature:nth-child(2n) { margin-left: 4%; } .page__features--thumbnails .feature:nth-child(2n+1) { clear: both; } .page__features--list .feature__image-wrap { display: block; text-align: center; } .page__features--list .feature__image { display: inline-block; } h1, h2, h3, h4, h5, h6 { margin: 0.75em 0 0.375em; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } h3 { font-size: 1.125em; } h4 { font-size: 1em; } h5 { font-size: 1em; } .content { padding-top: 1em; padding-bottom: 1em; } .home .content.page--featured { margin-top: 40px; } .pubs, .pubs .pub + .pub { margin-top: 0.75em; } .pub__image a { top: 22px; } .pub-f__cover { display: block; float: none; margin-right: 0; } .content-cards .content-card { width: 145px; margin: 0 10px 10px 0; } .pub-f__maps .pub-map:nth-of-type(4n) { margin-right: 10px; } .pub-f__maps .pub-map:nth-of-type(2n) { margin-right: 0; } /* contact page */ .page-id-27 .gform_wrapper { margin-bottom: 1.5em !important; } .footer__nav { display: none; } .footer__desc { margin-top: 0.75em; } .sidebar--page-b { margin-top: 0.5em; } .sidebar--page-b .widget + .widget { margin-top: 1.5em; } } @media screen and (max-width: 772px) { /*For slider on mobile YRS:*/ .page-slider .slides li { background-size: cover; background-repeat: no-repeat; } .slide__logo-wrap { padding: 0 15px; } .slide__content { top: 12%; left: 0; right: 0; width: auto; } .slide__content .slide__description { padding: 0 15%; height: auto; } } @media screen and (max-width: 480px) { .page__features--thumbnails .feature:nth-child(2) .feature__button { margin-top: 25px; } /*For slider on mobile YRS:*/ .slide__content { top: 5%; } } /*Mobile sticky footer Start*/ .fix-mobile{ background-color: #fff; position: fixed; bottom: 0; width: 100%; color: #005aaa; display:none; z-index: 10; } .phone-call{ width: 55px; } .left-pin{ width: 12%; display: inline-block; } .left-part{ display: inline-block; width: 75%; vertical-align: top; text-align: center; } .right-part{ display: inline-block; width: 12%; } .fix-mobile .bottom-table td{ border: 0 none; margin: 0; padding: 0; text-align: center; } .last-tbl, .first-tbl{ background-color: #005aaa !important; } .second-tbl{ background-color: #fff !important; } .bottom-table{ width: 100%; padding: 0; margin: 0; border-top: 0px solid white; } .loc-adrs, .loc-postal{ font-size: 10px; } .first-tbl{ } .second-tbl{ width: 100%; } .last-tbl{ } .disable_mob_phone_btn{ display: none; } .enable_mob_phone_btn{ display: inline-block; font-size: 30px; } @media only screen and (max-width: 600px) { .fix-mobile { display: inline-block; } .footer { margin-bottom: 30px; } #habla_window_state_div { display: none; } } /*Mobile sticky footer End*/