.large-header { position: relative; width: 100%; background: #333; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; } .main-title { position: absolute; margin: 0; padding: 0; color: #f9f1e9; text-align: center; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .demo-1 .main-title { text-transform: uppercase; font-size: 24px; line-height: 31px; letter-spacing: 4px; font-weight: 600; border: solid 4px #fff; padding: 9px 14px; padding-right: 7px; } .main-title .thin { font-weight: 200; } @media only screen and (max-width : 768px) { .demo-1 .main-title { font-size: 1.5em; } } .master-logo { width: 60px; margin-left: 10px; margin-top: 10px; } .intro-03 h6 { font-size: 18px; line-height: 25px; font-weight: 200; margin-top: 20px; margin-bottom: 20px; } .intro-03 h2 { font-size: 24px; line-height: 31px; font-weight: 200; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 40px; } .mobile-toggle span { background: #444 !important; } .intro-03-wrap { margin-left: 10%; margin-right: 10%; } .intro-03-wrap .works-item { margin-left: 0.5% !important; margin-right: 0.5% !important; margin-bottom: 1% !important; width: 32.3% !important; } .parallax-slide { padding-left: 25%; padding-right: 25%; } .parallax h1 { font-size: 48px; font-weight: 600; line-height: 55px; letter-spacing: 4px; margin-bottom: 20px; } .parallax h3 > span { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 4px; line-height: 21px; padding: 5px 10px; } .showcase-carousel { cursor: url("https://www.heibl.com/sitewireframe/style/images/drag.png") 40 40, crosshair; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .showcase-carousel .item { background-repeat: no-repeat; background-position: center center; background-size: cover; } .showcases-overlay { opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .showcase-carousel .item:hover .showcases-overlay { opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .showcases-overlay a { cursor: url("https://www.heibl.com/sitewireframe/style/images/view.png") 40 40, crosshair; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .showcases-overlay h1 { } .showcases-overlay h1>span { border: solid 4px; padding: 15px 15px 15px 21px; font-size: 24px; line-height: 25px; font-weight: 600; text-transform: uppercase; letter-spacing: 4px; } .intro06-bg { background-position: center center; background-size: cover; background-repeat: no-repeat; } .intro06 h1 { margin-top: 20px; font-size: 48px; line-height: 55px; font-weight: 200; letter-spacing: 4px; text-transform: uppercase; } .intro06-overlay { background-color: rgba(0, 0, 0, 0.5); } .intro09-carousel { cursor: url("https://www.heibl.com/sitewireframe/style/images/drag.png") 40 40, crosshair; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .intro09-carousel .item { background-repeat: no-repeat; background-position: center center; background-size: cover; } .intro09-overlay { opacity: 0; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .intro09-carousel .item:hover .intro09-overlay { opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .intro09-overlay a { cursor: url("https://www.heibl.com/sitewireframe/style/images/view.png") 40 40, crosshair; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .intro09-overlay h1 { margin-bottom: 20px; } .intro09-overlay h1>span { font-size: 28px; line-height: 35px; font-weight: 200; text-transform: uppercase; letter-spacing: 4px; padding: 8px 13px 8px 18px; border: solid 4px; } .owl-dots { position: absolute; bottom: 10%; text-align: center; width: 100%; } .owl-theme .owl-dots .owl-dot span { background: #555; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; } #intro { height: 100%; background-color: rgba(255, 255, 255, 0.3); } .intro-10 h1 { margin-top: 0px; text-transform: uppercase; font-size: 72px; line-height: 79px; letter-spacing: 8px; font-weight: 600; } .slide-title { font-size: 48px; line-height: 55px; font-weight: 200; text-transform: uppercase; letter-spacing: 8px; border:solid 8px; padding: 5px 10px 5px 18px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .slide-sub-title { font-size: 20px; line-height: 27px; font-weight: 200; letter-spacing: normal; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .intro-12 { height: 100%; background-color: rgba(255, 255, 255, 0.3); } .intro-12 h1 span { text-transform: uppercase; font-size: 96px; line-height: 103px; letter-spacing: 8px; font-weight: 600; border-bottom:solid 2px #222; padding-bottom: 10px; } .intro-12 h2 { text-transform: uppercase; font-size: 72px; line-height: 79px; letter-spacing: 8px; font-weight: 600; } .intro-12 h6 span { text-transform: uppercase; font-size: 14px; line-height: 21px; letter-spacing: 4px; font-weight: 200; padding: 10px; } .intro-12 h5 span { font-size: 24px; line-height: 31px; font-weight: 200; font-style: italic; font-family:"gerogia", serif; padding: 10px 0; border-top: solid 1px #222; border-bottom: solid 1px #222; } .intro-12 h4 { font-size: 18px; font-weight: 600; letter-spacing: 4px; line-height: 36px; margin-bottom: 20px; } .tp-caption a { color: #222 !important; } .tp-caption a:hover { color: #ccc !important; }