/* Start:/local/components/dev/teachers/templates/.default/style.css?17509244897916*/
.teachers{
  color: #000;
}
.teachers .col-lg-4 a{
		background-color: #F5F5F5;
		border: solid 2px #DEDEDE;
		display: block;
		margin-bottom: 20px;
	}
	.teachers .col-lg-4 img{
	    margin: 0 auto;
    	display: block;
	}
	.teachers .block-fio{
	    background-color: #fff;
	    font-size: 16px;
	    padding: 15px;
	}
	.teachers.modal{
		max-width:initial;
		width:auto;
		font-size: 16px;
	}

@media (min-width: 1200px){
	h4 {
	    font-size: 20px;
	}
}

	.uk-modal {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1010;
  /* 3 */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* 4 */
  background: rgba(0, 0, 0, 0.6);
  /* 5 */
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  /* 6 */
  touch-action: cross-slide-y pinch-zoom double-tap-zoom;
  /* 7 */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/*
 * Prevents duplicated scrollbar caused by 4.
 */
.uk-modal-page,
.uk-modal-page body {
  overflow: hidden;
}
/* Sub-object: `uk-modal-dialog`
 ========================================================================== */
/*
 * 1. Create position context for caption, spinner and close button
 * 2. Set box sizing
 * 3. Set style
 * 4. Slide-in transition
 */
.uk-modal-dialog {
  /* 1 */
  position: relative;
  /* 2 */
  box-sizing: border-box;
  margin: 50px auto;
  padding: 20px;
  width: 600px;
  max-width: 100%;
  max-width: calc(100% - 20px);

}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  /*
     * Fit in small screen
     */
  .uk-modal-dialog {
    width: auto;
    margin: 10px auto;
  }
}

/*
 * Remove margin from the last-child
 */
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
  margin-bottom: 0;
}
/* Close in modal
 ========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
  margin: -10px -10px 0 0;
  float: right;
}
/*
 * Remove margin from adjacent element
 */
.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
  margin-top: 0;
}
/* Modifier: `uk-modal-dialog-lightbox`
 ========================================================================== */
.uk-modal-dialog-lightbox {
  margin: 15px auto;
  padding: 0;
  min-height: 50px;
}
/*
 * Close button
 */
.uk-modal-dialog-lightbox > .uk-close:first-child {
  position: absolute;
  top: -12px;
  right: -12px;
  margin: 0;
  float: none;
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
  .uk-modal-dialog-lightbox > .uk-close:first-child {
    top: -7px;
    right: -7px;
  }
}
/* Modifier: `uk-modal-dialog-blank`
 ========================================================================== */
.uk-modal-dialog-blank {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
/*
* Close button
*/
.uk-modal-dialog-blank > .uk-close:first-child {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  margin: 0;
  float: none;
}
/* Modifier: `uk-modal-dialog-large`
 ========================================================================== */
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-modal-dialog-large {
    width: 830px;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-modal-dialog-large {
    width: 1030px;
  }
}
/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
 ========================================================================== */
.uk-modal-header {
  margin-bottom: 20px;
}
.uk-modal-footer {
  margin-top: 20px;
}
/*
 * Remove margin from the last-child
 */
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
  margin-bottom: 0;
}
/* Sub-Object: `uk-modal-caption`
 ========================================================================== */
.uk-modal-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin-bottom: -10px;
  color: #ffffff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Sub-Object: `uk-modal-spinner`
 ========================================================================== */
.uk-modal-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #ddd;
}
.uk-modal-spinner:after {
  content: "\f110";
  display: block;
  font-family: FontAwesome;
  -webkit-animation: uk-rotate 2s infinite linear;
  animation: uk-rotate 2s infinite linear;
}
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */
.uk-offcanvas {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  /* 3 */
  touch-action: none;
  /* 4 */
  background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
  display: block;
}






















/* Modal Prof */
.im-modal-prof .uk-modal-dialog {
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}

.im-prof-body {
	position: relative;
}

.im-prof-body h3 {
    position: absolute;
    font-size: 65px;
    color: #f4f3f3;
    z-index: -1;
    top: -83px;
    left: 0px;
}

.im-prof-body .uk-grid {
	margin-top: 35px;
}

.im-prof-body h2 {
	color: initial;
	font-size: 35px;
    line-height: initial;
	margin: 0;
}

.im-prof-body .im-prof-thumbnail {
	position: absolute;
	left: 40%;
	top: 70px;
}

.im-prof-body .im-prof-thumbnail:after {
	content: '';
    position: absolute;
    background: url(https://imes.su/images/2019/page/professors/prof_after.png);
	width: 202px;
	height: 235px;
	left: 0;
	bottom: -176px;
	z-index: -1;
}

.im-prof-body .im-prof-thumbnail:before {
	content: '';
    position: absolute;
    background: url(https://imes.su/images/2019/page/professors/prof_before.png);
    width: 225px;
    height: 221px;
    top: -20px;
    left: -25px;
}

.im-prof-body .im-prof-thumbnail img {
	margin: 0;
}

.im-prof-body .im-prof-margin {
	margin-top: 125px
}
/* // Modal Prof */

/* Modal Proffesors */
.im-modal-proff .uk-modal-dialog {
	background: #efefef;
	border-radius: 10px;
	overflow: hidden;
}


.im-prof-body h2 {
    color: initial;
    font-size: 44px;
    line-height: initial;
    margin: 0;
}





.uk-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.uk-grid:before, .uk-grid:after {
    content: "";
    display: block;
    overflow: hidden;
}


@media (min-width: 768px){
	.uk-width-medium-1-1 {
	    width: 100%;
	}
	.uk-push-1-5, .uk-push-2-10 {
	    left: 23%;
	}
	[class*='uk-push-'], [class*='uk-pull-'] {
	    position: relative;
	}
}

@media (min-width: 960px) {
	.uk-width-large-2-5, .uk-width-large-4-10 {
	    width: 40%;
	}
}

/* Phone landscape and smaller */
@media (max-width: 767px) {
  .im-prof-body .im-prof-thumbnail {
      position: relative;
      top: 0;
      margin: 20px 0;
  }

  .im-prof-body h3 {
      font-size: 40px;
      top: -30px;
      position:initial;
  }
  .im-prof-body h2{
    font-size: 35px;
  }
}
/* End */
/* /local/components/dev/teachers/templates/.default/style.css?17509244897916 */