.banner.bhome {
max-height: 57.5em;
height: 100%;
}
.banner .vid-fit {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.banner .vid-fit.off {
background:url(https://www.istate.com/wp-content/uploads/vid-static.jpg) no-repeat center;
background-size:cover;
}
.vid-fit video {
width: auto;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
display: none;
}
@media only screen and (min-width: 501px) {
.vid-fit video { display: block;
}
}
.vid-fit.wider video {
width: 100%;
height: auto;
}
.banner .flex {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
display: flex;
align-items: center;
padding-top: 10%;
z-index: 0;
overflow: hidden;
}
.banner .flex::after {
content: " ";
position: absolute;
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-a-dark2.png) no-repeat right center;
background-size: contain;
height: 100%;
top: 10%;
bottom: 0;
right: -5%;
width: 100%;
z-index: -1;
opacity: .15;
}
.bhome img {
margin-bottom: 3em;
height: auto;
width: 36em;
max-width: 100%;
}
.banner.bhome h1 {
font-size: 3.92em;
}
.bhome h1:first-of-type {
padding-bottom: .4em;
}
.banner.bhome h1 em {
font-style: normal;
} .home1 {
}
.home2 {
z-index: 0;
background-color: #292929;
}
.home2::after {
content: " ";
position: absolute;
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-seal-w.png) no-repeat center;
background-size: contain;
width: 22.25em;
height: 22.25em;
left: calc(50% - 13em);
bottom: 4em;
transform: rotate(15deg);
z-index: 0;
}
.home2 .width {
max-width: 68.125em;
padding: 3.25em 0;
}
.home2 .fill-right {
left: calc(50% + 10em);
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
.home2 .cblock {
max-width: 35.625em;
width: 100%;
}
.home2 p, .home4 .intro p {
font-size: 1.5em;
}
.home2 h2 { font-size: 4.32em;
padding: .1em 0 0 0;
}
.home3 {
background-color: #F1F1F1;
}
.home3 .width {
max-width: 36.5em;
padding: 7.5em 0 7em;
}
.home3 .btn-wrap {
padding-top: 5.5em;
}
.home4, .blog.single, .bg-a {
z-index: 0;
}
.home4::before, .single-wrap::before, .bg-a::before {
content: " ";
position: absolute;
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-a-icon.png) no-repeat center right;
background-size: cover;
top: 0;
z-index: -1;
}
.home4::before {
height: 120%;
width: 35em;
left: 0;
}
.single-wrap::before {
height: 50em;
width: 75em;
left: 50%;
}
.home4 .width {
max-width: 75em;
padding: 2.25em 0 2em;
}
.home4 h2 {
padding-bottom: 0;
line-height: 1;
}
.home4 .intro p {
line-height: 1.3;
}
.map-wrap, .home4 .intro {
width: 53.125em;
z-index: 1;
position: relative;
}
.map-side {
position: absolute;
right: 0;
top: 0;
z-index: 0;
width: 22.25em;
padding: 14.75em 1em 3.125em;
}
.map-side a {
color: #fff;
text-decoration: none;
}
.map-side p:nth-child(2) {
padding-bottom: 0;
}
.map-wrap {
max-width: 100% !important;
} .child1 {
background-size: 100% auto;
background-position: top center;
padding-top: 7em;
}
.child1.bg-a::before, .news.bg-a::before {
top: 0;
left: calc(50% + 20em);
height: 100%;
background-size: contain;
background-position: top left;
opacity: .3;
background-image: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-a-dark.png);
}
.child1.bg-a::before {
width: 100%;
bottom: 3em;
height: auto;
}
.news.bg-a::before {
left: 50%;
width: 90em;
}
.child1 .width {
padding: 7.75em 0 4.375em;
}
.child1 .body {
max-width: 43.75em;
margin: auto;
}
.child1 h1 {
text-align: center;
padding-bottom: 0;
font-size: 4.9em;
}
.child1 .body {
padding-top: 9.25em;
}
.child1 h2 {
position: relative;
padding-bottom: .6em;
margin-bottom: .6em;
line-height: 1.3;
}
.child1 h2::after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #999;
height: 1px;
width: 4em;
margin: auto;
}
.about2 {
}
.about2 .width { padding: 6.25em 0 5.25em;
}
.about2 .first {
padding-right: 3.6em;
}
.about2 .first p {
font-weight: 700;
font-size: 1.9em;
line-height: 1.2;
}
.about2 .column:nth-child(2) {
padding-left: .75em;
}
.about2 .last {
position: relative;
padding: 3.8em 2em 3.125em;
}
.about2 .last::before, .about2 .last::after {
content: " ";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
height: 5em;
width: 5em;
}
.about2 .last::before {
background-image: url(//www.istate.com/wp-content/themes/customtheme5/img/icon-quote-open.svg);
left:1.875em;
top:-2.6em;
}
.about2 .last::after {
background-image: url(//www.istate.com/wp-content/themes/customtheme5/img/icon-quote-open.svg);
right:1.875em;
transform: scaleX(-1) scaleY(-1);
bottom:-2.875em;
}
.about3 .width {
padding: 5.125em 0 0 0;
}
.about3 .width p:nth-child(1) {
padding-bottom: 4em;
text-align: center;
}
.about3 h3 {
padding-bottom: 0;
}
.about3::after {
content: " ";
position: absolute;
width: 34em;
height: 34em;
top: -3em;
right: calc(50% + 16em);
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-seal.png) no-repeat center;
background-size: contain;
}
.about4 {
z-index: 0;
}
.about4 .width {
max-width: 72.75em;
position: relative;
}
.about4 .cblock {
max-width: 47.8em;
position: relative;
}
.about4 .sub1 .body {
z-index: 4;
position: relative;
background-color: rgba(236, 236, 236, .85);
padding: 4em 4em 5em;
}
.about4 .sub1 .cblock img {
margin: 0 0 -4.5em -3.5em;
}
.about4 .absol {
position: absolute;
left: calc(50% + 3.5em);
width: 42em;
height: auto;
max-width: none;
top: 0;
z-index: 1;
}
.about4 .sub1 h2, .about5 h2 {
text-transform: uppercase;
}
.about4 .sub2, .about5 .width {
max-width: 73.125em;
}
.about4 .sub2 {
padding-bottom: 6.25em;
}
.tline ul li {
list-style: none;
}
.tline ul {
padding: 0;
position: relative;
width: 100%;
height: 0; padding-top: 102.5%;
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-timeline2c.svg) no-repeat left top;
background-size: 100% auto;
}
.tline li {
position: absolute;
top: 0;
text-align: left;
line-height: 1.2;
padding-top: 1.5em;
font-size: 1em;
}
.tline li:nth-child(1) {
left: 0;
}
.tline li:nth-child(2) {
left: 28%;
}
.tline li:nth-child(3) {
left: 58%;
}
.tline li:nth-child(4), .tline li:nth-child(5), .tline li:nth-child(6) { top: 16.5%;
}
.tline li:nth-child(6), .tline li:nth-child(12) {
left: 21%;
}
.tline li:nth-child(5), .tline li:nth-child(11) {
left: 50%;
}
.tline li:nth-child(4), .tline li:nth-child(10) {
left: 79%;
}
.tline li:nth-child(7), .tline li:nth-child(8), .tline li:nth-child(9) { top: 32.9%;
}
.tline li:nth-child(7), .tline li:nth-child(13) {
left: 13.5%;
}
.tline li:nth-child(8), .tline li:nth-child(14) {
left: 42.7%;
}
.tline li:nth-child(9), .tline li:nth-child(15) {
left: 71.7%;
}
.tline li:nth-child(10), .tline li:nth-child(11), .tline li:nth-child(12) { top: 49.25%;
}
.tline li:nth-child(13), .tline li:nth-child(14), .tline li:nth-child(15) { top: 65.7%;
}
.tline li:nth-child(16), .tline li:nth-child(17), .tline li:nth-child(18) {
top: 82.1%;
}
.tline li:nth-child(16) {
left: 79%;
}
.tline li:nth-child(17) {
left: 51%;
}
.tline strong {
font-size: 1.3em;
display: block;
}
.tline em {
font-size: 1em;
display: block;
font-style: normal;
max-width: 270px;
line-height: 1.4;
}
.tline li::before {
content: " ";
width: 1em;
height: 1em;
position: absolute;
left: -1px;
top: -.25em;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
}
.tline.anim {
opacity: 1;
}
.tline li::before {
opacity: 0;
transform: scale(.3);
}
.tline li strong {
transform: translateY(1em);
opacity: 0;
}
.tline li em {
transform: translateY(1em);
opacity: 0;
}
.tline li.in-view::before {
animation: tline-dot .8s ease-out 0s forwards;
}
.tline li.in-view strong {
animation: tline-date .6s ease-out .7s forwards;
}
.tline li.in-view em {
animation: tline-desc .6s ease-out 1.2s forwards;
}
@keyframes tline-dot {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes tline-date {
0% {
transform: translateY(1em);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes tline-desc {
0% {
transform: translateY(1em);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.about5 .width {
padding-bottom: 3.125em;
}
.about5 .cblock {
max-width: 42em;
}
.corp2 .width {
padding: 6.25em 0 3.25em;
}
.corp2 .first {
padding-right: 1em;
}
.corp2 .last {
padding-left: 4em;
}
.corp3 .width {
padding: 5.25em 0 13.75em;
}
.corp3 .fill-right {
left: calc(50% + 5.625em);
top: 3.75em;
bottom: 9.5em;
right: 0;
position: absolute;
}
.outer-12 main {
padding-bottom: 10em;
}
.succ1 {
position: relative;
z-index: 0;
}
.succ1::after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .05);
z-index: -1;
}
.succ1 .width {
padding-bottom: 7em;
}
.story .width {
max-width: 72.5em;
padding: 6.25em 0;
}
.story h2 {
padding-bottom: .8em;
}
.story .last h2, .story.alt .last p:first-of-type {
text-align: right;
}
.story .width p:first-of-type, .story.alt .last p:first-of-type {
padding-bottom: 0;
}
.story .width p:first-of-type em, .story.alt .last p:first-of-type em {
font-style:normal;
padding-bottom: 0;
text-transform: uppercase;
font-size: 1.3em;
font-weight: 500;
color:#404041;
}
.story.dark-bg .width p:first-of-type em, .story.dark-bg.last p:first-of-type em {
color: #fff;
}
.story .first {
padding-right: 4.5em;
}
.story .last {
padding-left: 0;
}
.con1 .width {
max-width: 70.625em;
padding-bottom: 0;
}
.con1.child1 h1 {
padding-bottom: 1.8em;
}
.con1.child1 h2::after {
right: inherit;
}
.con1 .first p a {
text-decoration: none;
}
.cform {
padding-top: 2em;
}  .vbc {
padding-top: 7em;
}
.vbc .inner {
position: relative;
z-index: 1;
}
.profile {
position: relative;
z-index: 1;
}
.vbc .qr-wrap img {
filter: invert(100%);
mix-blend-mode: lighten;
}
.vbc .qr-hold {
background-color:#cf202e;
display: inline-block;
border-radius: 50%;
overflow: hidden;
padding: 1.5em 2em 0;
color: #fff;
text-align: center;
width: 11.5em;
height: 11.5em;
bottom: 0;
right: 0;
position: absolute;
z-index: 4;
}
.qr-hold label {
display: block;
line-height: 1.1;
margin-bottom: -.5rem;
position: relative;
font-size: 1.25em;
font-weight: 500;
}
.vbc .inner .width {
max-width: 55em; padding: 0;
}
.qr-hold label {
display: block;
text-align: center;
}
.profile .last p.ph {
border-left: solid 2px #cf202e;
padding-bottom: 0;
padding-left: .3125em;
}
.profile .last .ph-wrap {
padding: .6875em 0 .875em 0;
}
.vinfo {
padding-bottom: 3.125em;
}
.vinfo .ph a {
font-weight: 500;
}
.vinfo a {
text-decoration: none;
}
.vinfo .last p {
padding-bottom: .3125em;
}
.vinfo .address {
display: block;
max-width: 16em; }
.profile .btn-wrap {
padding-top: 1.25em;
}
.profile h1, .profile h2 {
font-family:'Montserrat', sans-serif;
}
.profile h1 {
font-weight: 600;
text-transform: none;
padding-bottom: .25em;
}
.profile h2 {
font-weight: bold;
font-size: 2em;
color: inherit;
padding-bottom: .75em;
}
.profile .comp {
display: block;
}
#qrCodeUrl, .vbc .img-hero {
display: none;
}
@media (min-width: 1001px) {
.profile {
padding-bottom: 7.5em;
}
.vbc .inner .width {
padding: 7.75em 0 14em;
}
.vbc .inner::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30em;
background: url(//www.istate.com/wp-content/themes/customtheme5/img/bg-sketch2.jpeg) no-repeat top center;
background-size: auto 100%;
z-index: -1;
}
}
@media (max-width: 1000px) {
.vbc .img-hero {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 74vw;
}
.vbc .vinfo .first {
display: none;
}
.vbc .qr-hold {
left: 0;
bottom: inherit;
top: -2em;
margin: auto;
}
.vinfo {
background: #EFEFEE;
padding: 0 1.5em 1em;
margin-bottom: 2.75em;
}
.profile {
padding-top: 12em;
}
.vinfo .ph strong {
color:#cf202e;
}
.vinfo .vlink a {
text-decoration: underline;
color: #28558A;
}
.vinfo h1 {
font-size: 2em;
}
.vinfo h2 {
font-size: 1.5em;
}
} .red-bg, .tline li::before {
background-color: #cf202e;
}
.gray-bg {
background-color:#404041;
} .red, .con1 a:hover, .vinfo a:hover {
color:#cf202e;
}
.gray, .child1 h1 {
color:#404041;
}
.lgray, .prod3 h2 {
color:#939597;
}
@media only screen and (max-width: 1400px) {
.banner.bhome h1 {
font-size: 3em;
}
}
@media only screen and (max-width: 1200px) {
.map-side {
position: relative;
right: inherit;
top: inherit;
z-index: 0;
width: 30em;
max-width: 100%;
margin: 0 auto 1em;
padding: 2em;
}
.map-wrap, .home4 .intro {
max-width: 100%;
width: 100%;
}
.map-wrap img {
margin: auto;
}
.home4 .intro {
padding-bottom: 2em;
}
}
@media only screen and (max-width: 1100px) {
.loc2 li {
width: calc(33.333% - 1em);
}
.child1 {
padding-top: 6em;
}
.child1 .width {
padding-top: 4em;
}
.child1 .body {
padding-top: 2em;
}
.about4 .absol {
width: 32em;
}
.about4 .sub1 .cblock img {
width: calc(100% - 4em);
}
.story .last h2, .story.alt .last p:first-of-type {
text-align: left;
}
.story h2 {
padding-bottom: .4em;
}
}
@media only screen and (max-width: 1000px) {
.home2::after, .con1 h2 br {
display: none;
}
.child1 {
margin-top: 5em;
padding-top: 0;
}
.banner.bhome {
height: 36em;
max-height: none;
margin-top: 5em;
}
.banner .width {
text-align: center;
}
.banner .flex {
padding-top: 0;
}
.banner.bhome h1 {
font-size: 6vw;
}
.bhome img {
width: 26em;
margin-bottom: 1.5em;
}
.loc2 h2 {
font-size: 11vw;
}
.home3::after, .about5::after {
content: " ";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 0;
background: rgba(255, 255, 255, .4);
}
.about5::after {
background: rgba(255, 255, 255, .65);
}
.about2 {
background-position: left center;
}
.about5 {
background-position: right center;
}
.about4 .absol {
margin: auto;
position: relative;
left: inherit;
right: inherit;
max-width: 100%;
}
.about4 .sub1 .cblock img {
width: 36em;
margin: -2em auto -6em;
max-width: 100%;
}
.tline strong {
font-size: 1em;
}
.tline li {
padding-top: 1em;
}
.tline em {
font-size: .85em;
max-width: 16.5em;
}
.about2 .first {
padding-bottom: 2em;
}
.about3::after {
left: 0;
right: 0;
margin: auto;
}
.corp3 .width, .outer-12 main {
padding-bottom: 4em;
}
}
@media only screen and (max-width: 800px) {
.banner.bhome h1 {
font-size: 8vw;
}
.bhome img {
display: none;
}
.tline li {
position: relative;
left: inherit !important;
top: inherit !important;
padding-left: 2em;
padding-top: 0;
margin-bottom: 2em;
}
.tline strong {
font-size: 1.3em;
}
.tline em {
font-size: 1em;
}
.tline li::before {
top: .5em;
left: 0;
}
.tline ul {
padding-top: 0;
height: auto;
background-image: none;
font-size: 1.15em;
width: 17em;
max-width: 100%;
margin: auto;
}
.loc2 li {
width: calc(50% - 1em);
}
.about4 .sub1 .body {
padding: 3em 1.5em;
}
}
@media only screen and (max-width: 500px) {
.banner .vid-fit {
background:url(//www.istate.com/wp-content/themes/customtheme5/img/vid-static.jpeg) no-repeat center;
background-size: cover;
}
.about2 .first p {
font-size: 1.45em;
}
.about4 .sub1 .cblock img {
margin: 0 0 -3em;
}
.about5 {
background-image: none;
background-color:#efefef;
}
.child1 h1, .story h2 {
font-size: 3em;
}
.btn-fill a {
padding-top: .8em;
padding-bottom: .8em;
}
.succ1.child1 .width {
padding-bottom: 4em;
}
.story .last h2 {
text-align: left;
}
.story h2 br {
display: none;
}
.banner.bhome {
height: 22em;
}
.banner .flex {
padding-top: 0;
margin: 0;
}
.banner.bhome h1 {
font-size: 8vw;
}
.home2 h2 { font-size: 2.6em;
}
.home3 .width {
padding: 4.5em 0 4em;
}
.home3 .btn-wrap {
padding-top: 2em;
}
.home2 p {
line-height: 1.3;
margin-bottom: .5em;
}
.loc2 h3 {
font-size: 1.5em;
padding-bottom: 1em;
}
.con1.child1 h1 {
padding-bottom:1em;
}
.map-side {
padding: 2em 1em;
}
.story .width p:first-of-type em, .story.alt .last p:first-of-type em {
font-size: 1em;
}
.vbc .inner .width {
max-width: 22em;
}
}
@media only screen and (max-width: 400px) {
.banner.bhome h1 {
font-size: 9vw;
}
.banner.bhome {
height: 24em;
}
.loc2 li {
width: 100%;
margin: 0 0 1.5em;
}
.about3::after {
width: 100%;
}
.about2 .last::before, .about2 .last::after {
width: 4em;
height: 4em;
}
.about2 .last {
padding: 2em 1.52em;
}
.home4 .intro p {
font-size: 1.35em;
}
}