@mainColor: #a3e4ff;

.transition (@transition) {
    -webkit-transition: (@transition);
    -moz-transition: (@transition);
    -ms-transform: (@transition);
    -o-transform: (@transition);
    transition: (@transition);
}
.transform (@transform) {
    -webkit-transform: (@transform);
    -moz-transform: (@transform);
    -ms-transform: (@transform);
    -o-transform: (@transform);
    transform: (@transform);
}
.opacity(@opacity) {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)";
    filter: alpha(opacity=@opacity);
    opacity: @opacity / 100;
}
header .header-bottom > a:after,
header .header-top .logo-text p span,
header.team-page,
.menu .hidden-xs,
.menu .col-sm-8,
.menu .col-sm-11,
.menu-button-color,
.menu-button.team,
figure.hover,
#content .content-body-line:before,
#content .content-body .news-box .news-header .play-button,
#content .content-body .news-box .news-body .date,
.modal .date,
.slider .progress-slider,
.main-image .fixed-background
/*footer*/{
    background-color: @mainColor;
}
.read-more, 
.team .studio813 .studio-line p{
    color: @mainColor;
}
.team-slider-main .team-item .synchronized-name {
    border-bottom: 4px solid @mainColor;
}
header.subpage-page {
    border-bottom: 6px solid @mainColor;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    border-bottom: 1px solid @mainColor;
}
.border {
    border-bottom: 5px solid @mainColor;
}
.menu-button,
.menu-button span {
    .transition (all 0.3s ease-in-out);
    .transform (rotate(0deg));
}
.menu-button.open {
    & span:nth-child(1) {
        .transform (rotate(135deg));
    } 
    & span:nth-child(3) {
        .transform (rotate(-135deg));
    }
}

/*///BOXES CONTENT///*/
.box-first,
/*.box-second,*/
.box-third,
.box-fourth,
.box-fifth,
.box-sixth {
    border: 40px solid @mainColor;
}
.box-first,
.box-sixth {
    .opacity(10);
}
.box-third,
.box-fourth {
    .opacity(25);
}
.box-fifth {
    .opacity(29);
}

@media screen and (max-width: 1023px) {
    .read-more {
        background-color: @mainColor;
        color: #fff;
    }
}