body{
	background-color: #F1F1F1;
    font-size: 18px;
}

div{
	background-color: white;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

.box-shadow2 {
	box-shadow: 0.3em 0.3em 5px rgba(122,122,122,0.2);
}

.box-shadow3 {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
}

.gomid {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.bg-white {
    background-color: white !important;
}

.phone {
	color: #7A77B5;
	font-size: 20px;
	font-style: ;
}

.btn-orange {
    color: white;
    background-color: #ffa300;
    border-color: #ffa300;
}

ul {
    list-style: none;
}
ul li {
    position: relative;
}
ul li:after {
    content: none;
    position: absolute;
/*    top: -3px;
    left: -15px;
    font-color:red;
    color: red;
    font-style: bold;*/
}


a {
    color: #7474C1;
    /*text-decoration: underline;*/
}

a:link {
 color: #7474c1;
/* border-bottom: 1px solid;
 border-bottom-color: rgba(0,96,160,0.2);*/
}

a:hover, a.hover{
    color: #FFA300;
}

a:hover img, a.hover img {
/* color: #800000;*/
 opacity: .90;
 border-bottom-color: rgba(255,218,202,0.5);
}

a.nav-link {
  color: #7474c1 !important; 
  text-decoration: underline;
}



/* style pricing */
.mega-pricing-item {
 background: #fff none repeat scroll 0 0;
 box-shadow: 0 0 10px #f1f1f1;
 padding: 30px;
/* text-align: center;*/
}
.bordered-btn {
 border: 1px solid;
 color: #fff;
 display: inline-block;
/* font-weight: 700;*/
 padding: 10px 30px;
} 
.bordered-btn {
 border-radius: 3px;
} 
.bordered-btn:hover {
 color: #fff;
 background-color: #1360f4;
 border-color: #1360f4;
 text-decoration:none} 
.boxed-btn {
 display: inline-block;
/* font-weight: 600;*/
}
.boxed-btn {
 border-radius: 2px;
 font-size: 14px;
 margin-top: 15px;
 padding: 10px 30px;
 color: #fff
}
.boxed-btn:hover{
 background-color: #333;
 color: #fff;
 text-decoration:none
} 
.mega-pricing-item ul {
/* line-height: 35px;*/
 list-style: outside none none;
 margin: 0;
 min-height: 198px;
 padding: 0;
}
.mega-pricing-item a.boxed-btn {
 margin: 0;
}
.mega-pricing-item h1 {
 font-size: 55px;
/* font-weight: 300;*/
}
.mega-pricing-item h1 span {
 font-size: 25px;
 padding-right: 3px;
}
.mega-pricing-item h3 {
 font-size: 25px;
/* font-weight: 300;*/
}
.gradient-style-1 {
 background: #e62f17;
 background: -webkit-linear-gradient(45deg, #FFA300 0%, #F6A841 100%);
 background: linear-gradient(45deg, #FFA300 0%, #F6A841 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e62f17', endColorstr='#f2ba30', GradientType=1);
}
.gradient-style-11 {
 background: #e62f17;
 background: -webkit-linear-gradient(45deg, #e62f17 0%, #f2ba30 100%);
 background: linear-gradient(45deg, #e62f17 0%, #f2ba30 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e62f17', endColorstr='#f2ba30', GradientType=1);
}
.gradient-style-2 {
 background: #0a3466;
 background: -webkit-linear-gradient(45deg, #7474C1 0%, #9490C5 100%);
 background: linear-gradient(45deg, #7474C1 0%, #9490C5 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3466', endColorstr='#17b6e3', GradientType=1);
}
.gradient-style-21 {
 background: #0a3466;
 background: -webkit-linear-gradient(45deg, #0a3466 0%, #17b6e3 100%);
 background: linear-gradient(45deg, #0a3466 0%, #17b6e3 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a3466', endColorstr='#17b6e3', GradientType=1);
}
.gradient-style-31 {
 background: #18b9e5;
 background: -webkit-linear-gradient(45deg, #18b9e5 0%, #81d9b8 100%);
 background: linear-gradient(45deg, #18b9e5 0%, #81d9b8 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#18b9e5', endColorstr='#81d9b8', GradientType=1);
}

.gradient-style-3 {
 background: #18b9e5;
 background: -webkit-linear-gradient(45deg, #E03C31 0%, #F18F7B 100%);
 background: linear-gradient(45deg, #E03C31 0%, #F18F7B 100%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#18b9e5', endColorstr='#81d9b8', GradientType=1);
}

.gradient-style-1,
.gradient-style-11,
.gradient-style-21,
.gradient-style-31,
.gradient-style-2,
.gradient-style-3 {
 color: #fff;
 box-shadow: 0 0 10px #ccc
}
.pricing-icon {
 font-size: 80px;
 line-height: 80px;
 margin-bottom: 20px;
}

.gradient-style-11 a,
.gradient-style-21 a,
.gradient-style-31 a,
.gradient-style-1 a,
.gradient-style-2 a,
.gradient-style-3 a {
 background-color: transparent;
 border: 1px solid #fff;
 color: #fff;
}
.pricing-duration {
 margin-top: -15px;
 margin-bottom: 15px;
 font-size: 12px;
}
.mega-pricing-item.flat-style-pricing {
 border: 1px solid #f7f9fc;
 box-shadow: 0 0 0;
}
.mega-pricing-item.flat-style-pricing.active {
 border-top: 3px solid;
 box-shadow: 0 0 10px #f1f1f1;
}
.mega-pricing-item h3 span {
 display: block;
 font-size: 14px;
 line-height: 20px;
}

.price{
    font-size: 55px;
    font-weight: 300;
}

.mega-pricing-item span {
 font-size: 55px;
 font-weight: 300;
}

.gradient-style7{
  background: linear-gradient(270deg, #df8217, #962e92);
  background-size: 400% 400%;

  -webkit-animation: AnimationName 4s ease infinite;
  -moz-animation: AnimationName 4s ease infinite;
  animation: AnimationName 4s ease infinite;  
}

@-webkit-keyframes AnimationName {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }
  @-moz-keyframes AnimationName {
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }
  @keyframes AnimationName { 
      0%{background-position:0% 50%}
      50%{background-position:100% 50%}
      100%{background-position:0% 50%}
  }

.gradient-VSR1{
background: linear-gradient(269deg, #ffa300, #7474c1, #e03c31);
background-size: 600% 600%;

-webkit-animation: VSR1 30s ease infinite;
-moz-animation: VSR1 30s ease infinite;
-o-animation: VSR1 30s ease infinite;
animation: VSR1 30s ease infinite;
}

@-webkit-keyframes VSR1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-moz-keyframes VSR1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-o-keyframes VSR1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes VSR1 { 
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}


/*Business Card Css */
.business-card {
  /*border: 1px solid #cccccc;*/
  background: white;
  padding: 0px;
  border-radius: 7px;
  /*border-color: #7474C1;*/
  margin-bottom: 10px;
}
.profile-img {
  height: 100%;
  width: 100%;
  background: white;
  border-radius: 7px 0px 0px 7px;
}


.btn{
 border-radius: 0;
 letter-spacing: 1px;
 color: #fff;
 border: none;
 position: relative;
}
.btn:hover{ color: #fff; }

.btn.red{ background: #fe6d6d; }
.btn.blue{ background: #3cb4e5; }
.btn.orange{ background: #ee955b; }
.btn.green{ background: #79d799; }
@media only screen and (max-width: 767px){
 .btn{ margin-bottom: 20px; }
}

.btn-warning{
  background: rgb(255, 163, 0);
  color: white;
  /*border: 1px solid #7474C1;*/
/*  border: 1px solid white;*/
  font-weight: bold;
}
.btn-warning:hover {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
/*    border: 1px solid white;*/
}

.btn-warning:active {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
}


.btn-warning2{
  background: #7474C1;
  color: #7474C1;
  /*border: 1px solid #7474C1;*/
  /*border: 1px solid white;*/
}
.btn-warning2:hover {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
    /*border-color: rgb(255, 163, 0);*/
    /*border: 1px solid white;*/
}

.btn-warning2:active {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
    /*border-color: rgb(255, 163, 0);*/
}

.btn-warning0{
  background: #9490C5;
  color: #9490C5;

}
.btn-warning0:hover {
    color: white;
    background-color: #E03C31;
}

.btn-warning0:active {
    color: white;
    background-color: #E03C31;
}

.btn-warning3{
  background: #FFA300;
  color: #7474C1;
  /*border: 1px solid #7474C1;*/
  /*border: 1px solid white;*/
  /*border: none;*/
}
.btn-warning3:hover {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
    /*border-color: rgb(255, 163, 0);*/
    /*border: 1px solid white;*/
    /*border: none;*/
}

.btn-warning3:active {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
    /*border-color: rgb(255, 163, 0);*/
    /*border: none;*/
}

/*.btn-warning3:focus{
  text-decoration: underline;
  color: red;
  background-color: red;
  border: none;
}*/

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}




.btn-orange{
  background: #FFA300;
  color: white;
  border-radius: 5px;
  font-weight: bold;
}

.btn-orange:hover {
    color: white;
    background-color: #E03C31;
    font-weight: bold;
}

.btn-orange:active {
    color: white;
    background-color: #E03C31;
    font-weight: bold;
}





.btn-warning4{
  background: #E03C31;
  color: #7474C1;
  /*border: 1px solid #7474C1;*/
  /*border: 1px solid #E03C31;*/
}
.btn-warning4:hover {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #7474C1;
    /*border-color: rgb(255, 163, 0);*/
    /*border: 1px solid white;*/
}

.btn-warning4:active {
    /*color: #212529;*/
    color: white;
    /*background-color: #e0a800;*/
    background-color: #E03C31;
    /*border-color: rgb(255, 163, 0);*/
      outline:none;
}

.btn-warning4:focus {
  outline:none;
}



.table-violet{
  background-color: #7474c1;
  color: white;
}

.table-violet:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: rgb(255, 163, 0);
}



table {
  width: 100%;
  background-color: #fff;
}

th, td {
  font-weight: unset;
  padding-right: 10px;
}

.column100 {
  width: 130px;
  padding-left: 25px;
}

.column100.column1 {
  width: 265px;
  padding-left: 42px;
}

.row100.head th {
  padding-top: 24px;
  padding-bottom: 20px;
}

.row100 td {
  padding-top: 7px;
  padding-bottom: 7px;
}




.table100.ver6 {
  border-radius: 16px;
  overflow: hidden;
  background: #7918f2;
  background: -webkit-linear-gradient(-68deg, #7474C1 , #8000ff);
  background: -o-linear-gradient(-68deg, #7474C1 , #8000ff);
  background: -moz-linear-gradient(-68deg, #7474C1 , #8000ff);
  background: linear-gradient(-68deg, #7474C1 , #8000ff);
}

.table100.ver6 table {
  background-color: transparent;
}

.table100.ver6 td {
  /*font-family: Montserrat-Regular;*/
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  border: 1px solid gray;
}

.table100.ver6 th {
  /*font-family: Montserrat-Medium;*/
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  border: 1px solid gray;
  /*text-transform: uppercase;*/

  background-color: rgba(255,255,255,0.32);
}

.table100.ver6 .row100:hover td {
  background-color: rgba(255,255,255,0.1);
}

.table100.ver6 .hov-column-ver6 {
  background-color: rgba(255,255,255,0.1);
}


.table100.ver6 .row100 td:hover {
  background-color: rgba(255,255,255,0.2);
}


.table td, .table th {
    padding: .5rem;
    border-top: solid 1px rgba(116,116,193,0.5);
    border-bottom: solid 1px rgba(116,116,193,0.5);
}

.stoimost-item{
  font-weight: 500;
  text-align: left;
}

.list-group-item {
  border: 1px solid #FFA300;
}

.underline{
  text-decoration: underline;
}


/*.portfolio-item {
  line-height: 22px;
  border: none;
  padding: 3px;
}*/



.blockquote-footer::before {
    content: "";
}



.btn-secondary0 {
    color: #9490C5;
    background-color: white;
    border: solid 1px #9490C5;
    /*border-color: #E03C31;*/
}


.btn-secondary0:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: white;
    background-color: #9490C5;
    border-color: #9490C5;
}

.btn-secondary0:hover {
    color: white;
    background-color: #9490C5;
    border: solid 1px #9490C5;
    /*border-color: #E03C31;*/
}




.btn-secondary1 {
    color: #7474c1;
    background-color: white;
    border: solid 1px #7474c1;
    /*border-color: #E03C31;*/
}


.btn-secondary1:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: white;
    background-color: #7474c1;
    border-color: #7474c1;
}

.btn-secondary1:hover {
    color: white;
    background-color: #7474c1;
    border: solid 1px #7474c1;
    /*border-color: #E03C31;*/
}



.btn-secondary2 {
    color: #FFA300;
    background-color: white;
    border: solid 1px #FFA300;
    /*border-color: #E03C31;*/
}

.btn-secondary2:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: white;
    background-color: #FFA300;
    border-color: #FFA300;
}

.btn-secondary2:hover {
    color: white;
    background-color: #FFA300;
    border: solid 1px #FFA300;
    /*border-color: #E03C31;*/
}



.btn-secondary3 {
    color: #E03C31;
    background-color: white;
    border: solid 1px #E03C31;
    /*border-color: #E03C31;*/
}

.btn-secondary3:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: white;
    background-color: #E03C31;
    border-color: #E03C31;
}

.btn-secondary3:hover {
    color: white;
    background-color: #E03C31;
    border: solid 1px #E03C31;
    /*border-color: #E03C31;*/
}


.btn-link {
    font-weight: 500;
    /* color: #007bff; */
    background-color: transparent;
    /*text-decoration: underline;*/
}


.error{
  color: #FFA300;
}

p.blockquote.font-italic {padding: 10px; margin: 10px;}
footer.blockquote-footer {padding: 0 10px 20px 10px}
div.starpad {padding-top: 20px}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.lectors {
  overflow-y: hidden; 
  width: 100%; 
  display: flex; 
  height: 570px; 
  -webkit-overflow-scrolling: touch;
  -webkit-mask-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,.85) 2%,rgba(255,255,255,1) 3%,rgba(255,255,255,1) 97%,rgba(255,255,255,.85) 98%,rgba(255,255,255,0) 100%);
}

.lector:last-child { margin-right: 48px !important; min-width: 248px !important; padding-right: 20px }

.lectorsMax {
  width: 100%;
  overflow-x: hidden; 
  cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
}

.lector {
  margin-top: 15px;
  margin-right: 28px;
  max-width: 228px;
  min-width: 228px;
}

div.class-img-top {width:228px}
div.lector-border {border: 1px solid #aaa; border-top: hidden;}

.tarifs {
  overflow-y: hidden; 
  width:  100%; 
  display: flex;
  -webkit-overflow-scrolling: touch;

}

#stoimost th:first-child {
}

h2{font-size: 2em}
h5{font-size: 1em}
h5.card{font-size: 1.25em;padding: 20px 17px 5px 17px; border:hidden; font-weight: 500; line-height: 1.2em}
p.card{font-size: .9em; padding: 0 17px; border:hidden; line-height: 1.5em;}

button.wrap { 
  white-space: normal !important;
  word-wrap: break-word !important;
  text-align: left;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 991.99px) 
{ 
  th.warrlg{display: table-cell !important}
}

@media screen and (max-width: 991.98px) 
{ 
  .tarifs {
    cursor: grab; cursor : -o-grab; cursor : -moz-grab; cursor : -webkit-grab;
  }
}


@media (min-width: 992px) and (max-width: 1199.98px)
{

  ul.stcky{font-size: 90%}
  a.stcky{font-size: .8em !important}
  a.stckys{font-size: .9em !important}
  table.dis{margin-bottom: 5px !important;}
  h4.pad{margin-top: 55px !important}
  h2.tar{font-size: 1.4rem !important;}
}

@media (min-width: 768px) and (max-width: 991.98px) 
{ 
  table.dis{margin-bottom: 5px !important;}
  h2.tit{font-size: 1.3em}
  h4.pad_2{margin-top: 250px !important}
  button.kurs{font-size: 1.2em !important}
  div#warrdis{max-width: 240px}
  th.warrmd{display: table-cell !important}
  div.lft{padding-left: 50px !important}
  h2.tar{font-size: 1.3rem !important;}
}

@media (min-width: 576px) and (max-width: 767.98px) 
{ 
  h2.tit{font-size: 1.3em}
  button.kurs{font-size: 1.1em !important}
  button.wrap{font-size: .8em !important}
  div#warrdis{max-width: 150px;}
  th.warrsm{display: table-cell !important}
  div.card-columns{column-count: 2 !important}
  div.pdr{padding-right: 50px}
  div.pdl{padding-left: 50px; margin-top: 20px}
  div.lfti{padding-left: 50px !important;}
  h2.tar{font-size: 1.3rem !important;}
}

@media screen and (max-width: 575px)
{
  div.brnd{padding-left: 10px !important; padding-right: 10px !important;}
  h1.dis{font-size: 1.5em !important;}
  h2.tit{font-size: 1.3em}
  p.dis{font-size: 1em !important;}
  table.dis{font-size: 1em !important; line-height: 1.1em !important;}
  i.dwn{font-size: 30px !important}
  th.non{display: none;}
  button.kurs{font-size: 1.1em !important}
  span.non{display: none}
  th.warrxs{display: table-cell !important}
  div.warrxs{display: block !important}
  div.pdr{padding-right: 50px}
  div.pdl{padding-left: 50px; margin-top: 20px}
  div.tar{min-width: 50px}
  div.lft{padding-left: 50px !important}
  div.lfti{padding-left: 50px !important}
  div.lftd{padding-left: 50px !important;}
  h2.tar{font-size: 1.3rem !important;}
}
