@font-face {font-family: 'Gilroy-Medium';src: url('https://www.sibserv.com/images/3A8FD3_1_0.eot');src: url('https://www.sibserv.com/images/3A8FD3_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.sibserv.com/images/3A8FD3_1_0.woff2') format('woff2'),url('https://www.sibserv.com/images/3A8FD3_1_0.woff') format('woff'),url('https://www.sibserv.com/images/3A8FD3_1_0.ttf') format('truetype');}
@font-face {font-family: 'Gilroy';src: url('https://www.sibserv.com/images//3A8FD3_0_0.eot');src: url('https://www.sibserv.com/images//3A8FD3_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.sibserv.com/images//3A8FD3_0_0.woff2') format('woff2'),url('https://www.sibserv.com/images//3A8FD3_0_0.woff') format('woff'),url('https://www.sibserv.com/images//3A8FD3_0_0.ttf') format('truetype');}
@font-face {font-family: 'Gilroy';src: url('https://www.sibserv.com/images//3A8FD3_1_0.eot');src: url('https://www.sibserv.com/images//3A8FD3_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.sibserv.com/images//3A8FD3_1_0.woff2') format('woff2'),url('https://www.sibserv.com/images//3A8FD3_1_0.woff') format('woff'),url('https://www.sibserv.com/images//3A8FD3_1_0.ttf') format('truetype'); font-weight: 500;}
@font-face {font-family: 'Gilroy';src: url('https://www.sibserv.com/images//3A8FD3_2_0.eot');src: url('https://www.sibserv.com/images//3A8FD3_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.sibserv.com/images//3A8FD3_2_0.woff2') format('woff2'),url('https://www.sibserv.com/images//3A8FD3_2_0.woff') format('woff'),url('https://www.sibserv.com/images//3A8FD3_2_0.ttf') format('truetype'); font-weight: bold;}

html, body {margin:0; padding:0; border:0;}
body {display:block; position: relative;color:#404040; font:13px/16px Gilroy, serif;}
body.no-scroll {overflow: hidden;}

/* Основные тэги по-умолчаию */
a {color:#404040;}
a:hover {color:#A0A0A0;}
a.nolink, a.nolink * {color:#404040; text-decoration:none;}

h2.subtitle {margin:0 auto; padding:0; text-align:center; width:100%;font-weight: 500; font-size: 30px; line-height: 36px;}
iframe {border: none;}

.clearfix {overflow: auto; clear:both;}
.clearfix:after {content: ""; clear: both; display: table;}
.overTrasf {overflow:visible !important;}

/* Шапка */
#GlobHead {width: 100%; position: relative; top: 0; z-index: 1; height: 80px; background-color: #fff;}
   #GlobHead > div {box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25); color: #737373; font-size: 0; text-align: center;}
   .HeadSubMenu {margin-bottom:85px;}
.HeadLogo {margin-left: 49px; cursor: pointer; text-decoration: none; font-size: 0; position: absolute; top: 0; left: 0;}
.sskLogo {height: 80px; width: 97px; box-sizing: border-box; display: inline-block; vertical-align: middle; background: url("https://www.sibserv.com/images/logo.svg") no-repeat center right; background-size: contain; }

.MenuBurger {position: absolute; right: 10px; display: none; top: 50%; margin-top:-20px; z-index: 3;}
   .MenuBurger:before {font-size: 30px; line-height: 36px;content: '\2630'; width: 40px; display: block; height: 40px; color: black; padding: 3px; box-sizing: border-box;}
.MenuMain {text-align: center; display: block; vertical-align: middle; margin: 0 auto;}
   .MenuMain div.mItem {display: inline-block; vertical-align: middle; font-family: Gilroy-Medium, sans-serif; font:13px/16px Gilroy, serif; letter-spacing: 0.05em; height: 80px; padding: 32px 18px; box-sizing: border-box; color: inherit; text-decoration: none;}
   .MenuMain div.mItem a.menu {text-transform: uppercase; position: relative; color: inherit; text-decoration: none; font-family: Gilroy-Medium, sans-serif;}
   .MenuMain div.mItem.active a.menu:after, .MenuMain div.mItem:hover a.menu:after {content: ""; position: absolute; width: 100%; top: 20px; left: 0; height: 3px; background: #FA7900;}
      .MenuMain div.mItem div.SubmenuOv {text-align: center; font-size: 0; background-color:#E8EBEE; position: relative; visibility: hidden; height: 0; transition: height 0.2s; position: absolute; top: 100%; left: 0; width: 100%; box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);}
      .MenuMain div.mItem.active div.SubmenuOv {display: block; visibility: visible; height: auto;}
      .MenuMain div.mItem:hover div.SubmenuOv {display: block; visibility: visible; height: auto;z-index:20;}
      .boxSubmenu {max-width: calc(50% + 400px); text-align: left; position: relative; top: 0; left: calc(50% - 460px); display: flex; padding: 16px 12px; height: 56px; align-items: center; flex-wrap: wrap;}
      .boxSubmenu a {font:13px/16px Gilroy, serif; color:#404040; display: inline-block; vertical-align: middle; padding: 6px 0; box-sizing: border-box; cursor: pointer; text-decoration: none;}
      .boxSubmenu a:after {content: " "; display: inline-block; vertical-align: middle; margin: 0 12px; width: 1px; height: 13px; background: #A0A0A0;}
      .boxSubmenu a:last-child:after {display: none;}
      .boxSubmenu a:hover, .boxSubmenu a.active {color: #A0A0A0;}

/* Слайдер */
.BannerBox {opacity:0;color: #fff; font-size: 18px; line-height: 24px;padding: 136px 40px 0; position: relative; min-height: 400px; box-sizing: border-box;}
.BannerBox, .sliderItem {background: #8C9DAA url("https://www.sibserv.com/images/sliderdefbg.svg") repeat;}
   .BannerBox h1 {float: left;font-size: 40px; line-height: 44px; font-style: normal; font-weight: 500; padding:0; margin:30px 0 20px;}
.IndexBannerLogo {width: 270px; display: inline-block !important;}
   .bannerItemWrap {max-width: 1000px; margin: 0 auto; position: relative; z-index: 2; overflow: hidden;}

.sliderItem, .headerDefItem {opacity:0; color: #fff; font-size: 18px; line-height: 24px; box-sizing: border-box; padding: 70px 40px 0; height: 400px; width: 100%; position: relative;}
   .sliderItem.animate, .BannerBox.animate {-webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: focus-in-expand-fwd 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
   .sliderItemWrap {max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; height: 330px; overflow: hidden;}
      .sliderItemWrap h1 {float: left;font-size: 40px; line-height: 44px;max-width: 380px; font-style: normal; font-weight: 500; padding:0; margin:0;}
      .sliderItemText, .sliderItemContact {float: right;max-width: 780px; background: rgba(0, 0, 0, 0.6); padding: 35px 45px; min-height: 330px; box-sizing: border-box; font-size: 20px; line-height: 24px; font-weight: bold;}
      .sliderItemText h2 {font-size: 30px; line-height: 36px;color: inherit; margin: 0; padding: 0;}
      .sliderItemVideo {float: right; max-width: 780px; height: 330px; box-sizing: border-box; background: #000;}
      .sliderItemVideo video {width: 100%; height: 100%;}
.sliderItemContact {font-size: 18px; line-height: 24px; display: flex; justify-content: space-between; flex: 1; margin-left: 44px;}
   .sliderItemContact > div {margin: 0 20px; flex: 1;}
   .sliderItemContact h2 {color: #EC7A08; font-size: inherit; line-height: inherit; margin: 0; padding: 0;}
   .sliderItemContact p {margin-top: 15px;}
   .sliderItemContact a {color: inherit; }
   .branchListContact a {display:block; margin-bottom: 5px; text-decoration: underline; color: inherit; }
.SliderBox .slick-track {font-size: 0;}
.SliderBox .slick-prev {left: 40px;z-index: 10;background: url("https://www.sibserv.com/images/slide_navi.svg") 50% no-repeat !important; width: 80px; height: 96px; font-size: 0; top:50%;}
.SliderBox .slick-next {right: 40px;z-index: 10;background: url("https://www.sibserv.com/images/slide_navi.svg") 50% no-repeat !important; width: 80px; height: 96px; font-size: 0; top:calc(50% - 48px);transform: scale(-1, 1);}
.SliderBox .slick-prev:before, .SliderBox .slick-next:before {display: none;}

/* Отсечка и подвал */
#footer {min-height: 550px; width: 100%; background-color:#E8EBEE;}
   #footer a {color:#404040; text-decoration: none;}
   .footWrap {max-width: 1280px; padding: 36px 20px 25px; margin: 0 auto; box-sizing: border-box;}
   .footLogo {margin-bottom: 47px; display: inline-block;}
      .sskLogoText {display: inline-block; margin-left: 18px; vertical-align: middle; font-size: 16px; line-height: 16px; letter-spacing: 0.01em;}
   .footMenuOv {width: 100%; padding-bottom: 25px; border-bottom: 1px solid #A0A0A0; position:relative; overflow:auto;}
      .footMenuOv>div {vertical-align: top; letter-spacing: 0.01em;}
      .footMenu {float:left; width:75%; display: flex; flex-flow: column wrap; max-height:250px;}
         .footMenu a {margin-bottom: 12px; width:33%; padding-right: 54px; box-sizing: border-box;}
         .footMenu a.submenu {padding-left: 27px;}
         .footMenu a.active {color: #A0A0A0 !important;}
      .footContact {float:left; width:25%;}
         .footContact div {margin-bottom: 26px;}
      .footCopyrights {font-size: 12px; margin-top: 25px; letter-spacing: 0.01em; font-family: Gilroy, sans-serif;}

/* Центральная колонка */
#content {max-width: 100vw; overflow: hidden;}
.defWrap {max-width: 1280px; margin: 0 auto; padding:0 !important; box-sizing: border-box;}
.defc, .defWrap, .defc p {font-size: 18px; line-height: 24px;}
.defc h2.subt {margin:0; padding:0; font-size: 30px; line-height: 36px; margin-bottom: 24px; max-width: 100%; font-weight: 500;}

.defc b.csel {color: #FA7900;}
   .defc h3 {margin:0; padding:0; font-weight: 500; font-size: 30px; line-height: 36px;}
   .defc h3 b {font-size: inherit; line-height: inherit; font-weight: inherit;}
   .defc ol.body li {margin-bottom:5px;}
   .flex2c1-2, .flex2c1-1 {display: flex; justify-content: space-between; flex: 1; margin: 60px 0;}
      .flex2c1-2 > div:first-child {flex:0.33;}
      .flex2c1-2 > div:last-child {flex:0.67; padding-left:40px;}
      .flex2c1-1 > div:first-child {flex:0.5;padding-right:20px;}
      .flex2c1-1 > div:last-child {flex:0.5; padding-left:20px;}
.defBlock {margin: 60px 0; overflow:auto;}
.defBlock iframe {max-width:100%;}
.defBlock.nomartop {margin-top:0;}
.defBlockSmall {padding: 35px 0; font-size: 18px; line-height: 24px;}
.defBlock.show_on_scroll, .defBlockSmall.show_on_scroll, .flex2c1-2.show_on_scroll, .flex2c1-1.show_on_scroll {opacity: 0;}
.defBlock.animate, .defBlockSmall.animate, .flex2c1-2.animate, .flex2c1-1.animate, .boxCaruselOv.animate {animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; transition: transform 0.5s;}

.DownloadList, .CertList, .GalList {display: flex; flex-wrap: wrap; justify-content: space-between;}
.fDownload {width: 180px; margin: 0 10px; height: 150px; cursor: pointer; color: inherit; text-decoration: none; opacity: 0;}
   .fDownload span {background: url("https://www.sibserv.com/images/eye_icon_b.svg") left center no-repeat; padding-left:26px;}
   .fDownload div {border-top: 4px solid #000;padding-top: 14px;margin-top: 6px;}
   .fDownload div:hover {border-top: 4px solid #EC7A08;color: #EC7A08;}
.animate .fDownload {animation: puff-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
   .blockOrange .fDownload span {background: url("https://www.sibserv.com/images/eye_icon_w.svg") left center no-repeat;}
   .blockOrange .fDownload div {border-color:white;}
   .blockOrange .fDownload div:hover {border-color: black; color: black;}

.valueBox {position:relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline;}
.valueBox a {color:inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-decoration:none;}
   .valueBoxItem {vertical-align: middle; flex: 0.2; text-align: center; transition: transform 0.5s;}
      .valueBoxItem img {margin-bottom: 20px;}
      .valueBoxItem div {width:167px; margin: 0 auto;}
h2.subtitle +.valueBox {margin-top: 30px;}

.valueBoxItem:hover {transform: scale(1.15);}

table.InfoTable {width:100%; border-collapse: collapse; table-layout: fixed; box-sizing: border-box; font-size:16px;}
   .InfoTable th {text-align: left; padding: 5px; border: 1px solid #A0A0A0; border-width: 1px 0;}
   .InfoTable td {padding: 5px;}
   .InfoTable tr:last-child td {border-bottom: 1px solid #A0A0A0;}
   .InfoTable th:first-child, .InfoTable td:first-child {padding-left:0;}
   .InfoTable th:last-child, .InfoTable td:last-child {padding-right:0;}

/* Карусель */
.boxCaruselOv {margin: 60px 0; overflow:visible; opacity: 0;}
/*.boxCarusel {max-width:90vw; overflow:visible;}*/
h3.boxCaruselHead {font-weight: 500; font-size: 30px; line-height: 36px; padding:0; margin:0 0 20px; box-sizing: border-box;}
   h3.boxCaruselHead.ISO {height:100px; padding:40px 0 20px 140px; background: url("https://www.sibserv.com/images/iso_logo.png") left bottom no-repeat; background-size:contain; }
   .boxCaruselHead a {color:inherit; text-decoration:none; display:block; position:relative;}
   .boxCaruselHead a span {display:block; position:absolute; right:30px; bottom:5px; opacity:0.7; text-transform: uppercase;font-size: 12px; line-height: 16px;}
.boxCaruselItem {display:block; width: 270px; height:100%; margin: 0 20px; box-sizing: border-box; position: relative; max-width: 80vw; background-color:white;}
.boxCaruselItem.xPad {padding: 0 20px 36px; height:350px;}
   .bcImg {display:block; margin: 0 -20px 20px;}
   .bcImg img {max-width: 100%; transition: transform 0.4s;}
      .bcImg img:hover {transform: scale(1.1);}
   .bcDat {color: #A0A0A0; font-size: 12px; line-height: 16px;margin-bottom: 12px;}
   .bcTitle {display:block; font-size: 16px; line-height: 18px;color: #404040 !important; font-weight: bold; text-decoration: none;}
      .bcTitle:hover {color: #EC7A08 !important;}
   .bcLink {position: absolute; right: 20px; bottom: 20px; color: #737373 !important; font-weight: 500;font-size: 12px; line-height: 16px;float: right; text-transform: uppercase; text-decoration: none;}
      .bcLink:hover {color: #404040 !important;}
.boxCarusel .slick-prev, .boxCarusel .slick-next {z-index: 10; background: url("https://www.sibserv.com/images/slide_navi.svg") 50% no-repeat !important; width: 80px; height: 96px; font-size: 0;}
.boxCarusel .slick-prev {left: -40px; top:50%;}
.boxCarusel .slick-next {right: -40px; top:calc(50% - 48px);transform: scale(-1, 1);}
.boxCarusel .slick-prev:before, .boxCarusel .slick-next:before {display: none;}
.ArrowBlack .boxCarusel .slick-prev, .ArrowBlack .boxCarusel .slick-next {background: url("https://www.sibserv.com/images/slide_navi_b.svg") 50% no-repeat !important;}
   .boxCarusel.topManage .slick-prev, .boxCarusel.RichList .slick-prev {top:35%;}
   .boxCarusel.topManage .slick-next, .boxCarusel.RichList .slick-next {top:calc(35% - 48px);}
.boxCarusel .slick-disabled {display: none !important;}
.slick-track {display: flex !important; justify-content: space-between; margin-left:0  !important;}
.slick-slide {height: inherit !important;}

.RichList .boxCaruselItem {margin: 0 20px;font-size: 18px; line-height: 24px;width: 370px; min-height: 260px; background-color:transparent;}
.richYear {font-size: 30px; line-height: 36px;font-weight: 500; color: #FA7900; padding-bottom: 10px; border-bottom: 4px solid #404040; margin-bottom: 17px;}

/* О компании, филиалы */
.BranchTitle {font-size: 30px; line-height: 36px;font-weight: 500; margin-bottom: 15px; }
   .BranchTitle span.branchTitleNext {font-size: 18px; line-height: 24px; text-decoration-line: underline; cursor: pointer;}
   .BranchTitle span:last-child {margin-left: 30px;}
.CompanyRow {display: flex; justify-content: space-between; }
.CompanyMap {max-width: 100%; position: relative; padding-left:26px;}
   .CompanyMap svg {max-width: 100%; height: auto;}
   .CompanyMap path.active {fill: #FA7900;}
.CompanyBranchList {font-size: 18px; line-height: 24px;margin: 8px 0; max-width: 380px;}
   .CompanyBranchList > div {padding-left: 32px; position: relative; margin: 8px 0; cursor: default;}
   .CompanyBranchList > div:before {content: " "; display: inline-block; width: 20px; height: 20px; margin-right: 15px; position: absolute; left: 0; top: 5px; background-image: url("https://www.sibserv.com/images/arrow.svg"); background-size: 10px; background-repeat: no-repeat; background-position: 50% 50%; transform: rotate(-90deg); background-color: #8C9DAA;}
   .CompanyBranchList > div:hover:before {background-color: #FA7900;}

.contactBox {font-size: 18px; line-height: 24px;display: flex;}
   .contactBox > div {width: 100%; margin: 0 20px; }
   .contactBox > div:first-child {max-width: 270px;}
   .contactBox > div:nth-child(2) {max-width: 370px;}
   .contactBoxTitle {margin-bottom: 10px; font-weight: bold;}

/* Этапы развития */
.BranchDevelop {padding: 30px 0; box-sizing: border-box; position: relative; opacity: 0; display:flex;}
   .BranchDevelop:before {display: block; content: " "; position: absolute; width: 13px; height: 13px; background-color: #EC7A08; border-radius: 50%;}
   .BranchDevelop:after {display: block;content: " ";position: absolute;top: 33px; bottom: -33px; left: 5px; width: 3px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAIAgMAAABBga3vAAAADFBMVEUAAADseQjtegjsegjO5GniAAAAA3RSTlMAkH9LjSJpAAAAEElEQVQI12PYwfCHoYQBDgAcoAIpbJkczgAAAABJRU5ErkJggg==') repeat-y;}
   .BranchDevelop:last-child:after {bottom: 33px;}
   .BranchDevelop.animate {animation: scale-in-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}

.BranchDevelopTitle {font-weight: bold;font-size: 18px; line-height: 24px;color: #FA7900; min-width: 310px; max-width: 310px; margin-right: 40px; vertical-align: top; padding-left: 33px; box-sizing: border-box;}
   .BranchDevelopTitle span {font-size: 40px; line-height: 44px;display: block; margin-top: -14px;}
   .BranchDevelopTitle div {margin-top: 30px;letter-spacing: 0.01em;}
.BranchDevelopText {font-size: 18px; line-height: 24px;vertical-align: top;}

/* Техника, Руководство */
h3.boxItemHead {font-weight: 500; font-size: 30px; line-height: 36px; padding:0 0 20px; margin:60px 0 0;}
   div h3.boxItemHead:first-child {margin:0;}
.boxItemList {display: flex;flex-wrap: wrap; justify-content: center;font-size: 16px; line-height: 18px;}
.boxItem {margin: 15px 20px; width: 270px; padding: 20px; background: #fff; box-sizing: border-box; position: relative; max-width: 80vw; transition: transform 0.5s;}
.boxCarusel .boxItem {height:100%; }
.boxItem.itemWide {width: 580px;}
   .topManage .boxItem { text-align: center; max-width: 285px; padding: 0 30px; margin:0;}
   .boxItem img {max-width: 100%; transition: transform 0.4s;}
      .topManage .boxItem img {border-radius: 50%; margin:20px 0 22px; width: 220px; height: 220px; object-fit: cover; background: #ccc;}
   .boxItem img:hover {transform: scale(1.15);}
   .boxItem h4 {margin: 20px 0 0; padding:0; font-weight: bold;}
   .boxItemInfo {display: flex;}
      .boxItemInfo > div:first-child {width: 67%;}
.topManage .boxItem h4 {font-size: 16px; line-height: 18px;font-weight: 600; max-width: 220px;margin: 0 auto 10px;}
.topManage .boxItemDescr {font-size: 14px; line-height: 16px;max-width: 220px;margin: 0 auto;}

/* Безопасность */
.flex2c1-1.listSafe {margin:0;}
.listSafe div div {border-left: 4px solid #EC7A08; padding-left: 16px; margin-bottom: 16px; opacity: 0; }
.listSafe.animate div div {animation: puff-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.CertList, .GalList {margin-top:60px; justify-content: center;}
.certItem, .galItem {max-width: 270px; margin: 0 20px 60px; font-size: 16px; line-height: 18px; display: block; text-align: left; color: inherit; text-decoration: none;}
.certItem img, .galItem img {width: 100%; margin-bottom: 20px; box-shadow: 0 0 12px rgba(64, 64, 64, 0.5);}

/* Карьера */
span.career_img1, span.career_img2 {font-size: 18px; line-height: 24px;height:80px; padding-left:100px; vertical-align:middle; display: table-cell; background: url("https://www.sibserv.com/images/career_img1.svg") left center no-repeat;}
   span.career_img1 {background: url("https://www.sibserv.com/images/career_img1.svg") left center no-repeat;}
   span.career_img2 {background: url("https://www.sibserv.com/images/career_img2.svg") left center no-repeat;}
.VacGrpTitle {font-size: 30px; line-height: 36px;font-weight: bold;color: #fff; background: #8C9DAA;padding: 12px 20px; cursor: pointer; margin-bottom: 30px;}
   .VacGrpTitle:after {display: block; content: " "; float: right; width: 40px; height: 40px; background: #FA7900 url("https://www.sibserv.com/images/roll_arrow.svg") 50% no-repeat; margin-left: 10px;}
   .VacGrp.visible .VacGrpTitle:after {transform: rotate(180deg);}
   .VacGrpTitle:hover {background: #FA7900}
   .VacGrpTitle:hover:after {background-color: #FBB03B;}
.VacGrpList {display: none;}
.VacItem {font-size: 16px; line-height: 18px;margin-bottom: 55px; position: relative; padding-bottom: 20px; height: 180px; overflow: hidden;}
   .VacItem img {width: 270px; height: 200px; float: left; background: #A0A0A0; opacity: 0.8; margin-right: 40px; display: block;}
   .vacTitle {font-size: 22px; line-height: 26px;font-weight: bold; margin-bottom: 20px; color: inherit; text-decoration: none; display: block;}
   .vacDescr {margin: 20px;}
   .vacFilial:before {display: inline-block; content: " "; vertical-align: bottom; background: url("https://www.sibserv.com/images/map_marker.svg"); width: 17px; height: 24px; margin-right: 8px;}
   .vacLink {font-size: 12px; line-height: 16px;font-weight: 500; text-transform: uppercase; color: #737373; position: absolute; bottom: 0; text-decoration: none;}
      .vacLink:hover { color: #404040;}
.VacGrpCollapse {cursor: pointer; margin-top: 70px; border-top: 2px solid #A0A0A0; padding-top: 20px; font-size: 18px; line-height: 24px;font-weight: bold; color: #737373; text-align: right; margin-bottom: 80px;}
.VacPage {padding:0 40px 60px;}
   .VacPage .defWrap {max-width: 800px; margin: 0 auto; padding:0 !important; box-sizing: border-box;}
   .vacFilialImg {margin: -100px 0 60px -100px; position: relative; z-index: 2;}
   h4.vpTitle {margin:20px 0 8px;}
   .VacPage ul {padding-top:0; margin:0;}

/* Пресс-центр*/
.defWrap.NewsList, .defWrap.VacList {max-width: 1000px; margin: 0 auto; padding:0 !important; box-sizing: border-box;}
   .nlItem {margin-bottom: 55px; position: relative;}
   .nlItem:after {display: block; content: " "; clear: both;}
   .nlItem img {width: 270px; height: 200px; float: left; background: #A0A0A0; margin-right: 40px; display: block;}
   .nlItemWrap {font-size: 16px; line-height: 18px;color: #737373; padding:0 0 20px 310px;}
      .nlItemWrap div {margin-bottom: 15px;}
      .nlItemHead {font-size: 22px; line-height: 26px;font-weight: bold; color:#404040;}
      .nlItemWrap a {font-size: 12px; line-height: 16px;font-weight: 500; text-transform: uppercase; color: inherit; position: absolute; bottom: 0; text-decoration: none;}
.nlItemMore {font-size: 12px; line-height: 16px;font-weight: 500; background: #8C9DAA; border-radius: 4px; text-align: center; color: #fff; text-transform: uppercase; width: 180px; padding: 12px 0; display: block; margin: 40px auto 0; cursor: pointer;}
.NewsPage {padding:60px 40px;}
   .NewsPage .defWrap {max-width: 800px; margin: 0 auto; padding:0 !important; box-sizing: border-box;}
   .NewsPage .defBlock {margin: 0;}
.News2PageALL {max-width: 800px; display:block; margin: 60px auto; border-top: 1px solid #A0A0A0; text-align: right; padding-top: 20px; font-weight: 500;font-size: 12px; line-height: 16px; color: #737373; text-decoration: none;}
.galeryList {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 60px; overflow:visible;}
   .galeryItem {display:block; cursor: pointer; width: 270px; max-width: calc(50% - 30px); margin: 0 15px 20px;font-size: 16px; line-height: 18px;text-decoration:none; color:inherit; font-weight:bold;}
   .galeryItem img {max-width: 100%; margin-bottom:20px;}
/* Блок видео */
#cVideoSrc {width:100%; display: block; height: 330px; background: black;}
.videoList {display: flex;flex-wrap: wrap; justify-content: space-between; margin: 60px 0; overflow:visible;}
   .videoItem {cursor: pointer; opacity: 0; width: 270px; max-width: calc(50% - 30px); margin: 20px 15px;font-size: 16px; line-height: 18px;}
   .videoItem:hover {transform: scale(1.1);}
   .videoItem img {max-width: 100%;}
.videoList.animate .videoItem {animation: scale-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.viNavi {display: inline-block; padding: 0 15px; vertical-align: middle; position: absolute; bottom: 0; left: 20px;font-size: 14px; line-height:20px; letter-spacing: 0.05em;}
   .viNavi .bPrev {position: absolute; left: 0; top:0; width: 20px; height: 18px; cursor:pointer; z-index: 10;background: url("https://www.sibserv.com/images/slide_navismall_b.svg") left center no-repeat ; background-size: cover; font-size: 0;}
   .viNavi .bNext {position: absolute; right: 0; top:0; width: 20px; height: 18px; cursor:pointer; z-index: 10;background: url("https://www.sibserv.com/images/slide_navismall_b.svg") left center no-repeat ; transform: scale(-1, 1); background-size: cover; font-size: 0;}

/* Направления деятельности, Цифры и факты на стартовой */
.actAnimBlock img {opacity: 0; width: 240px; height: 240px;}
.activitiesBlock {display: flex; justify-content: space-between; flex: 1; margin: 60px 0; box-sizing: border-box; flex-wrap: wrap;}
   .activitiesBlock > div {flex:0.4;}
   .activitiesBlock > div:first-child {flex:0.33;}
   .activitiesBlock > div:nth-child(3) {flex:0.2;}
.actAnimBlock .activitiTitle {opacity: 0;}
.actAnimBlock .activitiesList {font-size: 18px; line-height: 24px;margin: 8px 0;}
   .actAnimBlock .activitiesList > div {opacity: 0; padding-left: 32px; position: relative; margin: 8px 0;}
   .actAnimBlock .activitiesList > div div {display: inline-block;}
   .actAnimBlock .activitiesList > div span {display: block; width: 20px; height: 20px; margin-right: 15px; position:absolute; left:0; top:0; background-image: url("https://www.sibserv.com/images/arrow.svg"); background-size: 10px; background-repeat: no-repeat; background-position: 50% 50%; transform: rotate(-90deg);}
.activitiTitle > div {margin-top: 22px;}
.activitiText > div {margin-top: 16px;}
   .activitiTitle > div:first-child, .activitiText > div:first-child {margin-top: 0;}

.digitsBlock {display: flex; justify-content: space-between; flex: 1; box-sizing: border-box;}
   .digitsBlock > div {flex:0.5; box-sizing:border-box;}
   .digitsBlock > div:first-child {margin-right: 20px;}
.digitsSubBlock {display: flex; justify-content: space-between; flex: 1; box-sizing: border-box;}
   .digitsSubBlock > div {flex:0.5; box-sizing:border-box;}
.digitsSubBlock img {margin-top: 35px; float:right;}
.digitsBlockEList {border-top: 2px solid #A0A0A0; margin-top: 25px; padding-top: 25px;}
.digitsBlockEList:first-child {border-top: none; margin-top: 0; padding-top: 0;}
.digitTitle {font-weight: bold; font-size: 22px; line-height: 26px; margin-bottom: 10px; }
.digitElem {margin-bottom: 10px; display: flex; justify-content: left;}
   .digitElem > div {margin-right: 20px; width: 100%; }
   .digitElem > div:first-child {width: 55px; flex-shrink: 0; font-weight: bold;}
   .digitElem > div:last-child {margin-right: 0;}
   .digiBar {width: 50% !important; text-align: left; flex-shrink: 0; display: flex; justify-content: left;}
.digitElem.digitRight {justify-content: space-between;}
   .digitElem.digitRight > div:first-child {width: calc(100% - 75px); flex-shrink: 0; font-weight: normal;}
   .digitElem.digitRight > div:last-child {width: 55px; flex-shrink: 0; font-weight: bold;}

.activitiesHR {background-color: #A0A0A0; height: 2px; margin-top: 60px; margin-bottom: 40px;}

.activitiesBlock.actAnimBlock.animate img {-webkit-animation: bounce-in-right 1.1s both; animation: bounce-in-right 1.1s both; }
.activitiesBlock.actAnimBlock.animate .activitiTitle {-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation-delay: 1.3s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div {-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(1) {animation-delay: 0s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(2) {animation-delay: 0.2s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(3) {animation-delay: 0.4s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(4) {animation-delay: 0.6s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(5) {animation-delay: 0.8s;}
.activitiesBlock.actAnimBlock.animate .activitiesList > div:nth-child(6) {animation-delay: 1s;}

/* Поиск */
.searchBox {display: flex; justify-content: left; flex: 1; box-sizing: border-box; margin-bottom:60px;}
   .searchBox div:first-child {flex:0.7;margin-right: 40px;}
.searchBox input[type=text] { font-size: 18px; line-height: 24px;padding: 15px; border: 1px solid #A0A0A0; border-radius: 4px; width: 100%;box-sizing: border-box; background-color:#FFFFFF;}
.searchBox button {font-size: 18px; line-height: 24px;padding: 15px; margin: 0 auto; width: 180px; text-align: center; color: #fff; background: #8C9DAA; border: none; cursor: pointer;}
.searchBox button:hover {background: #FA7900;}
h4.aRev {margin:24px 0 8px;}
#SearchResult p {margin:8px 0;}


/* Навигация постраничного вывода */
div.multip {font-size: 14px; line-height: 16px;position:relative; overflow:auto; padding:15px 40px; border: 2px solid #A0A0A0; margin: 25px 0; border-width:1px 0;}
   .mp_head {display:block; float:left; padding-right:17px;}
   .multip a {display:block; float:left; margin:1px; padding:0 2px;}
   .multip a.mp_sel {font-weight:bold; color:#404040; text-decoration:none;}

/* Расположение картинок в тексте */
div.imL {float:left; text-align:center; padding-right: 40px; box-sizing:border-box; max-width:100%;}
div.imR {float:right; text-align:right; padding-left:40px; box-sizing:border-box; max-width:100%;}
div.imC {clear:both; text-align:center; padding:20px 0;}
div.imL img, div.imR img {max-width:100%;}

.flL {margin:0; display:block; float:left;}
.flR {margin:0; display:block; float:right;}
.absR {margin:0; display:block; position:absolute; right:0; top:0;}

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.vCenter {vertical-align:middle !important;}

/* Отступы, границы */
div.h6 {height:6px;}
div.h20 {height:20px;}
div.h30 {height:30px;}
.h68 {height:68px;}

.w50p {width:50%;}
.w100p {width:100%;}
.w50 {width:50px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w105 {width:105px;}
.w130 {width:130px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w350 {width:350px;}
.w500 {width:500px;}
.w800 {width:800px;}
.w1000 {width:1000px;}

.pad0 {padding:0 !important;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.padlr0 {padding-left: 0; padding-right:0;}
.padtb3 {padding:3px 0;}
.padtb10 {padding:10px 0;}
.padtb20 {padding:20px 0;}
.pb20 {padding-bottom:20px;}
.pl0 {padding-left:0 !important;}
.pl30 {padding-left:30px;}
.pl45 {padding-left:45px;}
.pr0 {padding-right:0 !important;}
.pt10 {padding-top:10px;}

.marg0 {margin:0;}
.ml10 {margin-left:10px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mt0 {margin-top: 0 !important;}
.mt6 {margin-top: 6px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}

.brdTop {border-top:1px solid #A0A0A0;}
.brdTB {border: 1px solid #A0A0A0; border-width: 1px 0;}
.lbrd2  {border-left-width:2px; border-left-style:dashed;}

/* Фон, цвет, размер, оформление и выравнивание элементов */
.tiny {font:10px/12px Gilroy, serif;}
.small {font:12px/16px Gilroy, serif;}
.normal {font:13px/16px Gilroy, serif;}
.large {font-size:120%;}
.bold {font-weight:bold;}
.xross {text-decoration:line-through;}

.body {color:#404040;}
.red {color:red;}
.must {color:#D71C1C;}
.orange {color: #FA7900;}
.bgl {background-color:#E8EBEE;}
.bgBlue {background-color:#DBF6FF;}
.bgW {background-color:#FFFFFF;}
.good {background-color:#DAFFDA;}
.lock {background-color:#FFE8E1;}
.new {background-color:#FFFFCC;}
.amber {background-color:#FFEFBF;}
.blockBezhLight {background-color: rgba(208, 209, 180, 0.5); overflow:auto;}
.blockOrange {background-color: #FA7900; color: #FFFFFF; overflow:auto;}
   .blockOrange a {color: inherit;}
.blockBGL {background-color: #E8EBEE; overflow:auto;}
.blockBGD {background-color: #8C9DAA; color: #FFFFFF; overflow:auto;}
   .blockBGD a {color: inherit;}
.blockBGD::-webkit-scrollbar, .blockBGL::-webkit-scrollbar {display: none;}
.colLA {color:#f00;}
.colLR, .colLT {color:#900;}
.colLW {color:#f90;}
.colLX {color:#093;}
.colLD, .cBlue {color:#00f;}

.droped {text-decoration:line-through;background-color:#D71C1C !important;}
.hide {display:none;}
.aBlock a, .block {display:block;}

/* Всплывающее окно, Галерея картинок */
#GaleryLoad {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px;}
#OverLay, #GalOver {position:fixed; z-index:200; top:0; left:0; height:100%; width:100%; background-color:#000; opacity: 0.7;}
   #OverLayWin, #GalWin {box-sizing:border-box; display:none; position:fixed; left: 0; right: 0; bottom: 0; top: 0; background-color:transparent; z-index:202; max-height: 80vh; width:50%; max-width: 80vw; padding:0; margin:auto;}
   #OverLayText {overflow-y:scroll; box-sizing:border-box;}
#jOverBox {display:none; position:fixed; height:100%; width:100%; left:0; top:0; z-index:1000;}
   #jOverBoxBg {position:fixed; height:100%; width:100%; left:0; top:0; z-index:1000; background-color:#000;opacity:0.7;}
   #jLoader {background-color:#ffffff; padding:25px 75px; position:fixed; left:50%; margin-left:-111px; top:30%; z-index:2000; border:3px solid transparent; border-radius:1px; text-align:center; }

#OverLayClose, #GaleryClose {position:absolute; display:block; margin:0; width:40px; height:60px; padding:0; cursor: pointer; top:-10px; right: -40px;}
   #OverLayClose:before, #OverLayClose:after, #GaleryClose:before, #GaleryClose:after {content: ""; position: absolute; top:10px; width: 44px; height: 1px; background: #FFFFFF;}
   #OverLayClose:before, #GaleryClose:before {transform: rotate(45deg);}
   #OverLayClose:after, #GaleryClose:after {transform: rotate(-45deg);}

#GalOver div {position: relative; overflow:auto;}
img.GalImage {cursor: pointer;}
   #ImageFull {display:block; margin: auto; border:none; max-height: 100%; max-width: 100%;}
   #GalNext, #GalPrev {box-sizing:border-box; font-size:0; cursor: pointer; display:block; position:absolute; top:40%; width: 80px; height: 96px;}
   #GalNext {background: url("https://www.sibserv.com/images/slide_navi.svg") 50% no-repeat !important; right:-60px; transform: scale(-1, 1);}
   #GalPrev {background: url("https://www.sibserv.com/images/slide_navi.svg") 50% no-repeat !important; left:-60px; }

#jOverBox {display:none; position:fixed; height:100%; width:100%; left:0; top:0; z-index:1000;}
   #jOverBoxBg {position:fixed; height:100%; width:100%; left:0; top:0; z-index:1000; background-color:#000;opacity:0.7;}
   #jLoader {padding:25px 75px; position:fixed; left:50%; margin-left:-111px;top:30%; z-index:2000; border:none; opacity:0.5; text-align:center; }


@media (max-width: 1475px) {
   .SliderBox .slick-prev {left: 15px;}
   .SliderBox .slick-next {right: 15px;}
   .flex2c1-2, .flex2c1-1, .defBlock, .defBlockSmall, .activitiesBlock, .boxCaruselOv {margin-left:40px; margin-right:40px;}
   .boxItem, .boxCaruselItem {max-width: 100%;}
   .slick-slide {box-sizing:border-box; padding: 0 20px;}
}
@media (max-width: 1279px) {
   .defWrap {max-width:1024px;}
   .HeadSubMenu {margin-bottom:0;}
   .MenuBurger {display: block;}
   .MenuBurger.visible:before {content: "\2716";}
   .MenuBurger.visible + .MenuMain {display: block;}
   .MenuMain {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll; height: 100vh; box-sizing: border-box; background-color:#fff;}
   .MenuMain div.mItem {width: 100%; height: auto; padding: 20px 15px;}
   .MenuMain div.mItem div.SubmenuOv {position: static;}
   .MenuMain div.mItem.active div.SubmenuOv, .MenuMain div.mItem:hover div.SubmenuOv {position: static; margin-top: 20px;}
      .boxSubmenu {position: static; height: auto;}
      .boxSubmenu a {display: block; width: 100%; padding: 14px 0; text-align: center; }
      .boxSubmenu a:after {display: none !important; }
   .IndexBannerLogo {width: 180px;}
   .sliderItem {padding-top: 35px; height: auto;}
   .BannerBox {padding-top: 5px; height: auto;}
   .sliderItemWrap {height: auto;}
      .sliderItemWrap h1 {float: none; text-align: center;}
      .sliderItemText {float: none; max-width: none; margin: 30px 40px 0; font-size: 18px; line-height: 22px; min-height: 200px; padding: 20px 30px;}
         .sliderItemText p {margin: 10px 0;}
         .sliderItemText h2 {font-size: 24px; line-height: 30px;}
      .sliderItemVideo {max-height: 200px;}
   .sliderItemContact {margin-left: 0; margin-top: 25px;}
   .SliderBox {height: auto;}
   .SliderBox .slick-prev {left:0;}
   .SliderBox .slick-next {right:0;}
   div.imL, div.imR {max-width:50%;}
   div.imC {max-width:100%;}
   div.imL img, div.imR img, div.imC img {max-width:100%; height:auto;}
   .valueBox {justify-content: space-between; flex-flow: row wrap;}
      .valueBoxItem {margin-bottom: 30px; flex: 1 1 30%;}
   .CompanyRow {flex-wrap: wrap;}
   .CompanyBranchList {max-width: 100%;}
   .actAnimBlock .activitiesList {margin-top: 0;}
   .actAnimBlock .activitiesList div:first-child {margin-top: 0;}
   .activitiTitle > div, .activitiText > div {margin-top: 8px;}
   .digitsSubBlock {display: block;}
   .digitsSubBlock img {display:none;}
}
@media (max-width: 1023px) {
   #footer {min-height: 0;}
   .footMenuOv {display: none; min-height: 0;}
   .footLogo {margin-bottom: 0;}
   .defc, .defWrap, .defc p, .actAnimBlock .activitiesList {font-size: 14px; line-height: 16px;}
   .defc h2.subt {font-size: 24px; line-height: 30px; margin-bottom: 18px;}
   .defc h3, h3.boxItemHead {padding-bottom:15px; font-size: 24px; line-height: 30px;}
   h3.boxItemHead {margin-top:30px;}
   h3.boxCaruselHead {padding:0; margin:0 0 10px;font-size: 24px; line-height: 30px;}
   h2.subtitle {font-size: 24px; line-height: 30px;}
   .flex2c1-2, .flex2c1-1, .activitiesBlock {display: block; margin:40px 20px;}
      .flex2c1-2 >div:first-child, flex2c1-1 >div:first-child {padding: 0 0 15px;}
      .flex2c1-2 >div:last-child, .flex2c1-1 >div:last-child {padding-left: 0; padding-right: 0;}
   .defBlock, .boxCaruselOv {margin: 30px 20px;}
   .defBlockSmall {margin-left:20px; margin-right:20px;}
   .viNavi {margin: 10px 0;}
   .BranchDevelop {margin: 0 40px; display:block;}
   .BranchDevelopTitle {max-width: 100%;}
      .BranchDevelopTitle div {margin: 20px 0;}
   .BranchDevelopText {padding-left: 33px; }
   .digitTitle {font-size: 16px; line-height: 18px;}
}

@media (max-width: 767px) {
   body {padding-top: 40px;}
   #GlobHead {height: 40px; position: fixed !important; z-index: 1000;}
   .HeadLogo {margin-left:0;}
   .sskLogo {height: 40px; width: 70px; background-size: 50px 20px;}
   .IndexBannerLogo {width: 120px;}
   .SliderBox .slick-next, .SliderBox .slick-prev {display:none !important;}
   .sliderItem {padding: 20px 10px 0;}
      .sliderItemText {margin: 20px 0 0; padding: 15px;}
      .sliderItemVideo {max-height: auto;}
   .sliderItemContact {display: block;}
   div.imL, div.imR {float:none; text-align:center; max-width:100%; margin:10pz auto; padding:0; max-width:100%;}
   .valueBoxItem {flex: 1 1 50%;}
   .boxItemList {justify-content: center;}
   .boxItemList:after {content: none;}
   .fDownload {max-width: 150px; font-size: 16px; line-height: 18px;}
   .fDownload > div {border-top-width: 3px; padding-top: 10px;}
   #cVideoSrc {height: 53vw;}
   .CertList, .GalList {justify-content: space-around;}
   .nlItem {margin-bottom: 25px;}
   .nlItem img {width: 54px; height: 40px; margin-right: 15px; margin-top: 20px;}
   .nlItemWrap {padding-left: 70px;font-size: 14px; line-height: 16px;}
      .nlItemWrap div {margin-bottom: 5px;}
      .nlItemHead {font-size: 16px; line-height: 18px;}
   .boxCaruselHead a span {display:none;}
   .VacGrpTitle {padding: 10px;font-size: 18px; line-height: 24px;}
   .VacGrpTitle:after {transform: scale(0.7) !important;transform-origin: 50% 00%;}
   .RichList .boxCaruselItem {font-size: 14px; line-height: 16px;min-height:auto;}
   .richYear {font-size: 22px; line-height: 26px;}
   .contactBox {padding: 20px; flex-wrap: wrap; }
   .BranchDevelop {margin: 0 20px;text-align: center;}
      .BranchDevelop:before {left: 50%; margin-left: -6px;}
      .BranchDevelop:after {left: 50%; margin-left: -1px; height: 50px; top: auto;}
      .BranchDevelop:last-child:after {bottom: -33px;}
   .BranchDevelopTitle {margin: 0; margin-top: 50px; padding: 0;}
      .BranchDevelopTitle div {margin-top: 10px;}
      .BranchDevelopTitle span {font-size: 24px; line-height: 30px;}
   .BranchDevelopText {font-size: 16px; line-height: 18px;}
   .digitsBlock {display: block;}
   .digitsBlockEList:first-child {border-top: 2px solid #A0A0A0; margin-top: 25px; padding-top: 25px;}
}


/* ----------------------------------------------
 * Generated by Animista on 2020-1-20 13:4:0 Licensed under FreeBSD License.
 * See http://animista.net/license for more info. w: http://animista.net, t: @cssanimista
 * ----------------------------------------
 * animation focus-in-expand-fwd
 */
@-webkit-keyframes focus-in-expand-fwd {
   0% {letter-spacing: -0.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0;}
   100% {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1;}
}
@keyframes focus-in-expand-fwd {
   0% {letter-spacing: -0.5em; -webkit-transform: translateZ(-800px); transform: translateZ(-800px); -webkit-filter: blur(12px); filter: blur(12px); opacity: 0;}
   100% {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-filter: blur(0); filter: blur(0); opacity: 1;}
}
/* animation tilt-in-fwd-tl */
@keyframes tilt-in-fwd-tl {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes puff-in-center {
   0% {transform: scale(2); filter: blur(4px); opacity: 0;}
   100% {transform: scale(1);filter: blur(0px);opacity: 1;}
}
@keyframes scale-in-center {
   0% {-webkit-transform: scale(0); transform: scale(0); opacity: 1;}
   100% {-webkit-transform: scale(1); transform: scale(1); opacity: 1;}
}
@keyframes scale-in-ver-top {
   0% {transform: scaleY(0); transform-origin: 100% 0%; opacity: 1;}
   100% {transform: scaleY(1); transform-origin: 100% 0%; opacity: 1;}
}
@keyframes slide-in-left {
   0% {-webkit-transform: translateX(-1000px); transform: translateX(-1000px); opacity: 0;}
   100% {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1;}
}
@keyframes bounce-in-right {
   0% {-webkit-transform: translateX(600px); transform: translateX(600px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}
   38% {-webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1;}
   55% {-webkit-transform: translateX(68px); transform: translateX(68px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
   72% {-webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
   81% {-webkit-transform: translateX(32px); transform: translateX(32px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
   90% {-webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
   95% {-webkit-transform: translateX(8px); transform: translateX(8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
   100% {-webkit-transform: translateX(0); transform: translateX(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1;}
}