.htmove-heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.htmove-heading .htmove-heading-icon {
margin-bottom: 15px;
color: #1D39D7;
}
.htmove-heading .htmove-heading-icon i {
font-size: 36px;
line-height: 1;
display: block;
}
.htmove-heading .htmove-heading-sub-title {
line-height: 1;
display: block;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
font-family: "Space Grotesk";
font-size: 19px;
margin-bottom: 19px;
text-transform: uppercase;
color: #666666;
}
.htmove-heading .htmove-heading-title {
font-size: 38px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 15px;
margin-top: 0;
color: #1D39D7;
}
.htmove-heading .htmove-heading-title:last-child {
margin-bottom: 0;
}
.htmove-heading .htmove-heading-separator {
display: block;
width: 50px;
height: 1px;
margin: 8px 0 16px;
border-radius: 2px;
background-color: #dddddd;
}
.htmove-heading .htmove-heading-desc {
font-size: 15px;
line-height: 1.75;
margin: 0;
color: #999999;
}
.htmove-heading-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.htmove-heading-start .htmove-heading-center{
text-align: left;
}
.htmove-heading-end .htmove-heading-center{
text-align: right;
}
.htmove-heading-center .htmove-heading-sub-title {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.htmove-heading-start .htmove-heading-sub-title {
-webkit-align-self: start;
-ms-flex-item-align: start;
align-self: start;
}
.htmove-heading-end .htmove-heading-sub-title {
-webkit-align-self: end;
-ms-flex-item-align: end;
align-self: end;
}
.htmove-heading.htmove-heading-placeholder .htmove-heading-title,.htmove-heading.htmove-heading-placeholder .htmove-heading-sub-title{
position: relative;
}
.htmove-heading.htmove-heading-placeholder .htmove-heading-title::before {
font-size: 100px;
font-weight: 400;
position: absolute;
z-index: -1;
top: 0;
left: 50%;
content: attr(data-pltext);
-webkit-transform: translateX(-50%) translateY(-14px);
-ms-transform: translateX(-50%) translateY(-14px);
transform: translateX(-50%) translateY(-14px);
text-transform: uppercase;
color: #F3F3F3;
}
.htmove-heading.htmove-heading-placeholder .htmove-heading-sub-title::before {
font-size: 51px;
font-weight: 600;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
padding-top: 9px;
content: attr(data-pltext);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #E6E6E6;
}
.htmove-heading-start .htmove-heading.htmove-heading-placeholder .htmove-heading-title::before,.htmove-heading-start .htmove-heading.htmove-heading-placeholder .htmove-heading-sub-title::before {
left: 0;
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.htmove-heading-end .htmove-heading.htmove-heading-placeholder .htmove-heading-title::before,.htmove-heading-end .htmove-heading.htmove-heading-placeholder .htmove-heading-sub-title::before {
right: 0;
left: auto;
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.htmove-heading .htmove-heading-title {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.htmove-heading .htmove-heading-title {
font-size: 26px;
}
.htmove-heading .htmove-heading-separator {
margin: 0 0 10px;
}
}