/*НОВОЕ*/
/*Карточки при наведении*/

.uk-scope .uk-overlay-primary {
    background: linear-gradient(41deg, rgba(100, 31, 252, 1) 0%, rgba(166, 74, 246, 0.9) 52%, rgba(0, 201, 254, 1) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    height: 100vh;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/*Фон контент*/
#sp-main-body {
background: linear-gradient(0deg, rgba(9,9,9,1) 0%, rgba(108,31,252,0.5) 50%, rgba(9,9,9,1) 100%), url(/images/site/glavnay/obo_mne/obomnefonn.jpg);
  }
/*Фон новости*/
#sp-novosty {
background: linear-gradient(180deg, rgba(9,9,9,1) 0%, rgba(45,22,89,1) 100%);
}


/*Фон этапы*/
#sp-etapy {
      background-image: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(9, 9, 9, 0) 20%, rgba(9, 9, 9, 0) 80%, rgba(9, 9, 9, 1) 100%), url(/images/site/glavnay/etapy/instrymentfon.jpg);
}



/*Фон инструмента*/
#sp-instrumenty {
background: linear-gradient(180deg, rgba(45,22,89,1) 0%, rgba(9,9,9,1) 100%);
}



/*Инструменты*/
.uk-scope .uk-card-secondary {

    background: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(45, 22, 89, 1) 100%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}


/*фон для портфолио*/
#sp-portfolio {
    background: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(45, 22, 89, 1) 100%);
}
/*фон для Обомне*/
#sp-obo-mne {
    background-image: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(9, 9, 9, 0) 20%, rgba(9, 9, 9, 0) 80%, rgba(9, 9, 9, 1) 100%), url(/images/site/glavnay/obo_mne/obomnefon2.jpg);
}

/*фон для Специализируюсь*/
#sp-special {
    background-image: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(9, 9, 9, 0) 20%, rgba(9, 9, 9, 0) 80%, rgba(9, 9, 9, 1) 100%), url(/images/site/glavnay/obo_mne/specfon.jpg);
}
  
  /*Заголовок*/
.hh {
  font-family: 'Open Sans Bold Italic';
  /*font-family: 'Open Sans Bold';*/
  font-weight: 900;
  text-transform: uppercase ;
  background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  -webkit-background-clip: text;
  -webkit-text-stroke: 4px transparent;
  color: transparent;
  line-height: 0.75;
  letter-spacing: 3px;
  margin: 0px auto;
}







/*Градиент тексту*/
.gradient-text{
  font-family: 'Open Sans Bold';
  font-weight: 900;
  font-size: 70px;
  text-transform: uppercase;
  background: linear-gradient(90deg, rgba(108,31,252,1) 0%, rgba(166,74,246,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
  display: table;
  margin: 0px auto;
}






/*Заголовок*/
.hh2 {
height: 110px;
text-align: left;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #D9D9D9;
font-weight: 800;
line-height: 200px; /* 100% */
font-family: 'Open Sans';
font-style: italic;

text-transform: uppercase;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

/*Кнопка заполненная*/
.bottom1 {
    height: 42px;
    border-radius: 100px;
    background: linear-gradient(80deg, rgba(108, 31, 252, 1) 0%, rgba(166, 74, 246, 1) 100%);
    color: #ffffff;
    padding: 8px;
    width: 196px;
    text-decoration: none;
    text-align: center;
    margin: 10px auto;
    display: block;
     /* background-image: linear-gradient(to left, transparent, transparent 50%, #00c6ff 50%, #00c6ff); */
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    font: 400 18px tahoma;
    /* border: 1px solid #00C6FF; */
}
.bottom1:hover {
background-position: 0 0;
color:#fff;
}



/*Кнопка без заполнения*/
.bottom2 {
 color:#fff;
 padding: 10px;
 width:196px;
 text-decoration:none;
 text-align:center;

 display: block;
 background-image: linear-gradient(to left,transparent,transparent 50%,#6C1FFC 50%,#A64AF6);
 background-position: 100% 0;
 background-size: 200% 100%;
 transition: all .25s ease-in;
 font: 400 18px tahoma;
 border: 1px solid #6C1FFC;
  border-radius: 100px;
}
.bottom2:hover {
background-position: 0 0;
color:#fff;
}


/*Кнопка без заполнения голубая*/
.bottom3 {
    height: 42px;
    border-radius: 100px;
    background-image: linear-gradient(to left, transparent, transparent 50%, #00c6ff 50%, #00c6ff);
    color: #fff;
    padding: 8px;
    width: 196px;
    text-decoration: none;
    text-align: center;
    display: block;
    
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    font: 400 18px tahoma;
    border: 1px solid #00C6FF;
}
.bottom3:hover {
background-position: 0 0;
color:#fff;
}





  




/*Меню*/
#sp-hader {
    background: linear-gradient(180deg, rgba(9, 9, 9, 1) 0%, rgba(9, 9, 9, 0) 100%);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    position: fixed;
    padding: 5px 5%;
}

.uk-scope .uk-tab>.uk-active>a {
    color: #6c1ffc;
    border-color: #6c1ffc;
}








/*НОВОЕ*/

/*фон для клевер*/
#sp-cleverlms {
background: linear-gradient(180deg, rgba(12,12,12,1) 0%, rgba(0,97,158,1) 33%, rgba(193,54,222,1) 66%, rgba(12,12,12,1) 100%);
}
.uk-scope .uk-link, .uk-scope a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
#sp-cleverlms3 {
background: linear-gradient(180deg, rgba(12,12,12,1) 0%, rgba(193,54,222,1) 33%, rgba(244,172,10,1) 66%, rgba(12,12,12,1) 100%);}





/*Кнопка*/
.button{
  font-family: 'Lato';
border-radius: 6px;
color: #fff;
display:block;
width:250px;
text-align: center;
font-size: 16px;
padding: 10px 16px;
margin: auto;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
.button {
  color: #fff;
	border: 1px solid #C59740;
}
        
.button:hover {
  color: #fff;
	background-color: #C59740;
	border: 1px solid #C59740;
}

/*Кнопка2*/
.button2{
  font-family: 'Lato';
border-radius: 6px;
color: #fff;
display:block;
width:250px;
text-align: center;
font-size: 16px;
padding: 10px 16px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
.button2 {
  color: #fff;
	border: 1px solid #C59740;
}
        
.button2:hover {
  color: #fff;
	background-color: #C59740;
	border: 1px solid #C59740;
}
/*Кнопка3*/
.button3{
  font-family: 'Lato';
border-radius: 6px;
color: #fff;
display:block;
width:250px;
text-align: center;
font-size: 16px;
padding: 10px 16px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
.button3 {
  color: #fff;
  	border: 1px solid #FFF;
}
.uk-scope .uk-link, .uk-scope a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}        
.button3:hover {
    color: #fff;
	background-color: #C59740;
	border: 1px solid #C59740;
}


/*Шрифты*/
@font-face{
 font-family: 'Myfont';
 src: url('https://websolomin.ru/templates/shaper_helixultimate/fonts/Cattedrale.ttf');
}


/*Приалоудер*/
.stroke-still1 {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1);
          transform: translate(-50%, -50%) rotate(45deg) scale(1);
}
.stroke-still {
  stroke: #232323;
}
.stroke-animation {
  -webkit-animation: stroke-spacing 1.2s ease-in, stroke-color 4.8s linear;
          animation: stroke-spacing 1.2s ease-in, stroke-color 4.8s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

@-webkit-keyframes stroke-spacing {
  0% {
    stroke-dasharray: 0 200;
  }
  45% {
    stroke-dashoffset: 0;
    stroke-dasharray: 200 200;
  }
  90% {
    stroke-dashoffset: -200;
    stroke-dasharray: 200 200;
  }
  100% {
    stroke-dashoffset: -200;
    stroke-dasharray: 200 200;
  }
}

@keyframes stroke-spacing {
  0% {
    stroke-dasharray: 0 200;
  }
  45% {
    stroke-dashoffset: 0;
    stroke-dasharray: 200 200;
  }
  90% {
    stroke-dashoffset: -200;
    stroke-dasharray: 200 200;
  }
  100% {
    stroke-dashoffset: -200;
    stroke-dasharray: 200 200;
  }
}

@-webkit-keyframes stroke-color {
  0%  { stroke: #3498DB; }
  24% { stroke: #643232; }
  25% { stroke: #327864; }
  49% { stroke: #327864; }
  50% { stroke: #32326e; }
  74% { stroke: #32326e; }
  75% { stroke: #78325a; }
  99% { stroke: #78325a; }
}

@keyframes stroke-color {
  0%  { stroke: #3498DB; }
  24% { stroke: #643232; }
  25% { stroke: #327864; }
  49% { stroke: #327864; }
  50% { stroke: #32326e; }
  74% { stroke: #32326e; }
  75% { stroke: #78325a; }
  99% { stroke: #78325a; }
}


@keyframes load {
    0%{
        opacity: 0.08;
/*         font-size: 10px; */
/* 				font-weight: 400; */
				filter: blur(5px);
				letter-spacing: 3px;
        }
    100%{
/*         opacity: 1; */
/*         font-size: 12px; */
/* 				font-weight:600; */
/* 				filter: blur(0); */
        }
}

.animate1 {
	display:flex;
	justify-content: center;
	align-items: flex-end;
	height:100%;
    margin: auto 400px;
/* 	width: 350px; */
/* 	font-size:26px; */
	font-family: 'el_messiri';
	animation: load 1.2s infinite 0s ease-in-out;
	animation-direction: alternate;
	text-shadow: 0 0 1px white;
}

/*Маркеры*/
.markers {font-family: 'Roboto'; 
          font-size: 18px;
}
.markers li {
	list-style-image: url(https://websolomin.ru/images/site/glavnay/icon/markers.png);
  padding: 0px 5px;
  margin: 2px 2px;
}