/** * Responsable Grid System * * Setting up a responsive grid based on Semantic GS * * @author Abban Dunne http://abandon.ie * @author James Wilson http://jimmynotjim.com * @version 0.9 */ /* ========================================================== */ /* = ../fonts = */ /* ========================================================== */ @font-face { font-family: 'GillSansRegular'; src: url('/assets/fonts/GillSans.eot'); src: url('/assets/fonts/GillSans.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/GillSans.woff') format('woff'), url('/assets/fonts/GillSans.ttf') format('truetype'), url('/assets/fonts/GillSans.svg#GillSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FuturaStd-Medium'; src: url('/assets/fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/FuturaStd-Medium.otf') format('opentype'), url('/assets/fonts/FuturaStd-Medium.woff') format('woff'), url('/assets/fonts/FuturaStd-Medium.ttf') format('truetype'), url('/assets/fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url('/assets/fonts/fontello.eot?94208564'); src: url('/assets/fonts/fontello.eot?94208564#iefix') format('embedded-opentype'), url('/assets/fonts/fontello.woff?94208564') format('woff'), url('/assets/fonts/fontello.ttf?94208564') format('truetype'), url('/assets/fonts/fontello.svg?94208564#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 18, 2014 */ @font-face { font-family: 'als_syysscript_vhregular'; src: url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.eot'); src: url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.woff2') format('woff2'), url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.woff') format('woff'), url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.ttf') format('truetype'), url('/assets/fonts/alssyysscript_viu1ec7t_ho-webfont.svg#als_syysscript_vhregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_mediumregular'; src: url('/assets/fonts/gothammedium-webfont.eot'); src: url('/assets/fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gothammedium-webfont.woff2') format('woff2'), url('/assets/fonts/gothammedium-webfont.woff') format('woff'), url('/assets/fonts/gothammedium-webfont.ttf') format('truetype'), url('/assets/fonts/gothammedium-webfont.svg#gotham_mediumregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_lightregular'; src: url('/assets/fonts/gothamlight-webfont.eot'); src: url('/assets/fonts/gothamlight-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gothamlight-webfont.woff2') format('woff2'), url('/assets/fonts/gothamlight-webfont.woff') format('woff'), url('/assets/fonts/gothamlight-webfont.ttf') format('truetype'), url('/assets/fonts/gothamlight-webfont.svg#gotham_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_bookregular'; src: url('/assets/fonts/gotham-book-webfont.eot'); src: url('/assets/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gotham-book-webfont.woff2') format('woff2'), url('/assets/fonts/gotham-book-webfont.woff') format('woff'), url('/assets/fonts/gotham-book-webfont.ttf') format('truetype'), url('/assets/fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_boldregular'; src: url('/assets/fonts/gothambold-webfont.eot'); src: url('/assets/fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gothambold-webfont.woff2') format('woff2'), url('/assets/fonts/gothambold-webfont.woff') format('woff'), url('/assets/fonts/gothambold-webfont.ttf') format('truetype'), url('/assets/fonts/gothambold-webfont.svg#gotham_boldregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gotham_blackregular'; src: url('/assets/fonts/gothamblack-webfont.eot'); src: url('/assets/fonts/gothamblack-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/gothamblack-webfont.woff2') format('woff2'), url('/assets/fonts/gothamblack-webfont.woff') format('woff'), url('/assets/fonts/gothamblack-webfont.ttf') format('truetype'), url('/assets/fonts/gothamblack-webfont.svg#gotham_blackregular') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* 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%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-facebook:before { content: '\e800'; } /* '' */ .icon-twitter:before { content: '\e801'; } /* '' */ .icon-linkedin:before { content: '\e802'; } /* '' */ .icon-gplus:before { content: '\e803'; } /* '' */ .icon-phone:before { content: '\e804'; } /* '' */ .icon-right-thin:before { content: '\e805'; } /* '' */ .icon-facebook-1:before { content: '\e806'; } /* '' */ .icon-mail:before { content: '\e807'; } /* '' */ .icon-search:before { content: '\e808'; } /* '' */ .icon-down-open:before { content: '\e809'; } /* '' */ .icon-home:before { content: '\e80a'; } /* '' */ .icon-group:before { content: '\e80b'; } /* '' */ .icon-edit:before { content: '\e80c'; } /* '' */ .icon-right-open-mini:before { content: '\e80d'; } /* '' */ .icon-question:before { content: '\e80e'; } /* '' */ .icon-help-circled:before { content: '\e80f'; } /* '' */ .icon-right-circle:before { content: '\e810'; } /* '' */ .icon-right-dir:before { content: '\e811'; } /* '' */ .icon-right-circle-1:before { content: '\e812'; } /* '' */ /* Pictos */ [data-icon] { display: inline-block; *display: inline; } [data-icon]:before { font-family: 'Pictos Custom'; content: attr(data-icon); -webkit-font-smoothing: antialiased; text-transform: none; font-size: 1.5em; vertical-align: -8%; font-weight: normal; } /* ========================================================== */ /* = Import normalize, baseline and grid = */ /* ========================================================== */ /** * Declare your constants here. All constant names should be UPPERCASE */ /** * Site Colours */ /* Link colors */ /* Select colors */ /* Default Colors */ .red { background: #de5532; } .blue { background: #49b8ea; } .green { background: #b7c373; } .grey { background: #f8f7f5; } .grey_dark { background: #858585; } .grey_tag { background: #cecece; } .link_blue { color: #49b8ea; } /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*! +---------------------------------------------------------------------+ | _ _ _ | | | |_ _ _ _ __ ___ _ __ | | __ _ | |_ ___ | | | __|| | | || '_ \ / _ \| '_ \ | | / _` || __|/ _ \ | | | |_ | |_| || |_) || __/| |_) || || (_| || |_| __/ | | \__| \__, || .__/ \___|| .__/ |_| \__,_| \__|\___| | | |___/ |_| |_| | | | | | | URL: http://typeplate.com | | VERSION: 1.0.1 | | Github: https://github.com/typePlate/typeplate.github.com | | AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) | | LICENSE: Creative Commmons | | http://creativecommons.org/licenses/by/3.0 | | | +---------------------------------------------------------------------+ */ @font-face { font-family: "Ampersand"; src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); unicode-range: U+270C; } @font-face { font-family: "Ampersand"; src: local("Georgia"); unicode-range: U+270C; } .ampersand-placeholder { font-family: Verdana, sans-serif; } .breakword { word-wrap: break-word; } .normal-wrap { word-wrap: normal; } .inherit-wrap { word-wrap: auto; } /** * Dropcap Sass @include * Use the following Sass @include with any selector you feel necessary. * @include dropcap(@float: left, @font-size: 4em, @font-family: inherit, @text-indent: 0, @margin: inherit, @padding: inherit, @color: inherit, @lineHeight: 1, @bg: transparent); * * Extend this object into your custom stylesheet. * */ .drop-cap:first-letter { float: left; margin: inherit; padding: inherit; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; } html { font: normal 96%%/1.65 Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } body { color: #767676; } .tera { font-size: 117px; font-size: 7.6171875%rem; margin-bottom: 0.2166153846153846%rem; } .giga { font-size: 90px; font-size: 5.859375%rem; margin-bottom: 0.28159999999999996%rem; } .mega { font-size: 72px; font-size: 4.6875%rem; margin-bottom: 0.352%rem; } .alpha { font-size: 60px; font-size: 3.90625%rem; margin-bottom: 0.42239999999999994%rem; } .beta { font-size: 48px; font-size: 3.125%rem; margin-bottom: 0.5279999999999999%rem; } .gamma { font-size: 36px; font-size: 2.34375%rem; margin-bottom: 0.704%rem; } .delta { font-size: 24px; font-size: 1.5625%rem; margin-bottom: 1.0559999999999998%rem; } .epsilon { font-size: 21px; font-size: 1.3671875%rem; margin-bottom: 1.2068571428571429%rem; } .zeta { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; } h1 { font-size: 36px; font-size: 2.34375%rem; margin-bottom: 0.704%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } h2 { font-size: 24px; font-size: 1.5625%rem; margin-bottom: 1.0559999999999998%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } h3 { font-size: 21px; font-size: 1.3671875%rem; margin-bottom: 1.2068571428571429%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } h4 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } h5 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } h6 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; text-rendering: optimizeLegibility; line-height: 1; margin-top: 0; font-weight: normal; } p { margin: 0 0 1.5em; line-height: 1.65; } article { line-height: 1.65; } pre code { word-wrap: normal; white-space: -moz-pre-wrap; white-space: pre-wrap; } pre { white-space: pre; } code { white-space: pre; font-family: monospace; } /** * Abbreviations Markup * HMTL * * Extend this object into your markup. * */ abbr { font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: #808080; } abbr:hover { cursor: help; } h1, h2, h3, h4, h5, h6 { color: #49b8ea; } /** * Lining Definition Style Markup *
* * Extend this object into your markup. * */ .lining dt, .lining dd { display: inline; margin: 0; } .lining dt + dt:before, .lining dd + dt:before { content: "\A"; white-space: pre; } .lining dd + dd:before { content: ", "; } .lining dd:before { content: ": "; margin-left: -0.2rem; } /** * Dictionary Definition Style Markup *
* * Extend this object into your markup. * */ .dictionary-style dt { display: inline; counter-reset: definitions; } .dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; } .dictionary-style dd { display: block; counter-increment: definitions; } .dictionary-style dd:before { content: counter(definitions, decimal) ". "; } /** * Stats Tab Markup * * * Extend this object into your markup. * */ .stats-tabs { padding: 0; } .stats-tabs li { display: inline-block; margin: 0 0.625rem 0 0; padding: 0 0.625rem 0 0; border-right: 0.125rem solid #cccccc; } .stats-tabs li:last-child { margin: 0; padding: 0; border: none; } .stats-tabs li a { display: inline-block; font-size: 1.5rem; font-weight: bold; } .stats-tabs li a b { display: block; margin: 0.125rem 0 0 0; font-size: 0.875rem; font-weight: normal; } /** * Blockquote Markup *

″″

* * Extend this object into your markup. * */ .cite { display: block; font-size: 0.875em; text-align: right; } /** * Pull Quotes Markup * * * Extend this object into your custom stylesheet. * */ .pull-quote { position: relative; padding: 1em; } .pull-quote:before, .pull-quote:after { height: 1em; opacity: 0.15; position: absolute; font-size: 4em; } .pull-quote:before { content: '“'; top: 0em; left: 0em; } .pull-quote:after { content: '”'; bottom: 0em; right: 0em; } /** * Figures Markup *
Fig. 4.2 | Type Anatomy, an excerpt from Mark Boulton's book"Designing for the Web"
* * Extend this object into your markup. * */ /** * Footnote Markup : Replace 'X' with your unique number for each footnote *

* * Extend this object into your markup. * */ /** * Grid * * Set up responsive grid system. * * This is heavily infleuenced by the Semantic Grid http://semantic.gs * * @author Abban Dunne http://abandon.ie * @author James Wilson http://jimmynotjim.com * @version 1.1 */ /* Utility variable — you should never need to modify this */ /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack */ /* Ensure grid columns are set to border-boxes. This is essential */ /* Our row container */ /* Our column container */ /* Push adds left padding */ /* Pull adds right padding */ /* ========================================================== */ /* = Layout Helpers = */ /* ========================================================== */ /* ========================================================== */ /* = Hack Replacements = */ /* ========================================================== */ /* ========================================================== */ /* = Vendor Easing = */ /* ========================================================== */ @charset "UTF-8"; /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /*---------------------------------------- COLUMNS ------------------------------------------*/ /*---------------------------------------- CSS3 STYLES ------------------------------------------*/ /*---------------------------------------- BUTTONS ------------------------------------------*/ /*---------------------------------------- ICONS ------------------------------------------*/ /** * Form and table ect defaults. */ /* ========================================================== */ /* = Box sizing makes life easier = */ /* ========================================================== */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================== */ /* = Set up baseline = */ /* ========================================================== */ body { text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .clear { clear: both; } ::selection { background: #2e629a; color: #ffffff; } ::-moz-selection { background: #2e629a; color: #ffffff; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: #2e629a; } a { color: #de5532; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } a:hover, a:focus { color: #78aace; } figure img { width: 100%; height: auto; display: block; } figcaption { color: #6d6e70; } iframe { display: block; margin: 0 auto; max-width: 100%; } ul, ol, dl { margin: 0; margin-bottom: 1.5em; } nav ul { margin-right: 0; margin-bottom: 0; padding-left: 0; margin: 0; padding: 0; list-style-type: none; } form#search_box { margin-bottom: 1.5em; max-width: 400px; } form ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; } form ul li { *zoom: 1; margin-bottom: 1.5em; } form ul li:before, form ul li:after { content: ""; display: table; } form ul li:after { clear: both; } form ul li div.error { font-size: small; color: red; text-align: right; } form ul.form_submit { clear: both; padding-top: 1.5em; } fieldset { /*margin:0; padding:1.5em;*/ } label { display: block; color: #49b8ea; outline: none; font-weight: bold; } label > span.required { color: #de5532; } label.inline { display: inline; } input:focus, textarea:focus, select:focus { outline: 0px; -webkit-box-shadow: 0px 0px 5px #ffffcc; -moz-box-shadow: 0px 0px 5px #ffffcc; -ms-box-shadow: 0px 0px 5px #ffffcc; box-shadow: 0px 0px 5px #ffffcc; } input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 0.4em; border: 1px solid #e8e8e8; background: #f8f8f8; line-height: 1.5em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #e8e8e8; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="range"], input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="range"] { height: 1.4em; } input[type="color"] { width: 1.5em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="time"] { margin: 0 0 0.55em; } progress, meter { display: block; width: 100%; height: 1.5em; } input[type="submit"], input[type="button"] { text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: inline-block; *display: inline; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; padding: 10px 40px; } input[type="submit"]:hover, input[type="button"]:hover { color: #ffffff; /*&:before{ content: ''; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(255,255,255,0.3); }*/ } input[type="submit"].dark:hover:before, input[type="button"].dark:hover:before { background: rgba(0, 0, 0, 0.2); } input.search_box { padding-left: 40px; } .search_icon { display: block; float: left; margin-top: -44px; margin-left: 10px; font-size: small; color: #ccc; } table { margin-bottom: 1.4em; width: 100%; border: 1px solid #f8f7f5; border-collapse: separate; } th { text-align: left; } thead th { background: #49b8ea; text-align: left; font-size: 16px; color: #ffffff; text-shadow: 0px 1px 1px RGBA(0, 0, 0, 0.4); border: 0; border-right: 1px solid #234B6E; border-left: 1px solid #4B7294; } thead th:first-child { } td:last-child, th:last-child { border-right: 0; } tr:last-child td { border-bottom: 0; } th, td, caption { padding: 8px 10px; } td { border: 0; border-bottom: 1px solid #f8f7f5; border-right: 1px solid #f8f7f5; border-left: 1px solid #ffffff; } td:first-child { border-left: 0; } td p { margin: 0; } tr.alt td, tr:nth-child(even) td { background: #f9f9f9; } tfoot { font-style: italic; } caption { background: #999; } /*.download_title{ font-family:@body_family; font-size: 15px; color:@darkblue; }*/ hr { background: #f8f7f5; color: #f8f7f5; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } /*p{ margin: 0 0 1.5em 0; } blockquote{ margin: 0 1.5em 1.5em; font-style: italic; } mark{ line-height: 1.5; background: @select; color: @select_color; } del{ color:@grey_light; } code, kbd, pre, samp { font-family: monospace, serif; line-height: 1.5; margin: 0 0 1.5em 0; } ins, small{ line-height: 1.5; } kbd, samp{ line-height: 1.4; } hr { background: @grey_regular; color: @grey_regular; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }*//* ========================================================== */ /* = Your custom styles go here = */ /* ========================================================== */ /*---------------------------------------- 6. BODY ------------------------------------------*/ body { background: #fff !important; } body #wrapper { border-top: 1px solid #fff; } body #page { /*max-width: 960px;*/ margin: 0 auto; } div.prices { display: none; } /*---------------------------------------- 7. HEADER ------------------------------------------*/ #header_wrap { width: 100%; background: #f8f7f5; *zoom: 1; border-bottom: 1px solid #fff; } #header_wrap:before, #header_wrap:after { content: ""; display: table; } #header_wrap:after { clear: both; } #header_wrap header#worlds_birth { padding: 15px 0 20px; max-width: 1200px; margin: 0 auto; *zoom: 1; position: relative; } #header_wrap header#worlds_birth:before, #header_wrap header#worlds_birth:after { content: ""; display: table; } #header_wrap header#worlds_birth:after { clear: both; } #header_wrap header#worlds_birth #logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 20.833333333333336%; padding: 0 20px; *width: 15.873015873015875%; *padding: 0 19.950396825396826px; max-width: 210px; margin-top: 4px; } #header_wrap header#worlds_birth #logo figure a img { max-width: 100%; width: auto; } #header_wrap header#worlds_birth #upper_nav_wrap { margin-left: 4.166666666666666%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: right; width: 75%; padding: 0 20px; *width: 70.03968253968253%; *padding: 0 19.950396825396826px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info { *zoom: 1; width: 100%; display: block; margin-bottom: 5px; margin-top: 12px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info:before, #header_wrap header#worlds_birth #upper_nav_wrap #contact_info:after { content: ""; display: table; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info:after { clear: both; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav, #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav div { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav { display: none; border-top: 4px solid #233E51; border-bottom: 4px solid #233E51; width:36px; height:28px; cursor: pointer; position: absolute; right: 20px; top: 118px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav div { border-top: 2px solid #233E51; border-bottom: 2px solid #233E51; position: relative; top: 8px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav:hover, #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav:hover div{ border-color: #49B8EA; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav { float: right; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links { float: left; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links a { color: #aaa; float: left; margin-left: 20px; padding-top: 9px; font-family: 'gotham_mediumregular'; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links a:hover { color: #16489f; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper { float: right; display: inline; max-width: 336px; margin-left:30px; margin-bottom:20px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper input[type='search'] { margin: 0; width: calc(100% - 78px); float: left; margin-left: 20px; display: inline; font-family: 'gotham_lightregular'; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button { font-family: 'gotham_lightregular'; float: left; display: inline; color: #fff; padding: 10px 10px 10px; height: 50px; margin-right: 0; border: 0; background-color: #233e51; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button:hover { background: #233e51; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts { margin:20px auto; height:auto; overflow:hidden; float:right; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts a.contacts { font-family: "gotham_lightregular"; color: #AAA; padding: 9px 0px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts a.contacts:hover { color: #16489f; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts #search_wrapper { float: right; display: inline; max-width: 336px; margin-left:45px; margin-right:45px; margin-bottom:25px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts #search_wrapper button { font-family: 'gotham_lightregular'; float: left; display: inline; color: #fff; padding: 10px 10px 10px; height: 50px; margin-right: 0; border: 0; background-color: #233e51; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts #search_wrapper button:hover { background: #233e51; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul { float: right; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li { margin-left: 5px; float: left; /*border: 1px solid #E2DFDF;*/ /*background: #ededed;*/ position: relative; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li a { color: #233e51; font-size: 16px; font-family: 'gotham_lightregular'; padding: 10px 9px 10px 9px; border-bottom: 4px solid #858585; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li a:hover { border-bottom: 4px solid #49b8ea; color: #49b8ea; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li .on { border-bottom: 4px solid #49b8ea; color: #49b8ea; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul { display: none; position: absolute; top: 32px; background: #f7f7f7; border: 1px solid #fff; width: 190px; padding-top: 10px; z-index: 9999; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul li { width: calc(100% - 10px); margin-bottom: 10px; margin-left: 10px; padding: 0px !important; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul li a { padding: 5px 5px 5px 0; border-bottom: 0; width: 100%; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul li a:hover { border-bottom: 0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li:hover ul { display: block; } #main_nav_wrap { width: 100%; background: #ffffff -webkit-radial-gradient(50% 0%, 70% 15%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%); border-bottom: 4px solid #bf4163; *zoom: 1; } #main_nav_wrap:before, #main_nav_wrap:after { content: ""; display: table; } #main_nav_wrap:after { clear: both; } #main_nav_wrap #container { max-width: 1200px; margin: 0 auto; } #main_nav_wrap #container #search_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; margin-top: 15px; } #main_nav_wrap #container #search_wrap form { float: right; } #main_nav_wrap #container #search_wrap form .search_box { float: left; } #main_nav_wrap #container #search_wrap form .search_box input { background: #ededed; border: 1px solid #DDDADA; } #main_nav_wrap #container #search_wrap form .search_box ::-webkit-input-placeholder { color: #233e51; font-family: 'gotham_lightregular'; } #main_nav_wrap #container #search_wrap form .submit_button { margin-left: 20px; float: left; } #main_nav_wrap #container #search_wrap form .submit_button input { padding: 6px 10px 10px; height: 37px; margin-right: 0; background-color: #233e51; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); } #main_nav_wrap #container #search_wrap form .submit_button input:hover { background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); } section#about { border-bottom: 1px solid #fff; *zoom: 1; width: 100%; height: 500px; background-size: 100%; } section#about:before, section#about:after { content: ""; display: table; } section#about:after { clear: both; } section#about #about_container { max-width: 1200px; margin: 0 auto; } section#about #about_container h2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 16.666666666666664%; padding: 0 20px; *width: 11.706349206349206%; *padding: 0 19.950396825396826px; background: #9d225a; padding: 10px; font-family: 'FuturaStd-Medium'; color: #fff; margin-top: 50px; margin-left: 25px; } section#about #about_container figure { opacity: 0; margin-top: 96px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; position: relative; } section#about #about_container figure div { margin-top: -100px; } section#about #about_container figure div h3 { color: #fff; font-family: 'FuturaStd-Medium'; z-index: 9999999; margin-bottom: 0; display: block; padding: 7px 15px; background: #9d225a; margin-left: auto; margin-right: auto; text-align: center; position: relative; width: 70%; } section#about #about_container figure div span { background: #233e51; margin-left: auto; margin-right: auto; display: block; padding: 7px 15px; width: 40%; color: #fff; font-family: 'GillSansRegular'; text-align: center; z-index: 9999999; position: relative; } section#slider_wrap { width: 100%; background: #47b9ea url('/assets/images/slider_bg_final.jpg') no-repeat top right; background-size: auto 100%; min-height: 334px; *zoom: 1; overflow: hidden; position: relative; } section#slider_wrap:before, section#slider_wrap:after { content: ""; display: table; } section#slider_wrap:after { clear: both; } section#slider_wrap .slide_bg { max-width: 1200px; margin: 0 auto; *zoom: 1; } section#slider_wrap .slide_bg:before, section#slider_wrap .slide_bg:after { content: ""; display: table; } section#slider_wrap .slide_bg:after { clear: both; } section#slider_wrap .slide_bg .slider_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 0; } section#slider_wrap .slide_bg .slider_content img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 41.66666666666667%; padding: 0 20px; *width: 36.70634920634921%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; padding: 0 !important; height: 444px; } section#slider_wrap hgroup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; text-transform: uppercase; margin: 50px auto; } section#slider_wrap hgroup h2 { color: #fff; font-size: 44px; margin-bottom: 0; font-family: 'gotham_boldregular'; } section#slider_wrap hgroup h1 { color: #fff; font-size: 100px; margin-bottom: 30px; font-family: 'gotham_boldregular'; } section#slider_wrap hgroup a { padding: 14px 10px 14px 15px; background: #f7f7f7; border: 1px solid #fff; color: #49b8ea; width: 200px; display: block; font-size: 19px; border-radius: 4px; font-family: 'gotham_lightregular'; text-transform: capitalize; } section#slider_wrap hgroup a i { float: right; margin: 0; } section#slider_wrap hgroup a:hover { background: #fff; border: 1px solid #49b8ea; } section#slider_wrap .right { width:50%; float: left; text-align: center; min-height: 323px; position: absolute; right: 0; top: 0; margin: 50px 0; } section#slider_wrap img { max-width: 100%; padding:0 20px; } #primary { *zoom: 1; padding: 37px 0 30px; max-width: 1200px; margin: 0 auto; } #primary:before, #primary:after { content: ""; display: table; } #primary:after { clear: both; } #primary h3 { font-family: 'FuturaStd-Medium'; font-weight: 700; color: #6d6e70; font-size: 30px; } #primary h3 { font-family: 'FuturaStd-Medium'; font-weight: 700; color: #233e51; font-size: 25px; position: relative; } #primary h3 span { position: absolute; background: url('/assets/images/smile.png') no-repeat; width: 50px; height: 10px; bottom: -16px; left: 5px; } #primary p { color: #858585; font-family: 'GillSansRegular'; font-size: 16px; } #primary section#intro { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; *zoom: 1; } #primary section#intro:before, #primary section#intro:after { content: ""; display: table; } #primary section#intro:after { clear: both; } #primary section#intro #intro_wrap { *zoom: 1; padding: 20px 20px 0 !important; background: #fff; border: 1px solid #e2e2e2; } #primary section#intro #intro_wrap:before, #primary section#intro #intro_wrap:after { content: ""; display: table; } #primary section#intro #intro_wrap:after { clear: both; } #primary section#intro #intro_wrap div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 62.5%; padding: 0 20px; *width: 57.53968253968254%; *padding: 0 19.950396825396826px; padding: 0 ; } #primary section#intro #intro_wrap div h3 { /*width: 45%;*/ border-bottom: 1px solid #49b8ea; color: #858585; padding-bottom: 10px; } #primary section#intro #intro_wrap div p { font-family: 'gotham_lightregular'; } /*#primary section#intro #intro_wrap div a { border-radius: 5px; padding: 8px 20px; background: #49b8ea; width: 160px; color: #fff; font-family: 'gotham_lightregular'; text-align: left; text-transform: capitalize; display: block; margin-bottom: 20px; } /*#primary section#intro #intro_wrap div a { border-radius: 5px; padding: 8px 20px; background: #49b8ea; width: 160px; color: #fff; font-family: 'gotham_lightregular'; text-align: left; text-transform: capitalize; display: block; margin-bottom: 20px; } #primary section#intro #intro_wrap div a i { float: right; text-align: right; } #primary section#intro #intro_wrap div a:hover { background: #16489f; }*/ #primary section#intro #intro_wrap figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 37.5%; padding: 0 20px; *width: 32.53968253968254%; *padding: 0 19.950396825396826px; margin-top: 6px; } #primary section#medical_patients { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 91.7063492063492%; *padding: 0 19.950396825396826px; padding: 0 20px; *zoom: 1; margin-top: 25px; } #primary section#medical_patients:before, #primary section#medical_patients:after { content: ""; display: table; } #primary section#medical_patients:after { clear: both; } #primary section#medical_patients #mp_wrap { *zoom: 1; padding: 20px 20px 20px !important; background: url('/assets/images/medical_bg.jpg') no-repeat right; border: 1px solid #fff; outline: 1px solid #e2e2e2; background-size: 100% 100%; } #primary section#medical_patients #mp_wrap:before, #primary section#medical_patients #mp_wrap:after { content: ""; display: table; } #primary section#medical_patients #mp_wrap:after { clear: both; } #primary section#medical_patients #mp_wrap div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 72.83333333333334%; padding: 0 20px; *width: 65.87301587301587%; *padding: 0 19.950396825396826px; } #primary section#medical_patients #mp_wrap div h3 { color: #fff; text-transform: capitalize; font-size: 54px; margin-bottom: 20px; font-family: 'gotham_mediumregular'; } #primary section#medical_patients #mp_wrap div p { color: #fff; font-family: 'gotham_lightregular'; } #primary section#medical_patients #mp_wrap div a { padding: 8px 20px; background: #f7f7f7; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.1); color: #49b8ea; width: 160px; font-family: 'gotham_lightregular'; text-align: left; display: block; } #primary section#medical_patients #mp_wrap div a i { float: right; text-align: right; } #primary section#medical_patients #mp_wrap div a:hover { color: #16489f; } #primary section#medical_patients #mp_wrap figure { margin-top: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 27.166666666666668%; padding: 0 20px; *width: 24.20634920634921%; *padding: 0 19.950396825396826px; } #primary section#book { margin-top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; *zoom: 1; } #primary section#book:before, #primary section#book:after { content: ""; display: table; } #primary section#book:after { clear: both; } #primary section#book .content_book { *zoom: 1; padding: 20px 20px 0 20px!important; background: #fff url('/assets/images/contact-us-staff-phone.jpg') no-repeat bottom right / auto 90%; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; } #primary section#book .content_book:before, #primary section#book .content_book:after { content: ""; display: table; } #primary section#book .content_book:after { clear: both; } #primary section#book .content_book h3 { display: inline; color: #858585; font-family: 'gotham_mediumregular'; } #primary section#book .content_book p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; padding: 0 !important; font-family: 'gotham_lightregular'; } #primary section#book .content_book p a { font-weight: bold; color: #858585; } #primary section#book .content_book p a:hover { color: #16489f; font-weight: bold; } #primary section#book .content_book p a.BookNow { display: block; color: #16489f; font-weight: 700; margin-top: 10px; border-radius: 4px; padding-bottom: 5px; border: 1px solid transparent; width: 120px; } #primary section#book .content_book p a.BookNow:hover { font-family: 'gotham_mediumregular'; } #primary section#book figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; padding: 0 !important; } #primary .bordered { height: 10px; background: #49b8ea; /* Old browsers */ background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* IE10+ */ background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); /* IE6-9 */ width: 100%; } #primary section#new_patient { margin-top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } #primary section#new_patient #wrap { background: #FFF url("/assets/images/wrinkle.jpg") no-repeat scroll right bottom; padding: 20px 20px 0px !important; border: 1px solid #E2E2E2; position: relative; z-index: 1; min-height: 272px; background-size: 50%; } #primary section#new_patient #wrap h3 { color: #858585; font-family: 'gotham_mediumregular'; } #primary section#new_patient #wrap p { width: 50%; color: #858585; font-family: 'gotham_lightregular'; } #primary section#new_patient #wrap p a { color: #858585; font-weight:bold; } #primary section#new_patient #wrap p a:hover { font-weight:bold; color:#16489f; } #primary section#new_patient #wrap p a.BookNow { display: block; color: #16489f; font-weight: 700; margin-top: 10px; border-radius: 4px; padding-bottom: 5px; border: 1px solid transparent; width: 150px; } #primary section#new_patient #wrap p a.BookNow:hover { font-family: 'gotham_mediumregular'; } #primary section#new_patient #wrap .steps { width: 44%; float: left; background: #f7f7f7; height: 74px; bottom: 0; z-index: 10; margin-left: -20px; margin-right: -20px; border: 1px solid #fff; outline: 1px solid rgba(204, 204, 204, 0.5); padding-right: 10px !important; } #primary section#new_patient #wrap .steps span { color: #bf4163; font-family: 'FuturaStd-Medium'; font-size: 40px; padding-left: 8px; padding-top: 5px; float: left; padding-right: 15px; } #primary section#new_patient #wrap .steps p { color: #233e51; font-family: 'GillSansRegular'; width: 152px; font-size: 10px; margin-top: 12px; margin-left: 10px; } #primary section#treatments { margin-top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; *zoom: 1; } #primary section#treatments:before, #primary section#treatments:after { content: ""; display: table; } #primary section#treatments:after { clear: both; } #primary section#treatments #wrapped { *zoom: 1; background: #fff; border: 1px solid #e2e2e2; position: relative; z-index: 1; } #primary section#treatments #wrapped:before, #primary section#treatments #wrapped:after { content: ""; display: table; } #primary section#treatments #wrapped:after { clear: both; } #primary section#treatments #wrapped h3 { width: 100%; background: #49b8ea; /* Old browsers */ background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* IE10+ */ background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); /* IE6-9 */ color: #fff; padding: 11px 20px !important; font-family: 'gotham_mediumregular'; } #primary section#treatments #wrapped h3 a { float: right; color: #fff; font-size: 16px; margin-top: 5px; font-family: 'gotham_lightregular'; } #primary section#treatments #wrapped h3 a:hover { text-decoration: underline; } #primary section#treatments #wrapped .treatment_serv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 20px; *width: 20.03968253968254%; *padding: 0 19.950396825396826px; padding: 0 !important; margin-top: 30px; margin-bottom: 30px; } #primary section#treatments #wrapped .treatment_serv div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#treatments #wrapped .treatment_serv div h4 { font-weight: 700; color: #49b8ea; font-family: 'gotham_mediumregular'; min-height: 40px; } #primary section#treatments #wrapped .treatment_serv div figure { border: 1px solid #fff; outline: 1px solid rgba(204, 204, 204, 0.5); } #primary section#treatments #wrapped .treatment_serv div p { line-height: 22px; margin: 15px 0 0.8em; font-family: 'gotham_lightregular'; } #primary section#treatments #wrapped .treatment_serv div a { color: #16489f; font-weight: 700; font-family: 'gotham_lightregular'; margin-bottom: 20px; display: block; } #primary section#treatments #wrapped .treatment_serv div a:hover { color:#49B8EA; } #primary section#treatments #wrapped .treatment_serv:first-child { padding-left: 0 !important; } section#check { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; margin-top: 25px; *zoom: 1; } section#check:before, section#check:after { content: ""; display: table; } section#check:after { clear: both; } section#check #check_wrapper { height: 318px; background-size: 100%; background: #47b9ea url('/assets/images/check_bg.jpg') no-repeat right; } section#check a { *zoom: 1; } section#check a:before, section#check a:after { content: ""; display: table; } section#check a:after { clear: both; } section#check a:hover { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); } section#free { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; margin-top: 25px; *zoom: 1; } section#free:before, section#free:after { content: ""; display: table; } section#free:after { clear: both; } section#free #free_wrapper { height: 318px; background-size: 100%; background: #47b9ea url('/assets/images/check_bg.jpg') no-repeat right; } section#free a { *zoom: 1; } section#free a:before, section#free a:after { content: ""; display: table; } section#free a:after { clear: both; } section#free a:hover { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); } section#testimonials { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-top: 25px; *zoom: 1; } section#testimonials:before, section#testimonials:after { content: ""; display: table; } section#testimonials:after { clear: both; } section#testimonials h3 { background: #49b8ea; /* Old browsers */ background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* IE10+ */ background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); /* IE6-9 */ color: #fff; margin-bottom: 0; padding: 10px 20px; font-family: 'gotham_mediumregular'; } section#testimonials h3 a { float: right; color: #fff; font-size: 16px; margin-top: 5px; font-family: 'gotham_lightregular'; } section#testimonials h3 a:hover { text-decoration: underline; } section#testimonials #test_wrap { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 0 !important; background: #fff; padding: 20px 20px 0 !important; border: 1px solid #e2e2e2; position: relative; z-index: 1; } section#testimonials #test_wrap:before, section#testimonials #test_wrap:after { content: ""; display: table; } section#testimonials #test_wrap:after { clear: both; } section#testimonials #test_wrap article { *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; padding: 40px 20px; color: #6d6e70; } section#testimonials #test_wrap article:before, section#testimonials #test_wrap article:after { content: ""; display: table; } section#testimonials #test_wrap article:after { clear: both; } section#testimonials #test_wrap article img { margin-left: auto; margin-right: auto; display: block; width: 100px; margin-bottom: 20px; } section#testimonials #test_wrap article i { display: block; text-align: center; font-size: 18px; } section#testimonials #test_wrap article p { *zoom: 1; color: #16489f; display: block; margin-bottom: 20px; font-family: 'GillSansRegular'; text-align: center; font-weight: bold; } section#testimonials #test_wrap article p:before, section#testimonials #test_wrap article p:after { content: ""; display: table; } section#testimonials #test_wrap article p:after { clear: both; } section#testimonials #test_wrap article p span { font-weight: normal; } #title_wrap { border-top: 4px solid #bf4163; padding: 24px 0 0px; width: 100%; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border-bottom: 1px solid #fff; } #title_wrap div { max-width: 1200px; margin: 0 auto; } #title_wrap div h1 { color: #233e51; font-family: 'FuturaStd-Medium'; font-weight: 700; padding-left: 20px; text-shadow: 0 1px #fff; } #line { width: 100%; border-top: 1px solid #ccc; } section#contact { width: 100%; margin-top: 25px; *zoom: 1; } section#contact:before, section#contact:after { content: ""; display: table; } section#contact:after { clear: both; } section#contact .content { max-width: 1200px; margin: 0 auto; } section#contact .content #map { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; } section#contact .content #map div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 5px; background: #fff; border-radius: 4px; height: 300px; border: 1px solid #e2e2e2; } section#contact .content #contact_details { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } section#contact .content #contact_details div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 5px; background: #ffffff url('/assets/images/contact_details_bg.png') no-repeat right; border-radius: 4px; height: 300px; border: 1px solid #e2e2e2; } section#contact .content #contact_details div h2 { padding-top: 20px; padding-left: 20px; font-family: 'FuturaStd-Medium'; font-weight: 700; color: #233e51; font-size: 25px; position: relative; margin-bottom: 42px; } section#contact .content #contact_details div h2 span { position: absolute; background: url('/assets/images/smile.png') no-repeat; width: 50px; height: 10px; bottom: -16px; left: 20px; } section#contact .content #contact_details div ul { margin-top: 25px; display: block; list-style-type: none; padding-left: 0; } section#contact .content #contact_details div ul li:first-child { margin-bottom: 15px; padding-left: 20px; display: block; font-family: 'GillSansRegular'; font-size: 16px; } section#contact .content #contact_details div ul li:first-child a { color: #858585; } section#contact .content #contact_details div ul li:first-child a:hover { color: #591e36; } section#contact .content #contact_details div ul li:first-child i { margin-right: 17px; float: left; margin-bottom: 30px; color: #591e36; } section#contact .content #contact_details div ul li { margin-bottom: 15px; padding-left: 20px; display: block; font-family: 'GillSansRegular'; font-size: 16px; } section#contact .content #contact_details div ul li a { color: #858585; } section#contact .content #contact_details div ul li a:hover { color: #591e36; } section#contact .content #contact_details div ul li i { margin-right: 17px; float: left; margin-bottom: 0px; color: #591e36; } section#contact .content #form_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-top: 25px; *zoom: 1; } section#contact .content #form_wrap:before, section#contact .content #form_wrap:after { content: ""; display: table; } section#contact .content #form_wrap:after { clear: both; } section#contact .content #form_wrap form { padding-bottom: 30px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; background: #fff; border-radius: 4px; border: 1px solid #e2e2e2; *zoom: 1; } section#contact .content #form_wrap form:before, section#contact .content #form_wrap form:after { content: ""; display: table; } section#contact .content #form_wrap form:after { clear: both; } section#contact .content #form_wrap form .wrapped { border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; *zoom: 1; } section#contact .content #form_wrap form .wrapped:before, section#contact .content #form_wrap form .wrapped:after { content: ""; display: table; } section#contact .content #form_wrap form .wrapped:after { clear: both; } section#contact .content #form_wrap form .wrapped h2 { padding-top: 30px; font-family: 'FuturaStd-Medium'; font-weight: 700; color: #233e51; font-size: 25px; position: relative; margin-bottom: 42px; display: block; } section#contact .content #form_wrap form .wrapped h2 span { position: absolute; background: url('/assets/images/smile.png') no-repeat; width: 50px; height: 10px; bottom: -16px; left: 0px; } section#contact .content #form_wrap form .wrapped p { color: #858585; font-family: 'GillSansRegular'; font-size: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 20px; *width: 70.03968253968253%; *padding: 0 19.950396825396826px; padding: 0; } section#contact .content #form_wrap form label { color: #591e36; font-family: 'GillSansRegular'; display: block; margin-bottom: 10px; } section#contact .content #form_wrap form .row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } section#contact .content #form_wrap form .row input[type="text"] { background: #eeeeee; height: 45px; } section#contact .content #form_wrap form .row textarea { background: #eeeeee; min-height: 152px; } section#contact .content #form_wrap form .row div { margin-top: 22px; } section#contact .content #form_wrap form .row div input[type="checkbox"] { float: left; } section#contact .content #form_wrap form .row div p { color: #591e36; font-family: 'GillSansRegular'; float: left; margin-top: -6px; margin-left: 17px; font-weight: 700; width: 90%; } section#contact .content #form_wrap form .row input[type='submit'] { background: #233e51; border-radius: 4px; font-family: 'GillSansRegular'; width: 39%; } section#contact .content #form_wrap form .row input[type='submit']:hover { background: #053F67; } #content { max-width: 1200px; margin: 0 auto; } .content_all ul#fstadltbrcs { padding: 0; } .content_all ul#fstadltbrcs li { display:inline-block; width:33.3333%; text-align: center; padding:0 20px; } #content section#team, #content section#standard, #content section#news { margin-top: 50px; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 70.83333333333334%; padding: 0 20px; *width: 65.87301587301587%; *padding: 0 19.950396825396826px; *zoom: 1; padding-right: 0; } #content section#team:before, #content section#standard:before, #content section#news:before, #content section#team:after, #content section#standard:after, #content section#news:after { content: ""; display: table; } #content section#team:after, #content section#standard:after, #content section#news:after { clear: both; } #content section#team ul.bread, #content section#standard ul.bread, #content section#news ul.bread { width: 100%; background: #49b8ea; /* Old browsers */ background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* IE10+ */ background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); /* IE6-9 */ color: #fff; font-family: 'gotham_mediumregular'; padding: 10px 20px; margin-bottom: 0; } #content section#team ul.bread li, #content section#standard ul.bread li, #content section#news ul.bread li { display:inline-block; padding:0 3px; } #content section#team ul.bread li:first-child, #content section#standard ul.bread li:first-child, #content section#news ul.bread li:first-child { padding-left: 0; } #content section#team ul.bread li:nth-child(2), #content section#standard ul.bread li:nth-child(2), #content section#news ul.bread li:nth-child(2) { padding-left: 0; } #content section#team ul.bread li a, #content section#standard ul.bread li a, #content section#news ul.bread li a{ color:#FFF; } #content section#team article, #content section#standard article, #content section#news article { padding: 10px 0 20px; margin-bottom: 20px; border-bottom: 1px solid #f7f7f7; } #content section#news article img { margin: 0 auto; } #content section#team article .title a, #content section#standard article .title a, #content section#news article .title a { color: #16489f !important; border-bottom: 1px solid #49b8ea; padding-bottom: 10px; font-family: 'gotham_lightregular'; font-size: 25px; font-weight: 700; display: block; } #content section#team article .date, #content section#standard article .date, #content section#news article .date { display: block; color: #767676; margin-bottom: 10px; font-family: 'gotham_mediumregular'; } #content section#team article .paragraph_style, #content section#standard article .paragraph_style, #content section#news article .paragraph_style { color: #6d6e70; font-family: 'gotham_lightregular'; } #content section#team article p, #content section#standard article p, #content section#news article p { color: #6d6e70; font-family: 'gotham_lightregular'; line-height: 30px; } #content section#team article p{ font-size:15px; margin-bottom:5px; } #content section#team article a.news_link, #content section#standard article a.news_link, #content section#news article a.news_link { display: block; width: 165px; text-align: left; border-radius: 4px; color: #16489f; border: 1px solid #16489f; padding: 9px 15px; font-family: 'gotham_lightregular'; } #content section#team article a.news_link i, #content section#standard article a.news_link i, #content section#news article a.news_link i { text-align: right; } #content section#team article a.news_link:hover, #content section#standard article a.news_link:hover, #content section#news article a.news_link:hover { color: #fff; background: #16489f; border: 1px solid #16489f; padding: 9px 15px; font-family: 'gotham_lightregular'; } #content section#team article a.news_link:hover i, #content section#standard article a.news_link:hover i, #content section#news article a.news_link:hover i { text-align: right; } #content section#team .content_all, #content section#standard .content_all, #content section#news .content_all { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding-top: 25px; background: #fff; border: 1px solid #e2e2e2; } #content section#team .content_all .search_heading, #content section#standard .content_all .search_heading, #content section#news .content_all .search_heading { color: #16489f; border-bottom: 1px solid #49b8ea; padding-bottom: 8px; font-family: 'gotham_lightregular'; font-size: 25px; font-weight: 700; display: block; margin-bottom: 15px; } #content section#team .content_all h2, #content section#standard .content_all h2, #content section#news .content_all h2 { color: #16489f; border-bottom: 1px solid #49b8ea; padding-bottom: 10px; font-family: 'gotham_lightregular'; font-size: 23px; font-weight: 700; display: inline-block; } #content section#team .content_all a.search_results, #content section#standard .content_all a.search_results, #content section#news .content_all a.search_results { display: block; font-family: 'gotham_lightregular'; font-weight: bolder; color: #49b8ea; margin-bottom: 20px; } #content section#team .content_all a.search_results:hover, #content section#standard .content_all a.search_results:hover, #content section#news .content_all a.search_results:hover { text-decoration: underline; } #content section#team .content_all h3, #content section#standard .content_all h3 { color: #16489f; border-bottom: 1px solid #49b8ea; padding-bottom: 10px; font-family: 'gotham_lightregular'; font-size: 20px; font-weight: 700; display: block; } #content section#team .content_all h4, #content section#standard .content_all h4, #content section#news .content_all h4 { color: #16489f; border-bottom: 1px solid #49b8ea; padding-bottom: 10px; font-family: 'gotham_lightregular'; font-weight: 700; display: inline-block; font-size: 20px; } #content section#team .content_all figure, #content section#standard .content_all figure, #content section#news .content_all figure { max-width: 100%; } #content section#team .content_all figure img, #content section#standard .content_all figure img, #content section#news .content_all figure img { max-width: 100%; } #content section#team .content_all p, #content section#standard .content_all p, #content section#news .content_all p { color: #6d6e70; font-family: 'gotham_lightregular'; } #content section#team .content_all li, #content section#standard .content_all li, #content section#news .content_all li { color: #6d6e70; font-family: 'gotham_lightregular'; line-height:1.65em; } #content section#standard article.member h2 { display:block } #content section#team .content_all blockquote, #content section#standard .content_all blockquote, #content section#news .content_all blockquote { border-left: 5px solid #49b8ea; font-style: italic; color: #bdbdbd; font-family: 'GillSansRegular'; padding-left: 20px; margin-bottom: 30px; } #content section#team .content_all ul li, #content section#standard .content_all ul li, #content section#news .content_all ul li { font-family: 'gotham_lightregular'; } #content section#team .content_all .contact_info_half, #content section#standard .content_all .contact_info_half, #content section#news .content_all .contact_info_half { width: 49%; padding: 0 0px; float: left; margin-bottom: 50px; } #content section#team .content_all .contact_info_half p, #content section#standard .content_all .contact_info_half p, #content section#news .content_all .contact_info_half p { margin-bottom: 0; } #content section#team .content_all .contact_info_half p a, #content section#standard .content_all .contact_info_half p a, #content section#news .content_all .contact_info_half p a { color: #858585; } #content section#team .content_all .contact_info_half p a:hover, #content section#standard .content_all .contact_info_half p a:hover, #content section#news .content_all .contact_info_half p a:hover { color: #49b8ea; } #content section#team .content_all .contact_info_half:nth-child(2), #content section#standard .content_all .contact_info_half:nth-child(2), #content section#news .content_all .contact_info_half:nth-child(2) { width: 42%; margin-left: 7%; } #content section#team .content_all img, #content section#standard .content_all img, #content section#news .content_all img { padding: 5px; background: #fff; border-style: solid; border-width: 5px; border-color: #fcfcfc; border-radius: 4px; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1); display: block; max-width: 100% !important; margin: 0 auto; } #content section#team .content_all form label, #content section#standard .content_all form label, #content section#news .content_all form label { float: left; display: inline; width: 15%; margin-right: 5%; font-family: 'gotham_lightregular'; } #content section#team .content_all form input[type='text'], #content section#standard .content_all form input[type='text'], #content section#news .content_all form input[type='text'], #content section#team .content_all form input[type='email'], #content section#standard .content_all form input[type='email'], #content section#news .content_all form input[type='email'], #content section#team .content_all form input[type='number'], #content section#standard .content_all form input[type='number'], #content section#news .content_all form input[type='number'], #content section#team .content_all form select, #content section#standard .content_all form select, #content section#news .content_all form select, #content section#team .content_all form textarea, #content section#standard .content_all form textarea, #content section#news .content_all form textarea { float: left; display: inline; width: 80%; height: 45px; font-family: 'gotham_lightregular'; } #content section#standard .content_all form textarea { height:auto; } #content section#team .content_all form input[type='submit'], #content section#standard .content_all form input[type='submit'], #content section#news .content_all form input[type='submit'] { float: right; margin-bottom: 50px; margin-right: 0; border-radius: 4px; background: #49b8ea; font-family: 'gotham_lightregular' !important; text-shadow: 0 !important; } #content section#team .content_all form input[type='submit']:hover, #content section#standard .content_all form input[type='submit']:hover, #content section#news .content_all form input[type='submit']:hover { background: #16489f; } #content section#standard .content_all article.awards { } #content section#standard .content_all article.awards:nth-child(odd) { clear: left; } #content section#standard .content_all article.awards img { padding: 5px; margin-bottom: 25px; max-width: 100% !important; border:0; border-radius: none; box-shadow: 0 0 0; background: transparent; display: inline-block; } #content section#standard .content_all article.awards h2 { text-align: left } #content section#team article { width:33.3333%; float: left; padding:0 10px; margin-bottom: 50px; } #content section#team a.member:hover { opacity: 0.75; } #content section#team article img { display:block; margin:10px auto; max-width: 100%; } #content aside { margin-top: 50px; padding-top: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 29.166666666666668%; padding: 0 20px; *width: 24.20634920634921%; *padding: 0 19.950396825396826px; padding-right: 0 !important; } #content aside .sidebar-module { background: #fff; z-index: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-bottom: 25px; } #content aside .sidebar-module img { max-width: 100%; } #content aside .sidebar-module h4 { color: #fff; font-family: 'gotham_boldregular'; } #content aside .sidebar-module div { background: url('/assets/images/cta_bg.png') no-repeat; background-size: 100% 100%; } #content aside .sidebar-module div h4 { color: #fff; font-family: 'gotham_boldregular'; font-size: 25px; margin-bottom: 15px !important ; } #content aside .sidebar-module div p { color: #fff; font-family: 'gotham_lightregular'; } #content aside .sidebar-module div a { font-family: 'gotham_mediumregular'; color: #fff; } #content aside .sidebar-module div a:hover { color: #ccc; } #content aside .sidebar-module header { background: #49b8ea; /* Old browsers */ background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* IE10+ */ background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); /* IE6-9 */ width: 100%; background-size: 100%; padding: 15px 15px 15px 25px; border-bottom: 1px solid #E6E6E6; } #content aside .sidebar-module header h4 { margin-bottom: 0; color: #fff; font-family: 'gotham_mediumregular'; } #content aside .sidebar-module .content-wrap { width: 100%; background: #f7f7f7; border: 1px solid #dedede; } #content aside .sidebar-module .content-wrap form { padding: 20px 10px; } #content aside .sidebar-module .content-wrap form input[type='text'], #content aside .sidebar-module .content-wrap form input[type='phone'], #content aside .sidebar-module .content-wrap form input[type='email'] { background: #fff; height: 45px; margin-bottom: 20px; width: 100%; outline: none; border: 1px solid rgba(204, 204, 204, 0.59); padding-left: 10px; font-family: 'gotham_lightregular'; border-radius: 4px; } #content aside .sidebar-module .content-wrap form input[type="submit"] { width: 100%; background: #c45c3e; border-radius: 4px; font-family: 'GillSansRegular'; } #content aside .sidebar-module .content-wrap form input[type="submit"]:hover { background: #f97650; } #content aside .sidebar-module .content-wrap ul.nav-list, #content aside .sidebar-module .content-wrap ul.nav_categories { list-style: none; padding: 0; margin: 0; } #content aside .sidebar-module .content-wrap ul.nav-list ul, #content aside .sidebar-module .content-wrap ul.nav_categories ul { margin-bottom: 0; } #content aside .sidebar-module .content-wrap ul.nav-list li, #content aside .sidebar-module .content-wrap ul.nav_categories li { list-style: none; width: 100%; display: block; padding: 7px 10px !important; border-left: 5px solid transparent; } #content aside .sidebar-module .content-wrap ul.nav-list li:hover, #content aside .sidebar-module .content-wrap ul.nav_categories li:hover { background: rgba(255, 255, 0, 0.23); } #content aside .sidebar-module .content-wrap ul.nav-list li:nth-child(even):hover, #content aside .sidebar-module .content-wrap ul.nav_categories li:nth-child(even):hover { background: rgba(255, 255, 0, 0.23); } #content aside .sidebar-module .content-wrap ul.nav-list li:nth-child(even), #content aside .sidebar-module .content-wrap ul.nav_categories li:nth-child(even) { background: #fff; } #content aside .sidebar-module .content-wrap ul.nav-list li ul, #content aside .sidebar-module .content-wrap ul.nav_categories li ul { padding-top:7px; } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(even), #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(even) { background: #fff; } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(odd), #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(odd) { background: #F7F7F7 ; } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(even):hover, #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(even):hover { background: #FFF; } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(odd):hover, #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(odd):hover { background: #F7F7F7 ; } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(even):hover a, #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(even):hover a { background: #FFF; color:#2E629A } #content aside .sidebar-module .content-wrap ul.nav-list li ul li:nth-child(odd):hover a, #content aside .sidebar-module .content-wrap ul.nav_categories li ul li:nth-child(odd):hover a { background: #F7F7F7 ; color:#2E629A } #content aside .sidebar-module .content-wrap ul.nav-list li.active { border-left: 5px solid #16489f; } #content aside .sidebar-module .content-wrap ul.nav-list li.active a { font-weight: bold; } #content aside .sidebar-module .content-wrap ul.nav-list li.hover { background: yellow; } #content aside .sidebar-module .content-wrap ul.nav-list li.hover a { font-weight: bold; } #content aside .sidebar-module .content-wrap ul.nav-list li:first-child { border-top: 0; padding: 7px 10px; } #content aside .sidebar-module .content-wrap ul.nav-list li a, #content aside .sidebar-module .content-wrap ul.nav_categories li a { text-transform: capitalize; color: #919191; text-shadow: 0 1px #fff; display: block; width: 100%; height: 100%; font-family: 'gotham_lightregular'; } #content aside .sidebar-module .content-wrap ul.nav-list li a i, #content aside .sidebar-module .content-wrap ul.nav_categories li a i { float: right; color: #49b8ea; } #content aside .sidebar-module .content-wrap ul.nav-list li.here a, #content aside .sidebar-module .content-wrap ul.nav_categories li a { color: #777777; padding: 7px 10px; } .faq_wrap { max-width: 100%; margin-bottom: 25px; } .faq_wrap > div { float: left; width: 50%; padding-bottom:40px; } .faq_wrap .faq_question { color: #16489f; border-bottom: 1px solid #49b8ea; padding-bottom: 8px; font-family: 'gotham_lightregular'; font-size: 25px; font-weight: 700; display: block; margin-bottom: 15px; } .faq_wrap .faq_question span { color: #49b8ea; font-size: 15px; font-style: italic; } .faq_wrap .faq_answer { color: #6d6e70; font-family: 'gotham_lightregular'; } /*---------------------------------------- 9. FOOTER ------------------------------------------*/ div#sponsors { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; clear: both } div#sponsors img{ padding:20px; max-width: 100%; } footer#bottom { *zoom: 1; background: #2a3990; padding: 15px 0; width: 100%; } footer#bottom:before, footer#bottom:after { content: ""; display: table; } footer#bottom:after { clear: both; } footer#bottom div { max-width: 1200px; margin: 0 auto; color: #fff; font-family: 'gotham_lightregular'; padding:0 20px } footer#bottom #footerinfo a { color:#FFF; } footer#bottom #footerinfo a:hover { opacity: 0.5; } section#page_heading { width: 100%; background: #47b9ea url('/assets/images/slider_bg_final.jpg') no-repeat right; } section#page_heading #heading_wrap { max-width: 1200px; margin: 0 auto; background-size: contain; height: auto; overflow: hidden; } section#page_heading #heading_wrap div { margin-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 53.37301587301587%; *padding: 0 19.950396825396826px; } section#page_heading #heading_wrap div h1 { color: #fff; font-family: 'gotham_blackregular'; font-size: 55px; } section#page_heading #heading_wrap div p { color: #fff; font-size: 22px; line-height: 30px; font-family: 'gotham_lightregular'; } section#page_heading #heading_wrap figure { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 41.66666666666667%; padding: 0 20px; *width: 36.70634920634921%; *padding: 0 19.950396825396826px; margin-top: 17px; } #footer_wrap { margin-top: 25px; width: 100%; height: 400px; background: #16489f url('/assets/images/footer_bg.png') no-repeat right; background-size: 40% 100%; position: relative; *zoom: 1; clear: both; } #footer_wrap:before, #footer_wrap:after { content: ""; display: table; } #footer_wrap:after { clear: both; } #footer_wrap .dentist_footer { position: absolute; right: 0; bottom: -64px; max-width: 325px; } #footer_wrap .dentist_footer img { max-width: 100%; } #footer_wrap footer#worlds_end { *zoom: 1; padding: 20px; max-width: 1200px; margin: 0 auto; } #footer_wrap footer#worlds_end:before, #footer_wrap footer#worlds_end:after { content: ""; display: table; } #footer_wrap footer#worlds_end:after { clear: both; } #footer_wrap footer#worlds_end #associates { padding: 0px 20px 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; border-bottom: 1px solid rgba(204, 204, 204, 0.44); } #footer_wrap footer#worlds_end #associates div { float: left; max-width: 20%; max-height: 115px; } #footer_wrap footer#worlds_end #associates div img { max-height: 115px; max-width: 100%; padding: 0 20px !important; } #footer_wrap footer#worlds_end #footer_content_all { padding: 8px 0 25px; border-bottom: 1px solid #fff; width: 100%; *zoom: 1; } #footer_wrap footer#worlds_end #footer_content_all p a { color:#FFF } #footer_wrap footer#worlds_end #footer_content_all:before, #footer_wrap footer#worlds_end #footer_content_all:after { content: ""; display: table; } #footer_wrap footer#worlds_end #footer_content_all:after { clear: both; } #footer_wrap footer#worlds_end #footer_content_all #footer_logo { max-width: 130px; height: 75px; float: left; display: inline; } #footer_wrap footer#worlds_end #footer_content_all #footer_logo img { max-width: 100%; } #footer_wrap footer#worlds_end #footer_content_all p { float: right; display: inline; color: #fff; font-size: 25px; margin-top: 25px; margin-bottom: 0; font-size: 40px; font-family: 'als_syysscript_vhregular'; } #footer_wrap footer#worlds_end #footer_more { width: 100%; margin-top: 25px; } #footer_wrap footer#worlds_end #footer_more div:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 27.499999999999996%; padding: 0 20px; *width: 22.539682539682538%; *padding: 0 19.950396825396826px; padding-left: 0 !important; color: #fff; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div:first-child h4 { color: #49b8ea; font-family: 'gotham_mediumregular'; } #footer_wrap footer#worlds_end #footer_more div:first-child a { margin-top: 5px; margin-bottom: 10px; display: block; color: #fff; font-family: 'gotham_lightregular'; font-size: 14px; } #footer_wrap footer#worlds_end #footer_more div:first-child a:hover { text-decoration: underline; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 22.5%; padding: 0 20px; *width: 17.53968253968254%; *padding: 0 19.950396825396826px; padding-left: 0 !important; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) h4 { color: #49b8ea; font-family: 'gotham_mediumregular'; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) ul li { width:100% } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) ul li a { color: #fff; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) ul li a:hover { padding-left: 10px; } #footer_wrap footer#worlds_end #footer_more div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 20px; *width: 20.03968253968254%; *padding: 0 19.950396825396826px; } #footer_wrap footer#worlds_end #footer_more div h4 { color: #49b8ea; font-family: 'gotham_mediumregular'; } #footer_wrap footer#worlds_end #footer_more div ul { padding-left: 20px; } #footer_wrap footer#worlds_end #footer_more div ul li { color: #fff; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div p { color: #fff; margin-bottom: 0; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div p { color: #FFF; padding-right: 18px; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div ul { padding:0; } #footer_wrap footer#worlds_end #footer_more div ul li { display: inline-block; width: 75%; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) ul li:nth-child(odd) { color:#49b8ea; width:25%; } #footer_wrap footer#worlds_end #footer_more div input { float: left; display: inline; } #footer_wrap footer#worlds_end #footer_more div button { float: left; display: inline; } #footer_wrap footer#worlds_end #footer_more div:last-child { padding: 0 !important; } #footer_wrap footer#worlds_end #footer_more div:last-child input { width: 150px; margin-right: 11px; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div:last-child p { margin-bottom: 10px; } #footer_wrap footer#worlds_end #footer_more div:last-child button { height: 36px; background: #49b8ea; color: #fff; border: 0; width: 36px; padding-top: 2px; font-family: 'gotham_lightregular'; } #footer_wrap footer#worlds_end #footer_more div:last-child button:hover { opacity: 0.9; } #footer_wrap footer#worlds_end #footer_more div:last-child span { display: block; clear: both; margin-left: -10px; } #footer_wrap footer#worlds_end #footer_more div:last-child span a { float: left; color: #fff; font-size: 23px; margin-right: 5px; } #footer_wrap footer#worlds_end #footer_more div:last-child span a:hover { color: #49b8ea; } #footer_wrap footer#worlds_end #footer_content { *zoom: 1; } #footer_wrap footer#worlds_end #footer_content:before, #footer_wrap footer#worlds_end #footer_content:after { content: ""; display: table; } #footer_wrap footer#worlds_end #footer_content:after { clear: both; } #footer_wrap footer#worlds_end #footer_content h5 { margin-top: 25px !important; color: #233e51; font-family: 'FuturaStd-Medium'; font-weight: 700; } #footer_wrap footer#worlds_end #footer_content h5 i { float: left; color: #9d225a; margin-right: 5px; } #footer_wrap footer#worlds_end #footer_content p, #footer_wrap footer#worlds_end #footer_content a { font-family: 'GillSansRegular'; display: block; color: #858585; } #footer_wrap #footer_end { width: 100%; background: #fff; *zoom: 1; } #footer_wrap #footer_end:before, #footer_wrap #footer_end:after { content: ""; display: table; } #footer_wrap #footer_end:after { clear: both; } #footer_wrap #footer_end div { max-width: 1200px; margin: 0 auto; } #footer_wrap #footer_end div a { color: #858585; font-family: 'GillSansRegular'; } #footer_wrap #footer_end div a:hover { color: #bf4163; } #footer_wrap #footer_end div div { padding: 22px 0 19px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } #footer_wrap #footer_end div div:nth-child(2) a { float: right; margin-right: 25px; } #footer_wrap #footer_end div div:nth-child(2) a:nth-child(1) { margin-right: 0; } /* ========================================================== */ /* = /* MOBILE MENU */ /* ========================================================== */ #test_mobile { display: none; } /* a#pull { display: none; } #mobile_nav{ width: 100%; ul { display: none; li { margin-left: 8px; float: left; padding: 10px; a { font-family: 'gotham_lightregular'; color: blue; font-size: 15px; } } li:first-child { margin-left: 0 !important; } } a#pull { display: none; } } */ /* ========================================================== */ /* = /* RESPONSIVE WEB DESIGN */ /* ========================================================== */ @media screen and (max-width: 1180px) { #primary section#medical_patients #mp_wrap { background-size: 150% 150%; } #header_wrap header#worlds_birth #logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 12.5%; padding: 0 20px; *width: 7.53968253968254%; *padding: 0 19.950396825396826px; margin-top: 18px; } #header_wrap header#worlds_birth #upper_nav_wrap { margin-left: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 87.5%; padding: 0 20px; *width: 82.53968253968253%; *padding: 0 19.950396825396826px; } section#page_heading #heading_wrap div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } section#page_heading #heading_wrap div h1 { text-align: center; } section#page_heading #heading_wrap div p { text-align: center; } section#page_heading #heading_wrap figure { display: none; } #primary section#intro #intro_wrap div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#intro #intro_wrap div h3 { width: 100%; text-align: center; } #primary section#intro #intro_wrap div p { text-align: center; } /*#primary section#intro #intro_wrap div a { display: block; width: 200px; margin-left: auto; margin-right: auto; }*/ #primary section#intro #intro_wrap figure { display: none; } section#check { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } section#free { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #content section#team article { width:50%; } #primary section#book .content_book { background:none; min-height: 0; } #primary section#book .content_book h3 { text-align: center; width: 100%; display: block; margin-top: 20px; } #primary section#book .content_book p { text-align: center; width: 100%; margin: 20px 0px; } #primary section#book .content_book a { margin-left: auto; margin-right: auto; } #primary section#book figure { display: none; } #primary section#new_patient #wrap { background: none; min-height: 0; } #primary section#new_patient #wrap h3 { text-align: center; width: 100%; display: block; margin-top: 20px; } #primary section#new_patient #wrap p { text-align: center; width: 100%; margin: 20px 0px; } #primary section#new_patient #wrap a { margin-left: auto; margin-right: auto; } section#slider_wrap div div { background: url(); } section#slider_wrap div div hgroup h2 { font-size: 36px; } #footer_wrap footer#worlds_end #footer_content_all { width: 100%; } #footer_wrap footer#worlds_end #footer_more { width: 100%; } .dentist_footer { display: none; } #footer_wrap footer#worlds_end { } #primary section#treatments #wrapped .treatment_serv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } #primary section#intro #intro_wrap { text-align: center; } } @media screen and (max-width: 1050px) { #header_wrap header#worlds_birth #logo { display: block; margin-left: auto; margin-right: auto; float: none; width: 200px; } #content section#standard, #content section#news, #content section#team { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #content aside { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding-left: 0; margin-top:0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul { text-align: left } #header_wrap header#worlds_birth #upper_nav_wrap { width: 100%; text-align: center } #header_wrap header#worlds_birth #upper_nav_wrap #top_links { display: block; margin: 23px auto; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links a:last-child { margin-right: 20px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav { float: none; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; height: auto; overflow: hidden; max-width: 396px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts { clear:both; margin:20px auto; height:auto; overflow:hidden; float:none; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper { float: none; display: block; margin-left: auto; margin-right: auto; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #search_wrapper input[type='text'] { display: none; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #search_wrapper button { display: none; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper input[type='text'] { display: none; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper input[type='search'], #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper a, #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button { margin: 10px 0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul { float: none; clear: both; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li { float: none; display: inline-block; } footer#bottom #footerinfo p { text-align: center; clear: both; width: 100%; padding:10px 0; margin:0; } } @media screen and (max-width: 1013px) { #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav { width: 60%; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li a { font-size: 13px; } } @media screen and (max-width: 885px) { #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #togglenav { display: block; } #primary section#medical_patients #mp_wrap div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#medical_patients #mp_wrap div p { text-align: center; } #primary section#medical_patients #mp_wrap div a { display: block; width: 200px; margin-left: auto; margin-right: auto; } #primary section#medical_patients #mp_wrap figure { display: none; } #primary section#medical_patients #mp_wrap h3 { text-align: center; } ul.bread { display: none; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav, #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav { display: none } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li:hover ul { display: none; } #footer_wrap footer#worlds_end #footer_more div.newsletter { display: none; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } #footer_wrap footer#worlds_end #footer_more div:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li { margin-left: 0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul { text-align: left } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul li { margin-left: 5px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul { } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li { display: block; padding:0.5em 20px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li a { border: 0; padding-bottom: 5px } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links { } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav { } #footer_wrap footer#worlds_end #footer_content_all p { font-size: 32px; } #test_mobile { display: block; width: 100%; padding: 0; list-style-type: none; *zoom: 1; } #test_mobile:before, #test_mobile:after { content: ""; display: table; } #test_mobile:after { clear: both; } #test_mobile img { float: right; } #test_mobile ul { padding: 0; list-style-type: none; } #test_mobile ul li { display: block; background: #fff; padding: 10px 20px; text-align: left; font-family: 'gotham_lightregular'; color: blue; font-size: 15px; } #test_mobile ul li a { color: blue; } #test_mobile ul li i { float: right; } #test_mobile ul .toggler_main { background: transparent; } /* div#mobile_menu { .column(12); padding: 0; margin-bottom: -46px; margin-top: 10px; ul#mainmobile { width: 100%; background: #ffffff -webkit-radial-gradient(50% 0%, 70% 15%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 80%); border-top: 1px solid #e3e3e3; margin-bottom: -1px; padding-left: 0; display: none; li { margin-bottom: 5px; height: 40px; width: 100%; display: block; float: left; padding: 10px; text-align: center; margin-left: 0; position: relative; background: #fff; a { font-family: 'gotham_lightregular'; color: @royal; font-size: 17px; text-decoration: none !important; display: block; } } li:hover { background: #E8E8E8; } li:last-child { margin-bottom: 47px; } } a#pull { border-top: 1px solid rgba(255, 255, 255, 0.31); background: url('/assets/images/nav-icon.png') no-repeat right 25px top 17px; display: block; position: relative; border-top: 1px solid #e3e3e3; height: 38px; width: 100%; padding: 10px 25px; color: @royal; margin-bottom: 50px; font-size: 17px; font-family: 'gotham_lightregular'; } } #mobile_menu ul li a.more, #mobile_menu ul li a.less { display: none; font-family: icon; position: absolute; top: 0; right: 0; background: #999; padding: 0; width: 25%; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); z-index: 500; font-size: 30px; } #mobile_menu ul li a.more, #mobile_menu ul li a.less { display: block; } #mobile_menu ul li a.more, #mobile_menu ul li a.less { display: block; } #mobile_menu ul li a.more:hover, #mobile_menu ul li a.less:hover { background: #888; } #mobile_menu ul li ul { padding: 0; }*/ } @media screen and (max-width: 830px) { section#slider_wrap p { text-align: center; } section#testimonials #test_wrap article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#book { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#new_patient { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #content section#standard .content_all h3, #content section#standard .content_all h4, #content section#standard .content_all h5, #content section#standard .content_all blockquote, #content section#standard .content_all ul li { padding-bottom: 10px; } #content section#standard .content_all p { } section#slider_wrap div div img { display: none; } section#slider_wrap div div hgroup { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } section#slider_wrap div div hgroup h1, section#slider_wrap div div hgroup h2 { text-align: center; } section#slider_wrap div div hgroup a { display: block; margin-left: auto; margin-right: auto; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper { width: 100%; } } @media screen and (max-width: 699px) { table.prices { display: none; } div.prices { display: block; } .content_all ul#fstadltbrcs li { width:100%; padding:20px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav { max-width: 204px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper a { width: 100%; display: block; text-align: center; margin-left: auto; margin-right: auto; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper input[type="search"] { width:calc(100% - 58PX); } #content section#standard .content_all form label { display: block; width: 100%; } #content section#standard .content_all form input[type='text'], #content section#standard .content_all form input[type='email'], #content section#standard .content_all form input[type='number'], #content section#standard .content_all form select, #content section#standard .content_all form textarea { display: block; width: 100%; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) { display: none; } #footer_wrap footer#worlds_end #footer_more div:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } footer#bottom div { text-align: center; } #footer_wrap footer#worlds_end #footer_content_all p { display: none; } #footer_wrap footer#worlds_end #footer_content_all #footer_logo { display: block; margin-left: auto; margin-right: auto; float: none; } section#page_heading #heading_wrap { background: none; min-height: 0; *zoom: 1; } section#page_heading #heading_wrap:before, section#page_heading #heading_wrap:after { content: ""; display: table; } section#page_heading #heading_wrap:after { clear: both; } section#page_heading #heading_wrap div h1 { font-size:24px; } section#page_heading #heading_wrap div { margin-top:21px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links { width: 100%; } #primary section#medical_patients #mp_wrap div h3 { font-size: 35px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links a { clear: both; float: none; margin: 0; display: block; text-align: center; } section#slider_wrap div div hgroup h2 { font-size: 27px; } h1 { font-size: 27px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links a:last-child { margin: 0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper input[type='search']{ width:calc(100% - 58px); } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts { margin-bottom: 0; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts a.contacts { display: block; margin: 0 20px; } #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts .search_wrapper { margin: 0px 40px 30px 30px; } } @media screen and (max-width: 540px) { #header_wrap header#worlds_birth #upper_nav_wrap #contact_info .clearContacts a.contacts { font-size: 15px; } section#testimonials h3 { font-size: 16px; } section#testimonials h3 a { margin-top: 1px; } #content section#standard .content_all form input[type='submit'] { width: 100%; float: none; } #content section#team article { width:100%; } #primary section#treatments #wrapped h3 { font-size: 16px; } #primary section#treatments #wrapped h3 a { margin-top: 1px; } #primary section#treatments #wrapped .treatment_serv { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } #primary section#treatments #wrapped .treatment_serv div h4 { text-align: center; } #primary section#treatments #wrapped .treatment_serv div p { text-align: center; } #primary section#treatments #wrapped .treatment_serv div a { display: block; text-align: center; } #footer_wrap { background: #16489f; } #footer_wrap footer#worlds_end #footer_more div { padding:0; } #footer_wrap footer#worlds_end #footer_more div:first-child { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 ; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; *zoom: 1; } #footer_wrap footer#worlds_end #footer_more div:first-child:before, #footer_wrap footer#worlds_end #footer_more div:first-child:after { content: ""; display: table; } #footer_wrap footer#worlds_end #footer_more div:first-child:after { clear: both; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 ; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; *zoom: 1; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2):before, #footer_wrap footer#worlds_end #footer_more div:nth-child(2):after { content: ""; display: table; } #footer_wrap footer#worlds_end #footer_more div:nth-child(2):after { clear: both; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; *zoom: 1; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3):before, #footer_wrap footer#worlds_end #footer_more div:nth-child(3):after { content: ""; display: table; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3):after { clear: both; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) ul li:nth-child(odd), #footer_wrap footer#worlds_end #footer_more div:nth-child(3) ul li:nth-child(even) { width: 50%; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) ul li:nth-child(odd) { text-align: right; padding-right:20px; width: 30%; } #footer_wrap footer#worlds_end #footer_more div:nth-child(3) ul li:nth-child(even) { text-align: left; width: 70%; } #footer_wrap { height: 100%; } #footer_wrap footer#worlds_end #footer_more div { margin-bottom: 25px; } #footer_wrap footer#worlds_end #footer_more div h4 { text-align: center; } #footer_wrap footer#worlds_end #footer_more div #address { text-align: center; display: block; } #footer_wrap footer#worlds_end #footer_more div a { text-align: center; } #footer_wrap footer#worlds_end #footer_more div p { text-align: center; } #footer_wrap footer#worlds_end #footer_more div ul { list-style-type: none; } #footer_wrap footer#worlds_end #footer_more div ul li { text-align: center; } } @media screen and (max-width: 414px) { } /* ========================================================== */ /* = /* IE FIXES */ /* ========================================================== */ .ie10 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button { height: 32px; } .ie10 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper a { height: 32px; } .ie10 #footer_wrap footer#worlds_end #footer_more div:last-child button { height: 32px; font-size: 12px; } .ie10 #footer_wrap footer#worlds_end { margin-left: 30px; } .ie10 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul { margin-top: -5px; } .ie10 #content section#standard .content_all h4, .ie10 #content section#news .content_all h4 { padding-bottom: 11px; } .ie9 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links { margin-right: 5px; } .ie9 input[type="text"], .ie9 input[type="url"], .ie9 input[type="email"], .ie9 input[type="password"], .ie9 input[type="search"], .ie9 input[type="number"], .ie9 input[type="date"], .ie9 input[type="month"], .ie9 input[type="week"], .ie9 input[type="time"], .ie9 input[type="datetime"], .ie9 input[type="datetime-local"], .ie9 input[type="tel"], .ie9 textarea { display: inline; height: 38px; margin: 0 auto; width: 45%; } .ie9 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button { margin: 0 auto; display: inline-block; vertical-align: top; overflow: hidden; padding: 0 auto; float: none; } .ie9 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper a { float: right; height: 38px; } .ie9 #primary section#intro #intro_wrap { border: none; margin: 0 auto; margin-top: -100px; z-index: -999; } .ie9 section#slider_wrap .slide_bg .slider_content hgroup { z-index: 999; } .ie9 #primary section#intro #intro_wrap { border: 1px solid #e2e2e2; } .ie9 #footer_wrap footer#worlds_end #footer_more div:last-child button { height: 38px; font-size: 12px; } .ie9 #footer_wrap footer#worlds_end { margin-left: 30px; } .ie9 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info nav ul li ul { margin-top: -5px; } .ie9 #content section#standard .content_all h4, .ie9 #content section#news .content_all h4 { padding-bottom: 11px; } .ie9 #footer_wrap footer#worlds_end #footer_more div:last-child input { margin-bottom: 5px; } .ie8 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #top_links { margin-right: 5px; } .ie8 input[type="text"], .ie8 input[type="url"], .ie8 input[type="email"], .ie8 input[type="password"], .ie8 input[type="search"], .ie8 input[type="number"], .ie8 input[type="date"], .ie8 input[type="month"], .ie8 input[type="week"], .ie8 input[type="time"], .ie8 input[type="datetime"], .ie8 input[type="datetime-local"], .ie8 input[type="tel"], .ie8 textarea { display: inline; height: 38px; margin: 0 auto; width: 45%; } .ie8 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper button { margin: 0 auto; display: inline-block; vertical-align: top; overflow: hidden; padding: 0 auto; float: none; } .ie8 #header_wrap header#worlds_birth #upper_nav_wrap #contact_info #top_level_nav #search_wrapper a { float: right; height: 38px; } .ie8 section#slider_wrap .slide_bg .slider_content hgroup a { margin-top: 25px; } .ie8 section#slider_wrap .slide_bg .slider_content hgroup a { font-size: 16px; } .ie8 #primary section#intro #intro_wrap div a { font-size: 16px; } .ie8 #primary section#medical_patients #mp_wrap div a { font-size: 16px; } .ie8 #footer_wrap footer#worlds_end #footer_more div:last-child button { height: 38px; font-size: 12px; } .ie8 #footer_wrap footer#worlds_end { margin-left: 30px; } .ie8 #footer_wrap footer#worlds_end #footer_more div:first-child { font-size: 16px; margin-right: 0 auto; } .ie8 #footer_wrap footer#worlds_end #footer_more div:nth-child(2) { margin: 0 auto; } .ie8 #footer_wrap footer#worlds_end #footer_more div { font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 20px; *width: 20.03968253968254%; *padding: 0 19.950396825396826px; } .ie8 #footer_wrap footer#worlds_end #footer_more div ul li a { color: #fff; } .ie8 #footer_wrap footer#worlds_end #footer_more div p { font-size: 16px; } .ie8 #footer_wrap footer#worlds_end #footer_more div input { width: 70%; } .ie8 #footer_wrap footer#worlds_end #footer_more div button { height: 40px; background-color: #49b8ea; color: #fff; } .ie8 #footer_wrap footer#worlds_end #footer_more div span a { color: #fff; padding-top: 50px; font-size: 24px; } .form-horizontal{clear:both; padding:0px 20px 20px 20px;} .m-10{margin-bottom:10px !important;} .checkbox{font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;} .form-horizontal .g-recaptcha {transform: scale(0.80);-webkit-transform: scale(0.80);transform-origin: 0 0; -webkit-transform-origin: 0 0;position: relative;} .btn-info{background: #49b8ea;color: #fff;border: 0;font-family: 'gotham_lightregular'; border-radius: 4px; padding: 10px 20px !important; } .btn-info:hover, .btn-info:focus { background-color: #16489f; } .form-horizontal h3{width: 100%;background: #49b8ea;background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); color: #fff; padding: 11px 20px !important; font-family: 'gotham_mediumregular';} .sidebar-box { border: 1px solid #dedede; padding: 15px; } .siderbar-header { background: #49b8ea; background: -moz-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #49b8ea), color-stop(69%, #2989d8), color-stop(100%, #2450a3)); background: -webkit-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: -o-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: -ms-linear-gradient(left, #49b8ea 0%, #2989d8 69%, #2450a3 100%); background: linear-gradient(to right, #49b8ea 0%, #2989d8 69%, #2450a3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b8ea', endColorstr='#2450a3', GradientType=1); width: 100%; background-size: 100%; padding: 15px 15px 15px 25px; border-bottom: 1px solid #E6E6E6; } .siderbar-header h4 { margin-bottom: 0; color: #fff; font-family: 'gotham_mediumregular'; }