

/* Start:/bitrix/templates/main/styles.css?1717584407118023*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin 
{
	background:#fff;
	position:relative;
}

.fancybox-opened {
	z-index: 8030;
}


.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-prev span, .fancybox-next span {
	background-image: url(/bitrix/templates/main/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/bitrix/templates/main/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close 
{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	line-height:30px;
	text-align:center;
	border:solid 4px #0ecbc9;
	z-index: 8040;
	font-size:18px;
	display:block;
	text-decoration:none;
	color:#0ecbc9;
	opacity:.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.fancybox-close:hover
{
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}


.fancybox-close:before 
{
	content:'\00D7';
	
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/bitrix/templates/main/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(1,51,51,.9);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/*******************royalslider********************/


/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 100%;
	height: 500px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(/bitrix/templates/main/grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(/bitrix/templates/main/grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(/bitrix/templates/main/blank.gif);
}


/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	
	background: url('/bitrix/templates/main/rs-default.png');

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	right:94px;
	bottom:34px;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	text-align: right;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	border:1px solid #fff;
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #ff9a00;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 117px;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 108px;
	height: 97px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #4fb1ff;
	box-shadow:0 0 0 2px #fff inset;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
	background: url('/bitrix/templates/main/rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {

}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background: url('/bitrix/templates/main/rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background:url(/bitrix/templates/main/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('/bitrix/templates/main/rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(/bitrix/templates/main/../preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}


/**********jargacss*************/

/*.bx-filter .bx-filter-popup-result{
	display:none !important;
}
*/
footer .counter{
	margin-left:20px;
	display:inline-block;
}
.main {
    clear: both;
}

.search{
  overflow:visible; 
  /*margin-bottom: 0px;*/
}
.tooltip_open{
  display: block;
  position: absolute;
  border: 1px solid #eee;
  z-index: 5;
  background: #fff;
  min-width: 200px;
  max-width: 400px;
  overflow-x: hidden;
}
.tooltip_open a{
	display:inline-block;
	padding:5px;
	width: 100%;
}
.tooltip_open a.hover{
	background: #eee;
}

/************slickcss*************/

/* Slider */
.slick-slider
{
    position: relative;
	clear:both;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

.slick-slide a img
{

	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.slick-slide a img:hover
{
	-ms-filter: grayscale(.3);
	-webkit-filter: grayscale(.3);
	-moz-filter: grayscale(.3);
	-o-filter: grayscale(.3);
	filter: grayscale(.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
   
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}


/*******slickthemecss*******/


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/bitrix/templates/main/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/main/slick/fonts/slick.eot');
    src: url('/bitrix/templates/main/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/main/slick/fonts/slick.woff') format('woff'), url('/bitrix/templates/main/slick/fonts/slick.ttf') format('truetype'), url('/bitrix/templates/main/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
   
    top:0;
	right:0;
    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    -webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
   
}
.slick-prev:hover,
.slick-next:hover

{
	opacity:.7;
   -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

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

    opacity: 1;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
  right:30px;
}

.slick-next
{
	right:0;
}

[dir='rtl'] .slick-prev
{
    right:0;
    left:auto;
}
.slick-prev:before
{
    content: url(/bitrix/templates/main/slick/gallery-nav-l.png);
}
[dir='rtl'] .slick-prev:before
{
    content: '\2022';
}

[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
     content: url(/bitrix/templates/main/slick/gallery-nav-r.png);
}
[dir='rtl'] .slick-next:before
{
    content: '\2022';
}

/* Dots */
.slick-slider
{
    
}

.slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 18px;
    line-height: 18px;

    position: absolute;
    top: 0;
    left: 0;

    width: 15px;
    height: 15px;

    content: '\2022';
    text-align: center;

    opacity: 1;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
 	font-size:8px;
}

.slick-dots li.slick-active button
{
	background: rgba(255,255,255,.3);
}


/***********fontawesomemincss*************/

@font-face{font-family:'FontAwesome';src:url('/bitrix/templates/main/../font/fontawesome-webfont.eot?v=3.2.1');src:url('/bitrix/templates/main/../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/bitrix/templates/main/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/bitrix/templates/main/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/bitrix/templates/main/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}


/************animatecss********/

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

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

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

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

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

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

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

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

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

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

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

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

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

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

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

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

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

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

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

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

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

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

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

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

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

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

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

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

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

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

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

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

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

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

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

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

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

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

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

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

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

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

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

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

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

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

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

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

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

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

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

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

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

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

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

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

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

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

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

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

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

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

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

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

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

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

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

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

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

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

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

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




/* End */


/* Start:/bitrix/templates/main/fresco/fresco.css?163680951536665*/
/* box-sizing */
.fr-window, .fr-window [class^="fr-"],
.fr-overlay, .fr-overlay [class^="fr-"],
.fr-spinner, .fr-spinner [class^="fr-"] {
  box-sizing: border-box;
}

.fr-window {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
  /* Chrome hack, this fixes a visual glitch when quickly toggling a video */
  transform: translateZ(0px);
}

/* z-index */
.fr-overlay { z-index:  99998; }
.fr-window {  z-index:  99999; }
.fr-spinner { z-index: 100000; }


/* overlay */
.fr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.fr-overlay-background {
  float: left;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90);
}

.fr-overlay-ui-fullclick .fr-overlay-background {
  background: #292929;
  opacity: 1;
  filter: alpha(opacity=100);
}


/* mobile touch has position:absolute to allow zooming */
.fr-window.fr-mobile-touch,
.fr-overlay.fr-mobile-touch {
  position: absolute;
  overflow: visible;
}


/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */
.fr-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-page {
  position: absolute;
  width: 100%;
  height: 100%;
}


.fr-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
}

.fr-hovering-clickable .fr-container { cursor: pointer; }


/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */
.fr-ui-inside .fr-container { padding: 20px 20px; }
.fr-ui-inside.fr-no-sides .fr-container { padding: 20px; }

/* padding ui:outside */
.fr-ui-outside .fr-container { padding: 20px 82px; }
.fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; }

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 12px 12px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 12px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; }
}

@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */
  .fr-ui-inside .fr-container { padding: 0px 0px; }
  .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; }

  /* padding ui:outside */
  .fr-ui-outside .fr-container { padding: 0px 72px; }
  .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; }
}

/* padding ui:fullclick */
.fr-ui-fullclick .fr-container { padding: 0; }
.fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; }

/* video fullclick */
.fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; }
.fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; }

/* overflow-y should always have 0 padding top and bottom */
.fr-overflow-y .fr-container {
  padding-top: 0 !important;
  padding-bottom: 0!important;
}


.fr-content,
.fr-content-background {
  position: absolute;
  top: 50%;
  left: 50%;
  /* IE11 has a 1px blur bug on the edges of the caption (ui:inside)
     during animation with overflow:hidden */
  overflow: visible;
}

/* img/iframe/error */
.fr-content-element {
  float: left;
  width: 100%;
  height: 100%;
}

.fr-content-background {
  background: #101010;
}

.fr-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: none;
  opacity: 1;
}
.fr-ui-inside .fr-info-background {
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
}
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */
.fr-ui-outside .fr-info-background { background: #0d0d0d; }


/* info at the bottom for ui:inside */
.fr-content .fr-info {
  top: auto;
  bottom: 0;
}

.fr-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

.fr-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

.fr-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* positions not within the info bar
   for ui:outside/inside */
.fr-position-outside,
.fr-position-inside {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 12px;
  width: auto;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 20px;
  text-shadow: 0 1px 0 rgba(0,0,0,.4);
  display: none;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fr-position-inside {
  border: 0;
}

.fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1; /* oldIE */
}
.fr-position-text { color: #b3b3b3; }
.fr-position-outside .fr-position-text,
.fr-position-inside .fr-position-text {
  float: left;
  position: relative;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  opacity: 1;
}

/* display it for the outside ui, hide the caption inside */
.fr-ui-outside .fr-position-outside { display: block; }
.fr-ui-outside .fr-info .fr-position { display: none; }

.fr-ui-inside.fr-no-caption .fr-position-inside { display: block; }

/* links */
.fr-info a,
.fr-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.fr-info a:hover { color: #eee; }

/* no-caption */
.fr-ui-outside.fr-no-caption .fr-info { display: none; }
.fr-ui-inside.fr-no-caption .fr-caption { display: none; }


/* --- stroke */
.fr-stroke {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.fr-stroke-vertical { width: 1px; height: 100%; }
.fr-stroke-horizontal { padding: 0 1px; }

.fr-stroke-right { left: auto; right: 0; }
.fr-stroke-bottom { top: auto; bottom: 0; }

.fr-stroke-color {
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.08);
}

/* the stroke is brighter inside the info box */
.fr-info .fr-stroke-color { background: rgba(80,80,80,.3); }

/* remove the stroke when outside ui has a caption */
.fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; }

/* remove stroke and shadow when ui:fullclick */
.fr-ui-fullclick .fr-stroke { display: none; }
.fr-ui-fullclick .fr-content-background { box-shadow: none; }

/* the info box never bas a top stroke */
.fr-info .fr-stroke-top { display: none; }



/* < > */
.fr-side {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  zoom: 1;
}
.fr-side-previous { left: 0; }
.fr-side-next { right: 0; left: auto; }

.fr-side-disabled { cursor: default; }
.fr-side-hidden { display: none !important; }

.fr-side-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.fr-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
  background-color: #ccc;
}
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/* smaller side buttons */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-side {
    width: 54px;
    height: 60px;
    margin: 0;
    margin-top: -30px;
  }
  .fr-side-button {
    width: 48px;
    height: 60px;
    margin: 0 3px;
  }
}


/* X */
.fr-close {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fr-close-background { background-color: #000; }




/* Thumbnails */
.fr-thumbnails {
  position: absolute;
  overflow: hidden;
}
.fr-thumbnails-disabled .fr-thumbnails { display: none !important; }
.fr-thumbnails-horizontal .fr-thumbnails {
  width: 100%;
  height: 12%;
  min-height: 74px;
  max-height: 160px;
  bottom: 0;
}

.fr-thumbnails-vertical .fr-thumbnails {
  height: 100%;
  width: 10%;
  min-width: 74px;
  max-width: 160px;
  left: 0;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}

.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden; /* IE6(7) */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline; /* IE6(7) */
  z-index: 0; /* IE8 */
}

.fr-thumbnail-overlay { cursor: pointer; }
.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
}
.fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; }
.fr-thumbnail .fr-thumbnail-image {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}
.fr-thumbnail:hover .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=99);
  opacity: .99;
}
.fr-thumbnail-active .fr-thumbnail-image,
.fr-thumbnail-active:hover .fr-thumbnail-image {
  filter: alpha(opacity=35);
  opacity: .35;
}
.fr-thumbnail-active { cursor: default;  }

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-loading-background {
  background-color: #161616;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* error on thumbnail */
.fr-thumbnail-error .fr-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ca3434;
}


/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}
.fr-thumbnails-side-previous { margin-left: 12px; }
.fr-thumbnails-side-next { margin-right: 12px; }

.fr-thumbnails-vertical .fr-thumbnails-side {
  height: 28px;
  width: 100%;
  margin: 10px 0;
}
.fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
.fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  /*top: -7px;
  left: -7px;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* ui:fullclick has a dark thumbnail background */
.fr-window-ui-fullclick .fr-thumbnails { background: #090909; }

/* put a stroke on the connecting caption*/
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */
.fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; }

/* thumbnail spacing  */
.fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; }
.fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; }
.fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; }
/* horizontal */
@media all and (min-height: 700px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; }
}
@media all and (min-height: 980px) {
  .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; }
}

/* vertical */
@media all and (min-width: 1200px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; }
}
@media all and (min-width: 1800px) {
  .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; }
  .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; }
  .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; }
}

/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; }
}
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-thumbnails-vertical .fr-thumbnails { display: none !important; }
}


/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-page { min-width: 100%; } /* fullclick */
  .fr-page { min-height: 100%; } /* overflow: false */
}


/* switch between ui modes
   we force everything not in the current UI mode to hide
*/
.fr-window-ui-fullclick .fr-side-next-outside,
.fr-window-ui-fullclick .fr-side-previous-outside,
.fr-window-ui-fullclick .fr-close-outside,
.fr-window-ui-fullclick .fr-content .fr-side-next,
.fr-window-ui-fullclick .fr-content .fr-side-previous,
.fr-window-ui-fullclick .fr-content .fr-close,
.fr-window-ui-fullclick .fr-content .fr-info,

.fr-window-ui-outside .fr-side-next-fullclick,
.fr-window-ui-outside .fr-side-previous-fullclick,
.fr-window-ui-outside .fr-close-fullclick,
.fr-window-ui-outside .fr-content .fr-side-next,
.fr-window-ui-outside .fr-content .fr-side-previous,
.fr-window-ui-outside .fr-content .fr-close,
.fr-window-ui-outside .fr-content .fr-info,

.fr-window-ui-inside .fr-page > .fr-info,
.fr-window-ui-inside .fr-side-next-fullclick,
.fr-window-ui-inside .fr-side-previous-fullclick,
.fr-window-ui-inside .fr-close-fullclick,
.fr-window-ui-inside .fr-side-next-outside,
.fr-window-ui-inside .fr-side-previous-outside,
.fr-window-ui-inside .fr-close-outside {
  display: none !important;
}


/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/
.fr-toggle-ui {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-visible-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; }

.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui,
.fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; }

/* Spinner */
.fr-spinner {
  position: fixed;
  width: 52px;
  height: 52px;
  background: #101010;
  background: rgba(16,16,16,.85);
  border-radius: 5px;
}
.fr-spinner div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64%;
  width: 64%;
  margin-left: 18%;
  margin-top: 18%;
  opacity: 1;
  -webkit-animation: fresco-12 1.2s infinite ease-in-out;
  animation:         fresco-12 1.2s infinite ease-in-out;
}

.fr-spinner div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 8px;
  margin-left: -1px;
  background: #fff;
  box-shadow: 0 0 1px rgba(0,0,0,0); /* fixes rendering in Firefox */
}

.fr-spinner div.fr-spin-1 { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.fr-spinner div.fr-spin-2 { -ms-transform: rotate(60deg); -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.fr-spinner div.fr-spin-3 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.fr-spinner div.fr-spin-4 { -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); transform: rotate(120deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.fr-spinner div.fr-spin-5 { -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-6 { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.fr-spinner div.fr-spin-7 { -ms-transform: rotate(210deg); -webkit-transform: rotate(210deg); transform: rotate(210deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.fr-spinner div.fr-spin-8 { -ms-transform: rotate(240deg); -webkit-transform: rotate(240deg); transform: rotate(240deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.fr-spinner div.fr-spin-9 { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.fr-spinner div.fr-spin-10 { -ms-transform: rotate(300deg); -webkit-transform: rotate(300deg); transform: rotate(300deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.fr-spinner div.fr-spin-11 { -ms-transform: rotate(330deg); -webkit-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
.fr-spinner div.fr-spin-12 { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-animation-delay: 0s; animation-delay: 0s; }

@-webkit-keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

/* Thumbnail spinner */
.fr-thumbnail-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
}
.fr-thumbnail-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: fr-thumbnail-spin 1.1s infinite linear;
  animation: fr-thumbnail-spin 1.1s infinite linear;

}
.fr-thumbnail-spinner-spin,
.fr-thumbnail-spinner-spin:after {
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
@-webkit-keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* Error */
.fr-error {
  float: left;
  position: relative;
  background-color: #ca3434;
  width: 160px;
  height: 160px;
}

.fr-error-icon {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
}


/* skin: 'fresco' */

/* Sprite */
.fr-window-skin-fresco .fr-side-button-icon,
.fr-window-skin-fresco .fr-close-icon,
.fr-window-skin-fresco .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url('/bitrix/templates/main/fresco/skins/fresco/sprite.svg');
}
/* fallback png sprite */
.fr-window-skin-fresco.fr-no-svg .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-close-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco .fr-error-icon {
  background-image: url('/bitrix/templates/main/fresco/skins/fresco/sprite.png');
}

.fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; }

.fr-window-skin-fresco .fr-content-background {
  background: #101010;
  box-shadow: 0 0 5px rgba(0,0,0,.4);
}
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; }

/* thumbnail shadow */
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }


/* < > */
.fr-window-skin-fresco .fr-side-button-background { background-color: transparent; }
.fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; }

/* transition (png) */
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (png) */
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; }

/* transition (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: .5; }

.fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; }

.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: .8; }  /* touch always active but at lower opacity */

/* disabled (svg) */
.fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: .2; } /* TODO: make sure this works */

/* hide for ui:inside/fullclick, only for the image type */
.fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon,
.fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; }

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {
  .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; }

  .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* transition (svg) */
  .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; }
  .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; }

  /* disabled state (png) */
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; }

  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon,
  .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; }
}

/* X */
/* colors */
.fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; }
.fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

.fr-window-skin-fresco.fr-window-ui-inside .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: .8; }
.fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background,
.fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; }

/* - image */
.fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px;}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; }

/* - transition */
.fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon {
  background-position: -210px -8px;
  opacity: .8;
}
.fr-window-skin-fresco .fr-close:hover .fr-close-icon  { opacity: 1; }

/* Thumbnails */
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-skin-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-skin-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px;}
.fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; }
.fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px;}
.fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; }
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px;}
.fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; }

/* Thumbnails < > transition */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; }
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; }
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; }

/* lower opacity on disabled states */
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -49px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -251px -91px;
}
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background {
  filter: alpha(opacity=50);
}
/* vertical ^ (up/down) adjustments */
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -49px;
}
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon {
  background-position: -377px -91px;
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/catalog.section.list/topmenu/style.css?16368095147305*/
/* line */
.bx_catalog_line{margin-bottom: 30px;}
.bx_catalog_line .bx_catalog_line_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_line .bx_catalog_line_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_line .bx_catalog_line_ul{padding: 0;}
.bx_catalog_line .bx_catalog_line_ul li{
	margin-bottom: 20px;
	list-style: none;
}
.bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important}

.bx_catalog_line .bx_catalog_line_img{
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
	margin-right: 40px;
	width: 125px;
	height: 125px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}

.bx_catalog_line .bx_catalog_line_title{
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 18px;
}
.bx_catalog_line .bx_catalog_line_title a{
	color: #4c7da6;
	font-size: 18px;
}
.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;}
.bx_catalog_line .bx_catalog_line_title span{font-size: 16px}
.bx_catalog_line .bx_catalog_line_description{
	color: #3f3f3f;
	font-size: 13px;
	line-height: 16px;
}


@media (max-width:639px) {
	.bx-touch .bx_catalog_line .bx_catalog_line_img{
		margin-right: 10px;
		width: 50px;
		height: 50px;
	}

	.bx-touch .bx_catalog_line .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;}
	.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;}
}



.bx_catalog_line .bx_catalog_line_img,
.bx_catalog_line .bx_catalog_line_title,
.bx_catalog_line .bx_catalog_line_title a,
.bx_catalog_line .bx_catalog_line_description{
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	 		transition: all 0.3s ease;
}

/* text */
.bx_catalog_text{margin-bottom: 30px;}
.bx_catalog_text .bx_catalog_text_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_text .bx_catalog_text_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_text .bx_catalog_text_ul{padding: 0;}
.bx_catalog_text .bx_catalog_text_ul li{
	float: left;
	margin: 0 10px 10px;
	list-style: none;
}
.bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important}
.bx_catalog_text .bx_catalog_text_title{
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_text .bx_catalog_text_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 14px;
}
.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none}
.bx_catalog_text .bx_catalog_text_title span{font-size: 12px;}

@media (max-width:639px) {
	.bx-touch .bx_catalog_text .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_catalog_text .bx_catalog_line_title,
	.bx_catalog_text .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* tile */

.bx_catalog_tile{margin-bottom: 30px;}
.bx_catalog_tile .bx_catalog_tile_category_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_catalog_tile .bx_catalog_tile_category_title a{
	color: #000;
	text-decoration: none;
}

.bx_catalog_tile .bx_catalog_tile_ul{padding: 0;}
.bx_catalog_tile .bx_catalog_tile_ul li{
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0 10px;
	width:12.5%;
	list-style: none;
	text-align: center;
}
.bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important}
.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;}

.bx_catalog_tile .bx_catalog_tile_img{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 78px;
	height: 78px;
	border:1px solid #ccc;
	border-radius: 2px;
			background-color: #fff;
			background-position: center;
			background-repeat: no-repeat;
	-webkit-background-size:contain;
			background-size:contain;
}
.bx_catalog_tile .bx_catalog_tile_title{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	vertical-align: top;
	line-height: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a{
	color: #4c7da6;
	font-size: 14px;
}
.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;}
.bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;}




/*2*/
@media (max-width:980px){
	.bx_catalog_tile .bx_catalog_tile_ul li{width:20%;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;}
}
/*3*/
@media (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title{
		margin-bottom: 5px;
		line-height: 14px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;}
}
@media (min-width:480px) and (max-width:639px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;}
}
/*4*/
@media (max-width:479px) {
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_img{
		width: 100%;
		height: 80px;
	}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;}
	.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;}

}


	.bx_catalog_tile .bx_catalog_tile_title,
	.bx_catalog_tile .bx_catalog_tile_title a,
	.bx_catalog_tile .bx_catalog_tile_ul li,
	.bx_catalog_tile .bx_catalog_tile_img{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
	
/* list */

.bx_sitemap{margin-bottom: 30px;}
.bx_sitemap .bx_sitemap_title{
	padding-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 24px;
}
.bx_sitemap .bx_sitemap_title a{
	color: #000;
	text-decoration: none;
}

.bx_sitemap .bx_sitemap_ul li{
	padding: 0;
	line-height: 14px;
}
.bx_sitemap .bx_sitemap_ul li:before {content: '' !important}
.bx_sitemap .bx_sitemap_li_title{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 10px;
}
.bx_sitemap .bx_sitemap_li_title a{
	color: #4c7da6;
	white-space: nowrap;
	font-size: 13px;
}
.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none}
.bx_sitemap .bx_sitemap_li_title span{font-size: 11px;}

@media (max-width:639px) {
	.bx-touch .bx_sitemap .bx_catalog_line_title{
		margin-bottom: 5px;
		line-height: 12px;
	}
	.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;}
}

	.bx_sitemap .bx_catalog_line_title,
	.bx_sitemap .bx_catalog_line_title a{
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
		    -ms-transition: all 0.3s ease;
		     -o-transition: all 0.3s ease;
		 		transition: all 0.3s ease;
	}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/new_menu/style.css?1636809514626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/new_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/sect_menu/style.css?1636809514108*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?1636809515770*/
div.modern-page-navigation { 
	padding: 0.5em 0;}
div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 0.75em;
	padding-right: 0.5em;
	text-decoration: none;
}
div.modern-page-navigation a.modern-page-previous { 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-left: none; }
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first { 
	border-left: none; 
	padding-left: 0.5em; }
span.modern-page-current { 
	font-weight: bold; }
div.modern-page-navigation a, 
span.modern-page-current, 
div.modern-page-navigation a.modern-page-previous, 
span.modern-page-dots { 
	border-color: #cdcdcd; }
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/aside/style.css?1636809514626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/aside/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/reviews/style.css?1636809514108*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/catalog_breadcrumb_section/style.css?1636809514227*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
}

ul.breadcrumb-navigation a
{
	
}

ul.breadcrumb-navigation span
{
	
}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/news.list/sect_menu_foot/style.css?1636809514108*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/botmenu_old/style.css?1636809514626*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/bitrix/templates/.default/components/bitrix/menu/botmenu_old/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link, 
ul.left-menu li a.selected:visited, 
ul.left-menu li a.selected:active, 
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}



/* End */


/* Start:/bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.css?17465448254354*/
.main-user-consent-request a {
	cursor: pointer;
}

.main-user-consent-request-popup {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	z-index: 9000;
}

.main-user-consent-request-popup-cont {
	min-height: 290px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	padding: 20px;
	min-width: 320px;
	width: 100%;
	max-width: 600px;
	background: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}

.main-user-consent-request-popup-header {
	margin: 0 0 10px 0;
	font: normal 18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #000;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 260px;
}

.main-user-consent-request-popup-textarea-block {
	margin: 0 0 20px 0;
}

.main-user-consent-request-popup-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-user-consent-request-popup-button {
	display: inline-block;
	height: 39px;
	margin: 0 10px 5px 0;
	padding: 0 18px;
	border: none;
	border-radius: 2px;
	font: normal 12px/39px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #535c69;
	outline: none;
	vertical-align: middle;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: background-color 0.2s linear, color 0.2s linear;
	transition: background-color 0.2s linear, color 0.2s linear;
	cursor: pointer;
}

.main-user-consent-request-popup-button-acc {
	background: #c2975b;
}

.main-user-consent-request-popup-button-acc:hover {
	background: #d2f95f;
}

.main-user-consent-request-popup-button-rej {
	-webkit-box-shadow: inset 0 0 0 1px #a1a6ac;
	box-shadow: inset 0 0 0 1px #a1a6ac;
	background: none;
}

.main-user-consent-request-popup-button-rej:hover {
	background: #cfd4d8;
}

.main-user-consent-request-popup-text {
	border: 1px solid #999;
	overflow: auto;
	padding: 8px;
	text-align: left;
	color: rgb(84, 84, 84);
}

.main-user-consent-request-popup-link {
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.main-user-consent-request-popup-link a {
	display: block;
	margin: 20px 0 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 260px;
}

/** LOADER **/
.main-user-consent-request-loader {
	position: relative;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
}

.main-user-consent-request-path {
	stroke: #80868e;
	stroke-dasharray: 100, 200;
}

.main-user-consent-request-loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.main-user-consent-request-circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: inherit;
	width: inherit;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.main-user-consent-request-path {
	stroke: #ccc;
	stroke-dasharray: 60, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}

.main-user-consent-request-announce{
	color: #333;
	font-size:13px;
	line-height: 15px;
}
.main-user-consent-request-announce-link{
	cursor: pointer;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@media (min-width: 1000px) {

	.main-user-consent-request-popup-cont {
		min-height: 400px;
		min-width: 640px;
	}

	.main-user-consent-request-popup-header {
		max-width: 590px;
	}

	.main-user-consent-request-popup-text,
	.main-user-consent-request-popup-link {
		height: 240px;
	}
	.main-user-consent-request-popup-link a {
		max-width: 200px;
	}
}

@media (max-width: 768px) {
	.main-user-consent-request-popup-cont {
		height: 100%;
	}
}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?1717584407127941*/
.left-menu ul .second_level.catalog-list .list>li .params.lightboxhtml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
	background:#fff;
	font-family: 'PT Sans', sans-serif;
	color:#222;
	position:relative;
	font-size:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}

input[type="text"], input[type="password"], texarea, button
{
	font-family: 'PT Sans', sans-serif;	
}

.wrapper
{
	max-width:1280px;
	margin:0 auto;
}

.header
{
	/*background:url(/bitrix/templates/main_copy/images/top-back.jpg)no-repeat top center;*/
	/*background:url(/bitrix/images/gifts.jpg)no-repeat top center;*/
	background:url(/bitrix/templates/main/images/back-triangle.jpg) center;
}

.header.space
{
	padding:0 0 30px 0;
}

.header .float-panel
{
	position:fixed;
	z-index:300;
	width:100%;
	left:0;
	top:0;
	background:#fff;
}

.header .float-panel .holder{position:relative;}

.header .float-panel .nav
{
	float:left;
	margin:0 0 0 10px;
}


.header .float-panel .nav li
{
	float:left;
}

.header .float-panel .nav li a
{
	display:block;
	height:40px;
	line-height:40px;
	font-size:14px;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	padding:0;
	background:none  !important;
}

.header .float-panel .nav li a span
{
	position:relative;
	z-index:310;
	display:block;
	line-height:40px;
	height:40px;
	padding:0 5px;
}

.header .float-panel .nav li a:after
{
	content:'';
	display:block;
	width:100%;
	position:absolute;
	background:#FEDB2B;
	z-index:305;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	bottom:-40px;
	height:40px;
	opacity:0;
}

.header .float-panel .nav li a:hover:after
{
	bottom:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
}

.header .float-panel .cart-button
{
	position:relative;
	float:right;
}

.header .float-panel .vr-template 
{
	float:right;
	line-height:40px;
	margin:0 20px 0 0;
	height:40px;
	opacity:.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .float-panel .vr-template:hover
{
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
} 

.header .float-panel .vr-template .vr-template__label
{
	font-size:10px;
	color:#444;
}

.header .float-panel .vr-template .vr-template__link
{
	color:#444;
	display:inline-block;
	position:relative;
}

.header .float-panel .vr-template .vr-template__link:before
{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	border-top:dotted 1px #888;
	bottom:20%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header .float-panel .vr-template .vr-template__link:hover:before
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0;
	border-color:#ff5943;
}

.header .float-panel .cart-button pre{display:none !important;}

.header .float-panel .cart-button .to-cart
{
	background:#0ECBC9;
	display:block;
	position:relative;
	padding:0 46px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

.header .float-panel .cart-button .to-cart svg
{
	height:24px;
	width:24px;
	position:absolute;
	left:12px;
	top:calc(50% - 12px);
}

.header .float-panel .cart-button .to-cart svg path
{
	fill:#fff;
}

.header .float-panel .cart-button .to-cart span
{
	height:20px;
	width:20px;
	display:block;
	position:absolute;
	right:12px;
	top:calc(50% - 12px);
	border:solid 2px #fff;
	color:#fff;
	line-height:20px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

}

.header .float-panel .cart-button .cart-pop
{
	position:absolute;
	background:#0ECBC9;
	padding:0px 24px;
	right:0;
	top:0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity:0;
	overflow:hidden;
	max-height:0;
}

.header .float-panel .cart-button:hover .cart-pop
{
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	opacity:1;
	padding:24px;
	max-height:500px;
	top:100%;
}

.header .float-panel .cart-button .cart-pop ul li
{
	background:#fff;
	-webkit-border-radius: 5px;/*Safari, Chrome*/
	-moz-border-radius: 5px;/*Firefox*/
	border-radius: 5px;
	padding:10px;
	font-size:12px;
	margin:0 0 10px 0;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.header .float-panel .cart-button .cart-pop ul li:hover
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.header .float-panel .cart-button .cart-pop ul li:last-child
{
	margin:0
}

.header .float-panel .cart-button .cart-pop ul li a
{
	display:block;
	min-width:220px;
}

.header .float-panel .cart-button .cart-pop ul li img
{
	width:25px;
	margin:0 10px 0 0;
	float:left;
	display:block;
}

.header .float-panel .cart-button .cart-pop ul li span
{
	display:block;
	float:left;
	width:calc(100% - 40px);
}

.header .float-panel .cart-button .cart-pop .total
{
	font-size:12px;
	margin:10px 0;
}

.header .float-panel .cart-button .cart-pop .total span
{
	font-weight:bold;
	font-size:20px;
	display:inline-block;
	vertical-align: middle;
	padding:0 0 0 5px;
}

.header .float-panel .cart-button .cart-pop .jump-to-cart
{
	
	display:block;
	position:relative;
	background:#fff;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#ff5943;
	font-weight:bold;
	-webkit-border-radius: 5px;/*Safari, Chrome*/
	-moz-border-radius: 5px;/*Firefox*/
	border-radius: 5px;
	text-decoration:none;
	font-size:14px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#DDDDDD)";/*IE 8*/
	-moz-box-shadow: 0 3px 0 #DDDDDD;/*FF 3.5+*/
	-webkit-box-shadow: 0 3px 0 #DDDDDD;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 3px 0 #DDDDDD;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#DDDDDD); /*IE 5.5-7*/
}

.header .float-panel .cart-button .cart-pop .jump-to-cart i
{
	display:inline-block;
	margin:0 10px 0 0;
	font-size:16px;
}

.header .float-panel .cart-button .cart-pop .jump-to-cart:active
{
	top:3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#DDDDDD)";/*IE 8*/
	-moz-box-shadow: 0 3px 0 rgba(221,221,221,0);/*FF 3.5+*/
	-webkit-box-shadow: 0 3px 0 rgba(221,221,221,0);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 3px 0 rgba(221,221,221,0);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#DDDDDD); /*IE 5.5-7*/
}

.header .face-info
{
	padding:94px 0 0 0;
}

.header .face-info .shedule .phone a:last-child, .footer .shedule .phone:last-child
{
	margin:0;
}

.header .face-info .shedule .phone a:hover, .footer .shedule .phone a:hover
{
	-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
}

.header .face-info .shedule .time, .footer .shedule .time
{
	float:left;
	border-left:solid 1px #ddd;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	position:relative;
}

b{font-weight:bold;}

.footer .shedule, .footer .shedule a {color:#fff !important;}

.face-info .logo
{
	float:left;
	display:block;
	width:17%;
	margin:0 3% 0 0;
}

.header .face-info .logo img
{
	display:block;
	max-width:100%;
}

.search-bar .user-box
{
	width:200px;
	float:right;
	height:50px;
	position:relative;
}

.search-bar .user-box a
{
	font-size:14px;
	color:#fedb2b;
	text-decoration:none;
	display:block;
	position:relative;
	height:50px;
	background:#333;
	text-align:center;
	line-height:50px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .user-box a:hover
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background:#444;
}

.search-bar .user-box a.logout
{
	position:absolute;
	right:0;
	top:0;
	width:50px;
	padding:0;
	background:#222;
	line-height:1;
}

.search-bar .user-box a.logout span
{
	color:#FBFBFB;
	font-size:10px;
	display:block;
	text-align:center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .user-box a.logout svg
{
	height:25px;
	width:25px;
	display:block;
	margin:6px auto 6px auto;
}

.search-bar .user-box a.logout svg path
{
	fill:#FBFBFB;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .user-box a.logout:hover
{
	background:#0ECBC9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .user-box a.logout:hover svg path{fill:#222;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.search-bar .user-box a.logout:hover span{color:#222;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.search-bar .user-box a.profile
{
	width:calc(100% - 50px);
}

.search-bar .search .tooltip_open
{
	position:absolute;
	top:100%;
	width:calc(100% - 110px - 20px);
	padding:20px;
	background:#fff;
	z-index:200;
	max-height:150px
	overflow:auto;
}

.search-bar .search .tooltip_open a
{
	display:block;
	color:#333;
	margin:0 0 5px 0;
	font-size:13px;
}

.search-bar .search .tooltip_open a:last-child
{
	margin:0;
}



.search-bar .search
{
	width:calc(92% - 400px);
	padding:7px 6% 0 2%;
	float:left;
	position:relative;
}



.search-bar .search input[type="text"]
{
	width:calc(100% - 55px);
	height:35px;
	background:#fff;
	font-size:14px;
	color:#999;
	padding:0 10px;
	line-height:35px;
	outline:none;
	float:left;
	display:block;
	border:none;
	margin:0;
}

.search-bar .search button
{
	display:block;
	border:none;
	float:left;
	height:35px;
	width:35px;
	font-size:12px;
	background:#ff5943;
	-webkit-border-radius: 0 2px 2px 0;/*Safari, Chrome*/
	-moz-border-radius: 0 2px 2px 0;/*Firefox*/
	border-radius: 0 2px 2px 0;
	color:#fff;
	text-transform:uppercase;
	line-height:35px;
	text-align:center;
	margin;0;
	cursor:pointer;
	outline:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .search button svg
{
	margin: 8px 0 0 0;
}

.search-bar .search button svg path
{
	fill:#fff;
}

.search-bar .search button:hover
{
	background:#df351f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .search button:active
{
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2) inset;/*FF 3.5+*/
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.search-bar .search button i
{
	padding:0 10px 0 0;
}

.search-bar .catalog-nav
{
	float:left;
	width:200px;
	position:relative;
	z-index:90;
}

.search-bar .catalog-nav .holder
{
	color:#fedb2b;
	-webkit-border-radius: 2px 0 0;/*Safari, Chrome*/
	-moz-border-radius: 2px 0 0;/*Firefox*/
	border-radius: 2px 0 0;
	height:50px;
	display:block;
	float:left;
	cursor:pointer;
	font-size:14px;
	text-transform:uppercase;
	line-height:50px;
	font-weight:bold;
	padding:0 10px 0 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position:relative;
	z-index:100;
}

.search-bar .catalog-nav:hover .holder
{
	background:#fedb2b;
	color:#222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .catalog-nav .holder svg
{
	display:block;
	float:left;
	height:34px;
	width:32px;
	color:#222;
	font-size:30px;
	padding: 7px 10px 0 10px;
}

.search-bar .catalog-nav .holder svg rect
{
	fill:#FEDB2B;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .catalog-nav:hover .holder svg rect
{
	fill:#222;
	y:24;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



.search-bar .catalog-nav .popped
{
	position:absolute;
	max-height:0;
	top:100%;
	width:100%;
	opacity:0;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
	z-index:100;
}


.search-bar .catalog-nav:hover .popped
{
	max-height:1000px;
	opacity:1;
	z-index:10;
	width:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

body:before
{
	content:'';
	display:block;
	position:fixed;
	left:30%;
	top:0;
	height:100%;
	background: rgba(1,51,51,.9);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width:0;
	opacity:0;
	z-index:50;
	
}

body.make-overlay:before
{
	width:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
	left:0;
}


body.make-overlay
{

}



.search-bar .catalog-nav .popped .folders
{
	-webkit-border-radius: 0 0 0 5px;/*Safari, Chrome*/
	-moz-border-radius: 0 0 0 5px;/*Firefox*/
	border-radius: 0 0 0 5px;
	max-height:0;
	overflow:hidden;
}

.page-title
{
	font-size:200%;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #eee;
}

.checkbox .disabled {display:none;}

.search-bar .catalog-nav:hover .popped .folders
{
	overflow:visible;
}

.search-bar .catalog-nav .popped .folders li .subfolders
{
	position:absolute;
	max-width:0;
	z-index:300;
	top:0;
	left:100%;
	background:#fff;
	border-top:solid 4px #fedb2b;
	border-left:none;
	overflow:hidden;
	padding:0 0 16px 0;
}

.search-bar .catalog-nav .popped .folders li:nth-child(2) .subfolders
{
	top:-40px;
}

.search-bar .catalog-nav .popped .folders li:nth-child(3) .subfolders
{
	top:-80px;
}

.search-bar .catalog-nav .popped .folders li:nth-child(4) .subfolders
{
	top:-120px;
}

.search-bar .catalog-nav .popped .folders li .subfolders li a
{
	color:#222;
	font-size:12px;
	font-weight:bold;
	text-transform:none;
	padding:5px 0 5px 15px;
	position:relative;
	line-height:16px;
	height:auto;
}

.search-bar .catalog-nav .popped .folders li .subfolders li a:hover
{
	text-decoration:none;
}

.search-bar .catalog-nav .popped .folders li .subfolders li a:before
{
	content:'';
	display:block;
	height:3px;
	width:3px;
	border:solid 2px #eee;
	-moz-transform: rotate(45deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(45deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(45deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(45deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(45deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
	position:absolute;
	left:0;
	top:9px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.search-bar .catalog-nav .popped .folders li .subfolders li a:hover:before
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-color:#0ECBC9;
}

.search-bar .catalog-nav .popped .folders li .subfolders li h3
{
	border-top: solid 4px #0ECBC9;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	background:none;
}

.search-bar .catalog-nav .popped .folders li .subfolders li h3 a
{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding: 0;
	text-transform: uppercase;
	font-style: normal;
}

.search-bar .catalog-nav .popped .folders li .subfolders li h3 a:hover
{
	text-decoration:underline;
}

.search-bar .catalog-nav .popped .folders li .subfolders a.f-image
{
	height:100px;
	text-align:center;
	display:block;
	width:100px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.search-bar .catalog-nav .popped .folders li .subfolders a.f-image:before, 
.search-bar .catalog-nav .popped .folders li .subfolders h3 a:before
{
	display:none;
}

.search-bar .catalog-nav .popped .folders li .subfolders a.f-image span
{
	display:block;
}

.search-bar .catalog-nav .popped .folders li .subfolders a.f-image span img
{
	max-width:90%;
	max-height:90%;
	margin:0 auto;
}

.search-bar .catalog-nav .popped .folders li:hover .subfolders
{
	min-width:510px;
	max-width:1000px;
	min-height:160px;
}

.search-bar .catalog-nav .popped .folders li .subfolders li
{
	display:inline-block;
	width:calc(50% - 40px);
	vertical-align:top;
	padding:10px 20px 0 20px;
}

.search-bar .catalog-nav .popped .folders>li
{
	position:relative;
	background:#FEDB2B;
	width:200px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-bar .catalog-nav .popped .folders li > a
{
	display:block;
	text-transform:uppercase;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	text-decoration:none;
	padding: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-bar .catalog-nav .popped .folders>li:hover
{
	background:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.multiple-items .slick-slide
{
	margin:0 35px 4px 35px;
	background:rgba(255,255,255,.3);
	padding:5px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);/*FF 3.5+*/
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.multiple-items .slick-slide .holder
{
	
	display:block;
	background:#fff;
	padding:5px;
	 position:relative;
}

.multiple-items .slick-slide .holder .image
{
	float:left;
	width:85px;
	height:85px;
	display:table;
}

.multiple-items .slick-slide .holder .image span
{
	display:table-cell;
	width:100%;
	height:85px;
	vertical-align:middle;
	text-align:center;
}

.multiple-items .slick-slide .holder .image span img
{
	max-width:100%;
	max-height:100%;
}

.multiple-items .slick-slide .holder .info
{
	font-size:16px;
	line-height:20px;
	padding:5px 0 0 20px;
	float:left;
	width:calc(100% - 115px);
}

.multiple-items .slick-slide .holder .info a
{
	text-decoration:none;
}

.multiple-items .slick-slide .holder .info a:hover
{
	text-decoration:underline;
}

.multiple-items .slick-slide .holder .info .more
{
	display:block;
	color:#ff5943;
	font-size:10px;
	position:absolute;
	bottom:5px;
	right:5px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	padding:0 15px 0 0;
	height:20px;
	line-height:20px;
}

.multiple-items .slick-slide .holder .info .more svg
{
	height:10px;
	width:10px;
	display:block;
	position:absolute;
	right:0;
	top:calc(50% - 6px);
}

.multiple-items .slick-slide .holder .info .more svg polygon
{
	fill:#FF5943;
}

.multiple-items
{
	padding:30px 0;
	height:170px;
	overflow:hidden;
}

.catalog-bar
{
	background:#fedb2b;
	margin:0 0 40px 0;
	position:relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 0 -2px 5px rgba(0,0,0,0.1);/*FF 3.5+*/
	-webkit-box-shadow: 0 -2px 5px rgba(0,0,0,0.1);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 -2px 5px rgba(0,0,0,0.1);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); /*IE 5.5-7*/
}

.catalog-bar ul li
{
	text-align:center;
	float:left;
	width:calc(14.285% - 1px);
	border-left:solid 1px #f3cf1d;
}

.catalog-bar ul li:last-child
{
	border-right:solid 1px #f3cf1d;
	width:calc(14.285% - 2px);
}

.catalog-bar ul li .image img
{
	
	max-height:25px;
	-webkit-filter: brightness(200%);
	-moz-filter: brightness(200%);
	-o-filter: brightness(200%);
	filter: brightness(200%);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.catalog-bar ul li:hover .image img
{
	opacity:1;
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	filter: brightness(100%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.catalog-bar ul li a .fix
{
	display:table;
	width:100%;
}

.catalog-bar ul li .image
{
	display:table-cell;
	height:45px;
	vertical-align:middle;
	text-align:center;
}

.catalog-bar ul li .folder
{
	display:block;
}

.catalog-bar ul li a
{
	height:70px;
	color:#222;
	font-size:14px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.catalog-bar ul li a:hover
{
	background:rgba(255,255,255,.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a {color:#3e4e51;}
a:hover{text-decoration:none;}

.clearfix:after
{
	content:'.';
	display:block;
	overflow:hidden;
	height:0px;
	clear:both;
}

.footer
{
	background:#222;
}

.footer .r-side
{
	float:left;
	width:calc(98% - 320px);
	margin:0 0 0 2%;
}

.footer .shedule
{
	padding: 0;
}

.footer .socials .title
{
	border-bottom: solid 1px #555;
	color: #555;
	font-style: italic;
	text-transform: uppercase;
	font-size: 10px;
	padding: 0 0 5px 0;
	margin: 10px 0;
}

.footer .socials
{
	padding:0 0 20px 0;
}

.footer .socials a
{
	display:block;
	color:#0ECBC9;
	font-size:15px;
	line-height:30px;
	float:left;
	width:30px;
	height:30px;
	position:relative;
	text-align:center;
	border:solid 2px #0ECBC9;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	text-decoration:none;
	margin:0 10px 0 0;
}

.footer .socials a span
{
	position:absolute;
	bottom:0px;
	font-size:11px;
	border:solid 1px #0ECBC9;
	text-align:center;
	padding:0 2px;
	line-height:11px;
	left:-2px;
	letter-spacing:1px;
	color:#0ECBC9 !important;
	display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0;
}

.footer .socials a:hover span
{
	bottom:-20px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer .socials a:hover
{
	border-color:#fedb2b;
	color:#fedb2b;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer .icons
{
	float:right;
	margin:5px 0 0 0;
}

.footer .icons li
{
	float:left;
	margin:0 0 0 15px;
}

.footer .icons li:before
{
	content:'';
	display:block;
	height:25px;
}

.footer .icons li.mastercard:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 0;
	width:42px;
}

.footer .icons li.visa:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -35px;
	width:76px;
}

.footer .icons li.maestro:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -68px;
	width:42px;
}

.footer .icons li.renessans:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -173px;
	width:84px;
}

.footer .icons li.alfa:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -100px;
	width:86px;
}

.footer .icons li.otp:before
{
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -134px;
	width:67px;
}

.info-favorites
{
	float:right;
	height:40px;
	line-height:40px;
	position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.info-favorites a
{
	text-decoration:none;
	display:block;
	height:40px;
	width:40px;
}

.info-favorites svg
{
	margin:9px 0 0 0;
}

.info-favorites svg path
{
	fill:#222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.info-favorites:hover svg path
{
	fill:#0ECBC9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.info-favorites span
{
	position:absolute;
	font-weight:bold;
	font-size:12px;
	top:5px;
	left:15px;

	background:#FEDB2B;
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	display:block;
}

.info-favorites i
{
	font-size:20px;
	color:#333;
}

.bx-filter-parameters-box-container .checkbox
{
	margin:0 0 10px 0;
	
}

.bx-filter-parameters-box-container .checkbox:after
{
	content:'';
	display:block;
	clear:both;
}

.sect-descript, .foot-text
{
	font-size:14px;
	line-height:18px;
	margin:20px 0 0 0;
}

.sect-descript p, .foot-text p
{
	margin:0 0 10px 0;
}


/********************************/


.clr {
	display:block;
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.block-left {float:left;}
.block-right {float:right;}
.ov-hidd {overflow:hidden;}
section, header, footer, menu, nav, aside, article, details, summary, figure, figcaption, hgroup, time, main {display:block;}
/* Reset - End */

/*INDEX*/
.main-block {
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	}
.main {padding-bottom:40px;}

h3, .h3
{
	text-transform:uppercase;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	margin:0 0 20px 0;
	background: #333;
	padding: 10px;
	color: #FEDB2B;

}




h4, .h4 {
	
	font-size:18px;
	color:#f79f22;
	text-transform:uppercase;
	margin-bottom:10px;
	margin-top:7px;
	float:left;
	}
h2, .h2 
{
	font-weight:bold;
	font-size:20px;
	color:#222;
	text-transform:uppercase;
	margin-bottom:10px;
	padding:0 0 0 10px;
	line-height: 26px;
}

input[type="submit"] {
	-webkit-appearance:none;
	-webkit-border-radius:0;
	}
/* header - Begin */
header {
	position:relative;
	}
.menu {
	position:relative;
	width:100%;
	z-index:90;
	border-bottom:1px solid #e8e8e8;
	}
.menu .nav {
	float:left;
	max-width:880px;
	padding:0 15px 0 13px;
	}

.menu .nav li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:center;
	}
.menu .nav li a {
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	color:#a7a7a7;
	text-decoration:none;
	padding:4px 18px 7px;
	border-right:1px solid #e8e8e8;
	}
.menu .nav li.home a {
	padding-left:0;
	padding-right:0;
	background:#539e32;
	width:37px;
	border-left:1px solid #539e32;
	}
.menu .nav li.active a {
	background:#3b2a98;
	padding:13px 18px 13px 19px;
	margin-left:-1px;
	}
.menu .nav li.active a:before {
	content:"";
	position:absolute;
	bottom:-23px;
	left:50%;
	margin-left:-15px;
	border:15px solid transparent;
	border-top-color:#3b2a98;
	}
.menu .nav li.active:before {
	display:none;
	}
.menu .nav li:last-child:before {
	display:none;
	}
header .enter {
	float:right;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	}
header .enter a {
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	color:#a7a7a7;
	line-height:1.4;
	text-decoration:none;
	padding:5px 0 7px;
	}
header .enter span {
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
	width:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	}
header .enter a:hover span {
	text-decoration:underline;
	}
.menu .enter .icon {
	display:inline-block;
	vertical-align:top;
	background:url(/bitrix/templates/main/images/icon_enter.png) no-repeat 0 0;
	width:12px;
	height:14px;
	margin:3px 7px 0 11px;
	}
/* header - end */

/* .header-mobile - Begin */
.link-drop {
	position:relative; 
	z-index:102;
	float:left;
	padding:4px 10px;
	background:#539e32 ;
	margin-left:-10px;
	}
.link-drop:hover {
	background:#84ff00;
	}
.link-drop i {
	display:block;
	width:27px;
	height:5px;
	margin:6px auto;
	background:#fff;
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
	}
.no-touch .link-drop:hover i:first-child {
	-webkit-transform:rotate(-90deg) translateX(-11px);
	   -moz-transform:rotate(-90deg) translateX(-11px);
	     -o-transform:rotate(-90deg) translateX(-11px);
	        transform:rotate(-90deg) translateX(-11px);
	}
.no-touch .link-drop:hover i:first-child + i + i {
	-webkit-transform:rotate(-90deg) translateX(11px);
	   -moz-transform:rotate(-90deg) translateX(11px);
	     -o-transform:rotate(-90deg) translateX(11px);
	        transform:rotate(-90deg) translateX(11px);
	}
.link-drop.active:hover {
	background:#84ff00;
	}
.header-mobile li.active a:hover,
.header-mobile li.active a {
	cursor:default;
	}
.no-touch .link-drop.active:hover i:first-child {
	opacity:0;
	-webkit-transform:translateY(5px);
	   -moz-transform:translateY(5px);
	     -o-transform:translateY(5px);
	        transform:translateY(5px);
	}
.no-touch .link-drop.active:hover i:first-child + i {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
	}
.no-touch .link-drop.active:hover i:first-child + i + i {
	-webkit-transform:rotate(-45deg) translate(8px, -8px);
	   -moz-transform:rotate(-45deg) translate(8px, -8px);
	     -o-transform:rotate(-45deg) translate(8px, -8px);
	        transform:rotate(-45deg) translate(8px, -8px);
	}
.touch .link-drop.active i:first-child {
	opacity:0;
	-webkit-transform:translateY(5px);
	   -moz-transform:translateY(5px);
	     -o-transform:translateY(5px);
	        transform:translateY(5px);
	}
.touch .link-drop.active i:first-child + i {
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);
	}
.touch .link-drop.active i:first-child + i + i {
	-webkit-transform:rotate(-45deg) translate(8px, -8px);
	   -moz-transform:rotate(-45deg) translate(8px, -8px);
	     -o-transform:rotate(-45deg) translate(8px, -8px);
	        transform:rotate(-45deg) translate(8px, -8px);
	}
.header-mobile .nav {
	display:none;
	position:absolute !important;
	z-index:101;
	left:37px;
    top:0;
	text-align:left;
	width:170px;
	padding-left:15px;
	font-size:19px;
	padding:0;
	background:#539e32 ;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	   -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);
	        box-shadow:0 1px 3px rgba(0,0,0,0.3);
	-webkit-transform-origin:0 50%;
	   -moz-transform-origin:0 50%;
	     -o-transform-origin:0 50%;
	        transform-origin:0 50%;
	-webkit-transform:rotateY(-90deg) skewY(-13deg);
	   -moz-transform:rotateY(-90deg) skewY(-13deg);
	     -o-transform:rotateY(-90deg) skewY(-13deg);
	        transform:rotateY(-90deg) skewY(-13deg);
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
	}
.header-mobile li {
	text-align:left;
	}
.header-mobile li .arrow {
	display:none;
	}
.header-mobile li a {
	color:#fff;
	height:auto;
	padding-left:20px !important;
	}
.header-mobile li a .icon {
	display:none;
	}
.header-mobile .nav.visible {
	-webkit-transform:rotateY(0deg) skewY(0deg);
	   -moz-transform:rotateY(0deg) skewY(0deg);
	     -o-transform:rotateY(0deg) skewY(0deg);
	        transform:rotateY(0deg) skewY(0deg);
	}
.header-mobile .nav a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:6px 20px;
	}
.header-mobile .nav a:first-child {
	padding-top:12px;
	}
.header-mobile .nav li a:hover,
.header-mobile .nav li a.active,
.header-mobile .nav:hover a.active:hover {

	background:#84ff00 !important;
	}
.header-mobile .nav:hover a.active {
	background:none;
	}
.header-mobile {
	display:none;
	position:relative;
	width:300px;
	}
.header-mobile ul {
	max-width:215px;
	margin:0;
	}
.header-mobile li,
.header-mobile .nav a {
	display:block;
	border:none;
	}
.header-mobile li {
	display:block;
	margin:0;
	}
.header-mobile .nav li:before {
	display:none;
	}
.header-mobile .nav li {
	display:block;
	text-align:left;
	}
.header-mobile .nav li.home a,
.header-mobile .nav li a {
	display:block;
	width:auto;
	padding:10px 0;
	color:#fff;
	}
.header-mobile .nav li {
	background:#539e32;
	}
.header-mobile .nav li:hover {
	background:#84ff00;
	}
.header-mobile .nav li:hover a {
	color:#fff;
	}
.lavalamp-object {
	border-bottom:3px solid #539e32;
	margin:-2px 0 0 0px;
	}
.header-mobile .lavalamp-object {
	display:none;
	}

.delivery,
.payment {
	display:inline-block;
	vertical-align:top;
	margin-left:38px;
	padding-top:8px;
	}
.bhead {
	padding:28px 0; 
	}
.bhead .title {
	
	font-size:14px;
	color:#555;
	text-transform:uppercase;
	margin-bottom:6px;
	}
.bhead .little_text {
	text-transform:none;
	font-size:12px;
	}
.bhead p span {
	display:inline-block;
	vertical-align:middle;
	}
.bhead p img {
	display:inline-block;
	vertical-align:middle;
	}

.phone .tel {
	position:relative;
	display:inline-block;
	vertical-align:top;
	
	font-size:20px;
	color:#010100;
	text-decoration:none;
	margin-bottom:2px;
	}
.phone .tel:before {
	content:"";
	position:absolute;
	top:-2px;
	left:-29px;
	width:21px;
	height:28px;
	background:url(/bitrix/templates/main/images/icon_phone.png) no-repeat 0 0;
	}
.phone .bt_call {
	font-size:12px;
	color:#ffa000;
	}
.advantage {
	display:inline-block;
	vertical-align:top;
	}
/* .bhead - end */

.lightbox 
{
	display:none;
	position:relative;
	z-index:1001;
	margin:0 auto;
	padding:22px;
	min-width:300px;
	max-width:300px;
	text-align:center;
}
.lightbox-container {
	display:none;
	position:fixed;
	overflow-y:scroll;
	z-index:999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	}
.lightbox-bg {
	display:none;
	visibility:hidden;
	position:fixed;
	z-index:100;
	z-index:998;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	}
.lightbox .title 
{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 10px 22px 10px;
	line-height:18px;
}
.lightbox .close {
	display:block;
	position:absolute;
	right:9px;
	top:9px;
	width:12px;
	height:12px;
	background:url(/bitrix/templates/main/images/bg_close-experience.gif) 0 0 no-repeat;
	overflow:hidden;
	}
.lightbox .close:hover {
	background-position:0 -12px;
	}
.lightbox .input-text, .lightbox textarea
{
	display:block;
	height:50px;
	width:90%;
	padding:0 5%;
	margin:0 0 22px 0;
	border:none;
	outline:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:solid 1px #f9f9f9;
	border-bottom:solid 4px #0ecbc9;
	position:relative;
	font-size:12px;
	color:#222;
	letter-spacing:0.1em;
	font-weight:bold;
}

.lightbox textarea
{
	height:100px;
	line-height:18px;
	font-weight:normal;
	font-size:14px;
	padding:25px 5%;
	resize:none;
}

.lightbox .error
{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FF5943;
	margin: 0 0 22px 0;
}

.lightbox .bt_green 
{
	display:block;
	height:50px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	color:#222;
	text-decoration:none;
	background:#FEDB2B;
	font-size:18px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.lightbox .bt_green:hover 
{
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.lightbox .bt_green:active 
{
	-moz-transform: rotate(0deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.lightbox .continue
{
	display:block;
	text-decoration:none;
	border:solid 2px #ccc;
	height:30px;
	line-height:30px;
	text-align:center;
	line-height:30px;
	font-size:16px;
	color:#013333;
}

.lightbox .or
{
	position:relative;
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
}

.lightbox .or span
{
	background:#fff;
	position:relative;
	z-index:10;
}

.lightbox .or:before
{
	content:'';
	height:100%;
	position:absolute;
	width:2px;
	left:calc(50% - 2px);
	background:#ccc;
	z-index:5;
}

.lightbox .userconsent
{
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	margin: 22px 0 0 0;
}


.lightbox .userconsent input[type="checkbox"]
{
	vertical-align:text-bottom;
}

.lightbox .phone  
{
	float:none;
}
/* .lightbox - End */

/* .input-text - Begin */
.data-table input, .inp-text,.input-text {
	display:inline-block;
	vertical-align:top;
	width:192px;
	color:#757575;
	font-size:13px;
	background-color:#fff;
	padding:8px 13px 8px;
	margin:0 5px 16px 0;
	border:1px solid transparent;

	}
.inp-text.error,
.input-text.error {
	border-color:#F10609;
	}
.inp-text::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
	color:#a4a4a4;
	}
.inp-text::-moz-placeholder,
.input-text::-moz-placeholder {
	color:#a4a4a4;
	}
.inp-text:-moz-placeholder,
.input-text:-moz-placeholder {
	color:#a4a4a4;
	}
.inp-text:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
	color:#a4a4a4;
	}
.inp-text::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
	opacity: 1; transition: opacity 0.3s ease;
	}
.inp-text::-moz-placeholder,
.input-text::-moz-placeholder {
	opacity: 1; transition: opacity 0.3s ease;
	}
.inp-text:-moz-placeholder,
.input-text:-moz-placeholder {
	opacity: 1; transition: opacity 0.3s ease;
	}
.inp-text:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
	opacity: 1; transition: opacity 0.3s ease;
	}
.inp-text:focus::-webkit-input-placeholder,
.input-text:focus::-webkit-input-placeholder {
	opacity: 0; transition: opacity 0.3s ease;
	}
.inp-text:focus::-moz-placeholder,
.input-text:focus::-moz-placeholder {
	opacity: 0; transition: opacity 0.3s ease;
	}
.inp-text:focus:-moz-placeholder,
.input-text:focus:-moz-placeholder {
	opacity: 0; transition: opacity 0.3s ease;
	}
.inp-text:focus:-ms-input-placeholder,
.input-text:focus:-ms-input-placeholder {
	opacity: 0; transition: opacity 0.3s ease;
	}
.inp-text {
	border:1px solid #000;
	}
/* .input-text - end */

/* .l-sb - Begin */
.l-sb {
	position:relative;
	float:left;
	width:248px;
	}

.l-sb p.h3
{
	text-transform:none;
	font-size:16px;	
}

.left-menu
{
	position:relative;
	margin-bottom:15px;
}
.left-menu .title-menu 
{
	position:relative;
	display:block;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	padding:11px 0 10px;
	color:#FEDB2B;
	background:#222;
	margin:0;
}


.left-menu ul.dropdown-menu {
	display:block;
	position:absolute;
	}
.left-menu ul {
	display:none;
	list-style:none;
	left:0;
	top:44px;
	width:100%;
	}
.left-menu ul.internal {
	display:block;
	}
.left-menu ul.visible {
	display:block;
	}
.left-menu ul .second_level {
	display:none;
	position:absolute;
	left:248px;
	top:-1px;
	z-index:200;
	}
.left-menu li 
{
	display:block;
	background:#FF5943;
	border-top:1px solid #FF5840;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.left-menu li:first-child 
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.left-menu li:hover 
{
	background:#222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-color:#666;		
}

.left-menu li a 
{
	display:block;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	padding:11px 32px 13px 23px;
}


.left-menu li.first_level > a 
{
	
}


.left-menu li.first_level {
	position:relative;
	}
.left-menu ul .active .second_level {
	display:block;
	}
.reviews-latest .item {
	position:relative;
	background:#f9f9f9;
	padding:6px;
	margin-bottom:44px;
	}
.reviews-latest .item .box {
	position:relative;
	background:#f1f1f1;
	border:1px solid #ddd;
	white-space:nowrap;
	z-index:3;
	}
.reviews-latest .item .quotes {
	position:absolute;
	width:50px;
	height:43px;
	background:url(/bitrix/templates/main/images/quotes.png) 0 0 no-repeat;
	top:0;
	right:20px;
	z-index:6;
	}
.reviews-latest .item.even .quotes {
	background-position:100% 0;
	right:auto;
	left:16px;
	}
.reviews-latest .item p {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	color:#444;
	line-height:18px;
	z-index:5;
	padding:0 20px;
	}

.reviews-latest .item p.good_name a
{
	padding:0 0 0 5px;
}
.reviews-latest .item .text {
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	padding:10px 0;
	}
.reviews-latest .item .box:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100px;
	margin-left:-1px;
	}
.reviews-latest .item p.name 
{
	color:#bbb;
	
	margin:5px 0;
}


.reviews-latest .item.even p {
	margin-left:72px;
	}
.reviews-latest .item .box:after {
	content:"";
	position:absolute;
	border:23px solid transparent;
	border-left-color:#F1F1F1;
	bottom:-21px;
	left:31px;
	z-index:2;
	}
.reviews-latest .item:before {
	content:"";
	position:absolute;
	border:26px solid transparent;
	border-left-color:#f9f9f9;
	bottom:-26px;
	left:32px;
	z-index:1;
	}
.reviews-latest .item:after {
	content:"";
	position:absolute;
	border:23px solid transparent;
	border-left-color:transparent;
	bottom:-16px;
	left:37px;
	z-index:2;
	}
.left-menu a.title-menu i {
	position:absolute;
	left:15px;
	top:9px;
	width:14px;
	height:3px;
	background:#FEDB2B;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
	}
.left-menu a.title-menu i:first-child + i {
	top:17px;
	}
.left-menu a.title-menu i:first-child + i + i {
	top:25px;
	}
/* .l-sb - end */

/* .container - Begin */
.container {
	    float: left;
    width: calc(100% - 268px);
    margin: 0 0 0 20px;
	
	}
.container.container_search {
	overflow:visible;
	//margin:0 0 0 250px;
	}
/* .container - end */

/* .slider - Begin */
.slides {
	position:relative;
	clear:both;
	margin-bottom:18px;
	}
.slider.royalSlider {
	height:250px;
	}
.slider.rsDefault .rsArrow {
	width:67px;
	}
.slider.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position:100% 100%;
	}
.slider.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position:0 100%;
	}
.slider.rsDefault.rsHor .rsArrowRight .rsArrowIcn:hover {
    background-position:100% 0;
	}
.slider.rsDefault.rsHor .rsArrowLeft .rsArrowIcn:hover {
    background-position:0 0;
	}
.slider.rsDefault .rsArrowIcn {
	background-image:url(/bitrix/templates/main/images/arrow_slider.png);
	width:17px;
	height:32px;
	background-color:inherit;
	margin-left:-9px;
    margin-top:-16px;
	}
.slider.rsDefault .rsArrowIcn:hover {
	background-color:inherit;
	}
img.rsImg {
    height:100%;
    width:100%;
	}
.rsABlock .title {

	font-size:46.79px;
	color:#ffa000;
	text-transform:uppercase;
	margin-bottom:4px;
	line-height:1;
	}
.rsABlock .text {

	font-size:20px;
	color:#555;
	text-transform:uppercase;	
	}
.slides .rsABlock {
	left:101px;
	top:88px;
	}
.bt_orange {
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	color:#ffa000;
	text-decoration:none;
	border:1px solid #ffa000;
	padding:6px 18px 7px;
	}
.bt_orange:hover {
	color:#fdad26;
	border-color:#fdad26;
	}

.rsContent .link {
    height:100%;
    position:absolute;
    width:100%;
    z-index:16;
	}
/* .slider - end */

/* .items - Begin */
.items {
	list-style:none;
	}
.items li {
	display:inline-block;
	vertical-align:top;
	width:50%;
	margin-bottom:17px;
	}
.items li:nth-child(even) {
	text-align:right;	
	}
.items a {
	display:inline-block;
	width:97.3%;
	height:100%;
	border:1px solid #e1e1e1;
	background:url(/bitrix/templates/main/images/bg_catalog_shatdown.png) no-repeat 50% 0 #fff;
	text-decoration:none;
	} 
.items a:hover {
	border-color:#ffa000;
	}
.items a:hover .box {
	border-color:#ffa000;	
	}
.items .box {
	border:1px solid #f0f0f0;
	margin:11px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;  
	-webkit-transition:0.9s ease;
	   -moz-transition:0.9s ease;
	     -o-transition:0.9s ease;
	        transition:0.9s ease;
	}
.items .box .text {
	display:inline-block;
	vertical-align:middle;
	width:43.5%;
	margin-left:6.5%;
	white-space:normal;
	}
.items .box:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100%;
	margin-left:-1px;
	}
.items .box .img {
	display:inline-block;
	vertical-align:middle;
	width:48%;
	text-align:center;
	}
.items .box .img img {
	max-width:100%;
	height:auto;
	}
.items p {

	text-transform:uppercase;
	font-size:30px;
	color:#ff9908;
	margin-bottom:4px;
	}
.items span {
	font-size:14px;
	color:#555;
	line-height:1;
}

.catalog li 
{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:23.5%;
	margin:0 2% 2% 0;
}

.catalog li:nth-child(4n){margin:0 0 2% 0;}

.catalog li:hover .box {border-color:transparent;}

.catalog li .box 
{
	position:relative;
	padding:3% 5% 8% 5%;
	border: solid 6px rgba(254, 219, 43, .2);
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.catalog-list .list li .box
{
	position:relative;
	width:79%;
	padding:0 8%;
	margin:0 auto;
}

.catalog li:hover .box
{
	border-color:rgba(254, 219, 43, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.catalog li .box .params
{
	margin:8% 0 0 0;
}

.catalog li .box .params li
{
	display:block;
	width:100%;
	font-size:12px;
	margin:0 0 5px 0;
	color:#777;
}

.catalog li .box .params li:last-child
{
	margin:0;
}

.catalog li .box .price, .catalog-list li .box .price 
{
	display:block;	
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#222;
	margin:10px 0;
	line-height:20px;
	/*height:20px;*/
}

.catalog li .box .old_price, .catalog-list li .box .old_price 
{
	font-size: 12px;
	color: #777;
	text-decoration: line-through;
	margin-bottom: 3px;
	display: inline-block;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.catalog li .box .sale {
	position:absolute;
	top:15px;
	right:12px;
	display:inline-block;
	font-size:22px;
	color:#f79f22;
	border:2px solid #f79f22;
	padding:1px 6px;
	}

.catalog li .box > span {
	display:inline-block;
	vertical-align:top;
	font-size:14px;
	color:#a4a4a4;
	margin-right:9px;
	margin-bottom:16px;
	}

.catalog li .box .bt_basket, .bt_basket, a.ask-price
{
	font-size: 20px;
    color: #222;
    text-decoration: none;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    background: #fedb2b;
    display: block;
    position: relative;
    padding: 0 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

a.ask-price
{
	background:#eee;
}

.catalog li .box .bt_basket:active, .bt_basket:active, a.ask-price:active
{
-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -moz-transform: rotate(0deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
}

.catalog li .box .bt_basket:after, .bt_basket:after
{
	content: '';
	display: block;
	position: absolute;
	right: 8px;
	width: 64px;
	height: 64px;
	bottom: 0;
	background-image: url(/bitrix/templates/main/images/shopping-cart-sign.svg);
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.catalog li .box .bt_basket:hover:after, .bt_basket:hover:after
{
    -moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.action_product 
{
	position:absolute;
}

.action_product.newest
{
	right:-6px;
	top:0;
	background: url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -209px;
}

.action_product.best-price
{
	background:#222;
	color:#FEDB2B;
	font-size:18px;
	display:block;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:10px;
	left:10px;
	
}

.action_product.best-price span
{
	    position: absolute;
    background: #222;
    color: #FEDB2B;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 8px;
    white-space: nowrap;
    left: 90%;
    padding: 3px;
    top: 25%;
	
}

.action_product.discount
{
	left:10px;
	top:10px;
}

.action_product.discount
{
	
	background:url(/bitrix/templates/main_copy/images/discount-stick.png)no-repeat;
	height: 58px;
	width: 53px;
	line-height: 57px;
	font-size: 12px;
	padding: 0 0 0 5px;
	text-align: center;
}

.action_product.production-out
{
	background:#FF613F;
	color:#fff;
	font-size:18px;
	display:block;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:50%;
	left:10px;
	
}

.action_product.production-out span
{
	    position: absolute;
    background: #FF613F;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 8px;
    white-space: nowrap;
    left: 90%;
    padding: 3px;
    top: 25%;
	
}

.action_product.not-available
{
	background:#FF613F;
	color:#fff;
	font-size:18px;
	display:block;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	position:absolute;
	top:50%;
	left:10px;
	
}

.action_product.not-available span
{
	    position: absolute;
    background: #FF613F;
    color: #fff;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 8px;
    white-space: nowrap;
    left: 90%;
    padding: 3px;
    top: 25%;
	
}

.action-box {
	display:inline-block;
	vertical-align:top;
	width:48%;
	margin-bottom:55px;
	background:url(/bitrix/templates/main/images/bg_catalog_shatdown2.png) 50% 50 no-repeat;
	}
.action-box.bg_orange {
	background-color:#ff9a00;
	float:left;
	}
.action-box.bg_green {
	background-color:#61b83b;
	float:right;
	}
.action-box a {
	display:block;
	margin:12px;
	height:127px;
	text-decoration:none;
	white-space:nowrap;
	text-align:center;
	}
.action-box a:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
	margin-left:-1px;
	}
.action-box.bg_orange a {
	border:1px solid #ffb440;
	}
.action-box.bg_green a {
	border:1px solid #6dcd43;
	}
.action-box img {
	display:inline-block;
	vertical-align:middle;
	}
.action-box p {
	display:inline-block;
	vertical-align:middle;
	max-width:250px;
	white-space:normal;
	color:#fff;

	font-size:18px;
	text-transform:uppercase;
	margin:0 0 0 7px;
	text-align:left;
	line-height:1.2;
	}
/* .action - end */

/* footer - Begin */
footer {
	background:#eae9ea;
	padding:20px 0 0;
	clear:both;
	height:120px;
	margin-top:-140px;
	}
footer .logo img {
	margin-bottom:2px;
	}
footer .logo {
	margin-top:7px;
	}
footer .logo p {
	line-height:0.95;
	color:#7f7f7f;
	margin-bottom:0;
	}
footer .phone {
	padding:0;
	margin:0;
	}
footer .phone .tel {
	color:#7f7f7f;
	line-height:1;
	}
footer .phone .tel:before {
	display:none;
	}
footer .phone .bt_call {
	color:#7f7f7f;
	}
/* footer - end */

/* .articles - Begin */
.articles {
	border-bottom:1px solid #cecece;
	margin-bottom:14px;
	}
.articles article {
	display:block;
	clear:both;
	overflow:hidden;
	margin-bottom:28px;
	}
.articles article .img {
	float:left;
	position:relative;
	border:1px solid #e3e3e3;
	font-size:0;
	margin-right:16px;
	}
.articles article .img img {
	max-width:100%;
	height:auto;
	}
.articles article .img i {
	position:absolute;
	display:block;
	border:1px solid rgba(255,255,255,0.30);
	width:100%;
	height:100%;
	top:10px;
	left:10px;
	}
.articles article .box {
	overflow:hidden;
	margin-left:16px;
	}
.articles article .box .date {
	font-size:14px;
	font-style:italic;
	color:#a4a4a4;
	margin-bottom:0;
	}
.articles article .box a {
	font-size:16px;
	color:#ff9908;
	}
.articles article .box p {
	font-size:16px;
	color:#555;
	margin-bottom:3px;
	}
.articles article .box .hashtag {
	font-size:12px;
	color:#6f9d3e;
	text-decoration:none;
	}
/* .articles - end */

/* .bread-crumbs - Begin */
.bread-crumbs a,
.bread-crumbs {
	font-size:12px;
	color:#999;
	text-decoration:none;
	}
.bread-crumbs i
{
	font-size:10px;
	color:#ddd;
	margin:0 5px ;
}
.bread-crumbs a:hover
{
	color:#FF5940;
	text-decoration:underline;
}
.bread-crumbs {
	margin-bottom:14px;
	}
.link_load {
	position:relative;

	font-size:14px;
	display:inline-block;
	color:#f79f22;
	text-decoration:none;
	margin-bottom:34px;
	}
.link_load span {
	display:inline-block;
	vertical-align:middle;
	}
.link_load:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:23px;
	height:22px;
	margin-right:10px;
	background:url(/bitrix/templates/main/images/icon_load.png) no-repeat 0 0;
	}
/* .bread-crumbs - end */

/* .checkbox - Begin */
label.checkbox_lable {
	display:block;
	clear:both;
	cursor:pointer;
	margin-bottom:7px;
	}
label.checkbox_lable span {
	overflow:hidden;
	font-size:12px;
	color:#555;
	}
i.checkbox {
	overflow:hidden;
	position:relative;
	top:1px;
	float:left;
	width:16px;
	height:16px;
	margin-right:4px;
	background-image:url(/bitrix/templates/main/images/icln_check.png);
	background-position:0 0;
	background-repeat:no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}

.checkbox.checked, label:hover .checkbox.checked {
	background-position:0 100%;
	}
/* .checkbox - End */

/* filter - Begin */
.l-sb .bx-filter.bx-blue .bx-filter-section {
	background:none;
	}
.l-sb .bx-filter.bx-blue .bx-filter-section {
	padding:0;
	}
.l-sb .bx-filter-title, .l-sb .bx_filter_title 
{
	font-size:14px;
	text-transform:uppercase;
	color:#555;
	text-align:center;
	border-bottom:1px solid #eaeaea;
	padding:12px 5px 11px;
	margin-bottom:9px;
}
.l-sb .bx-filter, .l-sb .bx_filter 
{
	background:#FBFBFB;
	margin-bottom:20px;
}

.l-sb .bx-filter-parameters-box-title, .l-sb .bx_filter_parameters_box_title 
{
	font-size:12px;
	text-transform:uppercase;
	color:#555;
	font-weight:bold;
}

.l-sb .bx-filter-parameters-box-title span {
	color:#555;
	}
.l-sb .bx-filter-parameters-box, .l-sb .bx_filter_parameters_box 
{
	padding:0 16px;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:9px;
}
.l-sb .bx-filter-parameters-box:last-child,
.l-sb .bx_filter_parameters_box:last-child {
	border:none;
	}
.l-sb .bx-filter-parameters-box-container-block,
.l-sb .bx-filter-input-container,
.l-sb .bx_filter_parameters_box_container_block,
.l-sb .bx_filter_input_container {
	display:inline-block;
	vertical-align:top;
	}
.l-sb .bx-filter .btn.btn-themes,
.l-sb .bx_filter .bx_filter_search_button {
	background:#f79f22;
    color:#fff;
    display:block;
    font-size:14px;
    margin-bottom:10px;
    padding:11px 5% 14px;
    text-decoration:none;
	width:90%;
	border:none;
	cursor:pointer;
	}
.l-sb .bx-filter .bx-filter-search-button:hover,
.l-sb .bx_filter .bx_filter_search_button:hover {
	background:#ff9600;
	}
.l-sb .bx-filter .btn.btn-link,
.l-sb .bx_filter .bx_filter_search_reset {
	background:none;
    border:none;
    color:#586a6f;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    height:35px;
    line-height:35px;
    margin:0 16px 10px;
	text-decoration:underline;
	}
.l-sb .bx-filter .bx-filter-search-reset:hover,
.l-sb .bx_filter .bx_filter_search_reset:hover {
	text-decoration:none;
	}
.l-sb .bx-filter .bx-filter-parameters-box-container .bx-filter-input-container input,
.l-sb .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {
	display:inline-block;
	vertical-align:middle;
	width:90px;
	height:30px;
	line-height:30px;
	border:none;
	font-size:13px;
	margin-right:5px;
	padding:1px 5px 3px;
	-webkit-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
	   -moz-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
			box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
	}
.l-sb .bx-filter .bx-filter-parameters-box-container .bx-filter-input-container i,
.l-sb .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container span {
	display:inline-block;
	vertical-align:middle;
	color:#555;
	font-size:13px;
	}
/* filter - end */
.l-sb .bx-filter-vertical .bx-ui-slider-handle,
.l-sb .bx_filter_vertical .bx_ui_slider_handle {
    background:url(/bitrix/templates/main/images/handle.png) no-repeat;
    height:10px;
    margin:-5px -5px 0 0;
    position:absolute;
    top:50%;
    width:11px;
	}
.l-sb .bx-filter-vertical .bx-ui-slider-track,
.l-sb .bx_filter_vertical .bx_ui_slider_track {
    background:url(/bitrix/templates/main/images/handle-down.png) repeat-x;
    border-radius:0;
	border:none;
    height:3px;
    margin:15px 10px 10px;
    position:relative;
	}
.l-sb .bx-filter-vertical .bx-ui-slider-range,
.l-sb .bx_filter_vertical .bx_ui_slider_range {
    background:url(/bitrix/templates/main/images/range_bg.png);
    bottom:0;
    box-sizing:border-box;
    position:absolute;
    top:0;
	}
/* filter - Begin */
.l-sb .bx-filter-vertical.bx-blue .bx-filter-title,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_title {

	font-size:14px;
	text-transform:uppercase;
	color:#555;
	text-align:center;
	border-bottom:1px solid #eaeaea;
	padding:12px 5px 11px;
	margin-bottom:9px;
	}
.l-sb .bx-filter-vertical.bx-blue .bx-filter-section,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_section  {
	background:#f3f3f3;
	border:1px solid #e1e1e1;
	padding:0;
	}
.l-sb .bx-filter-vertical .bx-filter-container-title,
.l-sb .bx_filter_vertical .bx_filter_container_title {

	font-size:14px;
	text-transform:uppercase;
	color:#555;
	margin-bottom:7px;
	}
.l-sb .bx-filter-vertical .bx-filter-container,
.l-sb .bx_filter_vertical .bx_filter_container {
	padding:0 16px 10px;
	border-bottom:1px solid #eaeaea;
	margin-bottom:9px;
	}
.l-sb .bx-filter-vertical.bx_blue .bx-filter-parameters-box:last-child,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_parameters_box:last-child {
	border:none;
	}
.l-sb .bx-filter-vertical.bx-blue .bx-filter-search-button,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_search_button {
	background:#f79f22;
    color:#fff;
    font-size:14px;
    margin-bottom:10px;
    padding:11px 5% 14px;
    text-decoration:none;
	width:90%;
	border:none;
	cursor:pointer;
	height:auto;
	line-height:1.3;
	}
.l-sb .bx-filter-vertical.bx-blue .bx-filter-search-button:hover,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_search_button:hover {
	background:#ff9600;
	}
.l-sb .bx-filter-vertical.bx-blue .bx-filter-search-button#del-filter,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_search_button#del_filter {
	background:none;
    border:none;
    color:#586a6f;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    height:auto;
    line-height:1.3;
    margin:0 16px 10px;
	padding:0;
	text-decoration:underline;
	box-shadow:none;
	}
.l-sb .bx-filter-vertical.bx-blue .bx-filter-search-button#del-filter:hover,
.l-sb .bx_filter_vertical.bx_blue .bx_filter_search_button#del_filter:hover {
	text-decoration:none;
	}
.l-sb .bx-filter-vertical .bx-filter-param-area .bx-filter-param-area-block input,
.l-sb .bx_filter_vertical .bx_filter_param_area .bx_filter_param_area_block input {
	display:inline-block;
	vertical-align:middle;
	width:60px;
	border:none;
	font-size:13px;
	margin-right:5px;
	padding:1px 5px 3px;
	height:auto;
	-webkit-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
	   -moz-box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
			box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.25) inset, 2px 0 2px -2px rgba(0, 0, 0, 0.25) inset;
	}
.l-sb .bx-filter-vertical .bx-filter-block span label,
.l-sb .bx_filter_vertical .bx_filter_block span label {
	display:inline-block;
	vertical-align:middle;
	color:#555;
	font-size:13px;
	margin-bottom:2px;
	}
.l-sb .bx-filter-vertical .bx-filter-block span,
.l-sb .bx_filter_vertical .bx_filter_block span {
	min-height:0;
	}
.l-sb .bx-filter-vertical .bx-filter-param-area .bx-filter-param-area-block .bx-input-container,
.l-sb .bx_filter_vertical .bx_filter_param_area .bx_filter_param_area_block .bx_input_container {
    background:none;
    box-shadow:none;
    box-sizing:border-box;
    display:inline-block;
    height:auto;
    max-width:none;
    padding:0;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
	}
.l-sb .bx-filter-vertical .bx-ui-slider-handle,
.l-sb .bx_filter_vertical .bx_ui_slider_handle {
    background:url(/bitrix/templates/main/images/handle.png) no-repeat;
    height:11px;
    margin:-5px -5px 0 0;
    position:absolute;
    top:50%;
    width:11px;
	}
.l-sb .bx-filter .bx-ui-slider-range 
{
	z-index:780;
}
.l-sb .bx-filter.bx-blue .bx-ui-slider-handle.right {
	background:url(/bitrix/templates/main/images/handle.png) no-repeat;
	margin-right:-6px;
	width:11px;
	height:11px;
	top:-2px;
	}
.l-sb .bx-filter.bx-blue .bx-ui-slider-handle.left {
	background:url(/bitrix/templates/main/images/handle.png) no-repeat;
	margin-left:-6px;
	width:11px;
	height:11px;
	top:-2px;
	}
.l-sb .bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
    background:url(/bitrix/templates/main/images/handle-down.png) repeat-x;
	}

.l-sb .bx-filter.bx-blue .bx-ui-slider-pricebar-v {
    background:url(/bitrix/templates/main/images/range_bg.png);
	}
/* filter - end */

/* .checkbox - Begin */
label.checkbox_lable  {
	display:block;
	clear:both;
	cursor:pointer;
	margin-bottom:7px;
	}
label.checkbox_lable   span {
	overflow:hidden;
	font-size:12px;
	color:#555;
	}

i.checkbox {
	overflow:hidden;
	position:relative;
	top:1px;
	float:left;
	width:16px;
	height:16px;
	margin-right:4px;
	background-image:url(/bitrix/templates/main/images/icln_check.png);
	background-position:0 0;
	background-repeat:no-repeat;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}

.checkbox.checked, label:hover .checkbox.checked {
	background-position:0 100%;
	}
/* .checkbox - End */

/* .action_img - Begin */
.action_img {
	position:relative;
	clear:both;
	font-size:0;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	}
.action_img img {
	max-width:100%;
	height:auto;
	width:100%;
	}
.action_img a {
	position:absolute;
	display:block;
	border:1px solid rgba(255,255,255,0.7);
	top:10px;
	left:10px;
	}
/* .action_img - end */

/* .content - Begin */
.content {
	clear:both;
	}
/* .content - end */

/* .gallery - Begin */

.gallery .royalSlider {
	margin-bottom:41px;
	}
.gallery .rsDefault .rsThumb {
	text-align:center;
	background:#fff;
	border:1px solid #e2e2e2;
	}
.gallery .rsDefault .rsThumb:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:100%;
	margin-left:-1px;
	}
.gallery .rsDefault .rsThumb img {
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
    height:auto;
    width:auto;
	}
.gallery .rsDefault .rsThumb.rsNavSelected {
	background:#fff;
	border-color:transparent;
	box-shadow:0 0 0 3px #ffa000 inset;
	}
.gallery .rsDefault .rsThumb.rsNavSelected img {
	opacity:1;
	}
.gallery .rsOverflow {
	border:1px solid #e2e2e2;
	background:#fff;
	margin-bottom:17px;
	}
.gallery .discount {
	font-size:25px;
	color:#ffa000;
	border:1px solid #ffa000;
	padding:7px 17px 6px;
	}
.gallery .rsABlock {
	left:auto;
	right:15px;
	top:15px;
	}
.gallery .rsDefault .rsThumbsHor {
	height:99px;
	}
.gallery .phone {
	text-align:left;
	float:none;
	width:auto;
	font-size:14px;
	color:#ffa000;
	padding:0;
	margin-bottom:22px;
	}
.gallery .phone p {
	margin-bottom:3px;
	}
.gallery .phone a:before {
	display:none;
	}
.gallery .phone a {
	font-size:25px;
	}
/* .gallery - end */


.hr_gray {
	border:none;
	width:100%;
	height:1px;
	margin-bottom:11px;
	background:#e9e9e9;
	clear:both;
	}
.buy .box_left {
	float:left;
	width:60%;
	}
.buy .box_right {
	float:right;
	width:40%;
	}
.buy .old_price {
	font-size:25px;
	color:#888;
	 text-decoration:line-through;
	margin-bottom:2px;
	}
.buy .old_price span {
	font-size:20px;
	}
.buy .price {

	font-size:35px;
	color:#555;
	line-height:1;
	}
.buy .price span {
	font-size:30px;
	}
.bt_full_orange {
	background:#f79f22;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:14px;
    margin-bottom:5px;
    padding:8px 5% 9px;
    text-decoration:none;
    text-align:center;
	}
.bt_full_orange:hover {
	background:#ff9600;
	}
.buy .bt_basket {
	padding:7px 5px 11px;
	margin-bottom:14px;
	}


/* .city - Begin */
.select-city {
	display:block;
	}
.select-city li {
	display:inline-block;
	vertical-align:middle;
	width:25%;
	text-align:left;
	}
.select-city li a {
	max-width:90%;
	font-size:16px;
	}
.select-city a,
header .select-city a {
	color:#000;
	}
.select-city a span {
	background:#D9060A;
	}
.select-city .close {
	right:28px;
	top:55px;
	}
.select-city .wrapper {
	position:relative;
	padding-top:41px;
	padding-bottom:66px;
	}
.select-city input[type="text"] {
	width:492px;
	padding:17px 27px 15px;
	background-position:504px 50%;
	background-image:url(/bitrix/templates/main/images/icon-search.png);
	background-repeat:no-repeat;
	margin-bottom:30px;
	}
.select-city .city-links {
	line-height:1;
	word-spacing:-0.3em;
	}
.select-city .city-links a {
	display:inline-block;
	text-decoration:none;
	white-space:nowrap;
	line-height:1.1;
	vertical-align:baseline;
	word-spacing:normal;
	}
.select-city .city-links a:hover,
.select-city .city-links a:hover span {
	text-decoration:underline;
	}
.select-city .city-links i {
	display:inline-block;
	font-size:18px;
	}
.select-city .close {
    background:url(/bitrix/templates/main/images/close.png) 0 0 no-repeat;
    cursor:pointer;
    height:18px;
	width:18px;
    position:absolute;
	-webkit-transition:all 0.3s ease;
       -moz-transition:all 0.3s ease;
		 -o-transition:all 0.3s ease;
			transition:all 0.3s ease;
	}
.select-city .close:hover {
	-webkit-opacity:0.6;
	   -moz-opacity:0.6;
			opacity:0.6;
			 filter:alpha(opacity=60);	
	}
.select-city .input-text {
	background:#eeeded;
	}
.lightbox.select-city-lightbox {
	max-width:90%;
	padding:5%;
	background:none;
	}

.bt_gray {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	background:#f1f1f1;
	border:1px solid #d1d1d1;
	padding:0 30px 0 16px;
	color:#555;
	text-decoration:none;
	font-size:14px;
	margin-bottom:20px;
	}
.bt_gray:after {
	content:"";
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	width:8px;
	height:12px;
	top:13px;
	right:13px;
	background:url(/bitrix/templates/main/images/arrow_bt_gray.png) no-repeat;
	}
.bt_gray img {
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	}
.bt_gray span {
	display:inline-block;
	vertical-align:middle;
	}
.bt_gray:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:1px;
	height:40px;
	margin-left:-1px;
	}
.bt_gray:hover {
	background-color:#b4b4b4;
	}
/* .city - end */

/* .hide-text - Begin */
.hide-text {
	position:relative;
	padding-bottom:180px;
	}
.hide-text p {
	position:absolute;
	top:0;
	left:0;
	font-size:14px;
	color:#555;
	overflow:hidden;
	max-height:140px;
	line-height:1.4;
	z-index:100;
	width:100%;
	}
.hide-text.hide.open p {
	max-height:none;
	border:3px solid #ffa000;
	margin:-10px;
	padding:7px 7px 50px;
	background:#fff;
	width:100%;
	-webkit-box-shadow:0 0 32px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow:0 0 32px rgba(0, 0, 0, 0.5);
			box-shadow:0 0 32px rgba(0, 0, 0, 0.5);
	}
.hide-text .bt_arrow_close_js, 
.hide-text .bt_arrow_js {
	display:none;
	position:absolute;
	bottom:17px;
	left:50%;
	margin-left:-16px;
	vertical-align:top;
	width:32px;
	height:17px;
	background:url(/bitrix/templates/main/images/bt_arrow.png) no-repeat;
	}
.hide-text .bt_arrow_close_js {
	background:url(/bitrix/templates/main/images/bt_arrow_close.png) no-repeat;
	bottom:12px;
	}
.hide-text.open .bt_arrow_close_js {
	display:block;
	}
.hide-text.hide-text .bt_arrow_js {
	display:block;
	}
.hide-text.hide-text p {
	border-bottom:1px solid #cfcfcf;
	}
.hide-text.hide-text p:before {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:75px;
	width:100%;
	background:url(/bitrix/templates/main/images/attenuation.png) repeat-x;
	}
.hide-text.hide.open p:before {
	display:none;
	}
.recommended {
	overflow:hidden;
	display:inline-block;
	}
/* .hide-text - end */

/* .r-sb - Begin */

.r-sb{margin:0 0 40px 0;}

.r-sb article .date {
	color:#a4a4a4;
    font-size:14px;
    font-style:italic;
    margin-bottom:0;
	}
.r-sb article p {
    color:#555;
    font-size:16px;
    margin-bottom:13px;
	}
.r-sb article a {
	display:inline-block;
	color:#ff9908;
    font-size:16px;
	margin-bottom:5px;
	}
.r-sb article a.little_link {
	font-size:12px;
	} 
/* .r-sb - end */

/* .fixed-info-card - Begin */
.fixed-info-card {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#ffa000;
	color:#fff;
	z-index:2147483649;
	}
.fixed-info-card .wrapper {
	padding:0 15px;
	}
.fixed-info-card .compare {
	float:left;
	margin-top:10px;
	}
.fixed-info-card .compare a {
	display:inline-block;
	vertical-align:top;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	}
.fixed-info-card .compare a .text-link {
	text-decoration:underline;
	}
.fixed-info-card .compare a:hover .text-link {
	text-decoration:none;
	}
.fixed-info-card .compare .icon {
	display:inline-block;
	vertical-align:top;
	width:12px;
	height:16px;
	background:url(/bitrix/templates/main/images/icon_compare.png) no-repeat;
	margin:5px 7px 0 0;
	}
.fixed-info-card .compare .number {
	position:relative;
	font-size:18px;
	color:#fff;
	margin-left:2px;
	}
.order-card {
	float:right;
	}
.order-card ul {
	list-style:none;
	text-align:right;
	margin:0;
	}
.order-card li {
	display:inline-block;
	vertical-align:top;
	}
.order-card li .bt_basket {
	margin-bottom:0;
	padding:10px 16px 15px;
	}
.order-card .bt_bay.big:hover {
	background-color:#241867;
	}
.order-card li .price {
	font-size:18px;
	width:auto;
	margin:8px 9px 0;
	}
.order-card .order .icon {
	display:inline-block;
	vertical-align:top;
	width:20px;
	height:20px;
	background:url(/bitrix/templates/main/images/vkl/icon-basket.png) no-repeat;
	margin:7px 10px 0 0;
	}
.fixed-info-card.empty .compare .number {
	border-color:#474747;
	}
.fixed-info-card.empty .compare .number:before {
	background-position:0 100%;
	}
.fixed-info-card .bt_order {
	display:inline-block;
	vertical-align:top;
	position:relative;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	color:#fff;
	background:#eea71f ;
	text-transform:uppercase;
	padding:5px 7px 5px 9px;
	margin:6px 11px 0 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	}
.bt_order:before {
	content:"";
	position:absolute;
	top:0;
	right:-27px;
	border:14px solid transparent;
	border-left-color:#eea71f;
	-webkit-transition:0.3s ease;
	   -moz-transition:0.3s ease;
		 -o-transition:0.3s ease;
			transition:0.3s ease;
	}
.bt_order:hover {
	background-color:#ffa800;
	}
.bt_order:hover:before {
	border-left-color:#ffa800;
	}
/* .fixed-info-card - end */

/* .select - Begin */
.select {
	position:relative;
	display:inline-block;
	}
.select select {
	position:absolute;
	z-index:4;
	width:100%;
	height:38px;
	left:0;
	top:0;
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	}
.select .arrow {
	position:absolute;
	right:18px;
	top:15px;
	border:5px solid transparent;
	border-top-color:#539e32;
	z-index:3;
	}
.select input[type="text"] {
	margin:0;
	background:#f4f4f4;
	
	border:none;
	font-size:15px;
	height:38px;
	width:270px;
	padding:0 0 0 15px;
	}
.select option {
	background:#f4f4f4;
	font-size:15px;
	
	border:none;
	padding:3px 0 3px 15px;
	width:100%;
	}
/* .select - End */
.sorting 
{
	color:#000;
	font-size:15px;
	margin-bottom:15px;
}
.sorting  dt {
	display:inline-block;
	vertical-align:middle;
	}
.sorting  dd {
	display:inline-block;
	vertical-align:middle;
	}
.pagen {
	text-align:center;
	margin:0 8px 20px 0;
	}
.pagen a {
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-size:14px;
	background:#539e32;
	padding:2px 0 3px;
	width:20px;
	text-decoration:none;
	text-align:center;
	}
.pagen a.hidden {
	opacity:0.7;
	cursor:default;
	}
.l-sb .catalog li {
	width:100%;
	}
.bx_section > div,
.bx_order_make .bx_section,
.bx_ordercart .bx_ordercart_order_table_container {
	clear:both;
	}
#order_form_div {
	margin-bottom:70px;
	}
.profile-table td {
	width:auto !important;
	color:#000;
	}
.success-validate {
	clear:both;
	}
.data-table textarea {
	display:inline-block;
	vertical-align:top;
	width:192px;
	color:#757575;
	
	font-size:13px;
	background-color:#fff;
	padding:8px 13px 8px;
	margin:0;
	resize:none;
	border:1px solid #000;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
			border-radius:3px;
	}
.data-table input {
	border:1px solid #000;
	margin:0;
	}
.data-table td {
	color:#000;
	font-size:15px;
	padding:0 10px 15px 0;
	}
.data-table input[type="submit"] {
	background: #539e32 none repeat scroll 0 0;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px 11px 19px;
	text-decoration: none;
	cursor:pointer;
	border:none;
	}
.bx-filter .bx-ui-slider-part.p5 span {
	margin-left:-55px;
	}
/* .iarga - Begin */
.iarga {
	float:right;
	width:190px;
	text-align:right;
	margin:0 0 0 20px;
	}
.iarga p {
	display:inline-block;
	vertical-align:middle;
	width:76px;
	margin-right:16px;
	font-size:14px;
	color:#8b8b8b;
	line-height:1.45;
	}
.iarga a {
	display:inline-block;
	vertical-align:middle;
	}
/* .iarga - end */



.excl
{
	position:absolute;
	background:#FEDB2B;
	color:#222;
	top:100%;
	width:80%;
	left:10%;
	font-size:11px;
	padding:5px 0;
	text-align:center;
	text-transform:uppercase;
	line-height:20px;
}

.excl .fa{font-size:20px;    vertical-align: middle;}

.mini-tip, .notetext
{
	background:rgba(254,292,43,.3);
	border:solid 1px #FEDB2B;
	color:#222;
	font-size:12px;
	text-transform:uppercase;
	padding:10px;
	line-height:18px;
	margin:0 0 20px 0;
	display:block;
}

.user-links li
{
	margin:0 0 20px 0;
}

.user-links li i
{
	display:inline-block;
	background:#FEDB2B;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	height:30px;
	width:30px;
	text-align:center;
	line-height:30px;
	font-size:18px;
	color:#222;
	margin:0 10px 0 0;
-webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.user-links li:hover i
{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
-moz-transform: rotate(0deg) scale(1.2, 1.2) skewX(0deg) skewY(0deg) translate(0, 0);
    -webkit-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    -o-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    -ms-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
    transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0);
}

.user-links li a
{
	text-decoration:none;
	color:#222;
	text-transform:uppercase;
	font-size:12px;
}

/***************/
.float-text-pic
{
	position:relative;
	padding:0 0 0 10%;
}

.float-text-pic img
{
	width:100%;
}

.float-text-pic p
{
	position:absolute;
	background:rgba(34,34,34,.9);
	padding:20px;
	bottom:10%;
	left:0;
	width:80%;
	line-height:20px;
	font-size:14px;
	color:#fff;
}

.article h2
{
	margin:20px 0;
	font-size:14px;
	line-height:20px;
}

.credit .steps li
{
	float:left;
	width:26%;
	margin:0 3% 0 0;
	background:#eee;
	padding:2%;
	font-size:14px;
	line-height:20px;
	color:#555;
	min-height:130px;
}


.credit .steps li .title span
{
	
	background:#fff;
	height:40px;
	display:inline-block;
	width:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	margin:0 10px 0 0;
}


.credit .steps li .title
{
	color:#222;
	
	margin:0 0 20px 0;
	font-size:12px;
	text-transform:uppercase;
}

.seo-text p
{
	margin:0 0 20px 0;
	font-size:14px;
	line-height:20px;
}


.seo-text ol
{
	margin:0 0 20px 20px;
}

.seo-text h4, .seo-text h3
{
	float:none;
	display:block;
	margin:0 0 20px 0;
	line-height:25px;
	
}

.seo-text blockquote 
{
	    padding: 4px;
    border: solid 1px #f9f9f9;
    position: relative;
    margin: 0 0 20px 0;
}


.seo-text blockquote p
{
	   position: relative;
    
    margin: 0;
    padding: 30px;
background: #f9f9f9;
}

.seo-text blockquote p:before {
    content: "\201C";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    font-size: 80px;
    opacity: .4;
    color: #FEDB2B;
    line-height: 1;
}

.seo-text blockquote p:after {
    content: "\201E";
    position: absolute;
    right: 0;
    display: block;
    bottom: 5px;
    font-size: 80px;
    opacity: .4;
    color: #FEDB2B;
    line-height: 1;
}

.seo-text ol li, .article ol li
{
	font-size:14px;
	line-height:20px;
	margin:0 0 5px 0;
	list-style-type:decimal;
}


.seo-text ul, .file_text ul
{
	margin:0 0 20px 20px;
}

.seo-text ul li, .file_text ul li
{
	font-size:14px;
	line-height:20px;
	margin:0 0 5px 0;
	list-style-type:circle;
}

 .file_text ul li
{
	color:#666;
}

.form-fields
{
	
}

.form-fields li
{
	margin:0 0 20px 0;
	float:left;
	width:calc(50% - 40px);
	padding:0 20px;
}

.form-fields li .big-text
{
	font-size:10px;
	margin:0 0 5px 0;
	text-transform:uppercase;
}

.form-fields li .small-text
{
	font-size:12px;
	margin:0 0 5px 0;

}

.form-fields li .input-box
{
	position:relative;
}

.form-fields li .input-box .tip
{
	font-size:10px;
	color:#666;
	position:absolute;
	bottom:-20px;
}

.form-fields li .input-box .starrequired
{
	display:block;
	color:#FF5943;
	    position: absolute;
    top: 17px;
    right: 10px;
    font-size: 10px;
}

.form-fields li .input-box input[type="text"],
.form-fields li .input-box input[type="password"],
.form-fields li .input-box textarea
{
	height:40px;
	line-height:40px;
	border:solid 1px #f1f1f1;
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	-moz-border-radius: 3px;/*Firefox*/
	border-radius: 3px;
	padding:0 10px;
	color:#111;
	
	font-size:14px;
	margin:0;
	outline-color:#FEDB2B;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	    width: calc(100% - 20px);
	
}

.form-fields li .input-box textarea
{
	height:100px;
	padding:10px;
	resize:none;
	line-height:20px;
}

.form-fields li .input-box input[type="text"]:focus,
.form-fields li .input-box input[type="password"]:focus,
.form-fields li .input-box textarea:focus
{
	-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);

	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



.form-fields li .input-box inputinput[placeholder]           {text-overflow:ellipsis;color:#999;} 

.form-fields li .input-box inputinput::-moz-placeholder      {text-overflow:ellipsis;color:#999;} 

.form-fields li .input-box inputinput:-moz-placeholder      {text-overflow:ellipsis;color:#999;} 

.form-fields li .input-box inputinput:-ms-input-placeholder {text-overflow:ellipsis;color:#999;} 



.btn
{
	text-decoration:none;
	color:#333 !important;
	cursor:pointer;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fedb2b;
	position:relative;
	height:40px;
	outline:none;
	line-height:40px;
	border:none;
	padding:0 10px;
	display:block;
	text-align:center;
}

.btn:active
{
	top:3px;
}

.btn-two
{
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 20px;
	text-align:center;
	font-weight:bold;
	color:#FF5943;
	cursor:pointer;
	font-size:14px;
	text-transform:uppercase;
	background:none;
	border:solid 2px #FF5943;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	outline:none;
}

.btn-two:hover, .btn-three:hover
{
	-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);	
}

.btn-two:active, .btn-three:active
{
	-moz-transform: rotate(0deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
}

.btn-three
{
display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 20px;
	text-align:center;
	font-weight:bold;
	color:#666;
	outline:none;
	font-size:16px;
	cursor:pointer;
	background:none;
	border:solid 2px #666;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

strong, b
{
	font-weight:bold;
}

.article ul.default
{
	margin:0 0 20px 20px;
}

.article ul.default li
{
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0;
	color:#555;
	list-style-type:circle;
}

.article ul.default li:last-child
{
	margin:0;
}

.article p
{
	font-size:14px;
	line-height:20px;
	margin:0  0 20px 0;
}


.article .quote
{
	
	padding:4px;
	border:solid 1px #f9f9f9;
	position:relative;
	margin:0 0 20px 0;
}

.article .quote p
{
	position:relative;
	
	margin:0;
	padding:30px;
}


.article .quote .pusher
{
	background:#f9f9f9;
}

.article .quote p:after
{
	content:"\201E";
	position:absolute;
	right:0;
	display:block;
	bottom:5px;
	font-size:80px;
	opacity:.4;
	color:#FEDB2B;
	line-height:1;
}


.article .quote p:before
{
	content:"\201C";
	top:0;
	left:0;
	position:absolute;
	display:block;
	font-size:80px;
	opacity:.4;
	color:#FEDB2B;
	line-height:1;
}

.about-pluses
{
	/*padding:0 20px;*/
	text-align:center;
}

.about-pluses.type2
{
	padding:0;
}

.about-pluses.type2 li
{
	vertical-align:top;
	margin:0 10px 10px 0;
	position:relative;
	padding:5px;
	width:calc(25% - 20px);
	min-height:92px;
	border:solid 1px #eee;
}

.about-pluses.type2 li num
{
	position:absolute;
	height:20px;
	width:20px;
	top:-10px;
	left:-10px;
	line-height:20px;
	text-align:center;
	background:#eee;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
}

.about-pluses.type2 li:last-child
{
	margin:0;
}

.about-pluses li
{
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin:0 20px;
}

.about-pluses li i
{
	display:block;
	height:50px;
	width:50px;
	line-height:50px;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	font-size:20px;
	background:#222;
	color:#FEDB2B;
	margin:0 auto 10px auto;
}


small{font-size:70%;}

.all-reviews-link
{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#D8D8D8;
	border:solid 1px #D8D8D8;
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	-moz-border-radius: 3px;/*Firefox*/
	border-radius: 3px;	
	width:80%;
	margin:0 auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.all-reviews-link:hover
{
	width:90%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#888;
	border:solid 1px #888;
}


.tabs 
{
	padding: 0px;
	margin: 22px 0;
}

.tabs>section 
{
	display: none;
	padding: 22px;
	background: #f7f7f7;
}
.tabs>section>p 
{
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.tabs>input 
{
	display: none;
	position: absolute;
}

.tabs>label 
{
	display: inline-block;
	padding:0 22px;
	cursor:pointer;
	text-align: center;
	position:relative;
	font-size:14px;
	opacity:.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height:50px;
	line-height:50px;
}

.tabs>label:after
{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background:#0ecbc9;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tabs>label:hover 
{

}

.tabs>input:checked+label
{
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tabs>input:checked+label:after
{
	height:6px;
}



#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 {
	display: block;
}


@media screen and (max-width: 680px) 
{
	.tabs>label {padding: 0 8px; font-size: 8px; text-transform: uppercase; letter-spacing: 0.1em;}
	
}

.header .face-info .shedule
{
	float:right;
	width:250px;
}

.footer .shedule
{
	float:right;
	padding: 25px 0 0 0;
}

.header .face-info .shedule .phone, .footer .shedule .phone
{
	float:left;
}

.header .face-info .shedule .phone a, .footer .shedule .phone a
{
	display:block;
	text-decoration:none;
	color:#222;
	font-size:20px;
	font-weight:bold;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:0 0 15px 0;
}

.header .face-info .shedule .phone a:last-child, .footer .shedule .phone:last-child
{
	margin:0;
}

.header .face-info .shedule .phone a:hover, .footer .shedule .phone a:hover
{
	-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
}

.header .face-info .shedule .phone a span, .footer .shedule .phone a span
{
	font-size:16px;
	vertical-align:bottom;
}



.footer .shedule .time
{
	border-left:solid 1px #555;	
}

.footer .shedule .time i
{
	color:#555;
}

.header .face-info .shedule .time p, .footer .shedule .time p
{
	font-size:12px;
	line-height:14px;
}



.header .face-info .shedule .time .fa-clock-o, .footer .shedule .time .fa-clock-o
{
	font-size:16px;
	display:block;
	position:absolute;
	top:calc(50% - 8px);
	left:-8px;
}

.footer .shedule, .footer .shedule a 
{
	color:#fff !important;
}

.search-bar
{
	background:#222;
	-webkit-border-radius: 2px;/*Safari, Chrome*/
	-moz-border-radius: 2px;/*Firefox*/
	border-radius: 2px;
	position:relative;
	z-index:60;
	float:left;
	width:calc(75%);
}

.search-bar .search .tooltip_open
{
	position:absolute;
	top:100%;
	width:calc(100% - 110px - 20px);
	padding:20px;
	background:#fff;
	z-index:200;
	max-height:150px
	overflow:auto;
}

.search-bar .search .tooltip_open a
{
	display:block;
	color:#333;
	margin:0 0 5px 0;
	font-size:13px;
}

.search-bar .search .tooltip_open a:last-child
{
	margin:0;
}

.banners .guds
{
	float:right;
	width:calc(100% - 575px);
	height:370px;
	position:relative;
	border:solid 1px #f1f1f1;
	overflow:hidden;
}

.banners .guds .flag-title
{
	top:10px;
	left:-1px;
}


.flag-title .all-link
{
	font-size:10px;
	text-transform:uppercase;
	font-style:italic;
	margin:0 0 0 10px;
}
.banners .guds .rotator
{
	padding:80px 0 0 0;
}

.banners .guds .rotator .slick-slide .pic
{
	float:left;
	width:40%;
	text-align:center;
}

.banners .guds .rotator .slick-slide .info
{
	float:left;
	width:50%;
	margin:0 5%;
}

.banners .guds .rotator .slick-slide .info .name
{
	font-size:20px;
	text-decoration:none;
	line-height:26px;
	color:#333;
	max-height:50px;
	overflow:hidden;
	display:block;
}

.banners .guds .rotator .slick-slide .info .name:hover
{
	text-decoration:underline;
}

.banners .guds .rotator .slick-slide .info .params
{
	margin:20px 0 20px 0;
}

.banners .guds .rotator .slick-slide .info .params li
{
	font-size:12px;
	color:#999999;
	margin:0 0 4px 0;
	line-height:16px;
}

.banners .guds .rotator .slick-slide .info .params li:last-child
{
	margin:0;
}

.banners .guds .rotator .slick-slide .info .params li span
{
	font-weight:bold;
}

.banners .guds .rotator .slick-prev, .banners .guds .rotator .slick-next
{
	background:none;
	top:15px;
}

.banners .guds .rotator .slick-slide .info .cost
{
	font-size:24px;
	margin:0 0 30px 0;
	font-weight:bold;		
}


.banners .adverts
{
	float:left;
}

.banners .adverts .ad1, .banners .adverts .ad2
{
	position:relative;
	width:565px;
	overflow:hidden;
}

.banners .adverts .ad1 img, .banners .adverts .ad2 img
{
	display:block;
}

 .banners .adverts .ad2
{
	margin:10px 0 0 0;
}

.banners .adverts .more
{
	position:absolute;
	display:block;
	height:20px;
	line-height:20px;
	color:#222;
	background:#fedb2b;
	bottom:0;
	right:0;
	font-size:10px;
	overflow:hidden;
}


.banners .adverts .more span
{
	display:inline-block;
	max-width:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.banners .adverts .more span a
{
	text-decoration:none;
}


.banners .adverts .more i
{
	padding:0 5px;
	display:inline-block;
	vertical-align:middle;
}

.banners .adverts div:hover>.more span
{
	max-width:200px;
	padding:0 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.catalog-list
{
	position:relative;
	margin:0 0 40px 0;
}

.catalog-list .title, .news-string .main-title
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:24px;
	letter-spacing:1px;
	position:relative;
	padding:0 0 0 40px;
	color:#444;
	margin:0 0 30px 0;
}

.catalog-list .title:before, .news-string .main-title:before
{
	content:'';
	display:block;
	height:30px;
	width:5px;
	background:#0ECBC9;
	position:absolute;
	left:0;
	top:0;
}

.catalog-list .title span, .news-string .main-title span
{
	display:block;
	font-weight:normal;
	font-style:normal;
	text-transform:none;
	padding:10px 0 0 10px;
	font-size:12px;
	letter-spacing:normal;
}

.news-string .main-title span a
{
	display:inline-block;
	background:#f9f9f9;
	height:20px;
	line-height:20px;
	text-decoration:none;
	padding:0 10px;
}


.catalog-list .list>li
{
	float:left;
	width:calc(23% - 8px);
	margin:0 2.6% 0 0;
	padding:0 0 20px 0;
	position:relative;
	border:solid 4px rgba(254, 219, 43, .3);
	

	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.catalog-list .list>li:hover
{
	border-color:rgba(254, 219, 43, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.catalog-list .list>li:last-child{margin:0;}

.flag-title
{
	position:absolute;
	height:31px;
	line-height:31px;
	border:solid 1px #d3d3d3;
	font-size:16px;
	background:#fff;
	font-weight:bold;
	padding:0 20px 0 10px;
	left:20px;
	top:-15px;
}

.flag-title:after
{
	content:'';
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -327px;
	display:block;
	top:-1px;
	width:15px;
	height:33px;
	left:100%;
	position:absolute;
}

.banners
{
	margin:0 0 50px 0;
}

.catalog-list .list>li .pic-fix, .catalog_i li .pic-fix
{
	display:table;
	width:100%;
	height:250px;
}



.catalog-list .list>li .pic-fix span, .catalog_i li .pic-fix span
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.catalog-list .list>li .pic-fix span img, .catalog_i li .pic-fix span img
{
	max-width:100%;
	max-height:250px;
}

.catalog-list .list>li .name, .catalog_i li .name
{
	font-size: 14px;
	display: block;
	line-height: 20px;
	height: 57px;
	overflow: hidden;
	margin: 0 0 8% 0;
}

.catalog-list .list>li .name:hover
{
	text-decoration:underline;
}

.catalog-list .list>li .params
{
	margin:0 0 20px 0;
}

.catalog-list .list>li .params li
{
	font-size:10px;
	color:#999;
	margin:0 0 3px 0;
}

.catalog-list .list>li .params li:last-child
{
	margin:0;
}

.catalog-list .list>li .params li span
{
	font-weight:bold;
}

.catalog-list .list>li .cost
{
	font-weight:bold;
	font-size:24px;
	margin:0 20px 20px 20px;
}

.catalog-list .list>li .old_price
{
	padding:0 10px 5px 10px;
	text-decoration:line-through;	
}

.catalog-list .list>li .btn
{
	width:calc(100% - 40px);
	margin:0 auto;
}

.new-stick
{
	position:absolute;
	top:0;
	right:-8px;
}

.new-stick:before
{
	content:'';
	display:block;
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -207px ;
	width:46px;
	height:49px;
}

.discount-stick
{
	font-weight:bold;
	position:absolute;
	left:10px;
	top:10px;
	width:58px;
	height:53px;
	color:#e11a00;
	font-size:12px;
	background:url(/bitrix/templates/main/images/discount-stick.png)no-repeat;
	text-align:center;
	line-height:58px;
}


.news-string
{
	position:relative;
	padding:40px 0;
	margin:40px 0 0 
}



.news-string ul li
{
	float:left;
	margin:0 1%;
	width:31.3333%;
}

.news-string ul li .image
{
	float:left;
	width:45%;
	margin:0 5% 0 0;
}

.news-string ul li .image a
{
	display:block;
	overflow:hidden;
	   
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.news-string ul li .image img
{
	display:block;
	max-width:100%;
}

.news-string ul li .info
{
	float:left;
	width:50%;
	position:relative;
	left:-40px;
	top:40px;
}

.news-string ul li .info a
{	
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	border: solid 5px #0ECBC9;
	line-height: 30px;
	display: block;
	padding: 10px;
}

.news-string ul li .info .name
{
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

.news-string ul li .info .descript
{
	margin:5px 0 0 10px;
	color:#737373;
	font-size:12px;
	line-height:16px;
	background:#fff;
	padding:5px;
}

.seo-text .advantages
{
	margin:60px 0 30px 0;
}

.seo-text .advantages li
{
	margin: 0 0 10px 0;
	list-style-type: none;
	border: solid 5px #0ECBC9;
	float: left;
	width: 23%;
	line-height: auto;
	margin: 0 0.5% 10px 0;
	position: relative;
	min-height: 100px;
}

.seo-text .advantages li:before
{
	content:'';
	background:url(/bitrix/templates/main/images/d-boy.png)no-repeat;
	display:block;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	background-size:cover;
	width:40%;
	height:150px;
}


.seo-text .advantages li:nth-child(2):before
{
	content:'';
	background:url(/bitrix/templates/main/images/s-boy.png)no-repeat;
	display:block;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	background-size:cover;
	width:40%;
	height:150px;
}

.seo-text .advantages li:nth-child(3):before
{
	content:'';
	background:url(/bitrix/templates/main/images/m-boy.png)no-repeat;
	display:block;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	background-size:cover;
	width:40%;
	height:150px;
}

.seo-text .advantages li:nth-child(4):before
{
	content:'';
	background:url(/bitrix/templates/main/images/c-boy.png)no-repeat;
	display:block;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	background-size:cover;
	width:40%;
	height:150px;
}

.seo-text .advantages li span
{
	display: block;
	float: left;
	width: 55%;
	margin: 8% 0 0 43%;
}

.seo-text .advantages li span a
{
	text-transform: uppercase;

	font-weight: bold;
	text-decoration: none;
	font-size: 19px;
	line-height: 0em;
	color: #444;
}


.seo-text .advantages li:after
{
	content:'';
	display:block;
	clear:both;
}

.seo-text .advantages li:last-child
{
	margin:0;
}

.seo-text .advantages li:after
{
	content:'';
	display:block;
	clear:both;
}



.seo-text .descript
{
	
}

.seo-text .descript p
{
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0;
}


.seo-text .descript p:last-child
{
	margin:0;
}

.seo-text .descript h1
{
	font-size:30px;
	font-weight:bold;
	margin:0 0 20px 0;
}

.seo-text .descript h1 div
{
	font-size:12px;
	margin:10px 0 0 0;
}
.brands
{
	background:#f9f9f9;
	padding-bottom:calc(30px - 2%);
	padding:15px 0;
	position:relative;
}

.brands ul li
{
	float:left;
	width:calc(18% - 2px);
	border:solid 1px #f1f1f1;
	background:#fff;
	margin:0 2% 0 0;
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	-moz-border-radius: 3px;/*Firefox*/
	border-radius: 3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

.brands ul li:hover
{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	-moz-transform: rotate(0deg) scale(1.2, 1.2) skewX(0deg) skewY(0deg) translate(0, 0) !important;
	-webkit-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0) !important;
	-o-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0) !important;
	-ms-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0) !important;
	transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0, 0) !important;
}


.brands ul li .fix-logo
{
	display:table;
	width:100%;
	height:68px;
}


.brands ul li .fix-logo span
{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.brands ul li .fix-logo span img
{
	max-width:70%;
	max-height:50px;
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	filter: grayscale(1);0%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	opacity:.5;
}

.brands ul li:hover .fix-logo span img
{
	-ms-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
}


.footer
{
	background:#222;
}

.footer .nav
{
	float:left;
	width:320px;
	background:#111; 
}


.footer .nav li:last-child
{
	margin:0;
}

.footer .nav li a
{
	display:block;
	color:#fedb2b;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	height:30px;
	line-height:30px;
	padding:0 20px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.footer .nav li a:hover
{
	background:#fedb2b;
	color:#222;
}


.footer .nav li a .fix
{
	display:block;
	float:left;
	width:10%;
}

.footer .nav li a .fix img
{
	max-width:100%;
	-ms-filter: brightness(200%);
	-webkit-filter: brightness(200%);
	-moz-filter: brightness(200%);
	-o-filter: brightness(200%);
	filter: brightness(200%);
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.footer .nav li a span
{
	float:left;
	display:block;
	width:85%;
	margin:0 0 0 5%;
}

.footer .nav2
{
	padding:20px 0;
}

.footer .nav2 li
{
	float:left;
	margin:0 20px 0 0;
}

.footer .nav2 li a
{
	display:block;
	color:#555;
	font-size:12px;
	text-decoration:none;
}

.footer .nav2 li a:hover
{
	text-decoration:underline;
}

.footer .infobox.location
{
	color:#fff;
	font-size:12px;
	line-height:16px;
}

.footer .infobox.location a
{
	color:#fff;
}

.footer .infobox.location li
{
	margin:0 20px 0 0;
}

.footer .infobox.location li:last-child
{
	margin:0;
}

.footer .infobox li
{
	float:left;
}

.footer .little-logo img
{
	width:190px;
	-ms-filter: grayscale(1) brightness(200%);
    -webkit-filter: grayscale(1) brightness(200%);
    -moz-filter: grayscale(1) brightness(200%);
    -o-filter: grayscale(1) brightness(200%);
    filter: grayscale(1) brightness(200%);
}

.footer .shedule
{
	padding: 0;
}

o-favorites
{
		margin:0 20px 0 0 ;
	float:right;
	height:49px;
	line-height:49px;
	position:relative;
}

.action_product
{
	position:absolute;
	background:url(/bitrix/templates/main/images/sprite.png)no-repeat 0 -266px;
	height: 58px;
    width: 53px;
    line-height: 57px;
    font-size: 12px;
   
    text-align: center;
	
}
.banners .guds .rotator .slick-slide .info .old_price
{
	text-decoration:line-through;
	font-size:80%;
	margin:0 0 10px 0;
}

.system-nav-orange
{
	text-align:center;
}

.system-nav-orange .nav-title
{
	
}

.system-nav-orange .nav-pages
{
	margin:20px 0 0 0;
}

.system-nav-orange .nav-pages span, .system-nav-orange .nav-pages a
{
	display:inline-block;
	height:45px;
	width:45px;
	line-height:45px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	color:#222;
	border-bottom:solid 6px #0ECBC9;
	background:#FBFBFB;
	margin:0 5px;
}

.system-nav-orange .nav-pages a:active
{
	-moz-transform: rotate(0deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
}

.system-nav-orange .nav-pages span
{
	background:#eee;
}


/********Online-pbx***********/


.hidden {opacity: 0;}

.visible{opacity:1;}


/****************************/
.desktop{display:block;}
.mobile{display:none;}
body.fix{overflow-y: hidden;position:relative;}
.open-menu {
    position: absolute;
    display: block;
    font-size: 40px;
    color: #222;
	right:0;
    padding: 10px;
    z-index: 1100;
    display: none;
}

.mobile-menu 
{
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: fixed;
	top: 60px;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	z-index: 400;
	right: 0;
	opacity:0;
width:0;
	background: #fff;
	   color:#fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mobile-menu a{
color:#fff;
}

.mobile-menu .catalog-nav .holder{
display:none;
}

.mobile-menu #float-menu{
position:static;
}

.mobile-menu.open 
{
	width:100%;
	height:calc(100% - 60px);
	padding: 10px;
overflow:auto;
	opacity:1;
	background: #222;
	-webkit-border-radius: 0;/*Safari, Chrome*/
	-moz-border-radius: 0;/*Firefox*/
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:1000;
}

.mobile-menu .holder
{
	opacity:0;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;	
}

.mobile-menu.open .holder
{
	opacity:1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}

.agree
{
	padding:20px 10px;
	font-size:10px;
	text-transform:uppercase;
	line-height:14px;
	color:#333;
}

.agree a{text-decoration:underline;}

.agree a:hover{text-decoration:none;}

.mobile-menu .cart-button ul{display:none;}

.m-logo
{
	opacity:0;
	display:none;	
}

body.fix .m-logo
{
	display:block;
	height:40px;
	float:left;
	opacity:1;
	/*-ms-filter: grayscale(1) brightness(200%);
	-webkit-filter: grayscale(1) brightness(200%);
	-moz-filter: grayscale(1) brightness(200%);
	-o-filter: grayscale(1) brightness(200%);
	filter: grayscale(1) brightness(200%);*/
}

body.fix .open-menu{color:#222;position:fixed;width:calc(100% - 20px);text-align:right;background:#fff;}


.mobile-menu .cart-button, .mobile-menu .cart-button a
{
	color:#fff;
}

.mobile-menu .cart-button:after
{
	content:'';
	display:block;
	clear:both;
}

.mobile-menu .cart-button .cart-pop
{
	float:right;
	margin:10px 0 0 0;
	font-size:12px;
	text-transform:uppercase;
	line-height:24px;
}

.mobile-menu .cart-button .to-cart
{
	display:block;
	float:right;
	margin:10px;
	height:50px;
	width:50px;
	background:#FEDB2B;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	text-align:center;
	position:relative;
}

.mobile-menu .cart-button .to-cart:active 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#FEDB2B)";/*IE 8*/
	-moz-box-shadow: 0 0 10px 10px rgba(254,219,43,0.8);/*FF 3.5+*/
	-webkit-box-shadow: 0 0 10px 10px rgba(254,219,43,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0 0 10px 10px rgba(254,219,43,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#FEDB2B); /*IE 5.5-7*/
}


.mobile-menu .cart-button .to-cart i
{
	line-height:50px;
	color:#222;
	font-size:20px;
}

.mobile-menu .cart-button .to-cart span
{
	position:absolute;
	display:block;
	background:#FF5943;
	height:15px;
	width:15px;
	-webkit-border-radius: 200px;/*Safari, Chrome*/
	-moz-border-radius: 200px;/*Firefox*/
	border-radius: 200px;
	text-align:center;
	line-height:15px;
	color:#222;
	font-size:10px;
	top:-5px;
	right:0;
}

.mobile-menu .user-box a
{
	display:block;
	float:right;
	width:46%;
	margin:0 2%;
	background:#FEDB2B;
	height:40px;
	line-height:40px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	-moz-border-radius: 3px;/*Firefox*/
	border-radius: 3px;
	
}

.mobile-menu .user-box a:active
{
	-moz-transform: rotate(0deg) scale(0.9, 0.9) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
	-webkit-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
	-o-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
	-ms-transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
	transform: rotate(0deg) scale(0.9, 0.9) skew(0deg, 0deg) translate(0, 0);
}

@media screen and (max-width:1380px)
{
	.wrapper{width:1024px;}
	.search-bar{width: calc(98% - 250px);}
	.face-info .logo{position:absolute;top:63px;}
	.header .face-info{padding:120px 0 0 0;}
	.seo-text .advantages li{/*width: 21.7%;*//*margin: 0 3% 0 0;*/}
	.seo-text .advantages li span a{font-size:15px;}
	.seo-text .advantages li:nth-child(1):before{height:108px;}
	.seo-text .advantages li:nth-child(2):before{height:108px;}
	.seo-text .advantages li:nth-child(3):before{height:108px;}
	.seo-text .advantages li:nth-child(4):before{height:108px;}
	.news-string ul li .info{left:-26px;}
	.news-string ul li .info a{font-size:16px;line-height:20px;}
	.footer .icons li{margin:0 0 0 10px;}
	.search-bar .catalog-nav .popped .folders li:hover .subfolders{min-width:553px;}
	.detail-page .buy, .detail-page .no-price{font-size:18px;}
	.catalog li .box .bt_basket, .bt_basket, a.ask-price {font-size:16px;}
	.catalog li .box .price, .catalog-list li .box .price {height:40px;}
	.catalog li .box .old_price, .catalog-list li .box .old_price {display:block;}
}

@media screen and (max-width:1060px)
{
	.wrapper{width:900px;}
	.seo-text .advantages li{width:21.6%;min-height:80px;}
	.seo-text .advantages li span a{font-size:14px;}
	.seo-text .advantages li span{margin:6% 0 0 45%;}
	.search-bar .catalog-nav .popped .folders li:hover .subfolders{min-width:432px;}
	.detail-page .buy, .detail-page .no-price{font-size:14px;}
	.catalog li .box .bt_basket, .bt_basket, a.ask-price {font-size:13px;}
}

@media screen and (max-width:980px)
{
	.wrapper{width:calc(100% - 32px);}
	.search-bar .search{width: 96%;padding: 7px 2% 7px 2%;}
	.face-info .logo{top:7px;}
	.seo-text .advantages li {
		width: 48%;
		min-height: 80px;
	}
	.main{margin:20px 0 0 0;}
	.float-panel{display:none;}
	.slick-slide a img {max-width:100%;}
	.desktop{display:none;}
	.open-menu {display: block;}
	.mobile{display:block;}
	.header .float-panel{left:5%;}
	.banners .adverts {width:100%;float:none;}
	.banners .adverts .ad1 img, .banners .adverts .ad2 img {width:100%;}
	.banners .adverts .ad1, .banners .adverts .ad2 {width:100%;}
	.seo-text .advantages li span {/*margin:10px 0 0 20px;*/}
	.multiple-items .slick-slide .holder .info .more {display:none;}
	.footer .nav {width: calc(185px - 60px);}
	.footer .nav2 li{margin: 0 20px 10px 0;}
	.footer .nav2 li a{text-transform:uppercase;}
	.footer .infobox {margin: 10px 0 0 0;}
	.footer .little-logo img {display:none;}
	.float-panel .nav li{max-height:0;overflow:hidden;float:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
	.float-panel .nav li.menu-trigger{max-height:100px;padding:5px 20px 0 20px; font-size:35px;}
	#float-menu {position:absolute;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;}
	#float-menu.expand li {max-height:100px;margin:0; background:#222;}
	#float-menu.expand li a{color:#fff;padding:0 20px}
	#float-menu.expand li:last-child{display:none;}
	#float-menu.expand li.menu-trigger{color:#fff;}
	.header .face-info {padding: 55px 0 10px 0;}
	.search-bar .user-box{display:none;}
	.search-bar .catalog-nav{display:none;}
	.catalog-bar{display:none;}
	.banners .guds {float:none;width:100%;margin:0 0 20px 0;height:auto;}
	.goods.detail-page .gallery, .goods.detail-page .stick-box{float:none;width:100%;}
	.goods.detail-page .goods-info {display:none;}
	.detail-page .buy, .detail-page .no-price{font-size:20px;}
}

@media screen and (max-width:870px)
{
	.catalog-list .list>li{width: calc(48% - 2px);}
	.seo-text .advantages{margin:25px 0 30px 0; float:none;width: calc(100% - 42px);}
	.seo-text .advantages li{width:47%; float:left;}
	.seo-text .descript {float:none;width:100%;margin:0;}
	.multiple-items {display:none;}
	.header {padding:0 0 20px 0;}
	.footer .infobox li {margin:0 0 20px 0;}
	.footer .icons{display:none;}
	.l-sb{float:none;width:100%;display:none;}
	.container{width:100%;float:none;margin:0;}
}

@media screen and (max-width:768px)
{
	.face-info .logo{width:20%;}
	.news-string ul li{width:100%; margin:1%;}
	.news-string ul li .image {width:20%;}
	.news-string ul li .image img{width:100%;}
	.news-string ul li .info{width:70%;}
	#bx-panel{display:none !important; }
	.footer .r-side{width: calc(100% - 205px);}
}

@media screen and (max-width:640px)
{
	.face-info .logo{width:auto;height:35px;}
	.face-info .logo img{max-height:100%;}
	.search-bar{width:100%;float:none;}
	.header .face-info .shedule{padding:8px 0 0 0;}
	.footer .shedule{display:none;}
	.seo-text .advantages li{float:none;width:100%;}
	.catalog li{width:49.9%;}
}

@media screen and (max-width:550px)
{
	.lightbox {min-width:200px;max-width:250px;}
}


@media screen and (max-width:500px)
{
	.catalog-list .list>li{width: calc(98% - 2px););}
}


@media screen and (max-width:450px)
{
	.footer .nav{float:none;width:calc(100% - 60px);}
	.footer .r-side {width:100%;float:none;}
	.catalog li{width:100%;}
}

.search-page .search-advanced-result
{
	font-size:12px;
	text-transform:uppercase;
	color:#666;
	margin:0 0 20px 0;
}


.search-page-form
{
	margin:0 0 20px 0;
}


.search-result-list li
{
	float:left;
	width:calc(31.3% - 4px);
	border:solid 2px #f9f9f9;
	margin:0 3% 3% 0;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.search-result-list li:hover
{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-color:#FFDA00;
}

.search-result-list li:nth-child(3n)
{
	margin:0 0 3% 0;
}

.search-result-list li .image
{
	padding:5% 0
}

.search-result-list li .title
{
	display:block;
	height:40px;
	font-size:14px;
	line-height:20px;
	overflow:hidden;
	padding:0 5%;
}

.search-result-list li .search-preview
{
	height:80px;
	line-height:20px;
	font-size:12px;
	color:#999;
	padding:0 5%;
	overflow:hidden;
}

.search-result-list li .image a
{
	display:table;
	text-align:center;
	height:150px;
	width:100%;
}


.search-result-list li .image a span
{
	display:table-cell;
	vertical-align:middle;
}

.search-result-list li .image a span img
{
	max-width:100%;
}

.search-page-form .input-box
{
	float:left;
	width:calc(100% - 100px);
	
}

.search-page-form .input-box input
{
	height:50px;
	width:94%;
	padding:0 3%;
	line-height:50px;
	display:block;
	border:none;
	outline:none;
	font-size:16px;
	font-weight:bold;
	border:solid 2px #FFDA00;
	text-overflow:ellipsis;
}

.search-page-form .input-box iframe{display:none;}

.search-page-form .button-box
{
	width:100px;
	float:left;
}



.search-page-form .button-box input
{
	height:54px;
	width:100%;
	line-height:54px;
	background:#FFDA00;
	border:none;
	outline:none;
	display:block;
	cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-page-form .button-box input:hover
{
	opacity:.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.search-page-form .button-box input:active
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#965514)";/*IE 8*/
	-moz-box-shadow: 3px 3px 5px rgba(150,85,20,0.2) inset;/*FF 3.5+*/
	-webkit-box-shadow: 3px 3px 5px rgba(150,85,20,0.2) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 3px 3px 5px rgba(150,85,20,0.2) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#965514); /*IE 5.5-7*/
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	transition: all 0s ease;
}

.mobile.title-for-open-two{display:none;}
#filter-on-mobile{display:none;}

#filter-on-mobile .bx-filter.bx-blue .bx-filter-section
{
	background:#f9f9f9;
	padding:5% 5% 0 5%;
}

#filter-on-mobile .bx-filter-parameters-box-container
{
	padding:0 0 5% 0;
}

#filter-on-mobile .bx-filter-title{display:none;}

#filter-on-mobile .bx-ui-slider-track-container{display:none;}


#filter-on-mobile .bx-right, #filter-on-mobile .bx-left{float:left;width:46%;padding:0 2%;}

#filter-on-mobile .bx-filter-parameters-box-container:after
{
	content:'';
	display:block;
	clear:both;
}

#filter-on-mobile .bx-filter-parameters-box-container .checkbox
{
	display:inline-block;
	    margin: 3% 1% 0 0;
}

#filter-on-mobile .bx-filter-parameters-box-container .checkbox label
{
	background: #f1f1f1;
    padding: 3%;
	font-size: 16px;
    line-height: 16px;
	-webkit-border-radius: 3px;/*Safari, Chrome*/
	-moz-border-radius: 3px;/*Firefox*/
	border-radius: 3px;
	display:inline-block;
}

#filter-on-mobile .bx-filter-parameters-box-container .checkbox label input
{
	height:20px;
	width:20px;
	vertical-align:text-top;
}

#filter-on-mobile .bx-filter .bx-filter-parameters-box-title
{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
}

#filter-on-mobile .bx-filter .bx-filter-parameters-box-title span
{
	display:block;
	padding:1% 0;
	color:#FF5943;
}

#filter-on-mobile #set_filter, #filter-on-mobile #del_filter
{
	float:right;
	width:46%;
	margin:5% 2% 0 2%;
}

#filter-on-mobile .bx-filter-container-modef{display:none;}


@media screen and (max-width:870px)
{
	.mobile.title-for-open-two{display:block;}
	.bx_catalog_tile, #filter-on-mobile
	{
	display:block;
	min-height:0;
	max-height:0;
	opacity:0;
	overflow:hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin:0;
	}
	.bx_catalog_tile.open, #filter-on-mobile.open
	{
	opacity:1;
	min-height:100%;
	max-height:100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	.title-for-open, .title-for-open-two
	{
	background:#FFE000;
	color:#444;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:30px;
	line-height:30px;
	margin:0 0 20px 0;
	}
	.title-for-open .second, .title-for-open-two .second{display:none;}
	.title-for-open.active .first, .title-for-open-two.active .first{display:none;}
	.title-for-open.active .second, .title-for-open-two.active .second{display:block;}
}




#onpbxcb__container .onpbxcb__widget.onpbxcb__widget_inactive .onpbxcb__button
{
	height:70px !important;
	width:70px !important;
	-webkit-border-radius: 200px !important; 
	-moz-border-radius: 200px !important;
	border-radius: 200px !important;
}

#onpbxcb__container .onpbxcb__animation__gradient::before,
#onpbxcb__container .onpbxcb__animation__gradient::after
{display:none !important;}


.order-confirm
{
	border:solid 4px #0ECBC9;
	width:70%;
	padding:2% 5%;
	margin:0 auto;
	background:#fff url(/bitrix/templates/main/images/order-confirm.jpg)no-repeat bottom right;
	background-size: contain;
	min-height:350px;
}

.order-confirm .title
{
	text-align:center;
	margin:0 0 2% 0;
	text-transform: uppercase;
	font-size: 20px;
}


.order-confirm .title b
{
	display:block;
	margin:20px 0;
}

.order-confirm .description
{
	font-size:12px;
	line-height:16px;
	color:#333;
	margin:0 0 2% 0;
	background:rgba(255,255,255,.6);
	padding:5px;
}


.order-confirm .description a
{
	display:inline-block;
	background:#FEDB2B;
	height:16px;
	color:#222;
	padding:0 10px;
	text-decoration:none;
}

.order-confirm .pay_name
{
	font-weight:bold;
	text-align:center;
	margin:0 0 2% 0;
	text-trasnform:uppercase;
	clear:both;
}

.order-confirm .pay-logo
{
	float:left;
	width:49%;
	text-align:right;
	padding:0 1% 0 0;
}

.order-confirm .paysystem_name
{
	float:left;
	text-align:left;
	width:49%;
	padding:30px 0 0 1%;
	font-style:italic;
	font-size:16px;
}

/**********************************/

.landing h1
{
	font-size:140%;
	margin:0 0 40px 0;
	color:#444;
}

.landing h1 div
{
	font-size:60%;
	color:#999;
	border-left:solid 4px #FEDB2B;
	padding:0 0 0 15px;
	margin:10px 0 0 0;
}

.landing .splitter-w-photo .description
{
	font-size:16px;
	line-height:24px;
	width:60%;
	float:left;
}

.landing .splitter-w-photo .image
{
	float:left;
	width:35%;
	margin:0 0 0 5%;
}

.landing .splitter-w-photo .image span
{
	display:block;
	border:solid 1px #ccc;
	padding:5px;
}

.landing .splitter-w-photo .image img
{
	width:100%;
	display:block;
}

.landing p
{
	margin:0 0 25px 0;
}

.landing i
{
	font-family: "HelveticaItalic";
}

.landing .thesis li
{
	display:inline-block;
	vertical-align:top;
	width:306px;
	margin:0 10px 30px 10px;
}

.landing .thesis li .pic img
{
	display:block;	
	width:100%;
	border-bottom:solid 3px #FEDB2B;
}

.landing .thesis li .title
{
    font-family: "HelveticaBoldItalic";
	font-size:110%;
	padding:20px 0;
	border-bottom:solid 1px #eee;
}

.landing .thesis li .description
{
	font-size:70%;
	color:#555;
	line-height:18px;
	margin:10px 0 0 0;
}

.landing .just-text p
{
	font-size:14px;
	line-height:20px;
}

.landing .just-text h3
{
	font-size:130%;
	margin:0 0 20px 0;
	color:#555;
}

.landing .just-text h3 i, .landing h2.title i
{
	color:#FEDB2B;
}

.landing h2.title
{
	font-size:130%;
	margin:0 0 20px 0;
	color:#fff;
	background:#444;
	padding:10px;
}

.landing strong
{
	    font-family: "HelveticaBold";
}

.landing .default li
{
	position:relative;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	line-height:24px;
	font-size:16px;
}

.landing .default li:before
{
	content:"\00B0";
	color:#FEDB2B;
	position:absolute;
	left:0;
    top: calc(50% - 7px);
	font-size:26px;
}

.landing .back-splitter .pic
{
	float:left;
	width:35%;
	margin:0 5% 0 0;
}

.landing .back-splitter .pic img
{
	display:block;
	width:100%;
}

.landing .back-splitter>li
{
	margin:0 0 40px 0;
}

.landing .back-splitter li:after
{
	content:'';
	display:block;
	clear:both;
}

.landing .back-splitter .descript
{
	float:left;
	width:60%
}

.landing .back-splitter .descript h3 span
{
	background:#FEDB2B;
	color:#222;
	font-size:100%;
	text-transform:uppercase;
	padding:10px;
	display:inline-block;
	    font-family: "HelveticaBold";
		position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.landing .back-splitter .descript h3:hover span
{
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
-moz-transform: rotate(0deg) scale(1.1, 1.1) skewX(0deg) skewY(0deg) translate(0, 0);/* FF3.5+ */
-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/*Saf3.1+, Chrome*/
-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* Opera 10.5 */
-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);/* IE 9 */
transform: rotate(0deg) scale(1.1, 1.1) skew(0deg, 0deg) translate(0, 0);
}

.landing .back-splitter .descript h3 span a
{
	text-decoration:none;
}

.landing .back-splitter .descript h3 span a:hover
{
	text-decoration:underline;
}

.landing .back-splitter .descript h3
{
	margin:0 0 20px 0;
}

.landing .back-splitter .descript p
{
	font-size:12px;
	line-height:18px;
}

.landing .back-splitter .more
{
	display:block;
	float:left;
	text-decoration:none;
	border:solid 2px #FEDB2B;
	height:40px;
	line-height:40px;
	padding:0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform:uppercase;
}

.landing .back-splitter .more i
{
	color:#FEDB2B;
	display:inline-block;
	margin:0 0 0 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.landing .back-splitter .more:hover i
{
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

i.fa{font-family: FontAwesome !important;}

.landing p.bigger
{
	font-size:120% !important;
	color:#999;
}

.landing .fixed-pic
{
	background-repeat:no-repeat;
	background-size:cover;
	margin:0 0 30px 0;
	position:relative;
	    background-attachment: fixed;
	padding:40px 0;
}

.landing .fixed-pic .overlay
{
	background:rgba(0,0,0,.7);
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:10;
}


.landing .fixed-pic .thesis li
{
	background:#fff;
	padding:0 0 20px 0;
	
}

.landing .fixed-pic .thesis li .title
{
	padding:20px;
}
.landing .fixed-pic .thesis li .description
{
	padding:0 20px;
}

.landing .fixed-pic ul, .landing .fixed-pic div
{
	position:relative;
	z-index:20;
}

.landing .fixed-pic .thesis li
{
	backgound:#fff;
	
}

.landing .full-w-pic
{
	margin:20px 0;
}

.landing .full-w-pic img
{
	display:block;
	width:100%;
}






/* End */
/* /bitrix/templates/main/styles.css?1717584407118023 */
/* /bitrix/templates/main/fresco/fresco.css?163680951536665 */
/* /bitrix/templates/.default/components/bitrix/catalog.section.list/topmenu/style.css?16368095147305 */
/* /bitrix/templates/.default/components/bitrix/menu/new_menu/style.css?1636809514626 */
/* /bitrix/templates/.default/components/bitrix/news.list/sect_menu/style.css?1636809514108 */
/* /bitrix/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?1636809515770 */
/* /bitrix/templates/.default/components/bitrix/menu/aside/style.css?1636809514626 */
/* /bitrix/templates/.default/components/bitrix/news.list/reviews/style.css?1636809514108 */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/catalog_breadcrumb_section/style.css?1636809514227 */
/* /bitrix/templates/.default/components/bitrix/news.list/sect_menu_foot/style.css?1636809514108 */
/* /bitrix/templates/.default/components/bitrix/menu/botmenu_old/style.css?1636809514626 */
/* /bitrix/components/bitrix/main.userconsent.request/templates/.default/user_consent.css?17465448254354 */
/* /bitrix/templates/main/template_styles.css?1717584407127941 */
