/* Start:/local/templates/.default/fonts/fonts.css?17556824031790*/ @font-face { font-family: 'Montserrat'; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/local/templates/.default/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/local/templates/.default/fonts/Montserrat-SemiBold.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/local/templates/.default/fonts/Montserrat-Regular.woff2') format('woff2'), url('/local/templates/.default/fonts/Montserrat-Regular.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/local/templates/.default/fonts/Montserrat-Medium.woff2') format('woff2'), url('/local/templates/.default/fonts/Montserrat-Medium.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Light'), local('Montserrat-Light'), url('/local/templates/.default/fonts/Montserrat-Light.woff2') format('woff2'), url('/local/templates/.default/fonts/Montserrat-Light.woff') format('woff'), url('/local/templates/.default/fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } /* End */ /* Start:/js/plugins/tooltipster/css/tooltipster.bundle.min.css?16916763546495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/css/libs.min.css?1691676355303586*/ @charset "UTF-8"; /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1210px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1210px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; /*justify-content: space-between;*/ display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } @media (max-width: 991px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /*! * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: -webkit-calc(100% - 1rem); max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: -webkit-calc(100vh - 1rem); max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: -webkit-calc(100% - 1rem); min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: -webkit-calc(100vh - 1rem); height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: -webkit-calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: -webkit-calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: -webkit-calc(0.3rem - 1px); border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: -webkit-calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: -webkit-calc(100% - 3.5rem); max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: -webkit-calc(100vh - 3.5rem); max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: -webkit-calc(100% - 3.5rem); min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: -webkit-calc(100vh - 3.5rem); height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1324px; } } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { position: absolute; right: 5px; top: -65px; width: 50px; height: 65px; padding: 0.25rem 9px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; vertical-align: middle; content: ""; } .navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after { display: block; position: absolute; width: 30px; height: 2px; background-color: #9A9A9A; } .navbar-toggler-icon{ content: ''; top: 34px; } .navbar-toggler-icon::before { content: ''; top: -11px; } .navbar-toggler-icon::after { content: ''; top: 11px; } @media (max-width: 370px) { .navbar-toggler { top: -60px; } .navbar-toggler-icon{ content: ''; top: 30px; } .navbar-toggler-icon::before { content: ''; top: -10px; } .navbar-toggler-icon::after { content: ''; top: 10px; } } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; border-top: 1px solid #dee2e6; } .table thead th { border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.compensate-for-scrollbar { overflow: hidden; } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial,sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: .4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle > i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white)); background: -o-linear-gradient(top, #ddd -50%, white 150%); background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec)); background: -o-linear-gradient(top, #ffffff 0%, #428bca 30%, #b9d4ec 100%); background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white)); background: -o-linear-gradient(top, white 0%, #B4B9BE 30%, white 100%); background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white)); background: -o-linear-gradient(top, white 0%, #919BA5 30%, white 100%); background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background: -o-linear-gradient(top, #428bca 0%, #3071a9 100%); background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0)); background: -o-linear-gradient(top, #e0e4ea 0%, #d1d6e0 100%); background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d)); background: -o-linear-gradient(top, #20b426 0%, #18891d 100%); background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--modern .irs-handle > i:nth-child(2) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6)); background: -o-linear-gradient(top, white 0%, #e9e6e6 100%); background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle > i:nth-child(3) { position: absolute; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff)); background: -o-linear-gradient(top, #ffffff 0%, #919ba5 30%, #ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle > i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } .cocoen { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cocoen * { -webkit-box-sizing: inherit; box-sizing: inherit; } .cocoen *::after, .cocoen *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cocoen img, .cocoen picture > img { max-width: none; } .cocoen > img, .cocoen > picture > img { display: block; width: 100%; } .cocoen > div:first-child, picture .cocoen > div { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 50%; } .cocoen-drag { background: #fff; bottom: 0; cursor: ew-resize; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 2px; } .cocoen-drag::before { border: 3px solid #fff; content: ''; height: 30px; left: 50%; margin-left: -7px; margin-top: -18px; position: absolute; top: 50%; width: 14px; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 80px; perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -o-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -o-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -o-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(45deg); transform: translate3d(0, -10px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(135deg); transform: translate3d(0, 10px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg); transform: translate3d(0, -20px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; -webkit-transition-duration: 0.275s; -o-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; -webkit-transition: opacity 0.125s 0.275s ease; -o-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg); transform: translate3d(0, 10px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(270deg); transform: translate3d(0, -20px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; -o-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg); transform: translate3d(80px, 80px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg); transform: translate3d(-80px, 80px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -o-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg); transform: translate3d(80px, -80px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg); transform: translate3d(-80px, -80px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; -o-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg); transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0); transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -20px, 0) rotate(90deg); transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; -webkit-transition: background-color 0s 0.13s linear; -o-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -o-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg); transform: translate3d(0, -10px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -o-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -o-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -ms-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -o-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -ms-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* End */ /* Start:/css/main.min.css?1779732399147388*/ html, body { width: 100%; min-height: 100%; padding: 0; margin: 0; overflow-x: hidden; } body { min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; font-family: "Montserrat", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; color: #1D1D1D; } img { max-width: 100%; } p { line-height: 26px; } :focus, :active { outline: none !important; } a { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } a:hover { text-decoration: none; color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .img-fluid { max-width: 100%; } .project_detail .img-fluid { width: 380px; height: 241px; } .btn { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; color: #fff; border: 1px solid #3174C6; background: #3174C6; padding: 10px 12px 10px; display: inline-block; cursor: pointer; } .btn:hover { background: #fff; color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .btn-white { color: #3174C6; border: 1px solid #fff; background: #fff; } .btn-white:hover { background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .row-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } body h2 { font-style: normal; font-weight: 600; font-size: 32px; line-height: 40px; color: #141414; margin-top: 10px; text-align: center; } .contact_info__item.contact_info__item-3 .contact_info__phone--lg { font-size: 22px; } @media (max-width: 768px) { body h2 { font-size: 26px; line-height: 32px; } } @media (max-width: 479px) { body h2 { font-size: 20px; line-height: 26px; } body h1 { font-size: 30px !important; line-height: 36px !important; } } body h1 { font-weight: 600; } body h3 { font-weight: 600; } .catalog_item { border: 1px solid #E9E9E9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #141414; } .catalog_main-list div { } .catalog_main-list .catalog_item { display: block; } .catalog_main-list { row-gap: 20px; } @media (max-width: 991px) { .catalog_main-list { row-gap: 30px; } } @media (max-width: 768px) { .catalog_main-list { row-gap: 20px; } } .catalog_item__name { font-weight: 500; font-size: 20px; line-height: 24px; padding: 16px 14px; margin: 0; border-top: 1px solid #E9E9E9; width: 100%; height: 100%; color: #141414; background: #fff; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_item:hover .catalog_item__name { background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .tittle_margin { margin-bottom: 40px; } @media (max-width: 991px) { .tittle_margin { margin-bottom: 25px; } } .contact_info__item.contact_info__item-3 .contact_info__phone--lg { font-size: 22px; } .catalog_item__img { min-height: 212px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog_item__img img { object-fit: cover; width: 100%; height: 100%; max-height: 280px; } } .advantages_item { margin-right: 40px; min-width: 200px; max-width: 300px; } .advantages .row { flex-wrap: nowrap; } @media (max-width: 1199px) { .advantages .row { flex-wrap: wrap; } .advantages_item { width: 270px; } } .advantages_item-price { margin-right: 0; } .advantages_item__title { font-weight: 600; font-size: 24px; line-height: 29px; padding-bottom: 9px; border-bottom: 2px solid #3174C6; display: inline-block; white-space: nowrap; } @media (max-width: 991px) { .advantages_item__title { font-size: 20px; padding-bottom: 6px; } .contact_info__item.contact_info__item-3 .contact_info__phone--lg { font-size: 20px; } } .advantages_item img { display: block; margin-bottom: 19px; } @media (max-width: 991px) { .advantages_item img { margin-bottom: 10px; } } .advantages_item__text { font-weight: 500; font-size: 16px; line-height: 26px; margin-top: 13px; } .r_project_item { /* width: 380px; */ margin-bottom: 18px; display: flex; flex-direction: column; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .r_project_item img { width: 380px; } @media (max-width: 768px) { .r_project_item img { object-fit: cover; width: 100%; } } .r_projects .r_project_item_desc { min-height: 115px; } .r_projects-main .r_project_item_desc { min-height: 54px; } .r_project_item_desc { position: relative; max-width: 380px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -webkit-justify-content: flex-end; -ms-flex-pack: justify; justify-content: flex-end; background: #FFFFFF; border: 1px solid #E9E9E9; padding: 17px 30px; text-align: left; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 768px) { .r_project_item_desc { max-width: 100%; } } .r_project_item_name { position: absolute; left: 30px; top: 14px; font-weight: 500; font-size: 20px; line-height: 24px; color: #141414; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .rutube_slider .slick-list { margin: 0 40px 50px 40px; } .rutube_slider__item { padding: 0 20px; } .r_project_item:hover .r_project_item_desc { background: #3174C6; border: 1px solid #3174C6; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 1200px) { .r_project_item_name { left: 10px; font-size: 16px; } .r_project_item_desc svg { margin-top: 6px; } .r_projects .r_project_item_desc { padding: 12px; } } .r_project_item:hover .r_project_item_name { color: #fff; left: 15%; right: 15%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 489px) { .r_project_item:hover .r_project_item_name { left: 5%; right: 5%; } .rutube_slider__item iframe { height: 200px; } .rutube_slider__item { padding: 0px; } } .btn_transparent { border: 1px solid #3174C6; background: none; color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .btn_transparent:hover { border: 1px solid #3174C6; background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .r_projects { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 991px) { .r_projects { margin-top: 40px; margin-bottom: 40px; } .advantages + .r_projects { margin-top: 0; margin-bottom: 40px; } } .r_projects-title { margin-bottom: 25px; } .r_projects-text { font-size: 18px; line-height: 26px; font-weight: 500; margin-bottom: 26px; } @media (max-width: 991px) { .r_projects-text { margin-bottom: 10px; } } .btn-projects-wrapper { margin-top: 7px; } @media (max-width: 991px) { .btn-projects-wrapper { margin-top: -7px; } } .btn-projects { padding: 10px 40px; } .main_sovlab__img { display: block; width: 459px; margin: 0 auto; margin-bottom: 1rem; } .advantages { display: grid; grid-template-columns: 117px 200px 295px 218px; justify-content: space-between; gap: 32px; margin-bottom: 20px; margin-top: 30px; } .advantages_item { width: 100%; } @media (max-width: 992px) { .advantages { grid-template-columns: 295px 295px; justify-content: center; column-gap: 40px; row-gap: 40px; } .advantages_item { max-width: 295px; } } @media (max-width: 576px) { .advantages { grid-template-columns: 1fr; } .advantages_item { max-width: 295px; margin: 0 auto; } } @media (max-width: 991px) { .main_sovlab__img { margin-top: 0; } } .check_pol { display: block; position: relative; padding-left: 18px; margin-bottom: 0; cursor: pointer; font-weight: 400; font-size: 10px; line-height: 0px; color: #FFFFFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 17px; } .check_pol input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border: 0.8px solid #93CDF3; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } .checkmark:after { content: ""; position: absolute; display: none; } .check_pol .checkmark:after { left: 3px; top: -2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .check_pol input:checked ~ .checkmark:after { display: block; } input::-webkit-input-placeholder { color: #9C9C9C; } input::-moz-placeholder { color: #9C9C9C; } input:-ms-input-placeholder { color: #9C9C9C; } input::-ms-input-placeholder { color: #9C9C9C; } input::placeholder { color: #9C9C9C; } .fos .input_group input[type="text"] { font-weight: 500; border: 1px solid transparent; } .input_group input[type="text"] { width: 100%; border: none; height: 48px; padding: 0 30px; } .input_group:not(:last-child) { margin-bottom: 15px; } .qorder_form .input_group:not(:last-child) { margin-bottom: 0; } .qorder_form_line { gap: 15px; } .fos { background: url(/css/../img/fos-bg.jpg) no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 50px; position: relative; margin-top: 100px; } @media (max-width: 991px) { .fos { padding-top: 40px; padding-bottom: 40px; margin-top: 0; margin-bottom: 0; } .r_projects + .fos { margin-bottom: 40px; } .qorder_form_line { flex-direction: column; align-items: center; } } .fos:after { content: ''; background: -o-linear-gradient(359.93deg, rgba(0, 113, 188, 0.71) 48.34%, rgba(163, 163, 163, 0.1491) 94.4%); background: linear-gradient(90.07deg, rgba(0, 113, 188, 0.71) 48.34%, rgba(163, 163, 163, 0.1491) 94.4%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .fos > .container { position: relative; z-index: 2; } .fos-wrapper form { max-width: 302px; margin-left: auto; } @media (max-width: 1000px) { .fos-wrapper form { max-width: 100%; margin-left: auto; } } .fos_title { font-weight: bold; font-size: 35px; line-height: 43px; color: #FFFFFF; margin-bottom: 20px; } @media (max-width: 991px) { .fos_title { font-size: 28px; line-height: 30px; margin-bottom: 10px; } } .fos_text { font-weight: 500; font-size: 18px; line-height: 26px; color: #FFFFFF; } @media (max-width: 991px) { .fos_text { font-size: 16px; margin-bottom: 10px; } } .fos .btn { width: 100%; } .main_sovlab { margin-top: 100px; } @media (max-width: 991px) { .main_sovlab { margin-top: 0; margin-bottom: 40px; } } .main_sovlab-title { margin-bottom: 20px; } .main_sovlab-text { max-width: 690px; font-weight: 500; } .main_sovlab-text-first { padding-bottom: 5px; } .main_sovlab_items { margin-top: 82px; } @media (max-width: 991px) { .main_sovlab_items { margin-top: 0; margin-bottom: 40px; } } @media (max-width: 768px) { .main_sovlab { position: relative; overflow: hidden; } .main_sovlab::before { content: ''; position: absolute; inset: 0; background-image: url('/img/logotype.svg'); background-repeat: no-repeat; background-position: bottom; background-size: 80%; opacity: 0.08; z-index: 1; } .main_sovlab .container { position: relative; z-index: 2; } } .main_sovlab_item { height: 212px; max-width: 581px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*justify-self: center;*/ margin: 0 auto; position: relative; margin-bottom: 20px; } .main_sovlab_item-lab { background: url("/css/../img/main_sovlab_item-1.jpg") no-repeat; } .main_sovlab_item-school { background: url("/css/../img/main_sovlab_item-2.jpg") no-repeat; } .main_sovlab_item-med { background: url("/css/../img/main_sovlab_item-3.jpg") no-repeat; } .main_sovlab_item-uni { background: url("/css/../img/main_sovlab_item-4.jpg") no-repeat; } .main_sovlab_item-lvg { background: url("/css/../img/main_sovlab_item-3.jpg") no-repeat; } .main_sovlab_item-tir { background: url("/css/../img/main_sovlab_item-4.jpg") no-repeat; } .main_sovlab_item:after { content: ''; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .main_sovlab_item_name { font-weight: bold; font-size: 20px; line-height: 24px; color: #FFFFFF; text-align: center; width: 100%; z-index: 9; position: relative; padding: 18px 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .main_sovlab_item:hover:after { background: rgba(0, 0, 0, 0); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .main_sovlab_item:hover .main_sovlab_item_name { background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .clients_slider img { max-height: 100px; margin: 0 auto; } .clients_slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .clients_slider .slick-list { margin: 0 30px; } .slick-arrow { background: url(/css/../img/arrow_slider.svg) no-repeat; background-size: cover; width: 19px; height: 38px; font-size: 0; position: absolute; border: none; top: 50%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .slick-prev { -webkit-transform: translate(0px, -50%) scale(-1); -ms-transform: translate(0px, -50%) scale(-1); transform: translate(0px, -50%) scale(-1); } .slick-next { right: 0; } .clients { margin-top: 80px; margin-bottom: 102px; } @media (max-width: 991px) { .clients { margin-top: 0; margin-bottom: 40px; } } .clients-tittle { margin-bottom: 60px; } @media (max-width: 991px) { .clients-tittle { margin-bottom: 0; } } .btn_white { background: #fff; border: 1px solid #fff; color: #3174C6; width: 100%; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .btn_white:hover { border: 1px solid #fff; background: transparent; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .fos_lg_title { font-weight: bold; font-size: 30px; line-height: 37px; text-align: center; margin-bottom: 20px; color: #fff; } @media (max-width: 991px) { .fos_lg_title { font-size: 26px; line-height: 32px; } } .fos_lg_text { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; max-width: 454px; margin: 0 auto; margin-bottom: 31px; } @media (max-width: 991px) { .fos_lg_text { margin-bottom: 15px; } } .fos_lg .btn_white { max-width: 300px; } .fos_lg { background: url(/css/../img/fos-lg-bg.jpg) center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; text-align: center; } @media (max-width: 991px) { .fos_lg { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 570px) { .fos_lg { background: #3174C6; } } .btn_consult { padding: 10px 40px; width: auto; margin-top: 8px; } .footer { background: #171717; padding-top: 40px; padding-bottom: 20px; color: #fff; } .footer .footer_city { z-index: 100; } @media (max-width: 991px) { .footer .row { text-align: center; } .footer_btn_search { margin: 0 auto; } .footer .col_footer, .footer .footer_copy, .footer .footer_policy { margin-right: auto; margin-left: auto; } .footer .footer_city { max-width: 160px; margin-right: auto; margin-left: auto; } } .footer a { color: #fff; } .footer_btn_search { max-width: 180px; } .footer .btn { font-weight: 500; font-size: 14px; line-height: 17px; width: 100%; margin-bottom: 15px; padding: 8px 12px 8px; } @media (max-width: 1200px) { .footer .btn { padding: 8px 5px 8px; } } @media (max-width: 991px) { .footer .btn { padding: 8px 12px 8px; } } .input_search input { width: 100%; height: 35px; padding: 0 15px; padding-right: 25px; border: none; } .footer_phone { font-weight: 600; font-size: 16px; line-height: 27px; margin-bottom: 10px; display: block; color: #FDFCFC; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 1200px) { .footer_phone { font-size: 20px; } } .footer_phone:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .footer_city { padding-top: 18px; position: relative; cursor: pointer; text-align: center; } .footer-city_select-list { overflow: hidden; text-align: left; display: grid; height: 26px; position: absolute; top: -5px; left: 0; min-width: 160px; padding: 0; padding-left: 18px; margin: 0; line-height: 26px; list-style: none; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; background: transparent; } .footer-city_select-list_opened { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; height: 52px; box-shadow: 0px 4px 4px rgb(0 0 0 / 15%); } .footer_city::before { position: absolute; content: ''; width: 10px; height: 14px; top: 0; left: 3px; background: url("/css/../img/geo.svg") no-repeat; z-index: 3; } .footer-phone_select-item { display: none; } .footer-city-btn { position: absolute; width: 160px; height: 20px; top: 0; left: 20px; background: url("/css/../img/city-btn.svg") left 150px top 6px no-repeat; } .footer_dec { font-size: 14px; line-height: 17px; color: #FFFFFF; } .col_footer { width: 180px; } .col_footer img { display: block; width: 180px; } .col_info { padding: 0 10px; margin-bottom: 27px; } .col_menu a { color: #FFFFFF; display: block; font-weight: 500; margin-bottom: 15px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .col_menu a:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .input_search { position: relative; } .input_search button { position: absolute; right: 0; border: none; background: none; top: 0px; height: 100%; border-left: 1px solid #D1D1D1; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .input_search button:hover { background: #3174c6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .input_search button svg path { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .input_search button:hover svg path { stroke: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 991px) { .advantages { margin-top: 0; } .col_footer img { margin: 0 auto; } .footer .col_menu { text-align: center; margin-bottom: 10px; } .footer .col_menu a { display: inline-flex; align-items: center; margin-bottom: 12px; } .footer .col_menu a:not(:last-child)::after { content: ""; display: inline-block; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.5); margin: 0 12px; } } .mobile-calc-actions, .mobile-img-drawer { display: none; } @media (max-width: 767px) { .calc_right_block .floating_price_img { display: none; } .calc_right_block .floating_price_title { margin-top: 20px; } .mobile-calc-actions { display: flex; flex-direction: column; gap: 10px; position: fixed; right: 12px; top: 50%; transform: translateY(-50%); z-index: 1050; } .mobile-calc-btn { width: 46px; height: 46px; border: 0; border-radius: 50%; background: #3174C6; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; box-shadow: 0 4px 14px rgba(0,0,0,.2); cursor: pointer; } .mobile-calc-btn:active { transform: scale(.96); } .mobile-img-drawer { display: block; position: fixed; inset: 0; z-index: 12000; pointer-events: none; } .mobile-img-drawer.is-open { pointer-events: auto; } .mobile-img-drawer__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.45); opacity: 0; transition: opacity .25s ease; } .mobile-img-drawer.is-open .mobile-img-drawer__overlay { opacity: 1; } .mobile-img-drawer__panel { position: absolute; top: 0; right: 0; width: min(90vw, 320px); height: 100%; background: #fff; padding: 48px 16px 20px; transform: translateX(100%); transition: transform .25s ease; overflow-y: auto; box-shadow: -6px 0 20px rgba(0,0,0,.18); } .mobile-img-drawer.is-open .mobile-img-drawer__panel { transform: translateX(0); } .mobile-img-drawer__close { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; border: 0; background: none; font-size: 55px; line-height: 1; cursor: pointer; } .mobile-img-drawer__content .floating_price_img { display: block !important; min-height: 420px !important; position: relative; } .mobile-img-drawer__content .floating_price_img img { max-width: 100%; height: auto; } .mobile-img-drawer__text { color: #3174C6; text-align: center; margin-top: 10px; } .mobile-img-drawer__arrow { position: absolute; top: calc(50% - 15px); left: 10px; border-right: 2px solid #3174C6; border-bottom: 2px solid #3174C6; display: block; width: 15px; height: 15px; animation: arrowImgDrawer 1.5s infinite; } } .advantages .row { margin-left: -10px; row-gap: 30px; } @media (max-width: 991px) { .advantages .row { row-gap: 20px; } } .catalog { padding-top: 50px; padding-bottom: 82px; } @media (max-width: 991px) { .catalog { padding-bottom: 40px; padding-top: 40px; } } .catalog_description { overflow: hidden; margin-top: 75px; margin-bottom: 100px; } @media (max-width: 991px) { .catalog_description { margin-top: 0; margin-bottom: 40px; } } .ul_style { list-style: none; padding-left: 0; } .ul_style li { position: relative; padding-left: 38px; font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 14px; } .ul_style li:before { content: ''; background: url(/css/../img/list-style.svg) no-repeat; width: 27px; height: 25.7px; position: absolute; left: 0; top: 0px; } .catalog_description h2 { margin-bottom: 33px; } @media (max-width: 991px) { .catalog_description h2 { margin-bottom: 20px; } } .catalog_description-img { max-width: 700px; height: 440px; background: url("/css/../img/catalog_description-img.png") center no-repeat; background-size: contain; } @media (max-width: 768px) { .catalog_description-img { display: none; } } .catalog_description__text { max-height: 410px; overflow: hidden; position: relative; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_description__text--open { max-height: 100%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_description__text { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_description__text:after { content: ''; background: -webkit-gradient(linear, left bottom, left top, color-stop(18.75%, #FFFFFF), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(bottom, #FFFFFF 18.75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, #FFFFFF 18.75%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: 0; width: 100%; height: 200px; } .catalog_description__text--open:after { content: none; } a.btn_expand { font-weight: 500; font-size: 20px; line-height: 24px; cursor: pointer; color: #3174C6; } .r_project_item_year { font-size: 16px; line-height: 24px; color: #858585; margin-top: 7px; font-weight: 400; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .r_project_item:hover .r_project_item_name { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .r_project_item:hover svg { display: none; } .r_project_item:hover .r_project_item_year { color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .service_item-list { display: flex; flex-wrap: nowrap; row-gap: 40px; } @media (max-width: 1200px) { .service_item-list { flex-wrap: wrap; } } @media (max-width: 991px) { .service_item-list { row-gap: 70px; } } @media (max-width: 768px) { .service_item-list { row-gap: 20px; } } .service_item { border: 1px solid #E9E9E9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 19px; width: 280px; text-align: center; padding-top: 60px; min-height: 272px; } @media (max-width: 768px) { .service_item { width: 100%; } } .service_item-consult { padding-top: 77px; } .service_item:hover { background-color: #3174C6; } .service_item img:nth-child(2) { display: none; } .service_item:hover img:first-child { display: none; } .service_item:hover img:nth-child(2) { display: block; } .service_item:hover .service_item_name { color: #FFFFFF; } .service_item img { max-height: 100px; margin-bottom: 44px; } .service_item_name { font-size: 20px; line-height: 24px; font-weight: 500; min-height: 40px; color: #111111; } .service_item-consult .service_item_name { font-size: 16px; line-height: 20px; } .services { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 991px) { .services { margin-top: 40px; margin-bottom: 50px; } } .services-heading { margin-bottom: 50px; } @media (max-width: 991px) { .services-heading { margin-bottom: 30px; } } .services .btn { width: 239px; padding-bottom: 12px; padding-top: 14px; line-height: 20px; margin-top: 29px; } .info_item { font-weight: 500; border: 1px solid #E9E9E9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 19px; padding-top: 204px; text-align: center; width: 280px; min-height: 272px; } @media (max-width: 767px) { .info_item { width: 100%; padding: 15px; padding-top: 180px; min-height: 200px; } } .info_item-wrapper:first-child .info_item { background: url("/css/../img/info-img1.svg") center top 65px no-repeat; } .info_item-wrapper:first-child .info_item:hover { background: url("/css/../img/info-img1-hover.svg") center top 65px no-repeat; background-color: #3174C6; } .info_item-wrapper:nth-child(2) .info_item { background: url("/css/../img/info-img2.svg") center top 66px no-repeat; } .info_item-wrapper:nth-child(2) .info_item:hover { background: url("/css/../img/info-img2-hover.svg") center top 66px no-repeat; background-color: #3174C6; } .info_item-wrapper:nth-child(3) .info_item { background: url("/css/../img/info-img3.svg") center top 72px no-repeat; } .info_item-wrapper:nth-child(3) .info_item:hover { background: url("/css/../img/info-img3-hover.svg") center top 72px no-repeat; background-color: #3174C6; } .info_item-wrapper:nth-child(4) .info_item { background: url("/css/../img/info-img4.svg") center top 58px no-repeat; } .info_item-wrapper:nth-child(4) .info_item:hover { background: url("/css/../img/info-img4-hover.svg") center top 58px no-repeat; background-color: #3174C6; } .info_item-wrapper:nth-child(5) .info_item { background: url("/css/../img/info-img5.svg") center top 59px no-repeat; } .info_item-wrapper:nth-child(5) .info_item:hover { background: url("/css/../img/info-img5-hover.svg") center top 59px no-repeat; background-color: #3174C6; } .info_item-wrapper:last-child .info_item:hover { background-color: #3174C6; } .info_item-consult { padding-top: 77px; } @media (max-width: 768px) { .info_item-consult { padding-top: 60px; padding-bottom: 60px; } } .info-item img { max-height: 114px; margin-bottom: 40px; } .info_item img:nth-child(2) { display: none; } .info_item:hover img:first-child { display: none; } .info_item:hover img:nth-child(2) { display: block; } .info_item:hover .info_item_name { color: #FFFFFF; } .info_item_name { min-height: 40px; font-size: 20px; line-height: 24px; color: #111111; } .info_item-consult .info_item_name { font-size: 16px; line-height: 20px; } .info .btn { margin-top: 25px; width: 239px; padding-bottom: 12px; padding-top: 14px; line-height: 20px; } .service_item:hover .btn, .info_item:hover .btn { background: #fff; color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .info { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 991px) { .info { margin-top: 40px; margin-bottom: 40px; } } .info .col-lg-3, .services .col-lg-3 { display: inline-table; } .info_title { margin-bottom: 50px; } @media (max-width: 991px) { .info_title { margin-bottom: 25px; } } .info .row { justify-content: flex-start; row-gap: 20px; } @media (max-width: 1216px) { .info .row { justify-content: center; row-gap: 20px; } } @media (max-width: 991px) { .info .row { row-gap: 30px; } } @media (max-width: 768px) { .info .row { row-gap: 20px; } } .info_detail-wrapper { padding-top: 50px; } @media (max-width: 991px) { .info_detail-wrapper { padding-top: 40px; margin-bottom: 40px; } } .info_detail-wrapper p { font-weight: 500; } @media (max-width: 768px) { .info_detail-wrapper p { font-size: 14px; } } .info_detail-heading { margin-bottom: 30px; } .info_detail-wrapper-text { margin-bottom: 73px; } @media (max-width: 991px) { .info_detail-wrapper-text { margin-bottom: 40px; } } .info_detail { display: flex; justify-content: flex-start; row-gap: 48px; column-gap: 95px; max-width: 998px; margin: 0 auto; } @media (max-width: 991px) { .info_detail { row-gap: 30px; column-gap: 5px; } } .info_detail_item { display: flex; min-height: 240px; width: 460px; } @media (max-width: 500px) { .info_detail_item { flex-direction: column; max-width: 100%; align-items: center; text-align: center; } } .info_detail_item h3 { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .info_detail_item p { margin-bottom: 15px; font-size: 14px; line-height: 17px; } .info_detail_item img { margin-right: 18px; } @media (max-width: 500px) { .info_detail_item img { margin-right: 0; margin-bottom: 10px; width: fit-content; } } .info_detail_download { display: flex; align-items: center; font-size: 17px; list-style: 22px; } .info_detail_download a:hover { border-bottom: 1px solid #000; color: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .info_detail_download img { margin-right: 10px; } .info_detail_file { color: #787878; margin-right: 10px; } .promo-wrapper-heading { margin-bottom: 26px; } @media (max-width: 991px) { .promo-wrapper-heading { margin-bottom: 16px; } } .promo-wrapper-text { max-width: 720px; font-size: 18px; margin: 0 auto; margin-bottom: 49px; } @media (max-width: 991px) { .promo-wrapper-text { margin-bottom: 20px; } } .promo { display: flex; flex-direction: column; row-gap: 20px; } .promo-wrapper { padding-top: 50px; padding-bottom: 100px; } @media (max-width: 991px) { .promo-wrapper { padding-top: 40px; padding-bottom: 50px; } } .promo-wrapper p { font-weight: 500; } .promo_item { display: flex; flex-wrap: wrap; column-gap: 109px; padding-top: 33px; padding-left: 145px; padding-bottom: 33px; padding-right: 120px; } .promo_item:first-child { background: url("/css/../img/bg-promo1.jpg") no-repeat; background-size: cover; } .promo_item:nth-child(2) { background: url("/css/../img/bg-promo2.jpg") no-repeat; background-size: cover; } @media (max-width: 991px) { .promo_item { padding: 40px; } } .promo_item-text-wrapper { max-width: 570px; } .promo_item h3 { font-size: 30px; line-height: 39px; color: #FFFFFF; margin-bottom: 16px; } @media (max-width: 991px) { .promo_item h3 { font-size: 24px; line-height: 30px; margin-bottom: 10px; } } .promo_item-number { min-width: 203px; text-align: center; align-self: center; font-size: 80px; line-height: 98px; font-weight: 600; color: #FFFFFF; } @media (max-width: 991px) { .promo_item-number { font-size: 70px; line-height: 80px; text-align: left; } } .promo_item p { font-size: 18px; font-weight: 500px; color: #FFFFFF; margin-bottom: 20px; } @media (max-width: 991px) { .promo_item p { font-size: 16px; margin-bottom: 15px; } } .promo-link { font-size: 16px; line-height: 20px; font-weight: 500px; color: #3174C6; } .promo-btn { background: transparent; padding: 10px 38px; color: #FFFFFF; border: 1px solid #FFFFFF; } .promo_detail { padding-top: 53px; padding-bottom: 81px; } @media (max-width: 991px) { .promo_detail { padding-top: 40px; padding-bottom: 40px; } } .promo_detail p { font-weight: 500; } .promo_detail .promo_detail-text-normal { font-size: 18px; margin-bottom: 21px; } @media (max-width: 991px) { .promo_detail .promo_detail-text-normal { font-size: 16px; margin-bottom: 15px; } } .promo_detail p:nth-child(3) { margin-bottom: 0; } .promo_detail-text-wrapper { max-width: 492px; } @media (max-width: 991px) { .promo_detail-text-wrapper { margin-bottom: 35px; } } .promo_detail-text-wrapper h4 { font-size: 24px; line-height: 29px; font-weight: 600; margin-top: 40px; margin-bottom: 33px; } @media (max-width: 991px) { .promo_detail-text-wrapper h4 { font-size: 20px; margin-top: 20px; margin-bottom: 15px; } } .promo_detail-text-wrapper ul { margin-bottom: 40px; } @media (max-width: 991px) { .promo_detail-text-wrapper ul { margin-bottom: 25px; } } .promo_detail .promo_detail-text-small { font-size: 16px; font-weight: 600px; margin-bottom: 40px; } @media (max-width: 991px) { .promo_detail-text-wrapper .promo_detail-text-small { margin-bottom: 25px; } } .promo_detail-text-date { font-weight: 600; } .promo_detail-img { margin-right: -5px; } .promo_detail-number { position: relative; width: 636px; height: 635px; background: url("/css/../img/promo-detail-img.jpg") no-repeat; background-size: cover; } .promo_detail-number::before { position: absolute; content: '-15%'; padding-top: 230px; padding-left: 80px; font-size: 80px; line-height: 98px; font-weight: 600; color: #FFFFFF; width: 421px; height: 575px; left: 310px; background: url("/css/../img/promo-detail-bg.png") left center no-repeat; } @media (max-width: 800px) { .promo_detail-number { position: relative; width: 300px; height: 320px; background: url("/css/../img/promo-detail-img.jpg") no-repeat; background-size: cover; } .promo_detail-number::before { position: absolute; content: '-15%'; padding-top: 150px; padding-left: 45px; font-size: 40px; line-height: 49px; font-weight: 600px; color: #FFFFFF; width: 220px; height: 350px; top: -20px; left: 110px; background: url("/css/../img/promo-detail-bg.png") left center no-repeat; background-size: contain; } } .promo-list-title { text-align: center; padding-top: 100px; margin-bottom: 3px; } @media (max-width: 991px) { .promo-list-title { padding-top: 40px; } } .optional_slider__item, .catalog_slider__item, .promo_slider__item { padding-left: 5px; padding-right: 5px; } .catalog_cart__detail .col_main .slick-prev, .optional_slider .slick-prev, .catalog_slider .slick-prev, .promo_slider .slick-prev { position: absolute; background: url("/css/../img/arrow-prev.svg") no-repeat; transform: none; width: 70px; top: 103%; right: 43%; z-index: 5; } .catalog_cart__detail .col_main .slick-next, .optional_slider .slick-next, .catalog_slider .slick-next, .promo_slider .slick-next { position: absolute; background: url("/css/../img/arrow-next.svg") no-repeat; transform: none; width: 70px; top: 103%; left: 43%; z-index: 5; } @media (max-width: 1200px) { .catalog_cart__detail .col_main .slick-next, .optional_slider .slick-next, .catalog_slider .slick-next, .promo_slider .slick-next { left: 39%; } .catalog_cart__detail .col_main .slick-prev, .optional_slider .slick-prev, .catalog_slider .slick-prev, .promo_slider .slick-prev { right: 39%; } } @media (max-width: 768px) { .catalog_cart__detail .col_main .slick-next, .optional_slider .slick-next, .catalog_slider .slick-next, .promo_slider .slick-next { left: 30% } .catalog_cart__detail .col_main .slick-prev, .optional_slider .slick-prev, .catalog_slider .slick-prev, .promo_slider .slick-prev { right: 30%; } } @media (max-width: 489px) { .catalog_cart__detail .col_main .slick-next, .optional_slider .slick-next, .catalog_slider .slick-next, .promo_slider .slick-next { left: 22% } .catalog_cart__detail .col_main .slick-prev, .optional_slider .slick-prev, .catalog_slider .slick-prev, .promo_slider .slick-prev { right: 22%; } } .news_detail { padding-top: 50px; padding-bottom: 100px; } @media (max-width: 991px) { .news_detail { padding-top: 40px; padding-bottom: 50px; } } .news_detail .news_date { font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 29px; } @media (max-width: 768px) { .news_detail .news_date { font-size: 18px; line-height: 26px; margin-bottom: 15px; } } .news_detail-title { margin-bottom: 30px; } @media (max-width: 768px) { .news_detail-title { margin-bottom: 10px; } } .news_detail_text { padding-top: 10px; } .news_detail_text p { margin-bottom: 20px; } .news_detail_text p:last-child { margin-bottom: 0; } .news_detail-top { display: flex; justify-content: flex-start; } @media (max-width: 991px) { .news_detail-top img { width: 100%; margin-bottom: 15px; } } .news_detail_top_text p:first-child { margin-bottom: 20px; } .btn-news_detail-wrapper { margin-top: 36px; } .btn-news_detail { padding: 10px 40px; } .form_one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .header_bg { position: relative; padding-top: 100px; padding-bottom: 100px; } .promo_detail-header_bg { padding-top: 74px; padding-bottom: 54px; } .header_bg:before { content: ''; background: -o-linear-gradient(359.93deg, rgba(0, 113, 188, 0.71) 48.34%, rgba(163, 163, 163, 0.1491) 94.4%); background: linear-gradient(90.07deg, rgba(0, 113, 188, 0.71) 48.34%, rgba(163, 163, 163, 0.1491) 94.4%); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; } .header_bg h1 { color: #fff; font-weight: bold; font-size: 35px; line-height: 43px; text-align: center; margin-bottom: 23px; } .promo_detail-header_bg h1 { font-weight: 600; font-size: 40px; line-height: 49px; } @media (max-width: 991px) { .promo_detail-header_bg h1 { font-size: 35px; line-height: 46px; } } .project_detail-header_bg { padding: 121px 0; } @media (max-width: 991px) { .header_bg { padding-top: 40px; padding-bottom: 40px; } } .header_bg p:nth-child(2) { font-weight: 500; font-size: 20px; text-align: center; color: #FFFFFF; margin-bottom: 25px; } @media (max-width: 991px) { .header_bg p:nth-child(2) { padding-bottom: 0; } } .header_bg form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .header_bg .check_pol { margin-top: 0; } .header_bg button { width: 100%; } .header_bg .form_one { max-width: 560px; margin: 0 auto; } .header_bg .input_group { width: 100%; max-width: 280px; } .breadcrumbs { border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; padding-top: 13px; padding-bottom: 12px; } .breadcrumbs_list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; } .breadcrumbs_list li a, .breadcrumbs_list li { font-size: 12px; line-height: 18px; color: #9A9797; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .breadcrumbs_list li a:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .service_detail_content { margin-top: 50px; margin-bottom: 40px; } @media (max-width: 991px) { .service_detail_content { margin-top: 40px; margin-bottom: 20px; } } .service_detail_content .row { padding: 0 14px; } .service_detail-header-container h1 { margin-bottom: 27px; } .service_detail-header-container p { margin-bottom: 29px; } .service_detail-header-container .check_pol { margin-bottom: 6px; } .service_detail_content__text { max-width: 528px; background: url(/css/../img/service_detail_content-bg.svg) no-repeat; background-position: center; } .service_detail_content__image { max-width: 626px; padding-left: 30px; } @media (max-width: 500px) { .service_detail-header-container .form_one { display: flex; flex-wrap: wrap; } .service_detail-header-container .form_one .input_group { margin: 0 auto; margin-bottom: 10px; } .service_detail_content__image { padding-left: 0px; } } .service_detail_content p { margin-bottom: 20px; } .about_sovlab { margin-top: 50px; margin-bottom: 87px; } @media (max-width: 991px) { .about_sovlab { margin-top: 40px; margin-bottom: 40px; } } .about_sovlab-title { margin-bottom: 23px; } @media (max-width: 991px) { .about_sovlab-title { margin-bottom: 20px; } } .certificate { margin-top: 100px; margin-bottom: 100px; } @media (max-width: 991px) { .certificate { margin-top: 0; margin-bottom: 40px; } } .certificate h2 { margin-bottom: 27px; } .certificate p { margin-bottom: 50px; } @media (max-width: 575px) { .certificate p { text-align: left; } } @media (max-width: 991px) { .certificate p { margin-bottom: 25px; } } .cert_slider__item--name { font-weight: normal; font-size: 16px; line-height: 20px; text-align: center; max-width: 200px; margin: 0 auto; margin-top: 10px; } .cert_slider__item img { margin: 0 auto; } .cert_slider .slick-list { max-width: 980px; margin: 0 auto; } .craft { margin-bottom: 180px; } @media (max-width: 991px) { .craft { margin-bottom: 110px; } } .craft h2 { margin-bottom: 20px; } .craft_img { position: relative; } .craft_img img { object-fit: cover; height: 100%; padding-bottom: 1rem; } .craft_img:after { content: ''; background: url(/css/../img/logotype.svg) no-repeat; background-size: contain; position: absolute; width: 354px; height: 223px; left: -5px; bottom: -100px; } .about_header { padding-top: 50px; padding-bottom: 60px; background-position: center !important; } @media (max-width: 991px) { .about_header { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 768px) { .about_header .container { max-width: 720px; } } @media (max-width: 630px) { .about_header .row { flex-direction: column; align-items: center; row-gap: 10px; } } .about_header h1 { font-weight: bold; font-size: 35px; line-height: 43px; text-align: center; color: #FFFFFF; margin-bottom: 15px; } @media (max-width: 991px) { .about_header h1 { font-size: 28px !important; line-height: 38px; } } .about_header p { font-weight: 500; font-size: 20px; text-align: center; color: #FFFFFF; margin-bottom: 28px; } @media (max-width: 991px) { .about_header p { font-size: 18px; margin-bottom: 0; } } .about_header_item_title { font-weight: bold; font-size: 45px; line-height: 55px; color: #03BBE5; text-align: left; margin-bottom: 10px; white-space: nowrap; } @media (max-width: 768px) { .about_header_item_title { font-size: 35px; line-height: 43px; } } .about_header_item_title span { font-weight: 500; font-size: 16px; color: #FFFFFF; } .about_header_item_text { font-weight: 500; font-size: 16px; color: #FFFFFF; text-align: left; } /* .about_header_item:first-child { max-width: 209px; } .about_header_item:nth-child(2) { max-width: 250px; } .about_header_item:nth-child(3) { max-width: 195px; } */ @media (max-width: 630px) { .about_header_item_text, .about_header_item_title { text-align: center; } .about_header_item:first-child, .about_header_item:nth-child(2), .about_header_item:nth-child(3) { max-width: 300px; } } .contacts { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 991px) { .contacts { margin-top: 40px; margin-bottom: 40px; } } .contacts h1 { font-size: 40px; line-height: 49px; font-weight: 600px; margin-bottom: 50px; } @media (max-width: 991px) { .contacts h1 { font-size: 35px; line-height: 46px; margin-bottom: 35px; } } .contact_info__item { position: relative; padding-left: 55px; margin-bottom: 30px; padding-top: 3px; } .contact_info__item-1 { padding-top: 8px; } .contact_info__item-3 { margin-bottom: 10px; } .contact_info__item-1:before { content: ''; background: url(/css/../img/loc-icon.svg) no-repeat; width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .contact_info__item-2:before { content: ''; background: url(/css/../img/call-icon.svg) no-repeat; width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .contact_info__item-3:before { content: ''; background: url(/css/../img/mail-icon.svg) no-repeat; width: 40px; height: 40px; position: absolute; left: 0; top: 0; } .contact_info__address { font-weight: 600; font-size: 18px; line-height: 22px; color: #0D0D0D; margin-bottom: 10px; } @media (max-width: 991px) { .contact_info__address { font-size: 16px; margin-bottom: 25px; } } .contact_info__phone--sm { font-weight: 600; font-size: 24px; line-height: 29px; color: #0D0D0D; } @media (max-width: 991px) { .contact_info__phone--sm { font-size: 20px; line-height: 26px; } .contact_info__phone--sm a { word-wrap: break-word; } } .contact_info__phone--lg { font-weight: bold; font-size: 28px; line-height: 34px; color: #000000; margin-bottom: 10px; } @media (max-width: 991px) { .contact_info__phone--lg { font-size: 24px; line-height: 26px; margin-bottom: 7px; } } .contact_info__text { font-weight: 500; font-size: 16px; line-height: 20px; color: #161616; } @media (max-width: 991px) { .contact_info__text { font-size: 14px; } } .contact_info__name { font-weight: 600; font-size: 24px; line-height: 29px; color: #000000; margin-bottom: 40px; } @media (max-width: 991px) { .contact_info__name { font-size: 20px; line-height: 26px; margin-bottom: 25px; text-align: center; } } .contact_info { padding: 40px; height: 100%; } @media (max-width: 991px) { .contact_info { padding: 30px; } } .nav_contacts { margin-right: -5px; margin-left: -5px; } @media (max-width: 991px) { .nav_contacts { margin-right: 0; margin-left: 0; } } .nav_contacts .nav-item { width: 100%; font-weight: 500; font-size: 24px; line-height: 29px; text-align: center; color: #161616; border-bottom: 0; border-radius: 0; padding: 20px; } .map-iframe iframe { display: block; width: 100%; height: 100%; } @media (max-width: 991px) { .nav_contacts .nav-item { font-size: 20px; line-height: 26px; } } .nav_contacts .nav-item:not(:last-child) { border-right: 1px solid #C4C4C4; } @media (max-width: 800px) { .nav_contacts .nav-item:not(:last-child) { border-bottom: 1px solid #C4C4C4; border-right: 0; } } .nav_contacts .nav-item.active { color: #3174C6; border: 1px solid #3174C6; } .contact_info { border: 1px solid #3174C6; } .nav_contacts .nav-tabs { width: 100%; flex-wrap: nowrap; -webkit-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; justify-content: flex-start; } @media (max-width: 800px) { .nav_contacts .nav-tabs { flex-wrap: wrap; } } .nav_contacts .nav-tabs .nav-item { margin-bottom: -2px; } .fos_xl { background: url("/css/../img/fos_xl-bg.jpg") center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 80px; } @media (max-width: 768px) { .fos_xl { background: #3174C6; padding-top: 40px; padding-bottom: 40px; } } .input_group textarea { width: 100%; border: none; background: #fff; padding: 10px 30px; height: 87px; resize: none; } .fos_xl form .row { row-gap: 15px; } .fos_xl .input_group textarea, .fos_xl .input_group input { background: rgba(79, 144, 223, 0.82); color: #fff; } .check_pol { margin-top: 7px; margin-bottom: 15px; } @media (max-width: 767px) { .check_pol { margin-top: 0; } } .fos_xl textarea::-webkit-input-placeholder, .fos_xl input::-webkit-input-placeholder { color: #fff; } .fos_xl textarea::-moz-placeholder, .fos_xl input::-moz-placeholder { color: #fff; } .fos_xl textarea:-ms-input-placeholder, .fos_xl input:-ms-input-placeholder { color: #fff; } .fos_xl textarea::-ms-input-placeholder, .fos_xl input::-ms-input-placeholder { color: #fff; } .fos_xl textarea::placeholder, .fos_xl input::placeholder { color: #fff; } .news { margin-top: 51px; } @media (max-width: 991px) { .news { margin-top: 40px; margin-bottom: 40px; } } .news h1 { font-weight: 600; font-size: 40px; line-height: 48px; margin-bottom: 52px; } @media (max-width: 991px) { .news h1 { margin-bottom: 30px; } } .news_item img { min-width: 380px; min-height: 179px; } @media (max-width: 991px) { .news_item img { min-width: 100%; object-fit: cover; } } @media (max-width: 768px) { .news_item img { margin-bottom: 10px; } } .news_item-wrapper { display: flex; column-gap: 20px; justify-content: flex-start; flex-wrap: nowrap; } @media (max-width: 768px) { .news_item-wrapper { flex-wrap: wrap; } } .news_title { font-weight: 600; font-size: 20px; line-height: 26px; color: #161616; } .news_date { font-weight: 500; font-size: 17px; line-height: 132%; color: #787878; margin-top: 15px; margin-bottom: 10px; } @media (max-width: 768px) { .news_date { font-size: 14px; margin-top: 5px; } } .news_descr { font-weight: 500; font-size: 14px; color: #000000; margin-bottom: 10px; } .news_link { font-weight: 500; font-size: 17px; line-height: 132%; color: #3174C6; border-bottom: 1px solid #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .news_link:hover { border-bottom: 1px solid #000; color: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .news_item { margin-bottom: 52px; } @media (max-width: 768px) { .news_item { margin-bottom: 40px; } } .news_item:last-child { margin-bottom: 0; } .policy { margin-top: 50px; margin-bottom: 100px; } @media (max-width: 768px) { .policy { margin-top: 40px; margin-bottom: 50px; } } .policy p { font-weight: normal; font-size: 18px; color: #020202; } .policy h1 { line-height: 37px; margin-bottom: 25px; } .policy h2 { font-weight: bold; font-size: 30px; line-height: 37px; color: #020202; margin-top: 40px; margin-bottom: 30px; } .policy h3 { font-weight: 600; font-size: 24px; line-height: 137.49%; color: #020202; margin-bottom: 25px; margin-top: 50px; } @media (max-width: 768px) { .policy h3 { margin-top: 40px; margin-bottom: 20px; } } @media (max-width: 375px) { .policy h1 { font-size: 24px !important; } .policy h2 { font-size: 22px !important; } .policy h3 { font-size: 20px !important; } } .header_logo { max-width: 278px; } .header_logo-wrapper { /*margin-left: 15px;*/ } @media (max-width: 991px) { .header_logo-wrapper { max-width: 180px; z-index: 3; margin-left: 15px; } .header_logo { max-height: 35px; } } @media (max-width: 639px) { .header_logo-wrapper { max-width: 80px; z-index: 3; } } @media (max-width: 370px) { .header_logo { max-height: 35px; } } .header { padding: 13px 0; padding-bottom: 10px; } .header .row { flex-wrap: nowrap; } .header_phone { font-weight: 500; font-size: 18px; line-height: 22px; color: #000000; display: block; } .header_phone_bold { font-weight: 500; font-size: 18px; line-height: 22px; color: #000000; display: block; } .header_decr { font-weight: normal; font-size: 14px; line-height: 17px; color: #161616; margin-bottom: 4px; } @media (max-width: 991px) { .header_decr { margin-bottom: 0; font-size: 12px; } } .flex_header { padding-left: 15px; /*max-width: 580px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; } .header_city { width: 180px; padding-top: 18px; position: relative; cursor: pointer; } .header .row { position: relative; flex-wrap: wrap; } @media (max-width: 991px) { .header_city { margin: 0 auto; } .flex_header { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 580px; padding-left: 140px; } } @media (max-width: 639px) { .flex_header { padding-left: 85px; } } @media (max-width: 400px) { .header_city { margin-left: 95px; } } @media (max-width: 370px) { .header_city { margin-left: 80px; } } .city_select-list { overflow: hidden; display: grid; text-align: left; height: 26px; position: absolute; top: 2px; left: 0; min-width: 165px; padding: 0; padding-left: 20px; margin: 0; line-height: 26px; list-style: none; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; background-color: #ffffff; } @media (max-width: 991px) { .city_select-list { height: 22px; } } .city_select-list_opened { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; height: 52px; box-shadow: 0px 4px 4px rgb(0 0 0 / 15%); } .active-city { order: -1; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .phone_select-item { display: none; } .active-phone { display: block; } .header_city::before { position: absolute; content: ''; width: 10px; height: 14px; top: 8px; left: 3px; background: url("/css/../img/geo.svg") no-repeat; z-index: 3; } .city-btn { position: absolute; width: 160px; height: 20px; top: 7px; right: -10px; background: url("/css/../img/city-btn.svg") left 150px top 6px no-repeat; } @media (max-width: 991px) { .city_select-list { top: -2px; } .header_city::before { top: 4px; } .city-btn { top: 5px; right: 4px; } } .header_item { margin-left: 20px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 991px) { .header_item:nth-child(2), .header_item:nth-child(3) { display: none; } } .header .btn { padding: 8px 14px 8px; font-weight: 500; font-size: 14px; line-height: 17px; margin-right: 15px; } .menu_top nav li a { font-weight: normal; font-size: 16px; line-height: 20px; color: #141414; } .menu_top .navbar-nav { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .menu_top .navbar { padding: 0; } .cart_block { position: relative; display: flex; align-items: center; min-height: 100%; text-align: right; } .cart_block form { display: flex; align-items: center; } @media (max-width: 1200px) { .cart_block { justify-content: center; margin-right: 5px; } } .cart_block-search-wrapper { position: relative; } .cart_block-search-wrapper input { height: 100%; width: 100%; padding-left: 30px; border: none; background-color: transparent; } .search_closed { width: 0; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .search_closed input { padding: 0; } .search_opened { position: relative; width: 200px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .search_opened::before { position: absolute; content: ''; top: -16px; left: 10px; width: 0.5px; height: 52px; background-color: #B7B7B7; } .search_opened::after { position: absolute; content: ''; top: -16px; right: -65px; width: 0.5px; height: 52px; background-color: #B7B7B7; } .cart_block a, .header_cart { margin-left: 20px; } .header_cart { cursor: pointer; } @media (max-width: 1200px) { .header_cart { padding-right: 5px; } } @media (max-width: 991px) { .header_search { display: none; } } .header_cart-wrapper { padding-top: 13px; height: 53px; } .js-header-cart { position: relative; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; } .cart-icon { transition: opacity .2s ease; } .cart-sad-smile { position: absolute; font-size: 28px; line-height: 1; opacity: 0; transform: scale(.6); transition: opacity .2s ease, transform .2s ease; pointer-events: none; } .js-header-cart.show-sad .cart-icon { opacity: 0; } .js-header-cart.show-sad .cart-sad-smile { opacity: 1; transform: scale(1); } @media (max-width: 991px) { .cart_block { position: absolute; display: block; top: -82px; right: 55px; min-height: 43px; } .header_cart-wrapper { padding-top: 17px; } .cart_block svg { width: 32px; height: 32px; } } @media (max-width: 370px) { .cart_block svg { width: 25px; height: 25px; } .cart_block { top: -78px; right: 40px; } } .header_cart-wrapper .header_cart-content { display: none; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .header_cart-wrapper:hover .header_cart-content { display: block; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; z-index: 100; } .header_cart-content { border: 1px solid #d9d9d9; border-radius: 8px; } .header_cart-content.is-hidden { display: none !important; } .header_cart-content { position: absolute; top: 40px; right: -8px; width: 508px; z-index: 2; } @media (max-width: 991px) { .header_cart-content { top: 75px; right: -40px; } } @media (max-width: 520px) { .header_cart-content { right: -60px; } } .header_cart-blur { position: absolute; top: 0; left: 0; width: 100%; /*height: 420px;*/ background: rgba(171, 171, 171, 0.2); filter: blur(4px); z-index: 3; } @media (max-width: 479px) { .header_cart-blur { /*height: 300px;*/ } } .header_cart-list-wrapper { position: absolute; top: 0; left: 0; padding-top: 36px; padding-bottom: 40px; background-color: #FFFFFF; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15); z-index: 4; } .cart_item { display: flex; justify-content: flex-start; align-items: center; padding-left: 10px; padding-right: 45px; } .cart_item p { text-align: left; margin: 0; margin-right: 5px; } /* .cart_item:first-child .cart_item-image { background: url("/css/../img/cart-1.jpg") center bottom 4px no-repeat; background-size: 111px 116px; } .cart_item:nth-child(2) .cart_item-image { background: url("/css/../img/cart-2.jpg") center bottom 25px no-repeat; background-size: 50px 73px; } */ .cart_item-image { min-width: 90px; min-height: 90px; margin-right: 4px; text-align: center; } @media (max-width: 479px) { .cart_item-image { min-width: 70px; min-height: 72px; } .cart_item:first-child .cart_item-image { background: url("/css/../img/cart-1.jpg") center bottom no-repeat; background-size: 70px auto; } .cart_item:nth-child(2) .cart_item-image { background: url("/css/../img/cart-2.jpg") center bottom no-repeat; background-size: 30px auto; } } .cart_item-price { position: relative; width: 33%; font-size: 18px; font-weight: 600; text-wrap: nowrap; } /* .cart_item-price::after { position: absolute; content: ''; top: 6px; right: -15px; width: 10px; height: 10px; background: url("/css/../img/rub.svg") no-repeat; background-size: contain; } */ .cart_total { display: flex; align-items: center; padding-left: 30px; padding-right: 30px; padding-top: 40px; margin-top: 15px; border-top: 0.5px solid #B7B7B7; } .cart_total p { margin: 0; margin-right: 15px; font-size: 20px; } .cart_total-price { position: relative; font-size: 22px; font-weight: 600; padding-right: 20px; } /* .cart_total-price::after { position: absolute; content: ''; top: 6px; right: 0; width: 15px; height: 15px; background: url("/css/../img/rub.svg") no-repeat; background-size: contain; } */ .cart_total .btn { margin-left: auto; min-width: 165px; } @media (max-width: 520px) { .header_cart-list-wrapper { padding-top: 20px; padding-bottom: 20px; } .header_cart-content { width: 90vw; } .cart_item { padding-left: 7px; padding-right: 30px; } .cart_item p { font-size: 14px; } .cart_item-price { font-size: 14px; width: 40%; } .cart_total p { font-size: 16px; } .cart_total-price { font-size: 20px; } .cart_total { flex-wrap: wrap; justify-content: space-between; padding-left: 18px; padding-right: 10px; padding-top: 15px; } .cart_total .btn { margin-top: 15px; width: 100%; } } .menu_top .navbar-nav .nav-item { padding: 17px 5px; padding-bottom: 16px; text-align: center; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .menu_top .navbar-nav .nav-item:nth-child(4) { padding: 17px 20px; padding-bottom: 16px; } .menu_top .navbar-nav .nav-item:nth-child(5) { padding: 17px 20px; padding-bottom: 16px; } .menu_top .navbar-nav .nav-item:hover { background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .navbar-expand-lg .navbar-nav .nav-link { padding: 0; white-space: nowrap; } .menu_top .navbar-nav .nav-item:hover .nav-link { color: #fff; } .menu_top .nav-item { width: 100%; position: unset; } .dropdown-toggle { margin-right: 20px; } @media (max-width: 991px) { .dropdown-toggle { margin-right: 0; } } .dropdown-toggle::after { border: none; background: url(/css/../img/arrow_bottom.svg) no-repeat; background-size: cover; width: 10px; height: 5px; position: absolute; top: 24px; margin-left: 10px; } @media (max-width: 991px) { .dropdown-toggle::after { display: none; } } .calc_list_block { display: flex; } .calc_list_description_inner { display: flex; flex-direction: column; height: 100%; width: 100%; } .calc_list_description { display: flex; flex-direction: column; flex: 1 1 auto; padding: 10px; } .calc_list_description_top { margin-bottom: 10px; } .calc_list_description_bottom { margin-top: auto; display: flex; flex-direction: column; gap: 4px; } .menu_top .navbar-nav .dropdown-toggle:hover::after { background: url(/css/../img/arrow_bottom_white.svg) no-repeat; background-size: cover; } .menu_top { border-bottom: 0.5px solid #B7B7B7; border-top: 0.5px solid #B7B7B7; } .header_search svg path { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .header_search:hover svg path { stroke: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .header_cart svg path { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .header_cart:hover svg path { fill: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .dropdown-menu { top: 97%; background: #fff; padding: 0; } .dropdown-menu .dropdown-item { display: block; padding: 20px 20px; text-align: center; flex: 1; } @media (max-width: 1200px) { .dropdown-menu .dropdown-item { padding: 20px 10px; } } .menu-container { margin: 0 auto; } @media (max-width: 991px) { .menu_top .menu-container .col-12 { padding-left: 0; padding-right: 0; } } .dropdown-menu .dropdown-item:not(:last-child) { border-right: 1px solid #C4C4C4; } .dropdown-menu { width: 100%; right: 0; left: 0; max-width: 100%; border-radius: 0; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); border: none; } @media (max-width: 991px) { .menu_top .navbar-nav .nav-item:first-child { padding: 0; } .menu_top .navbar-nav .nav-item:first-child .nav-link { padding: 17px 0; padding-bottom: 16px; } } .dropdown:hover > .dropdown-menu { /* display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; */ display: block !important; } .dropdown-menu_name { font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; color: #0C0C0C; white-space: break-spaces; } @media (max-width: 1200px) { .dropdown-menu_name { font-size: 14px; } } .dropdown-item__img { height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; } @media (max-width: 991px) { .dropdown-item__img { display: none; } } .dropdown-menu .dropdown-item:hover { background: #3174C6; } .dropdown-menu .dropdown-item:hover .dropdown-menu_name { color: #fff; } .dropdown-item__img--hover { display: none; } .dropdown-menu .dropdown-item:hover .dropdown-item__img--hover { display: block; } .dropdown-menu .dropdown-item:hover .dropdown-item__img--main { display: none; } .catalog_main { margin-top: 60px; } @media (max-width: 991px) { .catalog_main { margin-top: 40px; margin-bottom: 40px; } } .catalog_cart__name { font-weight: 600; font-size: 16px; line-height: 20px; color: #070707; margin-top: 20px; min-height: 40px; max-height: 40px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .optional_slider__item .catalog_cart__name { margin-top: 0; } .optional_cart__img img { margin: 0 auto; } .catalog_cart__info_desc { font-weight: 500; font-size: 14px; line-height: 17px; color: #454545; max-width: 100px; } .catalog_cart__info_row:first-child { margin-bottom: 15px; } .catalog_cart__info_row:nth-child(2) { min-height: 34px; margin-bottom: 5px; } .catalog_cart__info_price { font-weight: 500; font-size: 14px; line-height: 17px; color: #454545; position: relative; } .catalog_cart__img { height: 243px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog_cart__img img { max-height: 100%; } .catalog_cart__info_price span { font-weight: 600; font-size: 18px; line-height: 25px; color: #131313; } .catalog_cart__info_mat { font-weight: normal; font-size: 14px; line-height: 17px; color: #454545; text-align: left; -webkit-flex-basis: 51%; -ms-flex-preferred-size: 51%; flex-basis: 51%; } .catalog_cart__info_srok { font-weight: normal; font-size: 14px; line-height: 17px; color: #454545; } .catalog_cart__info_srok span { font-weight: normal; font-size: 16px; line-height: 25px; } .catalog_cart__info_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 22px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog_cart__info_btn .btn svg path { fill: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_cart { margin: 0 auto; max-width: 273px; display: block; border: 1px solid #E9E9E9; padding: 10px 19px 30px; margin-bottom: 20px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; position: relative; } @media (max-width: 991px) { .catalog_cart { max-width: 100%; } } .catalog_cart:hover { border: 1px solid #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_cart:hover .catalog_cart__name { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_cart__info_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .catalog_cart__info { margin-top: 20px; } .catalog_cart__info_text { /*margin-top: 80px;*/ } .calc_slider .catalog_cart__info { margin-top: 35px; } .catalog_cart__info_btn .product-item-button-container { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .catalog_cart__info .btn { width: 100%; padding: 8px 12px 8px; margin-right: 7px; } .catalog_cart__info .longbtn { width: 100%; padding: 8px 12px 8px; margin-right: 7px; } .catalog_cart__info .btn:hover svg path { fill: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_cart__info_link { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: right; } .catalog_cart__info_link:hover { color: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .catalog_cart__info_row--baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .catalog_cart__info_discount_price { font-weight: 500; font-size: 10px; line-height: 12px; color: #A8A8A8; text-decoration: line-through; position: absolute; top: -25px; right: 0; } @media (max-width: 1200px) { .catalog_cart__info_discount_price { top: -20px; } } .catalog_cart__info_discount_price span { font-weight: 500; font-size: 14px; line-height: 25px; color: #A8A8A8; } .sale_icon { position: absolute; top: 12px; left: 13px; } .new_icon { position: absolute; top: 0; right: 0; } .optional_cart { margin: 0 auto; padding: 18px 30px; padding-top: 0; max-width: 273px; height: 470px; } @media (max-width: 991px) { .optional_cart { max-width: 100%; } } .catalog_wrapper { flex-wrap: nowrap; padding-left: 10px; } @media (max-width: 991px) { .catalog_wrapper { padding-left: 0; } } .sidebar_links { margin-top: 13px; padding-left: 0; list-style: none; margin-top: 106px; } .sidebar_links li a { height: 80px; padding: 10px 10px 10px 106px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 16px; line-height: 20px; color: #070707; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:first-child { background: url("/css/../img/sidebar-icon-1.svg") top 12px left 34px no-repeat; } .sidebar_links li:hover { background-color: #3174C6 !important; } .sidebar_links li:first-child:hover { background: url("/css/../img/sidebar-icon-hover-1.svg") top 12px left 34px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(2) { background: url("/css/../img/sidebar-icon-2.svg") top 25px left 37px no-repeat; } .sidebar_links li:nth-child(2):hover { background: url("/css/../img/sidebar-icon-hover-2.svg") top 25px left 37px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(3) { background: url("/css/../img/sidebar-icon-3.svg") top 12px left 40px no-repeat; } .sidebar_links li:nth-child(3):hover { background: url("/css/../img/sidebar-icon-hover-3.svg") top 12px left 40px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(4) { background: url("/css/../img/sidebar-icon-4.svg") top 18px left 40px no-repeat; } .sidebar_links li:nth-child(4):hover { background: url("/css/../img/sidebar-icon-hover-4.svg") top 18px left 40px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(5) { background: url("/css/../img/sidebar-icon-5.svg") top 24px left 44px no-repeat; } .sidebar_links li:nth-child(5):hover { background: url("/css/../img/sidebar-icon-hover-5.svg") top 24px left 44px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(6) { background: url("/css/../img/svg/lmenu/tumby_laboratornye.svg") top 13px left 50px no-repeat; } .sidebar_links li:nth-child(6):hover { background: url("/css/../img/svg/lmenu/tumby_laboratornye_hover.svg") top 13px left 50px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(7) { background: url("/css/../img/sidebar-icon-7.svg") top 20px left 50px no-repeat; } .sidebar_links li:nth-child(7):hover { background: url("/css/../img/sidebar-icon-hover-7.svg") top 20px left 50px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(8) { background: url("/css/../img/svg/lmenu/shkafy_dlya_hraneniya_lvzh.svg") top 25px left 23px no-repeat; } .sidebar_links li:nth-child(8):hover { background: url("/css/../img/svg/lmenu/shkafy_dlya_hraneniya_lvzh_hover.svg") top 25px left 23px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(9) { background: url("/css/../img/sidebar-icon-6.svg") top 11px left 50px no-repeat; } .sidebar_links li:nth-child(9):hover { background: url("/css/../img/sidebar-icon-hover-6.svg") top 11px left 50px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(10) { background: url("/css/../img/svg/lmenu/pribory.svg") top 19px left 50px no-repeat; } .sidebar_links li:nth-child(10):hover { background: url("/css/../img/svg/lmenu/pribory_hover.svg") top 19px left 50px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(11) { background: url("/css/../img/svg/lmenu/mebel_shkolnaya_laboratornaya.svg") top 3px left 24px no-repeat; } .sidebar_links li:nth-child(11):hover { background: url("/css/../img/svg/lmenu/mebel_shkolnaya_laboratornaya_hover.svg") top 3px left 24px no-repeat; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links li:nth-child(12) { background: url("/css/../img/svg/lmenu/mebel_dlya_oryzhiya_black.svg") top 12px left 24px no-repeat; background-size: 70px; } .sidebar_links li:nth-child(12):hover { background: url("/css/../img/svg/lmenu/mebel_dlya_oryzhiya_white.svg") top 12px left 24px no-repeat; background-size: 70px; background-color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_links { border: 1px solid #E9E9E9; } @media (max-width: 991px) { .sidebar_links { display: none; } } .sidebar_links li:hover a { color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_col { position: relative; max-width: 300px; padding-right: 10px; } .filter { border: 1px solid #E9E9E9; } @media (max-width: 991px) { .filter { position: absolute; background-color: #ffffff; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.25); z-index: 10; width: 720px; } } @media (max-width: 767px) { .filter { width: 540px; } } @media (max-width: 576px) { .filter { width: 100vw; } } .sidebar_group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; margin-top: 30px; } .sidebar_title { margin-bottom: 20px; } .sidebar_title-price { margin-bottom: 30px; } .container_checkbox { display: block; position: relative; padding-left: 20px; margin-bottom: 15px; cursor: pointer; font-weight: normal; font-size: 16px; line-height: 25px; color: #1C1C1C; width: 100%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_title { font-weight: 600; font-size: 18px; line-height: 22px; color: #000000; } .container_checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .container_checkbox .checkmark { position: absolute; top: 8px; left: 0; width: 9px; height: 9px; border: 0.8px solid #9A9A9A; border-radius: 0; } .container_checkbox .checkmark:after { content: ""; position: absolute; display: none; } .container_checkbox .checkmark:after { left: 3px; top: -4px; width: 5px; height: 10px; border: solid #3174C6; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(40deg); } .container_checkbox input:checked ~ .checkmark:after { display: block; } .filter { padding: 30px 20px; } .filter_closed { display: block; } @media (max-width: 991px) { .catalog_wrapper { flex-wrap: wrap; } .filter_opened { display: block; } .filter_closed { display: none; } } .filter_btn { display: none; } @media (max-width: 991px) { .filter_btn { position: absolute; top: -39px; left: 30px; width: 90px; height: 40px; text-align: right; display: block; background: url("/css/../img/filter.svg") left top -1px no-repeat; background-size: 20px auto; cursor: pointer; z-index: 5; } } @media (max-width: 489px) { .filter_btn { font-size: 14px; width: 80px; } } .irs--flat .irs-line { height: 2px; background-color: #E9E9E9; } .irs--flat .irs-bar { height: 2px; background-color: #181818; z-index: 80; top: 25px; width: auto; } .irs--flat .irs-min, .irs--flat .irs-max { border-radius: 0; font-size: 16px; line-height: 25px; color: #9D9D9D; background: none; bottom: -70px; padding: 0; top: auto; visibility: visible !important; font-family: "Montserrat", sans-serif; font-weight: normal; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { padding: 0; background-color: unset; border-radius: 0; font-size: 16px; line-height: 25px; color: #3174C6; top: -7px; font-family: "Montserrat", sans-serif; font-weight: normal; } .irs--flat .irs-handle:after { content: ''; position: absolute; background: url(/css/../img/slider_triangle.svg) no-repeat; background-size: cover; width: 18px; height: 15px; top: 8px; left: -3px; } .irs--flat .irs-handle > i { display: none !important; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { content: none; } .irs-to { width: 100px; padding-right: 35px; } .js-range-slider_group { margin-bottom: 60px; } .btn_link { font-weight: 500; font-size: 16px; line-height: 20px; border: none; background: none; color: #3174C6; } .btn_link:hover { color: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .sidebar_group__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .sidebar_group .btn { width: 141px; } .sort_title { font-weight: 500; font-size: 16px; line-height: 20px; /* identical to box height */ color: #5C5C5C; } .sort { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; margin-bottom: 30px; } .sort_title:first-child { margin-right: 50px; } .sort_title:nth-child(2) { margin-right: 15px; } @media (max-width: 768px) { .sort { flex-direction: column; align-items: flex-end; row-gap: 15px; } .sort_title:first-child { margin-right: 15px; } .header_cart-content { display: none; border: 1px solid #d9d9d9; border-radius: 8px; } .header_cart-wrapper.cart-open .header_cart-content { display: block; } } @media (max-width: 489px) { .sort_title { font-size: 14px; } } .sort_title { cursor: pointer; } .sort_title img { margin-left: 7px; } .catalog_category { margin-top: 25px; } @media (max-width: 991px) { .catalog_category { margin-top: 40px; } } .catalog_category-heading { max-width: 1180px; margin-bottom: 30px; } .search-heading { max-width: 1180px; text-align: center; margin-bottom: 0; } .search_input-wrapper { display: flex; width: 100%; height: 50px; margin-bottom: 84px; } @media (max-width: 768px) { .search_input-wrapper { margin-bottom: 70px; } } .search_input-wrapper input[type="text"] { font-weight: 500; } .search { margin-bottom: 73px; } @media (max-width: 991px) { .search { margin-bottom: 40px; } } .search_input-wrapper input[type="text"] { width: 100%; border: 1px solid #E9E9E9; height: 50px; padding: 0 30px; } .search_input-wrapper .btn { min-width: 180px; } @media (max-width: 479px) { .search_input-wrapper .btn { min-width: 100px; } } .pagintation { margin-top: 35px; margin-bottom: 30px; margin-right: 0px; margin-left: 0px; } .pagintation a { margin-right: 8px; font-weight: normal; font-size: 22px; line-height: 22px; color: #000000; border: 1px solid transparent; padding: 1px 10px; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .pagintation a:last-child { margin-right: 0; } .pagintation a:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .pagintation a.active { border: 1px solid #3174C6; } .col_thumb { max-width: 18%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 43px; margin-bottom: 43px; } @media (max-width: 991px) { .col_thumb { display: none; } } .col_main { max-width: 82%; } @media (max-width: 991px) { .col_main { max-width: 100%; margin-bottom: 50px; } } /* the slides */ .col_thumb .slick-slide { margin: 10px 0; max-width: 85px; height: 85px; -o-object-fit: cover; object-fit: cover; } /* the parent */ .col_thumb .slick-list { margin: -10px 0; } .slider_cart_for .slick-next { right: 0; top: auto; bottom: -34px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); left: 35px; width: 12px; height: 24px; } .slider_cart_for .slick-prev { right: 0; top: -34px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); left: 35px; width: 12px; height: 24px; } .cart_title { font-weight: 500; font-size: 34px; line-height: 41px; max-width: 400px; } @media (max-width: 1200px) { .cart_title { margin-top: 5px; } } @media (max-width: 991px) { .cart_title { font-size: 26px; line-height: 30px; } } .catalog_cart__detail { margin-top: 50px; margin-bottom: 100px; width: 100%; } @media (max-width: 991px) { .catalog_cart__detail { margin-top: 40px; margin-bottom: 50px; } } .catalog_cart__detail .row:first-child { row-gap: 10px; } .tittle_config, .tittle_optional { text-align: center; margin-top: 100px; margin-bottom: 50px; } .tittle_config { margin-top: 20px; } @media (max-width: 991px) { .tittle_config, .tittle_optional { margin-top: 40px; margin-bottom: 35px; } .tittle_config { margin-top: 20px; } } .tittle_catalog-slider { text-align: center; margin-top: 36px; margin-bottom: 20px; } .cart_detail_desc { margin-top: 25px; } .cart_detail_desc span { font-weight: 500; font-size: 17px; line-height: 132%; } .cart_detail_desc a { font-weight: 500; font-size: 17px; line-height: 132%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .cart_detail_desc a:hover { color: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .cart_detail_price span { font-weight: 600; font-size: 36px; line-height: 25px; padding-left: 7px; padding-right: 5px; } .cart_detail_price { margin-top: 40px; margin-bottom: 40px; } .cart_size { margin-top: 33px; } .cart_size span:first-child { margin-right: 20px; } .btn_config { border: 1px solid #3174C6; color: #3174C6; background: transparent; width: 47%; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .btn_add_to_cart { min-width: 250px; margin-right: 20px; } @media (max-width: 1200px) { .btn_add_to_cart { width: 100%; margin-bottom: 15px; } } .btn_add_to_cart svg { margin-right: 10px; } .btn_add_to_cart:hover svg path { fill: #3174C6; } .sm_btn_add_to_cart:hover svg path { fill: #3174C6; } .btn_add_to_cart-color-reverse { width: 290px; background-color: white; color: #3174C6; } .btn_add_to_cart-color-reverse:hover { background-color: #3174C6; color: white; } .btn_add_to_cart-color-reverse svg path { fill: #3174C6; } .btn_add_to_cart-color-reverse:hover svg path { fill: white; } .btn_white-color-reverse { background-color: white; color: #3174C6; } .btn_white-color-reverse:hover { background-color: #3174C6; color: white; } .btn_white-color-reverse svg path { fill: #3174C6; } .btn_white-color-reverse:hover svg path { fill: white; } .breadcrumbs_back { display: inline-block; margin-right: 12px; font-size: 14px; text-decoration: none; color: inherit; position: relative; padding-left: 14px; color: #3174C6 !important; } .breadcrumbs_back::before { position: absolute; left: 0; top: 50%; width: 9px; height: 14px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1.5L2 7L7.5 12.5' stroke='%233174C6' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; content: ''; } .btn_config:hover { background: #3174C6; color: #fff; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } @media (max-width: 1200px) { .btn_config { width: 100%; } } .cart_detail_buttons { margin-bottom: 30px; } .pl-30 { padding-left: 30px; } .in_stock { font-size: 16px; line-height: 16px; position: absolute; right: 0; top: 12px; } @media (max-width: 1200px) { .in_stock { position: static; } } .in_stock svg { margin-top: -4px; } .ul_column_2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; margin-bottom: 0; } @media (max-width: 600px) { .ul_column_2 { column-count: 1; } } .ul_column_2 li { display: inline-block; margin-bottom: 20px; padding-top: 4px; } .cart_detail__title { font-weight: 600; font-size: 18px; line-height: 22px; text-align: center; margin-bottom: 30px; } .cart_detail__tabs .nav-tabs .nav-link { font-weight: 600; font-size: 20px; line-height: 24px; color: #1C1C1C; border: none; width: 100%; text-align: center; border-bottom: 2px solid #C0C5CC; } .cart_detail__tabs .nav-tabs .nav-link.active { font-weight: 600; border-bottom: 2px solid #3174C6; } .cart_detail__tabs .nav-tabs { border-bottom: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .cart_detail__tabs { margin-top: 50px; } .cart_detail__tabs .tab-content { padding-top: 30px; padding-bottom: 30px; } .cart_detail__tabs p { font-size: 16px; line-height: 26px; font-weight: 400; } .cart_detail__tabs .ul_style li { font-size: 16px; line-height: 26px; font-weight: 400; } .thead-blue { background: #3174C6; color: #fff; font-weight: bold; font-size: 17px; line-height: 132%; } .thead-blue tr + tr td { font-weight: 500; font-size: 16px; line-height: 132%; } .table thead th { border: 1px solid #C0C5CC; } .table th, .table td { border: 1px solid #C0C5CC; } .table tbody tr th { font-weight: normal; font-size: 16px; line-height: 132%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 238px; border: none; border-bottom: 1px solid #C0C5CC; border-left: 1px solid #C0C5CC; } .table tbody tr th span { text-align: center; display: block; width: 100%; } .table tbody tr th span a { color: #000000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .table tbody tr th span a:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .table tbody tr th { vertical-align: middle; } .table_col_1 { width: 238px; max-width: 238px; text-align: center; vertical-align: middle; } .table_col_2 { width: 262px; max-width: 262px; text-align: center; vertical-align: middle; } .table_col_3 { width: 263px; max-width: 263px; text-align: center; vertical-align: middle; } .table_col_5 { width: 521px; text-align: center; } .table_col_4 { width: 263px; max-width: 263px; text-align: center; vertical-align: middle; } .table_col_6 { width: 156px; max-width: 156px; text-align: center; vertical-align: middle; } .table_col-cart svg { cursor: pointer; } .table_col-cart svg path { -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .table_col-cart svg:hover path { fill: #000; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .visually-hidden { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } .checkbox-table-wrapper { display: flex; flex-direction: column; column-gap: 15px; } .checkbox-table-wrapper label { position: relative; text-align: left; margin-left: 50px; cursor: pointer; } .table-size input[type="radio"] + label::before { position: absolute; content: ''; top: 0px; left: -25px; width: 20px; height: 20px; background: url("/css/../img/checkbox.svg") no-repeat; } .table-size input[type="radio"]:checked + label::after { position: absolute; content: ''; top: 0px; left: -24px; width: 20px; height: 20px; background: url("/css/../img/checked.svg") no-repeat; } .table-size input[type="radio"]:disabled + label { color: red; } .table-size .table_col_1 { width: 180px; } .table-size .table_col_2, .table-size .table_col_3, .table-size .table_col_4 { width: 200px; min-width: 140px; } .table-size .table_col_5 { width: 222px; } .table thead { text-align: center; } .table-material .row { justify-content: center; column-gap: 88px; min-height: 168px; } ul.two_columns, ol.two_columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 144px; -moz-column-gap: 144px; column-gap: 144px; } ol.two_columns li::marker { color: #3174C6; font-weight: 600; } @media (max-width: 1200px) { .table-material .row { column-gap: 40px; } } @media (max-width: 991px) { .table-material .row { column-gap: 88px; } .cart_detail__tabs { margin-top: 0; } } @media (max-width: 768px) { .table-material .row { column-gap: 40px; } } @media (max-width: 489px) { .table-material .row { flex-direction: column; margin-left: 40px; } } .checkbox_material-wrapper { padding-left: 5px; padding-right: 5px; } .checkbox_material-wrapper label { cursor: pointer; margin-bottom: 5px; text-align: center; } .table-size .checkbox_material-wrapper input[type="radio"] + label::before { content: none; } .table-size .checkbox_material-wrapper input[type="radio"]:checked + label::after { content: none; } .tabletops-block { column-count: 2; } .checkbox_material-wrapper .material_title { min-height: 39px; display: block; } .checkbox_material-wrapper input[type="radio"] + label .image_tabletop { width: 80px; height: 80px; background-repeat: no-repeat; display: inline-block; } .checkbox_material-wrapper input[type="radio"]:checked + label .image_tabletop { border: 1px solid #3174C6; } .checkbox_material-wrapper input[type="radio"]:disabled + label .image_tabletop { border: 1px solid red; } .table-size th, .table-material th, .table-cabinet th { font-weight: 600; } .config_table { margin-bottom: 50px; } .config_table .table_col_2, .config_table .table_col_3, .config_table .table_col_4 { vertical-align: top; } .table-box { margin-bottom: 16px; } .config_table .thead-blue th { padding: 12px 0; } .table_sm_hide { display: table-cell !important; } .table_sm_show { display: none !important; } .table_sm_titile { padding: 0.75rem !important; border: 1px solid #C0C5CC !important; justify-content: center; } .table-cabinet tbody .table_col_1, .table-cabinet tbody .table_col_2 { text-align: left; padding: 9px 25px; } .table-cabinet .input_number-wrapper { height: 30px; display: flex; justify-content: center; margin: 0 auto; } .hero-video { position: relative; min-height: 560px; overflow: hidden; border-radius: 24px; background: #111; } .hero-video__bg { position: absolute; inset: 0; z-index: 1; } .hero-video__media { width: 100%; height: 100%; object-fit: cover; object-position: center; } .hero-video::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.35) 100% ); pointer-events: none; } .hero-video__content { position: relative; z-index: 3; min-height: inherit; display: flex; align-items: flex-end; justify-content: flex-end; padding: 40px; } .hero-video__box { max-width: 520px; padding: 28px; border-radius: 20px; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(12px); display: flex; align-items: center; } .hero-video__text { font-size: 18px; line-height: 1.2; font-weight: 600; } .hero-video__link { display: inline-flex; align-items: center; justify-content: center; } .container-hero-video { padding-top: 50px; } @media (max-width: 991px) { .config_table_second .thead-options, .config_table_second .table-subsection { display: none !important; } .cabinetsdrawers_table tbody tr { border: 1px solid #dcdcdc; overflow: hidden; } .cabinetsdrawers_table tbody td { border: none !important; } .cabinetsdrawers_table tbody { border-collapse: separate; border-spacing: 0; } .container-hero-video { padding-top: 20px; } .hero-video { min-height: 480px; border-radius: 20px; } .hero-video__content { padding: 28px; } .hero-video__box { max-width: 360px; padding: 24px; flex-direction: column; } .hero-video__text { font-size: 18px; margin-bottom: 20px; } .craft_img:after { left: 15px; } ul.two_columns, ol.two_columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .table-cabinet .input_number-wrapper { width: 100%; } .table-cabinet tbody .table_col_1, .table-cabinet tbody .table_col_2 { padding: 9px 0.75rem; } .config_table .thead-blue th { padding: 0.75rem; } .config_table { margin-top: 40px; margin-bottom: 0; } .table-size { margin-top: 0; } .config_table_first tr { display: flex; flex-wrap: wrap; } .config_table_first td { display: flex; min-width: 100% !important; border-top: none !important; } .config_table_first td:last-child { border-bottom: 1px solid #dee2e6 !important; } .config_table_first th { display: flex; min-width: 100% !important; } .config_table_second tr { display: flex; flex-wrap: wrap; } .config_table_second td { display: flex; min-width: 100% !important; } .config_table_second th { display: flex; min-width: 100% !important; } .config_table_second .table_col_3 { /*min-width: 33.333% !important;*/ min-width: 50% !important; justify-content: center; align-items: center; } .config_table_second .table_col_4 { /*min-width: 33.333% !important;*/ min-width: 50% !important; justify-content: center; align-items: center; } .config_table_second .table_col_5 { min-width: 33.333% !important; justify-content: center; align-items: center; } .table-material .row { margin-left: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; font-size: 12px; } .table-material .row .checkbox_material-wrapper { padding-left: 15px; padding-right: 0; } .table-material .row .table_price { display: block; } .table_sm_hide { display: none !important; } .table_sm_show { display: flex !important; } .table tr th { border-bottom: none !important; } .table tr td { border-bottom: none !important; } .table tr th.table_last { border-bottom: 1px solid #C0C5CC !important; } /* .table tr td.table_last { border-bottom: 1px solid #C0C5CC !important; } */ } @media (max-width: 767px) { .advantages_item { width: auto; min-width: auto; } .advantages_item__title { white-space: wrap; } .main_sovlab_item { height: 60px; } .container-hero-video { padding-top: 0; } .hero-video { min-height: 520px; border-radius: 16px; } .hero-video__content { justify-content: stretch; padding: 16px; } .hero-video__box { width: 100%; max-width: none; padding: 20px; border-radius: 16px; } .hero-video__text { font-size: 16px; } } .table-cabinet .table_col_1 { width: 210px; max-width: 210px; } .table-cabinet .table_col_2 { width: 510px; } .table-cabinet .table_col_3 { width: 60px; max-width: 60px; } .table-cabinet .table_col_4 { width: 30px; max-width: 30px; } .table-cabinet .table_col_5 { width: 90px; max-width: 90px; } .table_price { white-space: nowrap; font-size: 14px; } .table_price img { margin-left: 5px; } .input_number-wrapper input { flex: 1; max-width: 20px; border: none; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0em; color: #3174C6; text-align: center; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .minus_btn { cursor: pointer; flex: 1; margin-top: 10px; background: url("/css/../img/minus.svg") top 5px center no-repeat; } .plus_btn { cursor: pointer; flex: 1; margin-top: 5px; background: url("/css/../img/plus.svg") top 5px center no-repeat; } .total { flex-wrap: nowrap; } @media (max-width: 991px) { .total { flex-wrap: wrap; } } .table_total-wrapper { padding-left: 30px; } .table_total { margin-bottom: 25px; } .table_total th { padding: 10px 0; font-size: 20px; line-height: 24px; font-weight: 600; } .table_total th:nth-child(2) { font-size: 30px; line-height: 25px; } .table_total td { padding: 15px 0; border-bottom: 1px solid #C0C5CC; } .table_total tr:last-child td { border-bottom: none; } .table_total .table_col_1 { max-width: 335px; width: 335px; text-align: left; } .table_total .table_col_2 { max-width: 200px; text-align: right; padding-right: 10px; } .order_form { width: 100%; max-width: 600px; padding-top: 57px; padding-bottom: 30px; text-align: center; background: url("/css/../img/order-bg.jpg") center no-repeat; background-size: contain; } .order_form h3 { font-size: 30px; line-height: 37px; font-weight: 600; color: #0F0E0E; } .order_form p { font-size: 16px; line-height: 20px; font-weight: 500; color: #252525; } .order_form form { margin: 0 auto; } .order_form .input_group input[type="text"] { border: 1px solid #E9E9E9; } .input_group input[type="text"] { color: #9C9C9C; } .fos_xl .input_group input[type="text"] { color: #FFFFFF; border: 1px solid transparent; } .modal-consult .input_group input[type="text"] { color: #FFFFFF; border: 1px solid transparent; } .modal-consult-sm .input_group input[type="text"] { border: 1px solid transparent; } .order_form .input_group:nth-child(3) { display: flex; width: 280px; } .order_form .check_pol { color: #010101; position: relative; margin-top: 5px; margin-bottom: 10px; } .order_form input[type="checkbox"] + .check_pol::before { position: absolute; content: ''; top: -5px; left: 2px; width: 10px; height: 10px; background: url("/css/../img/checkbox_sm.svg") no-repeat; } .order_form input[type="checkbox"]:checked + .check_pol::after { position: absolute; content: ''; top: -5px; left: 4px; width: 10px; height: 10px; background: url("/css/../img/checked_sm.svg") no-repeat; } .order_form .btn { width: 280px; } .project_detail_top_text { font-weight: 500; font-size: 16px; line-height: 20px; } .project_detail { margin-top: 50px; } @media (max-width: 768px) { .project_detail { margin-top: 40px; margin-bottom: 50px; } } .detail_text b { font-weight: 500; font-size: 24px; line-height: 29px; display: block; position: relative; padding-left: 35px; margin-top: 49px; margin-bottom: 58px; } .detail_text h4 { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .detail_text b:before { content: ''; background: #3174C6; width: 5px; border-radius: 3px; height: 100%; position: absolute; top: 0; left: 0; } @media (max-width: 768px) { .detail_text b { margin-top: 30px; margin-bottom: 40px; padding-left: 15px; font-size: 18px; } .detail_text b:before { top: 0; } } .detail_text ul { margin-top: 20px; list-style: none; padding-left: 0; } .detail_text ul li { position: relative; padding-left: 38px; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 20px; } .detail_text ul li:before { content: ''; background: url("/css/../img/list-style.svg") no-repeat; width: 27px; height: 25.7px; position: absolute; left: 0; top: -6px; } ul.custom-list { margin-top: 20px; list-style: none; padding-left: 0; } ul.custom-list li { position: relative; padding-left: 38px; font-weight: 500; font-size: 16px; line-height: 20px; margin-bottom: 20px; } ul.custom-list li:before { content: ''; background: url("/css/../img/list-style.svg") no-repeat; width: 27px; height: 25.7px; position: absolute; left: 0; top: -6px; } @media (max-width: 991px) { .detail_text-top img { width: 100%; margin-bottom: 15px; } } .project_detail_slider ul li:before { background: none; } .news_detail h4 { font-weight: 600; font-size: 20px; line-height: 24px; color: #1C1C1C; margin-bottom: 33px; } @media (max-width: 768px) { .news_detail h4 { font-size: 18px; margin-bottom: 20px; } } .project_detail_slider { margin-top: 48px; } .project_detail_slider_item { height: 386px; width: 530px; } .project_detail_slider .project_detail_slider_item img { max-height: 386px; max-width: 100%; margin: 0 auto; width: auto !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .slick-dots { text-align: center; display: flex; justify-content: center; list-style: none; } .slick-dots button { background: #3174C6; border: none; border-radius: 50%; height: 15px; width: 15px; margin: 5px; outline: none; font-size: 0; } .project_detail_slider .project_detail_slider_item:nth-child(even) { margin-right: 0; } .project_detail_slider .project_detail_slider_item { height: auto; } .project_detail_slider .project_detail_slider_item:nth-child(odd) { margin-left: 0; } .project_detail_slider .project_detail_slider_item img { z-index: -1; position: relative; } .project_detail_slider .project_detail_slider_item.slick-center img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .project_detail_slider .project_detail_slider_item img { margin-left: 100px !important; z-index: -1; position: relative; } .project_detail_slider .project_detail_slider_item.slick-center + .project_detail_slider_item img { margin-left: -100px !important; z-index: -2; position: relative; } .project_detail_slider .project_detail_slider_item.slick-center img { margin-right: 0px !important; margin-left: 0px !important; } .project_detail_slider .slick-list { margin-left: 40px; margin-right: 40px; } /* Modal */ .modal_heading { font-size: 30px; line-height: 39px; font-weight: 700; color: #FFFFFF; margin: 0 auto; margin-bottom: 20px; max-width: 555px; } .modal_text { font-size: 16px; line-height: 21px; font-weight: 500; color: #FFFFFF; margin: 0 auto; max-width: 555px; } .modal-show { display: block; opacity: 1; transition: all 0.2s ease-out; } .modal-close { display: none; opacity: 0; transition: all 0.2s ease-out; } .modal-mask { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); z-index: 1000; transition: all 0.2s ease-out; } .modal-consult, .modal-consult-sm { position: absolute; z-index: 1000; } .modal-consult_wrapper { position: fixed; display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 1133px; padding: 80px 0; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; background: url("/css/../img/modal-thanks-bg.svg") center no-repeat; background-size: cover; background-color: #FFFFFF; overflow-y: auto; z-index: 11; } @media (max-width: 1240px) { .modal-consult_wrapper { max-height: 95vh; max-width: 90vw; } } @media (max-width: 991px) { .modal-consult_wrapper { margin-top: 1vh; padding: 40px 20px; } } @media (max-width: 1000px) { .modal-consult_wrapper .modal_heading { font-size: 21px; line-height: 26px; font-weight: 700; margin-bottom: 10px; } } @media (max-width: 991px) { .modal-consult_wrapper { background: #3174C6; } } .modal-consult_form-wrapper .row { row-gap: 15px; } @media (min-width: 700px) { .modal-consult_form-wrapper { width: 580px; } } .input_group .modal_input { background: rgba(79, 144, 223, 0.82); color: #FFFFFF; } .modal_input::-webkit-input-placeholder { color: #FFFFFF; } .modal_input::-moz-placeholder { color: #FFFFFF; } .modal_input:-ms-input-placeholder { color: #FFFFFF; } .modal_input::-ms-input-placeholder { color: #FFFFFF; } .modal_input::placeholder { color: #FFFFFF; } .check_pol { text-align: left; } .check_pol p { margin: 0; line-height: 16px; } .check_pol .checkmark { position: absolute; top: 3px; left: 0; width: 9px; height: 9px; } .check_pol .checkmark:after { left: 3px; top: -2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modal-consult-close, .modal-consult-sm-close { position: absolute; content: ''; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/css/../img/thanks-close.svg") no-repeat; cursor: pointer; z-index: 11; } .modal-sm-form-block { display: flex; justify-content: center; } .fos-wrapper .modal-sm-form-block form { max-width: 302px; width: 100%; margin-left: unset; } .modal-thanks { z-index: 2000; } .modal-thanks-close { position: fixed; content: ''; top: 15px; right: 15px; width: 25px; height: 25px; background: url("/css/../img/thanks-close.svg") no-repeat; cursor: pointer; } .modal-thanks_wrapper { position: fixed; display: flex; flex-direction: column; width: 100%; max-width: 596px; padding-top: 100px; padding-bottom: 102px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; background: url("/css/../img/modal-thanks-bg.svg") center no-repeat; background-size: cover; background-color: #FFFFFF; overflow-y: auto; z-index: 11; } @media (max-width: 620px) { .modal-thanks_wrapper { max-width: 90vw; padding: 50px 20px; background: #3174C6; } } .error-wrapper { display: grid; align-content: center; height: 100%; background: url("/css/../img/error-bg.svg") center left no-repeat; background-size: cover } .error { padding-top: 48px; padding-bottom: 79px; } .extra-toggle { width: 100%; display: flex; justify-content: space-between; align-items: center; font-weight: 600; } .extra-arrow { transition: transform 0.3s ease; } .extra-toggle.active .extra-arrow { transform: rotate(180deg); } .extra-table-wrap { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .extra-table-wrap.open { max-height: 1000px; } @media (max-width: 991px) { .error { padding-top: 40px; padding-bottom: 40px; } } .error_number-wrapper { max-width: 500px; text-align: center; margin-left: -10px; } @media (max-width: 991px) { .error_number-wrapper { margin: 0 auto; } } .error_number { font-size: 150px; line-height: 183px; font-weight: 600; color: #095ABC; margin-bottom: 8px; } @media (max-width: 991px) { .error_number { font-size: 120px; line-height: 120px; } } .error_text { font-weight: 500; font-size: 26px; line-height: 32px; margin-bottom: 0; } @media (max-width: 991px) { .error_text { font-size: 20px !important; } } .section_wrapper { text-align: center; } .section_wrapper-text { font-size: 24px; line-height: 29px; font-weight: 400; margin-bottom: 30px; padding-top: 26px; margin-left: -10px; } @media (max-width: 991px) { .section_wrapper-text { font-size: 18px; padding-top: 40px; margin-bottom: 10px; } } .section_list { display: flex; justify-content: center; column-gap: 40px; row-gap: 40px; margin-left: -25px; } .section_link { display: block; width: 120px; height: 120px; border: 1px solid #E9E9E9; box-sizing: border-box; margin-bottom: 12px; } @media (max-width: 479px) { .section_list { column-gap: 5px; } .section_item:nth-child(2) .section_link { margin-left: 8px; } .section_link { width: 90px; height: 90px; } } .section_item_name { font-size: 20px; line-height: 24px; font-weight: 500; color: #111111; } @media (max-width: 991px) { .section_item_name { font-size: 16px; } } .section_item:first-child .section_link { background: url("/css/../img/section-item-1.svg") center no-repeat; } .section_item:nth-child(2) .section_link { background: url("/css/../img/section-item-2.svg") center no-repeat; } .section_item:nth-child(3) .section_link { background: url("/css/../img/section-item-3.svg") center no-repeat; } .section_link:hover { border: 1px solid #3174C6 } .section_item:first-child .section_link:hover { background: url("/css/../img/section-item-1-hover.svg") center no-repeat; } .section_item:nth-child(2) .section_link:hover { background: url("/css/../img/section-item-2-hover.svg") center no-repeat; } .section_item:nth-child(3) .section_link:hover { background: url("/css/../img/section-item-3-hover.svg") center no-repeat; } .footer_copy-policy-wrapper { margin-top: 23px; border-top: 1px solid #2E2E2E; } .bd_soc svg { width: 30px; height: 30px; margin: 0 5px; fill: #fff; } .bd_soc a:nth-child(2) svg { width: 28px; height: 28px; } .footer_copy-policy { max-width: 1220px; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 7px; font-size: 14px; line-height: 22px; font-weight: 300; color: #FFFFFF; padding-top: 20px; margin: 0 auto; } @media (max-width: 991px) { .footer_copy-policy { flex-direction: column; } } .footer_policy { cursor: pointer; color: #FFFFFF; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .footer_policy:hover { color: #3174C6; -webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s; } .certificate-page .certificate { margin-top: 50px; margin-bottom: 0; } .certificate-page .cert_slider__item { text-align: center; } .certificate-page .cert-image-wrapper { position: relative; } .certificate-page .cert-image-link { position: absolute; width: 60px; height: 60px; cursor: pointer; top: calc(50% - 30px); left: calc(50% - 30px); border-radius: 100%; background: url(/css/../img/zoom.svg) no-repeat center center; background-size: 20px auto; background-color: #3174C6; opacity: 0; transition: 0.2s; } .certificate-page .cert-image-link:hover { opacity: 1; transition: 0.2s; } .certificate-page .certificate p { margin-bottom: 70px; } .lb-dataContainer { width: fit-content !important; margin-right: 0 !important; } .lb-data .lb-close { margin-bottom: 10px; background: url(/css/../img/close.png) top right no-repeat !important; } .lightbox { display: flex; flex-direction: column-reverse; width: fit-content !important; left: 50% !important; transform: translate(-50%, 0); } @media (max-width: 991px) { .certificate-page .certificate { margin-bottom: 50px; } .certificate-page .fos_text br { display: none; } } @media (max-width: 767px) { .cert_slider__item:not(:last-child) { margin-bottom: 40px; } .certificate-page .certificate p { margin-bottom: 50px; } } .thanks { font-weight: 500; font-size: 18px; line-height: 132%; margin-top: 145px; margin-bottom: 170px; } .thanks h1 { font-weight: 600; font-size: 40px; line-height: 49px; color: #1C1C1C; margin-bottom: 25px; } .thanks__subheading { max-width: 400px; font-weight: 600; font-size: 22px; line-height: 132%; color: #1C1C1C; margin-bottom: 20px; } .thanks__content p:not(:last-child) { margin-bottom: 24px; } .thanks__contacts { padding: 34px 36px; background: #FFFFFF; border: 1px solid #E9E9E9; margin-left: -20px; } .thanks__contacts-text { margin-bottom: 30px; } .thanks__contacts-block { display: flex; align-items: center; } .thanks__phone { font-weight: 700; font-size: 24px; line-height: 29px; color: #000000; } .thanks__contacts-block span { margin-left: 40px; margin-right: 30px; } .thanks__button { width: calc(100% - 307px); } .thanks__button:not(:hover) { color: #ffffff; } .cart { margin-top: 24px; margin-bottom: 15px; } .cart h1 { font-weight: 600; font-size: 40px; line-height: 49px; color: #1C1C1C; margin-bottom: 0; } .cart__table { max-width: 100%; } .cart__table th { vertical-align: top; font-weight: 400; font-size: 16px; line-height: 20px; color: #6C6C6C; } .cart__head th { padding: 10px 7px; } .cart__table td { font-size: 16px; line-height: 20px; color: #000000; } .cart__table th:not(:first-child), .cart__table td:not(:first-child) { text-align: center; } .cart__item { position: relative; } .cart__item:before { position: absolute; content: ''; top: 0; left: calc(50% - 50vw); width: 100vw; height: 100%; background-color: #E5E5E5; z-index: -1; border-top: 1px solid rgb(139, 139, 139); } .cart__item td { padding: 12px 7px; } .cart__item td:first-child { padding-left: 0; display: flex; align-items: center; } .cart__item-dop td:first-child { padding-left: 0; border-left: 0; } .cart__item td:last-child, .cart__item-dop td:last-child { padding-right: 0; border-right: 0; border-left: 0; } .cart__item-dop td:nth-child(5) { border-right: 0; } .cart__item td:nth-child(2) { width: 15%; } .cart__item td:nth-child(3) { width: 8%; } .cart__item td:nth-child(4) { width: 16%; } .cart__item td:nth-child(5), .cart__item-dop td:nth-child(3) { width: 11%; } .cart__item td:nth-child(6), .cart__item-dop td:nth-child(5) { width: 116px; } .cart__item td:nth-child(7), .cart__item-dop td:nth-child(5) { width: 11%; } .cart__item td:nth-child(8), .cart__item-dop td:nth-child(6) { width: 2%; min-width: 15px; } .cart__item-dop td:nth-child(2) { width: 38%; text-align: left; padding-left: 25px; padding-right: 25px; } .cart__item-image { width: 85px; height: 85px; object-fit: cover; margin-right: 15px; } .cart__item-heading { font-weight: 500; line-height: 24px; } .cart__item-quantity { display: flex; justify-content: center; } .cart__item-quantity input { appearance: none; -webkit-appearance: none; width: 26px; margin: 0 3px; border: none; text-align: center; background-color: transparent; } .cart__item-quantity .plus, .cart__item-quantity .minus { display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 16px; line-height: 20px; color: #6C6C6C; width: 22px; height: 22px; border: 1px solid #E9E9E9; cursor: pointer; } .cart__item .cart__item-quantity .plus, .cart__item .cart__item-quantity .minus { border-color: #ffffff; } .cart__item-delete { cursor: pointer; } .cart__item-delete svg { max-width: 100%; } .cart__table .currency { font-size: 10px; padding-left: 3px; } .cart__dop th { padding: 16px 0 12px; } .cart__item-dop td { padding: 10px 7px; border: 1px solid #C4C4C4; } .cart__item-sum td { font-weight: 400; font-size: 20px; line-height: 24px; color: #0F0E0E; padding: 15px 0; text-align: right; } .cart__item-sum .cart__item-sum-number { padding-left: 36px; font-size: 24px; font-weight: 600; line-height: 25px; } .cart__item-sum td .currency { font-weight: 400; font-size: 9px; } .cart__item-sum:last-child td { border-top: 1px solid #C4C4C4; } .cart__item-sum:last-child .cart__item-sum-number { font-size: 30px; } .cart__item-sum:last-child td .currency { font-size: 12px; } .checkout { margin-bottom: 80px; } .checkout__heading { font-weight: 600; font-size: 30px; line-height: 37px; color: #0F0E0E; margin-bottom: 25px; } .checkout__form .input_group input, .checkout__form .input_group textarea { border: 1px solid #E9E9E9; } .checkout__submit { width: 280px; } .checkout .input_group-pol { margin-top: 20px; margin-bottom: 20px; } .checkout .check_pol p { color: #010101; } .checkout .check_pol .checkmark:after { border-color: #3174C6; } .checkout__form .input_group input[type="checkbox"] { border: 1px solid #B6B6B6; } .checkout__form .input_group-file { margin-bottom: 40px; } .input_group-file .file-label { position: relative; padding-left: 58px; font-weight: 500; font-size: 16px; line-height: 48px; color: #9C9C9C; cursor: pointer; margin-bottom: 0; } .input_group-file .file-label::before { position: absolute; content: ''; top: 0; left: 0; width: 48px; height: 48px; border: 1px solid #E9E9E9; background: url('/css/../img/input-file.svg') center center no-repeat; background-size: auto 30px; } .checkout h3 { font-weight: 400; font-size: 24px; line-height: 29px; color: #000000; margin-bottom: 20px; } .checkout__shipping { position: relative; } .checkout__shipping:before { position: absolute; content: ''; top: 0; left: -110px; width: 1px; height: 237px; background-color: #C4C4C4; } .checkout__shipping-checkbox input[type="radio"] + label::before { position: absolute; content: ''; top: 0; left: 0; width: 22px; height: 22px; background-color: #FFFFFF; border: 1px solid #E9E9E9; } .checkout__shipping-checkbox input[type="radio"]:checked + label::after { position: absolute; content: ''; top: 6px; left: 6px; width: 10px; height: 10px; background-color: #3174C6; } .checkout__shipping-checkbox label { position: relative; padding-left: 37px; cursor: pointer; margin-bottom: 32px; color: #000000; } .table-anchor{ margin-top: 25px; display: block; } .video-item { padding: 0 5px; } .video-slider{ margin-top: 30px; } .video-slider .slick-list { margin: 0 40px 50px 40px; } .video-item iframe{ width: 100%!important; height: auto!important ; } .video-obzor-item{ position: relative; cursor: pointer; } .video-obzor-item video{ max-width: 100%; height: 100%; object-fit: cover; } .video-obzor-item img{ position: absolute; width: 45px; top: 50%; transform: translate(0,-50%); left: 0; right: 0; margin: 0 auto; } .video-obzor{ } /* .video-obzor h2{ color: #f67423; text-align: center; } */ .cookie-notification { position: fixed; bottom: 0; left: 0; right: 0; background: #2b2f32; color: #fff; padding: 10px 20px; font-size: 13px; z-index: 9999; display: flex; justify-content: center; gap: 20px; align-items: center; flex-wrap: wrap; box-shadow: 0 -2px 8px rgba(0,0,0,0.2); text-align: center; } .cookie-notification button { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; color: #fff; border: 1px solid #3174C6; background: #3174C6; padding: 6px 20px 6px; display: inline-block; cursor: pointer; } .cookie-notification a{ color: #fff; border-bottom: 1px solid; } .cookie-notification a:hover{ text-decoration: none; color: #3174C6; } .modal-consult_wrapper .check_pol a{ color: #fff; border-bottom: 1px solid; } .input_group.input_group_error .check_pol { color: red !important; } div[data-pagination-num] { text-align: center; } .rutube_slider__item iframe{ width: 100%!important; height: 320px!important; } .info_detail_item-text .btn{ margin-top: 18px; display: inline-block; } .tabletops-block .table_price{ display: none; } .banner-link-img{ position: absolute; right: 0; bottom: 1px; } .banner-link-img img{ max-width: 278px; } .banner-link-btn{ width: 100%; max-width: 265px; } .banner-link-row{ display: flex ; align-items: baseline; position: relative; width: auto; } .cart_detail_buttons { margin-bottom: 20px; } .table thead th.col { padding: 0.2rem; } @media (max-width: 1199px) { .thanks { margin-top: 100px; margin-bottom: 100px; } .thanks__contacts { margin-left: 0; } .thanks__contacts-block { flex-direction: column; } .thanks__contacts-block span { margin: 10px 0; } .thanks__button { width: auto; } .thanks__contacts-text { text-align: center; } .cart__item td { padding: 25px 7px; } .cart__item td:first-child { align-items: flex-start; flex-direction: column; } .cart__item-image { width: 50px; height: 50px; margin-right: 0; margin-bottom: 10px; } .checkout__shipping:before { left: -90px; } .banner-link-img img { max-width: 220px; } .banner-link-btn{ width: 100%; max-width: 220px; } .btn_config { width: 100%; max-width: 220px; } } @media (max-width: 991px) { .catalog_category-heading { margin-bottom: 50px; } .thanks { margin-top: 40px; margin-bottom: 40px; } .thanks h1 { font-size: 35px; line-height: 46px; } .thanks__contacts { margin-top: 40px; } .cart h1 { font-size: 35px; line-height: 46px; margin-bottom: 35px; } .checkout__heading { font-size: 26px; line-height: 32px; } .checkout h3 { font-weight: 22px; } .cart__table th, .cart__table td { font-size: 13px; padding: 15px 5px; } .cart__item-heading { line-height: 20px; } .checkout__shipping:before { content: none; } .cart__item-sum td { font-size: 15px; } .cart__item-sum .cart__item-sum-number { padding-left: 10px; font-size: 22px; } .cart__item-sum:last-child .cart__item-sum-number { font-size: 26px; } .cart { margin-top: 24px; margin-bottom: 15px; } .checkout { margin-bottom: 40px; } .banner-link-img { position: absolute; right: 229px; } } @media (max-width: 767px) { .navbar-nav .dropdown-menu { position: relative; max-height: 70vh; overflow-y: auto; -webkit-overflow-scrolling: touch; } .navbar-nav .dropdown-menu::after { content: ""; position: sticky; bottom: 25px; left: calc(50% - 12px); display: block; width: 24px; height: 24px; z-index: 2; pointer-events: none; border-right: 2px solid #3174C6; border-bottom: 2px solid #3174C6; animation: menuArrowBounce 1.5s infinite; } .dropdown-menu .dropdown-item { border-bottom: 1px solid #C4C4C4; } .cart h1 { margin-bottom: 25px; } .cart__head { display: none; } .cart__item, .cart__item-dop { position: relative; display: flex; flex-wrap: wrap; } .cart__item td:first-child { flex-direction: row; } .cart__item-image { margin-right: 15px; margin-bottom: 0; } .cart__item td, .cart__item-dop td { font-size: 14px; padding: 8px 0 !important; width: 100% !important; text-align: right !important; } .cart__item-quantity { justify-content: flex-end; } .cart__item td:before, .cart__item-dop td:before { content: attr(data-title) ": "; font-weight: 700; float: left; padding-right: 10px; } .cart__item td:last-child:before, .cart__item-dop td:last-child:before, .cart__item td:first-child:before, .cart__item-dop td:first-child:before { content: none; } .cart__item td:last-child, .cart__item-dop td:last-child { position: absolute; top: 0; right: 0; width: 20px !important; border: none !important; padding: 20px 0 !important; } .cart__item td:first-child, .cart__item-dop td:first-child { padding: 20px 50px 20px 0 !important; text-align: left !important; } .cart__item-heading { text-align: left; } .cart__dop th { border-bottom: 1px solid #C4C4C4; } .cart__item-dop td { border: none; border-bottom: 1px solid #C4C4C4; } .checkout__shipping { margin-top: 30px; } .banner-link-img { right: 40px; } } @media (max-width: 575px) { .cart__item td, .cart__item-dop td { font-size: 13px; } .cart__item-sum .cart__item-sum-number { font-size: 18px; } .cart__item-sum:last-child .cart__item-sum-number { font-size: 24px; } .banner-link-row{ flex-direction: column; } .banner-link-img { right: 0; position: relative; left: 0; margin: 0 auto; } .btn_config { width: 100%; max-width: 100%; } .banner-link-btn { width: 100%; max-width: 100%; margin-bottom: 20px; } .cart_detail__tabs .nav-tabs .nav-link { font-weight: 500; font-size: 16px; line-height: 26px; text-align: center; border: 1px solid #3174C6; background-color: white; color: #3174C6; padding: 10px 12px 10px; display: inline-block; cursor: pointer; margin-bottom: 10px; } } @media (max-width: 400px) { .checkout__submit { width: 100%; } } @media (max-width: 991px) { .main_page { margin-top: 80px; } } @keyframes arrowImgDrawer { 0%, 100% { transform: rotate(-45deg) translate(0, 0); opacity: .7; } 50% { transform: rotate(-45deg) translate(6px, 6px); opacity: 1; } } @keyframes menuArrowBounce { 0%, 100% { transform: rotate(45deg) translate(0, 0); opacity: .7; } 50% { transform: rotate(45deg) translate(6px, 6px); opacity: 1; } } /* End */ /* Start:/js/plugins/brazzers-carousel/jQuery.Brazzers-Carousel.min.css?1691676354813*/ /*! * jQuery Brazzers Carousel v1.0.0 (http://webdesign-master.ru) * Copyright 2015 WebDesign Master. */ .brazzers-daddy:after{content:"";display:table;clear:both}.brazzers-daddy{position:relative}.brazzers-daddy img{width:100%;position:relative;display:none;top:0;left:0;margin-bottom:10px}.brazzers-daddy img:first-child{display:block}.tmb-wrap{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.tmb-wrap .tmb-wrap-table{display:table;height:100%;width:100%}.tmb-wrap-table div{display:table-cell;transition:all .3s ease;border-bottom:5px solid transparent;padding-top:10px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.tmb-wrap-table div.active{border-color:#FBB254}.tmb-wrap-table div:first-child:last-child{border-color:transparent} /* End */ /* Start:/js/plugins/alertifyjs/css/alertify.min.css?169167635521417*/ /** * alertifyjs 1.13.1 http://alertifyjs.com * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications. * Copyright 2019 Mohammad Younes (http://alertifyjs.com) * Licensed under GPL 3 */ .alertify .ajs-dimmer{position:fixed;z-index:1981;top:0;right:0;bottom:0;left:0;padding:0;margin:0;background-color:#252525;opacity:.5}.alertify .ajs-modal{position:fixed;top:0;right:0;left:0;bottom:0;padding:0;overflow-y:auto;z-index:1981}.alertify .ajs-dialog{position:relative;margin:5% auto;min-height:110px;max-width:500px;padding:24px 24px 0 24px;outline:0;background-color:#fff}.alertify .ajs-dialog.ajs-capture:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:1}.alertify .ajs-reset{position:absolute!important;display:inline!important;width:0!important;height:0!important;opacity:0!important}.alertify .ajs-commands{position:absolute;right:4px;margin:-14px 24px 0 0;z-index:2}.alertify .ajs-commands button{display:none;width:10px;height:10px;margin-left:10px;padding:10px;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;cursor:pointer}.alertify .ajs-commands button.ajs-close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)}.alertify .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)}.alertify .ajs-header{margin:-24px;margin-bottom:0;padding:16px 24px;background-color:#fff}.alertify .ajs-body{min-height:56px}.alertify .ajs-body .ajs-content{padding:16px 24px 16px 16px}.alertify .ajs-footer{padding:4px;margin-left:-24px;margin-right:-24px;min-height:43px;background-color:#fff}.alertify .ajs-footer .ajs-buttons.ajs-primary{text-align:right}.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary{float:left;clear:none;text-align:left}.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button{margin:4px}.alertify .ajs-footer .ajs-buttons .ajs-button{min-width:88px;min-height:35px}.alertify .ajs-handle{position:absolute;display:none;width:10px;height:10px;right:0;bottom:0;z-index:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);-webkit-transform:scaleX(1);transform:scaleX(1);cursor:se-resize}.alertify.ajs-no-overflow .ajs-body .ajs-content{overflow:hidden!important}.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content{left:0;right:0;padding:0}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body{margin-left:-24px;margin-right:-24px}.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content{padding:0}.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content{left:0;right:0}.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,.alertify.ajs-maximizable .ajs-commands button.ajs-restore{display:inline-block}.alertify.ajs-closable .ajs-commands button.ajs-close{display:inline-block}.alertify.ajs-maximized .ajs-dialog{width:100%!important;height:100%!important;max-width:none!important;margin:0 auto!important;top:0!important;left:0!important}.alertify.ajs-maximized.ajs-modeless .ajs-modal{position:fixed!important;min-height:100%!important;max-height:none!important;margin:0!important}.alertify.ajs-maximized .ajs-commands button.ajs-maximize{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)}.alertify.ajs-maximized .ajs-dialog,.alertify.ajs-resizable .ajs-dialog{padding:0}.alertify.ajs-maximized .ajs-commands,.alertify.ajs-resizable .ajs-commands{margin:14px 24px 0 0}.alertify.ajs-maximized .ajs-header,.alertify.ajs-resizable .ajs-header{position:absolute;top:0;left:0;right:0;margin:0;padding:16px 24px}.alertify.ajs-maximized .ajs-body,.alertify.ajs-resizable .ajs-body{min-height:224px;display:inline-block}.alertify.ajs-maximized .ajs-body .ajs-content,.alertify.ajs-resizable .ajs-body .ajs-content{position:absolute;top:50px;right:24px;bottom:50px;left:24px;overflow:auto}.alertify.ajs-maximized .ajs-footer,.alertify.ajs-resizable .ajs-footer{position:absolute;left:0;right:0;bottom:0;margin:0}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog{min-width:548px}.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle{display:block}.alertify.ajs-movable:not(.ajs-maximized) .ajs-header{cursor:move}.alertify.ajs-modeless .ajs-dimmer,.alertify.ajs-modeless .ajs-reset{display:none}.alertify.ajs-modeless .ajs-modal{overflow:visible;max-width:none;max-height:0}.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin{display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)}.alertify.ajs-modeless.ajs-unpinned .ajs-modal{position:absolute}.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)}.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body{max-height:500px;overflow:auto}.alertify.ajs-basic .ajs-header{opacity:0}.alertify.ajs-basic .ajs-footer{visibility:hidden}.alertify.ajs-frameless .ajs-header{position:absolute;top:0;left:0;right:0;min-height:60px;margin:0;padding:0;opacity:0;z-index:1}.alertify.ajs-frameless .ajs-footer{display:none}.alertify.ajs-frameless .ajs-body .ajs-content{position:absolute;top:0;right:0;bottom:0;left:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog{padding-top:0}.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands{margin-top:0}.ajs-no-overflow{overflow:hidden!important;outline:0}.ajs-no-overflow.ajs-fixed{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:scroll!important}.ajs-no-selection,.ajs-no-selection *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:568px){.alertify .ajs-dialog{min-width:150px}.alertify:not(.ajs-maximized) .ajs-modal{padding:0 5%}.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog{min-width:initial;min-width:auto}}@-moz-document url-prefix(){.alertify button:focus{outline:1px dotted #3593d2}}.alertify .ajs-dimmer,.alertify .ajs-modal{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:250ms;transition-duration:250ms}.alertify.ajs-hidden .ajs-dimmer,.alertify.ajs-hidden .ajs-modal{visibility:hidden;opacity:0}.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-duration:.5s;animation-duration:.5s}.alertify.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-duration:250ms;animation-duration:250ms}.alertify .ajs-dialog.ajs-shake{-webkit-animation-name:ajs-shake;animation-name:ajs-shake;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ajs-shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes ajs-shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-slideIn;animation-name:ajs-slideIn;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275)}.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-slideOut;animation-name:ajs-slideOut;-webkit-animation-timing-function:cubic-bezier(.6,-.28,.735,.045);animation-timing-function:cubic-bezier(.6,-.28,.735,.045)}.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-zoomIn;animation-name:ajs-zoomIn}.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-zoomOut;animation-name:ajs-zoomOut}.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-fadeIn;animation-name:ajs-fadeIn}.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-fadeOut;animation-name:ajs-fadeOut}.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-pulseIn;animation-name:ajs-pulseIn}.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-pulseOut;animation-name:ajs-pulseOut}.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInX;animation-name:ajs-flipInX}.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutX;animation-name:ajs-flipOutX}.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog{-webkit-animation-name:ajs-flipInY;animation-name:ajs-flipInY}.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog{-webkit-animation-name:ajs-flipOutY;animation-name:ajs-flipOutY}@-webkit-keyframes ajs-pulseIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes ajs-pulseIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes ajs-pulseOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes ajs-zoomIn{0%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@keyframes ajs-zoomOut{0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}100%{opacity:0;-webkit-transform:scale3d(.25,.25,.25);transform:scale3d(.25,.25,.25)}}@-webkit-keyframes ajs-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ajs-fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ajs-fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes ajs-fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ajs-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes ajs-flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes ajs-flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes ajs-flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes ajs-flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@-webkit-keyframes ajs-slideIn{0%{margin-top:-100%}100%{margin-top:5%}}@keyframes ajs-slideIn{0%{margin-top:-100%}100%{margin-top:5%}}@-webkit-keyframes ajs-slideOut{0%{margin-top:5%}100%{margin-top:-100%}}@keyframes ajs-slideOut{0%{margin-top:5%}100%{margin-top:-100%}}.alertify-notifier{position:fixed;width:0;overflow:visible;z-index:1982;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.alertify-notifier .ajs-message{position:relative;width:260px;max-height:0;padding:0;opacity:0;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:linear;transition-timing-function:linear}.alertify-notifier .ajs-message.ajs-visible{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);opacity:1;max-height:100%;padding:15px;margin-top:10px}.alertify-notifier .ajs-message.ajs-success{background:rgba(91,189,114,.95)}.alertify-notifier .ajs-message.ajs-error{background:rgba(217,92,92,.95)}.alertify-notifier .ajs-message.ajs-warning{background:rgba(252,248,215,.95)}.alertify-notifier .ajs-message .ajs-close{position:absolute;top:0;right:0;width:16px;height:16px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center;background-color:rgba(0,0,0,.5);border-top-right-radius:2px}.alertify-notifier.ajs-top{top:10px}.alertify-notifier.ajs-bottom{bottom:10px}.alertify-notifier.ajs-right{right:10px}.alertify-notifier.ajs-right .ajs-message{right:-320px}.alertify-notifier.ajs-right .ajs-message.ajs-visible{right:290px}.alertify-notifier.ajs-left{left:10px}.alertify-notifier.ajs-left .ajs-message{left:-300px}.alertify-notifier.ajs-left .ajs-message.ajs-visible{left:0}.alertify-notifier.ajs-center{left:50%}.alertify-notifier.ajs-center .ajs-message{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alertify-notifier.ajs-center .ajs-message.ajs-visible{left:50%;-webkit-transition-timing-function:cubic-bezier(.57,.43,.1,.65);transition-timing-function:cubic-bezier(.57,.43,.1,.65)}.alertify-notifier.ajs-center.ajs-top .ajs-message{top:-300px}.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible{top:0}.alertify-notifier.ajs-center.ajs-bottom .ajs-message{bottom:-300px}.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible{bottom:0}.ajs-no-transition.alertify .ajs-dialog,.ajs-no-transition.alertify .ajs-dimmer,.ajs-no-transition.alertify .ajs-modal{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}.ajs-no-transition.alertify-notifier .ajs-message{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.alertify .ajs-dialog,.alertify .ajs-dimmer,.alertify .ajs-modal{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}.alertify-notifier .ajs-message{-webkit-transition:none!important;transition:none!important;-webkit-animation:none!important;animation:none!important}} /* End */ /* Start:/css/add.css?17797290227595*/ /* .input_group input[type="text"] { border: 1px solid transparent; } */ .input_group_error input[type="text"] { border-color: red !important; } .cart_detail_price .on_request_price { font-size: 20px; font-weight: 500; color: #3174C6; padding: 0; } .table-subsection td { text-align: center; font-size: 16px; font-weight: 600; } .table-subsubsection td { font-size: 14px; font-weight: 500; padding: 9px 25px; color: #666; } .input_group_check.input_group_error p { color: red !important; } .input_group.input_group_error .check_pol p { color: red !important; } .filter-price-block { display: flex; flex-wrap: wrap; } .filter-price-input-block { width: 50%; display: flex; align-items: center; } .filter-price-input-block .bx-ft-sub { margin-right: 5px; } .filter-price-slider-block { width: 90%; margin-left: 5%; margin-right: 5%; } .bx-ui-slider-range .from:after { left: -9px; } .bx-ui-slider-range .to:after { left: 7px; } .sidebar_group .bx-filter-block { width: 100%; } .catalog_bar { /*width: 100%;*/ width: calc(100% - 300px); display: flex; flex-direction: column; } @media (max-width: 991px) { .catalog_bar { width: 100%; } } .catalog_bar_bottom { order: 1; } .catalog_bar_top { order: 0; } .sidebar { min-width: 290px; } .sort_title.selected { color: #3174C6; } a .product-item-button-container { pointer-events: none; } .element_buttons_block { height: 50px; } .col_cart { position: relative; } .element_buttons_block_inner { position: absolute; width: 100%; bottom: 33px; padding: 0px 25px 0 25px; max-width: 273px; } .header_item { z-index: 1000; } .city_select-list_opened { height: 400px; } .footer_city { z-index: 1000; } .footer-city_select-list { background: #171717; } .bx-filter-container-modef { display: none !important; } .sidebar_links .selected { background-color: #B7B7B7 !important; } .tooltipster-calc-img { width: 240px; height: 240px; display: flex; align-items: center; } .tooltipster-sidetip .tooltipster-box { background: #fff; border-color: #3174C6; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #3174C6; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #fff; } .slider_in_flex { flex-grow: 1; min-width: 0; } .model-selected { color: #3174C6; font-weight: bold; } .popup-window { font-family: "Montserrat", sans-serif; font-size: 16px; } .popup-window-titlebar-text, .popup-window-titlebar-text-version { font-size: 16px; } .calc_slider_title { padding: 15px 15px 5px; color: #3174C6; } .calc_slider .slick-arrow { border: 1px solid #E9E9E9; background-color: #fff; width: 30px; background-size: 50%; background-position: center center; z-index: 100; } .menu-inner { width: 100%; display: flex; flex-wrap: wrap; } .menu-inner:first-child { border-bottom: 1px solid #C4C4C4; } .col_thumb .slick-slide.slick-current { border: 1px solid #3174C6; } .calc_slider .slick-arrow { background: url(/css/../img/arrow_slider_calc.svg) no-repeat #fff; background-size: 60%; background-position: center; } .calc_slider .slick-arrow.slick-disabled { background: url(/css/../img/arrow_slider.svg) no-repeat #fff; background-size: 60%; background-position: center; } .btn.btn-gray { background-color: #666666; border: 1px solid #666666; } .calc_wrapper { display: flex; } .calc_left_block { flex-grow: 1; max-width: 780px; margin-right: 30px; } .calc_right_block { position: relative; flex-shrink: 0; width: 40%; max-width: 370px; } .calc_right_block .floating { padding: 0 15px 10px 15px; width: 370px; /*указываем ширину*/ } .calc_right_block .fixed { position: fixed; top: 10px; /*здесь указываем отступ сверху*/ z-index: 100; /*устанавливаем блок поверх всех элементов на странице*/ } .calc_right_block .absolute { position: absolute; bottom: 0; width: 100%; } .photo-video-slider .video-item > a { display: block; width: 100%; height: 100%; } .photo-video-slider .video-item { height: 100%; } .photo-video-slider .slick-track { display: flex; } .photo-video-slider .slick-slide { height: auto; } .photo-video-slider .slick-slide > div { height: 100%; } .video-obzor-button { width: 100%; height: 100%; min-height: 250px; display: flex; align-items: center; justify-content: center; background: #3174C6; } @media (max-width: 991px) { .calc_wrapper { flex-wrap: wrap; } .calc_left_block { width: 100%; margin-right: 0; } .calc_right_block { width: 100%; } .floating { position: relative !important; } .calc_right_block .floating { width: 100%; } header { position: fixed; width: 100%; background: #fff; z-index: 1000; } .breadcrumbs { margin-top: 60px; } .fancybox3d { display: none; } } @media (max-width: 767px) { .menu-inner { flex-direction: column; } .menu-inner:first-child { border-bottom: none; } } .floating_price_title { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .floating_price_img { text-align: center; position: relative; min-height: 420px; } .floating_price_img img { position: absolute; left: 0; bottom: 0; max-width: 300px; } .table_col_title { font-size: 18px; } .table_total-wrapper .table_total { font-size: 14px; } .table_price_hide { display: none; } .catalog_slider .catalog_cart { min-width: 250px; } .section_description { margin-left: 10px; margin-right: 10px; } .tittle_config { font-style: normal; font-weight: 600; font-size: 32px; line-height: 40px; color: #141414; } .order_form { max-width: 100%; } .calc_items_block { } .calc_list_block { margin-bottom: 20px; } .calc_list_description_inner { display: flex; border: 1px solid #E9E9E9; height: 100%; max-width: 273px; } @media (max-width: 575px) { .calc_list_description_inner { max-width: unset; } } .calc_list_description .calc_list_title { font-size: 14px; font-weight: 600; line-height: 20px; color: #070707; display: inline-block; word-break: break-word; } .calc_list_series { font-size: 12px; } .calc_list_image { margin-right: 10px; width: 100%; min-width: 100%; height: auto; } .calc_list_description_price { } .calc_list_description { display: flex; flex-direction: column; justify-content: space-between; padding: 10px; } .calc_list_description_price span { font-weight: bold; } .calcs_block { margin-left: 15px; margin-right: 15px; } .calc_list_description_inner:hover { border-color: #4373c0; transition: all 0.2s; } .header_search { cursor: pointer; } .calc_list_description_inner { flex-direction: column; } @media (max-width: 1199px) { .calc_list_description_bottom { flex-direction: column; } } @media (max-width: 575px) { .calc_list_description_bottom { flex-direction: row; } } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/topmenu/style.min.css?1691676375490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/topmenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/sm_basket/style.min.css?16916763753712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/mainbc/style.min.css?1691676375467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/bottommenu/style.min.css?1691676375490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/bottommenu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/.default/fonts/fonts.css?17556824031790 */ /* /js/plugins/tooltipster/css/tooltipster.bundle.min.css?16916763546495 */ /* /css/libs.min.css?1691676355303586 */ /* /css/main.min.css?1779732399147388 */ /* /js/plugins/brazzers-carousel/jQuery.Brazzers-Carousel.min.css?1691676354813 */ /* /js/plugins/alertifyjs/css/alertify.min.css?169167635521417 */ /* /css/add.css?17797290227595 */ /* /local/templates/.default/components/bitrix/menu/topmenu/style.min.css?1691676375490 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/sm_basket/style.min.css?16916763753712 */ /* /local/templates/.default/components/bitrix/breadcrumb/mainbc/style.min.css?1691676375467 */ /* /local/templates/.default/components/bitrix/menu/bottommenu/style.min.css?1691676375490 */