/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ html, body { overflow-x: hidden; } .outline-14 .g-main-nav .g-toplevel { font-size: 0.96rem; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-14 .g-main-nav .g-toplevel li .g-menu-item-container { padding: 1.4rem 0.65rem 1.05rem; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-14 #g-navigation.g-fixed-element .g-main-nav .g-toplevel { font-size: 0.9rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-14 #g-navigation.g-fixed-element .g-main-nav li .g-menu-item-container { padding: 1.4rem 0.65rem 1.1rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } } .outline-13 .g-main-nav .g-toplevel { font-size: 1rem; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-13 .g-main-nav .g-toplevel li .g-menu-item-container { padding: 1.4rem 0.7rem 1rem; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-13 #g-navigation.g-fixed-element .g-main-nav .g-toplevel { font-size: 0.9rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .outline-13 #g-navigation.g-fixed-element .g-main-nav li .g-menu-item-container { padding: 1.4rem 0.7rem 1.1rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } } /* BORDERS */ /* forced border styling */ .no-border { border: 0px !important; } /* forced no shadow styling */ .no-text-shadow { text-shadow: 0px 0px 0px transparent !important; } .no-box-shadow { box-shadow: 0px 0px 0px transparent !important; } /* BORDER RADIUS STYLING RESPONSIVE WITH MEDIA QUERIES */ .border-radius-responsive-10-01 { border-radius: 0px 0px 10px 10px; } /* border radius styling */ .border-radius-5 { border-radius: 5px; } .border-radius-10 { border-radius: 10px; } .border-radius-15 { border-radius: 15px; } .border-radius-20 { border-radius: 20px; } .border-radius-round-top-5 { border-radius: 5px 5px 0px 0px; } .border-radius-round-top-10 { border-radius: 10px 10px 0px 0px; } .border-radius-round-top-15 { border-radius: 15px 15px 0px 0px; } .border-radius-round-top-20 { border-radius: 20px 20px 0px 0px; } .border-radius-round-bottom-5 { border-radius: 0px 0px 5px 5px; } .border-radius-round-bottom-10 { border-radius: 0px 0px 10px 10px; } .border-radius-round-bottom-15 { border-radius: 0px 0px 15px 15px; } .border-radius-round-bottom-20 { border-radius: 0px 0px 15px 15px; } .border-radius-round-left-5 { border-radius: 5px 0px 0px 5px; } .border-radius-round-left-10 { border-radius: 10px 0px 0px 10px; } .border-radius-round-left-15 { border-radius: 15px 0px 0px 15px; } .border-radius-round-left-20 { border-radius: 20px 0px 0px 20px; } .border-radius-round-right-5 { border-radius: 0px 5px 5px 0px; } .border-radius-round-right-10 { border-radius: 0px 10px 10px 0px; } .border-radius-round-right-15 { border-radius: 0px 15px 15px 0px; } .border-radius-round-right-20 { border-radius: 0px 20px 20px 0px; } .border-radius-square-top-left-5 { border-radius: 0px 5px 5px 5px; } .border-radius-square-top-left-10 { border-radius: 0px 10px 10px 10px; } .border-radius-square-top-left-15 { border-radius: 0px 15px 15px 15px; } .border-radius-square-top-left-20 { border-radius: 0px 20px 20px 20px; } .border-radius-square-top-right-5 { border-radius: 5px 0px 5px 5px; } .border-radius-square-top-right-10 { border-radius: 10px 0px 10px 10px; } .border-radius-square-top-right-15 { border-radius: 15px 0px 15px 15px; } .border-radius-square-top-right-20 { border-radius: 20px 0px 20px 20px; } .border-radius-square-bottom-right-5 { border-radius: 5px 5px 0px 5px; } .border-radius-square-bottom-right-10 { border-radius: 10px 10px 0px 10px; } .border-radius-square-bottom-right-15 { border-radius: 15px 15px 0px 15px; } .border-radius-square-bottom-right-20 { border-radius: 20px 20px 0px 20px; } .border-radius-square-bottom-left-5 { border-radius: 5px 5px 5px 0px; } .border-radius-square-bottom-left-10 { border-radius: 10px 10px 10px 0px; } .border-radius-square-bottom-left-15 { border-radius: 15px 15px 15px 0px; } .border-radius-square-bottom-left-20 { border-radius: 20px 20px 20px 0px; } /* border styling */ .border { border: solid medium #000000 !important; } /* default*/ .border-color { border: solid medium #7A7C64 !important; } /* default color*/ .border-black-thin { border: solid thin #333333 !important; } .border-black-medium { border: solid medium #000000 !important; } .border-black-thick { border: solid thick #000000 !important; } .border-color-thin { border: solid thin #7A7C64 !important; } .border-color-medium { border: solid medium #7A7C64 !important; } .border-color-thick { border: solid thick #7A7C64 !important; } .border-top-black-thin { border-top: solid thin #000000 !important; } .border-top-black-medium { border-top: solid medium #000000 !important; } .border-top-black-thick { border-top: solid thick #000000 !important; } .border-top-color-thin { border-top: solid thin #7A7C64 !important; } .border-top-color-medium { border-top: solid medium #7A7C64 !important; } .border-top-color-thick { border-top: solid thick #7A7C64 !important; } .border-right-black-thin { border-right: solid thin #000000 !important; } .border-right-black-medium { border-right: solid medium #000000 !important; } .border-right-black-thick { border-right: solid thick #000000 !important; } .border-right-color-thin { border-right: solid thin #7A7C64 !important; } .border-right-color-medium { border-right: solid medium #7A7C64 !important; } .border-right-color-thick { border-right: solid thick #7A7C64 !important; } .border-bottom-black-thin { border-bottom: solid thin #000000 !important; } .border-bottom-black-medium { border-bottom: solid medium #000000 !important; } .border-bottom-black-thick { border-bottom: solid thick #000000 !important; } .border-bottom-color-thin { border-bottom: solid thin #7A7C64 !important; } .border-bottom-color-medium { border-bottom: solid medium #7A7C64 !important; } .border-bottom-color-thick { border-bottom: solid thick #7A7C64 !important; } .border-left-black-thin { border-left: solid thin #000000 !important; } .border-left-black-medium { border-left: solid medium #000000 !important; } .border-left-black-thick { border-left: solid thick #000000 !important; } .border-left-color-thin { border-left: solid thin #7A7C64 !important; } .border-left-color-medium { border-left: solid medium #7A7C64 !important; } .border-left-color-thick { border-left: solid thick #7A7C64 !important; } /* CENTERED CONTENT */ .justify-center { justify-content: center; } /* CENTERED DIVS */ div.center98 { width: 98%; display: block; margin-left: auto; margin-right: auto; } div.center90 { width: 90%; display: block; margin-left: auto; margin-right: auto; } div.center80 { width: 80%; display: block; margin-left: auto; margin-right: auto; } div.center70 { width: 70%; display: block; margin-left: auto; margin-right: auto; } div.center60 { width: 60%; display: block; margin-left: auto; margin-right: auto; } div.center50 { width: 50%; display: block; margin-left: auto; margin-right: auto; } div.center40 { width: 40%; display: block; margin-left: auto; margin-right: auto; } div.center30 { width: 30%; display: block; margin-left: auto; margin-right: auto; } div.center20 { width: 20%; display: block; margin-left: auto; margin-right: auto; } div.center10 { width: 10%; display: block; margin-left: auto; margin-right: auto; } div.center70-table { width: 70%; display: block; margin-left: auto; margin-right: auto; } div.center50-table { width: 50%; display: block; margin-left: auto; margin-right: auto; } /*#####################################*/ /* START CUSTOMISATION OF CONTACT PAGE */ /*#####################################*/ /* CLASS = contact-style */ /* AREA BEHIND SUBMIT BUTTON TRANSPARENT */ .form-actions { background-color: rgba(255, 255, 255, 0) !important; border-top-width: 0px !important; } /* TITLE TEXT COLOR */ .contact-style h2 { border-bottom-width: 0px; box-shadow: 0 0 0 white; color: black; text-shadow: 0 1px 0 white; } /* CONTACT TABS STYLING */ .contact-style .nav-tabs { border-bottom-color: #b9c8cc; } /* CHANGE INACTIVE TAB COLOR */ .contact-style .nav-tabs > li > a { background-color: rgba(255, 255, 255, 0.5); border-bottom-color: #b9c8cc; } .contact-style .nav-tabs > li > a:hover { color: #555; background-color: rgba(255, 255, 255, 0.7); } .contact-style .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: black !important; background-color: white !important; border-top-color: #c8d3d6; border-left-color: #c8d3d6; border-right-color: #c8d3d6; border-bottom-color: #b9c8cc; } .contact-style .contact-form legend { border-bottom-color: #b9c8cc; border-bottom-style: solid; border-bottom-width: 1px; box-shadow: 0 1px 0 #f3f5f6; color: #303030; text-shadow: 0 0 0 white; top: 1rem !important; } /* HIDE H3 ON PLAIN TEXT CONTACT PAGE */ .contact > h3, dl { display: none; } /* EXPAND CONTACT FORM TO FULL WIDTH */ /* ADDED AS A PAGE CLASS TO THE CONTACT */ /* MENU ITEM SINCE IT CAUSES A STYLING */ /* ISSUE WITH GOOGLE MAPS FROM REUMER TECH */ .contact-style input, .contact-style .uneditable-input { width: calc(100% - 15px) !important; } textarea { width: 100% !important; } .contact-style input[type="checkbox"], .contact-style input[type="radio"] { margin-top: 0 !important; margin-right: 0.375rem !important; margin-bottom: 0 !important; margin-left: 0 !important; } /*###################################*/ /* END CUSTOMISATION OF CONTACT PAGE */ /*###################################*/ /***********************/ /* STYLED DROP SHADOWS */ /* START */ /***********************/ /* Shared styles for sidebar styling */ .moduletable .n8-drop-shadow-moduletable { position: relative; float: left; padding: 1em; margin: 2em 10px 4em; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .moduletable .n8-drop-shadow-moduletable:before, .moduletable .n8-drop-shadow-moduletable:after { content: ""; position: absolute; z-index: -2; } /* Shared styles */ .n8-drop-shadow { position: relative; float: left; padding: 1em; margin: 2em 10px 4em; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .n8-drop-shadow:before, .n8-drop-shadow:after { content: ""; position: absolute; z-index: -2; } /* Lifted corners */ .n8-lifted { -moz-border-radius: 4px; border-radius: 4px; } .n8-lifted:before, .n8-lifted:after { bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; max-height: 100px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .n8-lifted:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* Curled corners */ .n8-curled { border: 1px solid #efefef; -moz-border-radius: 0px 0px 120px 120px / 0px 0px 6px 6px; border-radius: 0px 0px 120px 120px / 0px 0px 6px 6px; } .n8-curled:before, .n8-curled:after { bottom: 12px; left: 10px; width: 50%; height: 55%; max-width: 200px; max-height: 100px; -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5); -webkit-transform: skew(-8deg) rotate(-3deg); -moz-transform: skew(-8deg) rotate(-3deg); -ms-transform: skew(-8deg) rotate(-3deg); -o-transform: skew(-8deg) rotate(-3deg); transform: skew(-8deg) rotate(-3deg); } .n8-curled:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } /* Perspective */ .n8-perspective:before { left: 80px; bottom: 5px; width: 50%; height: 35%; max-width: 200px; max-height: 50px; -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4); -webkit-transform: skew(50deg); -moz-transform: skew(50deg); -ms-transform: skew(50deg); -o-transform: skew(50deg); transform: skew(50deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; } .n8-perspective:after { display: none; } /* Raised shadow - no pseudo-elements needed */ .n8-raised { -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /* Curved shadows */ .n8-curved:before { top: 10px; bottom: 10px; left: 0; right: 50%; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); -moz-border-radius: 10px / 100px; border-radius: 10px / 100px; } .n8-curved-vt-2:before { right: 0; } .n8-curved-hz-1:before { top: 50%; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .n8-curved-hz-2:before { top: 0; bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } /* Rotated box */ .n8-rotated { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .n8-rotated > :first-child:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } /***********************/ /* STYLED DROP SHADOWS */ /* END */ /***********************/ /* shadowbox styling */ .boxshadow-dark { -webkit-box-shadow: 4px 4px 7px #000000 !important; -moz-box-shadow: 4px 4px 7px #000000 !important; box-shadow: 4px 4px 7px #000000 !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } /* default*/ .boxshadow-dark-thin { -webkit-box-shadow: 2px 2px 4px #000000 !important; -moz-box-shadow: 2px 2px 4px #000000 !important; box-shadow: 2px 2px 4px #000000 !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .boxshadow-dark-medium { -webkit-box-shadow: 4px 4px 7px #000000 !important; -moz-box-shadow: 4px 4px 7px #000000 !important; box-shadow: 4px 4px 7px #000000 !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .boxshadow-dark-thick { -webkit-box-shadow: 7px 7px 10px #000000 !important; -moz-box-shadow: 7px 7px 10px #000000 !important; box-shadow: 7px 7px 10px #000000 !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .boxshadow-light { -webkit-box-shadow: 4px 4px 7px #cccccc !important; -moz-box-shadow: 4px 4px 7px #cccccc !important; box-shadow: 4px 4px 7px #cccccc !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } /* default*/ .boxshadow-light-thin { -webkit-box-shadow: 2px 2px 4px #cccccc !important; -moz-box-shadow: 2px 2px 4px #cccccc !important; box-shadow: 2px 2px 4px #cccccc !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .boxshadow-light-medium { -webkit-box-shadow: 4px 4px 7px #cccccc !important; -moz-box-shadow: 4px 4px 7px #cccccc !important; box-shadow: 4px 4px 7px #cccccc !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .boxshadow-light-thick { -webkit-box-shadow: 7px 7px 10px #cccccc !important; -moz-box-shadow: 7px 7px 10px #cccccc !important; box-shadow: 7px 7px 10px #cccccc !important; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } /* float */ .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .n8-float-left { float: left !important; } .n8-float-right { float: right !important; } .n8-float-none { float: none !important; } /* FONT AWESOME CUSTOMISATIONS */ .g-contact .g-contact-icon { border-right-color: rgba(0, 0, 0, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.25rem; height: 45px; left: 0; line-height: 45px; position: absolute; width: 35px; } .g-contact-icon-mobile { border-right-color: rgba(0, 0, 0, 0); border-right-style: none; border-right-width: 1px; font-size: 1.25rem; height: 45px; left: 0; line-height: 45px; position: absolute; width: 35px; } .g-contact-icon-mobile .fa { -x-system-font: none; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: 2em; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: normal; line-height: 1; text-rendering: auto; vertical-align: middle; } /* FONT AWESOME 5 CUSTOMIZATIONS */ .g-contact-icon-mobile .fas, .g-contact-icon-mobile .far, .g-contact-icon-mobile .fal, .g-contact-icon-mobile .fab { vertical-align: middle; } /* END FONT AWESOME CUSTOMISATIONS */ /* CENTER FONT AWESOME ICONS & TEXT */ .g-contact-center { text-align: center !important; } .g-contact-center > .g-contact { text-align: left; display: inline-block; } .g-contact-center > .btn { text-align: left; display: inline-block; } /* text-align */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } /* font styling */ .text-italic { font-style: italic !important; } .text-normal { font-style: normal !important; } .text-oblique { font-style: oblique !important; } /* font sizing */ .fontsize-200 { font-size: 2em; } .fontsize-175 { font-size: 1.75em; } .fontsize-150 { font-size: 1.5em; } .fontsize-125 { font-size: 1.25em; } .fontsize-100 { font-size: 1em; } .fontsize-90 { font-size: 0.9em; } .fontsize-75 { font-size: 0.75em; } .fontsize-50 { font-size: 0.5em; } .fontsize-25 { font-size: 0.25em; } /* font weight styling */ .normal { font-weight: normal !important; } .bold { font-weight: bold !important; } .bolder { font-weight: 900 !important; } /* font text decoration styling */ .text-none { text-decoration: none; } .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } /* text transformation */ .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } /* text indent */ .text-indent-5 { text-indent: 5px; } .text-indent-10 { text-indent: 10px; } .text-indent-15 { text-indent: 15px; } .text-indent-20 { text-indent: 20px; } .text-indent-25 { text-indent: 25px; } /* vertical alignment */ .vertical-top { vertical-align: top; } .vertical-text-top { vertical-align: text-top; } .vertical-middle { vertical-align: middle; } .vertical-text-middle { vertical-align: text-middle; } .vertical-text-bottom { vertical-align: text-bottom; } .vertical-bottom { vertical-align: bottom; } /* letter spacing styling */ .letter-spacing-08 { letter-spacing: 0.8em; } .letter-spacing-09 { letter-spacing: 0.9em; } .letter-spacing-10 { letter-spacing: 1em; } .letter-spacing-11 { letter-spacing: 1.1em; } .letter-spacing-12 { letter-spacing: 1.2em; } .letter-spacing-13 { letter-spacing: 1.3em; } .letter-spacing-14 { letter-spacing: 1.4em; } .letter-spacing-15 { letter-spacing: 1.5em; } .letter-spacing-20 { letter-spacing: 2em; } .letter-spacing-25 { letter-spacing: 2.5em; } .letter-spacing-30 { letter-spacing: 3em; } /* word spacing styling */ .word-spacing-08 { word-spacing: 0.8em; } .word-spacing-09 { word-spacing: 0.9em; } .word-spacing-10 { word-spacing: 1em; } .word-spacing-11 { word-spacing: 1.1em; } .word-spacing-12 { word-spacing: 1.2em; } .word-spacing-13 { word-spacing: 1.3em; } .word-spacing-14 { word-spacing: 1.4em; } .word-spacing-15 { word-spacing: 1.5em; } .word-spacing-20 { word-spacing: 2em; } .word-spacing-25 { word-spacing: 2.5em; } .word-spacing-30 { word-spacing: 3em; } /* height settings */ .height100 { height: 100% !important; } .height90 { height: 90% !important; } .height80 { height: 80% !important; } .height70 { height: 70% !important; } .height60 { height: 60% !important; } .height50 { height: 50% !important; } .height45 { height: 45% !important; } .height40 { height: 40% !important; } .height33 { height: 33% !important; } .height30 { height: 30% !important; } .height25 { height: 25% !important; } .height20 { height: 20% !important; } .height16 { height: 16% !important; } .height10 { height: 10% !important; } section { position: relative; z-index: 1; /* needed for setting pseudo-element z-index */ overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } section a { position: relative; display: inline-block; outline: none; color: #404d5b; vertical-align: bottom; text-decoration: none; white-space: nowrap; } section a::before, section a::after { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .link-scaleup a { color: #1b1464; font-weight: 500; transition: color 0.3s ease 0s; } .link-scaleup a::before { background-color: #1b1464; border-radius: 4px; box-sizing: content-box; content: ""; height: 100%; left: -3px; opacity: 0; padding: 0 3px; position: absolute; top: 0; transform: scale(0); transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; width: 100%; z-index: -1; } .link-scaleup a:hover::before, .link-scaleup a:focus::before { opacity: 1; transform: scale(1); } .link-scaleup a:hover, .link-scaleup a:focus { color: #fff; } /* JCE MEDIABOX PREV, NEXT, & NUMBERS SPACING */ #jcemediabox-popup-closelink { margin-left: 0px; margin-right: 0px; padding-left: 0px; } #jcemediabox-popup-prev, #jcemediabox-popup-next { margin-left: 25px; margin-right: 5px; } span#jcemediabox-popup-numbers { margin-right: 0px; } span#jcemediabox-popup-numbers a { margin-left: 2px; margin-right: 13px; } /* padding */ .padding-none { padding: 0px !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-top-none { padding-top: 0px !important; } .padding-top-5 { padding-top: 5px !important; } .padding-top-10 { padding-top: 10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top: 20px !important; } .padding-right-none { padding-right: 0px !important; } .padding-right-5 { padding-right: 5px !important; } .padding-right-10 { padding-right: 10px !important; } .padding-right-15 { padding-right: 15px !important; } .padding-right-20 { padding-right: 20px !important; } .padding-bottom-none { padding-bottom: 0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-10 { padding-bottom: 10px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-bottom-20 { padding-bottom: 20px !important; } .padding-left-none { padding-left: 0px !important; } .padding-left-5 { padding-left: 5px !important; } .padding-left-10 { padding-left: 10px !important; } .padding-left-15 { padding-left: 15px !important; } .padding-left-20 { padding-left: 20px !important; } .padding-left-70 { padding-left: 70px !important; } /* margin */ .margin-none { margin: 0px !important; } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-15 { margin: 15px !important; } .margin-20 { margin: 20px !important; } .margin-top-none { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-right-auto { margin-right: auto; } .margin-right-none { margin-right: 0px !important; } .margin-right-5 { margin-right: 5px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-15 { margin-right: 15px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-bottom-none { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-left-auto { margin-left: auto; } .margin-left-none { margin-left: 0px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-none-p p { margin: 0px !important; } /* table styling */ .display-none { display: none; } .display-table { display: table; } .display-table-cell { display: table-cell; } .display-table-column { display: table-column; } .display-table-row { display: table-row; } /* width settings */ .width100 { width: 100% !important; } .width90 { width: 90% !important; } .width84 { width: 84% !important; } .width80 { width: 80% !important; } .width75 { width: 75% !important; } .width70 { width: 70% !important; } .width66 { width: 66% !important; } .width60 { width: 60% !important; } .width50 { width: 50% !important; } .width45 { width: 45% !important; } .width40 { width: 40% !important; } .width33 { width: 33% !important; } .width30 { width: 30% !important; } .width25 { width: 25% !important; } .width20 { width: 20% !important; } .width16 { width: 16% !important; } .width10 { width: 10% !important; } #g-to-top { position: fixed; bottom: 0; left: 0; height: 0; width: 0; z-index: 999; } #g-to-top .style1 #g-totop-button { position: fixed; bottom: -3rem; right: 2rem; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; } #g-to-top .style1 #g-totop-button:hover { background-color: #1b1464; } #g-to-top .style1 #g-totop-button.totopfixed { bottom: 2rem; } #g-to-top .style2 #g-totop-button { position: fixed; bottom: -3rem; right: 2rem; color: #ffffff; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; padding: 0.5em 0.7em; outline: none; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; } #g-to-top .style2 #g-totop-button:hover { background-color: #1b1464; } #g-to-top .style2 #g-totop-button.totopfixed { bottom: 2rem; } #g-to-top .style3 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; color: rgba(27, 20, 100, 0.5); outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style3 #g-totop-button:hover { color: #1b1464; } #g-to-top .style3 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style4 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(255, 255, 255, 0.5); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0); border-radius: 0.25em; padding: 0.6em 0.7em 0.5em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style4 #g-totop-button:hover { background-color: rgba(255, 255, 255, 0.7); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style4 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style4-L #g-totop-button { position: fixed; bottom: -3rem; left: 1rem; background-color: rgba(255, 255, 255, 0.5); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0); border-radius: 0.25em; padding: 0.6em 0.7em 0.5em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style4-L #g-totop-button:hover { background-color: rgba(255, 255, 255, 0.7); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style4-L #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style5 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(255, 255, 255, 0.1); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style5 #g-totop-button:hover { background-color: rgba(130, 156, 163, 0.3); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style5 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style6 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; color: rgba(67, 154, 134, 0.5); outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style6 #g-totop-button:hover { color: #439a86; } #g-to-top .style6 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style7 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(255, 255, 255, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style7 #g-totop-button:hover { background-color: rgba(130, 156, 163, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style7 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style8 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(255, 255, 255, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style8 #g-totop-button:hover { background-color: rgba(130, 156, 163, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style8 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style9 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(67, 154, 134, 0.1); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style9 #g-totop-button:hover { background-color: rgba(67, 154, 134, 0.3); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style9 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style10 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(67, 154, 134, 0.1); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style10 #g-totop-button:hover { background-color: rgba(67, 154, 134, 0.3); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style10 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style11 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(27, 20, 100, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style11 #g-totop-button:hover { background-color: rgba(27, 20, 100, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style11 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style12 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(27, 20, 100, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style12 #g-totop-button:hover { background-color: rgba(27, 20, 100, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style12 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style13 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(67, 154, 134, 0.1); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0.5); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style13 #g-totop-button:hover { background-color: rgba(67, 154, 134, 0.3); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style13 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style14 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(67, 154, 134, 0.1); color: rgba(27, 20, 100, 0.5); border: solid 0.01em rgba(27, 20, 100, 0.5); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style14 #g-totop-button:hover { background-color: rgba(67, 154, 134, 0.3); color: #1b1464; border: solid 0.01em #1b1464; } #g-to-top .style14 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style15 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(27, 20, 100, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0.5); border-radius: 0.25em; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style15 #g-totop-button:hover { background-color: rgba(27, 20, 100, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style15 #g-totop-button.totopfixed { bottom: 1rem; } #g-to-top .style16 #g-totop-button { position: fixed; bottom: -3rem; right: 1rem; background-color: rgba(27, 20, 100, 0.1); color: rgba(67, 154, 134, 0.5); border: solid 0.01em rgba(67, 154, 134, 0.5); border-radius: 50%; padding: 0.5em 0.7em; outline: none; transition: all 1s ease 0s, transform 1s ease 0s; } #g-to-top .style16 #g-totop-button:hover { background-color: rgba(27, 20, 100, 0.3); color: #439a86; border: solid 0.01em #439a86; } #g-to-top .style16 #g-totop-button.totopfixed { bottom: 1rem; } .g-contacts .g-grid { margin-left: -0.938rem; margin-right: -0.938rem; } .g-contacts .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } .g-contacts .g-contacts-item { text-align: left; } @media only all and (max-width: 47.99rem) { .g-contacts .g-contacts-item { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } .g-contacts .g-contacts-item:last-child { margin-bottom: 0 !important; } } .g-contacts.vertical .g-contacts-item { display: block; } .g-contacts.horizontal .g-contacts-item:not(.g-block) { display: inline-block; margin-right: 35px; } .g-contacts.horizontal .g-contacts-item:not(.g-block):last-child { margin-right: 0; } @media only all and (max-width: 47.99rem) { .g-contacts.style1 .g-contacts-item { margin-bottom: 7px; } } .g-contacts.style1 .g-contacts-icon { margin-right: 5px; } .g-contacts.style1.vertical .g-contacts-item { margin-bottom: 7px; } .g-contacts.style1.vertical .g-contacts-item:last-child { margin-bottom: 0; } @media only all and (max-width: 47.99rem) { .g-contacts.style2 .g-contacts-item { margin-bottom: 25px; } .g-contacts.style2 .g-contacts-item:not(.g-block) .g-contacts-icon { margin-top: 0 !important; } } .g-contacts.style2 .g-contacts-item.g-block { align-self: center; } .g-contacts.style2.horizontal .g-contacts-item:not(.g-block) .g-contacts-icon { margin-top: -5px; } .g-contacts.style2 .g-contacts-icon { float: left; border: 2px solid #dddddd; border-radius: 50%; font-size: 18px; height: 45px; line-height: 45px; text-align: center; width: 45px; color: #1b1464; } .g-contacts.style2 .g-contacts-icon > span { position: relative; top: -1px; } .g-contacts.style2 .g-title-value-container { margin-left: 60px; } .g-contacts.style2 .g-contact-title { margin-top: -5px; margin-bottom: 0; } .g-contacts.style2.vertical .g-contacts-item { margin-bottom: 25px; } .g-contacts.style2.vertical .g-contacts-item:last-child { margin-bottom: 0; } #g-header a { color: #1b1464; } #g-header a:hover { color: #000000; } #g-header .g-contacts .g-contacts-item { display: inline-block; padding: 11px 15px; margin-left: -4px; margin-bottom: 0; color: #1b1464; } #g-header .g-contacts .g-contacts-item:hover { color: #000000; } #g-header .g-contacts .g-contacts-item:first-child { margin-left: 0; } #g-header .g-contacts .g-contacts-item:last-child { margin-right: 0; } #g-header .g-contacts .g-contacts-item > a { color: #1b1464; } #g-header .g-contacts .g-contacts-item > a:hover { color: #000000; } #g-offcanvas .g-contacts .g-contacts-item { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } #g-offcanvas .g-contacts .g-contacts-item:last-child { margin-bottom: 0 !important; } #g-offcanvas .g-contacts.style1 .g-contacts-item { margin-bottom: 7px; } #g-offcanvas .g-contacts.style2 .g-contacts-item { margin-bottom: 25px; } #g-offcanvas .g-contacts.style2 .g-contacts-item:not(.g-block) .g-contacts-icon { margin-top: 0 !important; } #g-offcanvas .g-contacts .g-block { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; } [dir="rtl"] #g-header .g-contacts .g-contacts-item { border-right: none; border-left: 1px solid rgba(255, 255, 255, 0.6); } [dir="rtl"] #g-header .g-contacts .g-contacts-item:first-child { border-right: 1px solid rgba(255, 255, 255, 0.6); } [dir="rtl"] .g-contacts .g-contacts-item { text-align: right; } [dir="rtl"] .g-contacts.horizontal .g-contacts-item:not(.g-block) { display: inline-block; margin-left: 35px; margin-right: 0; } [dir="rtl"] .g-contacts.horizontal .g-contacts-item:not(.g-block):last-child { margin-left: 0; } [dir="rtl"] .g-contacts.style1 .g-contacts-icon { margin-left: 5px; margin-right: 0; } [dir="rtl"] .g-contacts.style2 .g-contacts-icon { float: right; } [dir="rtl"] .g-contacts.style2 .g-title-value-container { margin-right: 60px; margin-left: 0; } #g-header .it-social a { display: inline-block; padding: 8px 10px; /* background: $navigation-background; */ color: #1b1464; font-size: 0.9rem; margin-left: -4px; /* border-left: 1px solid rgba(255,255,255,0.8); */ /* border-right: 1px solid rgba(255,255,255,0.8); */ box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.8); } @media only all and (max-width: 47.99rem) { #g-header .it-social a { box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.8); } } #g-header .it-social a:first-child { border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); margin-left: 0; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-header .it-social a:first-child { border-left: 1px solid rgba(255, 255, 255, 0.9); border-right: 1px solid rgba(255, 255, 255, 0.9); } } #g-header .it-social a:last-child { border-right: 1px solid rgba(255, 255, 255, 0.8); } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-header .it-social a:last-child { border-left: 1px solid rgba(255, 255, 255, 0.9); border-right: 1px solid rgba(255, 255, 255, 0.9); } } @media only all and (max-width: 47.99rem) { #g-header .it-social a:last-child { border-left: 1px solid rgba(255, 255, 255, 0.9); /* margin-left: 1rem; */ } } #g-header .it-social a:hover { color: #000000; } #g-footer .it-social a { padding: 0 10px; color: #1b1464; margin: 0; border: none; } #g-footer .it-social a:first-child { border: none; } #g-footer .it-social a:hover { color: #000000; } #g-footer .g-block:last-child .it-social { margin-right: -10px; } @media only all and (max-width: 47.99rem) { #g-footer .g-block:last-child .it-social { margin-right: 0; } } @font-face { font-family: "ytpregular"; } @font-face { font-family: "ytpregular"; src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=') format("woff"), url('../fonts/ytpregular/ytp-regular.ttf') format("truetype"); font-weight: normal; font-style: normal; } /* Chrome, Safari, Opera */ @-webkit-keyframes "fade" { 0% { opacity: 0.5; } 100% { opacity: 1; } } /* Standard syntax */ @keyframes "fade" { 0% { opacity: 0.5; } 100% { opacity: 1; } } /*CONTROL BAR*/ /*PROGRESS BAR*/ /*VOLUME SLIDER*/ .mb_YTPlayer:focus { outline: 0; } .mb_YTPlayer .loading { position: absolute; top: 10px; right: 10px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.51); text-align: center; padding: 2px 4px; border-radius: 5px; font-family: "Droid Sans", sans-serif; -webkit-animation: fade 0.1s infinite alternate; animation: fade 0.1s infinite alternate; } .mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img { cursor: pointer; } .YTPWrapper { display: block; transform: translateZ(0) translate3d(0, 0, 0); transform-style: preserve-3d; perspective: 1000; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } .YTPFullscreen { display: block !important; position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; margin: 0 !important; border: none !important; opacity: 1 !important; background-color: #000; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .inline_YTPlayer { margin-bottom: 20px; vertical-align: top; position: relative; left: 0; overflow: hidden; border-radius: 4px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.5); } .inline_YTPlayer img { border: none !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .mb_YTPBar { transition: opacity 0.5s; display: block; width: 100%; height: 10px; padding: 5px; background: #333; position: fixed; bottom: 0; left: 0; text-align: left; z-index: 1000; font: 14px/16px sans-serif; color: white; opacity: 0.1; box-sizing: border-box; } .mb_YTPBar .ytpicon { font-size: 20px; font-family: "ytpregular"; } .mb_YTPBar .mb_YTPUrl.ytpicon { font-size: 30px; } .mb_YTPBar:hover { opacity: 1; } .mb_YTPBar:hover .buttonBar { background: rgba(0, 0, 0, 0.4); } .mb_YTPBar .buttonBar { transition: all 0.5s; background: transparent; font: 12px/14px Calibri; position: absolute; top: -30px; left: 0; padding: 5px; width: 100%; height: 40px; box-sizing: border-box; } .mb_YTPBar span { display: inline-block; font: 16px/20px Calibri, sans-serif; position: relative; width: 30px; height: 25px; vertical-align: middle; } .mb_YTPBar span.mb_YTPTime { width: 130px; } .mb_YTPBar span.mb_YTPUrl { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; } .mb_YTPBar span.mb_YTPUrl img { width: 60px; } .mb_YTPBar span.mb_YTPUrl a { color: white; } .mb_YTPBar span.mb_OnlyYT { position: absolute; width: auto; display: block; top: 6px; right: 10px; cursor: pointer; left: 300px; right: auto; } .mb_YTPBar span.mb_OnlyYT img { width: 25px; } .mb_YTPBar .mb_YTPPlaypause { cursor: pointer; } .mb_YTPBar .mb_YTPMuteUnmute { cursor: pointer; } .mb_YTPBar .mb_YTPProgress { height: 10px; width: 100%; background: #222; bottom: 0; left: 0; } .mb_YTPBar .mb_YTPLoaded { height: 10px; width: 0; background: #444; left: 0; } .mb_YTPBar .mb_YTPseekbar { height: 10px; width: 0; background: #bb110e; bottom: 0; left: 0; box-shadow: rgba(82, 82, 82, 0.47) 1px 1px 3px; } .mb_YTPBar .YTPOverlay { backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: "flat"; box-sizing: border-box; } .mb_YTPBar .simpleSlider { position: relative; width: 100px; height: 10px; border: 1px solid #fff; overflow: hidden; box-sizing: border-box; margin-right: 10px; cursor: pointer !important; border-radius: 3px; } .mb_YTPBar .simpleSlider.muted { opacity: 0.3; } .mb_YTPBar .level { position: absolute; left: 0; bottom: 0; background-color: #fff; box-sizing: border-box; } .mb_YTPBar .level.horizontal { height: 100%; width: 0; } .mb_YTPBar .level.vertical { height: auto; width: 100%; } .mb_YTPBar.visible { opacity: 1; } .mb_YTPBar.compact .simpleSlider { width: 40px; } .g-hours .g-grid { margin-left: -0.938rem; margin-right: -0.938rem; } .g-hours .g-content { margin: 0; padding-top: 0; padding-bottom: 0; } .g-hours .g-hours-item { text-align: left; } @media only all and (max-width: 47.99rem) { .g-hours .g-hours-item { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } .g-hours .g-hours-item:last-child { margin-bottom: 0 !important; } } .g-hours.vertical .g-hours-item { display: block; } .g-hours.horizontal .g-hours-item:not(.g-block) { display: inline-block; margin-right: 35px; } .g-hours.horizontal .g-hours-item:not(.g-block):last-child { margin-right: 0; } @media only all and (max-width: 47.99rem) { .g-hours.style1 .g-hours-item { margin-bottom: 7px; } } .g-hours.style1 .g-hours-icon { margin-right: 5px; } .g-hours.style1 .g-hour-title { font-weight: bold; } .g-hours.style1.vertical .g-hours-item { margin-bottom: 7px; } .g-hours.style1.vertical .g-hours-item:last-child { margin-bottom: 0; } @media only all and (max-width: 47.99rem) { .g-hours.style2 .g-hours-item { margin-bottom: 25px; } .g-hours.style2 .g-hours-item:not(.g-block) .g-hours-icon { margin-top: 0 !important; } } .g-hours.style2 .g-hours-item.g-block { align-self: center; } .g-hours.style2.horizontal .g-hours-item:not(.g-block) .g-hours-icon { margin-top: -5px; } .g-hours.style2 .g-hours-icon { float: left; border: 2px solid #dddddd; border-radius: 50%; font-size: 18px; height: 45px; line-height: 45px; text-align: center; width: 45px; color: #1b1464; } .g-hours.style2 .g-hours-icon > span { position: relative; top: -1px; } .g-hours.style2 .g-title-value-container { margin-left: 60px; } .g-hours.style2 .g-hour-title { margin-top: -5px; margin-bottom: 0; } .g-hours.style2 .g-hour-value { font-weight: bold; } .g-hours.style2.vertical .g-hours-item { margin-bottom: 25px; } .g-hours.style2.vertical .g-hours-item:last-child { margin-bottom: 0; } #g-header .g-hours.style1 .g-hours-item { border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.8); padding: 9.125px 15px; } #g-top .g-hours .g-hours-item { display: inline-block; padding: 11px 15px; border-right: 1px solid white; margin-left: -4px; margin-bottom: 0; } #g-top .g-hours .g-hours-item:first-child { border-left: 1px solid white; margin-left: 0; } #g-top .g-hours .g-hours-item:last-child { margin-right: 0; } #g-top .g-hours .g-hours-item > a { color: #666666; } #g-offcanvas .g-hours .g-hours-item { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } #g-offcanvas .g-hours .g-hours-item:last-child { margin-bottom: 0 !important; } #g-offcanvas .g-hours.style1 .g-hours-item { margin-bottom: 7px; } #g-offcanvas .g-hours.style2 .g-hours-item { margin-bottom: 25px; } #g-offcanvas .g-hours.style2 .g-hours-item:not(.g-block) .g-hours-icon { margin-top: 0 !important; } #g-offcanvas .g-hours .g-block { -webkit-flex-grow: 0; -moz-flex-grow: 0; flex-grow: 0; -ms-flex-positive: 0; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; flex-basis: 100%; -ms-flex-preferred-size: 100%; } [dir="rtl"] #g-top .g-hours .g-hours-item { border-right: none; border-left: 1px solid white; } [dir="rtl"] #g-top .g-hours .g-hours-item:first-child { border-right: 1px solid white; } [dir="rtl"] .g-hours .g-hours-item { text-align: right; } [dir="rtl"] .g-hours.horizontal .g-hours-item:not(.g-block) { display: inline-block; margin-left: 35px; margin-right: 0; } [dir="rtl"] .g-hours.horizontal .g-hours-item:not(.g-block):last-child { margin-left: 0; } [dir="rtl"] .g-hours.style1 .g-hours-icon { margin-left: 5px; margin-right: 0; } [dir="rtl"] .g-hours.style2 .g-hours-icon { float: right; } [dir="rtl"] .g-hours.style2 .g-title-value-container { margin-right: 60px; margin-left: 0; } /* Popupmessages atom - written by MrT @ RocketTheme */ /* Modified by: Andreas Kar (thex) */ /* MIT License Copyright (c) [2018] [Mark Taylor a.k.a MrT @ RocketTheme] Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .g-system-messages { display: none; } .g-system-messages.messages-loaded { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); width: 100vw; height: 100vh; z-index: 1000; } .g-system-messages.messages-loaded #system-message-container { position: absolute; left: 20vw; right: 20vw; top: 20vh; bottom: 0; } .g-system-messages.messages-loaded #system-message-container .alert .close { font-size: 3rem; color: red; opacity: 1; text-shadow: none; margin-top: -2.5rem; margin-right: -2.5rem; } .g-system-messages.messages-loaded #system-message-container .alert .close:hover { opacity: 0.8; text-decoration: none; } div.mod-languagesdsc-notmobile ul { margin: 0; padding: 0; list-style: none; } div.mod-languagesdsc-notmobile li { margin-left: 5px; margin-right: 5px; } div.mod-languagesdsc-notmobile ul.lang-inline li { display: inline; } div.mod-languagesdsc-notmobile ul.lang-block li { display: block; } div.mod-languagesdsc-notmobile img { border: none; } div.mod-languagesdsc-notmobile a { text-decoration: none; } /* ####################################### */ /* STYLING FOR ITEMS IN THE HEADER SECTION */ /* ####################################### */ /* WHEN THIS CLASS IS ADDED TO AN IMAGE IT ADDS THE */ /* BACKGROUND COLOR ASSIGNED TO THE NAVIGATION SECTION */ /* THIS IS USED FOR THE BANNER LOGO WHEN THE BACKGROUND VIDEO */ /* IS ACTIVE SO THE BANNER CAN BE SEEN PROPERLY */ .n8bg-for-image { border: 5px solid rgba(255, 255, 255, 0.6); border-radius: 0.7rem 0.7rem 0 0; background: linear-gradient(to top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); background-clip: padding-box, border-box; } /* STYLING HERE IS RELATED TO THE */ /* INSPIRE THEME SOCIAL & CONTACTS PARTICLES */ #g-header { /* START REMOVE PADDING AND MARGIN FROM HEADER */ /* END REMOVE PADDING AND MARGIN FROM HEADER */ } #g-header .g-content { margin: 1px; padding: 1px; } #g-header .g-grid:first-child { background: rgba(255, 255, 255, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8); } #g-header .g-grid:first-child:hover { background: rgba(255, 255, 255, 0.9); border-top: 1px solid white; border-bottom: 1px solid white; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #g-header .g-grid:first-child { background: rgba(255, 255, 255, 0.9); border-top: 1px solid white; border-bottom: 1px solid white; } } @media only all and (max-width: 47.99rem) { #g-header .g-grid:first-child { background: rgba(255, 255, 255, 0.9); border-top: 1px solid white; border-bottom: 1px solid white; } } #g-header .g-grid:first-child .g-content { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; font-size: 0.81rem; } #g-header .g-grid:first-child .g-block:first-child { text-align: left; padding-left: 5%; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-header .g-grid:first-child .g-block:first-child { padding-left: 2%; } } @media only all and (max-width: 47.99rem) { #g-header .g-grid:first-child .g-block:first-child { text-align: center; padding-left: 0; } } #g-header .g-grid:first-child .g-block:last-child { text-align: right; padding-right: 5%; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-header .g-grid:first-child .g-block:last-child { padding-right: 2%; } } @media only all and (max-width: 47.99rem) { #g-header .g-grid:first-child .g-block:last-child { text-align: center; padding-right: 0; } } #g-header .g-contacts.style1 .g-contacts-item { border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.8); padding: 9.125px 15px; } /* MOBILE STYLING */ /* CALL US BUTTON BORDER RADIUS */ #g-navigation .border-callus { border-radius: 10px; margin: 0 5px; } #g-navigation .btn-blue { text-shadow: 1px 1px 0px black; font-size: 14px; line-height: 16px; vertical-align: middle; width: calc(100% - 10px); border-radius: 10px; } #g-navigation .g-contact-icon-mobile .fa-phone { font-size: 1.25rem; transition: all 0.3s ease-in-out; } .g-fixed-element .border-callus { border-radius: 0px 0px 10px 10px !important; margin: 0px !important; } .g-fixed-element .btn-blue { border-radius: 0px 0px 10px 10px !important; margin: 0px !important; width: 100% !important; } @media only all and (max-width: 47.99rem) { .g-offcanvas-toggle { position: fixed; z-index: 1004; top: 0.2rem; left: 0.2rem; } .g-offcanvas-toggle .fa-bars { font-size: 1.5em; display: inline-block !important; } } .g-offcanvas-open #g-navigation.g-fixed-element { left: 17rem; } .g-offcanvas-open .g-offcanvas-toggle { left: 17.7rem; } .g-offcanvas-open .g-nav-overlay { opacity: 0.8 !important; z-index: 1005; } .btn-mobile { background-color: transparent; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); background-repeat: repeat-x; -webkit-border-color: transparent; -moz-border-color: transparent; border-color: transparent; border-radius: 5px; border-style: none; border-width: 0px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 16px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; } /* ----*/ /* END */ /* ----*/ /*----------------------------*/ /* SET COLOR & OPACITY FOR */ /* FONT AWESOME ICONS IN MENU */ /* AND IN THE OFFCANVAS MENU */ /*----------------------------*/ .g-toplevel i { opacity: 1 !important; } /* ----*/ /* END */ /* ----*/ #g-offcanvas { /* -------------------------------------*/ /* START BLOG ICON IN OFFCANVAS SECTION */ /* -------------------------------------*/ } #g-offcanvas .n8-hidden-icon .fa { visibility: hidden; } #g-offcanvas #g-mobilemenu-container .n8-blog-icon { width: auto; } #g-offcanvas #g-mobilemenu-container .n8-blog-icon a { background: url('../../../../images/blog-icon-white.svg') no-repeat center; margin-left: 1rem !important; background-position: left center; background-size: 32px auto; text-align: center; margin-top: 0px; } #g-offcanvas #g-mobilemenu-container li.n8-blog-icon a:hover { background: url('../../../../images/blog-icon-white.svg') no-repeat center; margin-left: 1rem !important; background-position: left center; background-size: 32px auto; } #g-offcanvas #g-mobilemenu-container li.active.n8-blog-icon a:hover { background: url('../../../../images/blog-icon-white.svg') no-repeat center; margin-left: 1rem !important; background-position: left center; background-size: 32px auto; } #g-offcanvas #g-mobilemenu-container li.active.n8-blog-icon a { background: url('../../../../images/blog-icon-white.svg') no-repeat center; margin-left: 1rem !important; background-position: left center; background-size: 32px auto; } #g-navigation { -webkit-transition: all 0.5s ease, margin 0s; -moz-transition: all 0.5s ease, margin 0s; transition: all 0.5s ease, margin 0s; background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 10px 10px 0 0; box-shadow: -5px 4px 8px -10px rgba(0, 0, 0, 0.4), 5px 4px 8px -10px rgba(0, 0, 0, 0.4); /* ---------------------------------*/ /* START FONT AWESOME IN NAVIGATION */ /* ---------------------------------*/ /* ----*/ /* END */ /* ----*/ /* ------------------------------*/ /* START BLOG ICON IN NAVIGATION */ /* ------------------------------*/ /* ----*/ /* END */ /* ----*/ /* .g-main-nav .g-toplevel > li::after { content: ''; top: -1.2rem; width: 1px; right: 0; padding: 3rem 0; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.1); @include transition(all 0.5s ease); @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { background: none; } } */ } #g-navigation .g-main-nav .g-toplevel .g-menu-item---particle-BYFdP, #g-navigation .g-main-nav .g-toplevel .g-menu-item---particle-9xZJ9, #g-navigation .g-main-nav .g-toplevel .g-menu-item---particle-nfNFM { border-left: 1px solid rgba(255, 255, 255, 0.8); } #g-navigation .g-main-nav .g-toplevel .g-menu-item-127, #g-navigation .g-main-nav .g-toplevel .g-menu-item-128, #g-navigation .g-main-nav .g-toplevel .g-menu-item-494 { border-right: 1px solid rgba(255, 255, 255, 0.8); } #g-navigation #call-us .g-content { display: block; margin: 0px !important; padding: 0px !important; } #g-navigation .n8-contact .n8-phone-text { font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 700; padding: 0; } #g-navigation .n8-contact .n8-phone-item { margin-bottom: 0rem; padding-left: 50px; position: relative; } #g-navigation .n8-hidden-icon .fa { visibility: hidden; } #g-navigation .fa { display: inherit; } #g-navigation .fa-2x { font-size: 2em; } #g-navigation .n8-blogicon-transition { transition: all 0.5s ease 0.2s !important; } #g-navigation .n8-blog-icon { /* @extend .n8-blogicon-transition; */ width: 3.9rem; } #g-navigation .n8-blog-icon a { /* @extend .n8-blog-icon-size; */ background: url('../../../../images/blog-icon-blue.svg') no-repeat center / 28px; text-align: center; } #g-navigation li.active.n8-blog-icon a:hover { background: url('../../../../images/blog-icon-blue.svg') no-repeat center / 28px; } #g-navigation li.active.n8-blog-icon a { background: url('../../../../images/blog-icon-black.svg') no-repeat center / 28px; } #g-navigation .g-main-nav .g-toplevel > li { border-right: 1px solid rgba(255, 255, 255, 0.8); box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.8); } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: rgba(255, 255, 255, 0.8); box-shadow: inset 1px 0px 5px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 5px 1px rgba(11, 78, 128, 0.5); -webkit-box-shadow: inset 1px 0px 5px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 5px 1px rgba(11, 78, 128, 0.5); -moz-box-shadow: inset 1px 0px 5px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 5px 1px rgba(11, 78, 128, 0.5); } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: rgba(255, 255, 255, 0.6); /* box-shadow: inset 3px 2px 5px rgba(0,0,0,0.6), inset -3px 2px 5px rgba(0,0,0,0.6); */ /* box-shadow: inset 1px 0px 5px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 5px 1px rgba(0, 0, 0, 0.5); */ /* box-shadow: inset 1px -1px 5px 2px rgba(0, 0, 0, 0.6), inset -1px 1px 5px 2px rgba(0, 0, 0, 0.6); */ -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease; box-shadow: inset 1px 0px 5px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 5px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 0px 5px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 5px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 0px 5px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 5px 1px rgba(0, 0, 0, 0.5); } #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected { background: rgba(255, 255, 255, 0.8); } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > i { margin-left: 0.3rem; margin-right: 0rem; } .g-main-nav .g-toplevel li .g-menu-item-container { padding: 1.4rem 0.938rem 1rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .g-fixed-container { height: 63px !important; } #g-navigation.g-fixed-element { -webkit-transition: all 0.5s ease, margin 0s; -moz-transition: all 0.5s ease, margin 0s; transition: all 0.5s ease, margin 0s; height: 69px; margin: 0 0 2px; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.4); } #g-navigation.g-fixed-element .g-main-nav ul { margin: 1px 0 2px; } #g-navigation.g-fixed-element:hover { /* transition: all 0.1s ease-in-out 0.1s !important; */ background: white none repeat scroll 0 0; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #g-navigation.g-fixed-element { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; } } #g-navigation.g-fixed-element::after { content: ""; /* background: url("/images/black-background-and-snow.png") repeat; */ border-radius: 0 0 10px 10px; /* opacity: 0.5; */ top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } /* START CHANGES TO THE SIZE OF THE */ /* MENU FOR THE SECOND TRIGGER FOR*/ /* THE FIXED HEADER */ .g-fixed-second { height: 40px !important; } .g-fixed-second .g-main-nav .g-toplevel { margin-top: 6px !important; font-size: 0.8rem !important; } .g-fixed-second .g-main-nav .g-toplevel > li > .g-menu-item-container { padding: 0.6rem 0.625rem 0.2rem !important; } .g-fixed-second .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { box-shadow: inset 1px 0px 4px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 4px 1px rgba(11, 78, 128, 0.5) !important; -webkit-box-shadow: inset 1px 0px 4px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 4px 1px rgba(11, 78, 128, 0.5) !important; -moz-box-shadow: inset 1px 0px 4px 1px rgba(11, 78, 128, 0.5), inset -1px 1px 4px 1px rgba(11, 78, 128, 0.5) !important; } .g-fixed-second .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { box-shadow: inset 1px 0px 4px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 4px 1px rgba(0, 0, 0, 0.5) !important; -webkit-box-shadow: inset 1px 0px 4px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 4px 1px rgba(0, 0, 0, 0.5) !important; -moz-box-shadow: inset 1px 0px 4px 1px rgba(0, 0, 0, 0.5), inset -1px 1px 4px 1px rgba(0, 0, 0, 0.5) !important; } .g-fixed-second .g-contact-icon-mobile .fa-phone { font-size: 2rem !important; -webkit-transition: all 0.3s ease-in-out !important; -moz-transition: all 0.3s ease-in-out !important; transition: all 0.3s ease-in-out !important; } .g-fixed-second .n8-contact .n8-phone-text { /* margin: -0.15rem 0rem; */ } .g-fixed-second .g-content { padding: 0.6rem !important; } .g-fixed-second .n8-blog-icon a { /* background-size: 28px auto !important; */ } .g-fixed-second li.n8-blog-icon a:hover { /* @extend .g-fixed-second .n8-blog-icon-size; */ } .g-fixed-second li.active.n8-blog-icon a { /* @extend .g-fixed-second .n8-blog-icon-size; */ } .g-fixed-second li.active.n8-blog-icon a { /* @extend .g-fixed-second .n8-blog-icon-size; */ } /*------------------------*/ /* START MEDIA QUERIES */ /* FOR NAVIGATION SECTION */ /*------------------------*/ @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-navigation { margin: 0 0.3125rem; } #g-navigation.g-fixed-element { margin: 0 !important; } } @media only all and (max-width: 30rem) { #g-navigation { background: rgba(255, 255, 255, 0) !important; transition: all 0s ease 0s !important; border: none; } #g-navigation .fa-2x { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; } .g-fixed-second .fa-2x { font-size: 1.5em; } } @media only all and (max-width: 47.99rem) { #g-navigation { transition: all 0s ease 0s; border: none; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; height: initial; border: none; } #g-navigation .fa-2x { transition: all 0.3s ease-in-out; } .g-fixed-second { height: initial !important; } .g-fixed-second .fa-2x { transition: all 0.3s ease-in-out; font-size: 1.5em; } } /* SMARTPHONES */ /* iPhone 6 in portrait & landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { #g-navigation { transition: all 0s ease 0s; border: none; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; border: none; } #g-navigation .fa-2x { transition: all 0.3s ease-in-out; } .g-fixed-second .fa-2x { transition: all 0.3s ease-in-out; font-size: 1.5em; } } /* iPhone 6 Plus in portrait & landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) { #g-navigation { transition: all 0s ease 0s; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; } #g-navigation .fa-2x { transition: all 0.3s ease-in-out; } .g-fixed-second .fa-2x { transition: all 0.3s ease-in-out; font-size: 1.5em; } } /* iPhone 5 & 5S in portrait & landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) { #g-navigation { transition: all 0s ease 0s; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; } #g-navigation .fa-2x { transition: all 0.3s ease-in-out; } .g-fixed-second .fa-2x { transition: all 0.3s ease-in-out; font-size: 1.5em; } } /* iPhone 2G-4S in portrait & landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #g-navigation { transition: all 0s ease 0s; } #g-navigation.g-fixed-element { transition: all 0s ease 0s; } #g-navigation .fa-2x { transition: all 0.3s ease-in-out; } .g-fixed-second .fa-2x { transition: all 0.3s ease-in-out; font-size: 1.5em; } } /*------------------------*/ /* END MEDIA QUERIES */ /* FOR NAVIGATION SECTION */ /*------------------------*/ /* ####################################### */ /* STYLING FOR ITEMS IN THE HEADER SECTION */ /* ####################################### */ @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-main { margin: 0 0.3125rem 0.625rem; } } @media only all and (max-width: 47.99rem) { #g-main { margin: 0 0.3125rem 0.625rem; } } /* ############################### */ /* STYLING FOR ITEMS IN THE FOOTER */ /* ############################### */ @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #g-footer .g-grid:nth-child(3) { margin-bottom: 3rem; } } /* REMOVE MARGIN IN TITLE FOR CONTACT MODULES */ #n8-contact-module .g-title { margin-bottom: 0px !important; } /* ALIGNS THE BORDERS OF THE CONTACT AND DIRECTIONS MODULES */ /* IN THE FOOTER TO THE BORDERS OF THE MAIN CONTENT */ .contact50 > .g-content { margin-left: 0px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8), inset 0px -2px 2px rgba(0, 0, 0, 0.8); } .directions50 .g-content { margin-right: 0px; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8), inset 0px -2px 2px rgba(0, 0, 0, 0.8); } .contact50.size-100 > .g-content { margin-right: 0px; } @media only all and (max-width: 47.99rem) { .contact50 > .g-content { margin-left: 0.3125rem; margin-right: 0.3125rem; } .directions50 .g-content { margin-left: 0.3125rem; margin-right: 0.3125rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .contact50 > .g-content { margin-left: 0.3125rem; margin-right: 0.3125rem; } .directions50 .g-content { margin-left: 0.3125rem; margin-right: 0.3125rem; } } .cc-box-styling { margin: 1rem 0; padding: 1rem 0; text-align: center; font-size: large; background-color: rgba(255, 255, 255, 0.6); border-radius: 0.7rem; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8), inset 0px -2px 2px rgba(0, 0, 0, 0.8); } @media only all and (max-width: 47.99rem) { .cc-box-styling { margin: 0.938rem 0.3125rem; } } #n8-copyright-footer { margin: auto; background-color: white; border-radius: 1px; line-height: 30px; } #n8-copyright-footer .g-content { margin: 0; padding: 2px 0 0 0; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #n8-copyright-footer { background-color: transparent; } #n8-copyright-footer .g-content { margin: 0.625rem; background-color: white; } } @media only all and (max-width: 47.99rem) { #n8-copyright-footer { background-color: transparent; /* margin: auto 0.625rem; */ } #n8-copyright-footer .g-content { margin: 2.188rem 2.5rem 1.563rem; padding: 0; background-color: white; } } #n8-social-footer .g-content { /* no styling */ } @media only all and (max-width: 47.99rem) { #n8-branding-footer .g-content { padding-bottom: 2.188rem; } } #g-footer .g-social a { display: inline-block; padding: 0.1rem 0.4rem; background: white; border: none; border-radius: 1px; margin-bottom: 0px; text-decoration: none; height: 30px; line-height: 30px; } /* SETS THE OFFCANVAS SECTION */ /* ABOVE THE TO-TOP PARTICLE */ #g-offcanvas { z-index: 1000 !important; } @media only all and (max-width: 47.99rem) { .g-main-nav { display: none; } } input { height: auto !important; } /* ############################## */ /* CHANGE COLOR OF PHONE NUMBER */ /* WHEN VIEWED ON MOBILE & TABLET */ /* ############################## */ a[href^=tel] { color: inherit !important; text-decoration: none !important; } /* VIDEO BACKGROUND PARTICLE */ /* FIXED POSITION FOR */ /* G-PAGE-SURROUND */ /* FIX YOUTUBE CONTROLS TO THE BOTTOM OF THE PAGE */ #g-page-surround .mbYTP_wrapper, #g-page-surround .mb_YTPBar { position: fixed !important; } #g-main { border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 0 0 10px 10px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8), inset 0px -2px 2px rgba(0, 0, 0, 0.8), inset 0px 1px 2px rgba(0, 0, 0, 0.8); min-height: 100vh; } .muted { color: #000000 !important; } /* div.background {background: url("/images/watermark.png") repeat fixed;} */ /* BACKGROUND */ #g-page-surround { /* background-image: none !important; */ /* background-color: rgba (0, 0, 0, 0.5) !important; */ /* background: url("/images/watermark.png") repeat fixed; */ /* background: url("/images/black-background-and-snow.png") fixed; */ /* background-image: url(gantry-media://watermark.png); background-repeat: repeat; background-attachment: fixed; */ background-image: url('../../../../images/backgrounds/hd-grunge-wallpaper.jpg'); background-repeat: repeat; background-attachment: fixed; } #g-offcanvas { z-index: 1; } /*------------------*/ /* BACKGROUND VIDEO */ /*------------------*/ video { display: block; } body { position: relative; /* background: none; */ /* Hides the default background image and color for the Roksprocket Showcase */ } body video#bgvid { position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url('../../../../images/black-background-and-snow.png') no-repeat; background-size: cover; } /* REMOVING BORDER FROM SUBFEATURE AND FOOTER SECTIONS */ #g-subfeature { border: none; } #g-footer { border: none; } /* ADD CLASS FOR PROPER BUTTON BLOCK */ .btnblock { display: block !important; min-width: 100% !important; } /* Class used to set margins to 0rem for H titles */ .n8-h-margins-0 h1, h2, h3, h4, h5, h6 { margin: 0rem; } /* CONSTRAIN TEXT TO CENTER WITH */ /* MAX-WIDTH OF 800PX AND CENTERED */ .text-constrained-center { max-width: 800px; display: block; margin-left: auto; margin-right: auto; } /* H1 STYLING FOR ARTICLES */ /* .n8-h1-home h1 { font-size: 2rem !important; letter-spacing: normal !important; line-height: 30px !important; margin-bottom: 0.5rem !important; margin-top: 0px !important; padding-bottom: 0px !important; color: #000000 !important; border-bottom-color: none !important; border-bottom-style: none !important; border-bottom-width: 0px !important; box-shadow: none !important; text-shadow: none !important; } */ /* .n8-h1-home h1 { font-size: 3rem !important; letter-spacing: normal !important; margin-bottom: 0.5rem !important; margin-top: 0px !important; padding-bottom: 0px !important; border-bottom-color: none !important; border-bottom-style: none !important; border-bottom-width: 0px !important; box-shadow: none !important; background-color: darken($accent-color-1, 20%); color: transparent; text-shadow: 0px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; } */ .n8-h1-home h1 { font-size: 2.25rem !important; letter-spacing: normal !important; margin-bottom: 0.5rem !important; margin-top: 0px !important; padding-bottom: 0px !important; color: #000000 !important; border-bottom-color: none !important; border-bottom-style: none !important; border-bottom-width: 0px !important; box-shadow: none !important; text-shadow: none !important; } /* H1 STYLING FOR ARTICLES */ .n8-h1-articles h1 { margin-top: 0; color: #1b1464; border-bottom-color: #1b1464; border-bottom-style: solid; border-bottom-width: 4px; box-shadow: 0 1px 0 antiquewhite; text-shadow: 1px 1px 0 antiquewhite; } /* H1 STYLING */ h1 { margin-top: 0; color: #1b1464; border-bottom-color: #1b1464; border-bottom-style: solid; border-bottom-width: 4px; box-shadow: 0 1px 0 antiquewhite; text-shadow: 1px 1px 0 antiquewhite; } /* STYLING FOR H2 ON MAP */ .n8-h2-map h2 { /* border-bottom-color: rgb(185, 200, 204); */ border-bottom-color: #1b1464; border-bottom-style: none; border-bottom-width: 0px; /* box-shadow: 0 1px 0 rgb(243, 245, 246); */ box-shadow: none; color: black; /* text-shadow: 1px 1px 0 rgb(250, 235, 215); */ text-shadow: none; } /* CONSTRAIN AND CENTER THE TEXT ON THE HOME PAGE */ .text-constrained-home-center { width: 100%; display: block; margin-left: auto; margin-right: auto; } /* CENTER FONT AWESOME ICONS & TEXT */ .n8-contact-center { text-align: center !important; } .n8-contact-center > .n8-contact { text-align: left; display: inline-block; } .n8-contact-center > .btn { text-align: left; display: inline-block; } /* hover overlay for map in footer */ .n8-contact .n8-contact-item { margin-bottom: 1.5rem; padding-left: 50px; position: relative; } .n8-contact .n8-phone-item { margin-bottom: 0rem; padding-left: 50px; position: relative; } .dir-rtl .n8-contact .n8-contact-item { padding-left: 0; padding-right: 50px; } .n8-fa-fw-left { text-align: left; width: 1.28571em; } .n8-fa-fw-right { text-align: right; width: 1.28571em; } .n8-contact .n8-phone-menu { /* font-size: 1.75rem; */ height: 35px; left: 0; line-height: 2.5rem; position: absolute; vertical-align: middle; width: 35px; } .n8-contact .n8-contact-icon-2line { border-right-color: rgba(0, 0, 0, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.25rem; height: 45px; left: 0; line-height: 45px; position: absolute; vertical-align: middle; width: 30px; } .n8-contact .n8-contact-icon-3line { border-right-color: rgba(0, 0, 0, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.25rem; height: 65px; left: 0; line-height: 65px; position: absolute; vertical-align: middle; width: 30px; } .n8-contact .n8-contact-icon-4line { border-right-color: rgba(0, 0, 0, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.25rem; height: 95px; left: 0; line-height: 95px; position: absolute; vertical-align: middle; width: 30px; } .n8-contact .n8-contact-icon-mobile { border-right-color: rgba(0, 0, 0, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.75rem; height: 45px; left: 0; line-height: 45px; position: absolute; vertical-align: middle; width: 30px; } .n8-contact .n8-contact-icon-1-5 { font-size: 1.5rem !important; } .n8-contact .n8-contact-icon-1-75 { font-size: 1.75rem !important; } .n8-contact .n8-contact-icon-2 { font-size: 2rem !important; } .dir-rtl .n8-contact .n8-contact-icon { border-left-color: rgba(0, 0, 0, 0.15); border-left-style: solid; border-left-width: 1px; border-right-color: -moz-use-text-color; border-right-style: none; border-right-width: 0; left: auto; right: 0; } .n8-contact .n8-contact-label { font-size: 0.8rem; font-weight: bold; opacity: 0.5; text-transform: uppercase; } .n8-contact .n8-contact-text { font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 700; } .n8-contact .n8-phone-text { font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 700; padding: 0.26rem 0rem; } .n8-contact .n8-phone-text a { color: #1b1464 !important; } .n8-contact .n8-contact-compact .n8-contact-item { margin-bottom: 0; padding-left: 0; } .n8-contact .n8-contact-compact .n8-contact-label { display: none; } .n8-contact .n8-contact-compact .n8-contact-text { font-weight: normal; } .n8-contact .n8-map { position: relative; display: block; } .n8-map-overlay { background: black; display: block; height: 358px; position: relative; opacity: 0.2; z-index: 2; transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; } .n8-map-overlay:hover { opacity: 0; z-index: 2; } .n8-map { background: url('//maps.googleapis.com/maps/api/staticmap?center=38.063116,23.589612&zoom=15&size=350x200&scale=2&markers=color:red|label:|38.063116,23.589612&sensor=true&key=AIzaSyAF9e-15W-C9wacgTtm1sKtEUAZW2e_-aU') no-repeat center center; display: block; min-height: 400px; height: 400px; max-width: 700px; position: relative; z-index: 1; border-radius: 5px; } .n8-map-link:hover { opacity: 0; z-index: 2; } .n8-map-link { /* all rules required to make the whole div clickable */ display: block; position: relative; height: 400px; max-width: 700px; top: 0; left: 0; z-index: 3; border-radius: 5px; margin-top: -424px; /* this is a fix for IE7-9 */ /* background-color: black; */ background-image: url('../../../../images/earthcloudmap.jpg'); background-position: center center; background-repeat: no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter: alpha(opacity=0.4); opacity: 0.4; transition-delay: 0s; transition-duration: 0.4s; transition-property: all; transition-timing-function: ease-in-out; } .n8-independent-link { /* all rules required to make other links to work */ position: relative; z-index: 100; } .fa-fw-map-marker { width: 100%; font-size: 3rem; color: #1b1464; text-align: center; margin-top: 150px; } .n8-contact .n8-contact-map-marker { /* color: rgb(236, 67, 69); */ color: #1b1464; font-size: 3rem; position: absolute; } .n8-map-position { position: relative; overflow: hidden; } .box5 .n8-content { background: white !default; color: #000000; } .box5 .n8-content h1, .box5 .n8-content h2, .box5 .n8-content h3, .box5 .n8-content h4, .box5 .n8-content h5, .box5 .n8-content h6, .box5 .n8-content strong, .box5 .n8-content i { color: #000000; } .box5 .n8-content a { color: #b2ded4; } .box5 .n8-content a:hover { color: #000000; } .box5 .n8-content { background-color: rgba(255, 255, 255, 0.5) !important; color: black; } .box5 > .n8-content { background-image: url('../../../../images/earthcloudmap.jpg'); background-position: center center; background-repeat: no-repeat; } .box1 .n8-content { background-color: rgba(255, 255, 255, 0.5) !important; color: black !important; } .box1 > .n8-content { background-image: url('../../../../images/earthcloudmap.jpg'); background-position: center center; background-repeat: no-repeat; } .nomarginall > .n8-content { margin: 0 !important; } .fp-footside-a .n8-content { padding-bottom: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.5rem; } .nomarginall .n8-content { margin: 0 !important; } .n8-content { margin: 0.625rem; padding: 0.938rem; } .n8-background-grey { background: rgba(130, 156, 163, 0.3); } /* BUTTON COLORS */ /* FIX BUTTON GRADIENT DURING HOVER ACTIVITY */ .btn:hover { background-position: 0 center !important; } .btn-blue { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-blue:active, .btn-blue.active { background-color: #003399; } /* BOX COLORS */ .box:hover { background-position: 0 center !important; } .box-blue { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .box-blue:hover, .box-blue:focus, .box-blue:active, .box-blue.active, .box-blue.disabled, .box-blue[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .box-blue:active, .box-blue.active { background-color: #003399; } /* BACKGROUND COLOR WITH OPACITY FOR DIV */ /* CROSS PLATFORM ACCESSIBLE */ div.white50 { background: white; background: transparent\9 ; background: rgba(255, 255, 255, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom: 1; border-radius: 10px; } div.white50:nth-child(n) { filter: none; } /* default article dividers - commented out */ /* [class*="leading"] { border-bottom: dotted 1px #333333 !important; margin: 0 0 10px 0; } .leading-0 { border-bottom: solid 2px #333333 !important; } */ .contact-telephone a, ul.menu li .separator { color: black; } .contact-telephone a:hover { color: black; } /*#########################*/ /* MAP OVERLAY WITH MARKER */ /*#########################*/ .title1 .g-title::before { background: #212121 none repeat scroll 0 0; } .title1 .g-title::before, .title2 .g-title::before, .title3 .g-title::before { content: ""; height: 1.15rem; left: 0; position: absolute; top: 12px; transform: skew(30deg); width: 1rem; } .title1 .g-title, .title2 .g-title, .title3 .g-title { border-bottom: 1px solid rgba(136, 136, 136, 0.25); margin: 0.75rem 0 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; width: 100%; } .title4 .g-title::before { background: #1B1464 none repeat scroll 0 0; } .title4 .g-title::before { content: ""; height: 1.15rem; left: 0; position: absolute; top: 12px; transform: skew(30deg); width: 1rem; } .title4 .g-title { border-bottom: 1px solid black; margin: 0rem 0 1.5rem; padding-bottom: 0rem; padding-left: 1.5rem; width: 100%; color: #000000 !important; text-shadow: none !important; box-shadow: none !important; } .g-title { display: inline-block; font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 1.5; margin: 0.25rem 0; position: relative; white-space: nowrap; } .g-contact .g-contact-item { margin-bottom: 1.5rem; padding-left: 50px; position: relative; } .dir-rtl .g-contact .g-contact-item { padding-left: 0; padding-right: 50px; } .g-contact .g-contact-icon { border-right-color: rgba(255, 255, 255, 0.15); border-right-style: solid; border-right-width: 1px; font-size: 1.25rem; height: 45px; left: 0; line-height: 45px; position: absolute; width: 35px; } .dir-rtl .g-contact .g-contact-icon { border-left-color: rgba(255, 255, 255, 0.15); border-left-style: solid; border-left-width: 1px; border-right-color: -moz-use-text-color; border-right-style: none; border-right-width: 0; left: auto; right: 0; } .g-contact .g-contact-label { font-size: 0.8rem; font-weight: bold; opacity: 0.5; text-transform: uppercase; } .g-contact .g-contact-text { font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 700; } .g-contact .g-contact-compact .g-contact-item { margin-bottom: 0; padding-left: 0; } .g-contact .g-contact-compact .g-contact-label { display: none; } .g-contact .g-contact-compact .g-contact-text { font-weight: normal; } .g-contact .g-contact-map { display: block; position: relative; } .g-contact-overlay { background: url('../../../../images/earthcloudmap.jpg'); height: 400px; position: relative; opacity: 0.2; z-index: 2; transition: opacity 0.25s ease; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; } .g-contact-overlay:hover { opacity: 0; z-index: 2; } .g-contact-map-en { background: url('../../../../images/map-en.jpg') no-repeat center center; min-height: 400px; height: 400px; position: relative; z-index: 1; margin-top: -400px; } .g-contact-map-el { background: url('../../../../images/map-el.jpg') no-repeat center center; min-height: 400px; height: 400px; position: relative; z-index: 1; margin-top: -400px; } .fa-fw-map-marker { width: 100%; font-size: 3rem; color: #1b1464; text-align: center; margin-top: 150px; } .g-contact .g-contact-map-marker { /* color: rgb(236, 67, 69); */ color: #1b1464; font-size: 3rem; position: absolute; } .box5 .g-content { background: white !default; color: #000000; } .box5 .g-content h1, .box5 .g-content h2, .box5 .g-content h3, .box5 .g-content h4, .box5 .g-content h5, .box5 .g-content h6, .box5 .g-content strong, .box5 .g-content i { color: #000000; } .box5 .g-content a { color: #b2ded4; } .box5 .g-content a:hover { color: #000000; } .box5 .g-content { background-color: rgba(255, 255, 255, 0.5) !important; color: black; } .box5 > .g-content { background-image: url('../../../../images/earthcloudmap.jpg'); background-position: center center; background-repeat: no-repeat; } .box1 .g-content { background-color: rgba(255, 255, 255, 0.5) !important; color: black !important; } .box1 > .g-content { background-image: url('../../../../images/earthcloudmap.jpg'); background-position: center center; background-repeat: no-repeat; } .rounded .g-content { border-radius: 0.7rem; } .box4 .g-content { background-attachment: scroll; background-clip: border-box; background-color: rgba(255, 255, 255, 0.6); background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; color: black; } .box4 .g-content a { color: #1b1464; } .box4 .g-content a:hover { color: black; } .box4 .g-content strong, .box4 .g-content i { color: black; } .n8-map-back { background-color: rgba(255, 255, 255, 0.6); } .nomarginall > .g-content { margin: 0 !important; } .fp-footside-a .g-content { padding-bottom: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 2.5rem; } .nomarginall .g-content { margin: 0 !important; } /* .g-content { margin: 0.625rem; padding: 0.938rem; } *, *::before, *::after { box-sizing: inherit; } */ .g-subpromo { font-family: "sourcesansprolight", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-size: 2.5rem; font-weight: 400; letter-spacing: -2px; line-height: 1.2; } /* ######################################## */ /* ### START CREATED BY N8SOLUTIONS.COM ### */ /* ######################################## */ @font-face { font-family: "Dancing Script"; font-style: normal; font-weight: normal; src: url('../fonts/dancingscript/dancingscript-regular/dancingscript-regular.eot#iefix') format("embedded-opentype"), url('../fonts/dancingscript/dancingscript-regular/dancingscript-regular.woff2') format("woff2"), url('../fonts/dancingscript/dancingscript-regular/dancingscript-regular.woff') format("woff"), url('../fonts/dancingscript/dancingscript-regular/dancingscript-regular.ttf') format("truetype"), url('../fonts/dancingscript/dancingscript-regular/dancingscript-regular.svg#Dancing%20Script') format("svg"); } #n8-branding-footer.g-block { z-index: 1; } @media only all and (max-width: 47.99rem) { #n8-branding-footer.g-block .g-content { padding-bottom: 2.188rem; } } .n8solutions-logo { width: 200px; height: 30px; line-height: 30px; background: #FFF; margin: 0px auto; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2) inset; } .n8solutions-logo:before, .n8solutions-logo:after { content: ""; position: absolute; z-index: -2; } .n8solutions-logo:before { top: 0; bottom: 0; left: 10px; right: 10px; -webkit-box-shadow: 0 0 12px black; -moz-box-shadow: 0 0 12px black; box-shadow: 0 0 12px black; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .n8solutions-logo p { font-family: "Dancing Script"; font-size: 18px; font-style: normal; font-weight: 500; font-display: swap; color: black; text-align: center; } .n8solutions-logo-el { width: 250px; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .n8solutions-logo-el { width: 200px; } .n8solutions-logo-el p { font-size: 16px !important; } } .n8solutions-logo-el p { font-family: "Dancing Script"; font-size: 18px; font-style: normal; font-weight: 500; font-display: swap; color: black; text-align: center; } .n8solutions-logo a { color: #551A8B; font-style: normal; transition-delay: 0s; transition-duration: 0.2s; transition-property: all; transition-timing-function: ease-out; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .n8solutions-logo a:hover { color: #8BC4D5; text-decoration-color: -moz-use-text-color; text-decoration-line: none; text-decoration-style: solid; } .n8solutions-logo a:hover, a:focus, a:active { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; } /* ###################################### */ /* ### END CREATED BY N8SOLUTIONS.COM ### */ /* ###################################### */ /* ############################################# */ /* ###### START RESPONSIVE STUFF ###### */ /* ###### MEDIA QUERIES ###### */ /* ############################################# */ /* iPad IN LANDSCAPE */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { /* #nav-spacer {clear: both; float: none; margin: 0 auto; padding: 0 auto; max-width: 1024px;} */ .hidden-tablet-landscape { display: none; } } /* ################################ */ /* ### Gantry 5 custom CSS file ### */ /* ################################ */ @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { /* BORDER RADIUS STYLING RESPONSIVE */ /* NEW CLEAR FIX */ .n8-map { min-height: 300px !important; height: 300px !important; } .n8-map-link { height: 300px !important; margin-top: -324px !important; } #g-navigation { transition: all 0s ease 0s !important; } #g-navigation.g-fixed-element { transition: all 0s ease 0s !important; } .g-container { width: 95%; } .title4 .g-title { text-align: left; } .border-radius-responsive-10-01 { border-radius: 10px !important; } #g-navigation { background: rgba(255, 255, 255, 0) !important; } .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } @media only all and (max-width: 30rem) { /* BORDER RADIUS STYLING RESPONSIVE */ /* NEW CLEAR FIX */ .n8-map { min-height: 230px !important; height: 230px !important; } .n8-map-link { height: 230px !important; margin-top: -254px !important; } .title4 .g-title { text-align: left; } .border-radius-responsive-10-01 { border-radius: 10px !important; } .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } /* SMARTPHONES */ /* iPhone 6 in portrait & landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { /* NEW CLEAR FIX */ .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } /* iPhone 6 Plus in portrait & landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) { /* NEW CLEAR FIX */ .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } /* iPhone 5 & 5S in portrait & landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) { /* NEW CLEAR FIX */ .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } /* iPhone 2G-4S in portrait & landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* NEW CLEAR FIX */ .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } @media only all and (max-width: 47.99rem) { /* NEW CLEAR FIX */ .clearfix-mobile { text-align: center !important; } .clearfix-mobile img { float: none !important; margin: 0px !important; } .clearfix-mobile:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; /* IE6 */ /* IE7 */ } .clearfix-mobile:after * html .clearfix-mobile { zoom: 1; } .clearfix-mobile:after *:first-child + html .clearfix-mobile { zoom: 1; } } /* ############################################# */ /* ###### END RESPONSIVE STUFF ###### */ /* ############################################# */ /*# sourceMappingURL=custom_17.css.map */