Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ==========================================================================
- 11. PRODUCT TOUR STYLES
- ========================================================================== */
- .tour-home .previous{
- display:none !important;
- }
- /* BACKGROUND IMAGE */
- .tour-hero{
- width: 100%;
- padding: 40px 20px 75px;
- text-align: center;
- display: block;
- position: relative;
- margin-top: 0px;
- }
- .tour-hero .interior-subhead {
- color: #000;
- font-size: 24px !important;
- text-transform: none;
- letter-spacing: 2px;
- line-height: 32px;
- font-style: normal;
- max-width: none !important;
- }
- .tour-hero h1{
- font-size: 42px !important;
- text-transform: uppercase;
- letter-spacing: 2px;
- color: #E86C21;
- }
- .tour-panel {
- display: none !important;
- position: fixed;
- width: 100%;
- height: 100%;
- background-size: contain;
- background-position: center;
- background-repeat: no-repeat;
- animation-duration: 0.75s !important;
- background:#FFF;
- }
- .tour-panel .hs_cos_wrapper_type_form .hs-button.primary.large {
- background: #E36D25;
- border-radius: 0px;
- padding: 12px 15px;
- border: none;
- color: #FFF;
- font-size: 16px;
- }
- .final-panel .tour-panel-title h2{
- text-align:center !important;
- }
- .active-tour{
- display: block !important;
- }
- .slideshow-content-section{
- max-width: 1000px;
- margin: 0 auto;
- display: block !important;
- float: none !important;
- margin-left: auto !important;
- margin-right: auto !important;
- }
- .inner-panel .slideshow-content-section{
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -57%);
- }
- .target-panel h3{
- color: #FFC75A;
- font-size: 20px;
- }
- .connect-panel h3{
- color:#fbaa4f;
- font-size:20px;
- }
- .convert-panel h3{
- color:#029fc2;
- font-size:20px;
- }
- .optimize-panel h3{
- color:#89d3e0;
- font-size:20px;
- }
- .inner-panel img{
- float: none;
- max-height: 380px;
- margin: 0 auto !important;
- width: auto !important;
- clear: both;
- text-align: center;
- display: block;
- }
- .tour-title-module{
- background: #FFD88B;
- display: block;
- color: #FFF;
- height: 350px !important;
- position:relative;
- }
- .tour-title-module:after{
- width: 0;
- content: '';
- height: 0;
- border-top: 45px solid transparent;
- border-bottom: 45px solid transparent;
- border-left: 50px solid #E0E0E2;
- position: absolute;
- right: -50px;
- top: 125px;
- z-index: 3;
- }
- .tour-title-module:last-child:after{
- content:none;
- }
- .orange-module{
- background:#FBC893;
- }
- .blue-module{
- background:#23B2D2;
- }
- .teal-module{
- background:#9EDEE8;
- }
- .tour-title-module h3{
- width: 100%;
- background: #FFC75A;
- text-align: center;
- text-transform: uppercase;
- font-weight: 200;
- padding: 4px;
- }
- .orange-module h3{
- background:#FBAA4F;
- }
- .blue-module h3{
- background:#029FC2;
- }
- .teal-module h3{
- background:#89D3E0;
- }
- .tour-title-module .module-icons{
- width: auto !important;
- display: block !important;
- margin: 0 auto;
- height: 120px !important;
- text-align: center;
- opacity: .8;
- }
- .tour-title-module p{
- text-align: center;
- padding: 10px 28px;
- }
- .tour-title-module p a{
- text-align: center;
- color: #FFF !important;
- font-weight: 500;
- font-style: italic;
- position: absolute;
- left: 50%;
- width: 77px;
- margin-left: -33px;
- bottom: 15px;
- }
- .tour-panel-title{
- background: #FFC75A;
- padding: 20px;
- font-size: 26px;
- color: #FFF;
- width: 100%;
- }
- .connect-panel .tour-panel-title{
- background:#fbaa4f;
- }
- .tour-panel-title h2{
- color:#FFF;
- font-size:31px;
- max-width:1100px;
- text-align:left;
- margin:0 auto;
- }
- .convert-panel .tour-panel-title{
- background:#029FC2;
- }
- .optimize-panel .tour-panel-title{
- background:#89d3e0;
- }
- .tour-panel-title .tour-subhead{
- }
- .slideshow-timeline{
- width: 100%;
- max-width: 1000px;
- display: block;
- float: left;
- margin: 0 auto;
- position: absolute;
- left: 50%;
- margin-left: -500px;
- bottom: 60px;
- padding: 0;
- font-size: 18px;
- }
- .slideshow-timeline li{
- float:left;
- display:Block;
- margin: 0 10px;
- }
- .slideshow-timeline li .current-section a{
- position: relative;
- top: -26px;
- font-size: 15px;
- color: #B9B9B9 !important;
- font-style: italic;
- }
- .intro-content-group{
- top: 100px;
- position: relative;
- }
- .current-section{
- margin-left: 40px;
- }
- .slideshow-timeline li .current-section li a:hover{
- color:#666;
- cursor:pointer;
- }
- .active-target-main a{
- color:#FFC75A;
- font-weight: 500;
- }
- .active-connect-main a{
- color:#FBAA4F;
- font-weight: 500;
- }
- .active-convert-main a{
- color:#029FC2 !important;
- font-weight: 500;
- }
- .active-optimize-main a{
- color:#89d3e0 !important;
- font-weight: 500;
- }
- .active-target-main .current-section .active a{
- color: #FFF !important;
- background: #FFC75A;
- padding: 6px 8px;
- }
- .active-connect-main .current-section .active a{
- color: #FFF !important;
- background: #FBAA4F;
- padding: 6px 8px;
- }
- .active-convert-main .current-section .active a{
- color: #FFF !important;
- background: #029FC2;
- padding: 6px 8px;
- }
- .active-optimize-main .current-section .active a{
- color: #FFF !important;
- background: #89d3e0;
- padding: 6px 8px;
- }
- .current-section .active a:hover{
- color:#FFF !important;
- }
- .nav {
- position: fixed;
- z-index: 1;
- top: 50%;
- transform: translate(0, -50%);
- font-size: 64px;
- padding: 16px;
- color: white;
- background: rgba(black, 0.6);
- opacity: 0.8;
- transition: opacity 0.25s;
- }
- .nav:hover {
- cursor: pointer;
- opacity: 1;
- }
- .previous {
- left: -10px;
- height: 95px;
- width: 55px;
- border-radius: 0px 90px 90px 0px;
- -moz-border-radius: 0px 90px 90px 0px;
- -webkit-border-radius: 0px 90px 90px 0px;
- background: #FFD88B;;
- }
- .next {
- right: -10px;
- height: 95px;
- width: 55px;
- border-radius: 90px 0px 0 90px;
- -moz-border-radius: 90px 0px 0 90px;
- -webkit-border-radius: 90px 0px 0 90px;
- background: #FFD88B;;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement