@font-face {
    font-display: swap;
    font-family: 'Gotham Pro';
    src: url('/fonts/GothamPro/GothamPro-Medium.eot');
    src: local('Gotham Pro Medium'), local('GothamPro-Medium'),
        url('/fonts/GothamPro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamPro/GothamPro-Medium.woff') format('woff'),
        url('/fonts/GothamPro/GothamPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-display: swap;
    font-family: 'Gotham Pro';
    src: url('/fonts/GothamPro/GothamPro-Bold.eot');
    src: local('Gotham Pro Bold'), local('GothamPro-Bold'),
        url('/fonts/GothamPro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamPro/GothamPro-Bold.woff') format('woff'),
        url('/fonts/GothamPro/GothamPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-display: swap;
    font-family: 'Gotham Pro';
    src: url('/fonts/GothamPro/GothamPro-Light.eot');
    src: local('Gotham Pro Light'), local('GothamPro-Light'),
        url('/fonts/GothamPro/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamPro/GothamPro-Light.woff') format('woff'),
        url('/fonts/GothamPro/GothamPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-display: swap;
    font-family: 'Gotham Pro';
    src: url('/fonts/GothamPro/GothamPro-Black.eot');
    src: local('Gotham Pro Black'), local('GothamPro-Black'),
        url('/fonts/GothamPro/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamPro/GothamPro-Black.woff') format('woff'),
        url('/fonts/GothamPro/GothamPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-display: swap;
    font-family: 'Gotham Pro';
    src: url('/fonts/GothamPro/GothamPro.eot');
    src: local('Gotham Pro'), local('GothamPro'),
        url('/fonts/GothamPro/GothamPro.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GothamPro/GothamPro.woff') format('woff'),
        url('/fonts/GothamPro/GothamPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --text: #151515;
    --headers: #303a4a;
    --silver: #a5a5a6;
    --border: #e1e1e1;
    --corporate: #e53b24;
}


.showp.structure::before,
.ta1{-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-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-animation-timing-function: ease-in;
    animation-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);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {-webkit-animation-name: tada;animation-name: tada;}



*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:active, :hover, :focus {outline: 0;outline-offset: 0;}
body, html {height: 100%;margin: 0;padding: 0;}
body {font-family: 'Gotham Pro';font-size: 18px;line-height: 1.3;-webkit-text-size-adjust: none;padding: 0;margin: 0;color: var(--text);}
body>div{margin-left: 300px;}
input,textarea{font-family: 'Gotham Pro';border:none;color:#2a2d31;font-size: 1em;line-height: 1.5;border: none;
    border-bottom: 1px solid;
    border-bottom-color: rgb(189,189,189);
    background-color: transparent;
    padding: 5px 0 0;
    -webkit-hyphens: none;-ms-hyphens: none;hyphens: none;}
    border-bottom-color: rgb(189,189,189);
input,textarea:hover, input,textarea:active{border-bottom-color: var(--corporate);-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
button{font-size: 14px;color: white;font-weight: 500;letter-spacing: 0.23em;padding: 15px 30px;border-radius: 5px;border:none;background-color: var(--corporate);
    -webkit-transition: background-color .3s;-o-transition: background-color .3s;transition: background-color .3s;}
button:hover{background-color: rgb(205,35,10);}
textarea{resize: vertical;}
table{border-spacing: 4px;outline: none;-webkit-tap-highlight-color: transparent;border-collapse: separate;}
th{font-style: normal;}
td, th {padding: 10px;word-wrap: break-word;border: 1px solid var(--silver);border-radius: 4px;line-break: auto;}
ol,ul{padding-left: 40px;margin: .4em 0;}
h1,h2,h3,h4,h5,h6 {font-weight: 600;color:var(--headers);margin-top: 0;}
h1{font-size: 2.6em;}
h2{font-size: 2em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
iframe{vertical-align: bottom;}
img{max-width: 100%;height: auto;vertical-align: top;}
a{color: var(--corporate);text-decoration: none;}
svg{width: 32px;height: 32px;}
.df{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;
    -webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;
    -ms-align-items: center;align-items: center;justify-content: space-between;}
.fdc{-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.fwn{-webkit-flex-wrap: nowrap;-moz-flex-wrap: nowrap;-ms-flex-wrap: nowrap;-o-flex-wrap: nowrap;flex-wrap: nowrap;}
.aifs{-ms-align-items: flex-start;align-items: flex-start;}
.jcsa{justify-content: space-around;}
.jcfs{justify-content: flex-start;}
.f1>*{-webkit-flex: 1 0;-moz-flex: 1 0;-ms-flex: 1 0;-o-flex: 1 0;flex: 1 0;}
.fc33>*{max-width: 33.33333%;-webkit-flex: 0 0 33.33333%;-moz-flex: 0 0 33.33333%;-ms-flex: 0 0 33.33333%;-o-flex: 0 0 33.33333%;flex: 0 0 33.33333%;}
.fc50>*{max-width: 45%;-webkit-flex: 1 0 45%;-moz-flex: 1 0 45%;-ms-flex: 1 0 45%;-o-flex: 1 0 45%;flex: 1 0 45%;}
.bgi{background-position: center center;background-repeat: no-repeat;
    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.tac{text-align: center;}
.tar{text-align: right;}
.dn {display: none;}
.dib{display: inline-block;}
.pris{padding: 90px 5%;}
.mt25{margin-top: 25px;}
.m-15{margin-left:-15px;margin-right: -15px;}
.small{font-size: .8em;}
.bigger{font-size: 1.2em;}
.ofa{display: block;width: 100%;overflow: auto;}
.fr{float:right;margin-left: 20px;margin-bottom: 30px;}

/*ELEMENTS*/
.upper-header{position: relative;display: inline-block;padding: 6px 15px 4px 18px;z-index: 1;color: var(--silver);font-weight: 500;margin-bottom: 15px;letter-spacing: 0.23em;font-size: .6em;}
.upper-header::before {content: "";position: absolute;left: 0;top: 0;width: 96%;height: 100%;background-color: #f5f7f8;z-index: -1;
    -webkit-transform: skewX(-18deg);-ms-transform: skewX(-18deg);transform: skewX(-18deg);
    -webkit-transform-origin: 0 100%;-ms-transform-origin: 0 100%;transform-origin: 0 100%;}
.hline {content: "";position: relative;width: 60px;height: 1px;margin: 20px 0;background-color: var(--border);}
.tac .hline {margin: 20px auto;}
.inner{height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
    min-height: 1px;padding:45px;background-color: white;}

.accordion{width: 100%;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}
.accordion>div{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);outline: 0;}
.accordion>div>input{display: none;}
.accordion>div>label{display: block;padding: 15px 30px;font-weight: 500;background-color: #f7f7f7;cursor: pointer;position: relative;}
.accordion>div>label:after{content:'';display: block;position: absolute;background-color: var(--silver);top: 50%;right: 20px;width:15px;height:2px;
    -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.accordion>div>label:before{content:'';display: block;position: absolute;background-color: var(--corporate);top: 50%;right: 26px;width:2px;height:2px;
    -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.accordion>div>.info{font-size: .8em;font-weight: 300;max-height: 0;overflow-y: hidden;padding: 0 30px;
    -webkit-transition: max-height, padding .3s;-o-transition: max-height, padding .3s;transition: max-height, padding .3s;}
.accordion>div>input:checked+label{color:var(--corporate);background-color: transparent;}
.accordion>div>input:checked+label:before{height: 15px;-webkit-transition: height .3s;-o-transition: height .3s;transition: height .3s;}
.accordion>div>input:checked+label:after{background-color: var(--corporate);}
.accordion>div>input:checked+label+.info{padding: 15px 30px;max-height: 500px;border-top: 1px solid var(--border);}


.tabs h2{text-align: center;}
.tabs>ul{padding: 10px 0 0;margin: 0;background-color: #fff;list-style-type: none;position: sticky;top:0;z-index: 20;border-bottom: 2px solid var(--border);}
.tabs>ul>li{text-align: center;-webkit-flex: 1 0;-moz-flex: 1 0;-ms-flex: 1 0;-o-flex: 1 0;flex: 1 0;}
.tabs>ul>li:not(:last-child){margin-right: 40px;}
.tabs>ul>li>a{display: block;border-radius: 8px 8px 0 0;padding: 15px 5px;border: 2px solid var(--border);z-index: -1;
-webkit-transform: translateY(2px);-ms-transform: translateY(2px);-o-transform: translateY(2px);transform: translateY(2px);
-webkit-transition:  .3s ease-in-out;-o-transition:  .3s ease-in-out;transition:  .3s ease-in-out;}
.tabs>ul>li>a.active{border-bottom: 2px solid #fff;}
.tabs>ul>li>a:not(.active):not(:hover){color:var(--text);background-color: #f5f7f8;}
.tabs>.tab-body{clear:both;padding: 20px;border: 2px solid var(--border);border-top:none;}
.tabs>.tab-body>div{position: relative;-webkit-transition: opacity 1s,transform .7s;-o-transition: opacity 1s,transform .7s;transition: opacity 1s,transform .7s;opacity: 0;height: 0;overflow: hidden;
-webkit-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}
.tabs>.tab-body>div.active{opacity: 1;height: auto;
-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.mobmenu{display: none;}
header {position: fixed;left: 0;top: 0;bottom: 0;overflow-y: auto;width: 300px;-ms-align-items: flex-start;align-items: flex-start;border-right: 1px solid var(--border);z-index: 30;background-color: #fff;-webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);box-shadow: 1px 0 2px rgba(0, 0, 0, 0.15);}
header>div:first-child{height: 300px;}
nav{border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);padding: 20px 40px;}
nav>a{display: block;font-size: 20px;padding: 15px 3px;color: var(--headers);border-bottom: 1px solid var(--border);margin: 0 auto;}
nav>a:last-child{border-bottom: none;}
nav>a.active,nav>a:hover{color: var(--corporate);}
nav>a>span{display: block;font-size: .6em;padding-top: 3px;color: #808080;}

.logo {padding: 2em;width: 100%;}
.logo>a{position: relative;display: block;margin-top: 50px;color:var(--headers);}
.logo>a>b{display: block;font-size: 5em;border: 3px solid var(--headers);}
.logo>a>span{font-size: 2em;background-color: white;padding: 0 15px;display: inline-block;
    -webkit-transform: translateY(-25px);-ms-transform: translateY(-25px);-o-transform: translateY(-25px);transform: translateY(-25px);}
.mcontact{padding: 20px 40px;}
.mcontact a{font-size: .8em;}

/*COLORS*/
.bg1{background: url('/img/bg1.jpg') repeat 0 0/cover;}
.bg2{background: url('/img/bg2.jpg') repeat 0 0/cover;}
/*.bg124{background: url('/img/pattern/124.png') repeat 0 0/20%;}*/
.bgp38{background: url('/img/pattern/38.jpg'), rgba(255,255,255,0.2) repeat;}
.shadow{box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);}
.red-shadow{-webkit-box-shadow: 0 12px 30px rgba(229, 61, 37, 0.15);
    box-shadow: 0 12px 30px rgba(229, 61, 37, 0.15);}

/*ICON*/
.icon {fill: var(--corporate);stroke-width: 0;stroke-linecap: round;stroke-linejoin: round;width: 64px;height: 64px;vertical-align: bottom;}
.line {fill: none;stroke:var(--corporate);stroke-width: 2;/*stroke-linecap: round;stroke-linejoin: round;*/width: 64px;height: 64px;vertical-align: bottom;}
.s40{height: 40px;width: 40px;}
.s32{height: 32px;width: 32px;}
.s24{height: 24px;width: 24px;}
.s18{height: 18px;width: 18px;}
.white{fill: white;}
.red{fill:var(--corporate);color:var(--corporate);}
.silver{color:var(--silver);}



/*HOME*/
.home{min-height: 100vh;}
.home>.pris{padding-top: 5vh;}

.services{counter-reset: section;}
.services .item {position: relative;padding: 0 15px 50px 15px;}
.services .item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    bottom: 0;
    z-index: 2;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.services .item .inner>*:not(.image){position: relative;z-index: 5;}
/*.services .item .ico{text-align: center;}*/
.services .item .title>h4{margin-bottom: 0;}
.services .item .title>h4>a{font-size: 20px;line-height: 1.2;letter-spacing: 0em;color: var(--headers);font-weight: 600;}
.services .item .title>h4>a::before {counter-increment: section;content: counter(section, decimal-leading-zero) ". ";color: var(--border);}
.services .item .descr{font-size: .8em;font-weight: 300;}


/*CONTACTS*/
.contacts{position: relative;/*padding-top: 0;*//*background-image: linear-gradient(90deg, #42474c 50%, #f7f7f7 50%);*/
    }
.contacts:before{content:'';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 50%;background: url('/img/pattern/69.png') repeat;z-index: -1;}

.contacts>div:first-child *{color: white;fill: white;}
.contacts>div:first-child *.upper-header{color: var(--text);}
.contacts .upper-header::before{background-color: #eaeaea;}
.contacts>div:last-child{}

.contacts a{font-size: 1.6em;}
.contacts span{vertical-align: 4px;}
.contacts p{margin: 15px 0;}
.contacts svg{fill:var(--corporate);}
.contacts input,textarea{width: 100%;}

.map iframe{width: 100%;height: 70vh;}

/*CREDITS*/
.credits .inner{background-color: rgba(255,255,255,.77);}
.credits .item{padding: 0 15px 60px 15px;}
.credits .icon{width: 25px;height: 22px;vertical-align: baseline;margin-right: 15px;}

/*ABOUT-US*/
.detail-info{}
.detail-info li{margin: 1em 0;color: var(--corporate);}
.detail-info small{display: block;margin-bottom: .4em;color: var(--silver);}
.detail-info span{display: block;margin-bottom: .4em;color: #3b3a6d;font-size: .9em;font-style: italic;}

.new-structure{margin-bottom: 30px;position: relative;}
.new-structure::before{content:'';display: block;z-index: 1;position: absolute;top:10%;left:calc(50% - 8px);bottom:20%;width: 10px;z-index: 0;border:3px double var(--corporate);}
/*.showp.structure::before{left:20%;right:20%;}*/
.new-structure .item {padding: 0 15px 40px 15px;max-width: 980px;}
.new-structure .bigger{font-size: 2em;color:var(--corporate);white-space: nowrap;}
.new-structure small {margin-bottom: 4px;display: block;}
.new-structure small.inline {display: inline;}
.new-structure .inner {padding: 15px 45px;}

/*.structure{position: relative;margin-bottom: 30px;}
.structure::before{content:'';display: block;z-index: 1;position: absolute;top:42%;left:50%;right:50%;height: 10px;border-top:3px dashed var(--corporate);}
.showp.structure::before{left:20%;right:20%;}
.structure .item {position: relative;padding: 0 15px 60px 15px;z-index: 3;max-width: 320px;}
.structure .item:nth-child(2) {flex-grow: 2;max-width: 420px;z-index: 5;}
.structure .item:nth-child(1) {-webkit-transform: translateX(115%) scale(0.5);-ms-transform: translateX(115%) scale(0.5);-o-transform: translateX(115%) scale(0.5);transform: translateX(115%) scale(0.5);}
.structure .item:nth-child(3) {-webkit-transform: translateX(-115%) scale(0.5);-ms-transform: translateX(-115%) scale(0.5);-o-transform: translateX(-115%) scale(0.5);transform: translateX(-115%) scale(0.5);}
.showp.structure .item:nth-child(1),.showp.structure .item:nth-child(3) {
    -webkit-transform: translateX(0) scale(1);-ms-transform: translateX(0) scale(1);-o-transform: translateX(0) scale(1);transform: translateX(0) scale(1);}
.structure .bigger{font-size: 2em;color:var(--corporate);white-space: nowrap;}
.structure small {margin-bottom: 4px;display: block;}
.structure .inner {padding: 20px 10px 10px;}*/

/*FOOTER*/
footer{border-top:1px solid var(--border);}
footer>div{padding: 15px;color:var(--silver);font-size: .7em;}

/*MEDIA------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1365.98px) {
header{width: 240px;}
.logo{padding: 20px;}
nav,.mcontact{padding: 10px 20px;}
body>div{margin-left: 240px;}
.pris{padding: 70px 40px;}
.credits .inner{padding: 20px;}
.credits .item{padding-bottom: 30px;}
}

@media (max-width: 1200.98px) {
.home>.pris{padding-top: 12vh;}
.structure{margin-bottom: 0;-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;}
.structure{order:-1;}
.structure .item:nth-child(2){order:-1;width: 420px;}
.structure::before {
    top: 15%;
    bottom: 15%;
    height: 70%;
    position: absolute;
    left: calc(50% - 1px);
    right: unset;
    width: 0;
    border-right: 3px dashed var(--corporate);}
.showp.structure::before{left: calc(50% - 1px);right: calc(50% + 1px);}
.structure .item:nth-child(1) {-webkit-transform: translateX(0) translateY(-100%) scale(0.5);
-ms-transform: translateX(0) translateY(-100%) scale(0.5);
-o-transform: translateX(0) translateY(-100%) scale(0.5);
transform: translateX(0) translateY(-100%) scale(0.5);}
.structure .item:nth-child(3) {-webkit-transform: translateX(0) translateY(-200%) scale(0.5);
-ms-transform: translateX(0) translateY(-200%) scale(0.5);
-o-transform: translateX(0) translateY(-200%) scale(0.5);
transform: translateX(0) translateY(-200%) scale(0.5);}
.showp.structure .item:nth-child(1),.showp.structure .item:nth-child(3) {
    -webkit-transform: translateX(0) scale(1);-ms-transform: translateX(0) scale(1);-o-transform: translateX(0) scale(1);transform: translateX(0) scale(1);}
}

@media (max-width: 1024.98px) {
body{position: relative;font-size: 16px;}
header>div:first-child{height: 180px;padding-bottom: 0;}
.logo>a{margin-top: 20px;}
}

@media (max-width: 992.98px) {
/*.structure .item:nth-child(2) {width: auto;}*/
header{left: -777px;right: 0;top:50px;bottom:-100px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;}
header.show{left: 0;width: unset;}
body>div{margin-left: 0;}
.tabs>ul{top:50px;}
.mobmenu{position: fixed;top: 0;left: 0;right: 0;background-color: white;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;height: 50px;padding: 0 20px;z-index: 50;-webkit-box-shadow: 0 -1px 7px rgba(229, 59, 36, 0.7);box-shadow: 0 -1px 7px rgba(229, 59, 36, 0.7);}
.mobmenubtn{
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 1.15em;
    width: 25px;
  }
  .mobmenubtn>span{
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--headers);
    -webkit-transition: transform .7s cubic-bezier(.77,0,.177,1);
    -moz-transition: transform .7s cubic-bezier(.77,0,.177,1);
    -ms-transition: transform .7s cubic-bezier(.77,0,.177,1);
    -o-transition: transform .7s cubic-bezier(.77,0,.177,1);
    transition: transform .7s cubic-bezier(.77,0,.177,1);
  }
  .mobmenubtn>span:nth-child(1){top: 0;}
  .mobmenubtn>span:nth-child(2){top: calc(50% - 1px);}
  .mobmenubtn>span:nth-child(3){bottom: 0;}
  .show+.mobmenu .mobmenubtn>span:nth-child(1){top: 0;
    -webkit-transform: rotate(45deg) translate3d(6px,3px,0);
    -ms-transform: rotate(45deg) translate3d(6px,3px,0);
    -o-transform: rotate(45deg) translate3d(6px,3px,0);
    transform: rotate(45deg) translate3d(6px,3px,0) rotate(360deg);}
  .show+.mobmenu .mobmenubtn>span:nth-child(2){-webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);}
  .show+.mobmenu .mobmenubtn>span:nth-child(3){bottom: 0;-webkit-transform: rotate(-45deg) translate3d(6px,-5px,0);
    -ms-transform: rotate(-45deg) translate3d(6px,-3px,0);
    -o-transform: rotate(-45deg) translate3d(6px,-3px,0);
    transform: rotate(-45deg) translate3d(6px,-3px,0) rotate(360deg);}
  .show+.mobmenu .mobmenubtn>span{background-color: var(--corporate);}
}

@media (max-width: 768.98px) {
body{font-size: 15px;}
h1{font-size: 2em;}
h2{font-size: 1.8em;}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
.tabs>ul>li>a{padding:7px 3px;}
.tabs>ul>li:not(:last-child){margin-right: 10px;}
.credits .item{/*width: 100% !important;*/max-width: unset;padding-bottom: 40px;}
.pris {padding: 70px 15px;}
.mobmenu>a{font-size: 1.5em;color:var(--headers);}
.fc50>*{max-width: 100%;-webkit-flex: 1 0 100%;-moz-flex: 1 0 100%;-ms-flex: 1 0 100%;-o-flex: 1 0 100%;flex: 1 0 100%;}
/*.fc50>*:first-child{margin-bottom: 90px;}*/
.form{margin-top: 60px;}
.contacts:before {bottom: 48%;right: 0;}
footer>div{padding: 10px;color:var(--silver);font-size: .6em;}
}

@media (max-width: 576.98px) {
.tabs>ul>li:not(:last-child){margin-right: 2px;}
.tabs>.tab-body{padding: 8px;}
.tabs>.tab-body .fr{float: unset;}
.pris{padding: 70px 10px 15px;}
.credits .inner{padding: 20px 10px 10px;}
nav, .mcontact {padding: 8px 40px;}
nav>a{padding: 5px 3px;}
ol,ul{padding-left: 30px;}
.credits .item{width: 100% !important;}
.credits .item{padding-left: 0;padding-right: 0;}
.m-15{margin-left: 0;margin-right: 0;}
}

@media (max-width: 414.98px) {

}

@media (max-width: 320.98px) {
.pris{padding: 60px 7px 15px;}
}