.sc_main_title {
margin-bottom: 50px;
}
.slz-main-title {
position: relative;
}
.slz-main-title .subtitle {
font-size: 20px;
text-transform: capitalize;
}
.slz-main-title img {
display: inline-block;
margin: 0;
}
.slz-main-title i {
font-size: 30px;
position: relative;
color: inherit;
}
.slz-main-title .title {
margin: 0;
font-size: 40px;
padding-top: 10px;
font-weight: 700;
color: #18364a;
position: relative;
text-transform: capitalize;
}
.slz-main-title .title .main-color {
color: #da0f32;
font-weight: 700;
}
.slz-main-title .description {
max-width: 600px;
margin-top: 15px;
}
.text-c .slz-main-title .description {
margin-left: auto;
margin-right: auto;
}
.text-l .slz-main-title .description {
margin-left: 0;
}
.text-r .slz-main-title .description {
margin-right: 0;
} .sc_main_title.style-1 .slz-main-title:before {
position: absolute;
left: 0;
bottom: -15px;
content: '';
width: 100px;
height: 2px;
background-color: #da0f32;
} .sc_main_title.style-2 .slz-main-title .subtitle {
font-size: 87px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #f1f1f1;
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.sc_main_title.style-2 .slz-main-title .subtitle + .title {
padding: 20px 0;
} .sc_main_title.style-3 .slz-main-title .subtitle {
font-size: 87px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
color: #404040;
opacity: 0.05;
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.sc_main_title.style-3 .slz-main-title .subtitle + .title {
padding: 20px 0;
}
.sc_main_title.style-3 .slz-main-title:before {
position: absolute;
left: 0;
bottom: -15px;
content: '';
width: 100px;
height: 2px;
background-color: #da0f32;
} .sc_main_title.text-c .slz-main-title:before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.sc_main_title.text-r .slz-main-title:before {
left: auto;
right: 0;
}
.sc_main_title.style-2.text-c .slz-main-title .subtitle + .title,
.sc_main_title.style-3.text-c .slz-main-title .subtitle + .title {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.sc_main_title.style-2 .slz-main-title img + .subtitle,
.sc_main_title.style-2 .slz-main-title i + .subtitle,
.sc_main_title.style-3 .slz-main-title img + .subtitle,
.sc_main_title.style-3 .slz-main-title i + .subtitle {
top: 62%;
}
.sc_main_title.text-r .slz-main-title .subtitle + .title {
left: auto;
right: 0;
} @media screen and (max-width: 767px) {
.slz-main-title .title {
font-size: 30px;
padding-top: 5px;
}
.slz-main-title .subtitle {
font-size: 18px;
}
.slz-main-title i {
font-size: 24px;
}
.sc_main_title.style-1 .slz-main-title:before,
.sc_main_title.style-3 .slz-main-title:before {
bottom: -10px;
}
.sc_main_title.style-2 .slz-main-title .subtitle,
.sc_main_title.style-3 .slz-main-title .subtitle {
font-size: 60px;
}
.sc_main_title.style-2 .slz-main-title .subtitle + .title,
.sc_main_title.style-3 .slz-main-title .subtitle + .title {
padding: 10px 0;
}
.sc_main_title.style-2 .slz-main-title img + .subtitle, 
.sc_main_title.style-2 .slz-main-title i + .subtitle, 
.sc_main_title.style-3 .slz-main-title img + .subtitle, 
.sc_main_title.style-3 .slz-main-title i + .subtitle {
top: calc(50% + 13px);
}
}
@media screen and (max-width: 380px) {
.slz-main-title .title {
font-size: 24px;
}
.sc_main_title.style-2 .slz-main-title .subtitle, 
.sc_main_title.style-3 .slz-main-title .subtitle {
font-size: 50px;
}
}