Template Example 2

<<PREVIOUS                                                                       NEXT>>

Amazing Cruises to Top Destinations!

Join us for the experience of a lifetime. Our cruises are the bees knees, across all seven Oceans.


What type of Cruise are you looking for?

Where in the World would you most love to go?

Powered by ConversionBase

CSS Code

Copy/paste the following into the Custom CSS field at the bottom of the LeadGenerator Settings page.

 

.conversionbase-box>.conversionbase-form {

background-color: rgba(41, 36, 73, 0.8);
width: 30%;
border-radius: 5px;
margin-top: 25px;
opacity: 1;
margin-bottom:25px;
margin-right: 10%;
border: none;

}

.conversionbase-box>form .questionbox {
padding: 1em;
background-color: #fe8f24;
margin: 2em 0;
}
.conversionbase-box>form .questionbox h4 {
font-weight: bold;
}

.conversionbase-box>form .conversionbaseBox-item label {
cursor: pointer;
font-size:.9em;
transition: all .2s;
font-weight: bold;
padding: .7em 0;
}
.conversionbase-box>.conversionbase-form h3, .conversionbase-box>.conversionbase-form h4, .conversionbase-box>.conversionbase-form h5 {
font-size: 16px;
}
.conversionbase-box>.conversionbase-form h1 {
font-size: 27px;
text-align: left;
}
.conversionbase-box>.conversionbase-form h3 {
opacity: .8;
text-align: left;
}
.conversionbase-box>.conversionbase-form hr {
display: none;
}
.conversionbase-box>form .conversionbaseBox-item label:before {
display: none;
}
.conversionbase-box>form .conversionbaseBox-item {
overflow: hidden;
background: transparent;
border: 2px solid #fff;
transition: all .2s;
text-align: center;
margin: 0 0 2em;
cursor: pointer;
border-radius: 10em;}
.conversionbase-box>form #gn-progress-bar {
border: none;
border-radius: 50px;
overflow: hidden;
background: rgba(67, 144, 131, .3);
}
.conversionbase-box>form .conversionbaseBox-item:hover {
background: transparent;
}
.conversionbase-box>form .conversionbaseBox-item:hover label {
background: #fff;
color: #000;
}
@media only screen and (max-width: 768px) {
.conversionbase-box>.conversionbase-form {
margin: 20px auto;
width: 90%;
}
.conversionbase-box>.conversionbase-form .conversionbaseBox-item label {
font-size: .6em;
}
}
@media only screen and (max-width: 480px)
.conversionbase-box {
margin: auto;
}