.formElement {
    border-radius: 0;    
    width: 100% !important;
    margin-top: 0 !important;
    line-height: 44px;
    height: 44px;
}
.error {color:red}
.service-box{padding-top:40px}
.myStar {color: #FFD203;}
.icon-green {
	color: #85E085;
}
.icon-red {
	color: #D96469;
}

.icon-orange {
	color: #FFB280;
}

/* new 09.07.2025 */
/* Hide both images by default */
#howitworks_wide,
#howitworks_long {
    display: none;
}

/* Show wide image on screens 800px and larger */
@media (min-width: 800px) {
    #howitworks_wide {
        display: block;
    }
}

/* Show long image on screens smaller than 800px */
@media (max-width: 799px) {
    #howitworks_long {
        display: block;
    }
}
/* new 09.07.2025 -- end */

@media (min-width: 0px) {
	#howitworksVs{display:block}
	#howitworksV{display:none}
	/* #howitworksH{display:none} */
}
@media (min-width: 600px) {
	#howitworksVs{display:none}
	#howitworksV{display:block}
	/* #howitworksH{display:none} */
}
@media (min-width: 1200px) {
	#howitworksVs{display:none}
	#howitworksV{display:block}
	/* #howitworksH{display:block} */
}
#howitworks img {margin: 0 auto;margin-top:30px}
  
  

.text-primary {color:#8F58A5}

.btn-dafault-me{
	background-color:#DDDDDD;
	color: #ffffff;
	display: inline-block;
    border: none;
    text-transform: uppercase;    
    padding: 2px 20px 0;
    text-decoration: none;
    line-height: 44px;
    letter-spacing: 1.15px;
    font-weight: 600;
    font-size: 16px;
    /*font-size: 1.6rem;*/
    /*-webkit-transition: background-color 0.3s ease-in, color .3s ease-in;
    transition: background-color 0.3s ease-in, color .3s ease-in;*/
    text-align: center;	
    border-radius: 0;
    margin-top:30px;
}

.btn-danger{
	display: inline-block;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 2px 20px 0;
    text-decoration: none;
    line-height: 44px;
    letter-spacing: 1.15px;
    font-weight: 600;
    font-size: 16px;
    /*font-size: 1.6rem;*/
    /*-webkit-transition: background-color 0.3s ease-in, color .3s ease-in;
    transition: background-color 0.3s ease-in, color .3s ease-in;*/
    text-align: center;	
    border-radius: 0;
    margin-top:30px;
}
.btn-me{
	display: inline-block;
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 2px 20px 0;
    text-decoration: none;
    line-height: 44px;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    /*-webkit-transition: background-color 0.3s ease-in, color .3s ease-in;
    transition: background-color 0.3s ease-in, color .3s ease-in;*/
    text-align: center;	
    border-radius: 0;
    margin-top:30px;
}

/* change menu link login/logout colors*/
.navbar-custom .loginlogout a {
  color: #d9534f !important;
}
.navbar-custom .loginlogout a:hover {
  color: white !important;
  outline: none;
}
.navbar-custom .loginlogout a:focus,
.navbar-custom .loginlogout a:active {
  color: #d9534f !important;
}
.navbar-custom .loginlogout.active a {
  color: #d9534f !important;
  background: white !important;
}
.navbar-custom .loginlogout.active a:hover,
.navbar-custom .loginlogout.active a:focus,
.navbar-custom .loginlogout.active a:active {
  color: #d9534f !important;
  background: white;
}
/* change menu link login/logout colors -- end*/

/* change when boostrap navbar collapses*/
@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        /*border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/* change when boostrap navbar collapses -- end*/

/*
@media (max-width: 767px) {
  .neuron {width:35%}
}
@media (min-width: 767px) {
  .neuron {width:25%}
}
*/
