/* 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 '-'
(87,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-3xl'
(251,26): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(275,17): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xl'
(276,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(419,17): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-foreground-color'
(424,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(443,21): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(461,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(471,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-2xl'
(472,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space-sm'
(491,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(498,17): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-color'
(508,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-2xs'
(509,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(513,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-4xs'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(524,22): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(530,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-3xs'
(531,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space-lg'
(562,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-weight'
(632,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(642,22): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(647,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(673,21): run-time error CSS1039: Token not allowed after unary operator: '-global-font-size-sm'
(675,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-xl'
(676,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space-xl'
(688,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space-xl'
(716,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(737,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(738,25): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(745,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(752,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(756,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(760,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(834,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(852,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(857,28): run-time error CSS1039: Token not allowed after unary operator: '-global-background-color'
(858,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xl'
(875,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(879,28): run-time error CSS1039: Token not allowed after unary operator: '-global-background-color'
(887,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(889,22): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(915,22): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(929,28): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-color'
(938,28): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(947,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xs'
(948,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(962,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs'
(967,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(979,20): run-time error CSS1039: Token not allowed after unary operator: '-global-space-3xs'
(979,44): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(983,28): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-branding-image'
(984,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(990,19): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(1014,22): run-time error CSS1039: Token not allowed after unary operator: '-global-transition-all'
(1136,21): run-time error CSS1039: Token not allowed after unary operator: '-global-hero-title-font-size'
(1162,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(1166,18): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(1193,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(1218,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(1226,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(1255,28): run-time error CSS1039: Token not allowed after unary operator: '-global-alternative-background-color'
(1295,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space-md'
(1337,32): run-time error CSS1039: Token not allowed after unary operator: '-global-primary-color'
(1341,24): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
(1347,32): run-time error CSS1039: Token not allowed after unary operator: '-global-secondary-branding-image'
(1363,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12'
(1366,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs'
(1384,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12'
(1387,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs'
(1391,28): run-time error CSS1039: Token not allowed after unary operator: '-global-space-half'
(1396,23): run-time error CSS1039: Token not allowed after unary operator: '-global-space-xl'
(1414,21): run-time error CSS1039: Token not allowed after unary operator: '-global-column-percentage-12'
(1417,22): run-time error CSS1039: Token not allowed after unary operator: '-global-space-2xs'
(1423,29): run-time error CSS1039: Token not allowed after unary operator: '-global-space'
 */
/*!
 * 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: #007ac9;
    --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: #fff;
    --global-alternative-background-color: #f7f8fc;
    --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: right;*/
    /*--global-alternative-text-align: left;*/
    /*--global-header-text-align: right;*/
    /*--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: right;
    --global-paragraph-image-margin: 0 0 var(--global-space-sm) var(--global-space-lg);*/
    /* borders*/
    /*--global-border-width: 1px;
    --global-large-border-width: 3px;
    --global-border-style: solid;*/
    --global-border-radius: 3px;
    /* 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/azarkavin/branding.png');
    --global-secondary-branding-image: url('../../images/azarkavin/branding2.png');
    --global-loading-image: url('../../images/azarkavin/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: 690px; /* 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/azarkavin/eot/iranyekanwebbold.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/azarkavin/eot/iranyekanwebthin.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebthin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebthin.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/azarkavin/eot/iranyekanweblight.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/azarkavin/eot/iranyekanwebregular.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/azarkavin/eot/iranyekanwebmedium.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebmedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('../../fonts/azarkavin/eot/iranyekanwebextrabold.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebextrabold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/azarkavin/eot/iranyekanwebblack.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 950;
    src: url('../../fonts/azarkavin/eot/iranyekanwebextrablack.eot');
    src: url('../../fonts/azarkavin/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../../fonts/azarkavin/woff/iranyekanwebextrablack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/azarkavin/ttf/iranyekanwebextrablack.ttf') format('truetype');
}

/* #endregion */

/* #region // section */

.section {
    padding: var(--global-space-3xl) 0;
}

/*.content-sidebar .content .tags,
    .content-sidebar .content .related,
    .content-sidebar .content .comment {
    padding: 30px 0;
    background-color: red;
}*/

.section h2 {
    /*color: var(--global-primary-color);*/
    letter-spacing: -3px;
    margin-top: 0;
    /*font-size: var(--global-title-font-size);*/
    /*position: relative;*/
    padding-bottom: var(--global-space);
    /*background-color:silver;*/
    /*!*/
    /*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 {
    /*content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: var(--global-brand-border-width);
    width: 0;
    background-color: var(--global-primary-color);
    transition: var(--global-transition-all);*/
    width: var(--global-space-3xl);
    background-color: var(--global-primary-color);
    opacity: 0.25;
}

/* animated top border */
/*.section h2.state-b:after {
    width: 100%;
}*/

.section h2 + .button {
    /*float: left;*/
    /*!*/
    /*margin: var(--global-spacer-md) 0 0 var(--global-spacer-xxs);*/
    /*margin: 0 0 0 var(--global-spacer-xxs);*/
}

/*.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 {
    height: 100%;
}*/

/*#header-wrapper {
}*/

/*#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;
}*/

/*#header .container {
    position: relative;
}*/

/* header branded */

#header.branded h1 {
    height: 42px;
    width: 266px;
    margin: 36px 0;
    float: right;
}

#header.branded h1 a {
    background-position-x:left;
}

/*#contents-wrapper {
    height: 100%;
    position: relative;
    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);
}*/

/*.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;
    }*/

/* #endregion */

/* #region // userbar */

.userbar {
    font-size: 11px;
    /*    z-index: 1;
    position: relative;*/
}

/*.userbar ul {
    width: 100%;
}*/

.userbar .language {
    float: left;
}

.userbar li a {
    /*padding: var(--global-spacer-xs) var(--global-spacer-xs);*/
    color: var(--global-primary-foreground-color);
    opacity: 0.75;
}

.userbar .links li a {
    padding: 17px var(--global-space-sm);
}

.userbar .language li a {
    opacity: 1;
}

.userbar li a:hover,
.userbar li a:active,
.userbar li a:focus {
    opacity: 1;
}

.userbar ul.social li {
    width: 35px;
    height: 50px;
}

.userbar ul.social li a:before {
    font-size: var(--global-space-sm);
}

.userbar .links li a:before {
    display: none;
}

.userbar .language li a {
    padding: 15px;
    font-size: 14px;
}

/* #endregion */

/* #region // quickcontact */

.quickcontact {
    float: left;
    margin-top: var(--global-space);
}

.quickcontact li {
    float: left;
    padding: 0;
    width: 165px;
}

.quickcontact li:before {
    font-size: var(--global-font-size-2xl);
    padding-left: var(--global-space-sm);
    margin-top: 0;
}

.quickcontact li.phone:before {
    content: "\f095";
}

.quickcontact li.email:before {
    content: "\f0e0";
}

.quickcontact li a:hover,
.quickcontact li a:focus,
.quickcontact li a:active {
    background-color: transparent;
}

.quickcontact li:before {
    transition: var(--global-transition-all);
}

.quickcontact li:hover:before,
.quickcontact li:focus:before,
.quickcontact li:active:before,
.quickcontact li:hover h4 {
    color: var(--global-secondary-color);
}

.quickcontact li a:hover p,
.quickcontact li a:focus p,
.quickcontact li a:active p {
    opacity: 1;
}

.quickcontact li h4 {
    font-size: var(--global-font-size-2xs);
    transition: var(--global-transition-all);
}

.quickcontact li p {
    font-size: var(--global-font-size-4xs);
    text-transform: uppercase;
    color: var(--global-text-color);
    opacity: 0.5;
}

/* #endregion */

/* #region // navigation */

#navigation {
    box-shadow: var(--global-box-shadow);
}

#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: 27px var(--global-space-lg);
}

/* #endregion */

/* #region // sliders */

/*.slider {
    transition: var(--global-transition-all);
}*/

/*.slider:fullscreen .jumbotron {
    width: 100vw;
    height: 100vh;
}*/

/*.slider:fullscreen .button {
    display: none;
}
*/

.slider h2 {
    letter-spacing: -3px;
    margin-top: 0;
}

.slider h3 {
    /*color: #fff;*/
    letter-spacing: -1px;
    /*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: right;
    /*background-size:contain;*/
    border-radius: var(--global-border-radius);
}

.about .container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    /*z-index: 0;*/
    background-color: #fff;
    transform-origin: bottom left;
    transform: skew(-15deg, 0deg);
    /* opacity: 0.5; */
}

/*
.about h2,
.contact h2 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}*/

.about p,
.emergency p {
    font-size: var(--global-font-size-sm);
    /*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;
}

/* #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;
}

.grid article a {
    text-decoration: none;
    border: 1px solid transparent;
    transition: var(--global-transition-all);
}

.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: var(--grid-box-shadow);
}*/

/*.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;
    /*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;
}

.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 // servises */

.servises {
    background-color: var(--global-alternative-background-color);
    padding-top: 0;
}

body.services-page .servises {
    background-color: var(--global-background-color);
    padding-top: var(--global-space-3xl);
}

/* #endregion */

/* #region // products */

/*.products {
    background-color: var(--global-alternative-background-color);
}
*/

/* #endregion */

/* #region // news */

.news {
    background-color: var(--global-alternative-background-color);
}

body.news-page .news {
    background-color: var(--global-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: left;
    background-size: auto;
}

.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 h2:after,
.emergency .button {
    background-color: #fff;
}

.emergency .button:hover {
    background-color: var(--global-secondary-color);
}

/* #endregion */

/* #region // footer */

#footer-wrapper {
    /*padding: var(--global-space-xl) 0;*/
    background-color: var(--global-primary-color);
    color: #fff;
}

/*#footer {
    background-color: transparent;
}*/

#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;
}

.copyright {
    background-color: #006ab0;
    padding: var(--global-space) 0;
}

.copyright .container {
    position: relative;
}

.copyright p {
    font-size: 12px;
    margin-bottom: 5px;
}
/*
.copyright a.author {
    margin-top: var(--global-spacer-xxs);
}*/

.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 {
    right: -60px;
    bottom: 0;
    /*background-color:blue;*/
}

h2.state-b {
    right: 0;
    /*background-color:red;*/
}

.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: 0;
    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;
}

/* #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 {
    content: "\f1c1";
}

/* #endregion */

/* #region // comment-form */

/*.comment-form {
    background-color: var(--global-alternative-background-color);
}
*/
.comment-form .two-column .container,
.comment-form .two-column .container .column:first-child {
    padding: 0;
}

.comment-form .two-column .container .column:last-child {
    padding-left: 0;
}

/* #endregion */

/* #region // comment */

.comment {
    background-color: var(--global-alternative-background-color);
}

/* #endregion */

/* #region // map  */

.map iframe {
    height: 500px;
    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 // media queries */

/* desktop, large desktop and up */
/*@media only screen and (min-width: 992px) {}*/

/* // tablet */
@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: 27px var(--global-space-md);
    }

    /*  // about */

    .about .container {
        background-position: left;
        overflow: hidden;
    }

    .about .container:before {
        transform: translateX(-50%) skew(-15deg, 0deg);
        width: 100%;
    }

    /*  // emergency */

    .emergency:before,
    .emergency:after {
        width: 100%;
    }
}

/* // mobile */
@media only screen and (max-width: 767px) {

    /* // basic style */

    /*:root {
        --global-body-font-size: 15px;
        --global-hero-title-font-size: 32px;
        --global-hero-sub-title-font-size: 20px;
        --global-title-font-size: 40px;
        --global-sub-title-font-size: 20px;
        --global-header-text-align: center;
        --global-footer-height: auto;
        --global-paragraph-text-align: right;
        --global-navigation-offcanvas-width: 80%;
    }*/

    /*  // layout */
    #header {
        background-color: var(--global-primary-color);
    }

    #header.branded h1 {
        margin: 0 var(--global-space) 0 0;
    }

    #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 .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;
    }

    .about .container:before {
        transform: translateX(0);
        width: 100%;
    }

    .about .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;
    }

    /*  // emergency */

    .emergency:before,
    .emergency:after {
        transform: translateX(0);
        right: 0;
        width: 100%;
    }

    .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 ul.block {
        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 {
        padding: 0;
    }

    .comment-form .button {
        width: 100%;
        margin:0;
    }

    /* // contact */

    .contact .button {
        width: 100%;
    }
}

/* large desktop and up */
/*@media (min-width: 1200px) {}*/

/* all - mobile */
/*@media (min-width: 768px) {}*/


/* 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 */