@import '/media/plg_system_jtaldef/index/css/20b7ace1a1dc36626f329b2a44e7241b.css?2d1e220c599138659132a6c3369c6908';
@import '/media/plg_system_jtaldef/index/css/cc2d8c8aa67b64f4c08944338fa0ae56.css?24265c3b3c70b399bb8a2ba335d44af9';
   @import "delicious/bottom"; @import "delicious/popupgrid"; .g-content { margin: 0.625rem; padding: 0.938rem; } .g-flushed .g-content { margin: 0; padding: 0; } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 2.25rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.15rem; } h5 { font-size: 1rem; } h6 { font-size: 0.85rem; } small { font-size: 0.875rem; } cite { font-size: 0.875rem; } sub, sup { font-size: 0.75rem; } code, kbd, pre, samp { font-size: 1rem; font-family: "Menlo", "Monaco", monospace; } textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) { border-radius: 0.1875rem; } .g-main-nav .g-standard .g-dropdown { width: 180px; } .g-content { margin: 0.625rem; padding: 0.938rem; } .g-flushed .g-content { margin: 0; padding: 0; } body { font-size: 1rem; line-height: 1.5; } h1 { font-size: 2.25rem; } h2 { font-size: 1.9rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.15rem; } h5 { font-size: 1rem; } h6 { font-size: 0.85rem; } small { font-size: 0.875rem; } cite { font-size: 0.875rem; } sub, sup { font-size: 0.75rem; } code, kbd, pre, samp { font-size: 1rem; font-family: "Menlo", "Monaco", monospace; } textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) { border-radius: 0.1875rem; } body { color: #818181; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #g-page-surround { background: #fff; } #g-page-surround .btn, #g-page-surround .btn-primary { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.1875rem; background: #c59d5f; color: #fff; border: 0; line-height: 1.5; font-size: 0.9rem; vertical-align: middle; text-shadow: none; box-shadow: none; text-align: center; text-transform: uppercase; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.14) inset; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } #g-page-surround .btn .caret, #g-page-surround .btn-primary .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } #g-page-surround .btn:hover, #g-page-surround .btn-primary:hover { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.1875rem; background: #34322e; color: #fff; border: 0; line-height: 1.5; font-size: 0.9rem; vertical-align: middle; text-shadow: none; box-shadow: none; text-align: center; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.14) inset; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } h1, h2, h3, h4, h5, h6, strong { color: #333; } .g-title { color: #333; } .button { display: inline-block; font-family: "Abel"; font-weight: 700; text-transform: uppercase; background: #c59d5f; color: #fff !important; font-size: 1rem; border: 2px solid transparent; margin: 0 0 0.5rem 0; padding: 0.75rem 1.75rem; vertical-align: middle; text-shadow: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .button:hover, .button:active, .button:focus { background: #b18540; color: #fff !important; } a { color: #c59d5f; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } a:hover { color: inherit; } .gantry-logo { display: inline-block; } @media only all and (max-width: 47.99rem) { .gantry-logo { display: block; text-align: center; } } .gantry-logo img { width: 150px; } .logo-large { display: inline-block; } body { font-family: "Abel"; font-weight: 400; } h1, h2, h3, h4, h5 { font-family: "Architects Daughter"; font-weight: 500; } bold, strong { font-weight: 700; } .button { font-weight: 500; } blockquote { border-left: 10px solid #f0f2f4; } blockquote p { font-size: 1.1rem; color: #b4b4b4; } blockquote cite { display: block; text-align: right; color: #818181; font-size: 1.2rem; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #ddd; border-radius: 0.1875rem; line-height: 1.15; font-size: 0.9rem; } pre code { color: #237794; background: inherit; font-size: 0.9rem; } hr { border-bottom: 4px solid #f0f2f4; } .g-ampersand { font-weight: 700; } #g-navigation { background: #fff; color: #818181; text-align: center; position: relative; z-index: 2; } #g-navigation .g-container { position: relative; } #g-navigation a { color: #fff; } #g-navigation a:hover { color: #818181; } #g-navigation .g-social a { background: #f0f0f0; border: none; color: #818181; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; } #g-navigation .g-social a:hover { background: #fff; } #g-navigation .g-main-nav { margin: -1.563rem; } #g-navigation .g-main-nav h1, #g-navigation .g-main-nav h2, #g-navigation .g-main-nav h3, #g-navigation .g-main-nav h4, #g-navigation .g-main-nav h5, #g-navigation .g-main-nav h6, #g-navigation .g-main-nav strong { color: #333; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #333; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: transparent; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #fff; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #333; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected { background: #fff; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container { color: #333; } #g-navigation .g-main-nav .g-dropdown { background: #c59d5f; color: #fff; } #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #fff; } #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #c59d5f; } #g-navigation .g-main-nav .g-toplevel { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #fff; background: #f5f5f5; border-radius: 0.1875rem; margin: -0.2rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #ebebeb; } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { color: #818181; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #fff; background: #f5f5f5; border-radius: 0.1875rem; padding: 0.1rem; margin-top: -0.1rem; margin-right: -0.1rem; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #ebebeb; } #g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after { text-align: center; } #g-navigation .search input { color: #818181; } .g-main-nav .g-toplevel { font-weight: 500; } .g-main-nav .g-toplevel > li > .g-menu-item-container { padding: 1.2rem 0.938rem; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; } .g-main-nav .g-toplevel i { opacity: 0.6; } .g-main-nav .g-sublevel > li > .g-menu-item-container { font-weight: 400; font-size: 1rem; padding: 0; color: #818181; } .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { margin: 0; } .dir-rtl .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content { padding-left: 0.825rem; padding-right: 0; } .g-main-nav .g-sublevel > li > .g-menu-item-container:hover { color: #c59d5f; padding-left: 10px; } .g-main-nav .g-sublevel > li:hover > .g-menu-item-container { background: rgba(0, 0, 0, 0.05); transition: all 0s ease 0s, all 0.2s ease 0s; -webkit-transition: all 0s ease 0s, all 0.2s ease 0s; -moz-transition: all 0s ease 0s, all 0.2s ease 0s; -o-transition: all 0s ease 0s, all 0.2s ease 0s; } .g-main-nav .input-append .add-on, .g-main-nav .input-prepend .add-on { background: none; border: 1px solid #ccc; display: inline-block; } .g-main-nav .g-menu-parent-indicator:after { background: none; } .g-main-nav .g-dropdown { border-radius: 3px; } .g-main-nav .g-dropdown { text-align: left; } .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.7815rem 1rem; } #g-navigation .align-left .g-toplevel, #g-header .align-left .g-toplevel { justify-content: flex-start; -webkit-justify-content: flex-start; } #g-navigation .align-right .g-toplevel, #g-header .align-right .g-toplevel { justify-content: flex-end; -webkit-justify-content: flex-end; } .g-menu-item-subtitle { opacity: 0.7; } .g-nav-overlay, .g-menu-overlay { background: rgba(0, 0, 0, 0.4); } @media print { #g-navigation { color: #000 !important; } } .presets { height: auto; padding: 20px 10px; width: 58px; z-index: 99; } a.btn-preset { border-radius: 10%; height: 20px; width: 20px; margin: 8px; float: left; } a.btn-preset.preset1 { background: #eb4b49 none repeat scroll 0 0; } a.btn-preset.preset2 { background: #c39c5e none repeat scroll 0 0; } a.btn-preset.preset3 { background: #88bc00 none repeat scroll 0 0; } a.btn-preset.preset4 { background: #37b6bd none repeat scroll 0 0; } .g-offcanvas-toggle { display: none; } @media only all and (max-width: 47.99rem) { .g-offcanvas-toggle { display: block; } } #g-offcanvas { background: #333; color: #fff; width: 20rem; } #g-offcanvas a { color: #fff; } #g-offcanvas a:hover { color: #795b2c; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #fff; } #g-offcanvas .button { background: transparent; border: 1px solid #fff !important; color: #fff !important; } #g-offcanvas .button:hover { border: 1px solid #795b2c !important; color: #795b2c !important; } #g-offcanvas .button:active { border: 1px solid #795b2c !important; color: #795b2c !important; } #g-offcanvas hr { border-bottom: 1px solid rgba(197, 157, 95, 0.5); } #g-offcanvas .g-offcanvas-toggle { display: block; color: #fff; left: 17rem; top: 1rem; } .g-offcanvas-toggle { font-size: 1rem; color: #222; border: 2px solid #222; background: transparent; border-radius: 0; width: 32px; height: 32px; line-height: 28px; text-align: center; top: 9.8rem; left: 1.8rem; margin-left: -15px; padding-left: 1px; z-index: 100001; } .g-offcanvas-open .g-nav-overlay { z-index: 100000; } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 20rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 20rem; } .g-offcanvas-open .dir-rtl.g-offcanvas-left #g-offcanvas { right: auto; } .g-offcanvas-open .dir-rtl.g-offcanvas-right #g-offcanvas { left: auto; } #g-offcanvas #g-mobilemenu-container ul { background: #333; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #fff; padding: 0.938rem; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #fff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #b88a43; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: #be924c; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #cdab75; background: #c09450; border-radius: 0.1875rem; margin: -0.3rem 0 -0.2rem 0.5rem; padding: 0.2rem; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover { background: #b88a43; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 20rem; } #g-offcanvas #g-mobilemenu-container ul i.fa { width: 1.5rem; } #g-mobilemenu-container { margin: -1.563rem; } .g-preset-thumbnails img { margin-bottom: 1rem; } @media only all and (max-width: 47.99rem) { .g-preset-thumbnails { text-align: center; } .g-preset-thumbnails .g-block { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50% !important; } .g-preset-thumbnails .g-content { margin: 0; } } #g-header { background: #c59d5f; color: #fff; position: relative; z-index: 2; font-size: 0.89rem; font-weight: bold; } #g-header .g-content { margin: 0; padding: 10px; } #g-header .fa { color: #fff; } #g-header .g-social a { font-size: 0.75rem; border: 1px solid #e7d6bd; float: center; height: 32px; line-height: 32px; text-align: center; width: 32px; background: #c59d5f; margin: 5px; margin-right: 5px; border-radius: 100%; } @media print { #g-header { background: #fff !important; color: #000 !important; } } #g-header .g-social a:hover { background: #e7d6bd; border: 1px solid #c49b5b; } .g-header-c { font-weight: 600; } .g-header-c .fa { border: 1px solid #e7d6bd; float: center; height: 32px; line-height: 32px; text-align: center; width: 32px; background: #c59d5f; margin: 5px; margin-right: 5px; border-radius: 100%; } #g-top { background: #f7f7f7; color: #818181; padding: 1.5rem 0; } #g-top .g-container { padding: 1.5rem 0; } @media only all and (max-width: 47.99rem) { #g-top .g-container { text-align: center; } } @media print { #g-top { background: #fff !important; color: #000 !important; } } #g-showcase { padding: 1.5rem 0; background-color: #fff; color: #818181; } @media print { #g-showcase { background: #fff !important; color: #000 !important; } } #g-slideshow { background: #fff; color: #666; } #g-slideshow .g-content { margin: 0; padding: 0; } @media print { #g-slideshow { background: #fff !important; color: #000 !important; } } #g-utility { background: #fff; color: #818181; } #g-utility h2, h3, h4, h5, h6, strong, h1 { color: #333; } #g-utility .g-title { color: #333; } @media print { #g-utility { background: #fff !important; color: #000 !important; } } #g-main { padding: 1.5rem 0; background: #fff; color: #818181; } @media print { #g-main { background: #fff !important; color: #000 !important; } } #g-mainbar { background: #fff; color: #818181; } #g-copyright { border-top: 1px solid #373737; } #g-sidebar, #g-aside { padding: 1.5rem 0; color: #818181; } @media print { #g-sidebar { background: #fff !important; color: #000 !important; } } #g-sidebar { background: #fff; color: #818181; } #g-aside { background: #fff; color: #818181; } @media print { #g-aside { background: #fff !important; color: #000 !important; } } #g-extension { background: #f7f7f7; color: #818181; position: relative; z-index: 1; padding: 1.5rem 0; } #g-extension .g-container { padding: 1.5rem 0; } @media only all and (max-width: 47.99rem) { #g-extension .g-container { text-align: center; } } #g-extension .g-title { color: #333; } @media print { #g-extension { background: #fff !important; color: #000 !important; } } #g-footer { background: #2a2a2a; color: #fff; } #g-footer h2, #g-footer h3, #g-footer h4, #g-footer h5, #g-footer h6, #g-footer strong, #g-footer h1 { color: #fff; } #g-footer h2 .g-container, #g-footer h3 .g-container, #g-footer h4 .g-container, #g-footer h5 .g-container, #g-footer h6 .g-container, #g-footer strong .g-container, #g-footer h1 .g-container { padding: 1.5rem 0; } @media only all and (max-width: 47.99rem) { #g-footer h2 .g-container, #g-footer h3 .g-container, #g-footer h4 .g-container, #g-footer h5 .g-container, #g-footer h6 .g-container, #g-footer strong .g-container, #g-footer h1 .g-container { text-align: center; } } #g-footer .g-content { padding: 0 0.938rem; } @media only all and (max-width: 47.99rem) { #g-footer .g-content { padding: 0.469rem 0.938rem 0 0.938rem; } } #g-footer a { color: #c59d5f; } #g-footer a:hover { color: #cca872; } #g-footer .g-title { color: #fff; } @media print { #g-footer { background: #2a2a2a !important; color: #fff !important; } } #g-copyright { background: #0b0b0b; color: #fff; font-size: 0.8rem; text-transform: uppercase; } #g-copyright .g-content { padding-bottom: 0.469rem; } @media only all and (max-width: 47.99rem) { #g-copyright .g-content { padding: 0.469rem 0.938rem 0 0.938rem; } } @media only all and (max-width: 47.99rem) { #g-copyright .g-branding { text-align: center; } } #g-copyright .g-copyright { text-align: center; } #g-copyright .g-totop { text-align: right; } @media only all and (max-width: 47.99rem) { #g-copyright .g-totop { text-align: center !important; } } .dir-rtl #g-copyright .g-totop { text-align: left; } @media print { #g-copyright { background: #fff !important; color: #000 !important; } } .flush .g-container > .g-grid > .g-block > .g-content { margin: 0; padding: 0; } .nopaddingall > .g-content { padding: 0 !important; } .nomarginall > .g-content { margin: 0 !important; } .title-center .g-title { text-align: center; margin: 0 0 2rem 0; } .title-underline .g-title { padding: 0.5rem 0; } .title-underline .g-title:after { border: 1px solid #f0f2f4; position: absolute; content: ""; left: 0; width: 100%; height: 4px; bottom: 0; } .dir-rtl .title-underline .g-title:after { left: inherit; right: 0; } .moduletable[class*="box"], .widget[class*="box"], .moduletable[class*="shadow"], .widget[class*="shadow"] { padding: 0.938rem; margin: 0.625rem; } .box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content { background: #fff; } .box1.moduletable, .box1.widget, .box1 > .g-content, .box1.moduletable h1, .box1.widget h1, .box1 > .g-content h1, .box1.moduletable h2, .box1.widget h2, .box1 > .g-content h2, .box1.moduletable h3, .box1.widget h3, .box1 > .g-content h3, .box1.moduletable h4, .box1.widget h4, .box1 > .g-content h4, .box1.moduletable h5, .box1.widget h5, .box1 > .g-content h5, .box1.moduletable h6, .box1.widget h6, .box1 > .g-content h6, .box1.moduletable strong, .box1.widget strong, .box1 > .g-content strong, .box1.moduletable i, .box1.widget i, .box1 > .g-content i { color: #595959; } .box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content { background: #e0e0e0; } .box2.moduletable, .box2.widget, .box2 > .g-content, .box2.moduletable h1, .box2.widget h1, .box2 > .g-content h1, .box2.moduletable h2, .box2.widget h2, .box2 > .g-content h2, .box2.moduletable h3, .box2.widget h3, .box2 > .g-content h3, .box2.moduletable h4, .box2.widget h4, .box2 > .g-content h4, .box2.moduletable h5, .box2.widget h5, .box2 > .g-content h5, .box2.moduletable h6, .box2.widget h6, .box2 > .g-content h6, .box2.moduletable strong, .box2.widget strong, .box2 > .g-content strong, .box2.moduletable i, .box2.widget i, .box2 > .g-content i { color: #6d6d6d; } .box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content { background: #c59d5f; } .box3.moduletable, .box3.widget, .box3 > .g-content, .box3.moduletable h1, .box3.widget h1, .box3 > .g-content h1, .box3.moduletable h2, .box3.widget h2, .box3 > .g-content h2, .box3.moduletable h3, .box3.widget h3, .box3 > .g-content h3, .box3.moduletable h4, .box3.widget h4, .box3 > .g-content h4, .box3.moduletable h5, .box3.widget h5, .box3 > .g-content h5, .box3.moduletable h6, .box3.widget h6, .box3 > .g-content h6, .box3.moduletable strong, .box3.widget strong, .box3 > .g-content strong, .box3.moduletable i, .box3.widget i, .box3 > .g-content i { color: #fff; } .box3.moduletable a, .box3.widget a, .box3 > .g-content a { color: #f4ede2; } .box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover { color: #fff; } .box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button { color: #000; background: #b18540; } .box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover { background: #9e7739; } .box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content { background: #34322e; } .box4.moduletable, .box4.widget, .box4 > .g-content, .box4.moduletable h1, .box4.widget h1, .box4 > .g-content h1, .box4.moduletable h2, .box4.widget h2, .box4 > .g-content h2, .box4.moduletable h3, .box4.widget h3, .box4 > .g-content h3, .box4.moduletable h4, .box4.widget h4, .box4 > .g-content h4, .box4.moduletable h5, .box4.widget h5, .box4 > .g-content h5, .box4.moduletable h6, .box4.widget h6, .box4 > .g-content h6, .box4.moduletable strong, .box4.widget strong, .box4 > .g-content strong, .box4.moduletable i, .box4.widget i, .box4 > .g-content i { color: #fff; } .box4.moduletable a, .box4.widget a, .box4 > .g-content a { color: #918d83; } .box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover { color: #fff; } .box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button { color: #a9a69e; background: #5d5952; } .box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover { background: #4f4c46; } .shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content { opacity: 0.4; } .square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content { border-radius: none; } .rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content { border-radius: 0.1875rem; } .button { display: inline-block; font-size: 0.8rem; line-height: 1.15; letter-spacing: 0.1rem; text-transform: uppercase; background: #c59d5f; color: #fff; border: 1px solid transparent; border-radius: 0.3rem; margin: 0 0 0.5rem 0; padding: 1.5rem 3.125rem; vertical-align: middle; text-shadow: none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .button:hover, .button:active, .button:focus { background: #b18540; color: #fff; } .button.fa { line-height: 1.15; } .button.fa[class*="fa-"]:before, .button.fa[class*="fa-"]:after { font-family: FontAwesome; } .button.button-block { width: 100%; display: block; } .button.button-xlarge { font-size: 1.2rem; padding: 1.9rem 3.525rem; border-radius: 3.5rem; } .button.button-large { font-size: 1rem; padding: 1.7rem 3.325rem; } .button.button-small { font-size: 0.9rem; padding: 1.2rem 2.825rem; } .button.button-xsmall { font-size: 0.6rem; padding: 1.1rem 2.725rem; } .button.button-2 { background: #34322e; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .button.button-2:hover, .button.button-2:active, .button.button-2:focus { background: #191816; color: #fff; } .button.button-outline { background: transparent; color: #c59d5f; border-color: #c59d5f; } .button.button-outline:hover, .button.button-outline:active, .button.button-outline:focus { background: #c59d5f; border-color: transparent; opacity: 0.9; color: #fff; } .button.button-gradient { background-color: #c59d5f; background-image: -webkit-linear-gradient(-360deg, #c59d5f, #34322e); background-image: linear-gradient(90deg,#c59d5f, #34322e); border: none; } .button.button-gradient:hover, .button.button-gradient:active, .button.button-gradient:focus { background: #c59d5f; color: white; } table { border: 1px solid #eaeaea; } th { background: #f7f7f7; padding: 0.5rem; } td { padding: 0.5rem; border: 1px solid #eaeaea; } textarea, select[multiple=multiple] { background-color: white; border: 1px solid #ddd; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } textarea:hover, select[multiple=multiple]:hover { border-color: #c4c4c4; } textarea:focus, select[multiple=multiple]:focus { border-color: #c59d5f; } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea { background-color: white; border: 1px solid #ddd; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); } input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover { border-color: #c4c4c4; } input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus { border-color: #c59d5f; } .g-social a { display: inline-block; padding: 0.1rem 0.4rem; background: #fafafa; border: 1px solid #ddd; border-radius: 0.1875rem; margin-bottom: 4px; } .sample-content { text-align: center; } .sample-content .subtitle { text-transform: uppercase; font-size: 0.8rem; display: block; margin-top: -1.3rem; } .sample-content .sample-icons { font-size: 5rem; color: #c59d5f; opacity: 0.6; } .sample-content .sample-description { font-size: 1.2rem; } @media only all and (min-width: 48rem) { .sample-content .device-promo { width: 356px; height: 203px; position: relative; float: right; margin-left: 3rem; margin-bottom: 1rem; } .sample-content .device-promo .macbook { width: 356px; height: 203px; position: absolute; z-index: 1; background: url('../images/macbook.png'); } .sample-content .device-promo .macbook .macbook-color { position: absolute; width: 206px; height: 118px; left: 37px; top: 56px; background: #ccc; } .sample-content .device-promo .ipad { width: 356px; height: 203px; position: absolute; z-index: 2; background: url('../images/ipad.png'); } .sample-content .device-promo .ipad .ipad-color { position: absolute; width: 111px; height: 163px; right: 27px; top: 20px; background: #c59d5f; } .sample-content .device-promo .iphone { width: 356px; height: 203px; position: absolute; z-index: 3; background: url('../images/iphone.png'); } .sample-content .device-promo .iphone .iphone-color { position: absolute; width: 46px; height: 75px; right: 4px; top: 112px; background: #34322e; } } .sample-content .middle { text-align: center; } .sample-content .fa-github-square { color: #ddd; margin-top: 1.5rem; font-size: 10rem; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .sample-content .fa-github-square { font-size: 8rem; } } @media only all and (max-width: 47.99rem) { .sample-content .fa-github-square { float: none !important; margin-right: 0; } } .sample-content .info-box { background: #f5f5f5; border: 1px solid #e6e6e6; padding: 0.938rem; border-radius: 0.1875rem; margin-bottom: 4rem; } .sample-content .fa-graduation-cap { color: #d9d9d9; margin: 1rem 2rem 1rem 1rem; font-size: 6rem; } @media only all and (min-width: 60rem) { #g-showcase .sample-description { padding: 0 6rem; } } @media only all and (min-width: 60rem) { #g-subfeature .sample-content .g-content { padding-left: 2rem; padding-right: 2rem; } } @media only all and (min-width: 48rem) { #g-main .sample-content { text-align: inherit; } } .g-main-nav .g-standard .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-standard .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-standard .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-standard .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } .g-main-nav .g-fullwidth > .g-dropdown { -webkit-transition: none; -moz-transition: none; transition: none; } .g-main-nav .g-fullwidth > .g-fade.g-dropdown { -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out; -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .g-main-nav .g-fullwidth > .g-zoom.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-zoom; -moz-animation-name: g-dropdown-zoom; animation-name: g-dropdown-zoom; } .g-main-nav .g-fullwidth > .g-fade-in-up.g-active { -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: g-dropdown-fade-in-up; -moz-animation-name: g-dropdown-fade-in-up; animation-name: g-dropdown-fade-in-up; } @-webkit-keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-zoom { 0% { opacity: 0; -moz-transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @keyframes g-dropdown-zoom { 0% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); -moz-transform: scale3d(0.8, 0.8, 0.8); -ms-transform: scale3d(0.8, 0.8, 0.8); -o-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 1; } } @-webkit-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @-moz-keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -moz-transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } @keyframes g-dropdown-fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; } } .gantry-logo { font-family: "Architects Daughter"; font-weight: 700; font-size: 1rem; text-transform: uppercase; } @media only all and (max-width: 47.99rem) { .gantry-logo { display: block; text-align: center; } } a { color: #c59d5f; } a:hover { color: #818181; } .g-newsletter .g-newsletter-form { white-space: nowrap; } .g-newsletter .g-newsletter-headtext { margin-bottom: 1.5rem; } .g-newsletter .g-newsletter-inputbox, .g-newsletter .g-newsletter-button { height: 50px; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-newsletter .g-newsletter-inputbox, .g-newsletter .g-newsletter-button { height: 40px; } } .g-newsletter .g-newsletter-inputbox { border-radius: 0; color: #818181; background-color: #d9d9d9; border: 0; display: inline-block; padding: 0.7rem 1.25rem; width: 73%; margin-right: 0.25rem; vertical-align: top; box-shadow: none; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-newsletter .g-newsletter-inputbox { padding: 0.7rem 0.5rem; width: 53%; } } .g-newsletter .g-newsletter-button { width: 25%; padding-left: inherit; padding-right: inherit; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-newsletter .g-newsletter-button { width: 40%; } } .g-blockcontent h1 { font-weight: 300; font-size: 3rem; letter-spacing: -2px; opacity: 0.5; line-height: 3.75rem; } .g-blockcontent .g-blockcontent-headline { margin-bottom: 0.5rem; } .g-blockcontent .g-blockcontent-description { font-size: 1.2rem; } .g-blockcontent .g-blockcontent-subcontent-title { font-weight: 700; margin-bottom: 0; text-transform: uppercase; } .g-blockcontent .g-blockcontent-icons { display: block; } .g-blockcontent .g-blockcontent-subcontent-subtitle { font-family: "Abel"; font-weight: 400; font-size: 0.9rem; line-height: 1; } .g-blockcontent .g-blockcontent-subcontent-desc { font-size: 0.9rem; position: relative; margin-bottom: 1rem; } .g-tabs { background: #fff; border: 1px solid #ddd; } .g-tabs .uk-tab { border-color: #ddd; } .g-tabs .uk-tab > li > a { border: none; border-radius: 0; margin: 0 !important; color: #818181; text-shadow: none; padding: 20px 25px !important; -webkit-transition: background, 0.2s; -moz-transition: background, 0.2s; transition: background, 0.2s; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-tabs .uk-tab > li > a { padding: 20px 15px !important; } } .g-tabs .uk-tab > li .g-title-icon { margin-right: 10px; } .g-tabs .uk-tab .uk-tab-responsive { margin: 0; } .g-tabs .uk-tab .uk-tab-responsive > a { cursor: pointer; } .g-tabs .uk-tab .uk-tab-responsive .uk-dropdown { margin: 0; font-size: 0.9rem; border-color: #ddd; padding: 0; border-radius: 0; } .g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav { margin: 0; } .g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a { padding: 15px 25px; color: #818181; } .g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a:before { border: none; } .g-tabs .uk-tab .uk-tab-responsive .uk-dropdown .uk-nav li a:hover { background: #f8f8f8; box-shadow: none; } .g-tabs .uk-tab-grid { margin: 0; } .g-tabs .uk-tab-grid.uk-tab-top .g-tab-nav > a, .g-tabs .uk-tab-grid.uk-tab-bottom .g-tab-nav > a { border-right: none; border-left: 1px solid #ddd; } .g-tabs .uk-tab-grid.uk-tab-top .g-tab-nav:first-child > a, .g-tabs .uk-tab-grid.uk-tab-bottom .g-tab-nav:first-child > a { border-left: none; } .g-tabs .uk-tab-top { border-bottom: 1px solid #ddd; } .g-tabs .uk-tab-top .g-tab-nav > a { border-right: 1px solid #ddd; } .g-tabs .uk-tab-top .g-tab-nav > a:before { border-top: 3px solid transparent; content: ""; position: absolute; top: 0; left: 0; width: 100%; } .g-tabs .uk-tab-top .g-tab-nav.uk-active > a:before { border-top-color: #c59d5f; } .g-tabs .uk-tab-bottom { border-top: 1px solid #ddd; } .g-tabs .uk-tab-bottom .g-tab-nav > a { border-right: 1px solid #ddd; } .g-tabs .uk-tab-bottom .g-tab-nav > a:before { border-bottom: 3px solid transparent; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; } .g-tabs .uk-tab-bottom .g-tab-nav.uk-active > a:before { border-bottom-color: #c59d5f; } .g-tabs .uk-tab-left .g-tab-nav > a { border-top: 1px solid #ddd; } .g-tabs .uk-tab-left .g-tab-nav > a:before { border-left: 3px solid transparent; content: ""; position: absolute; top: 0; left: 0; height: 100%; } .g-tabs .uk-tab-left .g-tab-nav:first-child > a { border-top: none; } .g-tabs .uk-tab-left .g-tab-nav.uk-active > a:before { border-left-color: #c59d5f; } .g-tabs .uk-tab-right .g-tab-nav > a { border-top: 1px solid #ddd; } .g-tabs .uk-tab-right .g-tab-nav > a:before { border-right: 3px solid transparent; content: ""; position: absolute; top: 0; right: 0; height: 100%; } .g-tabs .uk-tab-right .g-tab-nav:first-child > a { border-top: none; } .g-tabs .uk-tab-right .g-tab-nav.uk-active > a:before { border-right-color: #c59d5f; } .g-tabs #tabs-content { overflow: hidden; } .g-tabs #tabs-content.uk-margin { margin-bottom: 0; } .g-tabs #tabs-content p { margin-bottom: 0; } .g-tabs #tabs-content .button { margin-top: 25px; } .g-tabs #tabs-content.left { padding: 35px; margin-left: -35px; } @media only all and (max-width: 47.99rem) { .g-tabs #tabs-content.left { margin-left: 0; } } .g-tabs #tabs-content.left p:first-child { margin-top: 0; } .g-tabs #tabs-content.right { padding: 35px; margin-right: -35px; } @media only all and (max-width: 47.99rem) { .g-tabs #tabs-content.right { margin-right: 0; } } .g-tabs #tabs-content.right p:first-child { margin-top: 0; } .g-tabs #tabs-content.top { padding: 35px; margin: 0; } .g-tabs #tabs-content.top > li { margin: 0; } .g-tabs #tabs-content.bottom { padding: 35px; margin: 0; } .g-tabs #tabs-content.bottom > li { margin: 0; } .g-slideshow .uk-overlay-panel { padding: 25px; } @media only all and (max-width: 47.99rem) { .g-slideshow .uk-overlay-panel { padding: 15px; } .g-slideshow .uk-overlay-panel.uk-overlay-left { top: auto; bottom: 0; right: 0; width: 100%; } .g-slideshow .uk-overlay-panel.uk-overlay-right { top: auto; bottom: 0; left: 0; width: 100%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-slideshow .uk-overlay-panel { padding: 15px; } .g-slideshow .uk-overlay-panel.uk-overlay-left { top: auto; bottom: 0; right: 0; width: 100%; } .g-slideshow .uk-overlay-panel.uk-overlay-right { top: auto; bottom: 0; left: 0; width: 100%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-slideshow .uk-overlay-panel { padding: 15px; } } .g-slideshow .g-slideshow-title { margin: 0 0 15px; color: #fff !important; } @media only all and (max-width: 47.99rem) { .g-slideshow .g-slideshow-title { margin: 0; font-size: 1rem; } } .g-slideshow .g-slideshow-desc { margin: 0; } @media only all and (max-width: 47.99rem) { .g-slideshow .g-slideshow-desc { display: none; } } .g-slideshow .g-slideshow-desc a:not(.button) { color: #c59d5f; } .g-slideshow .g-slideshow-desc a:not(.button):hover { text-decoration: underline; } .g-slideshow .uk-flex-center { text-align: center; } .g-slideshow .style2 { padding: 70px 0; } .g-slideshow .style2 .g-slideshow-title { padding: 15px 25px; background: #fff; color: #1a1a1a !important; font-size: 2rem; display: table; margin-bottom: 20px; } .g-slideshow .style2 .g-slideshow-desc { padding: 15px 20px; background: #1a1a1a; color: #fff !important; font-size: 1.2rem; display: table; } .g-slideshow .style2.uk-flex-right .g-slideshow-title, .g-slideshow .style2.uk-flex-right .g-slideshow-desc { margin-left: auto; } .g-slideshow .style2.uk-flex-center .g-slideshow-title { margin: 0 auto 20px; } .g-slideshow .style2.uk-flex-center .g-slideshow-desc { margin: auto; } .g-slideshow .uk-dotnav { margin: 0 0 35px; } .g-slideshow .g-slideshow-item iframe { pointer-events: auto !important; } .g-slideshow .slideshow-caption.uk-overlay-background { padding: 25px; } .g-slideshow .uk-overlay-left-short { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); -o-transform: translateX(-10%); transform: translateX(-10%); } .g-slideshow .uk-overlay-right-short { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } .g-slideshow .uk-overlay-top-short { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); transform: translateY(-10%); } .g-slideshow .uk-overlay-bottom-short { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); } .g-slideshow .uk-overlay-scale { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .g-slideshow .uk-overlay-left-short, .g-slideshow .uk-overlay-right-short, .g-slideshow .uk-overlay-top-short, .g-slideshow .uk-overlay-bottom-short { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .g-slideshow .uk-overlay-active .uk-active .uk-overlay-scale { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .g-onepage-menu ul { margin: 0; list-style: none; background: #fff; border: 1px solid #ddd; border-radius: 3px; } .g-onepage-menu ul li a { padding: 0.625rem 1.25rem; color: #818181; display: block; border-bottom: 1px solid #ddd; -webkit-transition: all, 0.2s; -moz-transition: all, 0.2s; transition: all, 0.2s; } .g-onepage-menu ul li a:hover { background: #f8f8f8; color: #4e4e4e; } .g-onepage-menu ul li:last-child a { border-bottom: none; } .g-onepage-menu ul li .submenu { border: none; display: none; } .g-onepage-menu ul li .submenu li:last-child { border-bottom: 1px solid #ddd; } .g-onepage-menu ul li.uk-active > a { background: #f8f8f8; color: #c59d5f; } .g-onepage-menu ul li.uk-active .submenu { display: block; } .g-onepage-menu ul li.uk-active .submenu a { padding-left: 35px; } .g-container { width: 75rem; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-container { width: 60rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .g-container { width: 48rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .g-container { width: 30rem; } } @media only all and (max-width: 30rem) { .g-container { width: 100%; } } .g-container.g-flushed { width: 100%; } @media only all and (max-width: 47.99rem) { .g-block { flex-grow: 0; flex-basis: 100%; } } @media only all and (max-width: 47.99rem) { body [class*="size-"] { flex-grow: 0; flex-basis: 100%; max-width: 100%; } } @media only all and (max-width: 47.99rem) { @supports not (flex-wrap: wrap) { .g-grid { display: block; flex-wrap: inherit; } .g-block { display: block; flex: inherit; } } } .visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone { display: none !important; } @media only all and (max-width: 47.99rem) { .visible-phone { display: block !important; } .g-block.visible-phone { display: block !important; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .visible-tablet { display: block !important; } .g-block.visible-tablet { display: block !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (min-width: 75rem) { .visible-large { display: block !important; } .g-block.visible-large { display: block !important; } .visible-desktop { display: block !important; } .g-block.visible-desktop { display: block !important; } } @media only all and (max-width: 47.99rem) { .hidden-phone { display: none !important; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .hidden-tablet { display: none !important; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .hidden-desktop { display: none !important; } } @media only all and (min-width: 75rem) { .hidden-large { display: none !important; } .hidden-desktop { display: none !important; } } @media only all and (max-width: 47.99rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } } [class*="arrows"] .arrow { border: 1px solid #c59d5f; } [class*="arrows"] .arrow:before { color: #c59d5f; } [class*="arrows"] .arrow:hover { background: #f0f0f0; } [class*="navigation"] .arrow { border: 1px solid #222; } [class*="navigation"] .arrow:before { color: #c59d5f; } [class*="navigation"] .arrow:hover { background: #c59d5f; } @media only screen and (min-width: 1195px) and (max-width: 1275px), only screen and (min-width: 960px) and (max-width: 1070px), only screen and (min-width: 768px) and (max-width: 880px), only screen and (min-width: 482px) and (max-width: 600px), only screen and (max-width: 480px) { body.layout-mode-responsive .sprocket-strips .sprocket-strips-arrows .arrow.prev { left: -10px; } body.layout-mode-responsive .sprocket-strips .sprocket-strips-arrows .arrow.next { right: -10px; } } .sprocket-strips-container .sprocket-strips-content { background: #f7f7f7; color: #818181; border: 1px solid #e2e2e2; box-shadow: 15px 15px 0px 0px rgba(0, 0, 0, 0.08); } .sprocket-strips-container .sprocket-strips-content:hover { background: #fff; color: #818181; } .sprocket-strips-title a { olor: #818181; } #g-slideshow .sprocket-features-desc { background: none; width: 600px; } #g-slideshow .sprocket-features-content { width: 100%; left: 0; top: 25%; } #g-slideshow .slider-heading { text-transform: uppercase; font-weight: bold; } #g-slideshow .slider-heading:after { height: 2px; width: 45px; content: ""; display: block; margin: 10px auto 30px; } #g-slideshow .slider-title { text-transform: uppercase; font-size: 1.8em; font-weight: bold; line-height: 50px; margin-bottom: 20px; } #g-slideshow .sprocket-features-arrows .arrow { height: 40px; width: 40px; box-shadow: none; background: #c59d5f; opacity: 1; } #g-slideshow .sprocket-features-arrows .arrow.next span { left: 2px; } #g-slideshow .sprocket-features-arrows .arrow.prev span { left: -1px; } #g-slideshow .sprocket-features-arrows .arrow:hover { background: #c59d5f; } #g-slideshow .sprocket-features-arrows .arrow span { bottom: 10px; position: relative; } #g-slideshow .layout-slideshow .sprocket-features-pagination { left: 50%; } #g-slideshow .btn-primary { color: #fff; box-shadow: none; text-shadow: none; padding: 12px 30px; border-radius: 0; height: auto; font-size: 15px; font-weight: bold; line-height: 19px; background: #c59d5f; text-transform: uppercase; border: 2px solid transparent; } #g-slideshow .btn-primary:hover { color: #fff; box-shadow: none; text-shadow: none; padding: 12px 30px; border-radius: 0; height: auto; font-size: 15px; font-weight: bold; line-height: 19px; background: #b18540; text-transform: uppercase; border: 2px solid transparent; } @media screen and (max-width: 767px) { #g-slideshow .sprocket-features .sprocket-features-content { top: 10%; } #g-slideshow .sprocket-features .slider-heading { font-size: 1.5vw; line-height: normal; } #g-slideshow .sprocket-features .slider-title { font-size: 2.5vw; line-height: normal; } #g-slideshow .sprocket-features .slider-heading:after { margin: 10px auto 15px; } } @media screen and (max-width: 767px) { #g-slideshow .btn-primary, .btn2 { padding: 1% 2%; font-size: 2.5vw; } } @media screen and (max-width: 666px) { #g-slideshow .sprocket-features .sprocket-features-desc { width: 100%; } }