/* Start:/bitrix/templates/v1.0/css/style.css?175810894553158*/
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('/bitrix/templates/v1.0/css/../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),  url('/bitrix/templates/v1.0/css/../fonts/RobotoCondensed-Regular.woff') format('woff'), url('/bitrix/templates/v1.0/css/../fonts/RobotoCondensed-Regular.ttf')  format('truetype'), url('/bitrix/templates/v1.0/css/../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodPro-CondBold';
  src: url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBold.eot?#iefix') format('embedded-opentype'),  url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBold.otf')  format('opentype'),
	     url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBold.woff') format('woff'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBold.ttf')  format('truetype'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBold.svg#GoodPro-CondBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodPro-CondMedium';
  src: url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondMedium.eot?#iefix') format('embedded-opentype'),  url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondMedium.otf')  format('opentype'),
	     url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondMedium.woff') format('woff'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondMedium.ttf')  format('truetype'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondMedium.svg#GoodPro-CondMedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GoodPro-CondBlack';
  src: url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBlack.eot?#iefix') format('embedded-opentype'),  url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBlack.otf')  format('opentype'),
	     url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBlack.woff') format('woff'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBlack.ttf')  format('truetype'), url('/bitrix/templates/v1.0/css/../fonts/GoodPro-CondBlack.svg#GoodPro-CondBlack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('/bitrix/templates/v1.0/css/../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),  url('/bitrix/templates/v1.0/css/../fonts/Ubuntu-Medium.woff') format('woff'), url('/bitrix/templates/v1.0/css/../fonts/Ubuntu-Medium.ttf')  format('truetype'), url('/bitrix/templates/v1.0/css/../fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


	* {
	 -webkit-appearance: none;
	}

	body,
	p,
	h1,
	h2,
	h3,
	h4,
	h5 {
	    margin: 0;
	    padding: 0;
	}
	h1,
	h2,
	h3,
	h4,
	h5 {
		font-weight: normal;
	}
	ul {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	}
	input:focus, button:focus {
		outline: none;
	}
	textarea:focus {
		outline: none;
	}
	body {
    color: #2d2c2a;
    font-family: 'RobotoCondensed-Regular';
    font-size: 14px;
    margin: 0 auto;
    width: 100%;
}
	*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	
	.container {
		width: 100%;
		max-width: 1136px;
		margin: 0 auto;
	}
.logo-container img {
    display: block;
    width: 109px;
}
.header-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.menu-top > ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.menu-top > ul > li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #2d2c2a;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    letter-spacing: 0.5px;
}
.menu-top > ul > li {
    margin-right: 17px;
    position: relative;
    padding: 15px 0;
}
.menu-container {
    margin-left: 52px;
}
.tel-container {
    margin-left: auto;
    position: relative;
}
.tel-container a {
    display: block;
    text-decoration: none;
    font-size: 36px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    letter-spacing: 1.5px;
} 
header {
    padding-top: 50px;
}
.main header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.soc-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    position: absolute;
    bottom: -40px;
    right: 0;
}
.soc-container a {
    display: block;
    width: 37px;
    height: 28px;
    margin-left: 10px;
}
.wha {
    background: url(/bitrix/templates/v1.0/css/../images/soc1.svg) center no-repeat;
}
.tg {
    background: url(/bitrix/templates/v1.0/css/../images/soc2.svg) center no-repeat;
}
.env {
    background: url(/bitrix/templates/v1.0/css/../images/soc3.svg) center no-repeat;
}
.max {
    background: url(/bitrix/templates/v1.0/css/../images/soc4.svg) center no-repeat;
}
.wha:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc1g.svg) center no-repeat;
}
.tg:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc2g.svg) center no-repeat;
}
.env:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc3g.svg) center no-repeat;
}
.max:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc4g.svg) center no-repeat;
}
.main .wha:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc1w.svg) center no-repeat;
}
.main .tg:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc2w.svg) center no-repeat;
}
.main .env:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc3w.svg) center no-repeat;
}
.main .max:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc4w.svg) center no-repeat;
}

#slider {
    background: url(/bitrix/templates/v1.0/css/../images/slider_bg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 210px;
    overflow: hidden;
    padding-bottom: 45px;
    min-height: 1086px;
}
.main .menu-top > ul > li:hover > a {
    color: #fff;
}
.menu-top > ul > li:hover > a {
    color: #146870;
}
.menu-top > ul > li.has > a {
    position: relative;
    padding-right: 16px;
}
.menu-top > ul > li.has > a:before {
    position: absolute;
    content: '';
    width: 11px;
    height: 9px;
    background: url(/bitrix/templates/v1.0/css/../images/down.png) center no-repeat;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.menu-top > ul > li.has:hover > a:before {
    background: url(/bitrix/templates/v1.0/css/../images/downg.png) center no-repeat;
}
.main .menu-top > ul > li.has:hover > a:before {
    background: url(/bitrix/templates/v1.0/css/../images/downw.png) center no-repeat;
}
.menu-top > ul > li:hover > ul {
    display: block;
}
.menu-top > ul > li > ul {
    display: none;
    position: absolute;
    left: -15px;
    top: 100%;
    width: 180px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.15);
    padding-top: 25px;
    z-index: 9;
}
.menu-top > ul > li > ul > li {
    margin-bottom: 7px;
}
.menu-top > ul > li > ul > li:hover a {
    color: #146870;
}

.name-site {
    font-size: 72px;
    color: #fff;
    font-family: 'GoodPro-CondBold';
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-box p {
    font-size: 20px;
    color: #2d2c2a;
    max-width: 590px;
    margin-bottom: 25px;
}
.btn {
    display: block;
    text-decoration: none;
    text-align: center;
    width: 260px;
    height: 65px;
    background: #2d2c2a;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing: 1px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    border: 0;
}
.slider-box .btn {
	margin-top: 35px;
}
.btn:hover {
    background: #39949d;
    box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.25);
}
.btn:active {
    background: #146870;
    box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.25);
}
.slider-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}
.slider-img {
    margin-top: 185px;
    margin-right: -560px;
    position: relative;
    margin-left: auto;
    z-index: 9;
}
.slider-scroll a {
    color: #2d2c2a;
    text-decoration: none;
    position: relative;
    padding-left: 40px;
    font-size: 18px;
}
.slider-scroll a:before {
    position: absolute;
    content: '';
    width: 42px;
    height: 42px;
    background: url(/bitrix/templates/v1.0/css/../images/mouse-alt.svg) center no-repeat;
    left: -6px;
    top: -11px;
}
.slider-scroll {
    position: absolute;
    top: calc(100% - 75px);
}

.tab-content {
	display: none;
}
#tab-1 {
	display: block;
}
.tabs-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 55px;
}
.tabs-menu li:nth-child(5n) {
    margin-right: 0;
}
.tabs-menu li {
    margin-right: 2px;
    margin-bottom: 2px;
}
.tabs-menu li a {
    width: 225px;
    height: 135px;
    background: #2d2c2a;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'RobotoCondensed-Regular';
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 100px;
    position: relative;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.tabs-menu li.current a {
    background: #93dade;
    color: #2d2c2a;
}
#avtopark {
    padding: 35px 0;
}
.zag {
    font-size: 36px;
    color: #2d2c2a;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    margin-bottom: 35px;
}
.tabs-menu li a span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 15px;
    width: 195px;
    height: 75px;
    transition: 1s;
}
.ico1 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding1w.svg) center bottom no-repeat;
}
.ico2 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding2w.svg) center bottom no-repeat;
}
.ico3 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding3w.svg) center bottom no-repeat;
}
.ico4 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding4w.svg) center bottom no-repeat;
}
.ico5 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding5w.svg) center bottom no-repeat;
}
.ico6 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding6w.svg) center bottom no-repeat;
}
.ico7 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding7w.svg) center bottom no-repeat;
}
.ico8 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding8w.svg) center bottom no-repeat;
}
.ico9 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding9w.svg) center bottom no-repeat;
}
.ico10 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding10w.svg) center bottom no-repeat;
}
.tabs-menu li.current span{
	filter: brightness(0%);
}



/*

.tabs-menu li.current .ico1 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding1.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico2 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding2.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico3 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding3.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico4 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding4.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico5 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding5.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico6 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding6.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico7 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding7.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico8 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding8.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico9 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding9.svg) center bottom no-repeat;
}
.tabs-menu li.current .ico10 {
    background: url(/bitrix/templates/v1.0/css/../images/wedding10.svg) center bottom no-repeat;
}*/
.avtopark-box .btn {
    background: #9bdee4;
    color: #2d2c2a;
    width: 175px;
    margin-left: auto;
}
.avtopark-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 10px;
}
.avtopark-img img {
    display: block;
    width: 100%;
    /* transition: 1s; */
}
.avtopark-img {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}
.avtopark-box > p {
    font-family: 'GoodPro-CondBold';
    font-size: 36px;
    color: #2d2c2a;
    margin-bottom: 15px;
    padding: 0 10px;
}
.avtopark-left p span {
    display: block;
    font-family: 'GoodPro-CondBold';
    font-size: 36px;
    color: #146870;
}
.avtopark-left p {
    font-size: 18px;
}
.avtopark-box .btn {
    background: #9bdee4;
    color: #2d2c2a;
    width: 175px;
    margin-left: auto;
    margin-bottom: 10px;
    cursor: pointer;
}
.avtopark-box .btn:hover {
    background: #39949d;
	color: #fff;
}
.avtopark-box .btn:active {
    background: #146870;
	color: #fff;
}
.avtopark-box {
    width: 375px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-right: 5px;
    position: relative;
}
.avtopark-catalog {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.avtopark-box:nth-child(3n) {
    margin-right: 0;
}
.avtopark-img:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 0;
    background: #c9ecee;
    z-index: 9;
}
.avtopark-all {
    width: 215px;
    margin: 0 auto;
    margin-top: 15px;
}

#avtopark .container {
    position: relative;
}
.left-text {
    font-size: 240px;
    color: rgba(0, 0, 0, 0.1);
    font-family: 'GoodPro-CondBlack';
    position: absolute;
    left: 0;
    top: 1110px;
    line-height: 1;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
    text-transform: uppercase;
    white-space: nowrap;
}
.uslugi-container {
    width: 1580px;
    position: relative;
}
#uslugi {
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 35px;
}
.uslugi-box {
    max-width: 760px;
}
.uslugi-box > span {
    display: block;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    margin-top: 20px;
    margin-bottom: 20px;
}
.uslugi-box p {
    font-size: 20px;
    max-width: 655px;
    min-height: 120px;
}
.uslugi-btn {
    background: transparent;
    color: #2d2c2a;
    border: 1px solid #2d2c2a;
}
.uslugi-btn:hover {
    box-shadow: none;
    color: #fff;
    border: 1px solid #39949d;
}
.uslugi-container:before {
    position: absolute;
    content: '';
    width: 410px;
    height: 523px;
    right: 0;
    top: 0;
    background: url(/bitrix/templates/v1.0/css/../images/right_white.png) no-repeat;
    z-index: 9;
    background-size: cover;
}
.owl-nav button {
    position: absolute;
    top: 225px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.owl-nav button span {
    color: transparent;
	display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 0 8px 12px 1px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.owl-nav button.owl-prev {
    left: -33px;
}
.owl-nav button.owl-prev span {
    background: #9bdee4 url(/bitrix/templates/v1.0/css/../images/prev.png) center no-repeat;
}
.owl-nav button.owl-next span {
    background: #9bdee4 url(/bitrix/templates/v1.0/css/../images/next.png) center no-repeat;
}
.owl-nav button.owl-next {
    left: 1102px;
}
.owl-nav button.owl-prev span:hover {
    background: #39949d url(/bitrix/templates/v1.0/css/../images/prevw.png) center no-repeat;
}
.owl-nav button.owl-next span:hover {
    background: #39949d url(/bitrix/templates/v1.0/css/../images/nextw.png) center no-repeat;
}

.text {
    font-size: 240px;
    color: rgba(0, 0, 0, 0.05);
    font-family: 'GoodPro-CondBlack';
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 25px;
}

#vugoda {
    padding: 85px 0;
}
.vugoda-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 45px;
    padding-top: 30px;
}
.vugoda-box:nth-child(3n) {
    margin-right: 0;
}
.vugoda-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 360px;
    margin-right: 28px;
    margin-bottom: 65px;
}
.vugoda-icon img {
    width: 48px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    position: relative;
    top: 0;
}
.vugoda-text {
    margin-left: auto;
    width: 300px;
}
.vugoda-text p {
    font-size: 36px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
}
.vugoda-bottom p {
    font-size: 20px;
    margin-bottom: 25px;
}

#bottom {
    background: linear-gradient(to top, #78d7e8, #abddd5);
    padding-top: 50px;
    padding-bottom: 60px;
    color: #fff;
}
#bottom .container > span {
    display: block;
    font-family: 'GoodPro-CondBold';
    font-size: 72px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#bottom .container > p {
    font-size: 20px;
    max-width: 675px;
    margin-bottom: 25px;
}
button.btn {
    cursor: pointer;
    border: 0;
    padding-left: 20px;
    background: #146870;
    letter-spacing: 3px;
}
.bottom-container form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.bottom-container form input[type="text"] {
    height: 40px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #323736;
    font-family: 'RobotoCondensed-Regular';
    font-size: 24px;
    color: #000;
    padding-left: 5px;
    margin-right: 50px;
    width: 275px;
}
.bottom-container input[type="text"]::-webkit-input-placeholder {color:#000;}
.bottom-container input[type="text"]::-moz-placeholder          {color:#000;}
.bottom-container input[type="text"]:-moz-placeholder           {color:#000;}
.bottom-container input[type="text"]:-ms-input-placeholder      {color:#000;}

button.btn .fin {
    display: none;
    position: relative;
    padding-left: 40px;
}
.finish button.btn .fin {
    display: block;
}
.finish button.btn {
    padding-left: 20px;
    background: #146870;
    letter-spacing: 3px;
}
.finish button.btn .fin:before {
    position: absolute;
    content: '';
    width: 37px;
    height: 37px;
    background: url(/bitrix/templates/v1.0/css/../images/check2.png) no-repeat;
    left: -10px;
    top: -7px;
}
.finish button.btn .st {
    display: none;
}

#back-to-top{
	position:fixed;
	bottom: 10px;
	right: 10px;
	z-index:9999;
	height: 84px;
    width: 84px;
}
.cd-top {
    height: 64px;
    width: 64px;
    top: -82px;
    position: absolute;
    right: -32px;
}
.cd-top {
  display: inline-block;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  font-size:  84px;
  line-height:  1;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  background: #2d2c2a url(/bitrix/templates/v1.0/css/../images/up-arrow.png) center no-repeat;
  border-radius: 50%;
}
.cd-top:hover {background: #146870 url(/bitrix/templates/v1.0/css/../images/up-arrow.png) center no-repeat;}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}
#bottom .container {
    position: relative;
}

footer {
    background: #2d2c2a;
    color: #fff;
    padding: 50px 0;
}
.footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.menu-bottom ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.7px;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.menu-bottom ul li:hover a {
    color: #146870;
}
.menu-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.menu-bottom ul {
    margin-right: 35px;
}
.menu-bottom ul li {
    margin-bottom: 15px;
}
footer .tel-container  a {
    color: #fff;
}
footer .tel-container  a:hover {
    color: #146870;
}
footer .tel-container {
    text-align: right;
}
.footer-info a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    display: block;
    margin-top: 10px;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.footer-info a:hover {
    color: #146870;
}
.footer-info {
    padding-top: 5px;
}
.footer-bottom {
    padding-top: 45px;
}
.footer-prava p {
    font-size: 16px;
}
footer .soc-container {
    position: relative;
    margin-left: auto;
    bottom: initial;
    right: initial;
}
footer .wha {
    background: url(/bitrix/templates/v1.0/css/../images/soc1w.svg) center no-repeat;
}
footer .tg {
    background: url(/bitrix/templates/v1.0/css/../images/soc2w.svg) center no-repeat;
}
footer .env {
    background: url(/bitrix/templates/v1.0/css/../images/soc3w.svg) center no-repeat;
}
footer .max {
    background: url(/bitrix/templates/v1.0/css/../images/soc4w.svg) center no-repeat;
}
footer .wha:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc1g.svg) center no-repeat !important;
}
footer .tg:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc2g.svg) center no-repeat !important;
}
footer .env:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc3g.svg) center no-repeat !important;
}
footer .max:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc4g.svg) center no-repeat !important;
}


.slider-box {
    margin-right: -455px;
}

.slider-img {
	animation: car 0.5s linear;
    -webkit-animation: car 0.5s linear;
}
@keyframes car {
    from { right: -1050px;}
    to { right: 0;}
}
@-webkit-keyframes car {
    from { right: -1050px;}
    to { right: 0;}
}

.slider-scroll a:before {
    animation: scroll 2s linear infinite;
    -webkit-animation: scroll 2s linear infinite;
}
@keyframes scroll {
    0 { top: -11px;}
    25% { top: -16px;}
	50% { top: -11px;}
	75% { top: -6px;}
	100% { top: -11px;}
}
@-webkit-keyframes scroll {
    0 { top: -11px;}
    25% { top: -16px;}
	50% { top: -11px;}
	75% { top: -6px;}
	100% { top: -11px;}
}

.slider-scroll a span {
    animation: opacity 1.5s linear infinite;
    -webkit-animation: opacity 1.5s linear infinite;
}

@keyframes opacity {
    0 { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes opacity {
    0 { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}

.avtopark-img:hover img {
    /* transform: scale(1.2); */
}
.vugoda-box:hover .vugoda-icon img {
    top: -5px;
}

.quiz-container {
    width: 585px;
    height: 555px;
    background: #fff;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.quiz-container.active {
    opacity: 1;
	z-index: 1;
}
.slider-box.noactive {
	display: none;
}
.quiz-forma {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
	-webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.quiz-thx {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
	-webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.quiz-zag {
    font-size: 36px;
    color: #2d2c2a;
    text-align: center;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    margin-bottom: 20px;
    margin-top: 40px;
}
.quiz-check-box .radio {
  width: 305px;
  height: 60px;
  cursor: pointer;
  margin: 0;
}
.quiz-check-box .radio + label {
  cursor: pointer;
}
.quiz-check-box .radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.quiz-check-box .radio:not(checked) + label {
    position: relative;
    font-size: 16px;
    color: #2d2c2a;
    clear: both;
    border: 1px solid #2d2c2a;
    display: block;
    width: 100%;
    height: 60px;
    padding-left: 170px;
    font-family: 'RobotoCondensed-Regular';
    text-transform: uppercase;
    padding-top: 10px;
}
.quiz-check-box .radio:checked + label {
  background: #9bdee4;
  border: 1px solid #9bdee4;
}
.quiz-check-box .quiz-check {
    width: 305px;
    margin: 0 auto;
    margin-bottom: 4px;
}
.quiz-check-box .radio + label:before {
    position: absolute;
    content: '';
    width: 131px;
    height: 43px;
    left: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.quiz-check-box #checks-1 + label:before {
    background: url(/bitrix/templates/v1.0/css/../images/wedding6.svg) center no-repeat;
}
.quiz-check-box #checks-2 + label:before {
    background: url(/bitrix/templates/v1.0/css/../images/wedding8.svg) center no-repeat;
}
.quiz-check-box #checks-3 + label:before {
    background: url(/bitrix/templates/v1.0/css/../images/wedding7.svg) center no-repeat;
}
.quiz-check-box #checks-4 + label:before {
    background: url(/bitrix/templates/v1.0/css/../images/wedding9.svg) center no-repeat;
}
.quiz-check-box #checks-5 + label:before {
    background: url(/bitrix/templates/v1.0/css/../images/wedding10.svg) center no-repeat;
}

#quiz-car {
    min-height: 555px;
}
.quiz-container .owl-nav button {
    top: initial;
    bottom: 45px;
}
.quiz-container .owl-nav button.owl-prev {
    left: 185px;
    background: #2d2c2a url(/bitrix/templates/v1.0/css/../images/quiz_prev.png) center no-repeat !important;
}
.quiz-container .owl-nav button.owl-next {
    left: 260px;
    background: #2d2c2a !important;
    width: 135px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 18px !IMPORTANT;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Regular' !important;
    letter-spacing: 1px;
}
.quiz-container .owl-nav button.owl-next:hover {
    background: #39949d !important;
    box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.25);
}
.quiz-container .owl-nav button.owl-prev:hover {
    background: #39949d url(/bitrix/templates/v1.0/css/../images/quiz_prev.png) center no-repeat !important;
    box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.25);
}
.quiz-box p {
    font-size: 36px;
    color: #2d2c2a;
    text-align: center;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    margin-top: 15px;
}
.quiz-box input[type="text"]::-webkit-input-placeholder {color:rgba(45, 44, 42, 0.1);}
.quiz-box input[type="text"]::-moz-placeholder          {color:rgba(45, 44, 42, 0.1);}
.quiz-box input[type="text"]:-moz-placeholder           {color:rgba(45, 44, 42, 0.1);}
.quiz-box input[type="text"]:-ms-input-placeholder      {color:rgba(45, 44, 42, 0.1);}
.quiz-box input[type="text"], .quiz-box input[type="number"] {
    text-align: center;
    width: 300px;
    margin: 0 auto;
    display: block;
    border: 0;
    border-bottom: 1px solid #2d2c2a;
    color: #2d2c2a;
    font-size: 240px;
    font-family: 'GoodPro-CondBold';
    line-height: 200px;
    height: 240px;
}
.quiz-box-adres .radio {
  cursor: pointer;
  margin: 0;
}
.quiz-box-adres .radio + label {
  cursor: pointer;
}
.quiz-box-adres .radio:not(checked) {
  position: absolute;
  opacity: 0;
}
.quiz-box-adres .radio:not(checked) + label {
    position: relative;
    font-size: 36px;
    color: #2d2c2a;
    clear: both;
    display: block;
    padding-left: 70px;
    font-family: 'GoodPro-CondBold';
}
.quiz-box-adres .quiz-check {
    margin-bottom: 34px;
    padding-left: 65px;
    padding-top: 6px;
}
.quiz-box-adres .radio + label:before {
    position: absolute;
    content: '';
    width: 48px;
    height: 48px;
    left: 0;
    top: -6px;
    bottom: 0;
    margin: auto;
    background: url(/bitrix/templates/v1.0/css/../images/check.png) no-repeat;
    opacity: 0.2;
}
.quiz-box-adres .radio:checked + label:before {
  opacity: 1;
}
.quiz-box-adres {
    padding-top: 50px;
}
.input-group-box input[type="text"] {
    border: 0;
    color: #000;
    font-size: 24px;
    font-family: 'GoodPro-CondBold';
    width: 100%;
    padding-left: 40px;
}
.input-group-box input::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.5);}
.input-group-box input::-moz-placeholder          {color:rgba(0, 0, 0, 0.5);}
.input-group-box input:-moz-placeholder           {color:rgba(0, 0, 0, 0.5);}
.input-group-box input:-ms-input-placeholder      {color:rgba(0, 0, 0, 0.5);}
.input-group > p {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 30px;
}
.input-group-box:before {
    position: absolute;
    content: '';
    width: 32px;
    height: 37px;
    background: url(/bitrix/templates/v1.0/css/../images/data.png) no-repeat;
    left: 0;
    top: -1px;
}
.input-group-box {
    width: 140px;
    position: relative;
    margin: 0 40px;
}
.input-group-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    position: relative;
    padding-left: 25px;
}
.input-group-row:before {
    position: absolute;
    content: '';
    width: 45px;
    height: 1px;
    background: #2d2c2a;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15px;
}
.quiz-forma button.btn {
    background: #2d2c2a;
    border: 0;
    width: 245px;
    margin: 0 auto;
    margin-top: 40px;
    letter-spacing: 1px;
}
.quiz-forma button.btn:hover {
    background: #39949d;
    box-shadow: 0 5px 12px 1px rgba(0, 0, 0, 0.25);
}
.quiz-text p {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    color: #2d2c2a;
    margin-bottom: 20px;
}
.quiz-text {
    max-width: 385px;
    margin: 0 auto;
    padding-top: 20px;
    margin-bottom: 45px;
}
.quiz-forma input[type="text"] {
    border: 0;
    border-bottom: 1px solid #2d2c2a;
    display: block;
    width: 245px;
    text-align: center;
    height: 46px;
    font-family: 'RobotoCondensed-Regular';
    color: #000;
    font-size: 24px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.quiz-thx .quiz-text {
    padding-top: 45px;
}
.quiz-thx .soc-container {
    position: relative;
    bottom: initial;
    right: initial;
    justify-content: center;
}
.quiz-thx .soc-container .wha:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc1g.svg) center no-repeat;
}
.quiz-thx .soc-container .tg:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc2g.svg) center no-repeat;
}

.quiz-forma.finish {
    display: none !important;
}
.quiz-thx.active {
	opacity: 1;
    z-index: 1;
}
.quiz-forma.active {
	opacity: 1;
    z-index: 1;
}
#quiz-car.noactive {
    display: none;
}
.quiz-container form {
    position: relative;
    z-index: 999;
}



.hidd .owl-next {
    pointer-events: none;
    opacity: 0.5;
}

.podarok-box {
    position: absolute;
    content: '';
    width: 66px;
    height: 41px;
    background: url(/bitrix/templates/v1.0/css/../images/gift.png) 15px center no-repeat, url(/bitrix/templates/v1.0/css/../images/gift_bg.png) center no-repeat;
    left: 0;
    top: 10px;
    display: block;
    z-index: 9;
}
.podarok-box.hit {
    background: url(/bitrix/templates/v1.0/css/../images/gift_bg.png) center no-repeat;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
    font-size: 22px;
    font-family: 'GoodPro-CondMedium';
}

.menu-icon-wrapper {
  display: none;
}

.menu-top > ul > li > span {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/bitrix/templates/v1.0/css/../images/down.png) center no-repeat;
    left: 115px;
    top: 4px;
    margin: auto;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    display: none;
}
.menu-top > ul > li.has:hover > span {
    background: url(/bitrix/templates/v1.0/css/../images/downg.png) center no-repeat;
}
.menu-top > ul > li.active a {
    color: #146870;
}

.menu-top .soc-container {
	display: none;
}

.hidd1 .owl-next {
    pointer-events: visible;
    opacity: 1;
}

.input-group-box > p {
	display: none;
}

.thumbs-wrapper {
    position: relative;
}
.thumbs-wrapper img {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
}
.thumbs-wrapper img:first-child {
    display: block;
}
.tmb-wrap {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: table;
}
.tmb-wrap div {
    display: table-cell;
    height: 100%;
    border-bottom: transparent 5px solid;
}
.tmb-wrap div.active {
    border-color: #93dade;
}
.slider-img img {
}
.soc-container a:last-child {
    margin-left: 15px;
}

.scrollb {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%;
}
.quiz-box-adres {
    width: 100%;
    height: 295px;
    overflow: hidden;
    padding-right: 50px;
}

.tabs-menu li:hover a span {
    transform: scale(1.05);
}
.bottom-container button.btn {
    background: #2d2c2a;
}
.bottom-container button.btn:hover {
    background: #39949d;
}
.bottom-container button.btn:active {
    background: #146870;
}

.bottom-container.finish form input[type="text"] {
    pointer-events: none;
	color: rgba(0, 0, 0, 0.5);
}
.bottom-container.finish button.btn {
    background: #39949d;
}

.uslugi-img img {
    transition: 1s;
}
.uslugi-img {
    overflow: hidden;
}
.uslugi-img:hover img {
    transform: scale(1.1);
}


input[type="text"] {
    -webkit-user-select: text;
    -moz-user-select: text; 
    -ms-user-select: text;
    user-select: text;
}

.res-br {
	display: none;
}

.uslugi-box .bottom-container form input[type="text"] {
    width: 210px;
    margin-right: 35px;
}
.uslugi-box .bottom-container {
    opacity: 0;
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
    height: 0;
}
.uslugi-box.active .bottom-container {
    opacity: 1;
    height: auto;
}
.uslugi-box.active .uslugi-btn {
	display: none;
}


#pages {
    padding-top: 55px;
    padding-bottom: 180px;
    overflow: hidden;
}
.breadcrumbs {
    font-size: 18px;
    color: #2d2c2a;
    font-family: 'RobotoCondensed-Regular';
    margin-bottom: 10px;
}
.breadcrumbs a {
    color: #2d2c2a;
    text-decoration: none;
}
.breadcrumbs span {
    color: #146870;
}
.name-page {
    font-size: 60px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    margin-bottom: 35px;
    display: inline-block;
    position: relative;
    text-transform: uppercase;
}
.akcuu-box:nth-child(3n) {
    margin-right: 0;
}
.akcuu-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.akcuu-box {
    background: linear-gradient(to top, #78d7e8, #abddd5);
    color: #fff;
    width: 374px;
    height: 466px;
    margin-right: 7px;
    margin-bottom: 7px;
}
.akcuu-box > p {
    text-align: right;
    font-family: 'GoodPro-CondBold';
    font-size: 72px;
    text-transform: uppercase;
    padding: 0 25px;
    line-height: 72px;
    padding-top: 25px;
    margin-bottom: 40px;
}
.akcuu-text > p {
    font-size: 28px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    line-height: 28px;
    padding: 0 30px;
    min-height: 160px;
}
.akcuu-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.akcuu-bottom p {
    width: 151px;
    height: 41px;
    background: url(/bitrix/templates/v1.0/css/../images/text_bg.png) no-repeat;
    text-align: center;
    color: #2d2c2a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-family: 'GoodPro-CondBold';
}
.akcuu-btn {
    margin-left: auto;
    margin-right: 25px;
    text-decoration: none;
    font-size: 18px;
    color: #2d2c2a;
    font-family: 'RobotoCondensed-Regular';
    text-transform: uppercase;
    background: #fff;
    width: 105px;
    height: 65px;
    border-radius: 45px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 7px 1px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer;
    border: 0;
}
.akcuu-btn:hover {
    color: #fff;
    background: #39949d;
}
.akcuu-form > p {
    font-size: 18px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    padding: 0 30px;
    margin-bottom: 5px;
}
input[type="text"] {
    height: 40px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #323736;
    font-family: 'RobotoCondensed-Regular';
    font-size: 24px;
    color: #000;
    padding-left: 5px;
}
.akcuu-form input[type="text"]::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.5);}
.akcuu-form input[type="text"]::-moz-placeholder          {color:rgba(0, 0, 0, 0.5);}
.akcuu-form input[type="text"]:-moz-placeholder           {color:rgba(0, 0, 0, 0.5);}
.akcuu-form input[type="text"]:-ms-input-placeholder      {color:rgba(0, 0, 0, 0.5);}
.akcuu-form input[type="text"] {
    width: 100%;
    margin-bottom: 15px;
}
.akcuu-form form {
    padding: 0 30px;
}
.akcuu-form .akcuu-btn {
    width: 145px;
    margin-right: 0;
    margin-top: 10px;
}
.akcuu-form {
    display: none;
}
.akcuu-box.active .akcuu-form {
    display: block;
}
.akcuu-box.active .akcuu-text {
    display: none;
}
.akcuu-box.finish .akcuu-form {
    display: none;
}
.akcuu-box.finish .akcuu-btn {
    background: #146870 url(/bitrix/templates/v1.0/css/../images/check_btn.png) center no-repeat;
    color: transparent;
    width: 65px;
    border-radius: 50%;
    pointer-events: none; 
    cursor: default;
}
.name-page .podarok-box {
    right: -90px;
    left: initial;
    top: 15px;
}
.card-slider {
    /* overflow: hidden; */
}
.card-slider-box {
   width: 1655px;
}
.card-box {
    max-width: 812px;
}

.card-slider-box .owl-carousel .owl-stage-outer {
    max-width: 1136px;
}
.card-price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px;
}
.card-pricebox {
    margin-right: 75px;
}
.card-pricebox p {
    font-size: 36px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    position: relative;
}
.old-price {
    display: block;
    font-size: 45px;
    color: #90b8bc;
    line-height: 1;
}
.old-price span {
    position: relative;
}
.new-price {
    display: block;
    text-transform: uppercase;
    font-size: 60px;
    color: #146870;
	line-height: 1;
}
.card-price .btn {
    margin-left: auto;
    background: #9bdee4;
    color: #2d2c2a;
    letter-spacing: 2px;
    width: 280px;
    height: 80px;
    font-size: 22px;
}
.card-price .btn:hover {
    background: #39949d;
}
.old-price span:before {
    width: 100%;
    height: 3px;
    background: #90b8bc;
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

.question-btn {
    cursor: pointer;
    position: relative;
    font-family: 'RobotoCondensed-Regular';
    font-size: 16px;
    color: #2d2c2c;
    width: 21px;
    height: 21px;
    border: 1px solid #2d2c2a;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    top: -15px;
    line-height: 1;
    padding-top: 2px;
}
.question-text {
    background: #fff;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0 7px 10px 1px rgba(121, 121, 121, 0.35);
    position: absolute;
    width: 270px;
    right: -220px;
    top: 30px;
    display: none;
    z-index: 99;
    text-align: left;
}
.question-text span {
    font-size: 16px;
    font-family: 'RobotoCondensed-Regular';
    display: block;
    color: #000;
    line-height: 18px;
    margin-bottom: 12px;
}
.question-text span:last-child {
    margin-bottom: 0;
}
.question-btn:hover .question-text {
    display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0; 
}

.card-options-box p {
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 5px;
}
.option-card {
    color: #146870;
    font-size: 24px;
    font-family: 'GoodPro-CondBold';
}
.cvet {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-top: 8px;
}
.black {
    background: #000;
}
.card-options {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 50px;
}
.card-options-box {
    margin-right: 85px;
}
.card-adds-box p {
    font-size: 18px;
    color: #a3a3a2;
    font-family: 'RobotoCondensed-Regular';
    position: relative;
    padding-left: 45px;
}
.card-adds {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 70px;
    margin-bottom: 45px;
}
.card-adds-box p:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    left: 0;
    top: -7px;
    background-size: cover !important;
}
.card-adds-box1 p:before {
    background: url(/bitrix/templates/v1.0/css/../images/001.svg) center no-repeat;
}
.card-adds-box2 p:before {
    background: url(/bitrix/templates/v1.0/css/../images/002.svg) center no-repeat;
}
.card-adds-box3 p:before {
    background: url(/bitrix/templates/v1.0/css/../images/003.svg) center no-repeat;
}
.card-adds-box {
    margin-right: 55px;
}
.card-podarok p .podarok-box {
    position: relative;
    top: 0;
    margin-right: 15px;
    background: url(/bitrix/templates/v1.0/css/../images/gift2.png) 10px center no-repeat, url(/bitrix/templates/v1.0/css/../images/gift_bg2.png) center no-repeat;
    width: 48px;
    height: 29px;
}
.card-podarok p {
    font-size: 28px;
    color: #2d2c2a;
    text-transform: uppercase;
    position: relative;
    font-family: 'GoodPro-CondBold';
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.card-podarok p .question-btn {
    text-transform: initial;
    margin-left: 5px;
}
.podarok-boxing {
    margin-right: 15px;
    background: url(/bitrix/templates/v1.0/css/../images/gift_bg3.png) center no-repeat;
    width: 80px;
    height: 29px;
    position: relative;
    display: block;
    font-size: 24px;
    color: #2d2c2a;
    text-transform: initial;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    line-height: 1;
	font-family: 'GoodPro-CondMedium';
}
.podarok-boxing.hit {
    background: url(/bitrix/templates/v1.0/css/../images/gift_bg4.png) center no-repeat;
    width: 61px;
}

.cardpage {
    padding-bottom: 45px !important;
}
.uslugipage-container .uslugi-box > span {
    margin-top: 0;
}
.uslugipage-container .uslugi-box {
    max-width: 360px;
}
.uslugipage-container .uslugi-btn {
    background: #9bdee4;
    border: 0;
    width: 245px;
}
.uslugipage-container .uslugi-box p {
    max-width: 100%;
    min-height: 170px;
}
#uslugipage {
    padding-bottom: 80px;
}
.uslugipage-container .owl-nav button {
    top: 100px;
}
.owl-prev.disabled {
    display: none;
}
#variant {
    padding-top: 60px;
    padding-bottom: 170px;
}
#variant .text {
    margin-bottom: 0;
}

.reveal-modal {
    max-width: 910px;
    padding: 35px 20px;
}
.forma-popap > p {
    font-size: 22px;
    color: #2d2c2c;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.forma-popap .zag {
    font-size: 28px;
}
.popap-top p {
    font-size: 48px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    margin-top: 10px;
}
.forma-popap .card-podarok p {
    font-size: 20px;
}
.forma-popap .card-podarok p .podarok-box {
    transform: scale(0.7);
    margin-left: -5px;
}
.forma-popap .card-podarok {
    padding-top: 20px;
    margin-bottom: 30px;
}
.popap-uslug-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.popap-uslug > p {
    font-size: 16px;
    color: #2d2c2a;
    font-family: 'RobotoCondensed-Regular';
    margin-bottom: 20px;
}
.popap-uslug-box {
    margin-right: 35px;
}
.popap-uslug-box p {
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    padding-left: 35px;
    color: #2d2c2a;
    font-size: 24px;
    position: relative;
}
.popap-uslug-box p:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 22px;
    background: url(/bitrix/templates/v1.0/css/../images/check3.png) no-repeat;
    left: 0;
    top: 2px;
}
.popap-uslug {
    margin-bottom: 70px;
}
.forma-popap input[type="text"] {
    margin-right: 65px;
    width: 200px;
}
.forma-popap input[type="text"].phone {
    width: 250px;
}
.forma-popap button.btn {
    margin: 0 auto;
    margin-top: 45px;
    width: 230px;
    background: #98dbdf;
    font-family: 'RobotoCondensed-Regular';
    color: #2d2c2a;
	-webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
}
.forma-popap input[type="text"]:first-child {
    margin-left: 25px;
}
.forma-popap input[type="text"].form-control {
    margin-right: 0;
}
.zakaz-card {
    min-height: 580px;
}
.thx-popap {
	display: none;
	text-align: center;
    padding-top: 125px;
}
.zakaz-card.finish .forma-popap {
    display: none;
}
.zakaz-card.finish .thx-popap {
	display: block;
}
.thx-popap p {
    font-size: 18px;
    color: #2d2c2a;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.thx-popap .zag {
    display: block;
    margin-bottom: 20px;
}
.thx-popap .soc-container {
    position: relative;
    text-align: center;
    justify-content: center;
    top: 30px;
}
.thx-popap .soc-container a {
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
}

.checkbox + label {
  cursor: pointer;
}
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
    position: relative;
    font-size: 24px;
    color: rgba(45, 44, 42, 0.55);
    display: block;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
}
.checkbox:checked + label {
   color: #146870;
}

.catalog-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.catalog-icon {
    width: 212px;
    height: 62px;
    background: url(/bitrix/templates/v1.0/css/../images/icon_page.png) center no-repeat;
    margin-left: auto;
    display: block;
}
.catalog-top .name-page {
    margin-bottom: 0;
}
.catalog-top {
    margin-bottom: 50px;
}
.catalog-filter-box > p {
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 3px;
}
.catalog-check {
    display: inline-block;
    margin-right: 10px;
}
.catalog-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 200px;
    margin-bottom: 25px;
}
.catalog-filter-box {
    max-width: 225px;
    margin-right: 75px;
    margin-bottom: 25px;
    width: 100%;
}
.color .checkbox:not(checked) + label span {
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
}
.color .checkbox:not(checked) + label span.white {
    border: 1px solid #000;
}
.white {
    background: #fff;
}
.color .checkbox:checked + label span {
    border: 2px solid #146870 !important;
}
.brown {
    background: #cebca5;
}
.colors {
    background: url(/bitrix/templates/v1.0/css/../images/color.png) center no-repeat;
}
.pink {
    background: #ec69a4;
}
.blue {
    background: #83d0f5;
}

.catalog-resultat {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.procent-box {
    position: absolute;
    width: 71px;
    height: 41px;
    background: url(/bitrix/templates/v1.0/css/../images/proc_bg.png) center no-repeat;
    left: 0;
    top: 10px;
    display: flex;
    z-index: 9;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    font-size: 26px;
    color: #2d2c2a;
    font-family: 'Ubuntu-Medium';
}
.procent .avtopark-left p span {
    color: #ff8373;
}
.catalog-all {
    width: 215px;
    margin: 0 auto;
    margin-top: 35px;
}
.catalog-text {
    padding-top: 60px;
}
.catalog-text p {
    font-size: 20px;
    color: #2d2c2a;
    margin-bottom: 25px;
    font-family: 'RobotoCondensed-Regular';
}
.catalog-text p:last-child {
    margin-bottom: 0;
}

.contact-info-box img {
    max-width: 38px;
    max-height: 36px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 8px;
}
.contact-info-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}
.contact-info-box p {
    color: #2d2c2a;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'RobotoCondensed-Regular';
    margin-top: 30px;
}
.contact-info-box a.tel {
    font-size: 30px;
    color: #2d2c2a;
    text-decoration: none;
    font-family: 'GoodPro-CondBold';
    margin-top: 20px;
    display: block;
}
.contact-info-box {
    width: 220px;
    margin-right: 200px;
    margin-bottom: 20px;
}
.contact-info-box:last-child {
    margin-right: 0;
}
.contact-info {
    text-align: center;
    padding-top: 45px;
}
.contactpage {
    padding-bottom: 50px !important;
}

.faq-box > div.actives .otvet {
    display: block;
}
.faq-box > div > span {
    color: #2d2c2a;
    font-size: 28px;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
    position: relative;
    display: block;
    width: 100%;
    padding-left: 65px;
    cursor: pointer;
}
.otvet p {
    color: #2d2c2a;
    font-size: 20px;
    font-family: 'RobotoCondensed-Regular';
}
.otvet {
    display: none;
    padding: 25px 65px;
    padding-bottom: 0;
}
.faq-box > div {
    margin-bottom: 25px;
}
.faq-box > div > span:before {
    position: absolute;
    content: '';
    width: 21px;
    height: 21px;
    background: url(/bitrix/templates/v1.0/css/../images/plus-circle.svg) center no-repeat;
    left: 0;
    top: 5px;
}
.faq-box > div.actives > span:before {
    background: url(/bitrix/templates/v1.0/css/../images/minus-circle.svg) center no-repeat;
}
.faq-box > div.actives > span {
    color: #146870;
}
.faq-box > div:hover > span {
    color: #146870;
}
.faq-box > div:last-child {
    margin-bottom: 0;
}

.review-slider {
    width: 1716px;
    margin-top: 45px;
}
.review-boxing {
    width: 562px;
    opacity: 0.5;
}
.owl-item.active .review-boxing {
    opacity: 1;
}
.active.center + .active .review-boxing {
    opacity: 0.5;
}
.review-slider .owl-nav button {
    top: 44%;
}

.review-top p {
    font-size: 28px;
    color: #2d2c2a;
    text-transform: uppercase;
    font-family: 'GoodPro-CondBold';
}
.review-top p span {
    color: #146870;
}
.review-box > p {
    color: #2d2c2a;
    font-size: 18px;
    font-family: 'RobotoCondensed-Regular';
    margin-top: 15px;
}
.review-bottom p {
    font-size: 36px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
}
.review-bottom p span {
    font-size: 28px;
    color: #146870;
    font-family: 'GoodPro-CondBold';
    margin-top: 10px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}
.review-bottom {
    margin-top: 25px;
}
.review-bottom a {
    font-size: 36px;
    color: #146870;
    font-family: 'GoodPro-CondBold';
    margin-top: 10px;
}
.review-box {
    margin-bottom: 55px;
}
.review-box:last-child {
    margin-bottom: 0;
}

.bottom-big .container > p {
    max-width: 100% !important;
}
.bottom-left {
    max-width: 600px;
}
.bottom-row input:nth-child(2) {
    margin-right: 0 !important;
}
.bottom-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.bottom-left textarea {
    height: 40px;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #323736;
    font-family: 'RobotoCondensed-Regular';
    font-size: 24px;
    color: #000;
    padding-left: 5px;
    margin-right: 50px;
    resize: none;
    width: 100%;
    padding-top: 5px;
    margin: 25px 0;
    padding-bottom: 5px;
    min-height: 40px;
	 overflow: hidden;
}
.bottom-container textarea::-webkit-input-placeholder {color:#000;}
.bottom-container textarea::-moz-placeholder          {color:#000;}
.bottom-container textarea:-moz-placeholder           {color:#000;}
.bottom-container textarea:-ms-input-placeholder      {color:#000;}
.bottom-box input[type="text"] {
    width: 100% !important;
}
.bottom-big .bottom-container form {
    align-items: flex-start;
}
.bottom-right {
    margin-left: 50px;
    text-align: center;
    padding-top: 55px;
}
.bottom-right button.btn {
    margin-top: 30px;
}
.bottom-box {
    position: relative;
}
.bottom-box:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: url(/bitrix/templates/v1.0/css/../images/search.png) center no-repeat;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bottom-resultat a {
    color: #2d2c2a;
    text-decoration: none;
    font-size: 28px;
    font-family: 'GoodPro-CondBold';
    display: block;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
	cursor: pointer;
}
.bottom-resultat a:hover {
    color: #146870;
}
.bottom-resultat {
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);
    display: none;
}
.bottom-resultat {
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.1);
    display: none;
}
.bottom-box.focus .bottom-resultat {
    display: block;
}
.bottom-file {
    color: #2d2c2a;
    font-size: 18px;
    font-family: 'RobotoCondensed-Regular';
    cursor: pointer;
}
span.file_btn {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.bottom-container.finish .bottom-left textarea {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5);
}
.bottom-container.finish .bottom-file {
    pointer-events: none;
    color: rgba(0, 0, 0, 0.5);
}
input[type="file"] {
    cursor: pointer;
}
.bottom-file .name {
    background: #87d8e2;
    position: absolute;
    top: 0;
    width: 100%;
}

.terms-container > p {
    font-size: 18px;
    color: #2d2c2a;
    font-family: 'RobotoCondensed-Regular';
    padding-right: 15px;
    line-height: 24px;
}
.terms-container {
    margin-top: -15px;
}
.terms-row {
    margin-top: 80px;
}
.terms-number p {
    font-size: 240px;
    color: rgba(45, 44, 42, 0.15);
    font-family: 'GoodPro-CondBold';
    line-height: 1;
}
.terms-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.terms-box:last-child {
    margin-bottom: 0;
}
.terms-number {
    width: 130px;
}
.terms-text p {
    font-size: 36px;
    color: #2d2c2a;
    font-family: 'GoodPro-CondBold';
    max-width: 1000px;
}

.card-podarok .question-text {
    bottom: 30px;
	top: initial;
}
.review-bottom a:hover {
    text-decoration: none;
}
#uslugipage .uslugipage-container .uslugi-btn:hover {
	background: #39949d;
}
#uslugipage .uslugi-box.active .uslugi-btn {
    color: transparent;
    background: #146870 url(/bitrix/templates/v1.0/css/../images/check_btn.png) center no-repeat;
    color: transparent;
    width: 65px;
    border-radius: 50%;
    display: block;
}
#uslugipage .uslugi-box .uslugi-btn {
	-webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
}

.catalog-filter > p {
	display: none;
}
.catalog-filter-btn {
	display: none;
}
.filter-btn-res {
	display: none;
}

.review-all {
    width: 220px;
    margin: 0 auto;
    margin-top: 60px;
}


.avtopark-box > p a {
    color: #2d2c2a;
    text-decoration: none;
}
/* End */


/* Start:/bitrix/templates/v1.0/css/owl.carousel.css?15941994864930*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/bitrix/templates/v1.0/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* End */


/* Start:/bitrix/templates/v1.0/css/datepicker.css?15941994864399*/
/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

.datepicker-panel > ul > li:hover {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(204, 229, 255);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
}

.datepicker-hide {
  display: none;
}

/* End */


/* Start:/bitrix/templates/v1.0/css/jquery.mCustomScrollbar.css?159419948653543*/

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{margin-right: 0;}

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 4px;
		height: auto;
		left: auto;
		top: 0;
		right: 2px;
		bottom: 0;
		border-radius: 10px;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		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: 4px;
		height: 100%;
		margin: 0 auto;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 6px;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		border-radius: 10px;
		left: -1px;
	}
	
	.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; /* auto-expanded scrollbar */ }
	
	.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; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

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

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.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; /* minimum dragger width */
		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; /* auto-expanded scrollbar */
		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; /* auto-expanded scrollbar */
		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; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.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;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.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{ /* RTL direction/left-side scrollbar */
		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; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-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; 
		-moz-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; 
		-o-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; 
		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; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.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)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #F7F7F7;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #93dade;
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(/bitrix/templates/v1.0/css/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,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; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-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: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.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, 
	.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{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.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, 
	.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{ width: 4px; /* auto-expanded scrollbar */ }
	
	.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, 
	.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{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.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, 
	.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{
		height: 4px; /* auto-expanded scrollbar */
		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; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.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,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.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; }
	
	
	/* theme "rounded-dots-dark" */
	
	.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; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.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; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,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; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.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,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,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; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,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; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.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, 
	.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{
		width: 12px;
	}
	
	.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, 
	.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{
		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; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* End */


/* Start:/bitrix/templates/v1.0/css/reveal.css?15941994861200*/
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0, 0, 0, 0.75);
		z-index: 9999;
		display: none;
		top: 0;
		left: 0;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px;
		background: #fff;
		position: fixed;
		z-index: 999999;
		-moz-box-shadow: 0 0 10px rgba(23, 44, 58, 0.75);
		-webkit-box-shadow: 0 0 10px rgba(23, 44, 58, 0.75);
		-box-shadow: 0 0 10px rgba(23, 44, 58, 0.75);
		left: 0;
		right: 0;
		margin: 0 auto;
		box-sizing: border-box;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		    position: absolute;
		    cursor: pointer;
		    right: 25px;
		    top: 30px;
		    color: transparent;
		    background: url(/bitrix/templates/v1.0/css/../images/close.png) center no-repeat;
		    width: 25px;
		    height: 25px;
		} 

/* End */


/* Start:/bitrix/templates/v1.0/css/responsive.css?175810887029437*/
@media only screen and (max-width: 1800px) {
.slider-scroll {
    position: relative;
    top: 0;
}
	
	
}	



@media only screen and (max-width: 1200px) {
.container {
    max-width: 960px;
}
.container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.menu-top > ul > li a {
    font-size: 16px;
    letter-spacing: 0;
}
.tel-container > a {
    font-size: 34px;
    letter-spacing: 1px;
}
.slider-img img {
    width: 100%;
}
.slider-img {
    width: 950px;
}
.name-site {
    font-size: 62px;
}
#slider {
    min-height: initial;
    padding-bottom: 50px;
}
.tabs-menu li a {
    width: 190px;
}
.tabs-menu li a span {
    width: 165px;
}
.avtopark-box {
    width: 316px;
}
.avtopark-box > p {
    font-size: 32px;
}
.avtopark-box .btn {
    width: 145px;
}
.avtopark-left p span {
    font-size: 30px;
}
.text {
    font-size: 200px;
}
.owl-nav button.owl-next {
    left: 925px;
}
.uslugi-container {
    width: 1280px;
}
.uslugi-box {
    max-width: 95%;
}
.owl-nav button {
    top: 180px;
}
.vugoda-text p {
    font-size: 28px;
}
.vugoda-box {
    width: 310px;
    margin-right: 15px;
    margin-bottom: 45px;
}
.vugoda-text {
    width: 245px;
}
.menu-container {
    margin-left: 25px;
}

.akcuu-box {
    width: 315px;
    height: auto;
    padding-bottom: 25px;
}
.akcuu-box > p {
    font-size: 56px;
    padding: 0 15px;
    line-height: 56px;
    padding-top: 20px;
    margin-bottom: 25px;
    padding-left: 40px;
}
.akcuu-text > p {
    font-size: 20px;
    line-height: 24px;
    padding: 0 15px;
    min-height: 140px;
}

.card-slider-box .owl-carousel .owl-stage-outer {
    max-width: 960px;
}
.uslugipage-container .uslugi-box p {
    font-size: 18px;
}
.thumbs-wrapper {
    width: 100% !important;
}

.catalog-filter {
    padding-right: 0;
}

.contact-map > ymaps {
    max-height: 500px;
	height: 500px !important;
}
.contact-info-box {
    margin-right: 150px;
}

.terms-text p {
    font-size: 28px;
    max-width: 780px;
}




}
	
	
@media only screen and (max-width: 1000px) {
.menu-icon-wrapper {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
    padding-top: 11px;
    z-index: 9999;
}
.menu-icon {
  position: relative;
  width: 25px;
  height: 3px;
  background-color: #2d2c2a;
}
.menu-icon::before {
  position: absolute;
  left: 0;
  top: -10px;
  content: '';
  width: 25px;
  height: 3px;
  background-color: #2d2c2a;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}
.menu-icon::after {
  position: absolute;
  left: 0;
  top: 10px;
  content: '';
  width: 25px;
  height: 3px;
  background-color: #2d2c2a;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
}
.menu-icon.menu-icon-active {
  background-color: transparent;
}
.menu-icon.menu-icon-active::before {
  transform: rotate(45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
.menu-icon.menu-icon-active::after {
  transform: rotate(-45deg);
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}

.container {
    padding: 0 15px;
}
.menu-top {
    width: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 999;
    background: #fff;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    /* display: none; */
    height: 100vh;
    padding: 0 15px;
    padding-top: 125px;
}
.menu-active .menu-top {
    left: 0;
}
.tel-container .soc-container {
    display: none;
}
.menu-active {
	overflow: hidden;
}
.menu-top > ul > li a {
    font-size: 24px;
}
.menu-top > ul > li {
    margin-right: 0;
    padding: 0;
    margin-bottom: 15px;
}
.tel-container {
    margin-right: 25px;
}
.menu-top > ul > li:hover > a {
    color: #146870;
}
.menu-top > ul > li > ul {
    display: none;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: none;
    padding: 0;
    padding-top: 15px;
    box-shadow: none;
    z-index: 9;
}
.menu-top > ul > li > ul > li a {
    font-size: 14px;
}
.menu-top > ul > li.has:hover > a:before {
    background: url(/bitrix/templates/v1.0/css/../images/downg.png) center no-repeat !important;
}
.logo-container {
    position: relative;
    z-index: 9999;
}
.menu-top > ul {
    display: block;
    flex-wrap: initial;
    align-items: initial;
    max-height: 100%;
    overflow-y: scroll;
}
.menu-top > ul > li > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none !important;
}
.menu-top > ul > li:hover > ul {
    display: none;
}
.menu-top > ul > li a:active {
    color: #146870;
}
.menu-top .soc-container {
    display: flex;
    position: relative;
}
.soc-container a {
    margin-left: 0;
    margin-right: 17px;
}
.env:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc3g.svg) center no-repeat !important;
}
.tg:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc2g.svg) center no-repeat !important;
}
.wha:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc1g.svg) center no-repeat !important;
}
.max:hover {
    background: url(/bitrix/templates/v1.0/css/../images/soc4g.svg) center no-repeat !important;
}
#slider {
    background: linear-gradient(to top, #78d7e8, #abddd5);
    padding-top: 150px;
}
.name-site {
    font-size: 48px;
}
.slider-box p {
    font-size: 15px;
    max-width: 400px;
}
.slider-img {
    width: 750px;
    animation: initial;
    -webkit-animation: initial;
    margin-right: -365px;
    margin-top: 125px;
}
.slider-scroll {
    margin-top: 0;
}
.quiz-zag {
    font-size: 28px;
}
#quiz-car {
    min-height: 510px;
}
.quiz-container {
    width: 450px;
    height: 510px;
}
.quiz-container .owl-nav button {
    bottom: 20px;
}
.quiz-container .owl-nav button.owl-prev {
    left: -140px;
    right: 0;
    margin: auto;
}
.quiz-container .owl-nav button.owl-next {
    left: 0;
    right: -75px;
    margin: auto;
}
.quiz-box-adres .radio:not(checked) + label {
    font-size: 30px;
    padding-left: 60px;
}
.input-group-row {
    padding-left: 0;
}
.tabs-menu li a {
    width: 100%;
    height: 120px;
    padding-top: 90px;
    letter-spacing: 0;
}
.tabs-menu li a span {
    width: 135px;
    height: 60px;
}
.ico3 {
}
.avtopark-box:nth-child(3n) {
    margin-right: 2%;
}
.avtopark-box:nth-child(2n) {
    margin-right: 0;
}
.avtopark-box {
    width: 48.9%;
    margin-right: 15px;
}
.left-text {
    display: none;
}
.text {
    font-size: 150px;
}
.uslugi-container {
    width: 100%;
}
.uslugi-box {
    max-width: 100%;
}
.owl-nav button {
    top: 30%;
}
.owl-nav button.owl-prev {
    left: 3%;
}
.owl-nav button.owl-next {
    left: initial;
    right: 3%;
}
.uslugi-container:before {
    display: none;
}
.vugoda-box {
    width: 50%;
    margin-right: 0;
}
.vugoda-text {
    width: 285px;
    margin-left: 15px;
}
.cd-top {
    right: 15px;
}
#bottom .container > span {
    font-size: 46px;
}
#bottom .container > p {
    font-size: 18px;
    max-width: 500px;
	color: #2d2c2a;
}
.bottom-container form input[type="text"] {
    margin-right: 5%;
    width: 45%;
    margin-bottom: 35px;
	font-size: 20px;
}
.menu-bottom ul li a {
    font-size: 14px;
    letter-spacing: 0.5px;
}
.tabs-menu li {
    margin-right: 0.5%;
    width: 19.6%;
}


.soc-container a:last-child {
    margin-left: 10px;
}
.quiz-box-adres .quiz-check {
    margin-bottom: 24px;
    padding-top: 10px;
}

.tabs-menu li:hover a span {
    transform: initial;
}


.uslugi-box .bottom-container form input[type="text"] {
    margin-right: 25px;
    margin-bottom: 0;
}
.main .menu-top > ul > li:hover > a {
    color: #146870;
}


.akcuu-box:nth-child(3n) {
    margin-right: 1%;
}
.akcuu-box:nth-child(2n) {
    margin-right: 0;
}
.akcuu-box {
    width: 49.5%;
}

.card-slider-box {
    width: 100%;
}
.card-slider-box .owl-carousel .owl-stage-outer {
    max-width: 100%;
}
.card-box {
    max-width: 100%;
}
.card-slider .owl-nav button {
    top: 40%;
}
.name-page {
    font-size: 54px;
}
.name-page .podarok-box {
    right: initial;
    left: 0;
    top: 0;
    position: relative;
}
.card-pricebox p {
    font-size: 28px;
}
.question-btn {
    width: 18px;
    height: 18px;
    padding-top: 1px;
}
.old-price {
    font-size: 36px;
}
.new-price {
    font-size: 46px;
}
.card-pricebox {
    margin-right: 50px;
}
.card-price .btn {
    font-size: 18px;
    margin-left: auto;
    margin-top: 0;
}
.card-pricebox:nth-child(2) {
    margin-right: 0;
}
.card-options-box p {
    font-size: 22px;
}
.card-options-box {
    margin-right: 60px;
}
.card-adds-box p {
    font-size: 17px;
}
.card-adds {
    margin-top: 55px;
    margin-bottom: 35px;
}
.variant-container .avtopark-box {
    width: 100%;
    margin-right: 0;
}

.catalog-filter-box {
    max-width: 50%;
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
    padding-right: 15px;
}

.contact-map {
    overflow: hidden;
}
.contact-container .zag {
    font-size: 34px;
}
.contact-info-box {
    margin-right: 60px;
}

.review-slider {
    width: 100%;
    margin-top: 35px;
}
.review-boxing {
    width: 100%;
}
.review-bottom p {
    font-size: 28px;
}
.review-bottom a {
    font-size: 28px;
}
.bottom-left textarea {
    font-size: 20px;
    padding-top: 7px;
}
.bottom-right {
    margin-left: auto;
}
.bottom-left {
    max-width: 450px;
    width: 100%;
}
.bottom-big form input[type="text"] {
    margin-bottom: 0;
}
.bottom-big form .bottom-row input[type="text"]:last-child {
    margin-left: auto;
}


.terms-text p {
    font-size: 24px;
    max-width: 580px;
}
.reveal-modal {
    max-width: 95%;
}
.forma-popap input[type="text"] {
    width: 29%;
    margin: 0 1% !important;
}



}

	
	
@media only screen and (max-width: 769px) {
.slider-img {
    display: none;
}
.slider-box {
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.name-site {
    font-size: 36px;
}
.slider-box p {
    max-width: 100%;
}
.slider-box .btn {
    margin: 0 auto;
    margin-top: 35px;
}
.slider-scroll {
    margin-top: 0;
    text-align: center;
    padding-top: 35px;
}
.quiz-container {
    width: 100%;
    position: relative;
    height: 0;
}
.quiz-container {
    width: 100%;
    position: relative;
    height: 0;
}
.quiz-container.active {
    height: 510px;
}
.zag {
    font-size: 36px;
}
.tabs-menu li a span {
    display: none;
}
.tabs-menu li:nth-child(5n) {
    margin-right: 1%;
}
.tabs-menu li:nth-child(4n) {
    margin-right: 0;
}
.tabs-menu li {
    margin-right: 1%;
    width: 24.2%;
    margin-bottom: 5px;
}
.tabs-menu li a {
    height: 65px;
    letter-spacing: 0;
    padding: 0;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.avtopark-box > p {
    font-size: 24px;
    padding: 0;
    text-align: center;
}
.avtopark-box {
    width: 49%;
    margin-right: 2%;
}
.avtopark-row {
    display: block;
    flex-wrap: initial;
    align-items: initial;
    padding: 0;
}
.avtopark-left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 15px;
    justify-content: space-between;
    padding: 0 5px;
}
.avtopark-left p span {
    font-size: 24px;
}
.avtopark-left p {
    text-align: center;
}
.avtopark-box .btn {
    width: 175px;
    margin: 0 auto;
}
.text {
    font-size: 125px;
    text-align: center;
}
.zag {
    text-align: center;
}
.owl-nav button {
    top: 22%;
}
.uslugi-box {
    text-align: center;
}
.uslugi-btn {
    margin: 0 auto;
    margin-top: 25px;
}
.vugoda-text p {
    font-size: 20px;
}
.vugoda-text {
    width: 165px;
}
.vugoda-bottom p {
    font-size: 16px;
	text-align: justify;
}
.vugoda-container {
    margin-bottom: 0;
}
#bottom .container > span {
    font-size: 36px;
    text-align: center;
}
#bottom .container > p {
    font-size: 16px;
    max-width: 100%;
    text-align: center;
}
.bottom-container form input[type="text"] {
    width: 46%;
    margin: 0 2%;
    margin-bottom: 35px;
}
button.btn {
    margin: 0 auto;
}
.menu-bottom ul li a {
    font-size: 18px;
}
.menu-bottom ul:first-child li a {
    font-size: 26px;
}
.menu-bottom {
    display: block;
    flex-wrap: initial;
    align-items: initial;
    text-align: center;
}
.menu-bottom ul {
    margin-right: 0;
    width: 100%;
}
.menu-footer {
    width: 100%;
}
.menu-bottom ul li {
    margin-bottom: 10px;
}
.menu-bottom ul:first-child li {
    margin-bottom: 5px;
}
.menu-bottom ul:first-child {
    margin-bottom: 25px;
}
footer .tel-container > a {
    width: 100%;
}
footer .tel-container {
    text-align: center;
    order: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footer-info {
    width: 100%;
}
.menu-footer {
    width: 100%;
    order: 1;
    margin-top: 25px;
}
.footer-prava p span {
    display: block;
}
.footer-prava {
    width: 100%;
    text-align: center;
}
footer .container {
    position: relative;
    padding-top: 50px;
}
footer .soc-container {
    position: absolute;
    top: -10px;
    width: 100%;
    text-align: center;
    justify-content: center;
    padding-right: 0;
    left: 0;
}
.soc-container a {
    margin: 0 5px;
}
footer .tel-container > a {
    font-size: 36px;
}

.slider-container {
    min-height: 325px;
}
.quiz-container {
    height: auto;
    position: absolute;
}
.quiz-container.active {
    height: auto;
    position: relative;
    min-height: 500px;
}

.uslugi-box .bottom-container form input[type="text"] {
    width: 46%;
    margin: 0 2%;
    margin-bottom: 35px;
    margin-top: 25px;
}

.akcuu-box {
    width: 49%;
    margin-right: 2%;
}
.akcuu-box:nth-child(3n) {
    margin-right: 2%;
}
.akcuu-box > p {
    padding-left: 70px;
}
.name-page {
    font-size: 46px;
}

#variant .text {
    font-size: 116px;
}
.card-adds-box {
    margin-right: 15px;
    margin-bottom: 25px;
}
.card-podarok p {
    font-size: 22px;
    margin-bottom: 15px;
}
.uslugipage-container .uslugi-box p {
    font-size: 18px;
    margin: 0 auto;
    max-width: 70%;
    min-height: initial;
    text-align: center;
}
.uslugipage-container .uslugi-box {
    max-width: 100%;
}
.card-price .btn {
    margin: 0;
    margin-top: 25px;
    margin-left: auto;
    width: 240px;
    height: 75px;
}
.card-options-box:last-child {
    margin-right: 0;
}
.card-options-box {
    margin-right: 15px;
}
.uslugipage-container .owl-nav button.owl-next {
    right: 2%;
}
.uslugipage-container .owl-nav button.owl-prev {
    right: 2%;
}

.catalog-icon {
    display: none;
}
.contact-container .zag {
    font-size: 32px;
}
.contact-info-box {
    margin-right: 0;
    margin-bottom: 35px;
    width: 100%;
}


.faq-box > div > span {
    font-size: 24px;
    padding-left: 45px;
}
.otvet {
    padding: 20px 45px;
    padding-bottom: 0;
}
.otvet p {
    font-size: 16px;
}


.bottom-big .bottom-container form input[type="text"] {
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
}
.bottom-left textarea {
    margin-top: 0;
}
.bottom-box:before {
    top: 12px;
    bottom: auto;
}
.bottom-right {
    margin-left: auto;
    width: 40%;
}
.bottom-right button.btn {
    width: 100%;
}
.terms-box {
    margin-bottom: 35px;
    min-height: 210px;
    width: 100%;
    text-align: center;
    justify-content: center;
	position: relative;
}
.terms-number {
    width: 100%;
    text-align: center;
    position: absolute;
}
.terms-text p {
    font-size: 20px;
}

.quiz-box input[type="text"], .quiz-box input[type="number"] {
    width: 60%;
    font-size: 175px;
    line-height: 175px;
}
.quiz-box-adres {
    height: 255px;
}
.quiz-box-adres .quiz-check {
    padding-left: 22%;
}
.new-price {
    font-size: 40px;
}
.forma-popap input[type="text"] {
    width: 47% !important;
    margin: 0 1% !important;
    margin-bottom: 25px !important;
}

.catalog-resultat .avtopark-left p {
    width: 50%;
}

.bottom-left {
    max-width: 55%;
}



}

@media only screen and (max-width: 700px) {
.card-price .btn {
    width: 215px;
    height: 70px;
}


}


@media only screen and (max-width: 650px) {
.akcuu-box > p {
    font-size: 50px;
}
.card-price .btn {
    margin: 0 auto;
    margin-top: 35px;
}


}

@media only screen and (max-width: 600px) {
.akcuu-box {
    width: 100%;
    margin-right: 0;
}
.akcuu-box:nth-child(3n) {
    margin-right: 0;
}
.akcuu-box > p {
    padding-left: 20px;
}

.bottom-right button.btn {
    width: 260px;
}
.bottom-right {
    margin-left: 0;
    width: 100%;
    padding: 0;
	padding-top: 35px;
}
.bottom-left {
    max-width: 100%;
}


}

	
	
@media only screen and (max-width: 500px) {
.tel-container > a {
    font-size: 22px;
    letter-spacing: 1px;
}
.akcuu-box > p br {
    display: none;
}
.menu-container {
    margin-left: 0;
}
.tel-container {
    margin-right: 8px;
}
header {
    padding-top: 25px;
}
.name-site {
    font-size: 34px;
    letter-spacing: 1px;
}
#slider {
    padding-top: 115px;
}
.quiz-check-box .quiz-check {
    width: 80%;
}
.quiz-check-box .radio + label:before {
    display: none;
}
.quiz-check-box .radio:not(checked) + label br {
    display: none;
}
.quiz-check-box .radio:not(checked) + label {
    height: 50px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.quiz-container .owl-nav button.owl-next {
    width: 125px;
}
.quiz-box input[type="text"], .quiz-box input[type="number"] {
    width: 80%;
    font-size: 125px;
    height: initial;
    line-height: 1;
    padding: 0;
    letter-spacing: 0;
	border-radius: 0;
}
.quiz-box-adres .radio:not(checked) + label {
    font-size: 24px;
}
.quiz-box-adres .quiz-check {
    margin-bottom: 10px;
    padding-left: 25px;
    padding-top: 13px;
    padding-right: 15px;
}
.input-group-box {
    width: 146px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 45px;
}
.input-group-row:before {
    bottom: 137px;
}
.quiz-text {
    padding: 0 10px;
    padding-top: 20px;
	margin-bottom: 20px;
}
.quiz-forma input[type="text"] {
    font-size: 20px;
    margin-bottom: 15px;
}
.quiz-zag {
    padding: 0 5px;
}
.input-group-box > p {
    display: block;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.input-group-box:before {
    top: 31px;
}
.input-group > p {
    margin-top: 0;
}
.input-group-row {
    padding-top: 25px;
}
.tabs-menu li:nth-child(5n) {
    margin-right: 2%;
}
.tabs-menu li:nth-child(2n) {
    margin-right: 0;
}
.tabs-menu li {
    margin-right: 2%;
    width: 49%;
}
.avtopark-box {
    width: 100%;
    margin-right: 0;
}
.avtopark-box:nth-child(3n) {
    margin-right: 0;
}
.text {
    font-size: 110px;
}
.zag {
    font-size: 24px;
}
.uslugi-img {
    display: none;
}
.owl-nav button {
    top: 30%;
    width: 35px;
    height: 35px;
}
.owl-nav button span {
    background-size: 40% !important;
}
.owl-nav button.owl-prev {
    left: 0;
}
.owl-nav button.owl-next {
    right: 0;
}
.uslugi-box p {
    font-size: 14px;
    max-width: 225px;
    min-height: initial;
    margin: 0 auto;
}
.uslugi-box > span {
    font-size: 24px;
    margin-top: 0;
}
.uslugi-btn {
    width: 230px;
}
#vugoda {
    padding: 45px 0;
    padding-top: 0;
}
.vugoda-box {
    width: 100%;
    margin-bottom: 25px;
}
.vugoda-text {
    width: 75%;
}
.bottom-container form input[type="text"] {
    width: 100%;
    margin: 0;
    margin-bottom: 45px;
    text-align: center;
    font-size: 24px;
}
button.btn {
    width: 230px;
}
.quiz-container .owl-nav button {
    height: 65px;
    width: 65px;
}
.input-group-row {
    padding: 0 45px;
    padding-top: 25px;
}

.quiz-box-adres {
    height: 258px;
    padding-right: 15px;
}

.container {
    padding: 0 37px;
}
.menu-icon {
    width: 30px;
    right: -3px;
}
.menu-icon::before {
    width: 30px;
}
.menu-icon::after {
    width: 30px;
}
.res-br {
	display: block;
}
.slider-box p {
    padding: 0 13px;
    font-size: 16px;
}
.name-site {
    margin-bottom: 30px;
}

#avtopark {
    padding-top: 20px;
}
#avtopark .container {
    padding: 0;
}
#avtopark .zag {
    padding: 0 45px;
}
.tabs-menu li a {
    height: 70px;
    font-size: 15px;
}
.avtopark-catalog {
    padding: 0 38px;
}
.thumbs-wrapper {
    width: 100% !important;
}
.tabs-menu {
    margin-bottom: 35px;
}
.avtopark-box > p {
    font-size: 30px;
}
.avtopark-img {
    margin-bottom: 11px;
}
.avtopark-left p span {
    font-size: 31px;
}
.avtopark-box {
    margin-bottom: 42px;
}
#uslugi .text {
    font-size: 117px;
}
#uslugi {
    padding-top: 10px;
}
#uslugi .zag {
    font-size: 27px;
}
#vugoda .text {
    position: relative;
    font-size: 106px;
}
#vugoda .zag {
    font-size: 30px;
}
.vugoda-icon img {
    width: 36px;
}
.vugoda-box {
    margin-bottom: 35px;
    padding-left: 15px;
}
.vugoda-text p {
    font-size: 24px;
}
.vugoda-container {
    padding-top: 0;
}
.vugoda-bottom p {
    font-size: 15px;
}
#bottom {
    padding-top: 45px;
    padding-bottom: 70px;
}
footer {
    padding: 45px 0;
}
.menu-bottom ul:first-child li a {
    font-size: 28px;
}
.menu-footer {
    margin-top: 35px;
}
.menu-bottom ul li {
    margin-bottom: 15px;
}
.footer-prava p {
    font-size: 15px;
}
#bottom .container > span {
    padding: 0 15px;
}
.cd-top {
    right: 35px;
}
.vugoda-text {
    padding-left: 15px;
}


.slider-container {
    min-height: 450px;
    background: #;
}

.uslugi-box .bottom-container form input[type="text"] {
    width: 100%;
    margin: 0;
    margin-bottom: 45px;
    text-align: center;
    font-size: 24px;
}
.uslugi-box.active .bottom-container {
    margin-top: 30px;
}
.uslugi-container .owl-nav button {
    top: 100px;
}


.name-page {
    font-size: 30px;
}
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 5px;
}
.akcuu-box > p {
    font-size: 36px;
    padding: 0 10px;
    line-height: initial;
    padding-top: 20px;
    margin-bottom: 25px;
    text-align: center;
}
.akcuu-box {
    padding-top: 5px;
    padding-bottom: 30px;
}
.akcuu-text > p {
    font-size: 22px;
    text-align: center;
}
.akcuu-bottom p {
    width: 125px;
    height: 36px;
    font-size: 20px;
    background-size: contain;
}
.akcuu-text {
    margin-bottom: 15px;
}
.akcuu-form input[type="text"] {
    font-size: 18px;
}
#pages {
    padding-bottom: 100px;
}


.card-slider .owl-nav button.owl-next {
    right: -15px;
}
.card-slider .owl-nav button.owl-prev {
    left: -15px;
}
.name-page .podarok-box {
    transform: scale(0.6);
    left: -13px;
}
.cardpage .name-page {
    text-transform: initial;
    margin-bottom: 10px;
}
.card-pricebox p {
    font-size: 24px;
    margin-bottom: 15px;
}
.old-price {
    font-size: 31px;
}
.new-price {
    font-size: 40px;
}
.card-price .btn {
    width: 280px;
    height: 80px;
    font-size: 22px;
    margin: 0 auto;
    margin-top: 15px;
}
.card-options-box {
    margin-right: 0;
    width: 50%;
    text-align: center;
    margin-bottom: 25px;
    padding: 0 15px;
}
.cvet {
    margin: 0 auto;
    margin-top: 8px;
}
.card-adds-box p {
    font-size: 18px;
    padding: 0;
    padding-top: 45px;
    text-align: center;
}
.card-adds-box p:before {
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.card-adds {
    margin-top: 25px;
}
#pages {
    padding-top: 25px;
}
.card-podarok p {
    font-size: 24px;
    margin-bottom: 15px;
    text-align: center;
    justify-content: center;
}
.card-podarok p .question-btn {
    position: absolute;
    right: 0;
    top: 0;
}
.card-podarok .question-text {
    left: -250px;
}
.podarok-boxing {
    margin-right: 0;
}
.card-podarok p .podarok-box {
    margin-right: 0;
}
.card-podarok p > span:nth-child(2) {
    margin-left: 10px;
}
.uslugipage-container .uslugi-box p {
    font-size: 14px;
    max-width: 85%;
}
.uslugipage-container .owl-nav button.owl-next {
    right: -6%;
}
.uslugipage-container .owl-nav button.owl-prev {
    left: -6%;
}
#variant {
    overflow: hidden;
}
#variant .text {
    font-size: 120px;
    left: -13%;
    position: relative;
}
.variant-container .owl-nav button {
    top: 20%;
}
.variant-container .owl-nav button.owl-next {
    right: -16px;
}
.variant-container .owl-nav button.owl-prev {
    left: -16px;
}
#variant {
    padding-bottom: 35px;
}
#uslugipage {
    padding-bottom: 20px;
}
.owl-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #eeeeee !important;
    display: block;
    margin: 0px 3px;
}
button.owl-dot.active {
    background: #9bdee4 !important;
    box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.08);
}
.variant-container .avtopark-box {
    margin-bottom: 0;
}


.catalog-filter-box > p {
    font-size: 24px;
}
.checkbox:not(checked) + label {
    font-size: 20px;
}
.catalog-filter-box {
    max-width: 100%;
    margin-bottom: 15px;
    width: 100%;
    padding-right: 0;
}
.catalog-filter-box:nth-child(3) {
    order: 5;
}
.catalog-filter-box:nth-child(4) {
    order: 6;
}

.catalog-filter > p {
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 25px;
}
.catalog-filter-btn {
    display: block;
    text-align: center;
}
.catalog-filter-btn {
    display: block;
    text-align: center;
    width: 100%;
    order: 7;
}
.filter-btn {
    margin: 0 auto;
    margin-bottom: 15px;
}
.filter-restart {
    display: block;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-family: 'RobotoCondensed-Regular';
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 25px;
    text-decoration: none;
    color: #2d2c2a;
}
.catalog-filter {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 25px 37px;
    top: -650px;
    z-index: 9999;
	-webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
}
.catalog-filter.active {
    top: 0;
}
.menu-top {
    padding: 0 37px;
    padding-top: 125px;
}
.filter-btn-res {
    display: flex;
    margin: 0 auto;
    width: 250px;
    margin-bottom: 35px;
}
.catalog-top {
    margin-bottom: 20px;
}

.catalog-text p {
    font-size: 14px;
    margin-bottom: 15px;
}

.contact-container .zag {
    font-size: 24px;
}
.contact-map > ymaps {
    max-height: 450px;
	height: 450px !important;
}
.contact-container .zag span {
    display: block;
}

.faq-box > div > span {
    font-size: 20px;
    padding-left: 35px;
}
.otvet {
    padding: 15px 0;
    padding-bottom: 0;
}


.review-top p {
    font-size: 22px;
}
.review-box > p {
    font-size: 14px;
    margin-top: 35px;
    text-align: justify;
}
.review-slider .owl-nav button.owl-next {
    right: -16px;
}
.review-slider .owl-nav button.owl-prev {
    left: -16px;
}
.review-slider .owl-nav button {
    top: 38%;
}
.review-bottom p span {
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.review-bottom p {
    font-size: 22px;
    text-align: center;
}
.review-bottom a {
    font-size: 22px;
    text-align: center;
    display: block;
    margin: 0;
}
.review-all {
    margin-top: 85px;
}
.bottom-left textarea {
    font-size: 24px;
    text-align: center;
}
.bottom-box input[type="text"] {
    font-size: 20px !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.bottom-box:before {
    top: 10px;
}
.bottom-resultat a {
    font-size: 18px;
}

.terms-container > p {
    font-size: 14px;
    padding-right: 0;
    line-height: 18px;
    text-align: justify;
}
.card-adds-box {
    width: 100%;
}
.forma-popap input[type="text"] {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 25px !important;
    text-align: center;
    font-size: 24px;
}

.catalog-resultat .avtopark-left p {
    width: initial;
}

.forma-popap .card-podarok p {
    text-align: left;
    justify-content: left;
	display: inline-block;
}
.forma-popap .card-podarok p .question-btn {
    position: absolute;
    right: -15px;
    top: 10px;
}



}

@media only screen and (max-width: 450px) {

#variant .text {
    left: -24%;
}



}

	
	
@media only screen and (max-width: 374px) {
.container {
    padding: 0 15px;
}
.name-site {
    letter-spacing: 0;
}
.avtopark-catalog {
    padding: 0 15px;
}
#avtopark .zag {
    padding: 0 25px;
}
#uslugi .text {
    font-size: 100px;
}
#uslugi .zag {
    font-size: 24px;
}
#vugoda .text {
    left: 0;
    font-size: 95px;
}
.cd-top {
    right: 15px;
}

.card-slider .owl-nav button.owl-next {
    right: 15px;
}
.card-slider .owl-nav button.owl-prev {
    left: 15px;
}
.variant-container .owl-nav button.owl-next {
    right: 15px;
}
.variant-container .owl-nav button.owl-prev {
    left: 15px;
}
.uslugipage-container .owl-nav button.owl-next {
     right: 0;
}
.uslugipage-container .owl-nav button.owl-prev {
     left: 0;
}
.uslugipage-container .uslugi-box p {
    max-width: 75%;
}

.menu-top {
    padding: 0 15px;
    padding-top: 125px;
}

.catalog-filter {
    padding: 25px 15px;
}

.review-slider .owl-nav button.owl-next {
    right: 15px;
}
.review-slider .owl-nav button.owl-prev {
    left: 15px;
}
.bottom-box input[type="text"] {
    font-size: 19px !important;
}
.bottom-left textarea {
    font-size: 22px;
}
.bottom-big .bottom-container form input[type="text"] {
    font-size: 22px;
}




}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/top/style.min.css?15941994863715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/bitrix/templates/.default/components/bitrix/menu/top/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/bitrix/templates/.default/components/bitrix/menu/top/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/bitrix/templates/.default/components/bitrix/menu/top/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/bitrix/components/cherechukin/carpark.form/templates/.default/style.css?1594199521117*/
.servicebox {display:none;}
.servicebox .serviceitem {display:none;}
.servicebox .serviceitem.active {display:block;}
/* End */


/* Start:/bitrix/templates/v1.0/styles.css?17581083393780*/
.form_privacy {margin-top:20px;}
.form_privacy a {color:#fff;}
.form_privacy a:hover {text-decoration:none;}
.quiz-forma .form_privacy {margin: 5px auto 0 auto;width: 245px;font-size: 12px;text-align: center;}
.quiz-forma .form_privacy a {color:#000;}
.quiz-forma input[type="text"] {margin-bottom:10px;}
.serviceform .form_privacy a {color:#000;}
.zakaz-card .form_privacy a {color:#000;}

.legacy-cookie {position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;z-index:9999;color:#ffffffb8}
.legacy-cookie>div {width:100%;padding:12px 8px 20px;background:rgb(0 0 0/78%);font-size:14px!important;line-height:19px;display:flex;justify-content:space-between;align-items:center;border-radius:6px 6px 0 0;color:#f1f1f1!important}
.legacy-cookie img {margin-left:8px;margin-top:3px;cursor:pointer;width:15px;height:15px}
.legacy-cookie img:hover {opacity:.8}
.legacy-cookie a {text-decoration:none;color:#9bdee4;}
@media (min-width:640px) {
	.legacy-cookie {bottom:7px}
	.legacy-cookie>div {width:initial;border-radius:6px;padding:6px 12px 8px}
}

.law-container p {margin-bottom:10px;}
.law-container a {color: #146870;}
.footer-prava a {color:#fff;}
.footer-prava a:hover {color:#146870;}

.catalog-text ul {list-style-type: unset;margin-left:25px;}
.vugoda-bottom ul {list-style-type: unset;font-size: 20px;margin-left:20px;margin-bottom: 25px;}

.owl-nav button {z-index: 20;}

.footer-info a {font-family:unset;letter-spacing:unset;}

.card-options .cvet.white {border:1px solid #000;}
.menu-bottom ul li a {text-transform:uppercase;}

.reviewform .reviewcarlist {margin-bottom:15px;font-size:18px;}
.reviewform .reviewcarlist span {margin-bottom:5px;margin-right:20px;cursor:pointer;}

.forma-popap .card-podarok p .podarok-boxing {transform:scale(0.7);margin-left:-10px;}
.forma-popap .card-podarok p .podarok-boxing.hit {margin-left:-7px;}

.quiz-check-box .quiz-check label img {
    position: absolute;
    width: 131px;
    height: 43px;
    left: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.footer-prava {width:50%;display:inline-block;vertical-align:middle;}
.footer-studio {width:50%;display:inline-block;vertical-align:middle;text-align:right;font-size:16px;}
.footer-studio span {vertical-align:middle;width:70px;margin-left:10px;}
.footer-studio img {position:relative;bottom:5px;display:inline-block;vertical-align:middle;width:70px;margin-left:10px;}

footer .soc-container {margin-top:20px;}

.avtopark-img {}
.avtopark-img .thumbs {position: relative;}
.avtopark-img .thumbs .columns {position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:9;}
.avtopark-img .thumbs .columns .column {position: static;display:flex;flex:1;align-items:flex-end;height:100%;border-bottom:transparent 5px solid;}
.avtopark-img .thumbs .columns .column.active {border-color:#93dade;}
.avtopark-img .thumbs .imgs img {display:none;}
.avtopark-img .thumbs .imgs img.active {display:block;}
.avtopark-img .thumbs .swipe {display:none;}


@media only screen and (max-width: 770px) {
.footer-prava {width:100%;}
.footer-studio{width:100%;text-align:center;margin-top:40px;}
}

@media only screen and (max-width: 500px) {
.avtopark-img .thumbs .swipe {display:block;position:absolute;z-index:50;width:100%;height:100%;top:0;left:0;}
.quiz-check-box .quiz-check label img {display:none;}
}


.catalog-icon {background: unset;}

.blur {-webkit-filter: blur(5px);-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);position: relative;}
.blur:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}

.notice {display:none;background:#000;color:#fff;box-shadow:0 0 5px #666;width:245px;padding:20px;border-radius:5px;position:fixed;top:10px;left:10px;z-index:9999999;opacity: 0.9;}

/* End */
/* /bitrix/templates/v1.0/css/style.css?175810894553158 */
/* /bitrix/templates/v1.0/css/owl.carousel.css?15941994864930 */
/* /bitrix/templates/v1.0/css/datepicker.css?15941994864399 */
/* /bitrix/templates/v1.0/css/jquery.mCustomScrollbar.css?159419948653543 */
/* /bitrix/templates/v1.0/css/reveal.css?15941994861200 */
/* /bitrix/templates/v1.0/css/responsive.css?175810887029437 */
/* /bitrix/templates/.default/components/bitrix/menu/top/style.min.css?15941994863715 */
/* /bitrix/components/cherechukin/carpark.form/templates/.default/style.css?1594199521117 */
/* /bitrix/templates/v1.0/styles.css?17581083393780 */