/* общие стили для библиотек Cristall */

@font-face {
  font-family: 'fontello_form';
  src: url('/files/site/libs/cristallBase/font/fontello.eot');
  src: url('/files/site/libs/cristallBase/font/fontello.eot#iefix') format('embedded-opentype'),
       url('/files/site/libs/cristallBase/font/fontello.woff2') format('woff2'),
       url('/files/site/libs/cristallBase/font/fontello.woff') format('woff'),
       url('/files/site/libs/cristallBase/font/fontello.ttf') format('truetype'),
       url('/files/site/libs/cristallBase/font/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* символ рубля в разных начертаниях*/
@font-face {
  font-family: 'rub';
  src: url('/files/site/libs/cristallBase/font/rub.eot');
  src: url('/files/site/libs/cristallBase/font/rub.eot#iefix') format('embedded-opentype'),
       url('/files/site/libs/cristallBase/font/rub.woff2') format('woff2'),
       url('/files/site/libs/cristallBase/font/rub.woff') format('woff'),
       url('/files/site/libs/cristallBase/font/rub.ttf') format('truetype'),
       url('/files/site/libs/cristallBase/font/rub.svg#rub') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="rub-"]:before, [class*=" rub-"]:before, .rub:before, [class^="iform-"]:before, 
	[class*=" iform-"]:before, .i_cristall:before {
		display: inline-block;
		width: 1em;
		margin: 0 .2em;
		text-align: center;
		font-style: normal;
		font-weight: normal;	
		text-decoration: inherit;
		text-transform: none;
		line-height: 1em;
		speak: never;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}

[class^="rub-"]:before, [class*=" rub-"]:before, .rub:before { font-family: "rub"; }

.rub-light:before { content: '\e801'; }	/* самый тонкий от 14px */
.rub-line:before { content: '\e804'; }	/* line-awesome от 13px */
.rub-short:before { content: '\e802'; }	/* тонкий и узкий от 12px */
.rub-serif:before { content: '\e803'; }	/* с засечками от 11px */
.rub-style:before { content: '\e805'; }	/* стилизованная от 15px */
.rub:before { content: '\f158'; }		/* font-awesome от 11px */


[class^="iform-"]:before, [class*=" iform-"]:before, .i_cristall:before { font-family: "fontello_form"; }

.icon-search:before { content: '\e800'; }
.icon-search-1:before { content: '\f002'; }  	/* тонкое начертание */
.icon-burger:before { content: '\e904'; }
.icon-pencil:before { content: '\e801'; }
.icon-pen:before { content: '\f304'; }			/* тонкое */
.icon-ok:before { content: '\e80a'; }
.icon-check:before { content: '\f00c'; }		/* тонкое */
.icon-angle-left:before { content: '\f104'; }
.icon-angle-left-1:before { content: '\e804'; }	 /* тонкое и крупное */
.icon-angle-right:before { content: '\f105'; } 
.icon-angle-right-1:before { content: '\e803'; }  /* тонкое и крупное */
.icon-angle-up:before { content: '\f106'; }
.icon-angle-up-1:before { content: '\e805'; }	 /* тонкое и крупное */
.icon-angle-down:before { content: '\f107'; }
.icon-angle-down-1:before { content: '\e802'; }  /* тонкое и крупное */

.icon-times:before { content: '\f00d'; } 		/* тонкое */

.icon-spin5:before { content: '\e838'; }

.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-down:before { content: '\f175'; } 		/* крупная длинная стрелка - более толстое начертание */
.icon-up:before { content: '\f176'; }
.icon-left:before { content: '\f177'; }
.icon-right:before { content: '\f178'; }

	/* тонкое начертание -  стрелка поменьше .icon-alternate-long-arrow-down */
.icon-left-1:before { content: '\f30a'; }
.icon-right-1:before { content: '\f30b'; }
.icon-up-1:before { content: '\f30c'; } 
.icon-down-1:before { content: '\f309'; }

.icon-star:before { content: '\f005'; } 	/* только граница */
.icon-star-1:before { content: '\e806'; } 	/* закрашенный фон */

.icon-picture:before { content: '\e807'; }	/* можно использовать в качестве заглушки на фото */

/*
   Animation example, for spinners
*/
.animate-form-spin {
  -moz-animation: spin_form 2s infinite linear;
  -o-animation: spin_form 2s infinite linear;
  -webkit-animation: spin_form 2s infinite linear;
  animation: spin_form 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes spin_form {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spin_form {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes spin_form {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-ms-keyframes spin_form {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin_form {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

	/* служебный блок для публикации ответа из ajax-сценариев ( js-код )*/
#serviceBlock { display:none; }

[data-tab_content] { display:none; }
.active[data-tab_content] { display:block; }