/*
 Theme Name:   Istart Child Theme
 Theme URI:    http://themeforest.net/user/Anps/portfolio
 Description:  Istart Child Theme
 Author:       AnpsThemes
 Author URI:   http://themeforest.net/user/Anps/portfolio
 Template:     istart
 Version:      1.0.0
 License:      GNU General Public License
 License URI:  license.txt
 Tags:         responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, left-sidebar, custom-colors, custom-header, custom-menu, theme-options, translation-ready, threaded-comments
 Text Domain:  industrial-child
*/

.brilio-hero { padding-top: 70px; }

@media (min-width: 768px) {
    .brilio-hero { padding-top: 80px; }
}

@media (min-width: 1200px) {
    .brilio-hero { padding-top: 100px; }
}

.brilio-hero__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .brilio-hero__title { font-size: 46px; }
}

.brilio-hero__title span {
    display: block;
    font-size: 64px;
    line-height: 60px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .brilio-hero__title span {
        font-size: 84px;
        line-height: 80px;
    }
}

.brilio-hero__title span b {
    color: #1E5CF9;
    font-size: 150px;
    margin-left: -5px;
    margin-right: -4px;
}

@media (min-width: 768px) {
    .brilio-hero__title span b { font-size: 150px; }
}

.brilio-hero__subtitle {
    color: rgba(34, 42, 53, 0.7);
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.brilio-hero .anps-btn {
    margin-top: 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
    padding: 20px 45px;
}

.brilio-hero-carousel__item {
    margin-top: 40px;
    background-color: #fff;
}

.fadeIn {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.4s !important;
}

@keyframes fadeInOpacity {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
