/* Add here all your CSS customizations */
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



.bludot-special-i {
	position: relative;
}
.bludot-special-i:after{
	content: '';
	background: #12caff;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 4px;
	left: 0px;
	border-radius: 50%;
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@media only screen and (max-width: 400px) {
    .bludot-special-i:after{
        width: 6px;
        height: 6px;
        top: 0px;
        left: -1px;
    }
}

@media only screen and (max-width: 505px) and (min-width: 401px) {
    .bludot-special-i:after{
        width: 6px;
        height: 6px;
        top: 2px;
        left: 0px;
    }
}

@media only screen and (max-width: 590px) and (min-width: 506px) {
    .bludot-special-i:after{
        top: 2px;
        left: 0px;
    }
}

html .bg-primary:not(.no-skin) {
	background-color: #4A149A;
}

.d-sm-block {
    display: none !important;
}

.section-about ,
.core-section ,
.mission-wrapper {
    background: url('../img/bluedot/pattern-3.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.air-section-title {
    font-size: 3.1em;
}

.section-title {
    position: relative;
    padding-left: 60px;
    display: inline-block;
    color: #36A3E6;
    padding-top: 2px;
}
.section-title.about-title {
    padding-top: 6px;
}
.section-title.mission-title{
    padding-top: 8px;
    padding-left: 40px;
}
.section-title.mission-title:before{
    left: -12px;
}

.section-title.core-title:before{
    left: -5px;
}
.section-title.core-title {
	margin-bottom: 1.5rem;
    padding-top: 9px;
    margin-left: 0.7rem;
    padding-left: 45px;
}


.section-title:before{
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background: url(../img/icons/logo-icon.png);
    left: 8px;
    top: 0;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
}
.special-text {
    border-left: 2px solid #A5A7A9;
    padding-left: 16px;
    font-size: 1.14em;
    line-height: 1.5em;
}
.core-extera-image {
    visibility: hidden;
    opacity: 0;
}
.special-header {
    background: #000;
}
.core-text-wrapper {
	text-align: left;
}
input {
	transition: all 400ms ease-out;
}
textarea {
	transition: all 400ms ease-out;
}
textarea:focus {
	border: 1px solid #2388ed !important;
}
input[type="text"]:focus ,
input[type="email"]:focus ,
input[type="password"]:focus { 
	border: 1px solid #2388ed;
}

.steps .item {
	width: 225px;
	height: 225px;
	border: none;
}
/*.steps .dots .dots-mask {
	display: none;
}*/
.steps .dots .dots-color-dark {
    background: #4e1a9c;
}
html .steps-primary .dots .dots-color {
    background: #36a3e6;
}
.moto-outer-wrapper {
	position: relative !important;
	top: 70px;
}
.moto-wrapper {
	margin-left: 20px;
    font-size: 22px;
}
.steps .item.active .item-title {
	color: #000;
	font-weight: normal;
    font-size: 1.615385em;
}
.steps .item:not(.active):not(.no-bg-color) {
    box-shadow: 0px 0px 30px #eee;
}
.steps .item:not(.active):not(.no-bg-color) {
	background: #f1f3f7  !important;
}
.steps .item .item-title {
	font-weight: normal;
    top: 50%;
}


.steps .item.active:before {
    background: #4e1a9c !important;
    border: 0 none !important;
}
.steps .item.active:after {
    background: #4e1a9c !important;
}
.steps .item.active .item-title ,
.steps .item.active p{
    color: #fff;
}
.form-control:not(.form-control-sm):not(.form-control-lg){
    border-radius:10px;
}


#header .header-logo img {
    width: 120px;
}

html .btn-primary,
html.sticky-header-active .btn-sticky-primary {
    background: #36a3e6;
}

html .text-color-primary:not(.no-skin),
html .text-primary:not(.no-skin) {
    color: #36a3e6  !important;
}