/*CUSTOM BY INDIGO*/

:root {
  --border-radius--small: 0.6rem !important;
  --color-green: #6BF345;
  --color-gold: #fff341;

}

body
{
	background-color: #0d99ff0a;
}


body .wrapper header .burger-menu .burger-nav-items
{
	margin-bottom: 0;
}


body .wrapper .large {
  font-size: 3.5rem;
}

body .wrapper .presentation-section .presentation-items .tabulation-container .tabulation-slide__content .text-content {
  max-width: 450px;
}

body .wrapper header .container {
  padding-bottom: 40px;
}

body .wrapper header .logotype {
  max-width: 200px !important;
}

body .wrapper header .logotype picture{
  width: 200px;
}



body .wrapper .presentation-section
{
  margin-bottom: var(--margin--h2);
}

/*
body .wrapper .presentation-items .black-item .tag
{
	background-color: rgb(60, 62, 76) !important;
	color: #fdf8f8 !important;
	padding: 0.2rem 0.5rem !important;
	
}
*/


body .wrapper .presentation-section .black-item .tag{
  background-color: rgba(195, 230, 255, 0.08);
  border: 0px;
  color: #5FBBFF;
  border-radius: 5px;
  padding: 5px 15px;
}

body .wrapper .presentation-items .arrow-button .arrow-button__icon
{
	max-width: 64px !important;
	min-width: 64px !important;
	height: 64px !important;
}



body .wrapper .presentation-section .download-free .main-button
{
	padding: 1.2rem !important;
	font-size: var(--font-size--h6) !important;
}


body .wrapper .presentation-section .download-free .tooltip {
  grid-row: 1/2;
  grid-column: 3/4;
  align-self: auto;
}

body .wrapper .presentation-section .download-free .arrow-button {
  grid-row: 2/3;
  justify-self: baseline;
  grid-column: 3/4;
  align-self: end;
}

body .wrapper .black-item .download-free .arrow-button span{
  color: var(--color--orange);
}

body .wrapper .bullets .round-icons .round-icons__icon[data-icon="cursor"] {
  z-index: 3;
}

body .wrapper h1 span {
  margin-bottom: 0rem;
}

.mtop
{
  margin-top:1rem;
}

.center
{
  text-align: center !important;
}

body .wrapper .presentation-section h1, 
body .wrapper .presentation-section .h1 {
  max-width: 100%;
}

.blue{  color: var(--color--blue) !important; }
.orange{  color: var(--color--orange) !important; }
.green{  color: var(--color-green) !important; }
.gray{ color: var(--color--blue-light) !important;}
.real-gray{ color:var(--color--gray) !important;}
.gold{ color:var(--color-gold) !important; }


.lbold {font-weight:600;}




div.languages a:hover
{
  color: var(--color--blue);
}


div.languages img
{
  width:20px;
  height:20px;
  cursor:pointer;
}

div.languages img:hover
{
  filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(-880.4deg) brightness(99%) contrast(119%);
}

div.languages p
{
  position: absolute;
  background-color: white;
  padding: 5px;
  border-radius: 5px;
}

body .wrapper .internal-content-section .section-container
{
  background-color: rgba(255, 255, 255, 1);
  border-radius: 20px;
  padding-top: 2em;
  padding-bottom: 2em;
}


body .wrapper .content-section .section-container p a,
body .wrapper .internal-content-section .section-container a,
body .wrapper .internal-content-section .section-container a,
body .wrapper .content-section .section-container .feature a,
body .wrapper .section-container form a
{
  color: var(--color--blue);

}


body .wrapper img.img-responsive
{
	display: block;
	max-width: 100%;
	height: auto;
	width: auto;
}


body .wrapper .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

body .wrapper section.title
{
	margin-bottom:0px;
}

body .wrapper section.title .section-container .h1
{
  font-size: var(--font-size--h1);
  max-width: 1088px;
  margin-bottom: 3.125rem;
}



body .wrapper  .grid_
{
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-auto-rows: initial; 
	gap: 1rem;
}


body .wrapper .section-container .grid-1-to-1-to-1
{
	grid-template-columns: 1fr 1fr 1fr; 
}


body .wrapper .section-container .grid-2-to-1
{
	grid-template-columns: 2fr 1fr; 
}
body .wrapper .section-container .grid-1-to-2
{
	grid-template-columns: 1fr 2fr; 
}


body .wrapper .section-container .grid-3-to-1
{
	grid-template-columns: 3fr 1fr; 
}
body .wrapper .section-container .grid-1-to-3
{
	grid-template-columns: 1fr 3fr; 
}


body .wrapper .section-container .grid-1-to-4
{
	grid-template-columns: 1fr 4fr; 
}
body .wrapper .section-container .grid-4-to-1
{
	grid-template-columns: 4fr 1fr; 
}


body .wrapper .section-container .grid-3-to-2
{
	grid-template-columns: 3fr 2fr; 
}
body .wrapper .section-container .grid-2-to-3
{
	grid-template-columns: 2fr 3fr; 
}

#home_option {
	grid-row: 2/2;
	margin: 1.875rem 0.5rem;
}

@media (max-width: 700px)
{

	body .wrapper .section-container .grid_
	{
		grid-template-columns: 100%; 
	}

	#home_option {
    	grid-row: auto;
	}

}


body .wrapper .presentation-contacts-section .presentation-contacts-items {
  display: grid;
  grid-template-columns: 2fr 4fr 1fr;
  gap: 0 1.25rem;
}


body .wrapper .licensing-issues-section .licensing-issues-items, 
body .wrapper .technical-support-section .licensing-issues-items {
  display: grid;
  grid-template-columns: 3fr 7fr;
  gap: 1.875rem;
}

div.feature div.row
{
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 1.875rem;
  margin-bottom: 1.875rem;
}

div.feature 
{
  display: block !important;
}


div.feature a 
{
  display: inline;
}

.news img
{
  width: auto !important;
}

form img
{
  width: auto !important;
}


body .wrapper form input[type="submit"] {
  background-color: var(--color--blue);
  color: white;
}

body .wrapper form input {
  margin-bottom: 2rem;
}

.wrapper .news ol li {
  margin-bottom: 0rem;
}


.wrapper .news h2 {
	margin-bottom: var(--margin--h4);
	font-size: var(--font-size--h4);
	color: var(--color--blue);

}



body .wrapper .swiper-pagination .swiper-pagination-bullet {
  border-color: var(--color-blue-semi-light);
  color: var(--color-blue-semi-light);
}


body .wrapper .internal-content-section .section-container .section-content h2
{
  margin-bottom: 1rem;
  margin-top: 3rem;
}



body .wrapper .internal-content-section .section-container .section-content ul li
{
	list-style: disc;
	margin-left: 1rem;

}

.case
{
	width:30%;
	max-width:300px;
	margin:10px;
}

@media (max-width: 700px)
{
	.case{	width:50%;}
}

@media (max-width: 350px)
{
	.case{	width:100%;}
}

.case .img
{
	width:auto;
	height:300px;
}


.case a
{
	color:inherit !important;
}



.sort-source a.sub-button
{
 display: inline-block;
 margin:10px;
}

.sort-source a.sub-button.active 
{
	color: white !important; 
	background-color: var(--color--blue) !important; 
	border-color: var(--color--blue) !important; 
}



body .wrapper article h1
{
	font-size: var(--font-size--h3);
}


body .wrapper article h2
{
	margin-top: 2rem;
	font-size: var(--font-size--h4);
	margin-bottom: 0.7rem;
}


body .wrapper article h3
{
	margin-top: 1.7rem;
	font-size: var(--font-size--h5);
	margin-bottom: 0.5rem;
}

body .wrapper article h4
{
	margin-top: 1.4rem;
	font-size: var(--font-size--h6);
	margin-bottom: 0.4rem;
}

body .wrapper article ul,
body .wrapper article li
{
	list-style: inside;
}

body .wrapper article details
{
	margin-top: 0.8rem;
}


body .wrapper .main-button, body .wrapper button, body .wrapper .tag, body .wrapper .tabulation__item.compact 
{
  font-size: var(--font-size--small);
  padding: 0.75rem 1rem;
}


body .wrapper .advantage-work-section .advantage-work-item .text-content p 
{
  max-width: 70%;
  margin-bottom:1rem;
}


body .wrapper .advantage-work-section .advantage-work-item ._advantage-work-slider .swiper {
  max-width: 500px;
  min-width: 500px;
}

body .wrapper .advantage-work-section .advantage-work-item .text-content h4
{
  margin-top:0rem;
  margin-bottom:0.5rem !important;
}


body .wrapper .advantage-work-section .parallax-item .parallax-wrapper {
  position: absolute;
  right: 10%;
  bottom: 10%;
}


body .wrapper .advantage-section .advantage-items .diagrams .draw-arrow {
  right: 2%;
  top: 28%;
}

.pie {
  width: 300px;
  stroke: #0D99FF;
  border-radius: 50%;
  filter: drop-shadow(2px 2px 5px gray);
}

.pie circle {
  fill: none;
  stroke: #0D99FF;
  stroke-width: 32;
  animation: rotate 1.5s ease-in;
}

@keyframes rotate {
  to {
    x
  } 
}


body .wrapper .relevant-issues-section ._relevant-issues-slider .swiper-slide .text-content h4 {
  margin-bottom: 1.5rem;
}


body .wrapper .relevant-issues-section ._relevant-issues-slider
{
  display: block;
}


body .wrapper .relevant-issues-section ._relevant-issues-slider p
{
  font-size: var(--font-size--regular);
/*  line-height: var(--font-size--regular);*/
}


body .wrapper form h1{
  font-size: var(--font-size--h4);
}


body .wrapper form input, body .wrapper form textarea {
  padding: .5rem 1rem;
}

body .wrapper form select,
body .wrapper form input,
body .wrapper form textarea

 {
  padding: 0.5rem;
  border-radius: var(--border-radius--small);
  border: var(--border-1px) solid var(--color--blue);
}


body .wrapper .blue-button
{
	color:white !important;
	border-color:var(--color--blue) !important;
	background-color:var(--color--blue) !important;
}


body .wrapper .main-button:hover, 
body .wrapper button:hover, 
body .wrapper .tabulation__item:hover,
body .wrapper .blue-button:hover,
body .wrapper .sub-button:hover
{
	color:var(--color--blue) !important;
	border-color:var(--color--blue-light) !important;
	background-color:var(--color--blue-light) !important;
}

body .wrapper .arrow-button:hover span
{
	color:var(--color--orange) !important;
}

body .wrapper .arrow-button:hover svg
{
	fill: var(--color--orange) !important;
}

body .wrapper .tooltip:hover [data-part="stroke"], 
body .wrapper .tooltip[aria-expanded="true"]:hover [data-part="stroke"]
{
	fill: var(--color--blue-light) !important;
}

body .wrapper .arrow-button:hover .arrow-button__icon
{
	border-color: var(--color--orange) !important;
}


body .wrapper .problem-solving-items .circles-button:hover svg {
  fill: white !important;
}

body .wrapper .problem-solving-items .circles-button:hover span
{
  border-color: var(--color--coral-light) !important;
}

body .wrapper .problem-solving-items .circles-button:hover::before
{
  border-color: var(--color--salmon-crayola) !important;
}

body .wrapper .problem-solving-items .circles-button:hover::after
{
  border-color: white !important;
}


div.price-box
{
	display:block !important;
	padding:2rem  !important;
	font-size: var(--font-size--small) !important;
}

div.price-box ul{
	min-height:7rem;
}


div.price-box  li  {
  line-height: 12pt;
  font-size: 10pt;
  list-style: inside !important;
}

div.price-box  h5{
	text-align: center;
}

div.price-box  p br{
    margin: 5px;
}

div.price-box  p{
    text-align: center;
}

div.price-box  .main-button{
	display: inline-block;
}

div.price-box hr{
	margin: 15px 0 10px;
}


#time_option,
#perpetual_option
{
  background: linear-gradient(102deg, #2b3969 -92.8%, #0d99ff 165.04%) !important
}

.buy_button
{
	color: black !important;
	background: #ffe450 !important;
	border-color: #ffe450 !important;
}

.buy_button:hover
{
	background: var(--color-gold) !important;
}


.ui-slider
{
	height: 10px !important;
	background: var(--color--blue) !important;
	border-color: var(--color--blue-light) !important;
	margin: 1rem 30px !important;
	border-radius: 20px !important;

}

.ui-slider-range
{
	height: 8px !important;
	background: white !important;
}

.ui-slider-handle
{


	height: 38px !important;
	width: 60px !important;
	margin-left: -30px !important;
	margin-top: -10px !important;
	text-align: center;
	padding-top: 5px;
	font-size:10px;
	font-weight:bold !important;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */

	background: var(--color--blue) !important;
	color: var(--color-gold) !important;
	border-radius: 20px !important;
	border-color: var(--color--blue) !important;


}


span.save
{
	color:green;
	font-weight:bold;
	font-size: 12px;
}
div.save_promo
{
	font-size: 12px;
	position: relative;
	display: block;
}

div.save_promo i.discount
{
	position: absolute;
	right: -12px;
	top: 3px;
	color: var(--color-gold);
	display: none;
}


.discount_minus {
	position: absolute;
	left: 35px;
	top: 180px;
	font-size: 40px;
	font-weight: bold;
	opacity: 20%;
	color: #4cae4c;
	transform: rotate(-15deg);
	pointer-events: none;
	display:none;
}


s.old_price
{
	font-weight: bold;
	color: #ff6600a3;
}



#payments label.ui-checkboxradio-radio-label
{
	height: 38px;
	padding: 5px 15px;
	border-radius: 20px;
	border-color: var(--color--blue);
}

#payments label.ui-checkboxradio-radio-label:hover
{
/*	color: var(--color-blue-semi-light);*/
	color: var(--color-gold) !important;
}


#payments
{
	margin:20px;
}

#payments label.ui-state-active
{
	background: var(--color--blue) !important;
	color: white !important;
	padding: 5px 10px;
	border-radius: 20px !important;
	border-color: var(--color--blue) !important;

}

p.price_option
{
	min-height:80px; 
	margin-top: 10px;
	line-height: 1.5;
	border: 1px #ffffff4f solid;
	padding: 10px;
	border-radius: 25px;
	background: #ffffff0f;
}

.server_plus
{
	margin:0px;
	padding:0px;
}

#nusers
{
	color: var(--color-gold) !important;
}


.tippy-box > .tippy-arrow::before {
  color: white !important;
}

.article-info{
	padding: 20px;
	border-left: 3px solid var(--color--blue);
	background-color: #edf3f7;
	border-radius: 3px;
}

table.compare {
 border-spacing: 0px;
 text-align: center;
}

table.compare th {
  background-color: #add8e6;
}

table.compare td, th {
 border: 1px solid #dee5ec;
 padding: 10px;
}