@import '/media/plg_system_jtaldef/index/css/3c9ec7ba9c35ed461fc7c6c4ed33688a.css?e0945923fed5c1bc5935a7857f712a1c';
 @charset "UTF-8";  .g-content { margin: 0.625rem; padding: 1.5rem; } .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: #666666; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body #g-page-surround { background: #ffffff; overflow: hidden; } .g-bodyonly body #g-page-surround { color: #666666; background: #ffffff; } body span.para { display: block; margin: 1rem 0; } body.dir-rtl .align-left { text-align: right !important; } body.dir-rtl .align-right { text-align: left !important; } @media print { #g-page-surround { background: #fff !important; color: #000 !important; } } .g-logo { color: rgba(34, 34, 34, 0.8); font-weight: 400; font-size: 1.75rem; line-height: 1.5; box-shadow: none !important; text-transform: uppercase; line-height: 80px; } @media only all and (max-width: 50.99rem) { .g-logo { text-align: center; display: block; position: relative; z-index: 1; } } .dir-rtl .g-logo img { padding-right: 0; padding-left: 1rem; } .flush, .g-flushed { margin: 0 !important; } .flush > .g-container, .flush > .g-content, .g-flushed > .g-container, .g-flushed > .g-content { margin: 0 !important; padding: 0 !important; } @media only all and (max-width: 50.99rem) { .flush-mobile { margin: 0 !important; } .flush-mobile > .g-container, .flush-mobile > .g-content { margin: 0 !important; padding: 0 !important; } } .g-container-flushed { margin: -4rem 0; } .g-nobackground { background: none !important; } .g-absolute { position: absolute; width: 100%; } .nomarginleft, .nomarginleft > .g-content { margin-left: 0; } .smallmarginleft:not(.g-block), .smallmarginleft > .g-content { margin-left: 0.25rem; } .medmarginleft:not(.g-block), .medmarginleft > .g-content { margin-left: 1rem; } .largemarginleft:not(.g-block), .largemarginleft > .g-content { margin-left: 3rem; } .nomarginright, .nomarginright > .g-content { margin-right: 0; } .smallmarginright:not(.g-block), .smallmarginright > .g-content { margin-right: 0.25rem; } .medmarginright:not(.g-block), .medmarginright > .g-content { margin-right: 1rem; } .largemarginright:not(.g-block), .largemarginright > .g-content { margin-right: 3rem; } .nomargintop, .nomargintop > .g-content { margin-top: 0; } .smallmargintop:not(.g-block), .smallmargintop > .g-content { margin-top: 0.25rem; } .medmargintop:not(.g-block), .medmargintop > .g-content { margin-top: 1rem; } .largemargintop:not(.g-block), .largemargintop > .g-content { margin-top: 3rem; } .nomarginbottom, .nomarginbottom > .g-content { margin-bottom: 0; } .smallmarginbottom:not(.g-block), .smallmarginbottom > .g-content { margin-bottom: 0.25rem; } .medmarginbottom:not(.g-block), .medmarginbottom > .g-content { margin-bottom: 1rem; } .largemarginbottom:not(.g-block), .largemarginbottom > .g-content { margin-bottom: 3rem; } .nomarginall, .nomarginall > .g-content { margin: 0; } .smallmarginall:not(.g-block), .smallmarginall > .g-content { margin: 0.25rem; } .medmarginall:not(.g-block), .medmarginall > .g-content { margin: 1rem; } .largemarginall:not(.g-block), .largemarginall > .g-content { margin: 3rem; } .margin2x > .g-content { margin: 1.25rem; } .margin3x > .g-content { margin: 1.875rem; } .nopaddingleft, .nopaddingleft > .g-content { padding-left: 0; } .smallpaddingleft:not(.g-block), .smallpaddingleft > .g-content { padding-left: 0.25rem; } .medpaddingleft:not(.g-block), .medpaddingleft > .g-content { padding-left: 1rem; } .largepaddingleft:not(.g-block), .largepaddingleft > .g-content { padding-left: 3rem; } .nopaddingright, .nopaddingright > .g-content { padding-right: 0; } .smallpaddingright:not(.g-block), .smallpaddingright > .g-content { padding-right: 0.25rem; } .medpaddingright:not(.g-block), .medpaddingright > .g-content { padding-right: 1rem; } .largepaddingright:not(.g-block), .largepaddingright > .g-content { padding-right: 3rem; } .nopaddingtop, .nopaddingtop > .g-content { padding-top: 0; } .smallpaddingtop:not(.g-block), .smallpaddingtop > .g-content { padding-top: 0.25rem; } .medpaddingtop:not(.g-block), .medpaddingtop > .g-content { padding-top: 1rem; } .largepaddingtop:not(.g-block), .largepaddingtop > .g-content { padding-top: 3rem; } .nopaddingbottom, .nopaddingbottom > .g-content { padding-bottom: 0; } .smallpaddingbottom:not(.g-block), .smallpaddingbottom > .g-content { padding-bottom: 0.25rem; } .medpaddingbottom:not(.g-block), .medpaddingbottom > .g-content { padding-bottom: 1rem; } .largepaddingbottom:not(.g-block), .largepaddingbottom > .g-content { padding-bottom: 3rem; } .nopaddingall, .nopaddingall > .g-content { padding: 0; } .smallpaddingall:not(.g-block), .smallpaddingall > .g-content { padding: 0.25rem; } .medpaddingall:not(.g-block), .medpaddingall > .g-content { padding: 1rem; } .largepaddingall:not(.g-block), .largepaddingall > .g-content { padding: 3rem; } .padding2x > .g-content { padding: 3rem; } .padding3x > .g-content { padding: 4.5rem; } .noliststyle { list-style: none; } .g-uppercase { text-transform: uppercase; } .g-notexttransform { text-transform: none; } .g-positive-margin-top { margin-top: 23rem; } .g-negative-margin-bottom { margin-bottom: -25rem; } .g-img-circle { border-radius: 50%; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1vw; font-family: "roboto"; font-weight: 400; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; } @media (max-width: 100rem) { #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 1rem; } } @media (min-width: 1600px) { #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { font-size: 16px; } } .g-main-nav .g-standard .g-dropdown { width: 180px; } .jl-navbar-dropdown { width: 180px; } a { color: #000000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } a:hover { color: inherit; } @font-face { font-family: "roboto"; font-style: normal; font-weight: 400; src: url('/templates/jl_filmmaker_pro/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?69b84f2e#iefix') format("embedded-opentype"), url('/templates/jl_filmmaker_pro/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2?69b84f2e') format("woff2"), url('/templates/jl_filmmaker_pro/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff?69b84f2e') format("woff"), url('/templates/jl_filmmaker_pro/fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf?69b84f2e') format("truetype"), url('/templates/jl_filmmaker_pro/fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg?69b84f2e#roboto') format("svg"); } @font-face { font-family: "roboto"; font-style: normal; font-weight: 500; src: url('/templates/jl_filmmaker_pro/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot?69b84f2e#iefix') format("embedded-opentype"), url('/templates/jl_filmmaker_pro/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2?69b84f2e') format("woff2"), url('/templates/jl_filmmaker_pro/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff?69b84f2e') format("woff"), url('/templates/jl_filmmaker_pro/fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf?69b84f2e') format("truetype"), url('/templates/jl_filmmaker_pro/fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg?69b84f2e#roboto') format("svg"); } @font-face { font-family: "roboto"; font-style: normal; font-weight: 700; src: url('/templates/jl_filmmaker_pro/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot?69b84f2e#iefix') format("embedded-opentype"), url('/templates/jl_filmmaker_pro/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2?69b84f2e') format("woff2"), url('/templates/jl_filmmaker_pro/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff?69b84f2e') format("woff"), url('/templates/jl_filmmaker_pro/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf?69b84f2e') format("truetype"), url('/templates/jl_filmmaker_pro/fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg?69b84f2e#roboto') format("svg"); } body { font-family: "roboto"; font-weight: 400; } h1, h2, h3, h4, h5 { font-family: "Orbitron"; font-weight: 500; } .jl-h1, .jl-h2, .jl-h3, .jl-h4, .jl-h5, .jl-h6, .jl-heading-2xlarge, .jl-heading-large, .jl-heading-medium, .jl-heading-small, .jl-heading-xlarge { font-family: "Orbitron"; } bold, strong { font-weight: 700; } .button { font-weight: 500; } p { margin: 0 0 20px 0; } fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } blockquote { border-left: 10px solid rgba(231, 232, 234, 0.25); } blockquote p { font-size: 1.1rem; color: #999; } blockquote cite { display: block; text-align: right; color: #666666; font-size: 1.2rem; } code { background: #f9f2f4; color: #9c1d3d; } pre { padding: 1rem; margin: 2rem 0; background: #f6f6f6; border: 1px solid #e7e8ea; 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 rgba(231, 232, 234, 0.25); } .title-center .g-title { text-align: center; } .title-rounded .g-title { border-radius: 2rem; } .title-section .g-title { text-transform: uppercase; font-weight: 500; font-size: 1.2rem; } .title-section .g-content { padding: 0; } .title-underline .g-title { padding: 0.5rem 0; } .title-underline .g-title:after { border-bottom: 2px solid rgba(231, 232, 234, 0.25); position: absolute; content: ""; left: 0; width: 100%; bottom: 0; } .dir-rtl .title-underline .g-title:after { left: inherit; right: 0; } .title-inline .g-title { display: inline-block; margin-bottom: 0.625rem !important; } .title1 .g-title, .title2 .g-title, .title3 .g-title, .title4 .g-title, .title5 .g-title, .title-white .g-title, .title-grey .g-title, .title-pink .g-title, .title-red .g-title, .title-purple .g-title, .title-orange .g-title, .title-blue .g-title { font-size: 1.2rem; text-transform: uppercase; font-family: "roboto"; font-weight: 400; margin: 0.775rem 0; } .platform-content, .moduletable, .widget { margin: 0.625rem 0; padding: 1.5rem 0; } .platform-content .moduletable, .platform-content .widget, .moduletable .moduletable, .moduletable .widget, .widget .moduletable, .widget .widget { margin: 0; padding: 0; } .platform-content:first-child, .moduletable:first-child, .widget:first-child { margin-top: 0; padding-top: 0; } .platform-content:last-child, .moduletable:last-child, .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .moduletable[class*="box"], .widget[class*="box"] { padding: 1.5rem; margin: 0.625rem; } .moduletable[class*="title"] .g-title, .widget[class*="title"] .g-title { margin-left: 0; margin-right: 0; margin-top: 0; } .title1 .g-title { color: #000000; } .box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content { color: #ffffff; background-color: #000000; background-image: -webkit-linear-gradient(top, #000000, #e2a750); background-image: linear-gradient(to bottom,#000000, #e2a750); } .box1.moduletable p, .box1.widget p, .box1.g-outer-box p, .box1 > .g-content p { color: rgba(255, 255, 255, 0.8); } .box1.moduletable .g-main-nav .g-menu-item-container:after, .box1.widget .g-main-nav .g-menu-item-container:after, .box1.g-outer-box .g-main-nav .g-menu-item-container:after, .box1 > .g-content .g-main-nav .g-menu-item-container:after { background: #ffffff !important; } .box1 .g-title { font-size: 1.2rem; text-transform: uppercase; } .box1 a { color: inherit; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box1 a:hover { box-shadow: 0 1px 0 0 #ffffff; } .box1 .button { background: #ffffff !important; color: #000000; border-color: #000000; box-shadow: none; } .box1 .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box1 .button:hover, .box1 .button:active, .box1 .button:focus, .title1 .button:hover, .title1 .button:active, .title1 .button:focus { box-shadow: none; } .box1 .button.button-3, .box1 .button.button-4, .title1 .button.button-3, .title1 .button.button-4 { color: #ffffff !important; border-color: #ffffff; } .box1 .button.button-3:hover, .box1 .button.button-3:active, .box1 .button.button-3:focus, .box1 .button.button-4:hover, .box1 .button.button-4:active, .box1 .button.button-4:focus, .title1 .button.button-3:hover, .title1 .button.button-3:active, .title1 .button.button-3:focus, .title1 .button.button-4:hover, .title1 .button.button-4:active, .title1 .button.button-4:focus { color: #262626 !important; border-color: #262626; } .title2 .g-title { color: #666666; border: 0 none; } .box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content { color: #ffffff; background-color: #e2a750; background-image: -webkit-linear-gradient(top, #e2a750, #000000); background-image: linear-gradient(to bottom,#e2a750, #000000); } .box2.moduletable p, .box2.widget p, .box2.g-outer-box p, .box2 > .g-content p { color: rgba(255, 255, 255, 0.8); } .box2 .g-title { font-size: 1.2rem; text-transform: uppercase; } .box2 a { color: inherit; box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box2 a:hover { box-shadow: 0 1px 0 0 #ffffff; } .box2 .button { background: #ffffff !important; border-color: #e2a750; color: #e2a750; box-shadow: none; } .box2 .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .title3 .g-title { color: #e2a750; } .box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content { border: 1px solid #000000; } .box3 .g-title { font-size: 1.2rem; text-transform: uppercase; } .box3 a { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .box3 a:hover { box-shadow: 0 1px 0 0 #666666; } .box3 .button { box-shadow: none; } .box3 .button:hover { box-shadow: none; } .title4 .g-title { color: #000000; border: 1px solid #000000; padding: 0.625rem; } .box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content { border: 2px solid rgba(0, 0, 0, 0.1); } .title5 .g-title { color: #e2a750; border: 1px solid #e2a750; padding: 0.625rem; } .box5.moduletable, .box5.widget, .box5.g-outer-box, .box5 > .g-content { color: #ffffff; background-color: #2d2d2d; background-image: -webkit-linear-gradient(#2d2d2d, #000000); background-image: linear-gradient(#2d2d2d, #000000); } .box5 a { color: inherit; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25); } .box5 a:hover { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .box5 .button { color: #ffffff !important; box-shadow: none; } .box5 .button:hover { box-shadow: none; border-color: #ffffff; } .title6 .g-title, .title6 .g-simplecontent .g-simplecontent-item-content-title { font-family: "Orbitron"; font-weight: 300; text-transform: none; } .box6.moduletable, .box6.widget, .box6.g-outer-box, .box6 > .g-content { color: #ffffff; background: #2d2d2d; } .box6 a { color: inherit; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25); } .box6 a:hover { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); } .box6 .button { color: #ffffff !important; box-shadow: none; } .box6 .button:hover { box-shadow: none; } .box-white { color: #3c3c3c; } .box-grey, .box-pink, .box-red, .box-purple, .box-blue, .box-orange { color: #ffffff; } .title-white .g-title, .title-white .button, .title-white .g-simplecontent-layout-header .g-simplecontent-item-content-title, .title-white .g-simplecontent-layout-header .g-simplecontent-item-leading-content { color: #ffffff; } .title-white .button { border-color: #ffffff; } .box-white.moduletable, .box-white.widget, .box-white.g-outer-box, .box-white > .g-content { background: #ffffff; } .box-white .button { background: #bfbfbf; } .box-white a { color: #bfbfbf; } .box-white .button:hover, .box-white .button:active, .box-white .button:focus, .title-white .button:hover, .title-white .button:active, .title-white .button:focus { background: #e6e6e6; } .box-white .button.button-3, .box-white .button.button-2, .title-white .button.button-3, .title-white .button.button-2 { color: #bfbfbf; border-color: #bfbfbf; } .box-white .button.button-3:hover, .box-white .button.button-3:active, .box-white .button.button-3:focus, .box-white .button.button-2:hover, .box-white .button.button-2:active, .box-white .button.button-2:focus, .title-white .button.button-3:hover, .title-white .button.button-3:active, .title-white .button.button-3:focus, .title-white .button.button-2:hover, .title-white .button.button-2:active, .title-white .button.button-2:focus { color: #222222; border-color: #222222; } .title-grey .g-title { color: #52616B; } .title-grey .button { background: #ffffff !important; color: #52616B; border-color: #52616B; box-shadow: none; } .title-grey .button:hover { box-shadow: none; background: #52616B !important; border-color: #52616B; color: #ffffff; } .box-grey.moduletable, .box-grey.widget, .box-grey.g-outer-box, .box-grey > .g-content { background: #52616B; } .box-grey a { color: #91a1ab; } .box-grey a:hover { color: #313a40; } .box-grey .button { background: #ffffff !important; color: #52616B; border-color: #52616B; box-shadow: none; } .box-grey .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-grey .button.button-3, .box-grey .button.button-4, .title-grey .button.button-3, .title-grey .button.button-4 { color: #1b2023; } .box-grey .button.button-3:hover, .box-grey .button.button-3:active, .box-grey .button.button-3:focus, .box-grey .button.button-4:hover, .box-grey .button.button-4:active, .box-grey .button.button-4:focus, .title-grey .button.button-3:hover, .title-grey .button.button-3:active, .title-grey .button.button-3:focus, .title-grey .button.button-4:hover, .title-grey .button.button-4:active, .title-grey .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-pink .g-title { color: #FF9999; border: 0 none; } .title-pink .button { background: #ffffff !important; color: #FF9999; border-color: #FF9999; box-shadow: none; } .title-pink .button:hover { box-shadow: none; background: #FF9999 !important; border-color: #FF9999; color: #ffffff; } .box-pink.moduletable, .box-pink.widget, .box-pink.g-outer-box, .box-pink > .g-content { background: #FF9999; } .box-pink .button { background: #ffffff !important; color: #FF9999; border-color: #FF9999; box-shadow: none; } .box-pink .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-pink a { color: white; } .box-pink a:hover { color: #ff4d4d; } .box-pink .button.button-3, .box-pink .button.button-4, .title-pink .button.button-3, .title-pink .button.button-4 { color: #ff1a1a; } .box-pink .button.button-3:hover, .box-pink .button.button-3:active, .box-pink .button.button-3:focus, .box-pink .button.button-4:hover, .box-pink .button.button-4:active, .box-pink .button.button-4:focus, .title-pink .button.button-3:hover, .title-pink .button.button-3:active, .title-pink .button.button-3:focus, .title-pink .button.button-4:hover, .title-pink .button.button-4:active, .title-pink .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-red .g-title { color: #E84545; border: 0 none; } .title-red .button { background: #ffffff !important; color: #E84545; border-color: #E84545; box-shadow: none; } .title-red .button:hover { box-shadow: none; background: #E84545 !important; border-color: #E84545; color: #ffffff; } .box-red.moduletable, .box-red.widget, .box-red.g-outer-box, .box-red > .g-content { background: #E84545; } .box-red .button { background: #ffffff !important; color: #E84545; border-color: #E84545; box-shadow: none; } .box-red .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-red a { color: #f6b6b6; } .box-red a:hover { color: #c81919; } .box-red .button.button-3, .box-red .button.button-4, .title-red .button.button-3, .title-red .button.button-4 { color: #9a1313; } .box-red .button.button-3:hover, .box-red .button.button-3:active, .box-red .button.button-3:focus, .box-red .button.button-4:hover, .box-red .button.button-4:active, .box-red .button.button-4:focus, .title-red .button.button-3:hover, .title-red .button.button-3:active, .title-red .button.button-3:focus, .title-red .button.button-4:hover, .title-red .button.button-4:active, .title-red .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-purple .g-title { color: #7E6BC4; border: 0 none; } .title-purple .button { background: #ffffff !important; color: #7E6BC4; border-color: #7E6BC4; box-shadow: none; } .title-purple .button:hover { box-shadow: none; background: #7E6BC4 !important; border-color: #7E6BC4; color: #ffffff; } .box-purple.moduletable, .box-purple.widget, .box-purple.g-outer-box, .box-purple > .g-content { background: #7E6BC4; } .box-purple .button { background: #ffffff !important; color: #7E6BC4; border-color: #7E6BC4; box-shadow: none; } .box-purple .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-purple a { color: #cdc6e8; } .box-purple a:hover { color: #5541a2; } .box-purple .button.button-3, .box-purple .button.button-4, .title-purple .button.button-3, .title-purple .button.button-4 { color: #42327d; } .box-purple .button.button-3:hover, .box-purple .button.button-3:active, .box-purple .button.button-3:focus, .box-purple .button.button-4:hover, .box-purple .button.button-4:active, .box-purple .button.button-4:focus, .title-purple .button.button-3:hover, .title-purple .button.button-3:active, .title-purple .button.button-3:focus, .title-purple .button.button-4:hover, .title-purple .button.button-4:active, .title-purple .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-blue .g-title { color: #1e87f0; border: 0 none; } .title-blue .button { background: #ffffff !important; color: #1e87f0; border-color: #1e87f0; box-shadow: none; } .title-blue .button:hover { box-shadow: none; background: #1e87f0 !important; border-color: #1e87f0; color: #ffffff; } .box-blue.moduletable, .box-blue.widget, .box-blue.g-outer-box, .box-blue > .g-content { background: #1e87f0; } .box-blue .button { background: #ffffff !important; color: #1e87f0; border-color: #1e87f0; box-shadow: none; } .box-blue .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-blue a { color: #96c7f8; } .box-blue a:hover { color: #0c61b5; } .box-blue .button.button-3, .box-blue .button.button-4, .title-blue .button.button-3, .title-blue .button.button-4 { color: #094786; } .box-blue .button.button-3:hover, .box-blue .button.button-3:active, .box-blue .button.button-3:focus, .box-blue .button.button-4:hover, .box-blue .button.button-4:active, .box-blue .button.button-4:focus, .title-blue .button.button-3:hover, .title-blue .button.button-3:active, .title-blue .button.button-3:focus, .title-blue .button.button-4:hover, .title-blue .button.button-4:active, .title-blue .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .title-orange .g-title { color: #FEA386; border: 0 none; } .title-orange .button { background: #ffffff !important; color: #FEA386; border-color: #FEA386; box-shadow: none; } .title-orange .button:hover { box-shadow: none; background: #FEA386 !important; border-color: #FEA386; color: #ffffff; } .box-orange.moduletable, .box-orange.widget, .box-orange.g-outer-box, .box-orange > .g-content { background: #FEA386; } .box-orange .button { background: #ffffff !important; color: #FEA386; border-color: #FEA386; box-shadow: none; } .box-orange .button:hover { box-shadow: none; background: transparent !important; border-color: #ffffff !important; color: #ffffff; } .box-orange a { color: white; } .box-orange a:hover { color: #fd693a; } .box-orange .button.button-3, .box-orange .button.button-4, .title-orange .button.button-3, .title-orange .button.button-4 { color: #fd4308; } .box-orange .button.button-3:hover, .box-orange .button.button-3:active, .box-orange .button.button-3:focus, .box-orange .button.button-4:hover, .box-orange .button.button-4:active, .box-orange .button.button-4:focus, .title-orange .button.button-3:hover, .title-orange .button.button-3:active, .title-orange .button.button-3:focus, .title-orange .button.button-4:hover, .title-orange .button.button-4:active, .title-orange .button.button-4:focus { color: #ffffff; border-color: #ffffff; } .spaced .g-content { margin: 1px; } .bordered .g-content { border: 1px solid rgba(231, 232, 234, 0.25); margin: 1px; } .shadow .g-content { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .shadow2 .g-content { box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .disabled .g-content { opacity: 0.4; } .square .g-content { border-radius: none; } .rounded .g-content { border-radius: 0.1875rem; overflow: hidden; } .no-bg-image { background-image: none !important; } .g-block-divider { background: rgba(231, 232, 234, 0.25); height: 5px; margin-top: 6rem; margin-bottom: 6rem; } .equal-height #g-aside, .equal-height #g-mainbar, .equal-height #g-sidebar { width: 100%; } .equal-height .g-content { width: auto; } .button { display: inline-block; position: relative; font-family: "roboto"; font-weight: 400; background: #e2a750; position: relative; border: 0px; color: #fff; font-size: 14px; margin: 0; padding: 0.8rem 3.125rem; border-radius: 0px; vertical-align: middle; overflow: hidden; text-shadow: none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .button:hover { -webkit-transform: skew(-10deg); transform: skew(-10deg); background: #000; color: #fff; } .button.button-square { border-radius: 0; } .button.button-square[class*="button"] { border-radius: 0; } .button.button-block { display: block; } .button.button-xlarge { font-size: 1.8rem; } .button.button-large { font-size: 1.6rem; } .button.button-medium { font-size: 1rem; } .button.button-small { font-size: 0.8rem; } .button.button-xsmall { font-size: 0.6rem; } .button.button-alt { background: #e2a750; } .button.button-alt:hover, .button.button-alt:active, .button.button-alt:focus { background: #db9124; } .dir-ltr .button.button-alt.button-special:before { border-left: 1px solid #dc952d; border-bottom: 1px solid #dc952d; } .dir-rtl .button.button-alt.button-special:after { border-right: 1px solid #dc952d; border-bottom: 1px solid #dc952d; } .button.button-3, .button.button-4, .button.button-grey, .button.button-pink, .button.button-red, .button.button-purple, .button.button-orange, .button.button-blue { color: #ffffff !important; } .button.button-3.button-3, .button.button-3.button-4, .button.button-4.button-3, .button.button-4.button-4, .button.button-grey.button-3, .button.button-grey.button-4, .button.button-pink.button-3, .button.button-pink.button-4, .button.button-red.button-3, .button.button-red.button-4, .button.button-purple.button-3, .button.button-purple.button-4, .button.button-orange.button-3, .button.button-orange.button-4, .button.button-blue.button-3, .button.button-blue.button-4 { background: transparent; } .button.button-3.button-3:hover, .button.button-3.button-3:active, .button.button-3.button-3:focus, .button.button-3.button-4:hover, .button.button-3.button-4:active, .button.button-3.button-4:focus, .button.button-4.button-3:hover, .button.button-4.button-3:active, .button.button-4.button-3:focus, .button.button-4.button-4:hover, .button.button-4.button-4:active, .button.button-4.button-4:focus, .button.button-grey.button-3:hover, .button.button-grey.button-3:active, .button.button-grey.button-3:focus, .button.button-grey.button-4:hover, .button.button-grey.button-4:active, .button.button-grey.button-4:focus, .button.button-pink.button-3:hover, .button.button-pink.button-3:active, .button.button-pink.button-3:focus, .button.button-pink.button-4:hover, .button.button-pink.button-4:active, .button.button-pink.button-4:focus, .button.button-red.button-3:hover, .button.button-red.button-3:active, .button.button-red.button-3:focus, .button.button-red.button-4:hover, .button.button-red.button-4:active, .button.button-red.button-4:focus, .button.button-purple.button-3:hover, .button.button-purple.button-3:active, .button.button-purple.button-3:focus, .button.button-purple.button-4:hover, .button.button-purple.button-4:active, .button.button-purple.button-4:focus, .button.button-orange.button-3:hover, .button.button-orange.button-3:active, .button.button-orange.button-3:focus, .button.button-orange.button-4:hover, .button.button-orange.button-4:active, .button.button-orange.button-4:focus, .button.button-blue.button-3:hover, .button.button-blue.button-3:active, .button.button-blue.button-3:focus, .button.button-blue.button-4:hover, .button.button-blue.button-4:active, .button.button-blue.button-4:focus { background: transparent; } .button.button-2 { background: #e2a750; color: #ffffff; } .button.button-3 { color: #e2a750 !important; border-color: #e2a750; background: transparent !important; } .button.button-3:hover, .button.button-3:active, .button.button-3:focus { background: #e2a750 !important; border-color: #e2a750 !important; color: #ffffff !important; } .button.button-4 { color: #000000 !important; background: #ffffff !important; border: 1px solid #000000; } .button.button-4:hover, .button.button-4:active, .button.button-4:focus { border-color: #000000; background: #000000 !important; color: #ffffff !important; } .button.button-grey { background: #52616B; border-color: #52616B; color: #ffffff; } .button.button-grey:hover, .button.button-grey:active, .button.button-grey:focus { color: #52616B !important; border-color: #52616B; background: transparent !important; } .button.button-grey.button-3, .button.button-grey.button-4 { background: transparent !important; color: #52616B !important; border: 1px solid #52616B; } .button.button-grey.button-3:hover, .button.button-grey.button-3:active, .button.button-grey.button-3:focus, .button.button-grey.button-4:hover, .button.button-grey.button-4:active, .button.button-grey.button-4:focus { border-color: #313a40 !important; color: #313a40 !important; } .button.button-pink { background: #FF9999; border-color: #FF9999; color: #ffffff; } .button.button-pink:hover, .button.button-pink:active, .button.button-pink:focus { color: #FF9999 !important; border-color: #FF9999; background: transparent !important; } .button.button-pink.button-3, .button.button-pink.button-4 { background: transparent !important; color: #FF9999 !important; border: 1px solid #FF9999; } .button.button-pink.button-3:hover, .button.button-pink.button-3:active, .button.button-pink.button-3:focus, .button.button-pink.button-4:hover, .button.button-pink.button-4:active, .button.button-pink.button-4:focus { border-color: #ff4d4d !important; color: #ff4d4d !important; } .button.button-red { background: #E84545; border-color: #E84545; color: #ffffff; } .button.button-red:hover, .button.button-red:active, .button.button-red:focus { color: #E84545 !important; border-color: #E84545; background: transparent !important; } .button.button-red.button-3, .button.button-red.button-4 { background: transparent !important; color: #E84545 !important; border: 1px solid #E84545; } .button.button-red.button-3:hover, .button.button-red.button-3:active, .button.button-red.button-3:focus, .button.button-red.button-4:hover, .button.button-red.button-4:active, .button.button-red.button-4:focus { border-color: #c81919 !important; color: #c81919 !important; } .button.button-purple { background: #7E6BC4; border-color: #7E6BC4; color: #ffffff; } .button.button-purple:hover, .button.button-purple:active, .button.button-purple:focus { color: #7E6BC4 !important; border-color: #7E6BC4; background: transparent !important; } .button.button-purple.button-3, .button.button-purple.button-4 { background: transparent !important; color: #7E6BC4 !important; border: 1px solid #7E6BC4; } .button.button-purple.button-3:hover, .button.button-purple.button-3:active, .button.button-purple.button-3:focus, .button.button-purple.button-4:hover, .button.button-purple.button-4:active, .button.button-purple.button-4:focus { border-color: #5541a2 !important; color: #5541a2 !important; } .button.button-orange { background: #FEA386; border-color: #FEA386; color: #ffffff; } .button.button-orange:hover, .button.button-orange:active, .button.button-orange:focus { color: #FEA386 !important; border-color: #FEA386; background: transparent !important; } .button.button-orange.button-3, .button.button-orange.button-4 { background: transparent !important; color: #FEA386 !important; border: 1px solid #FEA386; } .button.button-orange.button-3:hover, .button.button-orange.button-3:active, .button.button-orange.button-3:focus, .button.button-orange.button-4:hover, .button.button-orange.button-4:active, .button.button-orange.button-4:focus { border-color: #fd693a !important; color: #fd693a !important; } .button.button-blue { background: #1e87f0; border-color: #1e87f0; color: #ffffff; } .button.button-blue:hover, .button.button-blue:active, .button.button-blue:focus { color: #1e87f0 !important; border-color: #1e87f0; background: transparent !important; } .button.button-blue.button-3, .button.button-blue.button-4 { background: transparent !important; color: #1e87f0 !important; border: 2px solid #1e87f0; } .button.button-blue.button-3:hover, .button.button-blue.button-3:active, .button.button-blue.button-3:focus, .button.button-blue.button-4:hover, .button.button-blue.button-4:active, .button.button-blue.button-4:focus { border-color: #0c61b5 !important; color: #0c61b5 !important; } .button.button-arrow { position: relative; } .button.button-arrow:before, .button.button-arrow:after { font-family: FontAwesome; } .dir-ltr .button.button-arrow:after { content: ""; margin-left: 1rem; } .dir-rtl .button.button-arrow:before { content: ""; margin-right: 1rem; } .button.button-special { position: relative; } .dir-ltr .button.button-special:before { position: absolute; content: ""; top: 8px; bottom: -8px; left: -8px; right: 8px; border-left: 1px solid black; border-bottom: 1px solid black; } .dir-rtl .button.button-special:after { position: absolute; content: ""; top: 8px; bottom: -8px; right: -8px; left: 8px; border-right: 1px solid black; border-bottom: 1px solid black; } .button.button-outline { color: #ffffff !important; background: transparent; border: 1px solid #ffffff; } .dir-ltr .button.button-outline:before { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .dir-rtl .button.button-outline:after { border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } .button.button-outline:hover { border: 1px solid #000000; color: #000000 !important; } .dir-ltr .button.button-outline:hover:before { border-left: 1px solid #000000; border-bottom: 1px solid #000000; } .dir-rtl .button.button-outline:hover:after { border-right: 1px solid #000000; border-bottom: 1px solid #000000; } .button.button-text-only { padding: 0 !important; background: transparent !important; color: #000000 !important; } .button.button-text-only:hover { color: black; } table { border: 1px solid #d8e1e6; } th { background: rgba(0, 0, 0, 0.1); padding: 0.5rem; } td { padding: 0; border: 1px solid #d8e1e6; } textarea, select[multiple=multiple] { background-color: white; border: 1px solid #e7e8ea; } textarea { width: 100%; box-sizing: border-box !important; padding: 0.75rem 1.25rem; } fieldset.input { margin: 0; padding: 0; } 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; vertical-align: middle; border: 1px solid #e7e8ea; font-size: 1rem; width: 100%; line-height: 1.5; padding: 0.375rem 1.25rem; -webkit-transition: border-color 0.2s; -moz-transition: border-color 0.2s; transition: border-color 0.2s; } 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 { box-shadow: none; } 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 { box-shadow: none; } 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: #000000; } .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-standard .g-dropdown-bounce-in-left.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-left; -moz-animation-name: g-dropdown-bounce-in-left; animation-name: g-dropdown-bounce-in-left; } .g-main-nav .g-standard .g-dropdown-bounce-in-right.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-right; -moz-animation-name: g-dropdown-bounce-in-right; animation-name: g-dropdown-bounce-in-right; } .g-main-nav .g-standard .g-dropdown-bounce-in-down.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-down; -moz-animation-name: g-dropdown-bounce-in-down; animation-name: g-dropdown-bounce-in-down; } .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-dropdown-bounce-in-left.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-left; -moz-animation-name: g-dropdown-bounce-in-left; animation-name: g-dropdown-bounce-in-left; } .g-main-nav .g-fullwidth > .g-dropdown-bounce-in-right.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-right; -moz-animation-name: g-dropdown-bounce-in-right; animation-name: g-dropdown-bounce-in-right; } .g-main-nav .g-fullwidth > .g-dropdown-bounce-in-down.g-active { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: g-dropdown-bounce-in-down; -moz-animation-name: g-dropdown-bounce-in-down; animation-name: g-dropdown-bounce-in-down; } @-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; } } @-webkit-keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -moz-transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -moz-transform: translate3d(25px, 0, 0); } 75% { -moz-transform: translate3d(-10px, 0, 0); } 90% { -moz-transform: translate3d(5px, 0, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-left { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); -ms-transform: translate3d(-50px, 0, 0); -o-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -moz-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); -o-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); -o-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -o-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -moz-transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -moz-transform: translate3d(0, 25px, 0); } 75% { -moz-transform: translate3d(0, -10px, 0); } 90% { -moz-transform: translate3d(0, 5px, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-down { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); -moz-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); -o-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -moz-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); -o-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @-webkit-keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; } } @-moz-keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -moz-transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -moz-transform: translate3d(-25px, 0, 0); } 75% { -moz-transform: translate3d(10px, 0, 0); } 90% { -moz-transform: translate3d(-5px, 0, 0); } to { -moz-transform: none; } } @keyframes g-dropdown-bounce-in-right { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); -moz-transform: translate3d(50px, 0, 0); -ms-transform: translate3d(50px, 0, 0); -o-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -moz-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); -o-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -moz-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); -o-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .tm-nav-mobile { background: #000000; color: #ffffff; } .tm-nav-mobile .jl-nav-default > li > a, .tm-nav-mobile .jl-nav-default .jl-nav-header, .tm-nav-mobile .jl-nav-default .jl-nav-sub a, .tm-nav-mobile .jl-nav-primary > li > a, .tm-nav-mobile .jl-nav-primary .jl-nav-header, .tm-nav-mobile .jl-nav-primary .jl-nav-sub a { color: #ffffff; } .tm-nav-mobile .jl-nav-default > li > a:hover, .tm-nav-mobile .jl-nav-default .jl-nav-sub a:hover, .tm-nav-mobile .jl-nav-primary > li > a:hover, .tm-nav-mobile .jl-nav-primary .jl-nav-sub a:hover { color: rgba(255, 255, 255, 0.75); } .tm-nav-mobile .jl-nav-default > li.jl-active > a, .tm-nav-mobile .jl-nav-default .jl-nav-sub li.jl-active > a, .tm-nav-mobile .jl-nav-primary > li.jl-active > a, .tm-nav-mobile .jl-nav-primary .jl-nav-sub li.jl-active > a { color: rgba(255, 255, 255, 0.75); } .jl-search-default .jl-search-input { background: #f8f8f8; border-color: #e7e8ea; } .jl-search-default .jl-search-input:focus { border-color: #000000; } .jl-heading-content .jl-heading-title h2 { font-size: 30px; text-transform: uppercase; font-weight: 700; margin: 0; } .jl-heading-content .jl-heading-subtitle { font-size: 16px; font-weight: 400; line-height: 26px; } .jl-text-right .jl-heading-content { position: relative; padding-right: 90px; } .jl-text-right .jl-heading-content:before { border-bottom: 2px dashed #e2a750; top: 20px; content: ""; height: 0; position: absolute; right: 0px; width: 70px; } @media only all and (max-width: 50.99rem) { .jl-text-right .jl-heading-content { padding-right: 0; } .jl-text-right .jl-heading-content:before { display: none; } } .jl-text-left .jl-heading-content { position: relative; padding-left: 90px; } .jl-text-left .jl-heading-content:before { border-bottom: 2px dashed #e2a750; top: 20px; content: ""; height: 0; position: absolute; left: 0px; width: 70px; } @media only all and (max-width: 50.99rem) { .jl-text-left .jl-heading-content { padding-left: 0; } .jl-text-left .jl-heading-content:before { display: none; } } #g-showcase span { color: #e2a750; } #g-showcase .tp-caption { font-family: "Orbitron"; } #g-showcase .tp-caption a { color: #fff; } #g-showcase .tp-caption a:hover { color: #fff; } #g-about .jl-text-left .jl-heading-subtitle { max-width: 400px; } #g-about .img-right { position: absolute; left: 50%; top: 20%; } @media only all and (max-width: 59.99rem) { #g-about .img-right { position: relative; display: table-footer-group; } } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-images img { width: 100%; } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro { position: relative; background: #fafafa none repeat scroll 0 0; padding-top: 40px; padding-bottom: 40px; padding-right: 20px; } @media only all and (max-width: 50.99rem) { #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro { background: transparent; } } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro .jl-featurebox-item-title h3 { color: #383838; margin-bottom: 10px; font-weight: 700; } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro .jl-featurebox-item-title h3:hover { color: #e2a750; } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro .jl-featurebox-item-subtitle { color: #383838; max-width: 600px; } #g-about .jl-featurebox .jl-featurebox-item .jl-featurebox-item-content .jl-featurebox-item-intro .jl-featurebox-item-subtitle i { color: #dddddd; float: right; font-size: 72px; position: absolute; right: 40px; top: 35px; transform: rotate(-29deg); } .contact-address { background: #e2a750 none repeat scroll 0 0; padding: 30px; } @media only all and (max-width: 59.99rem) { .contact-address { position: relative; top: 0; right: 0; width: 240px; } } .contact-address .contact-adres-single { padding-bottom: 15px; padding-left: 60px; } @media only all and (max-width: 59.99rem) { .contact-address .contact-adres-single { padding-left: 20px; } } .contact-address .contact-adres-single h4 { position: relative; font-size: 18px; color: #fff; } .contact-address .contact-adres-single h4:after { border-bottom: 1px dashed #fff; bottom: 10px; content: ""; height: 70px; left: -70px; position: absolute; width: 50px; } @media only all and (max-width: 59.99rem) { .contact-address .contact-adres-single h4:after { display: none; } } #g-intro .jl-youtube { text-align: center; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content { background: transparent; padding: 0; box-shadow: none; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-desc { font-size: 16px; font-weight: 400; font-style: normal; color: #fff; display: inline-block; max-width: 800px; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-desc i { display: none; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-info { padding-top: 20px; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-info .jl-testimonial-image img { border-radius: 0; width: 60px; height: 60px; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-info .jl-testimonial-name h4 { color: #fff; font-size: 14px; margin: 0; } #g-intro .jl-testimonial .jl-testimonial-item .jl-testimonial-item-content .jl-testimonial-info .jl-testimonial-name .jl-testimonial-title { font-size: 12px; color: #fff; padding: 5px 0 0 0; } @media only all and (max-width: 50.99rem) { #g-features .jl-counter .jl-counter-item { margin-top: 30px; } } #g-features .jl-counter .jl-counter-number { font-size: 30px; font-weight: 400; border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 20px; } #g-features .jl-counter .jl-counter-title h3 { margin: 0; } .custom-fb .tm-title, .custom-fb .el-title { padding: 15px; } .custom-fb .tm-title span, .custom-fb .el-title span { float: right; } #g-footer .line { border-top: 1px solid rgba(255, 255, 255, 0.2); } #g-footer .footer-txt ul li { list-style-type: none; padding: 12px 0; } #g-footer .footer-txt ul li:first-child { padding-top: 0; } #g-footer .footer-txt ul li a { color: #fff; font-size: 14px; } #g-footer .footer-txt ul li a:hover { color: #e2a750; } #g-error .error-txt h1 { font-size: 120px; font-weight: 800; } #g-error .error-txt h3 { font-size: 35px; } #g-error .error-txt .er-bt { color: #fff; background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); } @media only all and (max-width: 50.99rem) { #g-error .error-txt .er-bt { margin-top: 10px; } } #g-error .error-txt .er-bt:hover { border-color: #fff; color: #000000; } #g-error .error-txt .er-bt:before { background: #fff; } [id^="featurebox-"] .service-fb .icofont, [id^="jlfeaturebox-"] .service-fb .icofont { color: #dddddd; float: right; font-size: 72px; position: absolute; right: 40px; top: 35px; transform: rotate(-29deg); } [id^="featurebox-"] .service-home .item-wrapper, [id^="jlfeaturebox-"] .service-home .item-wrapper { padding: 38px 25px 35px; transition: 0.4s; } [id^="featurebox-"] .service-home .item-wrapper:hover, [id^="jlfeaturebox-"] .service-home .item-wrapper:hover { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; } .mod-breadcrumbs__wrapper .mod-breadcrumbs { text-align: center; display: block; } .mod-breadcrumbs__wrapper .mod-breadcrumbs li { display: inline-block; } .mod-breadcrumbs__wrapper .mod-breadcrumbs li.mod-breadcrumbs__divider, .mod-breadcrumbs__wrapper .mod-breadcrumbs li.mod-breadcrumbs__here { float: none !important; } #g-navigation { height: 80px; color: #949494; background: #000000; z-index: 999; position: relative; } #g-navigation .jl-navbar-container:not(.jl-navbar-transparent) { background: #000000; } #g-navigation .g-main-nav .g-dropdown .jl-nav { padding: 25px; } #g-navigation .g-main-nav .g-dropdown .moduletable, #g-navigation .g-main-nav .g-dropdown .widget { color: #949494; } #g-navigation .g-main-nav .g-dropdown .moduletable a, #g-navigation .g-main-nav .g-dropdown .widget a { color: #949494; } #g-navigation .g-main-nav .g-dropdown .moduletable a:hover, #g-navigation .g-main-nav .g-dropdown .moduletable a:focus, #g-navigation .g-main-nav .g-dropdown .widget a:hover, #g-navigation .g-main-nav .g-dropdown .widget a:focus { color: rgba(255, 255, 255, 0.8); } #g-navigation .g-main-nav .g-dropdown .moduletable a:active, #g-navigation .g-main-nav .g-dropdown .widget a:active { color: #e2a750; } #g-navigation .jl-search-toggle:hover, #g-navigation .jl-search-toggle:focus, #g-navigation .jl-navbar-toggle:hover, #g-navigation .jl-navbar-toggle:focus { color: #e2a750; } #g-navigation .jl-navbar-item, #g-navigation .jl-navbar-nav > li > a, #g-navigation .jl-navbar-toggle { min-height: 80px; } #g-navigation .jl-navbar-dropdown, #g-navigation .jl-dropdown, #g-navigation .jl-navbar-dropbar { background: #000000; } #g-navigation .jl-navbar-nav > li > a, #g-navigation .jl-search-toggle, #g-navigation .jl-navbar-toggle, #g-navigation .jl-logo { color: #949494; } #g-navigation .jl-search-toggle:hover, #g-navigation .jl-search-toggle:focus, #g-navigation .jl-navbar-toggle:hover, #g-navigation .jl-navbar-toggle:focus { color: #e2a750; } #g-navigation .jl-navbar-nav > li:hover > a, #g-navigation .jl-navbar-nav > li > a:focus, #g-navigation .jl-navbar-nav > li > a[aria-expanded="true"], #g-navigation .jl-navbar-nav > li > a:active, #g-navigation .jl-navbar-nav > li.jl-active > a { color: #e2a750; } #g-navigation .jl-navbar-dropdown-nav > li > a { color: #949494; } #g-navigation .jl-navbar-dropdown-nav > li > a:focus, #g-navigation .jl-navbar-dropdown-nav > li > a:hover { color: rgba(255, 255, 255, 0.8); } #g-navigation .jl-navbar-dropdown-nav > li.jl-active > a { color: #e2a750; } #g-navigation .jl-navbar-dropdown-nav .jl-nav-header { color: #e2a750; } #g-navigation .jl-navbar-dropdown-nav .jl-nav-sub a { color: #949494; } #g-navigation .jl-navbar-dropdown-nav .jl-nav-sub a:hover { color: rgba(255, 255, 255, 0.8); } #g-navigation .jl-navbar-dropdown-nav .jl-nav-sub li.jl-active > a { color: #e2a750; } #g-navigation .mobile-toggle { color: #ffffff; } #g-navigation .mobile-toggle:focus, #g-navigation .mobile-toggle:hover { color: rgba(255, 255, 255, 0.75); } #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: #949494; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { color: #949494; } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: #e2a750; } #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: #e2a750; } #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: #e2a750; } #g-navigation .g-main-nav .g-dropdown { background: #000000; box-shadow: 0px 1px 14px 3px rgba(76, 89, 119, 0.3); } #g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container { color: #949494; } #g-navigation .g-main-nav .g-sublevel > li:not(.g-go-back) + :not(.g-go-back) { border-top: 1px solid rgba(26, 26, 26, 0.85); } #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: rgba(255, 255, 255, 0); } #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container { color: rgba(255, 255, 255, 0.8); } #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: #e2a750; } #g-navigation .g-main-nav .g-standard .g-parent .g-menu-parent-indicator { top: inherit; } #g-navigation .g-main-nav .g-toplevel { display: flex; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; gap: 30px; } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { #g-navigation .g-main-nav .g-toplevel { gap: 15px; } } #g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #0f0f0f; background: black; 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: black; } #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: #949494; } #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 #0f0f0f; background: black; border-radius: 0.1875rem; padding: 0.4rem; margin-top: -0.4rem; margin-right: -0.4rem; } #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: black; } #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; color: #949494; } .g-main-nav .g-toplevel { font-weight: 400; } .g-main-nav .g-toplevel > li { cursor: initial; } .g-main-nav .g-toplevel > li > .g-menu-item-container { text-decoration: none; display: flex; justify-content: center; align-items: center; column-gap: 0.25em; box-sizing: border-box; min-height: 80px; } .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content { line-height: normal; } .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after { width: 1.2rem; font-size: 0.875rem; } .g-main-nav .g-toplevel i { opacity: 0.6; } .g-main-nav .g-dropdown { text-align: left; } .dir-rtl .g-main-nav .g-dropdown { text-align: right; } .g-main-nav .g-sublevel > li > .g-menu-item-container { padding: 0.7815rem 1rem; display: flex; align-items: center; column-gap: 0.25em; text-decoration: none; } #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 { background: #fff !important; color: #000 !important; } } #g-showcase { color: #ffffff; background: #000000; position: relative; z-index: 10; } #g-showcase .g-content { padding: 0; margin: 0; } #g-showcase .g-content span.jl-text-primary { color: #e2a750 !important; } @media print { #g-showcase { background: #fff !important; color: #000 !important; } } #g-pagetitle { color: #ffffff; background: #000000; position: relative; background: url('/templates/jl_filmmaker_pro/images/joomlead/background/pagetitle.png?69b84f2e') no-repeat center top; background-size: cover; } #g-pagetitle:before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; } #g-pagetitle .g-content { position: relative; z-index: 2; } @media print { #g-pagetitle { background: #fff !important; color: #000 !important; } } #g-about { position: relative; color: #000000; background: #ffffff; } @media print { #g-about { background: #fff !important; color: #000 !important; } } #g-intro { color: #ffffff; background: #000000; } @media print { #g-intro { background: #fff !important; color: #000 !important; } } #g-features { color: #ffffff; background: #000000; background: url('../images/joomlead/background/features-bg.png') no-repeat center center; background-size: cover; } @media print { #g-features { background: #fff !important; color: #000 !important; } } #g-expanded { color: #ffffff; background: #000000; } @media print { #g-expanded { background: #fff !important; color: #000 !important; } } #g-utility { color: #ffffff; background: #000000; } @media print { #g-utility { background: #fff !important; color: #000 !important; } } #g-services { color: #ffffff; background: #000000; position: relative; background: url('../images/joomlead/background/services-bg.png') no-repeat center center; background-size: cover; } #g-services .g-content { position: relative; z-index: 2; } #g-services:before { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; } @media print { #g-services { background: #fff !important; color: #000 !important; } } #g-testimonials { color: #000000; background: #ffffff; background: url('../images/joomlead/background/testimonials-bg.png') no-repeat center top; background-size: cover; } @media print { #g-testimonials { background: #fff !important; color: #000 !important; } } #g-team { color: #ffffff; background: #000000; } @media print { #g-team { background: #fff !important; color: #000 !important; } } #g-container-main { background: #ffffff; color: #000000; } @media print { #g-mainbar { background: #fff !important; color: #000 !important; } } #g-footer { color: #ffffff; background: #000000; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('/templates/jl_filmmaker_pro/images/joomlead/background/footer-bg.png?69b84f2e'); } #g-footer:before { position: absolute; content: ""; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.95); } #g-footer .g-grid { position: relative; z-index: 1; } #g-footer a { color: #ffffff; } #g-footer a.jl-icon-button { background-color: #000000; color: #ffffff; } #g-footer a.jl-icon-button:hover, #g-footer a.jl-icon-button:focus, #g-footer a.jl-icon-button:active { color: #e6e6e6; } #g-footer a:hover, #g-footer a:focus, #g-footer a:active { color: rgba(255, 255, 255, 0.75); } @media only all and (max-width: 50.99rem) { #g-footer .g-grid .g-block .g-content { padding-bottom: 0; } #g-footer .g-grid .g-block:last-child .g-content { padding-bottom: 1.5rem; } } @media print { #g-footer { background: #fff !important; color: #000 !important; } } #g-error { color: #ffffff; background: #000000; background: url('/templates/jl_filmmaker_pro/images/joomlead/error/error-bg.png?69b84f2e') no-repeat center top; background-size: cover; position: relative; text-align: center; } @media print { #g-error { background: #fff !important; color: #000 !important; } } #g-offcanvas { background: #000000; width: 16rem; color: #ffffff; } #g-offcanvas a { color: gray; } #g-offcanvas a:hover { color: #ffffff; } #g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong { color: #ffffff; } #g-offcanvas .button { background: #e2a750; color: #ffffff; } #g-offcanvas .button:hover { background: #e6b266; } #g-offcanvas .button:active { background: #de9c3a; } .g-offcanvas-toggle { font-size: 1.5rem; color: #ffffff; display: none; } @media only all and (max-width: 51rem) { .g-offcanvas-toggle { display: block; } } #g-offcanvas #g-mobilemenu-container ul { background: #000000; } #g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container { color: #ffffff; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-go-back) { border-top: 1px solid rgba(26, 26, 26, 0.85); } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: black; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container { color: rgba(255, 255, 255, 0.75); } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover.g-menu-item-link-parent .g-menu-parent-indicator:after, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-menu-item-link-parent .g-menu-parent-indicator:after { color: #ffffff; opacity: 0.8; } #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator { border: 1px solid #0f0f0f; background: black; color: #ffffff; border-radius: 0.1875rem; margin: -0.2rem 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: black; } #g-offcanvas #g-mobilemenu-container ul .g-dropdown-column { width: 16rem; } #g-mobilemenu-container { margin: -2.125rem; } @media print { #g-offcanvas { background: #fff !important; color: #000 !important; } } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 16rem; } .g-offcanvas-open .g-offcanvas-right #g-page-surround { right: 16rem; } #g-aside { color: #000000; background: #ffffff; } #g-aside .jl-h4, #g-aside .g-title { font-size: 22px; } #g-aside .g-title { margin: 5px 0 20px 0; } #g-aside .moduletable { margin-bottom: 1.5rem; } @media print { #g-aside { background: #fff !important; color: #000 !important; } } #g-sidebar { background: #ffffff; color: #000000; } #g-sidebar .jl-h4, #g-sidebar .g-title { font-size: 22px; } #g-sidebar .g-title { margin: 5px 0 20px 0; } #g-sidebar .moduletable { margin-bottom: 1.5rem; } @media print { #g-sidebar { background: #fff !important; color: #000 !important; } } .outline-_offline { text-align: inherit; } .outline-_offline #frame { max-width: 26rem; background: #ffffff; border: none; border-radius: 10px; box-shadow: 0 4px 20px -10px #4d79b3; color: #495057; padding: 30px; width: 100%; box-sizing: border-box; } .outline-_offline #frame .inputbox { background-color: #fff; border: 1px solid #b8c9e0; border-radius: 0.25rem; height: 42px; padding: 0.375rem 0.75rem; } .outline-_offline #frame .inputbox:hover, .outline-_offline #frame .inputbox:focus, .outline-_offline #frame .inputbox:active { border-color: #000000; } .outline-_offline #frame .button.login { border: 1px solid #000000; border-radius: 0.25rem; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0.5rem 1rem; text-align: center; user-select: none; vertical-align: middle; background-color: #000000; color: #ffffff; width: 100%; box-sizing: border-box; } .outline-_offline #frame .button.login:hover, .outline-_offline #frame .button.login:focus, .outline-_offline #frame .button.login:active { background-color: black; border-color: black; } .outline-_error input.inputbox.search-query.input-medium { width: 60%; padding: 14px 60px 15px 30px; height: inherit; border: none; color: #17C3B9; font-size: 18px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; } .outline-_error button.btn, .outline-_error input[type="submit"].btn { background: #000000; font-size: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: none; padding: 11px; left: 10px; margin-left: -66px; position: relative; opacity: 0.7; } .g-social { line-height: normal; text-align: right; } .g-social a { color: #fff; } .g-social a span { width: 35px; height: 35px; border: 1px solid #fff; color: #fff; line-height: 35px; text-align: center; font-size: 14px; border-radius: 50%; } .g-social a span:hover { background: #fff; color: #555; } .g-social a span.g-social-text { border: none; } .g-social a:hover { color: #000000; } @media only all and (max-width: 50.99rem) { .g-social { text-align: center; } } .g-branding { font-size: 14px; font-weight: 300; color: #fff; text-align: left; line-height: 35px; } .g-branding a { color: #e2a750; } .g-branding a:hover { color: #444; } .g-content-array { margin-left: -1.5rem; margin-right: -1.5rem; } .g-content-array .g-grid { margin-bottom: 3.1875rem; } .g-content-array .g-grid:last-child { margin-bottom: 0; } @media only all and (max-width: 50.99rem) { .g-content-array .g-grid:last-child .g-block:last-child .g-array-item { margin-bottom: 0; } } @media only all and (max-width: 50.99rem) { .g-content-array .g-grid { margin-bottom: 0; } } .g-content-array .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } @media only all and (max-width: 50.99rem) { .g-content-array .g-array-item { margin-bottom: 3.1875rem; } } .g-content-array .g-array-item-image { margin: 0 0 15px 0; } .g-content-array .g-item-title { margin: 0; } .g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more { margin: 15px 0 0; } .g-content-array .g-array-item-details { font-size: 90%; } .g-content-array .g-array-item-details > span { margin-right: 10px; } .g-content-array .g-array-item-details i { margin-right: 5px; } .jl-wrapper .jl-container .el-content { padding: 1.5rem; margin: 0.625rem; } .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container { box-sizing: content-box; max-width: 60rem; margin-left: auto; margin-right: auto; } .jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content { padding: 1.5rem; margin: 0.625rem; } @media only all and (min-width: 75rem) { .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container { max-width: 75rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container { max-width: 60rem; } } @media only all and (min-width: 51rem) and (max-width: 59.99rem) { .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container { max-width: 51rem; } } @media only all and (min-width: 30.01rem) and (max-width: 50.99rem) { .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container { max-width: 30rem; } } .jl-slideshow .el-content-wrapper { padding: 1.5rem; margin: 0.625rem; } .jl-slideshow .el-vertical-align { margin: 1.9749rem; } .tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper { padding: 0 1.5rem; margin: 0 0.625rem; } [id^="jlnavbar-"][id$="-particle"] { padding: 0 1.5rem; margin: 0 0.625rem; } .menu-simple .jl-container .g-main-nav { padding: 0 1.5rem; margin: 0 0.625rem; } .menu-extended .el-navbar-dropbar { padding-left: 1.5rem; padding-right: 1.5rem; } .el-horiz-nav { padding: 0 1.5rem; margin: 0 0.625rem; } [id^="jlnav-"][id$="-particle"] .jl-search-input { border-radius: 0; box-shadow: none; } ul.jl-list, .jl-breadcrumb, .jl-comment-list { margin-left: 0; } ul.jl-tab, .jl-subnav { margin-top: 0; } p, ul.jl-list { margin: 0 0 20px 0; } .jl-hr, hr { overflow: visible; text-align: inherit; border-top: 1px solid #e5e5e5; } .jl-checkbox, .jl-radio { display: inline-block !important; width: 16px !important; } .jl-modal-dialog video { vertical-align: middle; } .jl-link { color: #000000; } .jl-link:hover, .jl-link:focus, .jl-link:active { color: black; } .jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary { color: #000000 !important; } .jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a { color: #000000; } .jl-search-input { box-sizing: border-box !important; } .jl-search-navbar .jl-search-input:focus, .jl-tab > .jl-active > a { border-color: #000000; } .jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) { background-color: #000000; } .jl-light .jl-label { background-color: #fff; color: #1c1c1c; } .jl-light > :not([class*="jl-card-media"]) .jl-card-title { color: rgba(255, 255, 255, 0.77); } .jl-button-primary:hover, .jl-button-primary:focus { background-color: black; } .jl-light .jl-button-primary:focus { background-color: #fff; color: #1c1c1c; } .jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) { stroke: currentcolor; } .jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge { background: #000000; } .jl-text-background { background-color: #000000; background-image: linear-gradient(90deg, #000000 0, black 100%); } .jl-checkbox:focus, .jl-radio:focus { border-color: #000000; } .jl-radio:checked:focus { background-color: #000000; } .jl-overlay-primary { background: rgba(0, 0, 0, 0.8); } .jl-button-default { background-color: rgba(255, 255, 255, 0); color: #000000; border-color: #000000; } .jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active { background-color: #000000; border-color: #000000; color: #ffffff; } .jl-pagination > * > :hover { color: #fff; background-color: black; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container embed, .embed-container iframe, .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .jl-youtube-icon { font-size: 60px; } .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: 51rem) and (max-width: 59.99rem) { .g-container { width: 51rem; } } @media only all and (min-width: 30.01rem) and (max-width: 50.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: 50.99rem) { .g-block { flex-grow: 0; flex-basis: 100%; } } @media only all and (max-width: 50.99rem) { body [class*="size-"] { flex-grow: 0; flex-basis: 100%; max-width: 100%; } } @media only all and (max-width: 50.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: 50.99rem) { .visible-phone { display: block !important; } .g-block.visible-phone { display: block !important; } } @media only all and (min-width: 51rem) 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: 50.99rem) { .hidden-phone { display: none !important; } } @media only all and (min-width: 51rem) 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: 50.99rem) { .align-right { text-align: inherit !important; } .align-left { text-align: inherit !important; } }