@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-light.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-light-italic.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-light-italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-regular.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-regular-italic.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-regular-italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-medium.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-medium-italic.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-medium-italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-bold.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Text';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-bold-italic.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-bold-italic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/display-thin.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/display-thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/display-light.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/display-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/display-regular.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/display-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/display-medium.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/display-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/display-bold.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/display-bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Display';
	src: url('https://yastatic.net/s3/home/fonts/ys/1/display-heavy.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-thin.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-light.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-regular.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-medium.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-bold.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}

@font-face {
	font-family: 'YS Geo';
	src: url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-black.woff2') format('woff2'),url('https://yastatic.net/s3/home/fonts/ys/4/text-geo-black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	font-display: swap;
}





/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  /*font-family: "Source Sans Pro", Arial, sans-serif;*/
  font-family: "YS Geo";
  font-weight: 500; /*300*/
  font-size: 22px; /*20*/
  line-height: 1.5;
  color: #200300; /* 7f7f7f */
  color: rgba(32, 3, 0, 0.6); /*255*/
  background: #fff;
  height: 100%;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
	-ms-user-select: none; /*mtn*/
	-moz-user-select: none;  /*mtn*/
	-webkit-user-select: none;  /*mtn*/
	user-select: none;   /*mtn*/
}
.bg-body{
  background: rgba(255, 224, 51, 1.0) url("../images/bg_img.jpg") no-repeat fixed right bottom / cover;	
}
@media screen and (max-width: 768px) {
  body {
    background-position: center center;
    background-repeat: no-repeat;
  }
  .bg-body{
	background-color: #FFE033;
	background-image: none;
  }
}

a {
  color: #050505;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #050505;
  outline: none;
}

p {
  margin-bottom: 1.5em; /*1.5*/
 /*padding-top: 2em; /*mtn*/
}

h1, h2, h3, h4, h5, h6 {
  color: #050505; /*fff*/
  font-family: "YS Text", Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 30px 0;
}

::-webkit-selection {
  color: #fff;
  background: #FFE033;
}

::-moz-selection {
  color: #fff;
  background: #FFE033;
}

::selection {
  color: #fff;
  background: #FFE033;
}
.img-front{
  position: relative;	
  top: 400px;
  left: -160px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;  
}
.img-front3 {
  position: relative;	
  top: 500px;
  left: 680px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;  
}
.img-service{
  position: relative;	
  top: 75px;
  right: 110px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;  
}
.img-front2{
  position: relative;	
  top: 730px;
  left: 540px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;   
}
.img-front4{
  position: relative;	
  top: 260px;
  left: 0px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;   
}
.img-smart{
  position: absolute;	
  bottom: 275px;
  left: 740px;
  width: 0px;
  height: 0px;
  z-index: 1;
  opacity: 0;  
}
.img-opacity-active{
  opacity: 1;
  transition: all 1s ease-in-out 0.5s;	
}
@media screen and (max-width: 991px) {
  .img-front, .img-front3, .img-service, .img-front2, .img-front4, .img-smart {
    display:none;
  }
}

.top-top { /*mtn*/
  max-width: 1024px;
  margin: 2em auto 2px auto;
}
.top-top h2 { /*mtn*/
  margin: 0;
}

#fh5co-main {
  max-width: 1024px; /*760 mtn*/
  min-height: 600px;
  margin: 2em auto 5em auto; /*5*/
  position: relative;
  background: rgba(255, 255, 255, 0.85); /*000 0.85 mtn*/
  overflow: hidden;
  -webkit-border-radius: 30px; /*7*/
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  #fh5co-main {
    margin: 2em .5em 5em .5em;
  }
}

.fh5co-tab-wrap {
  position: relative;
}
.fh5co-tab-wrap .fh5co-tab-menu {
  list-style: none;
  text-align: center;
  margin-bottom: 2em;
  position: relative;
  top: -.5em;
  padding: 0;
  margin:  0;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-menu {
    top: -7px;
  }
}
.fh5co-tab-wrap .fh5co-tab-menu.scroll-header{ 				/*mtn scroll*/
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(255, 224, 51, 0.9) none repeat scroll 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.fh5co-tab-wrap .fh5co-tab-menu li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  padding: 0;
  margin: 0;
}
.fh5co-tab-wrap .fh5co-tab-menu.scroll-header li { /*mtn*/
  margin: 10px 0 10px 0;
}
.fh5co-tab-wrap .fh5co-tab-menu li a {
  padding: 2em 1em 1em 1em;
  position: relative;
  color: rgba(51, 51, 51, 1.0); /*255*/
  z-index: 10;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.fh5co-tab-wrap .fh5co-tab-menu.scroll-header li a { /*mtn*/
  padding: 1em;
}
.fh5co-tab-wrap .fh5co-tab-menu li a .icon {
  display: block;
  position: relative;
  font-size: 22px;
  bottom: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {							/*mtn*/
	.fh5co-tab-wrap .fh5co-tab-menu.scroll-header li a .icon { 	/*mtn*/
		display:none;
	}
}
.fh5co-tab-wrap .fh5co-tab-menu li a .menu-text {
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-menu li a .menu-text {
    display: none;
  }
}
/*@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-menu li a {
    padding: 1em .5em .5em .5em;
  }
}*/ /*mtn*/
.fh5co-tab-wrap .fh5co-tab-menu li a:after {
  position: absolute;
  content: "";
  height: 0;
  background: #050505;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /*-webkit-border-radius: 30px; /* 7 */
  /*-moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;*/
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
}
.fh5co-tab-wrap .fh5co-tab-menu.scroll-header li a:after { /*mtn*/
  border-top-left-radius:30px;
  border-top-right-radius:30px;
}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover {
  color: #fff;
  text-decoration: none;
}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover .icon {
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-menu li a:hover .icon {
    bottom: 0px;
  }
}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover:after {
  height: 100%;
}
.fh5co-tab-wrap .fh5co-tab-menu li.active .icon {
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-menu li.active .icon {
    bottom: 0px;
  }
}
.fh5co-tab-wrap .fh5co-tab-menu li.active > a {
  color: #fff;
  text-decoration: none;
}
.fh5co-tab-wrap .fh5co-tab-menu li.active > a:after {
  height: 100%;
}
.fh5co-tab-wrap .fh5co-tab-content {
  padding-left: 4em;
  padding-right: 4em;
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-content {
    padding-left: .5em;
    padding-right: .5em;
  }
}
.fh5co-tab-wrap .fh5co-tab-content.active {
  opacity: 1;
  visibility: visible;
}
.fh5co-tab-wrap .fh5co-tab-content .fh5co-content-inner {
  padding: 7em 2em 5em 2em; /*7em 2em 5em 2em*/
  float: left;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .fh5co-tab-wrap .fh5co-tab-content .fh5co-content-inner {
    padding: 4em .5em 5em .5em; /*4em .5em 5em .5em*/
  }
}

figure {
  padding: 1em 0 1em 0; /*mtn*/
  /*margin-bottom: 2em; /*1.5 */
  max-height:400px;
  background: rgba(255, 255, 255, 0.1);
}

.text1 { /*mtn*/
  padding: 2em 0 2em 0;
}
.text1 p{ /*mtn*/
  padding: 0;
  margin: 0;
}
.text1 span{ /*mtn*/
  color: #050505;
  font-family: "YS Text", Arial, sans-serif;
  font-weight: 800;
  font-size: 48px;
  margin: 0;
}
.text2 p{ /*mtn*/
  color: rgba(32, 3, 0, 0.6); /* #200300 */
  font-family: "YS Text", Arial, sans-serif;
  font-weight: 600;
  font-size: 26px;
  padding: 0;
  margin: 0;
}

.fh5co-counter {
  padding: 1em 0 1em 0; /*1em 0 3em 0*/
}
.fh5co-counter .fh5co-number {
  font-size: 64px; /*100*/
  color: #050505;
  font-weight: 600; /*400*/
  margin: 0;
  padding: 0;
  line-height: 1.2; /* .7 */
}
.fh5co-counter .fh5co-number.fh5co-left {
  float: left;
  width: 46%; /*30*/
  text-align: center; /* mtn */
  /*margin-bottom: 1.1em;*/
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .fh5co-counter .fh5co-number.fh5co-left {
    width: 100%;
    line-height: 1.2;
  }
}
/*.fh5co-counter .fh5co-text {
  float: right;
  text-align: left;
  width: 40%; /*70
}*/
.fh5co-counter .fh5co-text { /*mtn*/
  float: left;
  text-align: center;
  width: 27%; /*70*/
  line-height: 1.2;
  padding: 0 10px 0 10px;
}
.fh5co-counter .fh5co-text span { /*mtn*/
  color: rgba(32, 3, 0, 0.6); /*#200300*/
  font-weight: 600;
  font-size: 26px;
  margin: 0;
  padding: 0;
  line-height: 2.4;
}

@media screen and (max-width: 768px) {
  .fh5co-counter .fh5co-text {
    width: 100%;
    text-align: center;
  }
}
.fh5co-counter .fh5co-text h3 {
  margin: 0;
  padding: 0;
  position: relative;
}
.fh5co-counter .fh5co-text h3.border-bottom:after {
  content: "";
  width: 50px;
}

.fh5co-social {
  padding: 0;
  margin: 0;
  text-align: center;
}
.fh5co-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.fh5co-social li a {
  font-size: 48px; /*22*/
  color: #c1c1c1; /*fff*/
  padding: 10px 50px 0 50px; /*10px 20px;*/
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .fh5co-social li a {
    padding: 10px 8px;
  }
}
.fh5co-social li a:hover {
  color: #32ff00;
}
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {
  outline: none;
  text-decoration: none;
}

.fh5co-feature {
  text-align: left;
  width: 100%;
  float: left;
}
.fh5co-feature .fh5co-icon {
  float: left;
  width: 10%;
  display: block;
  margin-top: 5px;
  text-align: center; /*mtn*/
}
.fh5co-feature .fh5co-icon i {
  color: #050505;
  font-size: 40px;
  padding-left: 15px; /*mtn*/
 /*background: rgba(255, 254, 51, 0.5);
  box-shadow: 0 0 20px 1px rgba(255, 254, 51, 0.7); */
}
@media screen and (min-width: 992px) {
  .fh5co-feature .fh5co-icon {
    display: none;
  }
}
.fh5co-feature .fh5co-icon.mob i{ /*mtn*/
	/*background: rgba(255, 254, 51, 0.5);
	box-shadow: 0 0 20px 1px rgba(255, 254, 51, 0.7);*/
	color: #32E000;
}

.fh5co-feature .fh5co-text {
  float: right;
  width: 82%;
}
/*.fh5co-feature .fh5co-text.float-right {		mtn
  float: none;
  width: 82%;
}
@media screen and (max-width: 992px) {			mtn
	.sm-width .fh5co-icon { width: 14%;	}
	.sm-width .fh5co-text, .sm-width .fh5co-text.float-right { width: 78%; }
}*/
@media screen and (max-width: 768px) {
  .fh5co-feature .fh5co-text {
    width: 82%;
  }
  .fh5co-feature .fh5co-text.float-right{ /*mtn*/
	float: right; 
  }
}
@media screen and (max-width: 480px) {
  .fh5co-feature .fh5co-text {
    width: 72%;
  }
}
.fh5co-feature .fh5co-text h2, .fh5co-feature .fh5co-text h3 {
  margin: 0;
  padding: 0;
}
.fh5co-feature .fh5co-text h3 {
  font-weight: 300;
  margin-bottom: 10px;
  /*color: rgba(255, 255, 255, 0.8);*/
  color: #050505;  
  font-size: 20px;
}
.fh5co-feature .fh5co-text h2 {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: bold;
  text-transform: uppercase;
}
.fh5co-feature .fh5co-text.aling-h h2 {
  line-height: 2.1em;  /*mtn*/
}

.fh5co-feature .fh5co-text h1 { /*mtn*/
  float: left;
  margin-right: 50px;
}
.fh5co-feature .fh5co-text p { /*mtn*/
  font-size: 18px;
}
.fh5co-feature .fh5co-text.float-right p { /*mtn*/
  font-size: 22px;
}

.blok-circle{
	margin:30px 0 30px 0;
}
.chart-and h1{ /*mtn*/
  font-size: 48px;
  font-weight: 600;
  margin: 0;
  line-height: 3;  
}
@media screen and (max-width: 768px) {
	.chart-and { /*mtn*/
		display: none;
	}
	.blok-circle{
		margin: 0;
	}  
}
.chart {
  width: 180px; /*160*/
  height: 180px; /*160*/
  margin: 0 auto 30px auto;
  position: relative;
  text-align: center;
}
.chart span {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -40px; /* -30 */
  width: 100%;
  
}
.chart span.perc{ /*mtn*/
	font-size: 48px;
	line-height: 2.4;
}
.chart span strong {
  display: block;
}
.chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

#fh5co-footer {
  margin-top: 50px;
  background: black;
  clear: both;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 20px;
  line-height: 1.2;
}
#fh5co-footer small {
  font-size: 14px;
}
#fh5co-footer .fh5co-author {
  display: block;
}
@media screen and (max-width: 768px) {
  #fh5co-footer .fh5co-author {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 1em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 1em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 1em; /*mtn*/
}

.btn-yan-blok { /*mtn*/
  width:50%;
  text-align:center;
  background: #FFE033;
  padding: 1em 0 1em 0;
  margin: 1em auto 1em auto;
  border-radius: 30px;   
  box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
}
.blok-left{
  margin-left: 6em;
}
@media screen and (max-width: 1024px) {
  .blok-left{
    margin-left: auto;
  }
}


.end-blok-yan { /*mtn*/
	padding-bottom: 3em;
}
a.btn-yan:hover, a.btn-yan:active, a.btn-yan:focus {
  text-decoration: none;
  outline: none; 	
}
a.btn-yan:hover .btn-yan-blok, a.btn-yan:active .btn-yan-blok, a.btn-yan:focus .btn-yan-blok { /*mtn*/
  /*border: 1px solid rgba(0, 0, 0, 0.3);*/
  color: #050505; /*FFE033*/
  background: rgba(50, 255, 0, 0.7);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  /*box-shadow: 0 0 20px 10px rgba(255, 254, 51, 0.7);*/
}
.bg-color { /*mtn*/
  background: rgba(0, 0, 0, 0.75);
  padding: 2em 1em 6em 1em;
  /*margin-bottom: 0em;*/
  border-radius: 30px;
  margin: 0 -6em -5em -6em;
  /*border: 5px solid rgba(50, 255, 0, 0.8);  */
  box-shadow: 0 0 10px 7px rgba(0, 0, 0, 0.3);
}
.bg-color a { /*mtn*/
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.bg-color a.kugoo { /*mtn*/
  color: #fff; /*#FE6623;*/
}
.bg-color a.mob { /*mtn*/
  color: #32ff00;
}
.bg-color a.yan { /*mtn*/
  color: #FFE033;
}
.bg-color a:hover, .bg-color a:active, .bg-color a:focus { /*mtn*/
  color: #fff;
  outline: none;
}
.bg-color p { /*mtn*/
  color: #c1c1c1;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 1em;
  }
}
@media screen and (max-width: 768px) {
  .bg-color {
	  margin-left: -1em;
	  margin-right: -1em;
	  margin-bottom: -6em;
	  padding: 1em 1em 6em 1em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .bg-color {
	  margin-bottom: -6em;
	  padding: 1em 1em 6em 1em;
  }
}



.portfolio-slider-active {			/*!!!!*/
    width: 100%;
}
.portfolio-slider-active .owl-dots {		/*!!!!*/
    margin-top: 16px;
    text-align: center;
	margin-bottom: 16px;
}
.portfolio-slider-active .owl-dot {			/*!!!!*/
    background: #ddd none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 17px;
    margin: 0 4px;
    width: 17px;
}
.portfolio-slider-active .owl-dot.active {/*!!!!*/
    border: 2px solid #ff4136;
    height: 18px;
    width: 18px;
    background: transparent;
}
.portfolio-slider-active .owl-nav div {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #333;
    font-size: 28px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s ease 0s;
    width: 40px;
}
.portfolio-slider-active .owl-nav div.owl-prev {
    left: 0;
    position: absolute;	
    right: auto;
	padding-right: 3px;
}
.portfolio-slider-active .owl-nav div.owl-next {
    left: auto;
    position: absolute;
    right: 0;
	padding-left: 3px;
}
.portfolio-slider-active:hover .owl-nav div {
    opacity: 1;
}
.portfolio-slider-active .owl-nav div i {
    line-height: 40px;	
}
.single-portfolio {					/*!!!!*/
    position: relative;
	width: 100%;
}
.pro__thumb {					  /*!!!!*/
	margin: 0 auto;
	text-align: center;
}
.pro__thumb img {				  /*!!!!*/
    /*width: 100%; mtn*/
	margin: 0 auto;
	max-width: 270px;
	max-height: 270px;
}
.pro__text h3 {
	color: #fff;
	margin: 0;
}
.single-portfolio a:focus {
  outline: none;
  text-decoration: none;
}
.end-blok { /*mtn*/
	padding-bottom: 6em;
}

/*# sourceMappingURL=style.css.map */