@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Exo:400,700");

.white {
  color: #fff
}

.black {
  color: #000
}

.grey {
  color: #6d6d6d
}

.bg-white {
  background: #fff
}

.bg-greylite {
  background: #fafafa
}

.bg-black {
  background: #000
}

.bg-black-lite {
  background: #252422
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-Bold.eot);
  src: local("../fonts/VisbyCF/VisbyCF-Bold"), local("VisbyCF-Bold"), url(../fonts/VisbyCF/VisbyCF-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-Bold.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-Bold.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-DemiBold.eot);
  src: local("../fonts/VisbyCF/VisbyCF-DemiBold"), local("VisbyCF-DemiBold"), url(../fonts/VisbyCF/VisbyCF-DemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-DemiBold.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-DemiBold.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-DemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-ExtraBold.eot);
  src: local("../fonts/VisbyCF/VisbyCF-ExtraBold"), local("VisbyCF-ExtraBold"), url(../fonts/VisbyCF/VisbyCF-ExtraBold.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-ExtraBold.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-ExtraBold.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-Heavy.eot);
  src: local("../fonts/VisbyCF/VisbyCF-Heavy"), local("VisbyCF-Heavy"), url(../fonts/VisbyCF/VisbyCF-Heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-Heavy.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-Heavy.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-Light.eot);
  src: local("../fonts/VisbyCF/VisbyCF-Light"), local("VisbyCF-Light"), url(../fonts/VisbyCF/VisbyCF-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-Light.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-Light.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-Medium.eot);
  src: local("../fonts/VisbyCF/VisbyCF-Medium"), local("VisbyCF-Medium"), url(../fonts/VisbyCF/VisbyCF-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-Medium.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-Medium.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF/VisbyCF-Thin.eot);
  src: local("../fonts/VisbyCF/VisbyCF-Thin"), local("VisbyCF-Thin"), url(../fonts/VisbyCF/VisbyCF-Thin.eot?#iefix) format("embedded-opentype"), url(../fonts/VisbyCF/VisbyCF-Thin.woff) format("woff"), url(../fonts/VisbyCF/VisbyCF-Thin.woff2) format("woff2"), url(../fonts/VisbyCF/VisbyCF-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedRegular/PFDinCondensedRegular.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedRegular/PFDinCondensedRegular.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedRegular/PFDinCondensedRegular.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedRegular/PFDinCondensedRegular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedMedium/PFDinCondensedMedium.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedMedium/PFDinCondensedMedium.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedMedium/PFDinCondensedMedium.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedMedium/PFDinCondensedMedium.ttf) format("truetype");
  font-style: normal;
  font-weight: 500
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedLight/PFDinCondensedLight.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedLight/PFDinCondensedLight.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedLight/PFDinCondensedLight.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedLight/PFDinCondensedLight.ttf) format("truetype");
  font-style: normal;
  font-weight: 300
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedThin/PFDinCondensedThin.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedThin/PFDinCondensedThin.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedThin/PFDinCondensedThin.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedThin/PFDinCondensedThin.ttf) format("truetype");
  font-style: normal;
  font-weight: 100
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedLightItalic/PFDinCondensedLightItalic.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedLightItalic/PFDinCondensedLightItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedLightItalic/PFDinCondensedLightItalic.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedLightItalic/PFDinCondensedLightItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 300
}

@font-face {
  font-family: PFDinCondensed;
  src: url(../fonts/PFDinCondensed/PFDinCondensedThinItalic/PFDinCondensedThinItalic.eot);
  src: url(../fonts/PFDinCondensed/PFDinCondensedThinItalic/PFDinCondensedThinItalic.eot?#iefix) format("embedded-opentype"), url(../fonts/PFDinCondensed/PFDinCondensedThinItalic/PFDinCondensedThinItalic.woff) format("woff"), url(../fonts/PFDinCondensed/PFDinCondensedThinItalic/PFDinCondensedThinItalic.ttf) format("truetype");
  font-style: italic;
  font-weight: 100
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1170"], body[data-aos-duration="1170"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1170"], body[data-aos-delay="1170"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1170"].aos-animate, body[data-aos-delay="1170"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0)
}

[data-aos=fade-up] {
  transform: translateY(100px)
}

[data-aos=fade-down] {
  transform: translateY(-100px)
}

[data-aos=fade-right] {
  transform: translate(-100px)
}

[data-aos=fade-left] {
  transform: translate(100px)
}

[data-aos=fade-up-right] {
  transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
  transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
  transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
  transform: translate(100px, -100px)
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translateY(100px) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translateY(-100px) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate(-100px) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate(100px) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos=slide-up] {
  transform: translateY(100%)
}

[data-aos=slide-down] {
  transform: translateY(-100%)
}

[data-aos=slide-right] {
  transform: translateX(-100%)
}

[data-aos=slide-left] {
  transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

.home-anime1 {
  background: #eee
}

@keyframes a {
  0% {
    visibility: hidden
  }

  50% {
    visibility: hidden
  }

  50.1% {
    visibility: visible
  }

  to {
    visibility: visible
  }
}

@keyframes b {
  50% {
    transform-origin: left center;
    transform: scaleX(1)
  }

  50.1% {
    transform-origin: right center
  }

  to {
    transform-origin: right center;
    transform: scaleX(0)
  }
}

.slide-effect-btn, [data-aos=slide-effect-btn] {
  display: inline-block;
  position: relative
}

.slide-effect-btn a, [data-aos=slide-effect-btn] a {
  visibility: hidden;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.slide-effect-btn2 a, .slide-effect-btn:after, [data-aos=slide-effect-btn]:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform-origin: left center;
  transform: scaleX(0);
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.785, .135, .15, .86)
}

.slide-effect-btn.seb-white:after, [data-aos=slide-effect-btn].seb-white:after {
  background-color: #fff
}

.slide-effect-btn.seb-fifth:after, [data-aos=slide-effect-btn].seb-fifth:after {
  background-color: #f7d584
}

.slide-effect-btn.seb-secondary:after, [data-aos=slide-effect-btn].seb-secondary:after {
  background-color: #1b1b22
}

.slide-effect-btn.aos-animate:after, [data-aos=slide-effect-btn].aos-animate:after {
  animation-name: b
}

.slick-slider .slick-active .slick-slider__item .left .slide-effect-btn.aos-animate a, .slick-slider .slick-active .slick-slider__item .left .slide-effect-btn a, .slick-slider .slick-active .slick-slider__item .left [data-aos=slide-effect-btn].aos-animate a {
  animation-name: a
}

.slick-slider .slick-active .slick-slider__item .left .slide-effect-btn:after, .slick-slider .slick-active .slick-slider__item .left [data-aos=slide-effect-btn].aos-animate:after {
  animation-name: b
}

.slick-slider .slick-slider__item {
  display: -ms-flexbox !important;
  display: flex !important
}

.slick-slider .slick-slider__item .left, .slick-slider .slick-slider__item .right {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}

.knopka-cont {
  width: 600px;
  background: rgba(0, 0, 0, .2);
  margin-left: 500px
}

.knopka-cont:hover .slide-effect-btn.aos-animate a, .knopka-cont:hover .slide-effect-btn a, .knopka-cont:hover [data-aos=slide-effect-btn].aos-animate a {
  animation-name: a
}

.knopka-cont:hover .slide-effect-btn:after, .knopka-cont:hover [data-aos=slide-effect-btn].aos-animate:after {
  animation-name: b
}

.knopka {
  position: relative
}

.knopka a, .knopka span {
  display: block;
  background: #fff;
  color: #000
}

.hcsr-container {
  width: 33.3333333%;
  height: 1px;
  overflow: hidden;
  padding-bottom: 68.8%;
  position: relative;
  transition-duration: .3s !important
}

.hcsr-container.foto {
  width: 100%
}

.hcsr-container .slide-effect-2-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1b1b22;
  border-bottom: 100px solid #1b1b22;
  margin-bottom: -100px
}

.hcsr-img-overlay {
  background: #0b0b14;
  opacity: .6;
  transition: opacity .3s ease
}

.hcsr-img-overlay, .obj-fit-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.obj-fit-cover {
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.hcsr-expanded {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -110px;
  text-align: right;
  padding: 11.2% 11.2% 32px;
  transition: transform .3s ease
}

@keyframes c {
  0% {
    visibility: hidden
  }

  66.6% {
    visibility: hidden
  }

  66.7% {
    visibility: visible
  }

  to {
    visibility: visible
  }
}

@keyframes d {
  33.3% {
    transform-origin: left top;
    transform: scaleX(.05)
  }

  66.6% {
    transform-origin: left center;
    transform: scale(1)
  }

  66.7% {
    transform-origin: right center;
    transform: scale(1)
  }

  to {
    transform-origin: right center;
    transform: scaleX(0)
  }
}

[data-aos=slide-effect-2] .slide-effect-2-inner, [data-aos=slide-effect-2]>img {
  visibility: hidden;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.785, .135, .15, .86)
}

[data-aos=slide-effect-2]:after {
  z-index: 100;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform-origin: left top;
  transform: scale(.05, 0);
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(.785, .135, .15, .86)
}

[data-aos=slide-effect-2].se2-secondary:after {
  background-color: #b0b0b6
}

[data-aos=slide-effect-2].se2-white:after {
  background-color: #fff
}

[data-aos=slide-effect-2].se2-blue:after {
  background-color: #ce4238
}

[data-aos=slide-effect-2].aos-animate .slide-effect-2-inner, [data-aos=slide-effect-2].aos-animate>img {
  animation-name: c
}

[data-aos=slide-effect-2].aos-animate:after {
  animation-name: d
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0)
}

[data-aos=slide-effect-btn].aos-animate a {
  animation-name: a
}

*, :after, :before {
  box-sizing: border-box
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
  width: device-width
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}

[tabindex="-1"]:focus {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1 {
  margin-top: 0;
  font-size: 45px
}

h2, h3, h4, h5, h6, p {
  margin-top: 0
}

abbr[data-original-title], abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}

address {
  font-style: normal;
  line-height: inherit
}

address, dl, ol, ul {
  margin-bottom: 1rem
}

dl, ol, ul {
  margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

dfn {
  font-style: italic
}

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;
  -webkit-text-decoration-skip: objects
}

a:hover {
  color: #0056b3;
  text-decoration: underline
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

img {
  vertical-align: middle;
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
  -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-cancel-button, [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
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
body, html {
  overflow: visible !important
}

.animated {
  animation-duration: 1.5s;
  animation-fill-mode: both
}

.animated.infinite {
  animation-iteration-count: infinite
}

.animated.hinge {
  animation-duration: 2s
}

@keyframes e {
  0%, 20%, 50%, 80%, to {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-30px)
  }

  60% {
    transform: translateY(-15px)
  }
}

.bounce {
  animation-name: e
}

@keyframes f {
  0%, 50%, to {
    opacity: 1
  }

  25%, 75% {
    opacity: 0
  }
}

.flash {
  animation-name: f
}

@keyframes g {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

.pulse {
  animation-name: g
}

@keyframes h {
  0% {
    transform: scale(1)
  }

  30% {
    transform: scaleX(1.25) scaleY(.75)
  }

  40% {
    transform: scaleX(.75) scaleY(1.25)
  }

  60% {
    transform: scaleX(1.15) scaleY(.85)
  }

  to {
    transform: scale(1)
  }
}

.rubberBand {
  animation-name: h
}

@keyframes i {
  0%, to {
    transform: translateX(0)
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px)
  }

  20%, 40%, 60%, 80% {
    transform: translateX(10px)
  }
}

.shake {
  animation-name: i
}

@keyframes j {
  20% {
    transform: rotate(15deg)
  }

  40% {
    transform: rotate(-10deg)
  }

  60% {
    transform: rotate(5deg)
  }

  80% {
    transform: rotate(-5deg)
  }

  to {
    transform: rotate(0deg)
  }
}

.swing {
  transform-origin: top center;
  animation-name: j
}

@keyframes k {
  0% {
    transform: scale(1)
  }

  10%, 20% {
    transform: scale(.9) rotate(-3deg)
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg)
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg)
  }

  to {
    transform: scale(1) rotate(0)
  }
}

.tada {
  animation-name: k
}

@keyframes l {
  0% {
    transform: translateX(0)
  }

  15% {
    transform: translateX(-25%) rotate(-5deg)
  }

  30% {
    transform: translateX(20%) rotate(3deg)
  }

  45% {
    transform: translateX(-15%) rotate(-3deg)
  }

  60% {
    transform: translateX(10%) rotate(2deg)
  }

  75% {
    transform: translateX(-5%) rotate(-1deg)
  }

  to {
    transform: translateX(0)
  }
}

.wobble {
  animation-name: l
}

@keyframes m {
  0% {
    opacity: 0;
    transform: scale(.3)
  }

  50% {
    opacity: 1;
    transform: scale(1.05)
  }

  70% {
    transform: scale(.9)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

.bounceIn {
  animation-name: m
}

@keyframes n {
  0% {
    opacity: 0;
    transform: translateY(-2000px)
  }

  60% {
    opacity: 1;
    transform: translateY(30px)
  }

  80% {
    transform: translateY(-10px)
  }

  to {
    transform: translateY(0)
  }
}

.bounceInDown {
  animation-name: n
}

@keyframes o {
  0% {
    opacity: 0;
    transform: translateX(-2000px)
  }

  60% {
    opacity: 1;
    transform: translateX(30px)
  }

  80% {
    transform: translateX(-10px)
  }

  to {
    transform: translateX(0)
  }
}

.bounceInLeft {
  animation-name: o
}

@keyframes p {
  0% {
    opacity: 0;
    transform: translateX(2000px)
  }

  60% {
    opacity: 1;
    transform: translateX(-30px)
  }

  80% {
    transform: translateX(10px)
  }

  to {
    transform: translateX(0)
  }
}

.bounceInRight {
  animation-name: p
}

@keyframes q {
  0% {
    opacity: 0;
    transform: translateY(2000px)
  }

  60% {
    opacity: 1;
    transform: translateY(-30px)
  }

  80% {
    transform: translateY(10px)
  }

  to {
    transform: translateY(0)
  }
}

.bounceInUp {
  animation-name: q
}

@keyframes r {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(.95)
  }

  50% {
    opacity: 1;
    transform: scale(1.1)
  }

  to {
    opacity: 0;
    transform: scale(.3)
  }
}

.bounceOut {
  animation-name: r
}

@keyframes s {
  0% {
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    transform: translateY(-20px)
  }

  to {
    opacity: 0;
    transform: translateY(2000px)
  }
}

.bounceOutDown {
  animation-name: s
}

@keyframes t {
  0% {
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    transform: translateX(20px)
  }

  to {
    opacity: 0;
    transform: translateX(-2000px)
  }
}

.bounceOutLeft {
  animation-name: t
}

@keyframes u {
  0% {
    transform: translateX(0)
  }

  20% {
    opacity: 1;
    transform: translateX(-20px)
  }

  to {
    opacity: 0;
    transform: translateX(2000px)
  }
}

.bounceOutRight {
  animation-name: u
}

@keyframes v {
  0% {
    transform: translateY(0)
  }

  20% {
    opacity: 1;
    transform: translateY(20px)
  }

  to {
    opacity: 0;
    transform: translateY(-2000px)
  }
}

.bounceOutUp {
  animation-name: v
}

@keyframes w {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: w
}

@keyframes x {
  0% {
    opacity: 0;
    transform: translateY(-20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeInDown {
  animation-name: x
}

@keyframes y {
  0% {
    opacity: 0;
    transform: translateY(-2000px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeInDownBig {
  animation-name: y
}

@keyframes z {
  0% {
    opacity: 0;
    transform: translateX(-20px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.fadeInLeft {
  animation-name: z
}

@keyframes A {
  0% {
    opacity: 0;
    transform: translateX(-2000px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.fadeInLeftBig {
  animation-name: A
}

@keyframes B {
  0% {
    opacity: 0;
    transform: translateX(20px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.fadeInRight {
  animation-name: B
}

@keyframes C {
  0% {
    opacity: 0;
    transform: translateX(2000px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

.fadeInRightBig {
  animation-name: C
}

@keyframes D {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.fadeInUp {
  animation-name: D
}

.fadeInUpBig {
  animation-name: kb
}

@keyframes E {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fadeOut {
  animation-name: E
}

@keyframes F {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(20px)
  }
}

.fadeOutDown {
  animation-name: F
}

@keyframes G {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(2000px)
  }
}

.fadeOutDownBig {
  animation-name: G
}

@keyframes H {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(-20px)
  }
}

.fadeOutLeft {
  animation-name: H
}

@keyframes I {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(-2000px)
  }
}

.fadeOutLeftBig {
  animation-name: I
}

@keyframes J {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(20px)
  }
}

.fadeOutRight {
  animation-name: J
}

@keyframes K {
  0% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(2000px)
  }
}

.fadeOutRightBig {
  animation-name: K
}

@keyframes L {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(-20px)
  }
}

.fadeOutUp {
  animation-name: L
}

@keyframes M {
  0% {
    opacity: 1;
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(-2000px)
  }
}

.fadeOutUpBig {
  animation-name: M
}

@keyframes N {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(-1turn) scale(1);
    animation-timing-function: ease-out
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
    animation-timing-function: ease-out
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
    animation-timing-function: ease-in
  }

  80% {
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
    animation-timing-function: ease-in
  }

  to {
    transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
    animation-timing-function: ease-in
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: N
}

@keyframes O {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotateX(-10deg)
  }

  70% {
    transform: perspective(400px) rotateX(10deg)
  }

  to {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: O
}

@keyframes P {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }

  40% {
    transform: perspective(400px) rotateY(-10deg)
  }

  70% {
    transform: perspective(400px) rotateY(10deg)
  }

  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: P
}

@keyframes Q {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}

.flipOutX {
  animation-name: Q;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@keyframes R {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }

  to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: R
}

@keyframes S {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1
  }

  80% {
    transform: translateX(0) skewX(-15deg);
    opacity: 1
  }

  to {
    transform: translateX(0) skewX(0deg);
    opacity: 1
  }
}

.lightSpeedIn {
  animation-name: S;
  animation-timing-function: ease-out
}

@keyframes T {
  0% {
    transform: translateX(0) skewX(0deg);
    opacity: 1
  }

  to {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }
}

.lightSpeedOut {
  animation-name: T;
  animation-timing-function: ease-in
}

@keyframes U {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0
  }

  to {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1
  }
}

.rotateIn {
  animation-name: U
}

@keyframes V {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1
  }
}

.rotateInDownLeft {
  animation-name: V
}

@keyframes W {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1
  }
}

.rotateInDownRight {
  animation-name: W
}

@keyframes X {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0
  }

  to {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1
  }
}

.rotateInUpLeft {
  animation-name: X
}

@keyframes Y {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0
  }

  to {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1
  }
}

.rotateInUpRight {
  animation-name: Y
}

@keyframes Z {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1
  }

  to {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0
  }
}

.rotateOut {
  animation-name: Z
}

@keyframes ab {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0
  }
}

.rotateOutDownLeft {
  animation-name: ab
}

@keyframes bb {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0
  }
}

.rotateOutDownRight {
  animation-name: bb
}

@keyframes cb {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1
  }

  to {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0
  }
}

.rotateOutUpLeft {
  animation-name: cb
}

@keyframes db {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1
  }

  to {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0
  }
}

.rotateOutUpRight {
  animation-name: db
}

@keyframes eb {
  0% {
    opacity: 0;
    transform: translateY(-2000px)
  }

  to {
    transform: translateY(0)
  }
}

.slideInDown {
  animation-name: eb
}

@keyframes fb {
  0% {
    opacity: 0;
    transform: translateX(-2000px)
  }

  to {
    transform: translateX(0)
  }
}

.slideInLeft {
  animation-name: fb
}

@keyframes gb {
  0% {
    opacity: 0;
    transform: translateX(2000px)
  }

  to {
    transform: translateX(0)
  }
}

.slideInRight {
  animation-name: gb
}

@keyframes hb {
  0% {
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(-2000px)
  }
}

.slideOutLeft {
  animation-name: hb
}

@keyframes ib {
  0% {
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(2000px)
  }
}

.slideOutRight {
  animation-name: ib
}

@keyframes jb {
  0% {
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(-2000px)
  }
}

.slideOutUp {
  animation-name: jb
}

@keyframes kb {
  0% {
    opacity: 0;
    transform: translateY(2000px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.slideInUp {
  animation-name: kb
}

@keyframes lb {
  0% {
    transform: translateY(0)
  }

  to {
    opacity: 0;
    transform: translateY(2000px)
  }
}

.slideOutDown {
  animation-name: lb
}

@keyframes mb {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }

  80% {
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1
  }

  to {
    transform: translateY(700px);
    opacity: 0
  }
}

.hinge {
  animation-name: mb
}

@keyframes nb {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg)
  }

  to {
    opacity: 1;
    transform: translateX(0) rotate(0deg)
  }
}

.rollIn {
  animation-name: nb
}

@keyframes ob {
  0% {
    opacity: 1;
    transform: translateX(0) rotate(0deg)
  }

  to {
    opacity: 0;
    transform: translateX(100%) rotate(120deg)
  }
}

.rollOut {
  animation-name: ob
}

@keyframes pb {
  0% {
    opacity: 0;
    transform: scale(.3)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  animation-name: pb
}

@keyframes qb {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(-2000px);
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateY(60px);
    animation-timing-function: ease-out
  }
}

.zoomInDown {
  animation-name: qb
}

@keyframes rb {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(-2000px);
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateX(48px);
    animation-timing-function: ease-out
  }
}

.zoomInLeft {
  animation-name: rb
}

@keyframes sb {
  0% {
    opacity: 0;
    transform: scale(.1) translateX(2000px);
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateX(-48px);
    animation-timing-function: ease-out
  }
}

.zoomInRight {
  animation-name: sb
}

@keyframes tb {
  0% {
    opacity: 0;
    transform: scale(.1) translateY(2000px);
    animation-timing-function: ease-in-out
  }

  60% {
    opacity: 1;
    transform: scale(.475) translateY(-60px);
    animation-timing-function: ease-out
  }
}

.zoomInUp {
  animation-name: tb
}

@keyframes ub {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: 0;
    transform: scale(.3)
  }

  to {
    opacity: 0
  }
}

.zoomOut {
  animation-name: ub
}

@keyframes vb {
  40% {
    opacity: 1;
    transform: scale(.475) translateY(-60px);
    animation-timing-function: linear
  }

  to {
    opacity: 0;
    transform: scale(.1) translateY(2000px);
    transform-origin: center bottom
  }
}

.zoomOutDown {
  animation-name: vb
}

@keyframes wb {
  40% {
    opacity: 1;
    transform: scale(.475) translateX(42px);
    animation-timing-function: linear
  }

  to {
    opacity: 0;
    transform: scale(.1) translateX(-2000px);
    transform-origin: left center
  }
}

.zoomOutLeft {
  animation-name: wb
}

@keyframes xb {
  40% {
    opacity: 1;
    transform: scale(.475) translateX(-42px);
    animation-timing-function: linear
  }

  to {
    opacity: 0;
    transform: scale(.1) translateX(2000px);
    transform-origin: right center
  }
}

.zoomOutRight {
  animation-name: xb
}

@keyframes yb {
  40% {
    opacity: 1;
    transform: scale(.475) translateY(60px);
    animation-timing-function: linear
  }

  to {
    opacity: 0;
    transform: scale(.1) translateY(-2000px);
    transform-origin: center top
  }
}

.zoomOutUp {
  animation-name: yb
}

body.fancybox-active {
  overflow: hidden
}

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  font-family: TT Norms, Arial sans-serif
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion
}

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translateZ(0)
}

.fancybox-is-closing .fancybox-stage {
  overflow: visible
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform, opacity
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block
}

.fancybox-slide--image {
  overflow: visible
}

.fancybox-slide--image:before {
  display: none
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
  background: #000
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
  background: #e5e3df
}

.fancybox-slide--next {
  z-index: 99995
}

.fancybox-slide>* {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box
}

.fancybox-slide>base, .fancybox-slide>link, .fancybox-slide>meta, .fancybox-slide>script, .fancybox-slide>style, .fancybox-slide>title {
  display: none
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: transform, opacity
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: grabbing
}

.fancybox-image, .fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-spaceball {
  z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff
}

.fancybox-iframe {
  display: block;
  padding: 0;
  border: 0;
  height: 100%
}

.fancybox-error, .fancybox-iframe {
  margin: 0;
  width: 100%;
  background: #fff
}

.fancybox-error {
  padding: 40px;
  max-width: 380px;
  cursor: default
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px
}

.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, .6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc
}

.fancybox-button:focus, .fancybox-button:hover {
  color: #fff
}

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: .6
}

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision
}

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3
}

.fancybox-button--share svg path {
  stroke-width: 1
}

.fancybox-button--pause svg path:first-child, .fancybox-button--play svg path:nth-child(2) {
  display: none
}

.fancybox-button--zoom svg path {
  fill: transparent
}

.fancybox-navigation {
  display: none
}

.fancybox-show-nav .fancybox-navigation {
  display: block
}

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px
}

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, .6)
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer
}

.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2
}

.fancybox-close-small:focus {
  outline: none
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
  top: 0;
  right: -40px
}

.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none
}

.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
  pointer-events: none
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid hsla(0, 0%, 100%, .4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none
}

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
  pointer-events: all;
  position: relative
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline
}

.fancybox-slide>.fancybox-loading {
  border: 6px solid hsla(0, 0%, 39%, .4);
  border-top: 6px solid hsla(0, 0%, 100%, .6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  animation: zb .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999
}

@keyframes zb {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(359deg)
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0);
  opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
  transform: translate3d(100%, 0, 0);
  opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
  transform: translateZ(0);
  opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  transform: scale3d(.5, .5, .5);
  opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  transform: scaleX(1);
  opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
  transform: rotate(-1turn);
  opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
  transform: rotate(1turn);
  opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
  transform: rotate(0deg);
  opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
  transform: scaleX(1) translateZ(0);
  opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1)
}

.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%;
  text-align: center
}

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px;
  font-size: 35px;
  font-weight: 700
}

.fancybox-share p {
  margin: 0;
  padding: 0
}

p.fancybox-share__links {
  margin-right: -10px
}

.fancybox-share__button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  min-width: 130px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: all .2s
}

.fancybox-share__button:hover {
  text-decoration: none
}

.fancybox-share__button--fb {
  background: #3b5998
}

.fancybox-share__button--fb:hover {
  background: #344e86
}

.fancybox-share__button--pt {
  background: #bd081d
}

.fancybox-share__button--pt:hover {
  background: #aa0719
}

.fancybox-share__button--tw {
  background: #1da1f2
}

.fancybox-share__button--tw:hover {
  background: #0d95e8
}

.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle
}

.fancybox-share__button svg path {
  fill: #fff
}

.fancybox-share__input {
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 15px;
  background: transparent;
  color: #5d5b5b;
  font-size: 14px;
  outline: none;
  border: 0;
  border-bottom: 2px solid #d7d7d7
}

.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995
}

.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}

.fancybox-thumbs>ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap
}

.fancybox-thumbs-x>ul {
  overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
  width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}

.fancybox-thumbs>ul>li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li>img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox-thumbs>ul>li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
  opacity: 1
}

@media (max-width:800px) {
  .fancybox-thumbs {
    width: 110px
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px
  }

  .fancybox-thumbs>ul>li {
    max-width: calc(100% - 10px)
  }
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: Ab 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  filter: blur(50px);
  z-index: 0
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

.slick-slider {
  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, .slick-slider {
  position: relative;
  display: block
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after, .slick-track:before {
  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
}

.slick-loading .slick-list {
  background: #fff url(../images/ajax-loader.gif) 50% no-repeat
}

@font-face {
  font-family: slick;
  src: url(../fonts/Slick/slick.eot);
  src: url(../fonts/Slick/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/Slick/slick.woff) format("woff"), url(../fonts/Slick/slick.ttf) format("truetype"), url(../fonts/Slick/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}

.slick-next, .slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  transform: translateY(-50%);
  padding: 0;
  border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 5px;
  width: 5px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 5px;
  width: 5px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #000;
  width: 5px;
  height: 5px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  z-index: 30;
  box-shadow: 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px
}

.twentytwenty-after-label, .twentytwenty-before-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition-duration: .5s
}

.twentytwenty-after-label, .twentytwenty-before-label {
  transition-property: opacity
}

.twentytwenty-after-label:before, .twentytwenty-before-label:before {
  color: #fff;
  font-size: 13px;
  letter-spacing: .1em;
  position: absolute;
  background: hsla(0, 0%, 100%, .2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-after-label:before, .twentytwenty-horizontal .twentytwenty-before-label:before {
  top: 50%;
  margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before, .twentytwenty-vertical .twentytwenty-before-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px
}

.twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow {
  left: 50%;
  margin-left: -6px
}

.twentytwenty-container {
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block
}

.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: transparent
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
  opacity: 0
}

.twentytwenty-container * {
  box-sizing: content-box
}

.twentytwenty-before-label {
  opacity: 0
}

.twentytwenty-before-label:before {
  content: attr(data-content)
}

.twentytwenty-after-label {
  opacity: 0
}

.twentytwenty-after-label:before {
  content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px
}

.twentytwenty-overlay {
  transition-property: background;
  background: transparent;
  z-index: 25
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1
}

.twentytwenty-before {
  z-index: 20
}

.twentytwenty-after {
  z-index: 10
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid #fff;
  border-radius: 1000px;
  box-shadow: 0 0 12px rgba(51, 51, 51, .5);
  z-index: 40;
  cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
  border-right: 6px solid #fff;
  left: 50%;
  margin-left: -17px
}

.twentytwenty-right-arrow {
  border-left: 6px solid #fff;
  right: 50%;
  margin-right: -17px
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid #fff;
  top: 50%;
  margin-top: -17px
}

.twentytwenty-down-arrow {
  border-top: 6px solid #fff;
  bottom: 50%;
  margin-bottom: -17px
}

.header {
  padding: 28px 0
}

.header__box {
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 60px;
  position: relative
}

.header .logo, .header__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center
}

.header .logo {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.header .logo .icon {
  height: 60px
}

.header .logo .title {
  font-size: 22px;
  font-weight: 700;
  color: #050505;
  margin-left: 10px;
  position: relative;
  top: -2px
}

.header .menu-toggle {
  margin-top: -4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center
}

.header .menu-toggle .text {
  font-size: 15px;
  font-weight: 700;
  color: #050505;
  margin-right: 14px
}

.header.fix .menu-box {
  width: 65%
}

.header .title2 {
  left: 155px;
  font-size: 22px;
  font-weight: 700;
  color: #050505;
  top: 15px;
  position: absolute;
  display: none
}

@media (min-width:1200px) {
  .header {
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 21;
    top: 0
  }

  .header .title2 {
    display: block;
    opacity: 0
  }

  .header.fix {
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, .99) 78%, hsla(0, 0%, 100%, .99) 81%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
    padding-bottom: 70px
  }

  .header.fix .title2 {
    opacity: 1
  }

  .header.fix .logo .icon, .header.fix .logo .title {
    opacity: 0
  }
}

@media (max-width:767px) {
  .header .logo .icon img, .header__box {
    height: 48px
  }

  .header .logo .title {
    font-size: 17px;
    top: -9px
  }
}

.menu-toggle {
  width: 70px;
  position: absolute;
  right: 0;
  top: 7px;
  z-index: 3;
  cursor: pointer
}

.menu-toggle .icon {
  width: 16px;
  position: relative
}

.menu-toggle .icon img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.menu-toggle .up {
  opacity: 0
}

.menu-toggle .down {
  opacity: 1
}

.menu-box {
  position: relative;
  width: calc(100% - 250px);
  margin: 0 0 0 auto;
  height: 24px
}

.menu-box.menu-active .menu-toggle {
  width: 70px
}

.menu-box.menu-active .menu-toggle .up {
  opacity: 1
}

.menu-box.menu-active .menu-toggle .down {
  opacity: 0
}

.menu-box.menu-active .menu-list {
  width: 100%;
  right: 80px
}

.menu-box.menu-active .menu-list li.active {
  transform: scale(1);
  opacity: 1
}

@media (min-width:992px) {
  .menu-box {
    position: absolute;
    right: 0
  }
}

@media (max-width:991px) {
  .menu-box.active .menu-list {
    opacity: 1;
    pointer-events: auto
  }
}

@media (max-width:767px) {
  .menu-box {
    top: -8px;
    width: calc(100% - 190px)
  }

  .menu-box.active .menu-list {
    opacity: 1;
    pointer-events: auto
  }
}

@media (min-width:992px) {
  .menu-list {
    position: absolute;
    right: 80px;
    width: 0;
    overflow: hidden;
    text-align: right;
    transition: width .5s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end
  }

  .menu-list li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 0 20px;
    background: #fff;
    transform: scale(.2);
    opacity: 0;
    height: 38px
  }

  .menu-list li a {
    white-space: nowrap;
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -.2px;
    color: #050505;
    position: relative;
    padding: 10px 0
  }

  .menu-list li a:hover:before {
    width: 100%
  }

  .menu-list li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 5px;
    transition: width .3s ease
  }

  .menu-list li a.vr-menu:before {
    background: linear-gradient(44.09deg, #002377, #44c3fb)
  }

  .menu-list li a.ar-menu:before {
    background: linear-gradient(44.09deg, #956100, rgba(255, 220, 101, .6))
  }

  .menu-list li a.dr-menu:before {
    background: linear-gradient(44.09deg, #004329, #b2ea84)
  }

  .menu-list li a.web-menu:before {
    background: linear-gradient(44.09deg, #470053, rgba(230, 87, 255, .61))
  }

  .menu-list li a.ma-menu:before {
    background: linear-gradient(44.09deg, #ff0000, rgba(255, 100, 100, .6))
  }

  .menu-list li a.about-menu:before {
    background: linear-gradient(44.09deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56))
  }

  .menu-list li:first-child {
    transition: all .5s ease .6s;
    opacity: 0
  }

  .menu-list li:nth-child(2) {
    transition: all 1s ease .5s;
    opacity: 0
  }

  .menu-list li:nth-child(3) {
    transition: all .5s ease .4s;
    opacity: 0
  }

  .menu-list li:nth-child(4) {
    transition: all .5s ease .3s;
    opacity: 0
  }

  .menu-list li:nth-child(5) {
    transition: all .5s ease 0s;
    opacity: 0
  }
}

@media (max-width:991px) {
  .menu-list {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    left: 0;
    width: 100%;
    text-align: center;
    top: 80px;
    background: #fff;
    height: 100vh;
    z-index: 11;
    transition: all .5s ease
  }

  .menu-list li a {
    display: block;
    padding: 31px 10px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -.35px;
    color: #050505
  }
}

@media (max-height:550px) and (orientation:landscape) {
  .menu-list li a {
    font-size: 24px;
    line-height: 28px;
    padding: 18px 10px
  }
}

@media (max-width:991px) {
  a {
    text-decoration: none;
    transition: all .3s ease-in-out
  }

  li, ul {
    padding: 0;
    margin: 0
  }

  nav .menu-list {
    overflow: hidden;
    max-height: 0;
    margin-top: .5em;
    transition: all .6s ease-in-out
  }

  nav .open li {
    list-style: none;
    border-top: 1px solid #fff
  }

  nav .open li a {
    display: block;
    background: #eee;
    padding: 0 10px;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -.35px;
    color: #050505
  }

  nav .open li a:hover {
    background: #bbb;
    color: #fff
  }

  .shutterfx ul li:first-child {
    transition: all .2s ease-in-out;
    transform: scale(.5);
    opacity: 0
  }

  .shutterfx ul li:nth-child(2) {
    transition: all .4s ease-in-out;
    transform: scale(.5);
    opacity: 0
  }

  .shutterfx ul li:nth-child(3) {
    transition: all .6s ease-in-out;
    transform: scale(.5);
    opacity: 0
  }

  .shutterfx ul li:nth-child(4) {
    transition: all .8s ease-in-out;
    transform: scale(.5);
    opacity: 0
  }

  .shutterfx ul li:nth-child(5) {
    transition: all 1s ease-in-out;
    transform: scale(.5);
    opacity: 0
  }

  .slidefx ul li:first-child {
    transition: all .2s ease-in-out;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }

  .slidefx ul li:nth-child(2) {
    transition: all .4s ease-in-out;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }

  .slidefx ul li:nth-child(3) {
    transition: all .6s ease-in-out;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }

  .slidefx ul li:nth-child(4) {
    transition: all .8s ease-in-out;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }

  .slidefx ul li:nth-child(5) {
    transition: all 1s ease-in-out;
    transform: translate3d(-100%, 0, 0);
    opacity: 0
  }

  .shutterfx ul.open li, .slidefx ul.open li {
    transform: none;
    opacity: 1
  }
}

.services-header {
  position: relative;
  padding-top: 84px
}

.services-header__back {
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  color: #050505;
  position: absolute;
  right: 0;
  top: 30px;
  cursor: pointer;
  transition: all .3s ease;
  z-index: 20
}

.services-header__back img {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  top: -2px
}

.services-header__back span {
  display: inline-block;
  padding-left: 30px;
  position: relative
}

.services-header__back span:before {
  content: "";
  position: absolute;
  background: url(../images/arrow-back.png) no-repeat 50%;
  width: 20px;
  height: 15px;
  left: 0;
  top: 2px;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
  z-index: 1
}

.services-header__back:hover span:before {
  left: -10px
}

.services-header__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 30px 0 38px
}

.services-header__item, .services-header__item:after {
  border-radius: 100px 0 0 100px
}

.services-header__item.vr {
  position: relative;
  width: 100%
}

.services-header__item.vr:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #002377, #44c3fb);
  box-shadow: 0 28px 50px rgba(61, 180, 239, .4)
}

.services-header__item.ar {
  position: relative;
  width: 100%
}

.services-header__item.ar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #956100, rgba(255, 220, 101, .6));
  box-shadow: 0 28px 50px hsla(45, 90%, 77%, .4)
}

.services-header__item.dr {
  position: relative;
  width: 100%
}

.services-header__item.dr:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #004329, #b2ea84);
  box-shadow: 0 28px 50px rgba(144, 202, 114, .5)
}

.services-header__item.web {
  position: relative;
  width: 100%
}

.services-header__item.web:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #470053, rgba(230, 87, 255, .61));
  box-shadow: 0 28px 50px rgba(226, 131, 243, .4)
}

.services-header__item.about {
  position: relative;
  width: 100%
}

.services-header__item.about:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56));
  box-shadow: 0 28px 50px hsla(0, 0%, 63%, .4)
}

.services-header__icon {
  position: relative;
  z-index: 2;
  width: 448px;
  padding: 0 24px;
  margin-top: -115px
}

.services-header__content {
  position: relative;
  z-index: 2;
  width: calc(100% - 448px);
  transition: all 1s;
  opacity: 0
}

.services-header__title {
  font-size: 45px;
  font-weight: 800;
  letter-spacing: -.5px
}

.services-header__title.vr {
  color: #c2eaff
}

.services-header__title.ar {
  color: #feffc2
}

.services-header__title.dr {
  color: #dbffd8
}

.services-header__title.web {
  color: #ffe8fe
}

.services-header__title.about {
  color: #fff
}

.services-header__subtitle {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 18px
}

.services-header__subtitle span {
  opacity: .7
}

.services-header p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #fff
}

.services-header p+p {
  margin-top: 26px
}

@media (min-width:1200px) {
  .services-header {
    padding-top: 145px
  }

  .services-header__back {
    top: 90px
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .services-header__icon {
    width: 40%
  }

  .services-header__content {
    width: 55%
  }
}

@media (min-width:768px) and (max-width:991px) {
  .services-header {
    padding-top: 52px
  }

  .services-header__item, .services-header__item:after {
    border-radius: 28px 0 0 28px
  }

  .services-header__content {
    width: 100%;
    padding-left: 54px
  }

  .services-header__icon {
    transform: scale(.9);
    margin-top: -230px;
    width: 100%;
    text-align: center
  }

  .services-header__back {
    top: -28px;
    z-index: 12
  }
}

@media (max-width:767px) {
  .services-header {
    padding-top: 52px
  }

  .services-header__item, .services-header__item:after {
    border-radius: 28px 0 0 28px
  }

  .services-header__content {
    width: 100%;
    padding-left: 24px
  }

  .services-header__icon {
    transform: scale(.8);
    margin-top: -185px;
    width: 100%;
    text-align: center
  }

  .services-header__back {
    top: -28px
  }

  .services-header__title {
    font-size: 32px
  }

  .services-header__subtitle {
    font-size: 22px
  }
}

@media (max-width:379px) {
  .services-header__icon {
    margin-top: -55%
  }
}

.svr .services-detail__box:before, .svr .services-detail__list li:before {
  background: linear-gradient(51.34deg, #0492e8, #19e3dd)
}

.services-detail__box {
  position: relative;
  border-left: 1px solid rgba(56, 56, 56, .2);
  margin-left: 30px;
  padding-left: 20px;
  margin-top: 80px
}

.services-detail__box:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  left: -8px
}

.services-detail__box:first-child {
  margin-top: 60px
}

.services-detail .services-detail__box-contacts {
  margin-top: 0;
  padding-bottom: 40px;
  padding-top: 80px
}

.services-detail .services-detail__box-contacts:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 80px;
  background: #fff;
  top: 0;
  left: -1px;
  z-index: 2
}

.services-detail__item {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #050505;
  position: relative;
  top: -4px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 64px
}

.services-detail__item:first-child {
  margin-top: 0
}

.services-detail__subtitle {
  font-size: 16px;
  font-weight: 800;
  color: #050505;
  text-transform: uppercase;
  opacity: .4;
  margin-bottom: 12px;
  width: 100%
}

.services-detail__title {
  font-size: 24px;
  font-weight: 700;
  color: #050505;
  margin-bottom: 30px;
  width: 100%
}

.services-detail__title span {
  position: relative
}

.services-detail__title span:before {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #050505
}

.services-detail p+.services-detail__list {
  margin-top: 24px
}

.services-detail__list {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #050505
}

.services-detail__list li {
  margin-bottom: 24px;
  padding-left: 16px;
  position: relative
}

.services-detail__list li:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 0;
  top: 6px
}

.services-detail__content {
  width: calc(100% - 506px)
}

.services-detail .mejs__video {
  max-height: 100% !important;
  max-width: 476px !important;
  margin: 0 auto;
  border-radius: 12px
}

.services-detail .mejs__controls:not([style*="display: none"]) {
  border-radius: 12px
}

.services-detail__fotos {
  width: 476px;
  max-height: 276px;
  border-radius: 12px
}

.services-detail__fotos .gallery-top {
  max-width: 492px
}

.services-detail__fotos .gallery-top .swiper-slide {
  width: 476px;
  height: 276px;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden
}

.services-detail__fotos .gallery-top .swiper-slide video {
  border-radius: 12px
}

.services-detail__fotos video {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  height: 276px;
  overflow: hidden;
  transform: scale(1.08)
}

.services-detail__fotos.nosl {
  overflow: hidden
}

.services-detail__fotos.nosl img {
  width: 100%;
  object-fit: cover
}

.services-detail__others {
  margin-top: 24px;
  font-weight: 600;
  max-width: 840px
}

.services-detail__tabs ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 16px;
  padding-bottom: 16px;
  margin-top: 17px;
  overflow: auto;
  width: 100vw;
  padding-right: 20px
}

.services-detail__tabs ul li+li {
  margin-left: 2px
}

.services-detail__tabs ul li:last-child a {
  margin-right: 90px
}

.services-detail__tabs ul li a {
  display: block;
  background: rgba(5, 5, 5, .05);
  border-radius: 12px 12px 0 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: rgba(5, 5, 5, .6);
  text-transform: uppercase;
  padding: 4px 32px 7px;
  white-space: nowrap
}

.services-detail__tabs ul li.ui-tabs-active a {
  background: #050505;
  opacity: 1;
  color: #fff;
  padding-top: 8px
}

.services-detail__tabs .tabs-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #050505
}

.services-detail__tabs .tabs-content ul li {
  list-style: circle
}

.services-detail p+p {
  margin-top: 24px
}

.services-detail .gallery-top {
  margin-bottom: 16px
}

.services-detail .gallery-top .swiper-slide {
  text-align: center
}

.services-detail .gallery-top img {
  height: 276px;
  object-fit: cover;
  border-radius: 12px;
  width: 100%
}

.services-detail .gallery-thumbs, .services-detail .gallery-thumbs2, .services-detail .gallery-thumbs3 {
  padding: 0 24px;
  position: relative;
  max-width: 492px
}

.services-detail .gallery-thumbs2 .slick-slide, .services-detail .gallery-thumbs3 .slick-slide, .services-detail .gallery-thumbs .slick-slide {
  border-radius: 12px
}

.services-detail .gallery-thumbs2:after, .services-detail .gallery-thumbs2:before, .services-detail .gallery-thumbs3:after, .services-detail .gallery-thumbs3:before, .services-detail .gallery-thumbs:after, .services-detail .gallery-thumbs:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 100%;
  background: #fff;
  top: 0;
  z-index: 2
}

.services-detail .gallery-thumbs2:before, .services-detail .gallery-thumbs3:before, .services-detail .gallery-thumbs:before {
  left: 0
}

.services-detail .gallery-thumbs2:after, .services-detail .gallery-thumbs3:after, .services-detail .gallery-thumbs:after {
  right: 0
}

.services-detail .gallery-thumbs2 .swiper-button-arrows .swb, .services-detail .gallery-thumbs3 .swiper-button-arrows .swb, .services-detail .gallery-thumbs .swiper-button-arrows .swb {
  width: 11px;
  height: 22px;
  background: url(../images/arrow-sl.png) no-repeat 50%;
  transform: rotate(1turn);
  margin-top: -11px
}

.services-detail .gallery-thumbs2 .swiper-button-arrows .swiper-button-prev, .services-detail .gallery-thumbs3 .swiper-button-arrows .swiper-button-prev, .services-detail .gallery-thumbs .swiper-button-arrows .swiper-button-prev {
  transform: rotate(-180deg);
  left: 0
}

.services-detail .gallery-thumbs2 .swiper-button-arrows .swiper-button-next, .services-detail .gallery-thumbs3 .swiper-button-arrows .swiper-button-next, .services-detail .gallery-thumbs .swiper-button-arrows .swiper-button-next {
  right: 0
}

.services-detail .gallery-thumbs2 img, .services-detail .gallery-thumbs3 img, .services-detail .gallery-thumbs img {
  width: 100%;
  height: 60px;
  max-height: 60px;
  object-fit: cover;
  border-radius: 8px
}

.services-detail__email, .services-detail__phone {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #050505
}

.services-detail__email span, .services-detail__phone span {
  position: relative
}

.services-detail__email span:before, .services-detail__phone span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #050505;
  bottom: 0;
  left: 0;
  transition: width .3s ease
}

.services-detail__email:hover, .services-detail__phone:hover {
  color: #050505
}

.services-detail__email:hover span:before, .services-detail__phone:hover span:before {
  width: 100%
}

.services-detail__email, .services-detail__social {
  margin-top: 10px
}

.services-detail__social a {
  display: inline-block
}

.services-detail__social a+a {
  margin-left: 12px
}

@media (min-width:1200px) {
  .services-detail {
    margin-top: 60px
  }
}

@media (max-width:991px) {
  .services-detail__item.one .services-detail__fotos {
    margin-top: 54px
  }

  .services-detail__fotos {
    width: 100%;
    max-height: none;
    margin-top: 54px;
    text-align: center
  }

  .services-detail__fotos.nosl.fvideo {
    max-height: 276px;
    margin-top: 32px
  }

  .services-detail__content {
    width: 100%
  }

  .services-detail__others {
    margin-top: 54px
  }

  .services-detail__item {
    margin-top: 51px
  }
}

@media (max-width:767px) {
  .services-detail__box {
    margin-left: 0;
    margin-top: 64px
  }

  .services-detail__content {
    width: 100%
  }

  .services-detail__item, .services-detail__item.one .services-detail__fotos {
    margin-top: 33px
  }

  .services-detail .mejs__video {
    max-height: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    border-radius: 12px
  }

  .services-detail__fotos {
    width: 100%;
    max-height: none;
    margin-top: 36px
  }

  .services-detail__fotos.nosl.fvideo {
    margin-top: 12px;
    max-height: 160px
  }

  .services-detail__fotos.nosl.fvideo video {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    border-radius: 12px
  }

  .services-detail__fotos .gallery-top .swiper-slide {
    width: 100%;
    height: 160px;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden
  }

  .services-detail__fotos .gallery-top .swiper-slide video {
    width: 100%;
    max-height: 100%;
    height: 160px;
    max-width: 100%;
    border-radius: 12px
  }

  .services-detail__fotos video {
    width: 100%;
    max-width: 100%;
    max-height: 300px;
    border-radius: 12px;
    height: 276px;
    overflow: hidden
  }

  .services-detail .gallery-top img {
    height: 100%
  }

  .services-detail__tabs ul li a {
    font-size: 16px
  }

  .services-detail__box-contacts .services-detail__item {
    margin-top: 34px
  }

  .services-detail__contacts {
    margin-bottom: 33px
  }
}

.back {
  color: inherit
}

.services-detail__box-contacts .services-detail__item {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width:1200px) and (max-width:1359px) {
  .main-services {
    padding-left: 75px
  }
}

@media (max-width:1199px) {
  .main-services {
    padding-left: 56px
  }
}

@media (max-width:991px) {
  .main-services {
    padding-left: 40px
  }
}

.menu-left-box {
  transform: rotate(-90deg);
  left: -100px;
  position: fixed;
  bottom: 243px
}

@media (min-width:1360px) {
  .menu-left-box {
    left: calc(((100vw - 1200px) / 2) - 225px)
  }
}

@media (max-width:1359px) {
  .menu-left-box {
    left: -154px
  }
}

@media (max-width:1199px) {
  .menu-left-box {
    left: -154px
  }
}

@media (max-width:991px) {
  .menu-left-box {
    left: -174px
  }
}

@media (min-height:600px) {
  .menu-left-box {
    bottom: 326px
  }
}

.menu-left a {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #050505;
  opacity: .5
}

.menu-left a+a {
  margin-left: 38px
}

.menu-left a.active, .menu-left a.active1, .menu-left a.active-src {
  opacity: 1
}

.menu-left a.no-active {
  opacity: .5
}

.pjax-container {
  position: relative
}

.page-home .pjax-container::before,
.page-home .pjax-container::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 22px;
  height: 22px;
  border-top: 2.5px solid rgba(5,5,5,0.28);
  border-right: 2.5px solid rgba(5,5,5,0.28);
  pointer-events: none;
  z-index: 3;
  transition: border-color .3s ease, opacity .3s ease
}

.page-home .pjax-container::before {
  left: calc(-5vw - 11px);
  transform: translateY(-50%) rotate(-135deg)
}

.page-home .pjax-container::after {
  right: calc(-5vw - 11px);
  transform: translateY(-50%) rotate(45deg)
}

@media (max-width:991px) {
  .page-home .pjax-container::before,
  .page-home .pjax-container::after {
    display: none
  }
}

.footer-main-home.nt {
  display: none
}

.main-services-copy {
  position: absolute;
  top: 0;
  left: 14px;
  height: calc(100vh - 116px - 100px);
  padding-top: 36px;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
  transition: all .4s ease;
  max-width: 1170px
}

.main-services-copy .services-detail {
  background: #fff
}

.main-services-copy .home-sl__item {
  width: 249px;
  margin-right: 38px;
  display: block;
  transition: all .7s ease
}

.main-services-copy .home-sl__item:after {
  transition: width 1s ease
}

.main-services-copy .services-header__title {
  transform: translateY(-50%);
  opacity: 0;
  transition: all .5s ease .2s
}

.main-services-copy .services-header__subtitle {
  transform: translateY(50%);
  opacity: 0;
  transition: all .6s ease .3s
}

.main-services-copy .services-header__txt {
  transform: translateY(20%);
  opacity: 0;
  transition: all .7s ease .5s
}

.main-services-copy .services-header__icon img {
  transform: scale(.6);
  transition: all .7s ease
}

.main-services-copy .services-detail {
  opacity: 0;
  transition: all .3s ease
}

.main-services-copy .main-services {
  padding-left: 0 !important;
  box-sizing: content-box
}

.main-services-copy .services-header__item {
  transition: all 1s ease;
  border-radius: 28px 0 0 28px
}

.main-services-copy .services-header__item:after {
  width: 0;
  transition: width 1s ease;
  border-radius: 28px 0 0 28px
}

.main-services-copy.active {
  opacity: 1;
  pointer-events: auto
}

.main-services-copy.active .services-header__item {
  border-radius: 100px 0 0 100px
}

.main-services-copy.active .services-header__item:after {
  width: 100vw;
  border-radius: 100px 0 0 100px
}

.main-services-copy.active .services-header__icon img {
  transform: scale(1)
}

.main-services-copy.active .services-header__title {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition: all .5s ease .2s
}

.main-services-copy.active .services-header__subtitle {
  transform: translateY(0);
  opacity: 1;
  transition: all .5s ease .3s
}

.main-services-copy.active .services-header__txt {
  transform: translateY(0);
  opacity: 1;
  transition: all .5s ease .4s
}

.main-services-copy.active .services-detail {
  opacity: 1
}

.main-services-copy.active .services-header {
  width: 100%;
  height: auto
}

.main-services-copy.active .services-header__content {
  opacity: 1
}

@media (min-width:992px) and (max-width:1199px) {
  .main-services-copy {
    padding-left: 56px
  }
}

@media (max-width:991px) {
  .main-services-copy {
    padding-left: 40px
  }
}

@media (max-width:991px) and (max-width:991px) {
  .main-services-copy.active .services-header__item {
    border-radius: 46px 0 0 46px
  }

  .main-services-copy.active .services-header__item:after {
    width: 100vw;
    border-radius: 46px 0 0 46px
  }
}

.ms-active #content {
  display: none
}

@media (min-width:1200px) {
  .services-detail {
    box-shadow: -2px 10px 28px -11px rgba(0, 0, 0, .75);
    padding: 1px 23px 15px 0
  }
}

.main-services {
  position: relative;
  padding-top: 36px;
  opacity: 0;
  pointer-events: none;
  max-width: 1170px;
  margin: 0 auto
}

.main-services .home-sl__item {
  width: 249px;
  margin-right: 38px;
  display: block;
  transition: all .7s ease
}

.main-services .home-sl__item:after {
  transition: width .7s linear
}

.main-services .services-header__title {
  transform: translateY(-50%);
  opacity: 0;
  transition: all .5s ease .2s
}

.main-services .services-header__subtitle {
  transform: translateY(50%);
  opacity: 0;
  transition: all .6s ease .3s
}

.main-services .services-header__txt {
  transform: translateY(20%);
  opacity: 0;
  transition: all .7s ease .5s
}

.main-services .services-header__icon {
  opacity: 0;
  transition: all .3s ease .1s
}

.main-services .services-header__icon img {
  transform: scale(.6);
  transition: all .7s ease
}

.main-services .services-detail {
  opacity: 0;
  transition: all .3s ease .4s
}

.main-services .main-services {
  padding-left: 0 !important;
  box-sizing: content-box
}

.main-services .services-header__item {
  transition: all .5s ease;
  border-radius: 28px 0 0 28px
}

.main-services .services-header__item:after {
  width: 0;
  transition: width 1s ease;
  border-radius: 28px 0 0 28px
}

.main-services.active {
  opacity: 1;
  pointer-events: auto
}

.main-services.active .services-header__item {
  border-radius: 100px 0 0 100px
}

.main-services.active .services-header__item:after {
  width: 100vw;
  border-radius: 100px 0 0 100px
}

.main-services.active .services-header__icon {
  opacity: 1
}

.main-services.active .services-header__icon img {
  transform: scale(1)
}

.main-services.active .services-header__title {
  transform: translateX(0) translateY(0);
  opacity: 1;
  transition: all .5s ease .2s
}

.main-services.active .services-header__subtitle {
  transform: translateY(0);
  opacity: 1;
  transition: all .5s ease .3s
}

.main-services.active .services-header__txt {
  transform: translateY(0);
  opacity: 1;
  transition: all .5s ease .4s
}

.main-services.active .services-detail {
  opacity: 1
}

.main-services.active .services-header {
  width: 100%;
  height: auto
}

.main-services.active .services-header__content {
  opacity: 1
}

@media (max-width:991px) {
  .main-services.active .services-header__item {
    border-radius: 46px 0 0 46px
  }

  .main-services.active .services-header__item:after {
    width: 100vw;
    border-radius: 46px 0 0 46px
  }
}

.sloader #p_prldr {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 30
}

.sloader .contpre small {
  font-size: 25px
}

.sloader .contpre {
  width: 250px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 48%;
  margin-left: -125px;
  margin-top: -75px;
  color: #fff;
  font-size: 40px;
  letter-spacing: -2px;
  text-align: center;
  line-height: 35px
}

.sloader #p_prldr .svg_anm {
  position: absolute;
  width: 41px;
  height: 41px;
  background: url(../images/oval.svg) 50% no-repeat;
  background-size: 41px;
  margin: -16px 0 0 -16px
}

.main-services-header {
  width: 100%;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  z-index: 21;
  top: 60px;
  transition: all .1s ease-in-out
}

.main-services-header .services-header {
  padding-top: 0
}

.main-services-header .services-header__item {
  height: 75px;
  transition: all .3s ease-out 0s
}

.main-services-header .services-header__icon {
  width: 225px;
  top: 9px;
  left: -75px;
  transition: all .3s ease 0s;
  position: relative
}

.main-services-header .services-header__title {
  position: relative;
  top: -25px;
  left: -70px;
  transition: all .3s ease 0s
}

.main-services-header .services-header__content {
  opacity: 1
}

.main-services-header .services-header__back {
  z-index: 3;
  color: #fff !important;
  top: 44px;
  right: 0
}

.main-services-header .services-header__back span:before {
  background: url(../images/arrow-back-white.png) no-repeat 50%
}

.main-services-header.fix {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto
}

.nav {
  position: fixed;
  right: 30px;
  top: 10px;
  background: hsla(38, 39%, 68%, .5);
  z-index: 100
}

.nav>li {
  list-style: none;
  padding-bottom: 10px
}

.nav>li a {
  color: blue;
  display: block;
  padding: 3px 0
}

.nav>li a:hover {
  color: green
}

.nav>li a.active {
  color: #fff;
  background-color: green
}

@media (min-width:992px) {
  .ms-active #content {
    margin-top: -44px
  }
}

@media (min-width:1200px) {
  .ms-active #content {
    margin-top: -157px
  }
}

.home-sl-next, .home-sl-prev {
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  cursor: pointer;
  z-index: 2
}

.home-sl-next {
  right: 0 !important;
  width: 160px !important
}

.home-sl-prev {
  left: 0 !important;
  width: 160px !important
}

@media (max-width:991px) {
  .home-sl-next,
  .home-sl-prev {
    pointer-events: none !important
  }
}

.services-detail.vr .services-detail__box:before, .services-detail.vr .services-detail__list li:before {
  background: linear-gradient(44.09deg, #002377, #44c3fb)
}

.services-detail.ar .services-detail__box:before, .services-detail.ar .services-detail__list li:before {
  background: linear-gradient(44.09deg, #956100, rgba(255, 220, 101, .6))
}

.services-detail.dr .services-detail__box:before, .services-detail.dr .services-detail__list li:before {
  background: linear-gradient(44.09deg, #004329, #b2ea84)
}

.services-detail.web .services-detail__box:before, .services-detail.web .services-detail__list li:before {
  background: linear-gradient(44.09deg, #470053, rgba(230, 87, 255, .61))
}

.services-detail.about .services-detail__box:before, .services-detail.about .services-detail__list li:before {
  background: linear-gradient(44.09deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56))
}

.services-detail__mapicon {
  height: 120px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px
}

.services-detail__mapicon img {
  height: 100%;
  object-fit: cover
}

.services-detail__contacts .services-detail__subtitle {
  text-align: center
}

.nosl.nosl-hauto {
  height: auto;
  max-height: none
}

.nosl.nosl-hauto img {
  border-radius: 12px
}

.nosl img+p {
  margin-top: 30px
}

.services-detail__fotos-boxc {
  height: 356px
}

.services-detail__fotos-boxc.nmt {
  margin-top: 0
}

.services-detail__fotos-boxc .services-detail__fotos {
  margin-top: 0 !important
}

.services-detail__item-slw100 {
  width: 100%;
  padding: 0 30px;
  margin-top: 34px
}

.services-detail__item-slw100 .item {
  height: 173px;
  border-radius: 12px;
  margin: 0 10px
}

.services-detail__item-slw100 .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px
}

.services-detail__item-slw100 .slick-arrow {
  background: url(../images/arrow-grey.png) no-repeat 50%;
  width: 9px;
  height: 15px;
  transform: rotate(1turn);
  top: 0;
  bottom: 0;
  margin: auto
}

.services-detail__item-slw100 .slick-next {
  right: 0
}

.services-detail__item-slw100 .slick-prev {
  left: 0;
  transform: rotate(180deg)
}

@media (max-width:767px) {
  .services-detail__item-slw100 .item {
    height: 120px
  }
}

.services-detail__content ol {
  margin-left: 14px
}

.mejs__poster {
  width: 100% !important;
  height: 100% !important
}

video[poster] {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.mejs__background, .mejs__mediaelement {
  overflow: hidden
}

.mejs__mediaelement, .mejs__poster {
  border-radius: 12px
}

.dr-portfolio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 26px
}

.dr-portfolio__item {
  width: 48%
}

.dr-portfolio__title {
  text-align: center;
  width: 100%
}

.dr-portfolio .services-detail__content {
  width: 100%
}

.dr-portfolio .services-detail__item {
  margin-top: 0
}

@media (min-width:992px) and (max-width:1199px) {
  .dr-portfolio__item .services-detail__fotos {
    width: 423px
  }
}

@media (max-width:991px) {
  .dr-portfolio__item {
    width: 100%;
    margin-bottom: 30px
  }

  .dr-portfolio__item:last-child {
    margin-bottom: 0
  }

  .dr-portfolio__title {
    text-align: left
  }

  .dr-portfolio .services-detail__fotos-boxc {
    margin-left: auto;
    margin-right: auto
  }
}

@media (max-width:991px) {
  .services-detail__fotos-boxc {
    max-width: 100%
  }
}

.portfolio-dr2 .services-detail__fotos {
  margin-top: 0
}

@media (max-width:991px) {
  .portfolio-dr2 .services-detail__fotos {
    margin-bottom: 30px;
    -ms-flex-order: 3;
    order: 3
  }
}

@media (max-width:991px) {
  .services-detail__fotos-boxc {
    height: auto
  }
}

.gallery-top .swiper-button-arrows {
  display: none
}

.mejs__overlay {
  width: 100% !important;
  height: 100% !important
}

.mejs__overlay-button {
  opacity: 1;
  z-index: 5
}

.fvideo-auto {
  width: 396px;
  max-height: none !important;
  border-radius: 0
}

@media (max-width:991px) {
  .fvideo-auto {
    margin-left: auto
  }
}

.services-detail .fvideo-auto .mejs__video {
  max-width: 393px !important;
  width: 100% !important
}

.services-detail .fvideo-auto .mejs__video .mejs__controls {
  display: none;
  opacity: 0 !important
}

.services-detail .fvideo-auto .mejs__video .mejs__overlay-button {
  opacity: 0
}

.mejs__inner, .mejs__layers {
  width: 100%;
  height: 100%
}

video {
  background: #fff
}

.fvideo-auto .mejs__inner, .fvideo-auto .mejs__layers, .fvideo-auto video {
  width: auto !important;
  height: auto !important
}

.fvideo-auto .mejs__video {
  max-width: none !important;
  width: auto !important
}

.services-detail__item-slw100 .item-video {
  position: relative;
  display: block
}

.services-detail__item-slw100 .item-video:before {
  content: "";
  position: absolute;
  background: url(mejs-controls.svg) no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.w100 {
  width: 100%
}

.mt-0 {
  margin-top: 0
}

.mb40 {
  margin-bottom: 40px
}

.mb20 {
  margin-bottom: 15px
}

.list-violet, p {
  text-align: left
}

.list-violet li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px
}

.list-violet li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 9px;
  background: url(../images/arrow-violet-9-14.png) no-repeat 50%;
  background-size: cover;
  left: 0;
  top: 1px;
  bottom: 0;
  margin: auto
}

.web-step {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.web-step, .web-step__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.web-step__item {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 28px;
  width: 15.5%;
  padding: 12px 7px 12px 12px;
  margin: 0 5px 25px
}

.web-step__item.blue {
  background: linear-gradient(23.2deg, #002377, #44c3fb);
  box-shadow: 0 28px 50px rgba(61, 180, 239, .4)
}

.web-step__item.orange {
  background: linear-gradient(23.2deg, #956100, rgba(255, 220, 101, .6));
  box-shadow: 0 28px 50px hsla(45, 90%, 77%, .4)
}

.web-step__item.green {
  background: linear-gradient(23.2deg, #004329, #b2ea84);
  box-shadow: 0 28px 50px rgba(144, 202, 114, .5)
}

.web-step__item.violet {
  background: linear-gradient(23.2deg, #470053, rgba(230, 87, 255, .61));
  box-shadow: 0 28px 50px rgba(226, 131, 243, .4)
}

.web-step__item.blue-lite {
  background: linear-gradient(23.2deg, #0492e8, #19e3dd);
  box-shadow: 0 28px 50px rgba(14, 184, 227, .3)
}

.web-step__item.grey {
  background: linear-gradient(23.2deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56));
  box-shadow: 0 28px 50px hsla(0, 0%, 63%, .4)
}

.web-step__icon {
  margin-right: 10px
}

.web-step__title {
  font-size: 14px;
  line-height: 1.2;
  color: #fff
}

@media (max-width:1199px) {
  .web-step__item {
    width: 30%
  }
}

@media (max-width:767px) {
  .web-step__item {
    width: 45%
  }
}

@media (max-width:529px) {
  .web-step__item {
    width: 100%
  }
}

.web-portfolio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.web-portfolio__item {
  width: 30%;
  margin-bottom: 30px
}

.web-portfolio__foto {
  display: block;
  width: 100%;
  height: 185px;
  border-radius: 12px
}

.web-portfolio__foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px
}

.web-portfolio .services-detail__title {
  margin-bottom: 15px
}

@media (max-width:1199px) {
  .web-portfolio__item {
    width: 30%
  }
}

@media (max-width:991px) {
  .web-portfolio__item {
    width: 45%
  }
}

@media (max-width:529px) {
  .web-portfolio__item {
    width: 100%
  }
}

@media (min-width:1200px) {
  .services-header__title.web {
    font-size: 40px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .web-content .services-detail__content, .web-content .services-detail__fotos {
    width: 45%
  }
}

.about-anchor .services-detail__content {
  width: 100%
}

.about-us {
  margin-bottom: 60px
}

.about-us__logo {
  text-align: center
}

.about-us__logo .txt {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #050505;
  margin-left: 10px;
  position: relative;
  top: -2px
}

.about-us__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 68px
}

.about-us__item {
  width: 31%;
  position: relative;
  padding: 3px 3px 0
}

.about-us__item .box {
  background: #fff;
  height: 100%;
  text-align: center;
  padding: 30px 15px 10px
}

.about-us__item.violet {
  background: linear-gradient(#48266c, rgba(72, 38, 108, 0))
}

.about-us__item.violet:before {
  content: "";
  position: absolute;
  width: 223px;
  height: 3px;
  left: 50%;
  background: #48266c;
  top: -83px
}

.about-us__item.violet:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 83px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -83px;
  background: #48266c
}

@media (min-width:992px) and (max-width:1199px) {
  .about-us__item.violet:before {
    width: 180px
  }
}

.about-us__item.green {
  background: linear-gradient(#006c2f, rgba(72, 38, 108, 0))
}

.about-us__item.green:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -65px;
  background: #006c2f
}

.about-us__item.orange {
  background: linear-gradient(#f37b17, rgba(72, 38, 108, 0))
}

.about-us__item.orange:before {
  content: "";
  position: absolute;
  width: 213px;
  height: 3px;
  right: 50%;
  background: #f37b17;
  top: -83px
}

.about-us__item.orange:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 83px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -83px;
  background: #f37b17
}

@media (min-width:992px) and (max-width:1199px) {
  .about-us__item.orange:before {
    width: 170px
  }
}

.about-us__icon {
  margin-bottom: 20px
}

.about-us__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px
}

@media (max-width:991px) {
  .about-us__logo {
    padding-top: 20px;
    margin-bottom: 25px
  }

  .about-us__items {
    padding-top: 0
  }

  .about-us__item {
    width: 100%
  }

  .about-us__item:after, .about-us__item:before {
    opacity: 0
  }

  .about-us__item .box {
    padding-bottom: 40px
  }
}

.text-center {
  text-align: center
}

.about-step {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-step__item {
  width: 18%;
  cursor: pointer
}

.about-step__item.grey .item:before, .about-step__item.grey .items:after, .about-step__item.grey .items:before {
  background: #717171
}

.about-step__item.grey .about-step__title {
  background: linear-gradient(41deg, #727272 22.1%, hsla(0, 0%, 44%, .19) 66.45%);
  box-shadow: 0 28px 50px hsla(0, 0%, 63%, .4)
}

@media (min-width:992px) {
  .about-step__item.grey.active .about-step__desc, .about-step__item.grey:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.grey .about-step__desc {
    position: relative;
    left: 50%;
    opacity: 0
  }

  .about-step__item.grey .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.about-step__item.orange .about-step__title {
  background: linear-gradient(41.14deg, #956100 12.79%, rgba(255, 220, 101, .6) 66.39%);
  box-shadow: 0 28px 50px hsla(45, 90%, 77%, .4)
}

.about-step__item.orange .item:before, .about-step__item.orange .items:after, .about-step__item.orange .items:before {
  background: #956100
}

@media (min-width:992px) {
  .about-step__item.orange.active .about-step__desc, .about-step__item.orange:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.orange .about-step__desc {
    position: relative;
    left: 50%;
    opacity: 0
  }

  .about-step__item.orange .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.about-step__item.blue .about-step__title {
  background: linear-gradient(41.15deg, #002377, #44c3fb 66.3%);
  box-shadow: 0 28px 50px rgba(61, 180, 239, .4)
}

.about-step__item.blue .item:before, .about-step__item.blue .items:after, .about-step__item.blue .items:before {
  background: #002377
}

@media (min-width:992px) {
  .about-step__item.blue.active .about-step__desc, .about-step__item.blue:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.blue .about-step__desc {
    position: relative;
    left: 50%;
    opacity: 0
  }

  .about-step__item.blue .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.about-step__item.green .about-step__title {
  background: linear-gradient(41.14deg, #004329 .53%, #b2ea84 66.9%);
  box-shadow: 0 28px 50px rgba(144, 202, 114, .5)
}

.about-step__item.green .item:before, .about-step__item.green .items:after, .about-step__item.green .items:before {
  background: #004329
}

@media (min-width:992px) {
  .about-step__item.green .items:before {
    background: #004329;
    left: 201%
  }

  .about-step__item.green .items:after {
    background: transparent
  }

  .about-step__item.green.active .about-step__desc, .about-step__item.green:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.green .about-step__desc {
    position: relative;
    left: -153%;
    opacity: 0
  }

  .about-step__item.green .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .about-step__item.green .items:before {
    background: #004329;
    left: 244%
  }

  .about-step__item.green .items:after {
    background: #004329
  }

  .about-step__item.green:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.green .about-step__desc {
    position: relative;
    left: -201%;
    opacity: 0
  }

  .about-step__item.green .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.about-step__item.violet .about-step__title {
  background: linear-gradient(40.92deg, #470053, rgba(230, 87, 255, .61) 66.22%);
  box-shadow: 0 28px 50px rgba(226, 131, 243, .4)
}

.about-step__item.violet .item:before, .about-step__item.violet .items:after, .about-step__item.violet .items:before {
  background: #470053
}

@media (min-width:992px) {
  .about-step__item.violet .items:before {
    left: 294%
  }

  .about-step__item.violet.active .about-step__desc, .about-step__item.violet:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.violet .about-step__desc {
    position: relative;
    left: -248%;
    opacity: 0
  }

  .about-step__item.violet .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .about-step__item.violet .items:before {
    left: 357%
  }

  .about-step__item.violet.active .about-step__desc, .about-step__item.violet:hover .about-step__desc {
    opacity: 1
  }

  .about-step__item.violet .about-step__desc {
    position: relative;
    left: -319%;
    opacity: 0
  }

  .about-step__item.violet .about-step__desc .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
}

.about-step__title {
  text-align: center;
  padding: 30px 0;
  position: relative;
  border-radius: 28px;
  height: 221px
}

.about-step__title:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.about-step__title .icon, .about-step__title .text {
  position: relative;
  z-index: 2
}

.about-step__title .text {
  color: #fff
}

.about-step__desc {
  width: 100%;
  position: absolute
}

.about-step__desc .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  margin-top: 30px
}

.about-step__desc .items:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 55px;
  top: 0;
  left: 0;
  transform: rotate(15deg)
}

.about-step__desc .items:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  top: 53px;
  left: -7px
}

.about-step__desc .items .item {
  padding: 0 15px;
  position: relative
}

.about-step__desc .items .item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 53px;
  left: 0
}

.about-step__desc .items .item .icon {
  text-align: center;
  height: 43px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px
}

.about-step__desc .items .item .icon.ar {
  width: 38px
}

.about-step__desc .items .item .icon.vr {
  width: 52px
}

.about-step__desc .items .item .title {
  white-space: nowrap
}

@media (max-width:991px) {
  .about-step__item {
    width: 100%;
    margin-bottom: 25px
  }

  .about-step__item.active .about-step__desc {
    display: block
  }

  .about-step__desc {
    position: relative;
    display: none;
    opacity: 1;
    margin-left: 15px
  }

  .about-step__desc .items {
    position: relative
  }

  .about-step__desc .items .item {
    margin-bottom: 10px
  }

  .about-step__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    height: auto;
    padding: 0
  }

  .about-step__title br {
    display: none
  }
}

@media (max-width:529px) {
  .about-step__title {
    padding: 20px 0
  }

  .about-step__title .icon {
    width: 60px;
    height: 60px
  }

  .about-step__title .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
  }

  .about-step__title .text {
    line-height: 1.2;
    width: calc(100% - 80px)
  }
}

.about-technology {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.about-technology__box {
  width: 45%
}

.about-technology__item {
  margin-bottom: 20px
}

.about-technology__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 7px
}

.about-technology__desc {
  font-size: 16px
}

@media (max-width:767px) {
  .about-technology__box {
    width: 100%
  }
}

.about-clients {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px
}

.about-clients__item {
  margin: 0 15px
}

.about-clients img {
  filter: grayscale(100%);
  transition: all .3s ease
}

.about-clients img:hover {
  filter: grayscale(0)
}

@media (max-width:991px) {
  .about-clients__img {
    height: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.tabs-content {
  margin-bottom: 60px
}

.tabs-content:last-child {
  margin-bottom: 0
}

.mt27 {
  margin-top: 29px
}

.services-detail__item ul li a {
  pointer-events: none
}

.services-header__back:hover {
  color: #050505
}

.footer-main-home .footer__lang {
  text-align: center
}

.services-detail.vr .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #002377, #44c3fb);
  color: #c2eaff
}

.services-detail.ar .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #956100, rgba(255, 220, 101, .6));
  color: #feffc2
}

.services-detail.dr .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #004329, #b2ea84);
  color: #dbffd8
}

.services-detail.web .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #470053, rgba(230, 87, 255, .61));
  color: #ffe8fe
}

.services-detail.about .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56));
  color: #fff
}

@media (max-width:991px) {
  .morder-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .morder-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .morder-4 {
    -ms-flex-order: 4;
    order: 4
  }

  .morder-3 {
    -ms-flex-order: 3;
    order: 3
  }

  .morder {
    margin-top: 2px !important;
    margin-bottom: 25px
  }
}

.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal
}

.mejs__container {
  background: #000;
  font-family: Helvetica, Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top
}

.mejs__container, .mejs__container * {
  box-sizing: border-box
}

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important
}

.mejs__fill-container, .mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative
}

.mejs__container:focus {
  outline: none
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%
}

.mejs__embed, .mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}

.mejs__fullscreen {
  overflow: hidden !important
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000
}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important
}

.mejs__background, .mejs__mediaelement {
  left: 0;
  position: absolute;
  top: 0
}

.mejs__mediaelement {
  height: 100%;
  width: 100%;
  z-index: 0
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1
}

:root .mejs__poster-img {
  display: none
}

.mejs__poster-img {
  border: 0;
  padding: 0
}

.mejs__overlay {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0
}

.mejs__layer {
  z-index: 1
}

.mejs__overlay-play {
  cursor: pointer
}

.mejs__overlay-button {
  background: url(mejs-controls.svg) no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px
}

.mejs__overlay:hover>.mejs__overlay-button {
  background-position: -80px -39px
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px
}

.mejs__overlay-loading-bg-img {
  animation: Ab 1s linear infinite;
  background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1
}

@keyframes Ab {
  to {
    transform: rotate(1turn)
  }
}

.mejs__controls {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3
}

.mejs__controls:not([style*="display: none"]) {
  background: rgba(255, 0, 0, .7);
  background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}

.mejs__button, .mejs__time, .mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px
}

.mejs__button>button {
  background: transparent url(mejs-controls.svg);
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px
}

.mejs__button>button:focus {
  outline: 1px dotted #999
}

.mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {
  outline: 0
}

.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto
}

.mejs__play>button {
  background-position: 0 0
}

.mejs__pause>button {
  background-position: -20px 0
}

.mejs__replay>button {
  background-position: -160px 0
}

.mejs__time-rail {
  direction: ltr;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute
}

.mejs__time-total {
  background: hsla(0, 0%, 100%, .3);
  margin: 5px 0 0;
  width: 100%
}

.mejs__time-buffering {
  animation: Bb 2s linear infinite;
  background: linear-gradient(-45deg, hsla(0, 0%, 100%, .4) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);
  background-size: 15px 15px;
  width: 100%
}

@keyframes Bb {
  0% {
    background-position: 0 0
  }

  to {
    background-position: 30px 0
  }
}

.mejs__time-loaded {
  background: hsla(0, 0%, 100%, .3)
}

.mejs__time-current, .mejs__time-handle-content {
  background: hsla(0, 0%, 100%, .9)
}

.mejs__time-hovered {
  background: hsla(0, 0%, 100%, .5);
  z-index: 10
}

.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, .2)
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded {
  left: 0;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all .15s ease-in;
  width: 100%
}

.mejs__time-buffering {
  transform: scaleX(1)
}

.mejs__time-hovered {
  transition: height .1s cubic-bezier(.44, 0, 1, 1)
}

.mejs__time-hovered.no-hover {
  transform: scaleX(0) !important
}

.mejs__time-handle, .mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  transform: translateX(0);
  z-index: 11
}

.mejs__time-handle-content {
  border: 4px solid hsla(0, 0%, 100%, .9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  transform: scale(0);
  width: 10px
}

.mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content {
  transform: scale(1)
}

.mejs__time-float {
  background: #eee;
  border: 1px solid #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 36px
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px
}

.mejs__time-float-corner {
  border: 5px solid #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px
}

.mejs__long-video .mejs__time-float-current {
  width: 60px
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%
}

.mejs__fullscreen-button>button {
  background-position: -80px 0
}

.mejs__unfullscreen>button {
  background-position: -100px 0
}

.mejs__mute>button {
  background-position: -60px 0
}

.mejs__unmute>button {
  background-position: -40px 0
}

.mejs__volume-button {
  position: relative
}

.mejs__volume-button>.mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, .7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  transform: translateX(-50%);
  width: 25px;
  z-index: 1
}

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px
}

.mejs__volume-total {
  background: hsla(0, 0%, 100%, .5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  transform: translateX(-50%);
  width: 2px
}

.mejs__volume-current {
  left: 0;
  margin: 0;
  width: 100%
}

.mejs__volume-current, .mejs__volume-handle {
  background: hsla(0, 0%, 100%, .9);
  position: absolute
}

.mejs__volume-handle {
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 16px
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px
}

.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, .8);
  height: 8px;
  top: 16px;
  width: 50px
}

.mejs__horizontal-volume-current, .mejs__horizontal-volume-total {
  border-radius: 2px;
  font-size: 1px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute
}

.mejs__horizontal-volume-current {
  background: hsla(0, 0%, 100%, .8);
  height: 100%;
  top: 0;
  width: 100%
}

.mejs__horizontal-volume-handle {
  display: none
}

.mejs__captions-button, .mejs__chapters-button {
  position: relative
}

.mejs__captions-button>button {
  background-position: -140px 0
}

.mejs__chapters-button>button {
  background-position: -180px 0
}

.mejs__captions-button>.mejs__captions-selector, .mejs__chapters-button>.mejs__chapters-selector {
  background: rgba(50, 50, 50, .7);
  border: 1px solid transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px
}

.mejs__chapters-button>.mejs__chapters-selector {
  margin-right: -55px;
  width: 110px
}

.mejs__captions-selector-list, .mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0
}

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: hsla(0, 0%, 100%, .4) !important
}

.mejs__captions-selector-input, .mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute
}

.mejs__captions-selector-label, .mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%
}

.mejs__captions-selected, .mejs__chapters-selected {
  color: #21f8f8
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: 400
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%
}

.mejs__captions-position-hover {
  bottom: 35px
}

.mejs__captions-text, .mejs__captions-text * {
  background: hsla(0, 0%, 8%, .5);
  box-shadow: 5px 0 0 hsla(0, 0%, 8%, .5), -5px 0 0 hsla(0, 0%, 8%, .5);
  padding: 0;
  white-space: pre-wrap
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none
}

.mejs__overlay-error {
  position: relative
}

.mejs__overlay-error>img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1
}

.mejs__cannotplay, .mejs__cannotplay a {
  color: #fff;
  font-size: .8em
}

.mejs__cannotplay {
  position: relative
}

.mejs__cannotplay a, .mejs__cannotplay p {
  display: inline-block;
  padding: 0 15px;
  width: 100%
}

* {
  margin: 0;
  padding: 0
}

body {
  font-family: Exo, sans-serif
}

.context {
  width: 100%;
  position: absolute;
  top: 50vh
}

.context h1 {
  text-align: center;
  color: #fff;
  font-size: 50px
}

.area {
  background: #fff;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 35
}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: hsla(0, 0%, 83%, .9);
  animation: Cb 25s linear infinite;
  bottom: -150px
}

.circles li:first-child {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s
}

@keyframes Cb {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0
  }

  to {
    transform: translateY(-1000px) rotate(2turn);
    opacity: 0;
    border-radius: 50%
  }
}

@keyframes Db {
  0% {
    border-radius: 28px
  }

  to {
    border-radius: 100px 0 0 100px
  }
}

.page-services {
  padding-bottom: 40px
}

.page-home.ms-active {
  height: auto
}

.page-home.ms-active .footer-main-home, .page-home.ms-active .home-sl .swiper-arrows-home {
  display: none
}

.page-home.ms-active .main-home {
  height: auto
}

.page-home.ms-active .header-pages, .page-home.ms-active .main-services .services-header {
  display: none
}

.swiper-wrapper.none {
  opacity: 0
}

.home-sl.none {
  display: none
}

.services-header.fix {
  position: fixed;
  z-index: 5;
  top: 79px
}

.pheader {
  height: 100vh
}

.page-services {
  min-height: 101vh
}

.page-services.hfix {
  padding-top: 385px
}

.page-services.hfix-one {
  padding-top: 80px
}

.services-header.fix>.container {
  position: relative;
  right: 30px;
  top: 15px
}

.services-header.fix .services-header__back, .services-header.fix .services-header__back:hover {
  color: #fff
}

.services-header.fix .services-header__back span:before {
  background: url(../images/arrow-back-white.png) no-repeat 50%
}

.services-header>.container {
  z-index: 10000;
  margin: 0;
  padding: 0 30px 0 0;
  height: 22px;
  width: auto
}

.main-services.bg {
  position: relative
}

.main-services.bg:before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100px
}

.page-home {
  height: 100vh;
  overflow: hidden !important
}

.page-home.sd-active {
  overflow-y: auto !important
}

.vr:before {
  box-shadow: 0 28px 50px rgba(14, 184, 227, .2)
}

.vr:after {
  background: linear-gradient(51.34deg, #0492e8, #19e3dd)
}

.vr:hover:before {
  box-shadow: 0 28px 50px rgba(14, 184, 227, .3)
}

.vr-title {
  color: #ffe69c
}

.ar-title {
  color: #b2e4ff
}

.dr-title {
  color: #f6ffa4
}

.web-title {
  color: #c1d3ff
}

.ar:before {
  box-shadow: 0 28px 50px rgba(32, 104, 164, .2)
}

.ar:after {
  background: linear-gradient(44.09deg, #1f3a7a, #219cd3)
}

.ar:hover:before {
  box-shadow: 0 28px 50px rgba(32, 104, 164, .3)
}

.dr:before {
  box-shadow: 0 28px 50px rgba(80, 131, 82, .2)
}

.dr:after {
  background: linear-gradient(44.09deg, #09422c, #a1cd7c)
}

.dr:hover:before {
  box-shadow: 0 28px 50px rgba(80, 131, 82, .3)
}

.web:before {
  box-shadow: 0 28px 50px rgba(67, 89, 133, .2)
}

.web:after {
  background: linear-gradient(44.09deg, #1f3455, #6980b7)
}

.web:hover:before {
  box-shadow: 0 28px 50px rgba(67, 89, 133, .3)
}

@media (min-width:768px) {
  .main-home .container {
    padding: 0
  }
}

.home-sl {
  padding-top: 234px;
  padding-bottom: 75px
}

.home-sl .swiper-container {
  overflow: visible;
  opacity: 0
}

.home-sl .swiper-container.swiper-container-horizontal {
  opacity: 1
}

.home-sl .swiper-slide {
  margin-right: 30px
}

.home-sl__item {
  padding: 24px 24px 32px;
  border-radius: 28px;
  height: 248px;
  position: relative;
  display: block
}

.home-sl__item.test, .home-sl__item.test:after, .home-sl__item.test:before {
  border-radius: 100px 0 0 100px
}

.home-sl__item:before {
  height: 100%;
  top: 0
}

.home-sl__item:after, .home-sl__item:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  border-radius: 28px;
  transition: all .3s ease
}

.home-sl__item:after {
  height: 248px;
  bottom: 0;
  right: 0
}

.home-sl__item:hover:after {
  height: 320px
}

.home-sl__item:hover .home-sl__icon {
  top: -186px;
  transform: scale(1.2)
}

.home-sl__item:hover .home-sl__icon .up {
  opacity: 0
}

.home-sl__item:hover .home-sl__icon .down {
  opacity: 1
}

.home-sl__item:hover .home-sl__content {
  bottom: 78px
}

.home-sl__item:hover .home-sl__more {
  opacity: 1
}

.home-sl__icon {
  width: 240px;
  height: 240px;
  top: -120px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  transform: scale(.65)
}

.home-sl__icon, .home-sl__icon img {
  position: absolute;
  left: 0;
  right: 0;
  transition: all .3s ease
}

.home-sl__icon img {
  margin: auto;
  transform: scale(.9)
}

.home-sl__icon .up {
  opacity: 1
}

.home-sl__icon .down {
  opacity: 0
}

.home-sl__content {
  position: absolute;
  bottom: 32px;
  z-index: 2;
  transition: all .3s ease
}

.home-sl__title {
  font-size: 29px;
  font-weight: 800;
  letter-spacing: -.5px;
  margin-bottom: 6px
}

.home-sl__subtitle {
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.home-sl__subtitle span {
  font-weight: 600;
  opacity: .7
}

.home-sl__more {
  font-family: PFDinCondensed, Arial sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  bottom: 32px;
  opacity: 0;
  z-index: 2;
  transition: all .3s ease
}

.home-sl__more span {
  position: relative;
  padding-right: 12px
}

.home-sl__more span:before {
  content: "";
  position: absolute;
  background: url(../images/arrow-white.png) no-repeat 50%;
  width: 9px;
  height: 14px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.home-sl .swiper-slide-active .home-sl__icon {
  transform: scale(1)
}

.home-sl .swiper-arrows-home {
  position: relative;
  text-align: right;
  bottom: -114px
}

@media (min-width:768px) {
  .home-sl .swiper-arrows-home {
    width: 200px;
    margin: 0 0 0 auto
  }
}

.home-sl .swiper-arrow-home {
  position: relative;
  right: 0;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #050505;
  cursor: pointer
}

.home-sl .swiper-arrow-home.swiper-button-disabled {
  opacity: .6;
  cursor: none;
  pointer-events: none
}

.home-sl .swiper-arrow-home span {
  position: relative
}

.home-sl .swiper-arrow-home span:before {
  content: "";
  position: absolute;
  background: url(../images/arrow-grey.png) no-repeat 50%;
  width: 9px;
  height: 15px;
  transform: rotate(1turn);
  opacity: .7;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: all .3s ease
}

.home-sl .swiper-button-prev-home span {
  padding-left: 16px
}

.home-sl .swiper-button-prev-home span:before {
  left: 0;
  transform: rotate(180deg)
}

.home-sl .swiper-button-prev-home:hover span:before {
  left: -5px
}

.home-sl .swiper-button-next-home {
  margin-left: 50px
}

.home-sl .swiper-button-next-home span {
  padding-right: 16px
}

.home-sl .swiper-button-next-home span:before {
  right: 0
}

.home-sl .swiper-button-next-home:hover span:before {
  right: -5px
}

@media (min-width:768px) and (max-height:800px) {
  .home-sl {
    padding-top: 21vh
  }
}

@media (min-width:1200px) {
  .home-sl .swiper-arrow-home {
    right: 0
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item:after {
    height: 320px
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item .home-sl__icon {
    top: -186px;
    transform: scale(1.2)
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item .home-sl__icon .up {
    opacity: 0
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item .home-sl__icon .down {
    opacity: 1
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item .home-sl__content {
    bottom: 78px
  }

  .home-sl .swiper-wrapper.none .swiper-slide-active .home-sl__item .home-sl__more {
    opacity: 1
  }

  .home-sl .swiper-slide-active .home-sl__item:after {
    height: 320px
  }

  .home-sl .swiper-slide-active .home-sl__item .home-sl__icon {
    top: -186px;
    transform: scale(1.2)
  }

  .home-sl .swiper-slide-active .home-sl__item .home-sl__icon .up {
    opacity: 0
  }

  .home-sl .swiper-slide-active .home-sl__item .home-sl__icon .down {
    opacity: 1
  }

  .home-sl .swiper-slide-active .home-sl__item .home-sl__content {
    bottom: 78px
  }

  .home-sl .swiper-slide-active .home-sl__item .home-sl__more {
    opacity: 1
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .home-sl .swiper-arrow-home {
    right: 0
  }
}

@media (min-width:768px) and (max-width:991px) {
  .home-sl__title {
    font-size: 26px
  }

  .home-sl .swiper-slide {
    width: 30%
  }
}

@media (max-width:767px) {
  .home-sl {
    padding-top: 0;
    padding-bottom: 0;
    height: auto
  }

  .home-sl .swiper-slide {
    width: 100%
  }

  .home-sl__item {
    max-width: 260px;
    margin: auto
  }

  .home-sl .swiper-arrows-home {
    bottom: -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: initial
  }

  .home-sl .swiper-button-prev-home {
    width: 50%
  }

  .home-sl .swiper-button-next-home {
    width: 50%;
    margin-left: 0;
    text-align: right
  }
}

@media (max-height:550px) and (orientation:landscape) {
  .home-sl__item, .home-sl__item:after {
    height: 146px
  }

  .home-sl__icon {
    transform: scale(.5)
  }

  .home-sl .swiper-arrows-home {
    position: absolute;
    bottom: auto;
    top: -40px;
    width: 100%;
    background: #fff
  }

  .home-sl .swiper-button-prev-home {
    left: 0
  }

  .home-sl .swiper-button-next-home {
    right: 0
  }

  .home-sl .swiper-slide-active .home-sl__icon {
    transform: scale(.6)
  }
}

.main-home {
  height: calc(100vh - 116px - 100px)
}

.main-home .container, .main-home .home-sl, .main-home .swiper-container {
  height: 100%
}

.main-home .container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-left: 30px;
  padding-right: 30px
}

@media (min-width:992px) {
  .main-home .container {
    max-width: 80vw
  }
}

@media (max-width:767px) {
  .main-home {
    height: calc(100vh - 100px)
  }

  .main-home .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-pack: center;
    justify-content: center
  }

  .main-home .home-sl {
    height: auto
  }
}

.footer {
  padding: 40px 0
}

.footer__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.footer__social {
  width: 33.333%
}

.footer__social a {
  display: inline-block;
  transition: all .3s ease
}

.footer__social a img {
  transform: scale(1);
  transition: all .3s ease
}

.footer__social a+a {
  margin-left: 21px
}

.footer__social a:hover img {
  transform: scale(1.1)
}

.footer__lang {
  width: 33.3333%;
  text-align: center
}

.footer__lang a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #050505;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 2px
}

.footer__lang a:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #050505;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width .3s ease
}

.footer__lang a+a {
  margin-left: 11px
}

.footer__lang a.actives:before, .footer__lang a:hover:before {
  width: 100%
}

.footer__copyright {
  font-size: 15px;
  font-weight: 600;
  color: #050505;
  opacity: .6
}

.footer.footer--sr .footer__box {
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width:992px) and (max-width:1199px) {
  .footer {
    padding-left: 77px
  }

  .footer.footer-main-home {
    padding-left: 0
  }

  .footer.footer-main-home .footer__lang {
    text-align: center
  }

  .footer__lang {
    text-align: left
  }
}

@media (max-width:991px) {
  .footer {
    padding-left: 59px
  }
}

@media (min-width:768px) and (max-width:991px) {
  .footer.footer-main-home {
    padding-left: 0
  }

  .footer.footer-main-home .footer__social {
    width: 33.3333%
  }

  .footer.footer-main-home .footer__lang {
    width: 33.3333%;
    text-align: center
  }
}

@media (min-width:685px) and (max-width:991px) {
  .footer__social {
    -ms-flex-order: 1;
    order: 1;
    width: auto
  }

  .footer__lang {
    -ms-flex-order: 3;
    order: 3;
    width: auto
  }

  .footer__copyright {
    -ms-flex-order: 2;
    order: 2
  }
}

@media (max-width:767px) {
  .footer {
    padding-left: 59px
  }

  .footer__social {
    width: 49%
  }

  .footer__lang {
    width: 51%;
    text-align: right
  }

  .footer__copyright {
    width: 100%;
    margin-top: 15px;
    text-align: center;
    display: none
  }

  .footer.footer-main-home {
    padding: 0;
    position: absolute;
    bottom: 18px;
    width: 100%
  }
}

@media (max-width:767px) {
  .footer__box {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .footer__lang {
    width: auto;
    text-align: right !important
  }
}

@media (max-width:411px) {
  .footer__social a+a {
    margin-left: 14px
  }

  .footer__lang {
    width: auto;
    text-align: right !important
  }
}

@media (max-width:370px) {
  .footer {
    padding-left: 0
  }
}

.services-pagination {
  position: fixed;
  width: 100%;
  background: #fff;
  bottom: 0;
  z-index: 11;
  left: 0
}

.services-pagination .container {
  position: relative;
  height: 48px
}

.services-pagination__item {
  font-size: 15px;
  font-weight: 600;
  color: #050505;
  opacity: .8;
  position: absolute;
  min-height: 19px;
  top: 14px;
  transition: all .3s ease
}

.services-pagination__item:hover {
  opacity: 1;
  color: #050505
}

.services-pagination__item:hover:before {
  opacity: 1
}

.services-pagination__item:before {
  content: "";
  position: absolute;
  background: url(../images/arrow-grey.png) no-repeat 50%;
  width: 9px;
  height: 15px;
  opacity: .8;
  bottom: 0;
  margin: auto;
  transform: rotate(1turn);
  top: 1px
}

.services-pagination__item.prev {
  padding-left: 17px;
  left: 15px
}

.services-pagination__item.prev:before {
  left: 0;
  transform: rotate(180deg)
}

.services-pagination__item.next {
  padding-right: 17px;
  right: 15px
}

.services-pagination__item.next:before {
  right: 0
}

@media (max-width:1199px) {
  .services-pagination {
    left: 0;
    right: 0
  }
}

.svr {
  padding-bottom: 40px
}

.item-rar {
  animation: Db 1s
}

.home-sl .swiper-slide-prev {
  transition: all 1s ease;
  opacity: 0
}

.home-sl__item.vr:before {
  box-shadow: 0 28px 50px rgba(61, 180, 239, .4)
}

.home-sl__item.vr:after {
  background: linear-gradient(44.09deg, #002377, #44c3fb)
}

.home-sl__item.vr:hover:before {
  box-shadow: 0 28px 50px rgba(61, 180, 239, .4)
}

.home-sl__item.vr .home-sl__title {
  color: #c2eaff
}

.home-sl__item.ar:before {
  box-shadow: 0 28px 50px hsla(45, 90%, 77%, .4)
}

.home-sl__item.ar:after {
  background: linear-gradient(44.09deg, #956100, rgba(255, 220, 101, .6))
}

.home-sl__item.ar:hover:before {
  box-shadow: 0 28px 50px hsla(45, 90%, 77%, .4)
}

.home-sl__item.ar .home-sl__title {
  color: #feffc2
}

.home-sl__item.dr:before {
  box-shadow: 0 28px 50px rgba(144, 202, 114, .5)
}

.home-sl__item.dr:after {
  background: linear-gradient(44.09deg, #004329, #b2ea84)
}

.home-sl__item.dr:hover:before {
  box-shadow: 0 28px 50px rgba(144, 202, 114, .5)
}

.home-sl__item.dr .home-sl__title {
  color: #dbffd8
}

.home-sl__item.web:before {
  box-shadow: 0 28px 50px rgba(226, 131, 243, .4)
}

.home-sl__item.web:after {
  background: linear-gradient(44.09deg, #470053, rgba(230, 87, 255, .61))
}

.home-sl__item.web:hover:before {
  box-shadow: 0 28px 50px rgba(226, 131, 243, .4)
}

.home-sl__item.web .home-sl__title {
  color: #ffe8fe
}

.home-sl__item.about:before {
  box-shadow: 0 28px 50px hsla(0, 0%, 63%, .4)
}

.home-sl__item.about:after {
  background: linear-gradient(44.09deg, #898989, #585858 .01%, hsla(0, 0%, 91%, .56))
}

.home-sl__item.about:hover:before {
  box-shadow: 0 28px 50px hsla(0, 0%, 63%, .4)
}

.home-sl__item.about .home-sl__title {
  color: #fff
}

.preloader-box {
  width: 100%;
  height: 100vh
}

.body-phome {
  opacity: 0;
  transition: all 1s ease 1s
}

.page-services .area {
  z-index: -1
}

.page-services .services-detail {
  background: #fff
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto
}

.mCSB_inside>.mCSB_container {
  margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right: auto;
  left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .1);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .75);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .1);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .75);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75);
  border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, .05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .2);
  box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .9)
}

body, html {
  max-width: 100%;
  overflow-x: hidden !important;
  scroll-behavior: smooth
}

body {
  color: #000;
  font-family: Visby CF, Arial sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  background: #fff;
  box-sizing: border-box
}

@media (min-width:1200px) {
  .page-home .pjax-container {
    margin-top: 116px
  }
}

@media (min-width:1280px) {
  .body-phome {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: -2px 10px 28px -11px rgba(0, 0, 0, .75);
    padding: 1px 23px 15px 0;
    overflow: hidden
  }

  .body-phome, .body-phome.ms-active .header {
    background: #fff
  }

  .body-phome.ms-active .header.fix {
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, .99) 78%, hsla(0, 0%, 100%, .99) 81%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0)
  }

  .body-phome.page-services {
    box-shadow: none;
    max-width: 100%;
    padding: 0
  }

  .body-phome .header {
    left: 0;
    background: transparent
  }

  .body-phome .header.fix {
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, .99) 78%, hsla(0, 0%, 100%, .99) 81%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0)
  }

  .body-phome:before {
    content: "";
    position: absolute;
    width: 100%;
    max-width: 1366px;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0
  }
}

*, :active, :focus, :hover {
  outline: none
}

.btn.focus, .btn:focus {
  box-shadow: none
}

input, textarea {
  outline: none;
  border: none;
  border-radius: 0
}

label {
  margin-bottom: 0
}

ul {
  padding: 0;
  margin: 0
}

ul li {
  list-style: none
}

p {
  margin-bottom: 0
}

a:focus, a:hover {
  outline: none;
  text-decoration: none
}

img {
  max-width: 100%
}

.slick-list {
  width: 100%
}

.clear {
  clear: both
}

.bt {
  border-top: 1px solid #e7ece5
}

.bb {
  border-bottom: 1px solid #e7ece5
}

.h2, h2 {
  font-size: 48px;
  font-weight: 700;
  color: #151515;
  margin-bottom: 34px;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-left: -3px
}

.h2.textmormal, h2.textmormal {
  text-transform: none
}

.h2.fw-normal, h2.fw-normal {
  font-weight: 400;
  font-size: 46px
}

.h2+.h4, h2+.h4 {
  margin-top: 39px
}

@media (max-width:991px) {
  .h2, h2 {
    font-size: 28px;
    margin-left: -2px;
    margin-bottom: 27px
  }

  .h2.fw-normal, h2.fw-normal {
    font-weight: 400;
    font-size: 28px
  }

  .h2+.h4, h2+.h4 {
    margin-top: 28px
  }
}

.h3, h3 {
  font-size: 30px;
  font-weight: 500;
  color: #151515;
  margin-bottom: 31px
}

@media (max-width:991px) {
  .h3, h3 {
    font-size: 20px;
    margin-bottom: 13px
  }
}

.h4, h4 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
  color: #323232;
  margin-bottom: 22px
}

@media (max-width:991px) {
  .h4, h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 13px
  }
}

.flex-between {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex-around, .flex-between {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.flex-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.flex-jcenter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center
}

.bg-image {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1200px
  }
}

@media (max-width:991px) {
  .container {
    max-width: 100%
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 80%
  }
}

.compensate-for-scrollbar {
  margin-right: 0 !important
}

.footer__lang {
  width: 33%;
  text-align: left
}

.footer__lang a.actives {
  display: inline-block
}

@media (min-width:992px) {
  .footer__lang {
    display: inline-block;
    width: 108px;
    position: absolute;
    left: 1px;
    right: 0;
    margin: auto
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .footer__lang {
    text-align: center
  }
}

@media (max-width:991px) {
  .footer__lang {
    text-align: right;
    width: auto
  }
}

@media (max-width:767px) {
  .footer__lang {
    text-align: right;
    width: 48%
  }
}

@media (max-width:412px) {
  .footer__lang {
    text-align: right
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .footer.footer-main-home .footer__lang {
    text-align: center;
    padding-right: 0
  }
}

.area-logo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.area-logo__icon {
  width: 60px;
  height: 60px
}

.area-logo__title {
  font-weight: 700;
  color: #050505
}

.area-logo__subtitle, .area-logo__title {
  font-size: 22px;
  margin-left: 10px;
  position: relative;
  top: -2px
}

.area-logo__subtitle {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .5px;
  color: #858585
}

.services-pagination__contacts {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  min-height: 19px;
  top: 14px;
  font-size: 15px;
  font-weight: 600;
  color: #050505;
  opacity: .6;
  border: 1px solid #050505;
  text-align: center;
  width: 111px;
  margin: auto;
  border-radius: 12px;
  padding: 0 10px 3px;
  transition: all .3s ease
}

.home-sl__item.ma:before {
  box-shadow: 0 28px 50px rgba(255, 0, 0, 0.4); /* Красный тень */
}

.home-sl__item.ma:after {
  background: linear-gradient(44.09deg, #ff0000, rgba(255, 100, 100, 0.6)); /* Красный градиент */
}

.home-sl__item.ma:hover:before {
  box-shadow: 0 28px 50px rgba(255, 0, 0, 0.6);
}

.home-sl__item.ma .home-sl__title {
  color: #ffeaea; /* Светло-красный текст */
}

.services-pagination__contacts:hover {
  opacity: .8;
  color: #050505
}

@media (max-width:474px) {
  .services-pagination__contacts {
    display: none
  }
}

/*# sourceMappingURL=main.css.map */
.services-detail__contacts {
  margin: 5px 50px;
}





.services-detail__buttons {
    margin-top: 20px;
    display: flex;
    gap: 20px; /* расстояние между кнопками */
}

.btn-site {
    flex: 1; /* каждая кнопка занимает равную ширину */
    text-align: center;
    padding: 20px 0; /* кнопка выше */
    font-size: 2rem; /* в 2 раза больше стандартного размера текста */
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.btn-site:hover {
    background-color: #003f80;
}

.btn-site.btn-secondary {
    background-color: transparent;
    border: 3px solid #0056b3;
    color: #0056b3;
}

.btn-site.btn-secondary:hover {
    background-color: #0056b3;
    color: #fff;
}
/* =============================================================
   Mobile apps (ma) — page theme.
   Red gradient header to match the .home-sl__item.ma red theme.
   ============================================================= */
.services-header__item.ma {
  position: relative;
  width: 100%;
}

.services-header__item.ma:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(44.09deg, #ff0000, rgba(255, 100, 100, 0.6));
  box-shadow: 0 28px 50px rgba(255, 0, 0, 0.4);
}

.services-header__title.ma {
  color: #ffeaea;
}

/* Mobile apps (ma) — services-detail section markers, list bullets and
   portfolio tab pills, themed red to match the .ma page theme. */
.services-detail.ma .services-detail__box:before,
.services-detail.ma .services-detail__list li:before {
  background: linear-gradient(44.09deg, #ff0000, rgba(255, 100, 100, 0.6));
}

.services-detail.ma .services-detail__tabs ul li a {
  background: linear-gradient(44.09deg, #ff0000, rgba(255, 100, 100, 0.6));
  color: #ffeaea;
}

/* gallery-thumbs1 is initialized with Swiper navigation, so its buttons
   get swiper-button-disabled (pointer-events:none) when all thumbs fit in view.
   Override so click events still reach our inline handler that drives gallery-top1. */
.gallery-thumbs1 .swiper-button-next.swiper-button-disabled,
.gallery-thumbs1 .swiper-button-prev.swiper-button-disabled {
  pointer-events: auto;
  opacity: 1;
}

/* English pages have shorter/narrower text in menu-left-box.
   Because the box is rotated -90deg, its visual left edge = left + width/2 - height/2.
   English text is ~105px narrower than Ukrainian, so shift left value right by ~35px. */
.lang-en .menu-left-box {
  left: -65px;
}
@media (min-width:1360px) {
  .lang-en .menu-left-box {
    left: calc(((100vw - 1200px) / 2) - 190px);
  }
}
@media (max-width:1359px) {
  .lang-en .menu-left-box {
    left: -119px;
  }
}
@media (max-width:1199px) {
  .lang-en .menu-left-box {
    left: -119px;
  }
}
@media (max-width:991px) {
  .lang-en .menu-left-box {
    left: -139px;
  }
}

@media (min-width:1200px) {
  #container5555 > .container {
    max-width: 100%;
  }
}

/* ── Language Choice Popup ───────────────────────────────────────────────── */
.langchoice-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.langchoice-wrap {
  padding: 2px;
  border-radius: 26px;
  background: linear-gradient(135deg, #4facfe 0%, #00e8c6 45%, #43e97b 100%);
  box-shadow: 0 24px 64px rgba(0,0,0,0.35), 0 0 48px rgba(79,172,254,0.18);
  width: 90%;
  max-width: 520px;
}
.langchoice-popup {
  background: #fff;
  border-radius: 24px;
  padding: 44px 36px 36px;
  text-align: center;
}
.langchoice-popup__logo {
  width: 62px;
  height: 62px;
  margin: 0 auto 20px;
}
.langchoice-popup__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.langchoice-popup__title {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 28px;
  letter-spacing: -0.3px;
}
.langchoice-btn {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 18px 14px 20px;
  border-radius: 16px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  color: #1a1a2e;
  margin-bottom: 14px;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
  box-sizing: border-box;
  background: none;
  font-family: inherit;
}
.langchoice-btn:last-child { margin-bottom: 0; }
.langchoice-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.langchoice-btn--en {
  background: linear-gradient(to bottom, #ffffff, rgba(79,172,254,0.22));
  border-color: rgba(79,172,254,0.28);
}
.langchoice-btn--ua {
  background: linear-gradient(to bottom, #ffffff, rgba(255,179,40,0.25));
  border-color: rgba(255,163,20,0.30);
}
.langchoice-btn__icon {
  font-size: 38px;
  line-height: 1;
  margin-right: 14px;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.langchoice-btn__icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.langchoice-btn__text {
  flex: 1;
  text-align: left;
}
.langchoice-btn__arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 10px;
  font-size: 0;
  position: relative;
}
.langchoice-btn__arrow::after {
  content: '';
  display: block;
  width: 13px;
  height: 13px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  border-radius: 1px;
  transform: rotate(45deg) translate(-2px, 2px);
}
.langchoice-btn--en .langchoice-btn__arrow { background: #4facfe; }
.langchoice-btn--ua .langchoice-btn__arrow { background: #ffb347; }
@media (max-width: 480px) {
  .langchoice-popup { padding: 32px 20px 28px; }
  .langchoice-popup__title { font-size: 22px; }
  .langchoice-btn { font-size: 15px; padding: 12px 14px; }
  .langchoice-btn__icon { font-size: 30px; }
}