/* Minification failed. Returning unminified contents. (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (235,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space-4xl' (288,27): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm' (288,50): run-time error CSS1039: Token not allowed after unary operator: '-global-space-lg' (307,30): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all' (309,36): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (375,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (375,44): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (441,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-3xs' (442,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space-md' (443,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (443,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (450,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (450,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (454,28): run-time error CSS1039: Token not allowed after unary operator: '-navigation-item-hover-background-color' (490,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-weight' (599,25): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-sm' (623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (662,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (663,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (671,26): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all' (683,30): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all' (687,36): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (762,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color' (781,17): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-6' (793,22): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow' (836,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (840,28): run-time error CSS1039: Token not allowed after unary operator: '-global-background-color' (859,22): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow' (896,24): run-time error CSS1046: Expect comma, found '255' (896,32): run-time error CSS1046: Expect comma, found '/' (907,36): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-color' (917,32): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (918,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (947,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (975,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xs' (976,26): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all' (1024,20): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xs' (1024,44): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1024,64): run-time error CSS1039: Token not allowed after unary operator: '-global-space-half' (1034,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1048,26): run-time error CSS1039: Token not allowed after unary operator: '-global-spacer-xxs' (1157,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-4xl' (1183,17): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (1186,21): run-time error CSS1039: Token not allowed after unary operator: '-global-hero-title-font-size' (1213,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (1217,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1244,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (1269,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (1277,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (1332,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color' (1368,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs' (1373,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm' (1393,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1393,43): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1429,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space-md' (1477,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1494,32): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color' (1498,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1506,40): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-branding-image' (1541,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12' (1544,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs' (1564,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12' (1567,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs' (1571,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space-half' (1576,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-xl' (1614,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12' (1617,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs' (1664,32): run-time error CSS1039: Token not allowed after unary operator: '-global-navigation-offcanvas-width' (1695,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space' (1735,32): run-time error CSS1039: Token not allowed after unary operator: '-global-space-md' (1737,36): run-time error CSS1039: Token not allowed after unary operator: '-navigation-item-hover-background-color' (1738,28): run-time error CSS1046: Expect comma, found '255' (1738,36): run-time error CSS1046: Expect comma, found '/' */ /*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}.animsition-loading,.animsition-loading:after{width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;border-top:5px solid rgba(0,0,0,.2);border-right:5px solid rgba(0,0,0,.2);border-bottom:5px solid rgba(0,0,0,.2);border-left:5px solid #eee;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right} /* #region // basic */ :root { /* colors: theme */ --global-text-color: #4a4a4a; /*--global-input-placeholder-color: var(--global-color-gray-70);*/ /*--global-input-background-color: var(--global-background-color);*/ --global-input-background-color: var(--global-color-gray-20); --global-primary-color: #ec1f26; --global-info-color: var(--global-primary-color); --global-primary-foreground-color: #fff; --global-secondary-color: #d9261c; /*--global-secondary-forgrand-color: #fff;*/ --global-header-color: var(--global-primary-color); /*--global-h2_h3-color: var(--global-color-gray-70);*/ --global-border-color: var(--global-color-gray-40); /* colors: backgrounds */ --global-background-color: #f3f3f3; --global-alternative-background-color: #fff; --global-card-background-color: var(--global-color-gray-00); /*--global-card-footer-background-color: var(--global-alternative-background-color);*/ /*--global-boxed-content-background-color: var(--global-background-color);*/ /*--global-boxed-background-color: var(--global-color-gray-50);*/ --global-userbar-background-color: var(--global-primary-color); /* typography: font family */ --global-font-family: 'iranyekan', Tahoma, Arial, serif; /*--global-code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;*/ /*--global-icon-font-family: FontAwesome;*/ /* typography: font size */ /*--global-font-size-4xs: 10px; --global-font-size-3xs: 12px; --global-font-size-2xs: 14px; --global-font-size-xs: 16px; --global-font-size-sm: 18px; --global-font-size-md: 20px; --global-font-size-lg: 24px; --global-font-size-xl: 30px; --global-font-size-2xl: 36px; --global-font-size-3xl: 48px; --global-font-size-4xl: 60px; --global-font-size-5xl: 72px;*/ --global-body-font-size: var(--global-font-size-2xs); /*--global-caption-font-size: var(--global-font-size-4xs);*/ --global-hero-title-font-size: var(--global-font-size-3xl); /* slider title */ /*--global-hero-sub-title-font-size: var(--global-font-size-lg);*/ /* slider subtitle */ --global-main-title-font-size: var(--global-font-size-2xl); /* banner title */ /*--global-main-sub-title-font-size: var(--global-font-size-md);*/ --global-title-font-size: var(--global-font-size-2xl); /* section title */ /*--global-sub-title-font-size: var(--global-font-size-sm);*/ /*--global-h1-font-size: var(--global-font-size-xl); --global-h2-font-size: var(--global-font-size-lg); --global-h3-font-size: var(--global-font-size-md); --global-h4-font-size: var(--global-font-size-sm); --global-h5-font-size: var(--global-font-size-xs); --global-h6-font-size: var(--global-font-size-2xs);*/ /*--global-pre-font-size: var(--global-font-size-3xs); --global-icon-font-size: var(--global-font-size-sm);*/ /* typography: text aligns */ --global-text-align: left; --global-alternative-text-align: right; --global-header-text-align: left; --global-paragraph-text-align: justify; /* typography: line heights */ /*--global-line-height: 1.42857143;*/ /*--global-line-height: normal;*/ /*--global-header-line-height: 1.3;*/ /*1.1;*/ /* --global--sm--LineHeight: 1.1; --global--md--LineHeight: 1.5; --global--lg--LineHeight: 2; */ /*--global-h1-h2-h3-margin-top: var(--global-space-lg); --global-h1-h2-h3-margin-bottom: var(--global-space-sm); --global-h4-h5-h6-margin-top: var(--global-space-sm); --global-h4-h5-h6-margin-bottom: var(--global-space-sm); --global-h2_h3-margin-top: 0;*/ /* typography: font weight */ --global-font-weight: 300; /*--global-header-font-weight: 500;*/ /*--global-icon-font-weight: lighter;*/ /* fontawsome 300 light 400 regular 900 solid ? duotone ? */ /* --global-light-font-weight: 300; --global-normal-font-weight: 400; --global-bold-font-weight: 700; */ /* paragraph */ /*--global-paragraph-margin: 0 0 var(--global-space-sm) 0;*/ --global-paragraph-image-float: left; --global-paragraph-image-margin: 0 var(--global-space-lg) var(--global-space-sm) 0; /* borders*/ /*--global-border-width: 1px; --global-large-border-width: 3px; --global-border-style: solid;*/ --global-border-radius: 15px; /* transition */ /*--global-transition-all: all 0.5s ease-out; --global-transition-background-color: background-color 0.5s ease-out; --global-transition-transform: transform 0.5s ease-out; --global-transition-margin-right: margin-right 0.5s ease-out;*/ /* offcanvas menus */ /* navigation */ /*--global-navigation-offcanvas-width: 360px;*/ --global-branding-image: url('../images/flamochem/branding.png'); --global-secondary-branding-image: url('../../images/flamochem/branding2.png'); --global-loading-image: url('../../images/flamochem/loading.svg'); /*--global-boxed-backround-image: url('../images/default/boxed-bg.jpg');*/ /*--global-boxed-backround-image: linear-gradient( var(--global-primary-color), var(--global-secondary-color));*/ /* box shadows */ /* --global-box-shadow-xs: 0 1px 3px hsla(0deg, 0%, 0%, 0.2); --global-box-shadow-sm: 0 4px 6px hsla(0deg, 0%, 0%, 0.2); --global-box-shadow-md: 0 5px 15px hsla(0deg, 0%, 0%, 0.2); --global-box-shadow-lg: 0 10px 24px hsla(0deg, 0%, 0%, 0.2); --global-box-shadow-xl: 0 15px 35px hsla(0deg, 0%, 0%, 0.2); --global-box-shadow-dxs: 0 1px 3px hsla(0deg, 0%, 0%, 0.12), 0 1px 2px hsla(0deg, 0%, 0%, 0.24); --global-box-shadow-dsm: 0 3px 6px hsla(0deg, 0%, 0%, 0.15), 0 2px 4px hsla(0deg, 0%, 0%, 0.12); --global-box-shadow-dmd: 0 10px 20px hsla(0deg, 0%, 0%, 0.15), 0 3px 6px hsla(0deg, 0%, 0%, 0.10); --global-box-shadow-dlg: 0 15px 25px hsla(0deg, 0%, 0%, 0.15), 0 5px 10px hsla(0deg, 0%, 0%, 0.05); --global-box-shadow-dxl: 0 20px 40px hsla(0deg, 0%, 0%, 0.2);*/ /*--global-box-shadow: var(--global-box-shadow-xs);*/ /* scroll bars */ /*--global-scrollbar-width: 18px; --global-scrollbar-height: 16px;*/ /*--global-scrollbar-background-color: #eee;*/ --global-scrollbar-background-color: var(--global-color-gray-30); /* mobile */ /*--global-mobile-header-height: var(--global-space-2xl);*/ /* slider heights */ --gloabl-main-slider-height: 930px; /* main slider height */ /*--gloabl-inside-slider-height: 625px;*/ --gloabl-banner-height: 500px; /* banner with video or center mode min height */ } /* typography */ @font-face { font-family: iranyekan; font-style: normal; font-weight: bold; src: url('../../fonts/flamochem/eot/iranyekanwebbold.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebbold.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 100; src: url('../../fonts/flamochem/eot/iranyekanwebthin.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebthin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebthin.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url('../../fonts/flamochem/eot/iranyekanweblight.eot'); src: url('../../fonts/flamochem/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanweblight.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url('../../fonts/flamochem/eot/iranyekanwebregular.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebregular.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 500; src: url('../../fonts/flamochem/eot/iranyekanwebmedium.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebmedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebmedium.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 800; src: url('../../fonts/flamochem/eot/iranyekanwebextrabold.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebextrabold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebextrabold.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 900; src: url('../../fonts/flamochem/eot/iranyekanwebblack.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebblack.ttf') format('truetype'); } @font-face { font-family: iranyekan; font-style: normal; font-weight: 950; src: url('../../fonts/flamochem/eot/iranyekanwebextrablack.eot'); src: url('../../fonts/flamochem/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../fonts/flamochem/woff/iranyekanwebextrablack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../fonts/flamochem/ttf/iranyekanwebextrablack.ttf') format('truetype'); } /* #endregion */ /* #region // section */ .section { padding: var(--global-space-4xl) 0; } /*.content-sidebar .content .tags, .content-sidebar .content .related, .content-sidebar .content .comment { padding: 30px 0; background-color: red; }*/ .section h2 { letter-spacing: -2px; text-transform: uppercase; font-weight: 300; /*color: var(--global-primary-color);*/ color: #000; margin-top: 0; /*font-size: var(--global-title-font-size);*/ /*position: relative;*/ /*padding-bottom: var(--global-space);*/ /*!*/ /*padding-top: var(--global-spacer-md); margin-bottom: var(--global-spacer-lg);*/ /*padding-top: var(--global-spacer-sm);*/ /*margin-bottom: var(--global-spacer-sm);*/ /*margin-right: var(--global-spacer-xs);*/ /*position: relative;*/ /*float: right;*/ /*!*/ /*--global-header-font-weight: 300;*/ /*background-color:red;*/ } .section h2:after { display: none; } /* animated top border */ /*.section h2.state-b:after { width: 100%; }*/ .section h2 + .button { /*float: right;*/ /*!*/ /*margin: var(--global-spacer-md) 0 0 var(--global-spacer-xxs);*/ /*margin: 0 0 0 var(--global-spacer-xxs);*/ position: absolute; top: 0; right: 0; margin: 0; left: auto; padding: var(--global-space-sm) var(--global-space-lg); } .section section > h3, .section .section-title > h3 { text-transform: uppercase; margin-top: 0; position: relative; padding-left: 15px; } .section section > h3:after, .section .section-title > h3:after { content: ''; position: absolute; left: 0; top: 0; height: 20px; transition: var(--global-transition-all); width: 3px; background-color: var(--global-primary-color); } /*.section .wrapper { clear: both; } */ /*.section .container > h2:after { right: auto; left: 0; bottom: 20px; }*/ /*.content-sidebar .content .tags h2, .content-sidebar .content .related h2, .content-sidebar .content .comment h2 { font-size: var(--global-sub-title-font-size); color: var(--global-secondary-color); letter-spacing: -1px; font-weight: 500; }*/ /*.section h2 + p { background-color: red; }*/ /*.section h3 { font-size: var(--global-sub-title-font-size); color: var(--global-secondary-color); letter-spacing: -1px; font-weight: 500; }*/ /* #endregion */ /* #region // layout */ body { direction: ltr; } #header-wrapper { position: relative; transform: translateY(50px); z-index: 1; } #header { /*border-top: var(--global-brand-border-width) solid var(--global-primary-color); border-bottom: var(--global-border-width) solid var(--global-light-border-color); z-index: 2;*/ background-color: #fff; box-shadow: none; } /*#header .container { position: relative; }*/ /* header branded */ #header.branded h1 { height: 50px; width: 182px; margin: var(--global-space) 0 var(--global-space) 0; float: left; position: relative; z-index: 1; } #header.branded h1 a { background-position-x: left; } #contents-wrapper { /*height: 100%; z-index: 1; margin-bottom: var(--global-footer-height); background-color: var(--global-background-color); border-bottom: var(--global-brand-border-width) solid var(--global-primary-color);*/ position: relative; transform: translateY(-230px); } /*.content-sidebar { position: relative; }*/ /*.content-sidebar .content { position: static; }*/ /*.content-sidebar .sidebar { } */ .content-sidebar .sidebar .action { /*!*/ /*padding-top: var(--global-spacer-md); padding-bottom: var(--global-spacer-md);*/ /*padding-top: var(--global-spacer-sm); padding-bottom: var(--global-spacer-sm); border-top: var(--global-brand-border-width) solid var(--global-primary-color);*/ } /*.content-sidebar .sidebar h2 { font-size: var(--global-sub-title-font-size); }*/ /* .content-sidebar .sidebar h2:after { bottom: -15px; }*/ /*.content-sidebar .sidebar legend { display: none; }*/ /*.section-title a { right: 0; text-align: right; text-transform: uppercase; }*/ /* #endregion */ /* #region // navigation */ #navigation > ul > li > a, #navigation > ul > li > ul > li > a, #navigation > ul > li > ul > li > ul > li > a { font-size: var(--global-font-size-3xs); padding: 39px var(--global-space-md); border-radius: var(--global-border-radius) var(--global-border-radius) 0 0; overflow: hidden; text-transform: uppercase; } #navigation ul > li > ul > li:last-child > a { /*background-color: green;*/ border-radius: 0 0 var(--global-border-radius) var(--global-border-radius); } #navigation ul li:hover a { background-color: var(--navigation-item-hover-background-color); } /* #endregion */ /* #region // sliders */ /*.slider { transition: var(--global-transition-all); } */ /*.slider:fullscreen .jumbotron { width: 100vw; height: 100vh; }*/ /*.slider:fullscreen .button { display: none; } */ .slider h2 { /*color:#000;*/ letter-spacing: -2px; margin-top: 0; text-transform: uppercase; font-weight: 300; font-size: 72px; } .slider h3 { color: #000; letter-spacing: -1px; text-transform: uppercase; /*margin-top: 0; margin-bottom: var(--global-spacer-md);*/ font-weight: var(--global-font-weight); } /* slider height */ /*.slider .jumbotron { min-height: 700px; user-select: none; }*/ /*.slider.inside ul.rslides > li { min-height: 480px; } */ /* .slider .button { border-color: var(--global-background-color); }*/ /*.slider p { color: #fff; }*/ /*.jumbotron.covered:before { background-color: #000; opacity: 0.35; }*/ /* // slider: fadeout effect ________________________________________ */ /* .slider.scrolled { opacity: 0; }*/ .slider .banner .container { /*background-color: rgba(0, 0, 255, 0.60);*/ z-index: 2; } /*.slider .banner.half-right .wrapper { background-color: rgba(0, 128, 0, 0.5); margin-right: 60%; }*/ /*.slider .banner:before, .slider .banner:after { content: ''; position: absolute; top: 0; right: -160px; height: 100%; width: 75%; background: #fff; opacity: 0.65; opacity: 0.35; z-index: 1; transform-origin: bottom left; transform: skew(-15deg, 0deg); } .slider .banner:after { right: -190px; opacity: 0.5; }*/ /* #endregion */ /* #region // about */ .about { /*background-color: var(--global-alternative-background-color);*/ /*padding: 0 0 var(--global-spacer-sm) 0;*/ /*margin-top:-45px;*/ } .about .container { /*position: relative;*/ /*background-color: #fff;*/ /* z-index: 2; transform: translateY(-96px); box-shadow: var(--global-box-shadow);*/ background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; /*background-size:contain;*/ /*border-radius: var(--global-border-radius);*/ } /*.about .container:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50%; background-color: #fff; transform-origin: bottom left; transform: skew(-15deg, 0deg); } */ .about h2, .contact h2 { /*margin-right: 0 !important; margin-left: 0 !important;*/ /*text-transform: none;*/ } .about p, .emergency p { font-size: var(--global-font-size-sm); text-align: left; /*font-weight: 300;*/ /*margin-top: var(--global-space-xl); margin-bottom: var(--global-space-xl);*/ } /*.about section:nth-child(1) { margin: 0; padding: var(--global-spacer-xl) var(--global-spacer-xxl) var(--global-spacer-md) 0; background-color: red; }*/ /*.about section:nth-child(2) { margin: 0; background-color: green; padding-left: var(--global-space-xl); }*/ .about .button { float: left; } .button { --button-margin: var(--global-space-2xs) var(--global-space-2xs) var(--global-space-2xs) 0; } /* #endregion */ /* #region // grid */ /*.list header ul li:before, .list footer ul li:before, .grid header ul li:before, .grid footer ul li:before, .thumbnail header ul li:before, .thumbnail footer ul li:before, .context header ul li:before { display: none; }*/ /*.list header ul li.grouping, .list footer ul li.grouping, .grid header ul li.grouping, .grid footer ul li.grouping, .thumbnail header ul li.grouping, .thumbnail footer ul li.grouping, .context header ul li.grouping { color: var(--global-text-color); opacity: 0.75; font-size: 12px; }*/ /*body.grid-page .news { position: static; }*/ /* .grid .container { padding: 0 30px; background-color: rgba(255, 0, 0, 0.42); }*/ /* to fix fade-up animation */ /*.grid .wrapper { overflow-y: hidden !important; } */ .grid article { margin-top: var(--global-space); margin-bottom: var(--global-space); overflow: visible; float: left; } .grid article a { text-decoration: none; /*border: 1px solid transparent;*/ transition: var(--global-transition-all); box-shadow: none; } .grid article > a:hover, .grid article > a:active, .grid article > a:focus { /*box-shadow: var(--global-box-shadow);*/ /*border: 1px solid var(--global-primary-color);*/ } .grid article > a:hover .contents { transition: var(--global-transition-all); } .grid article > a:hover .contents { background-color: var(--global-primary-color); } /*.grid article > a { height: 231px; overflow: hidden; box-shadow: var(--grid-box-shadow); }*/ .grid .contents { /*overflow: hidden;*/ box-shadow: none; } /*.grid article img { margin: 0; width: 100%; }*/ /*.grid article .contents { padding: var(--global-spacer-md); background-color: var(--global-background-color); background-color: var(--global-alternative-background-color); }*/ .grid h3 { /*font-size: var(--global-body-font-size);*/ /*margin-top: 0;*/ height: 45px; overflow: hidden; text-transform: uppercase; /*background-color: cornflowerblue;*/ } /*.grid .button { border-color: var(--global-background-color); } */ /*.grid.related h3 { margin: 0; }*/ /*.grid ul, article.context header ul { color: var(--global-text-color); font-size: 12px; }*/ /*.grid ul li.grouping { background-color: red; }*/ /*.grid ul li.grouping:before { padding-left: var(--global-spacer-xs); font-weight: 500; font-size: 12px; color: var(--global-primary-color); content: "\f111" !important; }*/ /* .grid ul li.date { background-color: var(--global-alternative-background-color); padding: calc(var(--global-spacer-xxs)*2); padding: 10px var(--global-spacer-xs); border-radius: var(--global-spacer-xs); }*/ /*.grid ul li.date:before, .grid ul li.date:after { display: none; }*/ .grid .contents p { color: var(--global-text-color); height: 95px; overflow: hidden; text-align: left; } .grid article > a:hover .contents p, .grid article > a:hover .contents h3, .grid article > a:hover footer, .grid article > a:hover li { color: #fff; background-color: transparent; } /* #endregion */ /* #region // thumbnail */ .thumbnail.two article { width: var(--global-column-percentage-6); float: left; } .thumbnail article > a { box-shadow: none; } .thumbnail article:hover a, .thumbnail article:focus a, .thumbnail article:active a { box-shadow: var(--global-box-shadow); } /* #endregion */ /* #region // servises */ .servises { /*background-color: var(--global-alternative-background-color);*/ padding-top: 64px; } /*body.services-page .servises { background-color: var(--global-background-color); padding-top: var(--global-space-3xl); }*/ .thumbnail article header h3 { text-transform: uppercase; font-size: 24px; letter-spacing: -1px; font-weight: 300; /*display:none;*/ } .thumbnail article .contents p { /*text-transform: uppercase;*/ text-align: left; color: #4a4a4a; /*margin-top:30px;*/ } /*.servises article footer li { text-transform: uppercase; margin-left:0; }*/ /* #endregion */ /* #region // products */ .products { background-color: var(--global-alternative-background-color); } .products-page .products { background-color: var(--global-background-color); } /*.products section { float: left; }*/ /*.landing-page .products { background-color: var(--global-alternative-background-color); }*/ /* #endregion */ /* #region // emergency */ .emergency { /*background-color: var(--global-primary-color);*/ color: #fff; box-shadow: var(--global-box-shadow); background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; overflow: visible; } /*.emergency:before, .emergency:after { content: ''; position: absolute; top: 0; right: -160px; height: 100%; width: 75%; background: #fff; opacity: 0.65; opacity: 0.35; z-index: 1; transform-origin: bottom left; transform: skew(-15deg, 0deg); }*/ /* .emergency:after { right: -190px; opacity: 0.5; background: var(--global-primary-color); opacity: 1; }*/ .emergency h2 { color: #fff; } .emergency p { /*color: #000;*/ color: rgb(255 255 255 / 0.75); text-transform: uppercase; margin-bottom: 60px; } .emergency h2:after, .emergency .button { background-color: #fff; } .emergency .button:hover { background-color: var(--global-secondary-color); } /*.emergency .container { position: relative; }*/ .emergency .wrapper { background-color: var(--global-primary-color); border-radius: var(--global-border-radius); padding: 300px 60px 60px 60px; margin-top: -200px; margin-bottom: -200px; } /* #endregion */ /* #region // news */ .news { /*background-color: var(--global-alternative-background-color);*/ /*padding-top: 120px;*/ } /*.landing-page .news { background-color: var(--global-background-color); } body.news-page .news { background-color: var(--global-background-color); }*/ /* #endregion */ /* #region // footer */ #footer-wrapper { /*padding: var(--global-space-xl) 0;*/ background-color: var(--global-primary-color); color: #fff; margin-top: -230px; } /*#footer { background-color: transparent; }*/ #footer section { float: left; } #footer h3, #footer h2 { color: #fff; } #footer h3:after { background-color: #fff; } #footer ul.block { margin-top: 45px; } #footer ul.block li a { padding: var(--global-space-3xs) 0; transition: var(--global-transition-all); } #footer ul.block li a { color: rgba(255, 255, 255, 0.75); } #footer ul.block a:hover, #footer ul.block a:active, #footer ul.block a:focus { color: rgba(255, 255, 255, 1); } /* #footer .social li { margin-left: var(--global-space-2xs) } #footer .social a { color: rgba(255, 255, 255, 0.75); transition: var(--global-transition-all); } #footer .social a:hover, #footer .social a:active, #footer .social a:focus { color: rgba(255, 255, 255, 1); } */ /*#footer h4 { height: 42px; width: 266px; margin: 0 var(--global-space-3xs) var(--global-space) 0; } #footer h4 a { background-image: var(--global-secondary-branding-image); transition: var(--global-transition-all); background-position-x: left; } */ #footer.three-column section, #footer.three-column .column { float: left; } #footer h4 { margin: 0 var(--global-space-3xs) var(--global-space) var(--global-space-half); } /*.scroll { left: auto; right: 0; } */ .copyright { background-color: #d41c22; padding: var(--global-space) 0; } .copyright .container { position: relative; } .copyright p { font-size: 12px; margin-bottom: 0; /*float: left;*/ } .copyright a.author { margin-top: var(--global-spacer-xxs); /*float: right;*/ background-position: right center; width: 157px; } /*.scroll { background-color: var(--global-dark-background-color); background-color: transparent; border: var(--global-border-width) solid rgba(255, 255, 255, 0.15); left: 0; bottom: 0; transform: translateY(15px); background-color: transparent; transition: var(--global-transition-all); }*/ /*.scroll:before { font-size: 15px; content: "\f077"; color: var(--global-primary-color); transition: var(--global-transition-all); background-color: lightblue; }*/ /*.scroll:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 15px); font-family: var(--global-icon-font-family); font-size: 15px; content: "\f077"; color: var(--global-primary-foreground-color); opacity: 0; transition: var(--global-transition-all); background-color: #a7be38; }*/ /*.scroll:hover:before { top: 0; opacity: 0; } */ /*.scroll:hover:after { transform: translate(-50%, -50%); opacity: 1; }*/ /*.scroll:hover, .scroll:active, .scroll:focus { background-color: var(--global-dark-background-color); transform: scale(1.2); } */ /* #endregion */ /* #region // animate scroll animation */ /*.animate { background-color:red; }*/ .state-a { opacity: 0; bottom: -60px; } .state-b { opacity: 1; position: relative; bottom: 0; /*transition: var(--global-transition-all);*/ transition: all 1.0s ease-out; /*transition: all 1.5s ease-out;*/ } h2.state-a { bottom: 0; /*background-color:blue;*/ right: auto; left: -60px; } h2.state-b { /*background-color:red;*/ right: auto; left: 0; } .section.state-a { /*right: -60px;*/ bottom: 0; /*background-color:blue;*/ } .section.state-b { /*right: 0;*/ /*background-color:red;*/ } /* #endregion */ /* #region // header */ .header .container { /*background-color: rgba(0, 0, 255, 0.60);*/ /*z-index: 2;*/ padding-top: var(--global-space-4xl); padding-bottom: 0; } /*.header:before, .header:after { content: ''; position: absolute; top: 0; right: -160px; height: 100%; width: 75%; background: #fff;*/ /*opacity: 0.65;*/ /*opacity: 0.35; z-index: 1; transform-origin: bottom left; transform: skew(-15deg, 0deg); } .header:after { right: -190px; opacity: 0.5; }*/ .header h2 { color: var(--global-primary-color); letter-spacing: -3px; /*margin-top: 0;*/ font-size: var(--global-hero-title-font-size); /* position: relative; */ /*padding-bottom: var(--global-space);*/ /* background-color: silver; */ /* padding-top: var(--global-spacer-sm); */ margin-bottom: 0; /* margin-right: var(--global-spacer-xs); */ /* position: relative; */ /* float: right; */ /* --global-header-font-weight: 300; */ /*background-color: red;*/ } /*.header h2:after { display: none; }*/ .header ul { margin-bottom: 0; text-transform: uppercase; } /* #endregion */ /* #region // company */ .company { background-color: var(--global-alternative-background-color); } .context header ul.article-info { margin: var(--global-space) 0; } .context h3, .context h4, .context h5 { clear: both; } .context ol li:before { padding: 0 5px 0 0; margin: 0 0 0 -15px; } /* #endregion */ /* #region // timeline */ /*.timeline { background-color: var(--global-alternative-background-color); } */ /* #endregion */ /* #region // honors */ .honors { background-color: var(--global-alternative-background-color); } /* #endregion */ /* #region // category */ /*.category { background-color: var(--global-alternative-background-color); } */ .category h2 { /*margin-bottom:0;*/ padding-bottom: 0; } .category h2:after { display: none; } /* #endregion */ /* #region // tags */ .tags { background-color: var(--global-alternative-background-color); } /* #endregion */ /* #region // downloads */ .downloads { background-color: var(--global-alternative-background-color); } .specifications li:before { float: left; /*font-family: var(--global-icon-font-family);*/ /*font-weight: var(--global-icon-font-weight);*/ /*color: var(--global-primary-color);*/ /*font-size: 45px;*/ padding-right: 30px; /*margin-top: -5px;*/ /*line-height: 1;*/ /*content: "";*/ /*opacity: .75;*/ /*pointer-events: none;*/ } .specifications li p { /*overflow: hidden;*/ text-align: left; /*margin-bottom: 0; line-height: normal;*/ } .specifications li:before { content: "\f1c1"; } /* #endregion */ /* #region // comment-form */ /*.comment-form { background-color: var(--global-alternative-background-color); } */ .comment-form .two-column .container, .comment-form .three-column .container { padding: 0; } .comment-form .container .form-group { padding-right: 0; } .comment-form .container .form-group:last-child { padding-left: 0; } /* #endregion */ /* #region // comment */ .comment { background-color: var(--global-alternative-background-color); } /* #endregion */ /* #region // map */ .map iframe { height: 650px; width: 100%; border: 0; } /* #endregion */ /* #region // contact */ .contact form legend { display: none; } /* select dropdown icon */ select.form-control + i.dropdown-icon:before { top: 20px; } /* #endregion */ /* #region // other */ .button { text-transform: uppercase; } .status .close, [class^="status-"] .close { left: auto; right: var(--global-space-2xs); } select.form-control + i.dropdown-icon:before { left: auto; right: var(--global-space-sm); } .details li p { text-align: left; padding-left: 0; padding-right: 45px; } .details li:before { float: left; padding-left: 0; padding-right: 10px; } .list article > a, .list.two.justified article > a { float: left; } .list.comment article > a { padding: var(--global-space) 0 0 var(--global-space); } .category h2 { float: left; } .category .search { clear: both; } .category ul.links > li { float: left; } /* #endregion */ /* #region // media queries */ /* desktop, large desktop and up */ /*@media only screen and (min-width: 992px) {}*/ /* // tablet only */ @media only screen and (max-width: 992px) and (min-width: 768px) { /* // navigation */ #navigation > ul > li > a, #navigation > ul > li > ul > li > a, #navigation > ul > li > ul > li > ul > li > a { padding: 39px 12px; } /*#navigation ul li a {*/ /*#navigation > ul > li > a,*/ #navigation > ul > li > ul > li > a, #navigation > ul > li > ul > li > ul > li > a { padding: 19px var(--global-space-md); } /* // about */ .about .container { /*background-position: left; overflow: hidden;*/ background-image: none !important; } /*.about .container:before { transform: translateX(-50%) skew(-15deg, 0deg); width: 100%; }*/ .about .container section { width: 100%; } /* // emergency */ .emergency:before, .emergency:after { width: 100%; } /* // news */ body.home-page .news article:last-child { display: none; } /* // header */ .banner.half-left .container .wrapper, .banner.half-right .container .wrapper { margin-right: auto; } } /* // mobile only */ @media only screen and (max-width: 767px) { /* // basic style */ :root { /* slider heights */ --gloabl-main-slider-height: 690px; /* main slider height */ } /* // layout */ #contents-wrapper { position: static; transform: none; } #header-wrapper { position: static; transform: none; z-index: auto; } #header { background-color: var(--global-primary-color); } #header.branded h1 { margin: 0 var(--global-space) 0 0; position: absolute; /*z-index: 1;*/ } #header.branded h1 a { background-size: 75%; background-position-x: right; background-image: var(--global-secondary-branding-image); } .quickcontact, ul.rslides_tabs { display: none; } /* // sliders */ /*.slider { text-align:center; }*/ .slider .banner h2 { /*color:#000;*/ /*letter-spacing: -2px;*/ /*margin-top: 0;*/ /*text-transform: uppercase;*/ /*font-weight: 300;*/ font-size: 40px; } .slider .banner h3 { /*color: #000;*/ /*letter-spacing: -1px;*/ /*text-transform: uppercase;*/ /*margin-top: 0; margin-bottom: var(--global-spacer-md);*/ /*font-weight: var(--global-font-weight);*/ font-size: 20px; } .slider .button { display: inline-block; width: var(--global-column-percentage-12); padding-left: 0; padding-right: 0; margin: var(--global-space-2xs) 0 0 0; } /* // about */ .about .container { /*background-position: left;*/ /*overflow: hidden; transform: none;*/ background-image: none !important; } .about .container:before { transform: translateX(0); width: 100%; } .about .button, .products .button { display: inline-block; width: var(--global-column-percentage-12); padding-left: 0; padding-right: 0; margin: var(--global-space-2xs) 0 0 0; } .about section:nth-child(2) { padding-left: var(--global-space-half); } /* // section */ .section { padding: var(--global-space-xl) 0; } .section h2 + a { display: none; } /* // services */ .thumbnail.two article { width: 100%; } /* // products */ .products .container > section:first-child { margin-bottom: 30px; } /* // emergency */ /* .emergency:before, .emergency:after { transform: translateX(0); right: 0; width: 100%; }*/ .emergency .wrapper { padding: 30px; margin-top: auto; margin-bottom: auto; } .emergency .button { display: inline-block; width: var(--global-column-percentage-12); padding-left: 0; padding-right: 0; margin: var(--global-space-2xs) 0 0 0; } /* // footer */ #footer-wrapper { margin-top: 0; } #footer ul.block { margin-top: 0; /*margin-bottom: var(--global-space);*/ } /* // header */ .header.banner h2 { padding-bottom: 0; } .header.banner ul { display: none; } /* // comment-form */ .comment-form .two-column .container .column, .comment-form .three-column .container .column { padding: 0; } .comment-form .button { width: 100%; margin: 0; } /* // contact */ .contact .button { width: 100%; } /* // #navigation */ #navigation { margin-right: auto; margin-left: calc(var(--global-navigation-offcanvas-width) * -1); transition: margin-left 0.5s ease-out; } #navigation > ul > li > a, #navigation > ul > li > ul > li > a, #navigation > ul > li > ul > li > ul > li > a { border-radius: 0; } body.offcanvas #navigation { /*margin-right: auto;*/ margin-left: 0; } #header ul.mobile-menu li.nav-trigger { float: left; } #header ul.mobile-menu > li { float: right; } #navigation ul a span:after { float: right; } .list.justified .section-title, .list.two.justified .section-title, .grid.justified .section-title, .thumbnail.justified .section-title, .thumbnail.bordered.justified .section-title { padding-left: var(--global-space); } } /* large desktop and up */ /*@media (min-width: 1200px) {}*/ /* all - mobile */ @media (min-width: 768px) { #navigation { /*float: right;*/ margin-top: 20px; /*background-color: transparent;*/ /*box-shadow: var(--global-box-shadow);*/ position: relative; transform: translateY(-115px); z-index: 0; } #navigation > ul { float: right; padding: 0; } #navigation > ul > li { float: left; } #navigation ul li > ul { /*right: auto;*/ left: 0; } /*#navigation ul li a {*/ /*#navigation > ul > li > a,*/ #navigation > ul > li > ul > li > a, #navigation > ul > li > ul > li > ul > li > a { white-space: normal; padding: 19px var(--global-space-md); border-radius: 0; background-color: var(--navigation-item-hover-background-color); color: rgb(255 255 255 / 0.75); } #navigation > ul > li > ul > li { background-color: transparent; } /* // products */ .products > .container { position: relative; } .products .container > section:first-child { position: absolute; top: 50%; transform: translateY(-50%); } /* // .copyright */ .copyright p { float: left; } .copyright a.author { float: right; } } /* mobile and tablet */ @media (max-width: 992px) { /* // sliders */ /* to center slide caption on tablet */ .slider .banner .wrapper { margin: 0 !important; } .slider .banner:before, .slider .banner:after { right: 0; width: 100%; /*opacity: 0.5;*/ transform: skew( 0deg, 0deg ); } /* // header */ /*.header.banner .wrapper { margin: 0 !important; }*/ .header.banner:before, .header.banner:after { right: 0; width: 100%; /*opacity: 0.5;*/ transform: skew( 0deg, 0deg ); } } /* #endregion */