/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-weight: 300; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } a:focus { outline: 0; } :focus, :active { outline: none; outline: 0; } ::-moz-focus-inner { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { -webkit-appearance: none; } textarea { resize: none; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * { box-sizing: border-box;} */ /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /* Hides from IE-mac \*/ * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ @font-face { font-family: "Modo"; src: url(../fonts/Modo-Labs/modo-labs.eot); src: url(../fonts/Modo-Labs/modo-labs.eot?#iefix) format("embedded-opentype"), url(../fonts/Modo-Labs/modo-labs.woff) format("woff"), url(../fonts/Modo-Labs/modo-labs.ttf) format("truetype"), url(../fonts/Modo-Labs/modo-labs.svg#modo-labs) format("svg"); font-weight: 400; font-style: normal; } /* != Proxima Nova ====================================== */ @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.svg#proxima_nova_ththin") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.svg#proxima_novathin_italic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.svg#proxima_novalight_italic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.svg#proxima_novasemibold_italic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.svg#proxima_nova_thextrabold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.svg#proxima_novaextrabold_italic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.svg#proxima_nova_blblack") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.svg#proxima_novablack_italic") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: "modo-labs-micro"; src:url("../fonts/micro-modo-labs/modo-labs-micro.eot"); src:url("../fonts/micro-modo-labs/modo-labs-micro.eot?#iefix") format("embedded-opentype"), url("../fonts/micro-modo-labs/modo-labs-micro.woff") format("woff"), url("../fonts/micro-modo-labs/modo-labs-micro.ttf") format("truetype"), url("../fonts/micro-modo-labs/modo-labs-micro.svg#modo-labs-micro") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "modo-labs-micro" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="micro-icon-"]:before, [class*=" micro-icon-"]:before { font-family: "modo-labs-micro" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .micro-icon-angle-down:before { content: "\61"; } .micro-icon-angle-left:before { content: "\62"; } .micro-icon-angle-right:before { content: "\63"; } .micro-icon-angle-up:before { content: "\64"; } .micro-icon-chevron-circle-down:before { content: "\65"; } .micro-icon-chevron-circle-left:before { content: "\66"; } .micro-icon-chevron-circle-right:before { content: "\67"; } .micro-icon-chevron-circle-up:before { content: "\68"; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { font: 300 18px/1.5 'ProximaNova'; background: #fff; width: 100%; color: #47485A; overflow-x: hidden; } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ ::selection { background: #C5152F; color: #fff; } ::-moz-selection { background: #C5152F; color: #fff; } ::-webkit-selection { background: #C5152F; color: #fff; } /** { box-shadow: 0 0 2px #f00; }*/ /* != ICON FONT DECLARATION ===== */ [data-icon]:before { font-family: "Modo" !important; content: attr(data-icon); font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "Modo" !important; font-style: normal !important; font-weight: 400 !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down:before { content: "a"; } .icon-left:before { content: "b"; } .icon-right:before { content: "c"; } .icon-up:before { content: "d"; } .icon-close:before { content: "e"; } .icon-menu:before { content: "f"; } .icon-search:before { content: "g"; } .icon-facebook:before { content: "h"; } .icon-linkedin:before { content: "i"; } .icon-twitter:before { content: "j"; } .icon-play:before { content: "k"; } .icon-email:before { content: "l"; } .icon-google:before { content: "m"; } /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != LAYOUT STYLES ===== */ .container { width: 100%; max-width: 1100px; margin: 0 auto; } .container-inner { padding: 0; } .pull-left { float: left; } .pull-right { float: right; } .img-responsive { width: 100%; height: auto; } .visible-s, .visible-xs { display: none !important; } .hidden-s { display: block; } ol{ padding: 0 0 0 10px; ;} ol li{ margin: 0 0 10px 0; padding: 0 0 0 20px; counter-increment: my-counter; position: relative; } ol li:before{content: counter(my-counter, decimal)'.'; position: absolute; font-weight: bold; font-size: 16px; top: 0; left: 0;} .btn { display: inline-block; padding: 10px 20px; font-size: 13px; font-weight: 500; text-transform: uppercase; margin: 20px 0; transition: .2s; } .btn.white-outline { border: 1px solid #fff; color: #fff; } .btn.white-outline:hover { background: #fff; color: #C5152F;text-decoration:none } .btn.red-outline { border: 1px solid #C5152F; color: #C5152F; } .btn.red-outline:hover { background: #C5152F; color: #fff;text-decoration:none; } .btn.red-white { background: #C5152F; color: #fff; } .btn.red-white:hover { background: #fff; color: #C5152F;text-decoration:none; } .btn.white-red { background: #fff; color: #C5152F; border: 1px solid #fff; } .btn.white-red:hover { background: transparent; color: #fff; text-decoration:none; } .btn.btn-fancy { background-image: url(../images/btn_pattern.png); font-size: 18px; padding: 16px 50px 15px; font-weight: 700; letter-spacing: .1em; background-position: 20px bottom; } .btn.btn-fancy:hover { background-position: 20px bottom; } .btn.red-btn { background: #c71d2a; color: #fff; } .btn.red-btn:hover { background: #585a70;text-decoration:none; } .btn.more-btn { padding: 10px 10px; color: #fff; background: #b3b3b3; } .btn.more-btn i { font-size: 10px; margin-left: 8px; vertical-align: middle; } .btn.more-btn:hover { background: #585a70;text-decoration:none; } .page-template-template-thankyou-resource .btn{padding: 13px 23px; font-size: 16px;} a.more { display: inline-block; color: #C91731; vertical-align: middle; } a.more:after { content: 'c'; font: normal 9px/150% 'Modo'; vertical-align: middle; text-transform: none; display: inline-block; margin: -3px 0 0 5px; } a.more:hover { color: #595A6F; } a.back { display: inline-block; color: #C91731; vertical-align: middle; font-size: 12px; text-transform: uppercase; font-weight: 500; } a.back:before { content: 'b'; font: normal 9px/150% 'Modo'; vertical-align: middle; text-transform: none; display: inline-block; margin: -3px 5px 0 0; } a.back:hover { color: #595A6F; } body .container .content h2, #content-area .content h2, #two-column-article .left-box h2, .text-box .content h2, #resource-items h2 {padding-top:10px;margin:0px 0 10px;text-transform: uppercase;font: 300 24px "ProximaNova";color:#C71D2A} body .container .content h3, #content-area .content h3, #two-column-article .left-box h3, .text-box .content h3 {font: 600 22px/26px "ProximaNova";padding-top:10px;margin:0px 0 10px;text-transform: uppercase;} body .container .content h4, #content-area .content h4, #two-column-article .left-box h4, .text-box .content h4 {font: 600 22px/26px "ProximaNova";padding-top:10px;margin:0px 0 10px;text-transform: uppercase;color:#C71D2A} body .container .content h5, #content-area .content h5, .text-box .content h5 {font: 600 18px/1.5 "ProximaNova";padding-top:10px;margin:0px 0 0px;text-transform: uppercase;} body .container .content h6, body #blog-content h6, #content-area .content h6, #two-column-article .left-box h6, .text-box .content h6 {font: 600 18px/1.5 "ProximaNova";padding-top:10px;margin:0px 0 0px;text-transform: uppercase;color:#999999} .wrap { width: 1140px; padding: 0 20px; margin: 0 auto; max-width: 100%; box-sizing: border-box; } #header { padding: 20px 0 0 0; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: absolute; z-index: 99; width: 100%; } #logo { float: left; margin: 0; } #logo a { display: block; text-indent: -9000px; background: url(../images/logo@2x.png) no-repeat 0 0; width: 98px; height: 80px; background-size: contain; } #nav-desktop .utility-nav { float: right; font-size: 12px; text-transform: uppercase; } #nav-desktop .utility-nav .icon-search { display: inline-block; font-size: 16px; position: relative; top: 2px; padding: 0 5px; vertical-align: middle; cursor: pointer; color: #737373; } #nav-desktop .utility-nav .icon-search:hover { color: #C91731; } #nav-desktop .utility-nav form { display: inline-block; vertical-align: middle; width: 0; overflow: hidden; } #nav-desktop .utility-nav form.open { width: auto; } #nav-desktop .utility-nav form input { background: #fff; border: 1px solid #ccc; box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.05); line-height: 20px; } #nav-desktop .utility-nav nav { display: inline-block; vertical-align: middle; } #nav-desktop .utility-nav nav a { display: inline-block; vertical-align: middle; color: #737373; margin: 0 0 0 10px; } #nav-desktop .utility-nav nav a:hover { color: #C91731; } #nav-desktop .utility-nav nav a.more, #nav-desktop .utility-nav nav a:last-child { color: #C91731; } #nav-desktop .utility-nav nav a.more:hover, #nav-desktop .utility-nav nav a:last-child:hover { color: #595A6F; } #nav-desktop .main-nav { list-style: none; margin: 0; padding: 0; float: right; clear: right; padding: 10px 0 0 0; } #nav-desktop .main-nav li, #nav-desktop .main-nav ul { list-style: none; margin: 0; padding: 0; } #nav-desktop .main-nav > li { float: left; vertical-align: middle; zoom: 1; padding-bottom: 20px; } #nav-desktop .main-nav > li:hover { /*position: relative;*/ z-index: 599; cursor: default; } #nav-desktop .main-nav > li a { text-transform: uppercase; color: #000000; font: 300 14px/1.2 'ProximaNova'; display: inline-block; text-align: center; padding: 0 15px; border-left: 1px solid #E5E5E5; } #nav-desktop .main-nav > li.hidenav > a {display:none} #nav-desktop .main-nav > li.hidenav+li > a {border-left:none} #nav-desktop .main-nav > li:first-child a { border: none; } #nav-desktop .main-nav > li a strong { font-weight: 500; } #nav-desktop .main-nav > li > .subnav { display: none; position: absolute; left: 50%; width: 1100px; margin: 0 0 0 -550px; padding: 0; box-sizing: border-box; top: 100%; z-index: 598; } #nav-desktop .main-nav > li > .subnav:before { content: ''; position: absolute; width: 8000px; background: #47485A; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25); height: 64px; top: 0; left: -3000px; z-index: 0; } #nav-desktop .main-nav > li > .subnav > ul { width: auto; float: right; padding: 0 20px; text-align: right; font-size: 0; display: table; position: relative; z-index: 1; } #nav-desktop .main-nav > li > .subnav > ul > li { float: none; display: table-cell; position: relative; z-index: 1; padding: 0; text-align: center; border: none; border-left: 1px solid #6B6D79;height:64px; vertical-align: middle; } #nav-desktop .main-nav > li > .subnav > ul > li#menu-item-8847 { width: 122px; } #nav-desktop .main-nav > li > .subnav > ul > li:first-child { border: none; } #nav-desktop .main-nav > li > .subnav > ul > li a { text-transform: none; color: #fff; font-weight: 400; border: none; display: block; padding: 15px 20px; } #nav-desktop .main-nav > li > .subnav > ul > li:hover, #nav-desktop .main-nav li ul li.current-menu-item { background: #58596E; } #nav-desktop .main-nav.third-level > li > .subnav > ul > li:hover, #nav-desktop .main-nav.third-level li ul li.current-menu-item { background: #CE2130; } #nav-desktop .main-nav.third-level > li > .subnav > ul > li > a { text-transform: uppercase; font-weight: 700; } #nav-desktop .main-nav > li > .subnav > ul > li a span { display: inline-block; } #nav-desktop .main-nav > li > .subnav > ul > li:hover > .subnav { display: block; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav { position: absolute; width: 100%; top: 100%; padding: 0; display: none; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul:before { content: ''; border-bottom: 13px solid #565A6E; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; top: -13px; left: 50%; margin-left: -13px; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul { width: calc(100% + 60px); margin-left: -30px; background-color: #565A6E; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul > li { height: auto; border-top: 1px solid #727490; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul > li > a { background-color: transparent; } #nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul > li > a:hover { background-color: #47485A; } /*#nav-desktop .main-nav > li > .subnav > ul > li > .subnav > ul > li:first-child { border-top: none; }*/ /*#nav-desktop .main-nav li .subnav ul li .subnav ul { top: -4px; left: 100%; }*/ #nav-desktop .main-nav li:hover > .subnav { display: block; } #nav-desktop .main-nav > li:hover > a, #nav-desktop .main-nav > li.current_page_item > a { color: #C5152F; } /**/ .container-inner p a, .pg-content p a, .content a {color:#C5152F} .container-inner p a:hover, .pg-content p a:hover, .content a:hover {text-decoration:underline} .container-inner ul, .pg-content ul {list-style:disc;margin:0 0 10px 30px} .container-inner ul li, .pg-content ul li {list-style:disc;color:inherit;font-weight:inherit;padding: 0 0 8px; } #wrapper.inner-pg #header { position: relative; margin-bottom:0 } /*.page-parent #wrapper.inner-pg #header {margin-bottom:0}*/ .page-parent #wrapper.inner-pg #header, .page-child #wrapper.inner-pg #header { position: relative; margin-bottom: 64px; } #wrapper.inner-pg #nav-desktop .main-nav > li.current-menu-ancestor > .subnav, #wrapper.inner-pg #nav-desktop .main-nav > li.current-menu-item > .subnav { display: block;z-index:1 } .page-template-template-resources-php #wrapper.inner-pg #header {margin-bottom:0px} #nav-mobile { display: none; } .banner-slide { position: relative; z-index: 0; height: 950px; height: 100vh; overflow: hidden; } .banner-image { position: absolute; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 950px; height: 100vh; width: 100%; } /* #banner-image-new {background-attachment: fixed;} */ .banner-text { width: 500px; padding: 190px 0 0 0; position: relative; z-index: 1; } .banner-text img { position: absolute; left: -400px; top: -100px; z-index: 0; } .banner-text h1 { color: #fff; font-size: 28px; line-height: 120%; position: relative; z-index: 1; text-transform: uppercase; } .banner-text h1 strong { font-size: 44px; line-height: 100%; font-weight: 600; display: block; } .banner-screenshots { position: absolute; z-index: 2; top: 60%; width: 1100px; max-width: 100%; } .banner-screenshots div { position: absolute; z-index: 3; transition: .4s ease; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .banner-screenshots div + div { top: 20px; left: 100px; z-index: 2; } .banner-screenshots div + div + div { top: 40px; left: 200px; z-index: 1; } .banner-screenshots:hover { position: absolute; z-index: 2; top: 60%; } .banner-screenshots:hover div + div { left: 250px; } .banner-screenshots:hover div + div + div { left: 500px; } /* New Home Page */ #hero-banner .banner-slide { height: 500px; } /* #hero-banner .banner-text img { top:-200px; } padding: 60px 0 0 0;*/ #hero-banner .banner-image { height: 100%; } #hero-banner .banner-text {position: relative; } #hero-banner #banner-text {position: relative; } #hero-banner .video { position: relative; } #hero-banner a.video { position: relative; padding: 10px 20px 10px 37px; } #hero-banner .tiny-play { display: inline-block; padding: 0; margin: 0; background: #CE2030; height: 20px; width: 20px; border-radius: 20px; position: absolute; vertical-align: middle; top: 9px; left: 11px;} #hero-banner .tiny-play:before { content: ''; height: 0; width: 0; border-left: 5px solid #fff; border-bottom: 5px solid transparent; border-top: 5px solid transparent; left: 8px; position: absolute; top: 4.5px; } #hero-banner a:hover .tiny-play { background: #fff; } #hero-banner a:hover .tiny-play:before { border-left-color: #CE2030;} .mission-statement { padding: 50px 0 30px; } .mission-statement .top-mission { margin: 0 auto; max-width: 860px; } .mission-statement .top-mission h2 { font-weight: 300; font-size: 36px; color: #CE2030; line-height: 44px; margin-bottom: 17px; } .mission-statement .top-mission p { font-size: 20px; color: #47485A; letter-spacing: 0; line-height: 28px; } .bottom-mission ul { margin-top: 40px; } .bottom-mission ul li { display: inline-block; width: 48%; vertical-align: top; margin-bottom: 50px; } .bottom-mission ul li:nth-child(odd) { margin-right: 3%; } .bottom-mission ul li a:hover { color: #CE2030; } .bottom-mission .bt-mis-text { width: calc(100% - 91px); display: inline-block; vertical-align: middle; } .bottom-mission .bt-mis-text p { font-size: 18px; line-height: 1.2; } .bottom-mission a .bt-mis-text p:after { content: "\63"; font-family: "modo-labs-micro" !important; color: #CE2030; top: 3px; position: relative; } /*.bottom-mission .bt-mis-text p:after { content: "\63"; font-family: "modo-labs-micro" !important; color: #CE2030; top: 3px; position: relative; }*/ .bottom-mission .bt-mis-text strong { color: #CE2030; } .bottom-mission a { color: #47485A; } .bottom-mission .ms-icon { display: inline-block; margin-right: 22px; vertical-align: middle; } .new-home h2 { text-transform: uppercase; color: #CE2030; font-size: 26px; line-height: 30px; font-weight: 700; } .whats-new { background: #F2F2F2; text-align: center; padding: 50px 0; } .whats-new-row {text-align: center; margin-top: 30px; } .whats-new-row li { width: 30%; display: inline-block; vertical-align: top; } .whats-new-row li { padding: 0 1.5%; } .whats-new-row .wn-img-wrap { height: 0; padding-bottom: 79%; background-position: center center; position: relative; margin-bottom: 20px; background-size: cov} .whats-new-row h3 { font-weight: 700; font-size: 22px; line-height: 26px; color: #47485A; } .whats-new-row .wn-img-wrap:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: background .25s ease-in-out; } .whats-new-row .wn-img-wrap .logo { transition: all .25s ease-in-out .1s; position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .whats-new-row .wn-img-wrap .hover-box { text-align: left; transition: all .25s ease-in-out; z-index: 2; position: absolute; visibility: hidden; opacity: 0; top: -15%; left: 0; width: 100%; height: 100%; padding: 35px 30px; box-sizing: border-box; color: #fff; } .whats-new-row a:hover .wn-img-wrap .hover-box { top: 0; opacity: 1; visibility: visible; } .whats-new-row a:hover .wn-img-wrap .logo { top: 65%; opacity: 0; visibility: hidden; } .whats-new-row a:hover .wn-img-wrap:after { background: rgba(0,0,0,.6); } .whats-new-row .wn-img-wrap blockquote { font-size: 18px; color: #FFFFFF; line-height: 25px; margin-bottom: 8px; } .whats-new-row .wn-img-wrap p { font-size: 16px; font-weight: 700; } .whats-new-row .wn-img-wrap p span { font-size: 12px; text-transform: uppercase; display: block; font-weight: 300; } .whats-new-row .wn-text-wrap { text-align: center; } .client-logos { text-align: center; padding: 60px 0;} .client-logos-slider {margin: 30px auto 30px; } .client-logos-slider .slick-list{ max-width: 88%; width: 100%; margin: 0 auto; } .client-logos-slider img{ margin: 0 auto; } .client-logos-slider .slick-next, .client-logos-slider .slick-prev, .client-logos-slider-mobile .slick-next, .client-logos-slider-mobile .slick-prev { background: none; color: #DADADA; font-size: 48px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .client-logos-slider .slick-next, .client-logos-slider-mobile .slick-next { right: 0; } /*Mobile*/ .client-logos-slider-mobile.slick-slider { display: none; } .client-logos-slider-mobile.slick-slider img { display: block; margin: 0 auto; } .client-logos-slider-mobile.slick-slider span { display: inline-block; width: 50%; margin-bottom: 20px; } .client-logos-slider-mobile.slick-slider .slick-slide { font-size: 0; } .demo-notebook:before { content: ''; width: 60%; height: 250%; background: #F7F7F7; display: block; position: absolute; top: 0; left: -20%; z-index: 0; transform: rotate(140deg); } .demo-notebook:after { content: ''; width: 100%; height: 10px; position: absolute; bottom: 0; left: 0; opacity: 0.1; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);} .demo-notebook .wrap { position: relative; z-index: 1; } .demo-notebook .pos-image-wrap { position: absolute; width: 454px; height: 290px; top: 52px; left: 124px; } .demo-notebook .pos-image-wrap img { width: 100%;} .demo-notebook { padding: 70px 0; position: relative; overflow: hidden; } .demo-notebook .table-wrap { display: table; } .demo-notebook .notebook-cell { display: table-cell; vertical-align: middle; } /* End of New Home Page */ #resource-banner { min-height: 550px; overflow: hidden; position: relative; box-sizing: border-box; padding: 100px 0 0 0; } .resource-banner-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .resource-banner-color{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background-color: #585a70;} #resource-banner:after { content: ''; background: #000; opacity: .6; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; } #resource-banner.no-opac:after { opacity: .00; } #resource-banner-content { position: relative; z-index: 1; color: #fff; width: 58%; line-height: 1.3; } #resource-banner-content h1 { color: #fff; font-size: 24px; margin: 0 0 20px 0; text-transform: uppercase; } #resource-banner-content h1 strong { font-size: 36px; font-weight: 600; display: block; line-height: 1; } #resource-banner-content h3 { font-size: 24px; font-weight: 500; margin: 0 0 20px 0; line-height: 1.2; } .single-team-member #resource-banner {min-height:inherit;padding:50px 0} .inverted-arrow-container { max-width: 100%; overflow: hidden; width: 100%; position: absolute; z-index: 1; height: 20px; bottom: 0; } .inverted-arrow { position: absolute; width: 0; height: 0; left: 50%; margin: 0 0 0 -550px; border-top: 20px solid transparent; border-right: 30px solid #fff; border-left: 30px solid #fff; z-index: 2; -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); transform: scale(0.9999); } .inverted-arrow:before { content: ''; z-index: 5; position: absolute; right: 30px; width: 2000px; background: #fff; height: 20px; top: -20px; } .inverted-arrow:after { content: ''; z-index: 5; position: absolute; left: 30px; width: 2000px; background: #fff; height: 20px; top: -20px; } .content { position: relative; } .content .wrap { position: relative; z-index: 1; } .angled { position: absolute; height: 100%; width: 100%; bottom: 0; padding-bottom: 10px; left: -40%; transform: skew(45deg);-webkit-transform: skew(45deg); top: -10px; z-index: 0; } .angled:after { content: ''; width: 20px; position: absolute; bottom: 0; right: -20px; top: 10px; } .angled.red { background: #C5152F; padding-bottom: 11px; } .angled.red:after { background: #484858; } .angled.gray { background: #F2F2F2; padding-bottom: 11px; } .angled.gray:after { background: #A6A6A6; } #case-study { color: #fff; width: 50%; float: left; padding: 60px 0 40px 0; } #case-study h3 { font-size: 26px; line-height: 1.2; font-weight: 500; margin: 0 0 20px 0;width:85% } #case-study h3 a { color: #fff; } #case-study h3 span { font-size: 12px; text-transform: uppercase; font-weight: 500; display: block; } #client-teaser { width: 35%; float: right; text-align: right; padding: 50px 0; } #client-teaser img { display: inline-block; padding: 0 0 0 30px; } #client-teaser .btn { margin: 40px 0 0 0; } .why-modo { background: #56586C; position: relative; padding: 50px 0; text-align: center; color: #fff; line-height: 1.2; overflow: hidden; } .why-modo:before { content: ''; position: absolute; width: 100%; top: 0; left: 0; z-index: 1; height: 10px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 11%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%) /* IE6-9 */ } .why-modo h3 { font-weight: 600; font-size: 36px; text-transform: uppercase; margin: 0 0 30px 0; } .why-modo h3 a { color: #fff; } .why-modo h3 a:hover { color: #A2A6CB; } ul.buckets { font-size: 0; margin-left: -1%; } ul.buckets li { display: inline-block; width: 32.05%; margin: 0 0 0 1%; font-size: 18px; } ul.buckets li img { max-width: 80%; } #content-area { padding: 30px 0; background: #fff; position: relative; z-index: 1; } #resource-detail-feature { float: right; width: 33%; position: relative; z-index: 10; } #resource-detail-feature img { margin-top: -420px; margin-bottom: 20px;max-width: 100%; } #resource-detail-feature.team-bio img { margin-top: 0; } #resource-detail-feature p { font-size: 16px; line-height: 1.4; color: #999999; margin: 0 0 20px 0; } .share { border-top: 1px solid #D9D9D9; padding: 5px 0 0 0; } .share span { font-size: 11px; font-weight: 600; text-transform: uppercase; color: #999999; } .share a { color: #999999; margin: 0 5px 0 0; font-size: 0; vertical-align: middle; } .share a:before { font-size: 18px; vertical-align: middle; position: relative; } .share a.icon-google:before { font-size: 24px; top: 1px; } .share a.icon-twitter:before, .share a.icon-email:before { top: 1px; } .share a:hover { color: #C30632; } .share.social-links {border-top:none;padding:0 !important} .share.social-links span {top:0 !important} #resource-detail-content { width: 55%; float: left; } .content-main p { margin: 0 0 20px 0; } .content-main > ul { margin: 20px 30px; } .content-main > ul li { margin: 0 0 10px 0; position: relative; } .content-main > ul li:before { content: ''; width: 7px; height: 7px; top: 9px; background: #C30632; left: -15px; position: absolute; } #modo-reasons li { position: relative;padding:0 10px;box-sizing: border-box } #modo-reasons li.slick-slide img { display: inline-block; } #modo-reasons li p { margin: 10px 0 0 0; } #modo-reasons li a.why-modo-hover { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; opacity: 0; transform: scale(1.2);-webkit-transform:scale(1.2); transition: .2s; background: #4B4D62; color: #fff; line-height: 1; padding: 50px 0 0 0; box-sizing: border-box; } #modo-reasons li a.why-modo-hover span{ font-size: 24px; width: 75%; line-height: 28px; margin: 7.5% auto 0; display: block; } #modo-reasons li a.why-modo-hover strong { display: block; font-size: 36px; text-transform: uppercase; } #modo-reasons li a.why-modo-hover em { display: block; font-size: 30px; font-style: normal; text-transform: uppercase; } #modo-reasons li:hover a.why-modo-hover { opacity: 1; transform: scale(1);-webkit-transform:scale(1); } #modo-reasons li a.icon-right { display: inline-block; margin: 20px 0; position: relative; z-index: 2; background: #8486A5; height: 18px; width: 24px; border-radius: 50%; font-size: 12px; vertical-align: middle; padding: 6px 0 0; text-align: center; color: #fff; transition: .2s; } #modo-reasons li:hover a.icon-right { background: #fff; color: #585A6F; } .demo { position: relative; } .demo .angled { left: -50%; } .demo-content { padding: 60px 0; width: 35%; line-height: 1.2; float: left; } .demo-content h4 { font-size: 34px; font-weight: 300; color: #474858; margin: 0 0 20px 0; width: 90%; } .demo-content p { font-size: 24px; font-weight: 600; color: #999999; } .demo .red+.wrap .demo-content h4, .demo .red+.wrap .demo-content p {color:#fff} #footer { font-size: 0; padding-bottom: 120px; } #content-area + #footer .wrap { border-top: 2px solid #D9D9D9; } #footer { position: relative; z-index: 4; background: #fff; } #footer img { width: 57px; height: auto; float: left; } #footer #footer-options { padding: 20px 0 0 0; float: left; vertical-align: top; font-size: 11px; color: #999999; width: 40%; box-sizing: border-box; text-transform: uppercase; } #footer #footer-nav { padding: 0 0 20px 80px; } #footer #footer-nav li { display: inline-block; width: 40%; box-sizing: border-box;vertical-align:top } #footer #footer-nav li a{ font-weight: 600; } #footer #footer-nav li ul li.special-link a {font-weight: 600; position: relative; top: 5px;} #footer #footer-nav li a:hover { color: #c5152f; } #footer #footer-nav li ul {width:100%} #footer #footer-nav li ul li { display: block;width:80% } #footer #footer-nav li ul li a { font-weight: 400; } #footer #footer-nav a { color: #999999; } #footer .copyright { padding: 0 0 0 80px; text-transform: none;font-weight:400; } #footer .copyright p{margin-bottom: 5px;} #footer .copyright a { color: #999; } #footer .copyright a:hover { color: #C41E2F; } #footer .social { padding: 10px 0 0 80px; text-transform: none; } #footer .social a { color: #C41E2F; font-size: 0; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } #footer .social a:before { font-size: 18px; vertical-align: middle; } #footer .social a.icon-twitter:before { position: relative; top: 1px; } #footer .social a:hover:before { color: #595A6F; } #footer .footer-news { float: right; font-size: 12px; width: 60%; } #footer .footer-news article { float: left; width: 50%; box-sizing: border-box; border-left: 1px solid #d9d9d9; padding: 20px; } #footer .footer-news .article-meta { font: 400 12px/1 'ProximaNova'; text-transform: uppercase; color: #999; } #footer .footer-news .article-meta a { color: #999; } #footer .footer-news .article-meta a:hover { color: #CD3747; } #footer .footer-news h6 { font: 600 16px/1.2 'ProximaNova'; margin: 0 0 5px; } #footer .footer-news h6 a { color: #474858; } #footer .footer-news h6 a:hover { color: #CD3747; color: #CD3747; } #footer .footer-news a.more { text-transform: uppercase; font-weight: 600; color: #999999; } #footer .footer-news a.more:hover { color: #cd3747; } #footer .footer-news a.more:after { display: none; } .get-started { background: #C5152F; font-size: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); position: fixed; bottom: 0; width: 100%; z-index: 999; color: #fff; } .get-started p { display: inline-block; padding: 15px 0; line-height: 1.2; font-size: 18px; width: 80%; vertical-align: middle;font-weight:400 } .get-started .btn-container { display: inline-block; width: 20%; text-align: right; } .get-started a.btn { text-align: center; margin: 10px 0; } .get-started.popup { display: none; } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } */ form ul { margin: 0; } form ul li { background: none; list-style: none; } form ul li div { display: inline-block; vertical-align: top; } form label.error {color:#C5152F !important} form label.error+input {border:1px solid #C5152F !important} input[type=submit] { display: inline-block; cursor: pointer; } button { display: inline-block; cursor: pointer; } .select-wrap { width: 100%; height: 40px; overflow: hidden; border: 1px solid #bbbbbb; background: url(../images/select-arrow.png) no-repeat right #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } .select-wrap select { background: transparent; width: 115%; padding: 5px; font-size: 14px; color: #898989; line-height: 1; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; cursor: pointer; outline: none; } #comments {margin:50px 0 0} #comments .commentlist {list-style:none;margin:0 0 40px;padding:0} #comments .commentlist li {list-style:none;border-bottom:1px solid #D3D3D3;background:none;padding:30px 0 15px} #comments .commentlist li .author {width:180px;float:left;color:#aaadb2} #comments .commentlist li .author h6 {color:#aaadb2;font-size:16px;font-weight:600} #comments .commentlist li .author .timestamp {font-size:11px} #comments .commentlist li .commenttext {width:340px;float:right;font-size:13px;line-height:20px;color:#606772} textarea { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18) inset; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18) inset; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18) inset; font-size: 14px; color: #898989; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; webkit-appearance: none; } .demo-form-background { position: absolute; height: 100%; width: 100%; left: 25%; top: 0; z-index: 0; background: url(../images/form_bg.jpg) no-repeat 50% 50%; background-size: cover; } .demo-form { float: right; width: 30%; padding: 60px 0; } .page-template-template-contact .demo-form{width: 30%;} .demo-form ul li { position: relative; margin: 0 0 15px 0; } .demo-form ul li.half {width: 47.5%; display: inline-block;} .demo-form ul li.half:nth-child(even){margin: 0 0 0 3%;} .demo-form ul li label { line-height: 40px; font-size: 14px; position: absolute; top: 0; left: 10px; color: #898989; } .demo-form ul li input { height:42px; width: 100%; border: 0; line-height: 40px; font-size: 14px; padding: 0 10px; box-sizing: border-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); } .demo-form ul li .btn { float: right; } #download-form { margin: 20px 0 40px 0; } #download-form ul { font-size: 0; } #download-form ul li { position: relative; margin: 0 5% 20px 0; width: 45%; display: inline-block; vertical-align: top; } #download-form ul li label { line-height: 40px; font-size: 14px; position: absolute; top: 0; left: 10px; color: #898989; } #download-form ul li input { height:42px; width: 100%; border: 0; line-height: 40px; font-size: 14px; padding: 0 10px; box-sizing: border-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);border:1px solid #fff } #download-form ul li button { padding: 12px 30px; margin: 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height:auto; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } ul.slick-dots { position: absolute; bottom: -30px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;margin:0 } ul.slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0 5px; padding: 0; cursor: pointer; } ul.slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; background: #9b9ca9; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } ul.slick-dots li button:hover, ul.slick-dots li button:focus { outline: none; background: #fff; } ul.slick-dots li.slick-active button { background: #fff; } /* --------------------- Interiors -------------------*/ .borderbottom { background: #d9d9d9; max-width: 1100px; width: 100%; margin: 0 auto; height: 2px; } #pg-banner { width: 100%; height: 320px; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; } #pg-banner .banner-text-box { position: relative; width: 350px; } #pg-banner.thanks .banner-text-box{width: 360px;} #pg-banner .banner-text-box img { left: -400px; position: absolute; top: -215px; z-index: 0; } #pg-banner h2 { position: relative; display: block; color: #fff; font: 600 48px/48px "ProximaNova"; margin-top: 95px; text-transform: uppercase; z-index: 1; } #pg-banner h3 { position: relative; display: block; color: #fff; font: 600 36px/40px "ProximaNova"; margin-top: 95px; text-transform: uppercase; z-index: 1; } #pg-banner h2 small {font-size:20px;line-height:24px} #pg-banner h1, #pg-banner h2.section { position: relative; display: inline-block; color: #fff; font: 600 42px/42px "ProximaNova"; text-transform: uppercase; z-index: 1;vertical-align:middle } #pg-banner h1 small{ font-size: 22px; display: block; line-height: 24px; text-transform: none; } #pg-banner .banner-text-box {height:320px;line-height:320px} #pg-top { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); padding: 45px 0; position: relative; z-index: 4; /* Arrows */ } #pg-top .content-box { max-width: 780px; margin: 0 auto; } #pg-top.text-box h2, #security-accordions h2 { font-weight: 300; font-size: 36px; color: #CE2130; line-height: 44px; } #security-accordions h2 { text-align: center; margin-bottom: 43px; } #pg-top.text-box p { color: #474859; font: 300 22px/34px "ProximaNova"; text-align: center; } #pg-top.text-box a:not(.btn) { color: #C91731; } #pg-top.text-box a:not(.btn):hover { color: #595A6F; } #pg-top.top-slider li {width:90%;padding:0 5%} #pg-top.top-slider .img-wrap { width: 152px;float:left; } #pg-top.top-slider .img-wrap img { } #pg-top.top-slider .desc { padding-left:150px; opacity: 0; } #pg-top.top-slider h2 { color: #474859; text-align: center; display: block; font: 600 24px "ProximaNova"; margin-bottom: 35px; text-transform: uppercase; } #pg-top.top-slider strong { font: 600 18px/25px "ProximaNova"; color: #474859; margin-bottom: 14px; display: block; } #pg-top.top-slider p { font: 300 18px/25px "ProximaNova"; color: #474859; } #pg-top.top-slider .cycle-slide-active .desc { left: 0; opacity: 1; -webkit-animation: motion 1.5s ease-out; -moz-animation: motion 1.5s ease-out; animation: motion 1.5s ease-out; } #pg-top .content-box > div { width: 100%; position: relative; } .download-button {text-align:center} #pg-top .cycle-slideshow { overflow: hidden; } .client-content {margin-bottom:30px} #pg-top .slider-control { position: absolute; top: 50%; margin-top: -34px; z-index: 9999; width: 100%; } #pg-top .slider-control span { height: 28px; width: 28px; color: #dfdfdf; font-family: "Modo"; font-size: 28px; line-height: 1; cursor: pointer; position: absolute; top: 0; } #pg-top .slider-control span:hover { outline: none; background: transparent; color: #c71d2a; } #pg-top .slider-control span.cycle-prev { left: -12px; } #pg-top .slider-control span.cycle-next { right: -12px; } #pg-top .slick-prev, #pg-top .slick-next { position: absolute; display: block; height: 28px; width: 28px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: #dfdfdf; top: 50%; margin-top: -56px; padding: 0; border: none; outline: none; } #pg-top .slick-prev:hover, #pg-top .slick-prev:focus, #pg-top .slick-next:hover, #pg-top .slick-next:focus { outline: none; background: transparent; color: #c71d2a; } #pg-top .slick-prev:before, #pg-top .slick-next:before { font-family: "Modo"; font-size: 28px; line-height: 1; } #pg-top .slick-prev { left: -70px; } [dir="rtl"] #pg-top .slick-prev { left: auto; right: -25px; } #pg-top .slick-prev:before { content: "b"; } [dir="rtl"] #pg-top .slick-prev:before { content: "c"; } #pg-top .slick-next { right: -70px; } [dir="rtl"] #pg-top .slick-next { left: -25px; right: auto; } #pg-top .slick-next:before { content: "c"; } [dir="rtl"] #pg-top .slick-next:before { content: "b"; } #case-studies-filter .cs-pager {text-align:center;font-size:0} #case-studies-filter .cs-pager li { display: inline-block; /*margin-left: 52px;*/ margin-left: 1px} #case-studies-filter .cs-pager li:first-child { margin-left: 0; } #case-studies-filter .cs-pager li a { display: block; background: #f2f2f2; /*padding: 12px 5px;*/padding:12px 20px; text-transform: uppercase; color: #474859; font-size: 15px;line-height:16px; font-weight: 600; position: relative; } /*#case-studies-filter .cs-pager li a:after, #case-studies-filter .cs-pager li a:before { position: absolute; content: ''; width: 50px; left: -24px; top: 0; transform: skew(45deg);-webkit-transform:skew(45deg); background: #f2f2f2; height: 100%; z-index: 1; } #case-studies-filter .cs-pager li a:before { left: auto; right: -24px; } */ #case-studies-filter .cs-pager li a:hover { background: #585a70; color: #fff; } /*#case-studies-filter .cs-pager li a:hover:before, #case-studies-filter .cs-pager li a:hover:after { background: #585a70; } */ #case-studies-filter .cs-pager li a span { position: relative; top: 0; left: 0; z-index: 2; display: block; } #case-studies-filter .cs-pager li.cycle-pager-active { position: relative; } /*#case-studies-filter .cs-pager li.cycle-pager-active:after { position: absolute; width: 100%; content: ''; background: #c71d2a; left: -6px; } */ #case-studies-filter .cs-pager li.cycle-pager-active a { background: #c71d2a; color: #fff; } /*#case-studies-filter .cs-pager li.cycle-pager-active a:before, #case-studies-filter .cs-pager li.cycle-pager-active a:after { background: #c71d2a; } #case-studies-filter .cs-pager li.cycle-pager-active a:before { right: -24px; } #case-studies-filter .cs-pager li.cycle-pager-active a:after { left: -26px; }*/ #careers { padding: 55px 0 40px; } #careers > li { padding: 25px 0; border-top: 1px solid #cccccc; overflow: hidden;display:block !important } #careers > li:first-child { border-top: none; } #careers > li .top-row .col-two { max-width: 600px; } #careers > li .content-box { display: none; } #careers > li h3 { font: 600 24px/25px "ProximaNova"; color: #474859; margin-bottom: 20px; } #careers > li p { color: #474859; font: 300 18px/25px "ProximaNova"; margin-bottom: 20px; } #careers > li .item-wrap { display: table;width:100% } #careers > li .item-wrap .data-box { display: table-cell; width: 45%; padding-right: 5%; } #careers > li .item-wrap h5 { margin-bottom: 25px; color: #474859; font: 600 18px "ProximaNova"; } #careers > li .item-wrap ul { margin-bottom: 20px; list-style:none;margin-left:0 } #careers > li .item-wrap ul li { padding-left: 40px; font: 300 18px/25px "ProximaNova"; color: #474859; margin-bottom: 14px; position: relative; list-style:none} #careers > li .item-wrap ul li:after { position: absolute; content: ''; background: #c71d2a; width: 7px; height: 7px; top: 10px; left: 14px; } .load-more { color: #c71d2a; font: 600 13px "ProximaNova"; text-align: center; display: table; table-layout: auto; margin: 0 auto 55px; cursor: pointer; } .load-more a { color: #c71d2a; font: 600 13px "ProximaNova"; text-align: center;} .load-more span { display: block; text-align: center; } .load-more i { font-size: 8px; } .load-more:hover { color: #585a70; } .shadow-top { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18) inset; } .pg-content h3 { font: 300 24px "ProximaNova"; margin-bottom: 15px; text-transform: uppercase; } .pg-content h3 strong { font-weight: 600; } .pg-content h4 { font: 300 24px "ProximaNova"; margin-bottom: 25px; text-transform: uppercase; } .pg-content h4 strong { font-weight: 600; } #careers-form { background: #585a70; padding: 55px 0 40px; color: #fff; } #careers-form .col-one { width: 23%; } #careers-form .col-one p { font: 300 18px/25px "ProximaNova"; } #careers-form .form-wrap { width: 72%; } #careers-form ul {margin-left:0} #careers-form ul li div {display:block} #careers-form ul li { position: relative; margin: 0 0 15px 0;list-style:none;padding:0 } #careers-form ul li input { height:42px; width: 100%; border: 0; line-height: 40px; font-size: 14px; padding: 0 10px; box-sizing: border-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); } #careers-form ul li#field_1_5 .validation_message { display: none; } #careers-form ul li label {display:none} #careers-form ul.pull-left, .ie9 #careers-form ul.gform_fields { width: 35%;margin:0;list-style:none } .ie9 #careers-form ul.gform_fields {float:left} .ie9 #careers-form ul.pull-right {float:right} #careers-form ul.pull-right { width: 60%;margin:0;list-style:none } #careers-form ul.pull-right .file-upload input { width: 73%; } #careers-form input.hidden { display: none; } #careers-form button.upload { margin: 0; background: #474859; padding: 12px 20px; color: #fff; float: right; } #careers-form button.upload:hover { color: #585a70; background: #fff; } #careers-form textarea { height: 150px; } #careers-form .gform_footer { width: 100%; text-align: right; } #careers-form .gform_footer .submit { margin: 0; background: #8d91b3; color: #fff; } #careers-form .gform_footer .submit:hover { color: #8d91b3; background: #fff; } .ie9 #careers-form .gform_footer {clear:both} #interior-box {margin-left:0} #interior-box > li { display: block; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18) inset; } #interior-box > li:first-child { box-shadow: none; } #interior-box > li p { font-size: 18px; margin-bottom: 20px; } #interior-box > li h4 { margin-top: 40px; } #interior-box > li .inner-wrap { max-width: 1140px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 45px 20px; position: relative; font-size: 0; text-align: justify; min-height: 375px; overflow: hidden; } #interior-box > li .inner-wrap:after { content: ''; display: inline-block; width: 100%; } #interior-box > li .col-two, #interior-box li .col-one { width: 48%; display: inline-block; text-align: left; } #interior-box > li .col-two.fuller-width { width: 75%; } #interior-box > li .col-one { height: 330px; float: right; line-height: 330px; text-align: center; } #interior-box > li .col-one img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0 auto; width: auto; vertical-align: bottom; } #interior-box > li .img-bottom { position: absolute; bottom: 0; right: 20px; } #interior-box > li .img-center img { display: inline-block; vertical-align: middle; } #interior-box > li .col-two { position: relative; vertical-align: top; float: left; } #interior-box > li:nth-child(2n) { background: #f2f2f2; } #interior-box > li:nth-child(2n) .col-two { float: right; } #interior-box > li:nth-child(2n) .col-one { float: left; left: 20px; right: auto; } #interior-box h3{} #two-column-article { padding: 55px 0; } #two-column-article .left-box { width: 58%; } #two-column-article .left-box h5 { font: 300 22px/34px "ProximaNova"; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cccccc; } #two-column-article .left-box p { margin-bottom: 20px; font: 300 18px/25px "ProximaNova"; } #two-column-article .right-box { width: 36%; } #two-column-article .right-box h3{font: 600 20px/21px "ProximaNova"; margin-bottom: 10px; text-align: center;} #two-column-article .embed-iframe{text-align: center;} #two-column-article .right-box .slick-slide img { display: block; height: auto; margin: 0 auto; max-width: 320px; /*width: 100%;*/ } #two-column-article .right-box .slick-prev, #two-column-article .right-box .slick-next { display: none !important; } #two-column-article .right-box span { font: 300 16px/25px "ProximaNova"; color: #999999; } #two-column-article .aslide-slider { margin-bottom: 40px;margin-left:0; } #two-column-article .aslide-slider ul.slick-dots { bottom: -35px; } #two-column-article .aslide-slider ul.slick-dots li.slick-active button { background: #c71d2a; } #two-column-article .aslide-slider ul.slick-dots li button:hover, #two-column-article .aslide-slider ul.slick-dots li button:focus { background: #c71d2a; } #product-tabs .drop-wrap { display: none; } #product-tabs .tabs-wrap { border-bottom: 2px solid #c71d2a;} #product-tabs .tabs-select { text-align: center;font-size:0;display:table } #product-tabs .tabs-select li { /*display: inline-block; margin-left: 52px;*/display:table-cell;border-left:1px solid #fff} #product-tabs .tabs-select li:first-child { margin-left: 0;border-left:none } #product-tabs .tabs-select li a { display: block; background: #f2f2f2; /*padding: 12px 5px;*/ padding:12px 20px; text-transform: uppercase; color: #474859; font-size: 15px;line-height:16px; font-weight: 600; position: relative; } /*#product-tabs .tabs-select li a:after, #product-tabs .tabs-select li a:before { position: absolute; content: ''; width: 50px; left: -24px; top: 0; transform: skew(45deg);-webkit-transform:skew(45deg); background: #f2f2f2; height: 100%; z-index: 1; } #product-tabs .tabs-select li a:before { left: auto; right: -24px; }*/ #product-tabs .tabs-select li a:hover { background: #585a70; color: #fff; } /*#product-tabs .tabs-select li a:hover:before, #product-tabs .tabs-select li a:hover:after { background: #585a70; }*/ #product-tabs .tabs-select li a span { position: relative; top: 0; left: 0; z-index: 2; display: block; } #product-tabs .tabs-select li.current { position: relative; } /*#product-tabs .tabs-select li.current:after { position: absolute; height: 6px; width: 100%; top: -6px; content: ''; background: #c71d2a; left: -6px; }*/ #product-tabs .tabs-select li.current a { background: #c71d2a; color: #fff; } /*#product-tabs .tabs-select li.current a:before, #product-tabs .tabs-select li.current a:after { background: #c71d2a; padding-top: 6px; top: -6px; } #product-tabs .tabs-select li.current a:before { right: -22px; } #product-tabs .tabs-select li.current a:after { left: -28px; }*/ #product-tabs .content-box { display: none; padding: 40px 0 60px; } #product-tabs .content-box.open { display: block; } #product-tabs .content-box ul { font-size: 0;margin-left:0 } #product-tabs .content-box ul li { display: inline-block; vertical-align: top; width: 46%; padding-right: 4%; } #product-tabs .content-box ul li p { font: 300 18px/25px "ProximaNova"; margin-top: 10px; } #product-tabs .content-box ul li p strong {font-weight:600} #product-tabs .content-box ul li img { /*border: 1px solid #d9d9d9;*/float:left;margin-top:12px } #product-tabs .content-box ul li img+div {padding-left:110px} .taboverview {margin:20px 0} #case-studies { background: #585a70; padding: 60px 0; } #case-studies .box-wrap { display: table; width: 100%; } #case-studies .box-wrap .col-one { display: table-cell; width: 45%; background-position: center center; background-repeat: no-repeat; } #case-studies .box-wrap .col-two { width: 55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 114px; display: table-cell; color: #fff; } #case-studies .box-wrap .col-two h4 { color: #9597a6; font-weight: 600; } #case-studies .box-wrap .col-two strong { font: 600 18px "ProximaNova"; margin-bottom: 14px; display: block; } #case-studies .box-wrap .col-two p { font: 300 18px/25px "ProximaNova"; } .pg-middle-content { padding: 65px 0; color: #474859; text-align: center; } /*.page-id-12565 .pg-middle-content { padding: 45px 0 65px; }*/ .pg-middle-content .container { max-width: 725px; } .pg-middle-content h2 { font: 600 30px "ProximaNova"; text-transform: uppercase; margin-bottom: 25px; } .pg-middle-content p { font: 300 20px/30px "ProximaNova"; } .qslide {width:100%;height:auto;display:block} .qslide p {text-align:center;display:block} .qslide p.quote-author {font-weight:500} .quote-slides {} .pager-quotes span {color: #ddd;display: inline-block;font-size: 50px;height: 16px;width: 16px;cursor:pointer} .pager-quotes span.cycle-pager-active {color:#C5152F} #bottom-video { padding: 60px 0; background: #585a70; } #bottom-video .inner-wrap { display: table;width:100% } #bottom-video .inner-wrap .player-wrap { display: table-cell; width: 46%; vertical-align: middle; } #bottom-video .inner-wrap .video-desc { color: #fff;vertical-align: middle; display: table-cell; width: 54%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 116px; } #bottom-video .inner-wrap .video-desc h4 { font: 600 22px/26px "ProximaNova"; margin-bottom: 14px; } #bottom-video .video-bg { height: 258px; } #bottom-video blockquote { padding-top: 30px; position: relative;color: #fff; margin-bottom: 22px; } #bottom-video blockquote:before, #bottom-video blockquote:after { position: absolute; content: ''; width: 26px; height: 18px; } #bottom-video blockquote:before { background: url(../images/open-quote.png) center center no-repeat; top: 0; left: 0; } #bottom-video blockquote:after { background: url(../images/close-quote.png) center center no-repeat; bottom: 0; right: 0; } #bottom-video blockquote p { font: 300 18px/25px "ProximaNova";padding-right:30px } #bottom-video span { color: #b0b1bf; } #bottom-video span.name { font: 600 14px "ProximaNova"; display: block; text-transform: uppercase; } #bottom-video span.position { font: 300 14px "ProximaNova"; display: block; } .video-bg, .article-img, .popup-video { width: 100%; height: 100%; display: block; background-color: #2c2d38; position: relative; background-repeat: no-repeat; background-position: center 0; background-position: center center; } .popup-video {background-size:cover} .video-bg:hover .play-btn, .article-img:hover .play-btn, .popup-video:hover .play-btn { background: rgba(131, 134, 166, 0.8); } .video-player:hover .play-btn { background: rgba(131, 134, 166, 0.8); } .play-btn { width: 91px; height: 91px; border-bottom-left-radius: 91px; border-bottom-right-radius: 91px; border-top-left-radius: 91px; border-top-right-radius: 91px; background: rgba(202, 31, 44, 0.8); cursor: pointer; position: absolute; top: 50%; margin-top: -45px; left: 50%; margin-left: -45px; text-align: center; } .play-btn i { color: #fff; font-size: 45px; position: absolute; top: 20px; left: 28px; } .play-btn:hover { background: rgba(131, 134, 166, 0.8); } #resource-filter { width: 100%; background: #f2f2f2; padding: 20px 0; } /*Kevin Working Here*/ #resource-filter .check-down, .search-form .check-down { position: relative; width: 100%; height: 40px; border: 1px solid #bbbbbb; background: url(../images/select-arrow.png) no-repeat right #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } .check-down.disabled:after{ content: ''; background: rgba(255,255,255, .65); height: 37px; width: 29px; pointer-events: none; position: absolute; top: 0; right: 0; } #resource-filter .check-down > span, .search-form .check-down > span, .check-down .ajax > span{ background: transparent; width: 100%; padding: 5px 12px; font-size: 14px; line-height: 28px; color: #898989; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; cursor: pointer; outline: none; } #resource-filter .check-down ul li, .search-form .check-down ul li{ } #resource-filter .check-down ul.check-down-list, .search-form .check-down ul.check-down-list { height: 300px; overflow-y: scroll; z-index: 2; position: absolute; background: #fff; padding: 10px 12px; width: calc(100% - 24px); margin: 0; top: 38px; border: 1px solid #bbbbbb; left: -1px;display: none; } #resource-filter .check-down ul.check-down-list.active, .search-form .check-down ul.check-down-list.active{ display: block; } .check-down ul.check-down-list li{ margin: 0; width: 100% !important; border-bottom: 1px solid #d8d8d8; padding: 4px 0 7px 0; float: none !important; } #resource-filter .check-down ul li label, .search-form .check-down ul li label{ cursor: pointer; font-size: 14px; } .loading-tags{ opacity: .5; } #resource-filter .check-down ul li input[type="checkbox"], .search-form .check-down ul li input[type="checkbox"]{ display: none; } #resource-filter .check-down ul li input[type="checkbox"] + label, .search-form .check-down ul li input[type="checkbox"] + label { color: #898989; } #resource-filter .check-down ul li input[type="checkbox"] + label span, .search-form .check-down ul li input[type="checkbox"] + label span{ display: inline-block; border: 1px solid #d9d9d9; height: 13px; width: 13px; padding: 0; margin-right: 10px; position: relative; top: 3px; } #resource-filter .check-down ul li input[type="checkbox"] + label span:before, .search-form .check-down ul li input[type="checkbox"] + label span:before{ content: ''; color: #fff; } /*Checked*/ #resource-filter .check-down ul li input[type="checkbox"]:checked + label, .search-form .check-down ul li input[type="checkbox"]:checked + label{ color: #cb1f2c; } #resource-filter .check-down ul li input[type="checkbox"]:checked + label span, .search-form .check-down ul li input[type="checkbox"]:checked + label span{ background: #cb1f2c; border-color: #cb1f2c; } #resource-filter .check-down ul li input[type="checkbox"]:checked + label span:before, .search-form .check-down ul li input[type="checkbox"]:checked + label span:before{ content: "✔"; font-size: 15px; position: relative; top: -5px; left: 1px; } #ajax-tags{ width: 100%; } #resource-filter .elements .check-down ul.check-down-list li{margin-left: 0;padding: 4px 0 7px 0;} .check-down span { padding-top: 10px; display: inline-block; color: #474859; font: 300 18px "ProximaNova"; } #resource-filter .elements li { display: inline-block; width: 250px; margin-left: 12px; vertical-align: top;} #resource-filter .elements li .select-wrap { box-shadow: none; } #resource-filter .elements li .select-wrap select { padding-left: 10px; } #resource-filter .elements li input[type=text]{ height:40px; padding:0 5px; font-size:14px; line-height:1; box-sizing:border-box; width:100%; } #resource-filter .elements li.form-bottom { width:45px; } #resource-filter .elements li.form-bottom .btn { margin:0; font-size:13px; color:#fff; height:40px; width:100%; padding:0; text-align:center; line-height:40px; } #resource-filter .elements li.form-bottom .btn span { padding:10px 0 0; color:#fff; font-size:18px; } .parent-pageid-43 .map iframe {width:100%} #infscr-loading img { margin: 30px auto; display: block; } #mixItems { font-size: 0;margin-left:0 } #mixItems:after { content: ''; display: inline-block; width: 100%; } #mixItems.search .mix {display:inline-block} #resource-items #mixItems li:nth-last-child(-n+2) {border-bottom:none} #resource-items #mixItems p.category {font-size:16px;font-weight:500;color:#737373} #resource-items .no-result { display: block;font: 600 14px "ProximaNova"; color: #c71d2a; text-align: center; padding: 30px 0; } #resource-items .no-result.show { display: block; } #resource-items .load-more { margin-top: 60px; } #resource-items .article-img:hover:before { position: absolute; content: ''; width: 100%; height: 4px; background: #c71d2a; bottom: 0; left: 0; } #resource-items #mixItems li { display:inline-block;width: 45%; vertical-align: top; padding: 45px 0; border-bottom: 1px solid #cccccc; text-align: left; } #resource-items #mixItems li:nth-child(odd) { margin-right: 10%; } #mixItems.search .mix {padding:30px 0 !important;} #resource-items.non-filtering #mixItems li {display:inline-block} #resource-items #mixItems .img-wrap { height: 258px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 30px; } .page-template-template-team #resource-items #mixItems .img-wrap { height: 420px !important; } #resource-items #mixItems h4 { font: 600 22px/26px "ProximaNova"; margin-bottom: 14px; } #resource-items #mixItems h4 span {color:#888;font: 600 18px/26px "ProximaNova";display:block} #resource-items #mixItems h4 a { color: #474859; } #resource-items #mixItems h4 a:hover { color: #c71d2a; } #resource-items #mixItems p { color: #474859; font: 300 18px/25px "ProximaNova"; margin-bottom: 14px; } #resource-items #mixItems a.more { font-size: 13px; font-weight: 600; } .cptch_block { margin: -60px 0 30px; } .mixItems { font-size: 0;margin-left:0 !important;} .mixItems:after { content: ''; display: inline-block; width: 100%; } .mixItems .mix { /*display: none; */} .mixItems.search .mix {display:inline-block} #resource-items .mixItems li:nth-last-child(-n+2) {border-bottom:none} #resource-items .mixItems li:nth-child(odd) { margin-right: 10%; } #resource-items .mixItems p.category {font-size:16px;font-weight:500;color:#737373} #resource-items .no-result { display: block;font: 600 14px "ProximaNova"; color: #c71d2a; text-align: center; padding: 30px 0; } #resource-items .no-result.show { display: block; } #resource-items .load-more { margin-top: 60px; } #resource-items .article-img:hover:before { position: absolute; content: ''; width: 100%; height: 4px; background: #c71d2a; bottom: 0; left: 0; } #resource-items .mixItems li { display:inline-block;width: 45%; vertical-align: top; padding: 45px 0; border-bottom: 1px solid #cccccc; text-align: left; } .mixItems.search .mix {padding:30px 0 !important;} #resource-items.non-filtering .mixItems li {display:inline-block} #resource-items .mixItems .img-wrap { height: 258px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-bottom: 30px; } .page-template-template-team #resource-items .mixItems .img-wrap { height: 420px !important; } #resource-items .mixItems h4 { font: 600 22px/26px "ProximaNova"; margin-bottom: 14px; } #resource-items .mixItems h4 span {color:#888;font: 600 18px/26px "ProximaNova";display:block} #resource-items .mixItems h4 a { color: #474859; } #resource-items .mixItems h4 a:hover { color: #c71d2a; } #resource-items .mixItems p { color: #474859; font: 300 18px/25px "ProximaNova"; margin-bottom: 14px; } #resource-items .mixItems a.more { font-size: 13px; font-weight: 600; } .past-events{padding: 20px 0 0; border-top: 2px solid #d9d9d9;} .page-template-template-team #resource-items h3 {color: #C5152F;font: 600 32px/42px "ProximaNova";position: relative;text-transform: uppercase;text-align: center} .ie #mixItems .mix:nth-child(2n+1) {float:left;clear:both} .ie #mixItems .mix:nth-child(2n) {float:right;} .ie .mixItems .mix:nth-child(2n+1) {float:left;clear:both} .ie .mixItems .mix:nth-child(2n) {float:right;} #newsletter { background:#CB1F2D; padding:20px 0; text-align:center; color:#fff; } #newsletter h4 { font-size:22px;font-weight:500; } #newsletter li { display: inline-block; margin:0 10px; } #newsletter li input[type=email] { font-size:14px; height:38px; width:300px; padding:0 16px; box-sizing:border-box; } #newsletter li.check { position: relative;} #newsletter li.check [type="checkbox"]:not(:checked), #newsletter li.check [type="checkbox"]:checked { position: absolute; left: -9999px; } #newsletter li.check input[type="checkbox"] { width: auto; margin: -8px 0px 0px 5px; } #newsletter li.check label { font-size: 15px; display: inline-block; font-weight: 500; padding-left:25px; cursor:pointer; } #newsletter li.check [type="checkbox"] + label::before { content: ""; position: absolute; left: 0px; top: 5px; width: 16px; height: 16px; border: 1px solid #FFF; } #newsletter li.check [type="checkbox"] + label::after { content: "✔"; position: absolute; top: -2px; left: 3px; font-size: 21px; color: #FFF; transition: all 0.2s ease 0s; } #newsletter li.check [type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); } #newsletter li.check [type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1); } #newsletter li button { font: 600 12px/1 "ProximaNova"; text-transform: uppercase; border: 1px solid #FFF; background: transparent none repeat scroll 0% 0%; color: #FFF; padding: 12px 50px; width: 100%; transition: all 0.2s; } #newsletter li button:hover { background:#fff; color:#CB1F2C; } #newsletter li.break { margin:10px 0; display:none; } /* .page-template-template-news-php #resource-items #mixItems li {height:370px;} .page-template-template-blog-php #resource-items #mixItems li {height:445px;} .page-template-template-resources-php #resource-items #mixItems li {height:450px;}*/ .test-wrap { width: 512px; padding: 19px; } .video-popup-wrap .video-player { position: relative; display: block; margin-bottom: 22px; } .video-popup-wrap video {width: 100%;height: auto;margin-bottom:10px} .video-popup-wrap .video-player img { width: 100%; height: auto; } .video-popup-wrap .video-player .play-btn { z-index: 4; } .video-popup-wrap h4 { font: 600 22px/26px "ProximaNova"; margin-bottom: 14px; } .video-popup-wrap h4 a { color: #474859; } .video-popup-wrap h4 a:hover { color: #c71d2a; } .video-popup-wrap p { color: #474859; font: 300 18px/25px "ProximaNova"; margin-bottom: 14px; } .video-popup-wrap a.more { font-size: 13px; font-weight: 600; } #client-filter { text-align: center; } #client-filter .tab-filter { display: block; } #client-filter .select-filter { display: none; } #client-filter li { display: inline-block; margin-left: 52px; } #client-filter li:first-child { margin-left: 0; } #client-filter li div { display: block; background: #f2f2f2; padding: 12px 5px; text-transform: uppercase; color: #474859; font-size: 16px; font-weight: 600; position: relative; cursor: pointer; } #client-filter li div:after, #client-filter li div:before { position: absolute; content: ''; width: 50px; left: -24px; top: 0; transform: skew(45deg);-webkit-transform: skew(45deg); background: #f2f2f2; height: 100%; z-index: 1; } #client-filter li div:before { left: auto; right: -24px; } #client-filter li div:hover { background: #585a70; color: #fff; } #client-filter li div:hover:before, #client-filter li div:hover:after { background: #585a70; } #client-filter li div span { position: relative; top: 0; left: 0; z-index: 2; display: block; } #client-filter li div.active { background: #c71d2a; color: #fff; } #client-filter li div.active:before, #client-filter li div.active:after { background: #c71d2a; } #client-logos { padding: 55px 0; width: 100%; text-align: justify } #client-logos ul::after {content:"";width: 100%; display:inline-block} #client-logos .load-more { margin-top: 60px; } #client-logos li { display:inline-block;width: 32%; height: 200px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25); margin-bottom: 20px; overflow: hidden; } #client-logos li .hover-box { display: table; width: 100%; height: 100%; background-size: cover; background: url(../images/logo-hover.png) center center no-repeat; background-size: 100% 100%; visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #client-logos li .hover-box .inner-wrap { display: table-cell; vertical-align: middle; } #client-logos li .hover-box h4 { font: 600 24px/25px "ProximaNova"; max-width: 60%; margin: 0 auto; display: block; vertical-align: middle; color: #fff; text-transform: uppercase; text-align: center; } #client-logos li span { display: block; width: 100%; height: 100%; background-size: auto auto; background-position: center center; background-repeat: no-repeat; } #client-logos li span:hover .hover-box { visibility: visible; opacity: 1; } #section-landing { color: #474859; } #section-landing li { padding: 40px 0; border-top: 1px solid #cccccc; vertical-align: middle; } #section-landing li:first-child { border-top: none; } #section-landing .img-wrap { width: 33%; text-align: center; } #section-landing .img-wrap img { display: inline-block; max-width: 100%; width: auto; height: auto; } #section-landing .desc { width: 62%; padding-top: 30px; } #section-landing h4 { font: 600 24px/25px "ProximaNova";margin-bottom:10px } #section-landing h4 a { color: #474859; } #section-landing h4 a:hover { color: #c71d2a; } #section-landing h6 { font: 600 18px "ProximaNova"; margin-bottom: 20px; } #section-landing p { font: 300 18px/25px "ProximaNova"; margin-bottom: 20px; } #section-landing a.more { font-size: 13px; font-weight: 600; } /*------------------- End Interiors ------------------*/ /*BLOG*/ .blog-main-wrap { padding: 60px 0; } .blog-main-wrap input { width: 100%; border: 1px solid #bbbbbb; line-height: 40px; font-size: 14px; padding: 0 10px; box-sizing: border-box; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); color: #898989; } #blog-content { width: 57%; color: #474859; } #blog-content .content { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #ccc; } #blog-content .content p { margin-bottom: 24px; } #blog-content .content p a { color: #c71d2a; } #blog-content .content p a:hover { text-decoration: underline; } #blog-content .top-row { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #cccccc; } #blog-content .top-row h1 { font: 600 24px/25px "ProximaNova"; margin-bottom: 18px; text-transform: uppercase; } #blog-content .top-row .box-wrap p { font: 300 18px "ProximaNova"; } #blog-content .top-row .box-wrap p a { font-weight: 600; color: #c71d2a; } #blog-content .top-row .box-wrap p a:hover { color: #474859; } #blog-content .top-row .social-links { line-height: 15px; } #blog-content .top-row .social-links span { text-transform: uppercase; display: inline-block; color: #999999; font-size: 12px; font-weight: 600; position: relative; top: -4px; } #blog-content .top-row .social-links a { display: inline-block; color: #999999; } #blog-content .top-row .social-links a:hover { color: #585a70; } #blog-content .top-row .social-links a i { vertical-align: middle; font-size: 18px; } #blog-content .top-row .social-links a i.icon-google { font-size: 22px; } #blog-content h6 { font: normal 16px/25px "ProximaNova"; color: #999999; display: block; margin-bottom: 14px; } #blog-content hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } #blog-content img { max-width: 100%; width: auto; height: auto; } #blog-content a {color:#c91731} #blog-content .featured-tags h5{text-transform: none; margin-bottom: 10px;} #blog-content .tag-link {display: inline-block; margin: 0 10px 10px 0; padding: 4px 10px; border: 1px solid #bbbbbb; color: #bbb; font-size: 14px;} #blog-content .tag-link:hover{border-color: #c71d2a; color:#c71d2a; text-decoration: none;} .blog-comment ul { width: 50%; padding-right: 50%; position: relative; margin: 25px 0 0 0;list-style:none; } .blog-comment ul.loggedin {width:100%;padding-right:0} .blog-comment ul li { width: 100%; margin-bottom: 18px;list-style:none;padding:0 } .blog-comment ul .comment { position: absolute; top: 0; right: 0; width: 48%; } .blog-comment ul .comment textarea { height: 104px; border: 1px solid #bbbbbb; } .blog-comment ul.loggedin .comment {position:relative;width:100%} .blog-comment .form-bottom { width: 100%; text-align: right; } .blog-comment .form-bottom .btn { min-width: 166px; text-align: center;margin-top:0 } #itemFilter ul {margin:0} #itemFilter ul li {padding:0} #aside { width: 36%; } #aside .search-blog { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #f2f2f2; margin-bottom: 35px; } #aside .search-blog .search-form { margin-top: 25px; } #aside .search-blog ul {margin:0 } #aside .search-blog ul li { width: 48%; display: block; float: right; } #aside .search-blog ul li:first-child { float: left; } #aside .search-blog .btn { min-width: 48%; text-align: center; } #aside .search-blog h5 { font: 600 18px "ProximaNova"; display: block; margin-bottom: 14px; } #aside .search-blog .tags a { display: inline-block; margin-bottom: 8px; padding: 7px 12px; border: 1px solid #e5e5e5; font: 300 14px "ProximaNova"; color: #898989; margin-right: 10px; background: #fff; } #aside .search-blog .tags a:hover { color: #c71d2a; border: 1px solid #c71d2a; } #aside .recent .img-wrap { display: block; border: 1px solid #cccccc; margin-bottom: 20px; } #aside .recent .img-wrap img { max-width: 100%; height: auto; display: block; width: 100%; } #aside .recent h3 { font: 600 22px/26px "ProximaNova"; margin-bottom: 14px; } #aside .recent h3 a { color: #474859; } #aside .recent h3 a:hover { color: #c71d2a; } #aside .recent p { color: #474859; font: 300 18px/25px "ProximaNova"; margin-bottom: 14px; } #aside .recent a.more { font-size: 13px; font-weight: 600; } #aside .blog-subscription{background: #cb1f2c; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;} #aside .blog-subscription ul {margin: 0; font-size: 0;} #aside .blog-subscription ul li{list-style: none; padding: 0; display: inline-block;} #aside .blog-subscription ul li:first-child{max-width: 232px; width: 65.168539325843%; margin-right: 10px;} #aside .blog-subscription ul li:nth-child(2){max-width: 116px; width: 30.584269662921%; position: relative;top: 4px;} #aside .blog-subscription ul li.check{margin: 15px 4% 0 0; position: relative;} #aside .blog-subscription ul li.check:last-child{margin:15px 0 0 0;} #aside .blog-subscription ul li.check input[type="checkbox"]{width: auto;margin: -8px 0 0 5px;} #aside .blog-subscription ul li.check label{font-size: 15px; display: inline-block;font-weight: 500;} #aside .blog-subscription ul li.check [type="checkbox"]:not(:checked),#aside .blog-subscription ul li.check [type="checkbox"]:checked { position:absolute; left:-9999px; } #aside .blog-subscription ul li.check [type="checkbox"]:not(:checked) + label,#aside .blog-subscription ul li.check [type="checkbox"]:checked + label { position:relative; padding-left:25px; cursor:pointer; } #aside .blog-subscription ul li.check [type="checkbox"]:not(:checked) + label:before,#aside .blog-subscription ul li.check [type="checkbox"]:checked + label:before { content:''; position:absolute; left:0; top:2px; width:16px; height:16px; border:1px solid #fff; } #aside .blog-subscription ul li.check [type="checkbox"]:not(:checked) + label:after,#aside .blog-subscription ul li.check [type="checkbox"]:checked + label:after { content:'✔'; position:absolute; top: -5px; left:3px; font-size:21px; color:#fff; transition:all .2s; } #aside .blog-subscription ul li.check [type="checkbox"]:not(:checked) + label:after { opacity:0; transform:scale(0); } #aside .blog-subscription ul li.check [type="checkbox"]:checked + label:after { opacity:1; transform:scale(1); } #aside .blog-subscription ul li.check [type="checkbox"]:disabled:not(:checked) + label:before,#aside .blog-subscription ul li.check [type="checkbox"]:disabled:checked + label:before { box-shadow:none; border-color:#bbb; background-color:#ddd; } #aside .blog-subscription ul li.check [type="checkbox"]:disabled:checked + label:after { color:#999; } #aside .blog-subscription ul li.check [type="checkbox"]:checked:focus + label:before,#aside .blog-subscription ul li.check [type="checkbox"]:not(:checked):focus + label:before { border:1px dotted blue; } #aside .blog-subscription ul li button{font:600 12px/14px "ProximaNova"; text-transform: uppercase; border: 1px solid #fff; background: transparent; color: #fff; padding:13px 0; width: 100%;} #aside .blog-subscription ul li button:hover{color:#cb1f2c; background: #fff;} #aside .blog-subscription ul li span.mktoButtonWrap.mktoSimple{margin-left: 0 !important;} #aside .blog-subscription ul li input[type="text"]{border-color: #e5e5e5; box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.05);} #aside .video-blog{margin-bottom: 20px;} #aside .video-blog h4{margin-bottom: 10px;} #aside .video-blog .vid-thumb{position: relative; display: block; font-size: 0; margin-bottom: 10px;} #aside .video-blog .vid-thumb .play{background: rgba(202, 30, 45, 0.8); width: 68px; height: 68px; border-radius: 100%; display: block; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} #aside .video-blog .vid-thumb .play:before{content: ''; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 23px solid #fff; top: 16.5px; left: 26px; position: relative; display: block; height: 0; width: 0;} #aside .video-blog img{width: 100%; height: auto; max-width: 100%; max-height: auto;} #aside .video-blog h3 { font: 600 22px/26px "ProximaNova"; margin-bottom: 3px; } #aside .video-blog h3 a { color: #474859; } #aside .video-blog a.more { font-size: 13px; font-weight: 600; } #aside .request-form{overflow: hidden; position: relative; background: #F2F2F2; margin-bottom: 20px;} #aside .request-form .angled{top: 78px; left: 30%;} #aside .request-form .title-wrap{ background-position: center top; background-size: cover; padding: 25px 25px; width: 100%; height: 140px; z-index: 0; box-sizing: border-box; position: absolute;} #aside .request-form .title-wrap h4{color: #fff;} #aside .request-form form{position: relative; padding: 25px 25px; margin-top: 78.5px;box-sizing: border-box;width: 75%; background: #F2F2F2;} #aside .request-form form ul{margin: 0; } #aside .request-form form ul li{list-style: none; padding: 0; margin-bottom: 6px;} #aside .request-form form ul li input[type='text']{border-color: #d9d9d9; box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.05);} #aside .request-form form .btn{margin: 0;} .jackrabbit { white-space: nowrap;display:block } /*END BLOG*/ /* --------------------------- Color box -----------*/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #1f1f26; opacity: 0.9; filter: alpha(opacity=90); -webkit-filter: blur(5px); filter: blur(5px); } #colorbox { outline: 0; } #cboxContent { margin-top: 43px; margin-right: 43px; overflow: visible; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #fff; padding: 20px; } #cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #000; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #000; } #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../images/controls.png) no-repeat 0 0; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxPrevious { background-position: 0px 0px; right: 44px; } #cboxPrevious:hover { background-position: 0px -25px; } #cboxNext { background-position: -25px 0px; right: 22px; } #cboxNext:hover { background-position: -25px -25px; } #cboxClose, .mfp-close-btn-in .mfp-close { top: 0; right: -43px; width: 43px; height: 43px; text-indent: -9999px; position: absolute; background: url("../images/btn-close.png") top center no-repeat #585a70; padding: 0; } #cboxClose:hover, .mfp-close-btn-in .mfp-close:hover { background: url("../images/btn-close.png") bottom center no-repeat #fff; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; } /* ----------------- END color box ---------------*/ /* #olark_tab{ position: fixed; left: 0; bottom:50%; z-index:5000; } #olark_tab a { display:block; border: 0px solid white; border-left-style: none; border-bottom-style: none; margin-top:0px; } #olark_tab a:hover { border-color: orange; }*/ /* ========================================================================= */ /* !MEDIA QUERIES */ /* ========================================================================= */ /* @media screen and (max-width: XXXpx) { } */ @media screen and (max-width: 1140px) { #nav-desktop .main-nav li > .subnav { left: 0; width: 100%; box-sizing: border-box; margin: 0; } .inverted-arrow { margin: 0 0 0 20px; left: 0; } #bottom-video .video-bg { height: 240px; } #bottom-video .inner-wrap .video-desc { padding-left: 50px; } #resource-filter .elements li { width: 230px; } #resource-items #mixItems .img-wrap { height: 200px; } #resource-items #mixItems li { width: 47%; } #resource-items #mixItems li:nth-child(odd) { margin-right: 6%; } #resource-items .mixItems .img-wrap { height: 200px; } #resource-items .mixItems li { width: 47%; } #resource-items .mixItems li:nth-child(odd) { margin-right: 6%; } } @media screen and (max-width: 1100px) { .container-inner { padding: 0 20px; } } @media screen and (max-width: 1080px) { #newsletter li { margin:0 4px; } #newsletter li input[type=email] { width:175px; } #newsletter li button { padding:12px 20px; } } @media screen and (max-width: 1000px) { #nav-desktop .main-nav li ul li a { font-size: 13px; padding: 15px; } .banner-text { width: 400px; } .banner-text img { left: -400px; top: -100px; width: 900px; } .banner-text h2 { font-size: 22px; } .banner-text h2 strong { font-size: 36px; line-height: 100%; font-weight: 600; display: block; } #case-study { width: 45%; font-size: 16px; } #case-study h3 { font-size: 20px; } #case-study h3 a { color: #fff; } #case-study h3 span { font-size: 12px; text-transform: uppercase; font-weight: 500; display: block; } #client-teaser { width: 35%; float: right; text-align: right; padding: 50px 0; } #client-teaser img { padding: 0 0 0 15px; transform: scale(0.8);-webkit-transform: scale(0.8); } #client-teaser .btn { margin: 40px 0 0 0; } .demo-content h4 { font-size: 30px; } .demo-content p { font-size: 18px; } #pg-top.top-slider .content-box { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 60px; } #pg-top.top-slider .slick-prev { left: -45px; } #pg-top.top-slider .slick-next { right: -45px; } #blog-content { width: 100%; } #aside { margin-top: 35px; width: 100%; } #aside .recent .img-wrap { max-width: 350px; } .whats-new-row .wn-img-wrap blockquote { font-size: 16px; line-height: 1.3; } .whats-new-row .wn-img-wrap p { font-size: 14px; } } @media screen and (max-width: 900px) { .content { overflow: hidden; } .angled { width: 200%; left: auto; right: -15%; } #case-study { width: 80%; float: none; padding-bottom: 20px; } #case-study h3 { font-size: 20px; } #case-study h3 a { color: #fff; } #case-study h3 span { font-size: 12px; text-transform: uppercase; font-weight: 500; display: block; } #client-teaser { width: 100%; background: #fff; float: none; text-align: right; text-align: center; padding: 20px; margin: 0 0 0 -20px; transform: scale(1);-webkit-transform: scale(1); } #client-teaser img { padding: 0 0 0 15px; transform: scale(0.8);-webkit-transform: scale(0.8); } #client-teaser .btn { display: none; } .demo-form-background { background: #fff; } .demo .angled { width: 200%; left: auto; right: -15%; } .demo-content { width: 80%; float: none; padding: 40px 0; } .demo-content h4 { font-size: 24px; } .demo-content p { font-size: 18px; } .demo-form, .page-template-template-contact .demo-form { float: none; text-align: right; width: 100%; padding: 20px; margin-left: -20px; background: url(../images/form_bg.jpg) no-repeat 50% 50%; background-size: cover; } .demo-form ul { width: 50%; float: right; } #footer { padding-bottom: 120px; } .jackrabbit { white-space: nowrap;} #careers > li .top-row .col-two { max-width: 450px; } #careers-form .col-one { width: 100%; margin-bottom: 20px; } #careers-form .form-wrap { width: 100%; } #resource-filter span { padding-top: 0; } #resource-filter .elements { width: 100%; margin-top: 15px; } /* #resource-filter .elements ul { overflow: hidden; } */ #resource-filter .elements ul{margin: 0;} #resource-filter .elements ul li { margin-left: 0; width: 48%; float: left; } #resource-filter .elements ul.check-down-list li{width: 100%; float: none;} #resource-filter .elements ul.check-down-list li + li {float: none;} #resource-filter .elements ul li + li { float: right; } #interior-box li .col-one, #interior-box li .col-two { width: 45%; } .video-bg, .article-img, .popup-video { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } @media screen and (max-width: 960px) { .demo-notebook .notebook-cell > img { width: 470px; } .demo-notebook .pos-image-wrap { width: 322px; height: 205px; left: 94px; top: 26px;} } /*900*/ @media screen and (max-width: 800px) { #nav-desktop .main-nav li ul li a { font-size: 12px; padding: 10px; } #footer .footer-news { float: left; font-size: 12px; width: 100%; } #footer .footer-news article:first-child { border: none; padding-left: 0; } #footer #footer-options { float: left; text-align: right; border-top: 2px solid #474757; width: 100%; } #footer .social a { margin: 0 0 0 10px; } #footer #footer-nav { display: none; } .get-started p { width: 70%; font-size: 16px; } .get-started .btn-container { width: 30%; } #resource-banner-content { width: 100%; } #resource-detail-feature img { margin-top: 0; } #wrapper.inner-pg #header { margin-bottom: 35px; } #pg-top .content-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 20px; } #case-studies .box-wrap .col-one { width: 50%; } #case-studies .box-wrap .col-two { width: 50%; padding-left: 50px; } #bottom-video .video-bg { height: 165px; } #bottom-video .inner-wrap .player-wrap { width: 35%; } #bottom-video .inner-wrap .video-desc { width: 65%; } #newsletter li.break { display:block; } .bottom-mission ul li { width: 100%; display: block; } .bottom-mission ul li:nth-child(odd) { margin-right: 0; } .demo-notebook .table-wrap { display: block; } .demo-notebook .notebook-cell { display: block; } } /*800*/ @media screen and (max-width: 768px) { #product-tabs .tabs-wrap { position: relative; margin: 0 20px; } #product-tabs .tabs-wrap .container.open .tabs-select { display: block; } #product-tabs .drop-wrap { display: block; display: block; padding: 12px 15px; font: 600 16px "ProximaNova"; background: #f2f2f2; color: #474859; text-transform: uppercase; position: relative; cursor: pointer; } #product-tabs .drop-wrap i { font-size: 13px; position: absolute; top: 16px; right: 20px; } #product-tabs .tabs-select { border-bottom: none; position: absolute; top: 100%; width: 100%; text-align: left; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); display: none; } #product-tabs .tabs-select li { display: block; margin-left: 0; } #product-tabs .tabs-select li a { display: block; padding-left: 20px; } #product-tabs .tabs-select li a:before, #product-tabs .tabs-select li a:after { display: none; } #product-tabs .tabs-select li.current:after { display: none; } #product-tabs .content-box { padding: 30px 0; } #product-tabs .content-box ul li { width: 100%; padding-right: 0; } #product-tabs .content-box ul li p { margin-top: 0; } #interior-box li h4 { margin-top: 0; } #interior-box li .col-one, #interior-box li .col-two, #interior-box li .col-two.fuller-width { width: 100%; } #interior-box li .col-two { margin-bottom: 20px; } #interior-box li .col-one { width: 100%; position: relative; text-align: center; height: auto; line-height: normal; } #interior-box li .col-one img { max-width: 320px; margin: 0 auto; text-align: center; } #interior-box li .img-bottom { position: relative; left: auto; right: auto; margin: 0 auto -50px; } #interior-box li:nth-child(2n) .col-one { left: auto; } } /*768*/ @media screen and (max-width: 700px) { #header { padding: 10px 0; z-index: 100; } #logo a { width: 70px; height: 60px; } #nav-desktop { display: none; } #nav-mobile { display: block; } #nav-mobile > a {display:none} #nav-mobile a.more { font-size: 12px; text-transform: uppercase; float: right;display:inline-block } #nav-mobile .header-options { float: right; clear: right; padding: 10px 0 0 0; } #nav-mobile .header-options span { display: inline-block; } #nav-mobile .header-options .search-toggle { color: #999999; font-size: 20px; vertical-align: top; position: relative; top: 3px; cursor: pointer; } #nav-mobile .mobile-search { position: absolute; width: 100%; top: 100%; padding: 10px; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-top: 1px solid #ccc; display: none; } #nav-mobile .mobile-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; width: 100%; display: block; font: 300 14px "ProximaNova"; border: 1px solid #bbbbbb; color: #898989; } #nav-mobile .nav-toggle { vertical-align: middle; display: inline-block; margin: 0 0 0 10px; cursor: pointer; height: 25px; width: 25px; background: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #nav-mobile .nav-toggle span { margin: 10px 0 0 0; cursor: pointer; border-radius: 5px; height: 3px; width: 25px; background: #999999; position: absolute; display: block; content: ''; } #nav-mobile .nav-toggle span:before, #nav-mobile .nav-toggle span:after { cursor: pointer; border-radius: 5px; height: 3px; width: 25px; background: #999999; position: absolute; display: block; content: ''; } #nav-mobile .nav-toggle span:before { top: -8px; } #nav-mobile .nav-toggle span:after { bottom: -8px; } #nav-mobile .nav-toggle span:before, #nav-mobile .nav-toggle span:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #nav-mobile .nav-toggle span.open { background-color: transparent; } #nav-mobile .nav-toggle span.open:before, #nav-mobile .nav-toggle span.open:after { top: 0; } #nav-mobile .nav-toggle span.open:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-mobile .nav-toggle span.open:after { -webkit-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); top: 8px; } #nav-mobile .nav-container { display: none; background: rgba(31, 31, 38, 0.97); position: absolute; left: 0; width: 100%; top: 100%; box-sizing: border-box; padding: 0; } #nav-mobile .main-nav li { border-top: 1px solid #40404D; } #nav-mobile .main-nav li:first-child { border: none; } #nav-mobile .main-nav li a { text-transform: uppercase; color: #fff; font: 300 16px/1.1 'ProximaNova'; display: block; padding: 20px; } #nav-mobile .main-nav > li.menu-item-has-children > span { float: right; width: 30px; height: 30px; display: block; position: relative; margin: 25px 15px 0 0; cursor: pointer; } #nav-mobile .main-nav > li.menu-item-has-children > span:before { content: ''; top: 12px; left: 5px; position: absolute; height: 2px; width: 12px; background: #585A6F; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-mobile .main-nav > li.menu-item-has-children > span:after { content: ''; top: 12px; right: 5px; position: absolute; height: 2px; width: 12px; background: #585A6F; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-mobile .main-nav > li.menu-item-has-children > span.open:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-mobile .main-nav > li.menu-item-has-children > span.open:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-mobile .main-nav > li.menu-item-has-children > span:before, #nav-mobile .main-nav > li.menu-item-has-children > span:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #nav-mobile .main-nav > li.menu-item-has-children > a { width:calc(100% - 100px) } #nav-mobile .main-nav ul > li > ul > li > a { font-size: 14px; } #nav-mobile .main-nav ul > li > ul { padding: 5px 0 10px 15px; } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span { float: right; width: 30px; height: 30px; display: block; position: relative; margin: 05px 15px 0 0; cursor: pointer; } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span:before { content: ''; top: 12px; left: 5px; position: absolute; height: 2px; width: 12px; background: #585A6F; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span:after { content: ''; top: 12px; right: 5px; position: absolute; height: 2px; width: 12px; background: #585A6F; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span.open:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span.open:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-mobile .main-nav > li > ul > li.menu-item-has-children > span:before, #nav-mobile .main-nav > li.menu-item-has-children > span:after { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #nav-mobile .main-nav ul { display: none; padding: 20px 0 20px 15px; background: rgba(26, 26, 31, 0.9); } #nav-mobile .main-nav ul li { border: none; } #nav-mobile .main-nav ul li a { text-transform: none; padding: 10px 20px; } #nav-mobile .social { background: #403F4C; text-align: center; padding: 10px 0 5px 0; } #nav-mobile .social a { font-size: 0; color: #fff; margin: 0 20px; } #nav-mobile .social a:before { font-size: 18px; } #nav-mobile .utility-nav { text-align: center; padding: 20px 0; } #nav-mobile .utility-nav a { font-size: 12px; text-transform: uppercase; color: #fff; display: inline-block; margin: 0 0 0 20px; border-left: 1px solid #595A6F; padding: 0 0 0 20px; } #nav-mobile .utility-nav a:first-child { border: none;margin:0;padding:0 } .banner-slide, .banner-image { height: 600px; } .banner-text { width: 100%; padding: 100px 20px 20px 20px; margin: 0 0 0 -20px; overflow: hidden; } .banner-text img { left: 50%; margin: -400px 0 0 -520px; top: 50%; width: auto; } .banner-text h2 { font-size: 18px; } .banner-text h2 strong { font-size: 28px; } .banner-screenshots div{ box-shadow: none;} .banner-screenshots img { width: 40%; position: relative; z-index: 3; transition: .4s ease; } .banner-screenshots img + img { top: 20px; left: 20px; z-index: 2; } .banner-screenshots img + img + img { top: 40px; left: 40px; z-index: 1; } .banner-screenshots{top: 71%;} .banner-screenshots:hover{top: 71%;} .banner-screenshots div + div{ top: 10px; left: 30px;} .banner-screenshots:hover div + div{ left: 100px;} .banner-screenshots div + div + div{top: 20px; left: 57px;} .banner-screenshots:hover div + div + div{ left: 200px} .banner-screenshots:hover img + img { left: 100px; } .banner-screenshots:hover img + img + img { left: 200px; } #banner-image-new { background-position: right 10% !important; } #hero-banner .banner-text { width: 100%; position: absolute; box-sizing: border-box; bottom: 0px; padding: 20px; margin: 17px 0px 0px -20px; overflow: hidden; } #hero-banner .banner-text h1 { font-size: 22px; } #hero-banner .banner-text h1 strong { font-size: 30px; } #hero-banner .banner-slide, #hero-banner .banner-image { height: 400px; } #hero-banner .banner-text img { left: 50%; top: 50%; width: auto; margin: -400px 0px 0px -520px; } #banner-image-new { background-attachment: scroll; position: relative; top: 23px; -moz-transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important;} #hero-banner.new .banner-text { position: static; -moz-transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } #hero-banner.new .banner-slide { height: auto; background: #a91d17; } #hero-banner.new .banner-image { height: 300px; background-size: 140% } #hero-banner.new .banner-text img { display: none; } #resource-detail-content { width: 100%; float: none; } #resource-detail-feature { float: left; width: 100%; padding-bottom: 20px; } #resource-detail-feature img { max-width: 45%; float: left; } #resource-detail-feature p { float: right; width: 50%; font-size: 16px; line-height: 1.4; color: #999999; margin: 0 0 20px 0; } #resource-detail-feature .share { float: right; width: 50%; } #wrapper.inner-pg #header { margin-bottom: 0; } #pg-banner { background-position: 75% 0; } #pg-banner .banner-text-box { width: 100%; overflow: hidden; padding: 20px; position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pg-banner .banner-text-box h2, #pg-banner .banner-text-box h3 { font-size: 28px; line-height: 28px; margin-top: 0; } #pg-banner .banner-text-box img { left: 50%; margin: -400px 0 0 -520px; top: 50%; width: auto; } #pg-top.text-box p { font: 300 18px/26px "ProximaNova"; } #careers > li .top-row .col-one { width: 100%; } #careers > li .top-row .col-two { max-width: 100%; } #careers > li .top-row .btn.more-btn { padding-left: 20px; } #careers-form ul.pull-left, #careers-form ul.pull-right { width: 100%; } #two-column-article .left-box, #two-column-article .right-box { width: 100%; } #two-column-article { padding: 35px 0; } #case-studies .box-wrap { display: block; } #case-studies .box-wrap .col-one { width: 100%; height: 285px; margin-bottom: 25px; display: block; } #case-studies .box-wrap .col-two { display: block; width: 100%; padding-left: 0; } #bottom-video .video-bg { height: 285px; } #bottom-video .inner-wrap { display: block; } #bottom-video .inner-wrap .player-wrap { width: 100%; display: block; margin-bottom: 30px; } #bottom-video .inner-wrap .video-desc { display: block; width: 100%; padding-left: 0; } #resource-items #mixItems .img-wrap { height: 260px; } #resource-items #mixItems li { width: 100%; } #resource-items .mixItems .img-wrap { height: 260px; } #resource-items .mixItems li { width: 100%; } #pg-top.top-slider .content-box { padding: 0 20px; } #pg-top.top-slider .img-wrap { width: 104px; } #pg-top.top-slider .desc { } #pg-top.top-slider .slick-prev, #pg-top.top-slider .slick-next { top: auto; margin-top: 0; } #pg-top.top-slider .slick-prev { left: 0; } #pg-top.top-slider .slick-next { right: 0; } #clients .tab-filter { display: none; } #clients .select-filter { display: block; } #clients .select-filter .select-wrap { box-shadow: none; margin-top: 25px; } #client-logos li { width: 48%; } .blog-main-wrap { padding: 35px 0; } #blog-content .top-row .social-links { margin-top: 25px; width: 100%; } .page-parent #wrapper.inner-pg #header, .page-child #wrapper.inner-pg #header, .page-template-template-resources-php #wrapper.inner-pg #header {margin-bottom:0} #resource-banner {padding-top:80px} #pg-banner .banner-text-box {height: 240px;line-height: 240px;} #pg-banner {height: 200px;} #pg-banner h1, #pg-banner h2.section {font:600 36px/36px "ProximaNova"} #product-tabs .tabs-wrap {border:none} #case-studies-filter .cs-pager {display:none} } /*700*/ @media screen and (max-width: 600px) { .client-logos-slider { display: none;} .client-logos-slider-mobile.slick-slider { display: block; margin-top: 40px } .client-logos-slider-mobile .slick-next, .client-logos-slider-mobile .slick-prev { } .client-logos-slider-mobile .slick-list {margin: 0 auto; width: 80%; } .client-logos-slider-mobile .slick-next { right: -20px; } .client-logos-slider-mobile .slick-prev { left: -20px; } } @media screen and (max-width: 550px) { .banner-slide, .banner-image { height: 500px; } .angled { right: -40%;transform:skew(0deg);-webkit-transform:skew(0deg);-o-transform:skew(0deg);-ms-transform:skew(0deg);-moz-transform:skew(0deg);} .content.demo{border-top:10px solid #484858;width:100% } #case-study { width: 90%; } .demo-form ul { width: 100%; float: none; } #footer { padding-bottom: 30px; } #footer .footer-news { float: left; font-size: 12px; width: 100%; } #footer .footer-news article { float: none; width: 100%; padding: 20px 0; border: none; border-top: 1px solid #D9D9D9; } .get-started { position: relative; box-shadow: none; padding: 20px 0 10px 0; } .get-started p { width: 100%; display: block; } .get-started .btn-container { display: block; width: auto; } .get-started a { width: auto; display: block; } .get-started.popup { position: fixed; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .get-started.popup p { width: 70%; display: block; font-size: 14px;} .get-started.popup span.icon-close { display: block; color: #000; cursor: pointer; position: absolute; top: 20px; right: 20px; } .get-started.popup span.icon-close:before { color: #750D1B; font-size: 18px; } .get-started.popup span.icon-close:hover:before { color: #fff; } #resource-banner-content h1 { font-size: 22px; } #resource-banner-content h1 strong { font-size: 28px; } #resource-banner-content h3 { font-size: 22px; } #download-form ul li { margin: 0 0 20px 0; width: 100%; display: block; } #resource-detail-feature { float: left; width: 100%; padding-bottom: 20px; } #resource-detail-feature img { width: 100%; max-width: 100%; float: none; } #resource-detail-feature p { float: none; width: 100%; font-size: 16px; line-height: 1.4; color: #999999; margin: 0 0 20px 0; } #resource-detail-feature .share { float: none; width: 100%; } #careers-form ul.pull-right .file-upload input { width: 60%; } #product-tabs { text-align: center; } #product-tabs .content-box ul li { margin-bottom: 25px; } #product-tabs .content-box ul li .alignleft { float: none; margin: 0 auto 25px; display: inline-block; text-align: center; } #product-tabs .content-box ul li p { display: block; width: 100%; text-align: left; } /* Color Box*/ #cboxContent { margin-right: 0; } #cboxClose { right: 0; top: -43px; } #section-landing .img-wrap { width: 100%; margin-bottom: 25px; } #section-landing .desc { width: 100%; padding-top: 0; } .blog-comment ul { width: 100%; padding-right: 0; } .blog-comment ul .comment { width: 100%; position: relative; top: auto; right: auto; } #aside .search-blog ul li { width: 100%; } #aside .search-blog ul li:first-child { margin-bottom: 15px; } #pg-top.top-slider .img-wrap {width:90%;padding:0 5%;float:none;text-align:center} #pg-top.top-slider .img-wrap img {width:80px;height:auto} #pg-top.top-slider .desc {width:90%;padding:10px 5% 0;text-align:center;} #pg-top.top-slider strong {font-size:90%;line-height:110%} #pg-top.top-slider p {font-size:90%;line-height:110%} .banner-text h1 {font-size:24px} .banner-text h1 strong {font-size:30px} .demo-notebook .pos-image-wrap { width: 207px; top: 16px; left: 66px; height: 132px; } .demo-notebook .notebook-cell > img { width: 300px; } .whats-new-row .wn-img-wrap { padding-bottom: 73%; } .mission-statement .top-mission h2 { font-size: 26px; line-height: 1.2;} } /*550*/ @media screen and (max-width: 480px) { #resource-filter .elements ul li { width: 100%; } #resource-filter .elements ul li:first-child { margin-bottom: 15px; } #resource-filter .elements ul.check-down-list li:first-child { margin-bottom: 0; } #resource-items #mixItems .img-wrap { height: 200px; } #resource-items .mixItems .img-wrap { height: 200px; } #client-logos li { width: 100%; } #interior-box li .col-one img { max-width: 100%; width: auto; } #nav-mobile .utility-nav a, #nav-mobile .utility-nav a:first-child {display:block;border-left:none;padding:5px 0;margin:0;text-align:center;font-size:15px;line-height:18px;} } /* Marketo */ .mktoAsterix, .mktoForm .mktoGutter, .mktoForm .mktoOffset { display: none !important; } .mktoForm .mktoFormCol{ width: 100%; } .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField{ width: 100% !important; height: 42px; border: 0; line-height: 40px; font-size: 14px; padding: 2px 10px !important; box-sizing: border-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); border: 1px solid #fff; } .mktoForm .mktoButtonWrap .mktoButton{ display: inline-block; padding: 10px 20px; font-size: 13px !important; font-weight: 500; text-transform: uppercase; transition: .2s;background: #C5152F; color: #fff; } /* .mktoForm .mktoButtonWrap.mktoInset .mktoButton { box-shadow: none !important; } .mktoForm .mktoFormRow { display: inline-block; vertical-align: top; margin: 0 3% 20px 0; width: 47%; } .mktoForm .mktoFormRow:nth-child(n + 6){ display: none !important; } .mktoButtonRow {display: block !important; clear: both; } .mktoButtonWrap {margin: 0 !important;} .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField{ width: 100% !important; height: 42px; border: 0; line-height: 40px; font-size: 14px; padding: 2px 10px !important; box-sizing: border-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1); border: 1px solid #fff; } .mktoForm .mktoFormCol{ width: 100%; }*/ .mktoForm .mktoFormRow { clear:none !important } .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} .mktoForm .mktoOffset {} /* Security Template */ #pg-banner.larger-banner { height: 500px; } #security-accordions { padding: 50px 0 65px; } .security-accordion { max-width: 800px; margin: 0 auto 48px; } .security-accordion > img { display: inline-block; vertical-align: top; margin-right: 3%; } .security-accordion .accordion-content-wrap { display: inline-block; vertical-align: top; width: calc(96% - 64px); } .security-accordion .accordion-content-wrap p { margin-bottom: 18px; } .security-accordion .security-accordion-hidden { display: inline-block; } .security-accordion .security-accordion-hidden.is-hidden { display: none; } .security-accordion .security-accordion-hidden.is-showing { display: block; } .security-accordion button { display: inline-block; } .accordion-list li { margin-bottom: 18px; } #security-accordions h3 { font-weight: 500; font-size: 22px; color: #47485A; line-height: 1; margin-bottom: 16px; } #security-accordions h4 { font-weight: 700; font-size: 18px; color: #CE2130; line-height: 22px; } .accordion-list li > * { display: inline-block; vertical-align: top; } .accordion-list li .list-headline { width: 28.75%; margin-right: 1.25%; } .accordion-list li .list-content { width: 69%; } .accordion-list li .list-content p { margin-bottom: 0; } .accordion-expander { display: inline-block; height: 18px; position: relative; top: 2px; margin-left: 6px; } .accordion-expander.desktop { display: inline-block; } .accordion-expander.mobile { display: none; } .accordion-expander svg, .accordion-expander-mobile svg { height: 18px; width: 18px; display: inline-block; fill: #999999;} .accordion-expander:hover svg, .accordion-expander-mobile:hover svg { fill: #C5152F; } .first-p { display: inline-block; } .first-p.hide { display: inline-block; } .first-p.show { display: inline-block; } .security-accordion-mobile { border-bottom: 1px solid #D8D8D8; display: none; } .accordion-expander-mobile svg.open { display: block } .accordion-expander-mobile.show svg.open{display: none;} .accordion-expander-mobile svg.close { display: none } .accordion-expander-mobile.show svg.close{display: block;} .security-accordion-mobile header > * { display: inline-block;vertical-align: middle; } #security-accordions .security-accordion-mobile header h3 { margin-bottom: 0; } .security-accordion-mobile { padding: 15px 0; } .security-accordion-mobile img { margin-right: 15px; } .security-accordion-mobile a { float: right; margin-top: 24px; } .page-template-template-security #pg-banner h1 small { font-size: 28px; text-transform: uppercase; font-weight: 300; } .page-template-template-security #pg-top .content-box h2 { text-align: center; margin-bottom: 20px; } .larger-banner .mobile-img { display: none; } @media screen and (max-width: 700px) { #pg-banner.larger-banner { background-image: none !important; } #pg-banner.larger-banner .mobile-img { display: block;max-width: 100%;height: auto; } #pg-banner.larger-banner .banner-text-box { height: auto; line-height: 1; background-color: #A91D17; padding: 30px 20px;} #pg-banner.larger-banner .banner-text-box img { display: none; } .accordion-list li .list-headline { width: 100%; margin-right: 0; } .accordion-list li .list-content { width: 100%; } } @media screen and (max-width: 550px) { #pg-banner.larger-banner { height: auto; } #pg-banner.larger-banner .wrap { padding: 0; } #pg-banner.larger-banner .banner-text-box { position: relative; } #pg-banner.larger-banner h1 { font-size: 30px; line-height: 1; } .security-accordion { display: none; } .security-accordion-mobile { display: block; } .accordion-expander.desktop { display: none; } .accordion-expander.mobile { display: inline-block; } .security-accordion-hidden { padding: 30px 0; } .security-accordion-hidden h4 { margin-bottom: 5px; } .security-accordion-hidden p { margin-bottom: 18px; } .security-accordion-hidden { margin-bottom: -18px; } .first-p { display:none; } .first-p.hide { display:none; } .first-p.show { display:none; } .page-template-template-security #pg-top .content-box { text-align: left; } .page-template-template-security #security-accordions h2, .page-template-template-security #pg-top .content-box h2 { text-align: left; font-size: 28px; line-height: 1.2; } #security-accordions h2 {margin-bottom: 20px;} .page-template-template-security #pg-top.text-box p {text-align: left;} } /* Partners Page New */ .partner-page-new h3, .partner-lightbox h3 { font-weight: 500; font-size: 26px; color: #47485A; text-transform: uppercase; margin-bottom: 10px;} .partner-page-new .our-partners { padding: 48px 0; } .partner-page-new .our-partners .wrap.intro { width: 720px; text-align: center; margin: 0 auto 25px; } .partner-page-new .container-iphone { position: relative; text-align: center; max-width: 984px; margin: 40px auto; width: 100%; font-size: 0;} .partner-page-new .container-iphone .slide { display: inline-block; margin: 0 30px; padding: 140px 0; width: 258px; height: 400px; text-align: left; } .partner-page-new .container-iphone .slide { width: 205px; height: 355px; margin: 0 20px; vertical-align: top; } .partner-page-new .container-iphone .slide * { box-sizing: border-box; } span.part-cat { position: relative; z-index: 1; display: inline-block; vertical-align: top; overflow: hidden; font-size: 15px; width: 120px; height: 120px; background-color: #D2515D; border-radius: 6px; padding: 10px; color: #fff; font-weight: 500; box-shadow: 0 2px 4px rgba(0,0,0, .5); transition: .25s ease-in-out; box-sizing: border-box; } span.part-cat { font-size: 13px; width: 98px; height: 110px; padding: 6px; } span.part-cat svg { fill: #A73741; max-width: 64px; max-height: 64px; position: absolute; bottom: -5px; right: -5px; transition: .25s ease-in-out; } .partner-page-new .container-iphone .slide.active span.part-cat svg{ fill: #870D18; box-shadow: none; } .partner-page-new .container-iphone .slide.active span.part-cat { background-color: #CE2130; box-shadow: none; } .partner-page-new .container-iphone .slide.active span.part-cat.hovered { background-color: #47485A; } .partner-page-new .container-iphone .slide.active span.part-cat.hovered svg { fill: #fff; } .partner-page-new .container-iphone .slide span:nth-child(odd) { margin:8px 8px 8px 0; } .partner-page-new .container-iphone .slide span:nth-child(even) { margin:8px 0 8px 8px; } .partner-page-new .container-iphone .slide span:nth-child(odd) { margin:4px 4px 4px 0; } .partner-page-new .container-iphone .slide span:nth-child(even) { margin:4px 0 4px 4px; } .partner-page-new .iphone { position: absolute; } .partner-page-new .iphone { top: 46px; width: 271px; } .partner-page-new .z-row { position: absolute; top: 140px; left: 0; width: 100%; height: 100%; height: 400px; pointer-events: none; } .partner-page-new .z-row a { display: inline-block; width: 120px; height: 120px; pointer-events: none; border-radius: 6px; } /*outline: 1px solid blue; */ .partner-page-new .z-row a { vertical-align: top; width: 98px; height: 110px;} .partner-page-new .z-row a:nth-child(odd) { margin:8px 8px 8px 0; } .partner-page-new .z-row a:nth-child(even) { margin:8px 0 8px 8px; } .partner-page-new .z-row a:nth-child(odd) { margin:4px 4px 4px 0; } .partner-page-new .z-row a:nth-child(even) { margin:4px 0 4px 4px; } .partner-page-new .z-row .out-slide { display: inline-block; margin: 0 30px; width: 258px; height: 400px; text-align: left; z-index: 2; position: relative;} .partner-page-new .z-row .out-slide {width: 205px; height: 355px; margin: 0 20px; vertical-align: top; } .partner-page-new .z-row .out-slide.active a { background-color: rgba(255,255,255,0); pointer-events: auto; } .partner-page-new .move-phone { position: absolute; top: 50%; cursor: pointer; font-size: 50px; color: #DADADA; background: none; z-index: 999; } .partner-page-new .move-phone:hover { color: #8A8A8A; } .partner-page-new .move-phone.go-left { left: 0; } .partner-page-new .move-phone.go-right { right: 0; } .featured-partners-slider .feat-part-slide > div { box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); width: 92%; height: 200px; margin: 20px auto; position: relative; } .featured-partners-slider .feat-part-slide > div a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 2; } .featured-partners-slider .feat-part-slide > div img { position: absolute; top: 50%; left: 50%; max-width: 55%; height: auto; transform: translate(-50%, -50%) scale(1); transform-origin: center; transition: all .25s ease-in-out; } .featured-partners-slider .feat-part-slide > div:hover img { transform: translate(-50%, -50%) scale(1.1); } .featured-partners-slider .slick-list { max-width: 90%; margin: 0 auto; } .featured-partners-slider button.slick-arrow { position: absolute; top: 50%; font-size: 50px; margin-top: -25px; color: #DADADA; background: none; padding: 0; } .featured-partners-slider button.slick-arrow:hover { color: #8A8A8A; } .featured-partners-slider button.slick-prev { left: -20px; } .featured-partners-slider button.slick-next { right: -20px; } .cta-full-width-box { background-color: #CE2130; padding: 65px 0; text-align: center; } .cta-full-width-box h2 { font-size: 36px; color: #fff; } .iphone-slider { position: relative; } .partner-benefits h3 { margin-bottom: 40px; } .partner-benefits { padding: 30px 0; font-size: 0; } .partner-benefits .partner-benefit { cursor: pointer; display: inline-block; background-color: #fff; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0,0,0,0.10); width: 49%; vertical-align: top; margin-bottom: 20px; box-sizing: border-box; padding: 28px 25px; min-height: 150px; transition: all .25s ease-in-out;} .partner-benefits .partner-benefit:nth-child(even) { margin-left: 2%; } .partner-benefits .partner-benefit { display: inline-flex; font-size: 18px; } /*.partner-benefits .partner-benefit > div { display: inline-block; vertical-align: middle; font-size: 18px; }*/ .partner-benefits .partner-benefit .part-icon img:nth-child(1) { display: block; } .partner-benefits .partner-benefit .part-icon img:nth-child(2) { display: none; } .partner-benefits .partner-benefit .part-icon { flex: 66px; margin:auto; } .partner-benefits .partner-benefit .part-con-cta { flex: calc(100% - 90px); margin:auto; padding-left: 24px; } .partner-benefits .partner-benefit .part-cta strong { color: #CE2130; } .partner-benefits .partner-benefit .part-cta:after { content: "\63"; font-family: "modo-labs-micro" !important; color: #CE2130; position: relative; top: 3px; } .partner-benefits .partner-benefit .part-cta { opacity: 1; visibility: visible; transform: translateY(0); transition: transform .25s ease-in-out, visibility .25s ease-in-out, opacity .25s ease-in-out; } .partner-benefits .partner-benefit .part-content { transform: translateY(100%); opacity: 0; visibility: hidden; color: #fff; font-size: 0; transition: transform .25s ease-in-out, visibility .25s ease-in-out, opacity .25s ease-in-out; line-height: 1.3;} .partner-benefits .partner-benefit:hover { background-color: #CE2130; } .partner-benefits .partner-benefit:hover .part-cta { font-size: 0; transform: translateY(-100%); opacity: 0; visibility: hidden; } .partner-benefits .partner-benefit:hover .part-content { font-size: 18px; transform: translateY(0); opacity: 1; visibility: visible; } .partner-benefits .partner-benefit:hover .part-icon img:nth-child(2) { display: block; } .partner-benefits .partner-benefit:hover .part-icon img:nth-child(1) { display: none; } .mfp-bg.partners-lightbox-wrap { background-color: #000; opacity: .5; } .pl-wrap, .partners-lightbox-wrap .mfp-content > div{ max-width: 480px; width: 80%; margin: 0 auto; position: relative;} .partners-lightbox-wrap .partner-lightbox { padding: 40px; background-color: #fff; } .partners-lightbox-wrap .mfp-close { background-color: transparent; top: -43px; right: -8px; } .partners-lightbox-wrap .mfp-close:hover { background-color: transparent; } .partner-lightbox h3 { margin-bottom: 5px; } .partner-lightbox ul { font-size: 0; margin-top: 33px; } .partner-lightbox ul li { display: inline-block; width: 120px; height: 120px; vertical-align: top; box-shadow: 0 0 10px 0 rgba(0,0,0,0.10); position: relative; margin-right: 20px; margin-bottom: 20px; } .partner-lightbox ul li:nth-child(3n+3) { margin-right: 0; } .partner-lightbox ul li img { max-width: 75%; height: auto; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; } .partners-lightbox-wrap #cboxClose { right: -7px; background-color: transparent; top: -43px; } .partners-lightbox-wrap #cboxContent { margin-right: 0; } .mobile-iphone-wrap { display: none; position: relative; padding:115px 0 150px;} .mobile-iphone-slider .slick-list { max-width: 288px; width: 100%; margin: 0 auto; } .mobile-iphone-slider .slide-mobile { font-size: 0; padding: 0 15px; text-align: center; } .mobile-iphone-slider .slide-mobile > * { box-sizing: border-box; } .mobile-iphone-slider a { display: inline-block; border-radius: 6px; vertical-align: top; } .mobile-iphone-slider a span.part-cat { background-color: #CE2130; text-align: left; } .mobile-iphone-slider a span.part-cat svg { fill: #870D18; z-index: -1; } .mobile-iphone-slider a:hover span.part-cat { background-color: #47485A; } .mobile-iphone-slider a:nth-child(odd) { margin:8px 8px 8px 0; } .mobile-iphone-slider a:nth-child(even) { margin:8px 0 8px 8px; } .mobile-iphone-slider ul.slick-dots li button { padding: 0; } .mobile-iphone-slider ul.slick-dots li button:hover { background-color: #C5152F; } .mobile-iphone-slider ul.slick-dots li.slick-active button { background-color: #C5152F; } .mobile-iphone { display: block; position: absolute; left: 50%; transform: translateX(-50%); top:0; pointer-events: none; height: 640px;} .mobile-iphone-slider .slick-arrow { font-size: 48px; position: absolute; top: 50%; color: #DADADA; } .mobile-iphone-slider .slick-arrow:hover { color: #8A8A8A; } .mobile-iphone-slider .slick-arrow.slick-next { right: 0; } /*.page-template-template-partners-new * { outline: 1px solid rgba(0,0,0,.25) !important; } */ @media screen and (max-width: 1040px) , screen and (max-height: 785px) { .partner-page-new .container-iphone.fix .iphone { height: 505px; } .partner-page-new .container-iphone.fix .slide { padding: 80px 0; width: 196px; height: 316px; } .partner-page-new .container-iphone.fix .slide span { width: 90px; height: 90px; font-size: 12px; } .partner-page-new .container-iphone.fix .slide span.part-cat svg { max-width: 44px; max-height: 44px; } .partner-page-new .container-iphone.fix .z-row { top: 80px; } .partner-page-new .container-iphone.fix .z-row .out-slide { width: 196px; height: 316px; } .partner-page-new .container-iphone.fix .z-row a { width: 90px; height: 90px; } } @media screen and (max-width: 1040px) { .partner-page-new .container-iphone {display: none;} .move-phone { display: none; } .mobile-iphone-wrap{ display: block; } } @media screen and (max-width: 768px) { .partner-benefits .partner-benefit { display: flex; width: 100%; } .cta-full-width-box {padding: 35px 0;} .cta-full-width-box h2 { font-size: 32px; line-height: 1.2; } .cta-full-width-box .btn { margin: 20px 0 0; } .partner-benefits .partner-benefit:nth-child(even) { margin-left: 0; } } @media screen and (max-width: 550px) { .partner-lightbox ul li { display: inline-block; width: 48%; height: 120px; margin-right: 3%; } .partner-lightbox ul li:nth-child(3n+3) { margin-right: 3%; } .partner-lightbox ul li:nth-child(2n+2) { margin-right: 0; } } @media screen and (max-width: 360px) { .mobile-iphone-wrap { padding: 100px 0 150px; } .mobile-iphone { max-width: 263px; } .mobile-iphone-slider .slick-list { width: 220px; } .mobile-iphone-slider a span.part-cat { width: 87px; height: 87px; font-size: 11px; } } .video-popup-callout #cboxLoadedContent { padding: 0; } #video-popup-callout { max-width: 762px; margin: 0 auto; padding: 35px 45px 35px; box-sizing: border-box; text-align: center; position: relative; overflow: hidden; } #video-popup-callout:before { content: ''; background-color: #F7F7F7; position: absolute; top: 0; left:-360px; height: 100%; width: 100%; transform: skew(45deg); -webkit-transform: skew(45deg); z-index: 0; } #video-popup-callout > * { position: relative; z-index: 2; } #video-popup-callout:after {content: ''; background-color: #F7F7F7; position: absolute; top: 0; left: 30px; } /* width: 720px; height: 100%; */ #video-popup-callout img { max-width: 100%; height: auto; margin: 0 auto 15px; } #video-popup-callout a { position: relative; display: block; } /*#video-popup-callout a:before { content: ''; width: 82px; height: 82px; position: absolute; top: 50%; left: 50%; margin-left: -41px; margin-top: -41px; opacity: .6; background-image: url("data:image/svg+xml,%0A%3Csvg width='82px' height='82px' viewBox='0 0 82 82' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='41' cy='41' r='41'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='home-page-popup-mockup' transform='translate(-709.000000, -481.000000)'%3E%3Cg id='higher_education' transform='translate(436.000000, 360.488281)'%3E%3Cg id='_media/Play-2' transform='translate(272.961146, 120.461146)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval-1'%3E%3C/g%3E%3Cg id='_colors/general_red' mask='url(%23mask-2)' fill='%23C5152F' fill-rule='evenodd'%3E%3Crect id='Rectangle' x='0' y='0' width='82' height='82'%3E%3C/rect%3E%3C/g%3E%3Cpath d='M32.7713688,23.8148064 L58.053115,40.0302172 C58.2335841,40.1785234 58.3461538,40.3947289 58.3461538,40.6270158 C58.3461538,40.855729 58.2300104,41.0790818 58.053115,41.2238143 L32.769582,57.4374383 C32.6373571,57.5482213 32.4622486,57.6053996 32.2942873,57.6053996 L31.9601516,57.5285662 C31.7010624,57.4034887 31.5384615,57.1336785 31.5384615,56.8406397 L31.5384615,24.4205391 C31.5384615,24.1292871 31.7010624,23.8576901 31.9619384,23.7343994 C32.2335353,23.6003878 32.5408687,23.637911 32.7713688,23.8148064 Z' id='Shape-Copy-3' fill='%23FFFFFF' fill-rule='evenodd' mask='url(%23mask-2)'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #video-popup-callout a:hover:before { opacity: 1; }*/ #video-popup-callout h3 { font-weight: 600; font-size: 36px; color: #CE2030; letter-spacing: 0.97px; line-height: 38px; text-transform: uppercase; margin-bottom: 26px; } #video-popup-callout h4 { font-weight: 700; font-size: 22px; color: #47485A; letter-spacing: 0; margin-bottom: 9px;} #video-popup-callout p { font-size: 18px; color: #47485A; text-align: center; line-height: 26px; margin-bottom: 18px; } #video-popup-callout p.cite-name { color: #A31F34; } @media screen and (max-width: 768px) { #video-popup-callout { padding: 20px; } #video-popup-callout:before { content: none; } #video-popup-callout h3 { font-size: 30px; } #video-popup-callout h4 { font-size: 18px; } #video-popup-callout p { font-size: 14px; line-height: 22px; } }