@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Regular.eot');
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
        url('RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-Regular.woff') format('woff'),
        url('RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

    font-family: 'IntroBlack';
    src: url('Intro-black.eot');
    src: local('Intro-Black'), local('IntroBlack'),
        url('Intro-black.eot?#iefix') format('embedded-opentype'),
        url('Intro-black.woff') format('woff'),
        url('Intro-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-BoldItalic.eot');
    src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
        url('RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-BoldItalic.woff') format('woff'),
        url('RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Bold.eot');
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
        url('RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-Bold.woff') format('woff'),
        url('RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-LightItalic.eot');
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
        url('RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-LightItalic.woff') format('woff'),
        url('RobotoCondensed-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Italic.eot');
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
        url('RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-Italic.woff') format('woff'),
        url('RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('RobotoCondensed-Light.eot');
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
        url('RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('RobotoCondensed-Light.woff') format('woff'),
        url('RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


html { font-family: 'Roboto Condensed';}
body {}


h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans';}

.uk-navbar-blue { background-color: #039dd4; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.uk-navbar-blue li a { color: #fff;}

.uk-promo h1 {font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 48px; text-transform: uppercase;}

.uk-promo .comp {margin: 30px 0 40px; }
.uk-promo .sub-title {border-left: 6px solid #eca414;}
.uk-promo .sub-title p {margin: 10px 0 0 15px; color: #eca414; font-size: 24px; line-height: 42px;font-style: italic;  }


.i1 {     margin: 80px 0 40px; padding-bottom: 8px; 
	/* background: url("/templates/default/images/yellow.png") bottom left no-repeat; */
}
.i1 .uk-container { }


.i1 .uk-infoblock>h1, .i1 .uk-infoblock>h1 {font-size: 26px; color: #039dd4; font-weight: 700; text-align: right; border-bottom: 6px solid #ffa500; font-family: 'Open Sans' !important,}
.i1 .uk-infoblock>h1:before, .i1 .uk-infoblock>h1:before {content: ''; margin-left: -100%;     border-bottom: 6px solid #ffa500; display: block; height: 10px; width: 100%;     margin-bottom: -37px; font-family: 'Open Sans', sans-serif;}



.uk-about { padding-top: 20px;}
.uk-about h3 {font-size: 22px; color: #fff; font-weight: 500; font-family: 'Roboto Condensed';}
.uk-about .intro { background: rgba(3, 157, 212, 0.3);
background: -webkit-linear-gradient(right, rgba(3, 157, 212, 0.3), rgba(3, 157, 212, 0.5));
background: -moz-linear-gradient(right, rgba(3, 157, 212, 0.3), rgba(3, 157, 212, 0.5));
background: linear-gradient(to left, rgba(3, 157, 212, 0.3), rgba(3, 157, 212, 0.5));
margin-top: 20px;	width: 100%; min-height: 65px;}
.uk-nasmork {text-align: center;     height: 92px; box-shadow: 0 5px 15px rgba(0,0,0,.08); padding: 25px 20px; background-color: rgba(3, 157, 212, 0.6);  color: #fff; font-size: 24px; font-weight: 700;  text-transform: none;}
.uk-nasmork:hover {box-shadow: 0 5px 15px rgba(0,0,0,.28); color: rgba(3, 157, 212, 1); background-color: #fff; text-transform: none;}


.uk-about .intro .uk-button a { color: #fff;}
.uk-about .intro .uk-button a:hover { color: rgba(3, 157, 212, 1) !important;}

.uk-about .intro h3 {   font-size: 30px; margin-top: 8px; display: block;}

.uk-about .intro2 { 
background: -webkit-linear-gradient(left, rgba(3, 157, 212, 0.3), rgba(3, 157, 212, 0.75));
background: -moz-linear-gradient(left, rgba(3, 157, 212, 0.3), rgba(3, 157, 212, 0.75));
background: linear-gradient(to right, rgba(3, 157, 212, 0.2), rgba(3, 157, 212, 0.75));
width: 100%; margin-bottom: 30px; }

.uk-about .title { text-align: center; font-size: 24px; font-weight: 600; color: #000000; margin: 10px auto; font-family: 'Roboto Condensed';}
.uk-about .title:after { content: '';    background: url(/templates/default/images/t1.png) bottom center no-repeat;    margin: 18px auto;    display: flex;    height: 6px;}
.uk-about .subtitle, .uk-about .days { text-align: center; font-size: 22px; font-weight: 500; color: #000000;     min-height: 66px; font-family: 'Roboto Condensed'; }
.uk-about .cifra { text-align: center; font-size: 90px; font-weight: 800; color: #fff; font-family: 'IntroBlack';}
.uk-about .yellow_info {border-left: 6px solid #eca414; margin: 25px 0 60px 115px; color: #fff; font-size: 20px; line-height: 27px;font-style: italic; padding-left: 10px;}

.uk-about .one { background-color: rgba(3, 157, 212, 0.3);} 
.uk-about .two { background-color: rgba(3, 157, 212, 0.4);} 
.uk-about .three { background-color: rgba(3, 157, 212, 0.6);} 
.uk-about .four { background-color: rgba(3, 157, 212, 0.8);} 

.uk-lechenie { 
/*	box-shadow:0px 0px 13px 4px rgba(0,0,0,0.25); 
	-webkit-box-shadow:0px 0px 13px 4px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 13px 4px rgba(0,0,0,0.25); */
	text-align: left; font-size: 18px; font-weight: 500; color: #000000;}

.uk-lechenie p { margin-top: 20px;}

.factor { background-color: #72d1ae;  } 
.factor .uk-container { }

.factor ul { padding: 30px 20px 30px 40px;   background-color: #14b278;}
.factor ul li { padding-left: 25px; color: #fff; font-size: 20px; font-weight: 600; }
.factor ul li:before {       content: '';    background: url(/templates/default/images/factor2.png) top left no-repeat;  padding: 0 6px 0 0; width: 10px; height: 12px;    display: inline-block;} 
.factor22 { background-color: #14b278;  } 
.factor .uk-container { }

.factor22 ul { padding: 30px 20px 30px 40px;   background: url(/templates/default/images/factor.png) repeat;}
.factor22 ul li { padding-left: 25px; color: #fff; font-size: 26px; font-weight: 600; }


.uk-lechenie .uk-blue { color: #039dd4; margin-bottom: 30px;}
.uk-lechenie .uk-yellow { color: #eca414; margin-bottom: 30px;}

.uk-rules { background-color: #039dd4; height: 92px; color: #fff; font-weight: bold; font-size: 30px;}
.uk-rules:before { background-color: #68c4e5; height: 92px; width: 100%; content: ''; margin-left: -100%; display: inline-block;} 
.uk-rules p {margin-top: -104px;    width: 100%;    text-align: center;}
.uk-rules a { font-size: 24px; text-transform: none;}

.uk-lek .title  {    display: block;    font-size: 30px;    font-family: 'Open Sans', sans-serif;    font-weight: 700;    color: #039dd4;    margin-bottom: 28px;  }
.uk-lek .subtitle { display: block; font-size: 20px; font-weight: 500;  color: #000; margin-bottom: 80px;}
.uk-lek .sostav { display: block; font-size: 26px; font-weight: 700;   color: #039dd4;}
.uk-ingridient {margin-top: 50px;}
.uk-ingridient .name {    font-weight: bold;    font-size: 18px;    margin: 20px 0 20px;    line-height: 24px; color: #000;}
.uk-ingridient .uinfo { margin-top: 5px; padding-top: 8px; border-top: 2px solid #ffa500;}
.uk-pokaz {padding: 70px 0 0 0;}
.uk-pokazone {
    text-align: center;
    padding-top: 25px;
}
 
.uk-pokazone a  {text-align: center; text-decoration: none; height: 52px; box-shadow: 0 5px 15px rgba(0,0,0,.08); padding: 20px 20px; background-color: rgba(3, 157, 212, 0.6);  color: #fff; font-size: 24px; font-weight: 700;  text-transform: none;}
.uk-pokazone a:hover {box-shadow: 0 5px 15px rgba(0,0,0,.28); color: rgba(3, 157, 212, 1); background-color: #fff; text-transform: none;}


.uk-pokazone p {padding-top: 20px;    width: 100%;    text-align: center; font-size: 22px; }
.uk-pokaz .title {font-size: 24px; color: #039dd4; margin-top: 20px; margin-bottom: 20px;  font-weight: 700;}

.uk-pokaztwo .factor {margin:0 0 30px 0px; background-color: #14b278;} 
.uk-pokaztwo .factor:before {     content: '';    background: url(/templates/default/images/factor.png) repeat;  margin-left: -100%;    width: 100%;    /* display: block; */    min-height: 193px;    position: absolute;} 
.uk-pokaztwo .factor ul { padding: 15px 20px 30px 10px }
.uk-pokaztwo  ul li { padding-left: 10px; color: #fff; font-size: 22px; font-weight: 400; }
.uk-pokaz .vozvrast { color: #eca414; font-size: 24px; margin: 40px 0 60px;  font-weight: 700;}
.uk-pokaz .pe { color: #000; font-size: 30px; margin-bottom: 40px; font-weight: bold;}
.uk-pokaz .blue { background-color: #039dd4; padding: 15px; color: #fff; font-size: 20px; line-height: 1.8; margin-bottom: 40px;}
.uk-pokaz .green { background-color: #14b278; padding: 15px; color: #fff; font-size: 20px; line-height: 1.8; margin-bottom: 40px;}
.uk-pokaz .inform {font-size: 22px; margin-bottom: 40px; color: #04b9e9;}

.uk-pokaz .yellow {border-left: 6px solid #eca414;    color: #eca414;    font-size: 22px;    padding-left: 10px;}

.uk-rev { background-color: #14b278; margin-top: 20px; padding-bottom: 70px;}
.uk-rev .uk-panel {background-color: #fff; padding: 30px 0;}
.uk-rev .uk-panel .title {font-size: 26px; margin-bottom: 40px; color: #04b9e9; text-align: center;}

.uk-rev .uk-panel {font-size: 22px; padding: 15px; color: #14b278;}
.uk-rev .uk-panel .autor {font-size: 24px; padding: 15px; color: #039dd4; font-weight: bold;}

.uk-input, .uk-select, .uk-textarea {
    max-width: 100%;
    width: 100%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #14b278;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
}

footer {    background: #323a45;
    color: #878c93;
    position: relative;
      padding: 30px 0;
  font-family: 'Open Sans', 
    font-weight: 300;
}

footer .fh5co-lead {
    margin-bottom: 0;
    font-size: 33px;
    letter-spacing: 1px;
	color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    line-height: 34px;
    text-align: center;
}

.goabout {

  background-color: #8fdabe;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.about-title {
  font-family: sans-serif;
  font-size: 70px;
  text-align: center;
  position: relative;
  opacity: .5;
}
/* VIDEO */
.video {
  top: 50%;
  width: 1938px;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  left: 50%;
  z-index: 0;
  position: absolute;
}

.about-header-bg-2 {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translate(-50%, -100%);
  transition: transform 0.9s 0.2s ease;
  will-change: transform;
  transform: translate(-50%, 0);
}
@media (max-width: 768px) {
  .goabout {
  
    -webkit-background-size: cover;
    background-size: cover;
  }
	
	.goabout .video { display: none;}
	
  #about .video,
  .about-header,
  .about-footer,
  .about-header-bg-2 {
  
  }
}
@media (max-width: 480px) {
  .about-title{
    font-size: 40px;
  }
}


@media (max-width: 640px) 
{
	.uk-about .yellow_info {border-left: 6px solid #eca414; margin: 10px 0 20px 5px; color: #fff; font-size: 17px; line-height: 27px;font-style: italic; padding-left: 10px;}
	.uk-pokazone a { width: 100%;}
	
	.uk-h1, h1 {    font-size: 1.8rem;    line-height: 1.2;}
	
	.i1 {   background: url(/templates/default/images/yellow.png) bottom left no-repeat;}	
	
	.i1 .uk-infoblock>h1, .i1 .uk-infoblock>h1 {font-size: 24px; color: #039dd4; font-weight: 700; text-align: left; border-bottom: none; font-family: 'Open Sans' !important,}
.i1 .uk-infoblock>h1:before, .i1 .uk-infoblock>h1:before {  border-bottom: none; display: block; height: auto;  font-family: 'Open Sans', sans-serif;}
	
	.uk-promo .sub-title p {    font-size: 24px;}
}