Template Example 2

<<PREVIOUS                12345678                 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

Style Code:

To use this style on your website, you simply need to copy/paste the following code into the Custom CSS field at the bottom of each LeadGenerator Settings page. Full instructions provided!

 

.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;
}