@import url('https://fonts.googleapis.com/css?family=Merriweather:300|Oswald');
.hide {
    display:none;
}
#booking-form label {
    color:#383e49 !important;
}
.col-sm-3,.col-sm-4 {
    width:33% !important;
    float:left !important
}
.block-loop-pagination .col-sm-3 button{
  width:80% !important
}
.bb-grid.site-content-grid {display:block !important}
div#wait {
    text-align:center;
    margin-top:10px;
}
.text-left {
    text-align:left;
}
/* Form fields */ 
#booking-form label{ text-align: left !important }

#booking-form {
    font-family: 'Roboto';
    max-width: 540px;
    background: #ffffff !important;
    margin: 40px auto;
    width: 100% !important;
    padding-top: 40px;
    padding-bottom:40px;
    max-width: unset !important;
}
.right {
    float:right !important;
}
/*.icon_boxes {*/
/*height: auto !important;*/
/*    min-height: 750px !important;*/
/*}*/
#booking-form ul {
  padding-left: 0;
}
#booking-form li {
  list-style: none;
}
#booking-form input, 
#booking-form textarea,  
#booking-form select {
    font-size: 13px;
    padding: 0 28px;
    width: 100%;
    font-family: 'Roboto';
    box-sizing: border-box;
    border: 1px solid rgb(233,233,233);
    text-align: left;
    border-radius: 35px;
    color: #000000;
    
    letter-spacing: normal;
    height: 50px;
    line-height: 50px;
    font-family: 'Roboto';
    background: #fff;
  margin-bottom: 20px;
}
#booking-form select {
    background: url('https://seashineadventures.com/wp-content/uploads/2017/08/grey-chevron.png') no-repeat;
    -webkit-appearance: none;
    appearance: none;
    background-size: 15px;
    background-position: 97% 50%;

}
#booking-form textarea {
    height: 120px;
    line-height: 1.5;
    padding: 15px 28px;
}
#booking-form input:focus, 
#booking-form textarea:focus, 
#booking-form select:focus {
    outline: 0;
    border: 1px solid rgb(211,211,211);
}
#booking-form label {
    font-size: 18px;
    font-weight: 300;
  display: block;
  text-align:center;
    margin-bottom: 10px;
      font-family: 'Roboto';font-size: 18px;
}

/* Buttons */
#booking-form .next-btn,
#booking-form .submit-btn {
    background: #82CCC8;
    padding: 13px 20px;
    color: #fff;
    font-family: oswald, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
    min-width: 400px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    border-radius: 0;
    border: 0;
    transition-property: background-color;
    transition-duration: 0.5s;
    width: 100%;
    cursor: pointer;
}

#booking-form .next-btn:hover,
#booking-form .submit-btn:hover {
    background-color: #444b5d;
    color: #fff;
}

/* Progress Bar */
.progress-wrap {
    margin: auto;
    display: table;
}
.line-progress-bar {
    display: flex;
    margin: auto;
    width: 100%;
}
.line {
    height: 1px;
    width: 250px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(217, 217, 217);
    position: absolute;
    margin-top: 8px;
}
.progress-wrap div ul {
    display: flex;
    width: 250px;
    list-style: none;
    padding: 0px;
    margin: initial;
    justify-content: space-between;
    z-index: 1;
}
.progressbar-dots {
    display: inline-flex;
    border: #949494 solid 4px;
    background: #333333;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    align-items: center;
    
    font-weight: bold;
    color: #d4d4d4;
    font-size: 20px;
    margin-left: 0px;
    color: #d4d4d4;
    border: 0px solid rgb(217,217,217);
    background: rgb(217, 217, 217);
}
.progressbar-dots span {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    margin-top: 60px;
    /* width: 75px; */
    float: left;
    margin-left: -30px;
    display: none;
}
.progressbar-dots.active {
    color: #fff;
    border: 0px solid rgb(38,163,134);
    background: #82CCC8;
}

/*  Tab */
.tab-pane {
    display: none;
}
.tab-pane:first-child {
  display: block;
}

/* Error */
span.error {
  font-size: 12px;
  font-family: "helvetica neue", arial, sans-serif;
  color: #D6041D;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
form#booking-form #step1 {
    display:block;
}
#booking-form .next-btn, #booking-form .submit-btn {
   display: block;
    width: 100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #07d1a4;
    border-radius: 20px;
}
form#booking-form  p{
font-family: 'Roboto' !important;
font-weight: 300 !important;
font-size: 18px !important;
}
form#booking-form .btn{
   width: 100%;
    background: #f7f9ff;
    border:none;
    outline:none;
    border-radius: 20px;
    text-transform: capitalize;
    color: #000;
    font-family: 'Montserrat' !important
    font-weight:900;
}
.selected_cv .btn,.icon_boxes .btn  {
    background:#02a6e5 !important
}
.container .button-cv {
margin-bottom:20px;position:relative;
}
.selected_cv {
   padding-bottom: 50px !important;
    max-height: 300px !important;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: hidden;
}
/*.icon_boxes  {*/
/*  height:350px !important*/
/*}*/
.icon_boxes .icon_box {
   background: #f7f9ff;
    height: 300px;
    border: 2px solid #fff;
    margin-bottom:20px !important;
    border-radius: 5px;
    padding: 5px;
}
/*.tab-pane {*/
/*    height:900px;*/
/*}*/
.icon_boxes .icon_box .title {
    text-align:center;
   font-size: 18px;
     font-family: 'Montserrat' !important;
     text-transform: capitalize !important;
     font-weight:700 !important;

}
.steps-progress li:hover {
    background:#07d1a4 !important
}
/*div#step2 {*/
/*    height:900px !important*/
/*}*/

/*div#step3 {*/
/*   height:900px !important*/
/*}*/
/*div#step4 {*/
/*   height:900px !important*/
/*}*/

button#gen-pdf {
    margin:0 !important
}
div#step2 .next-btn , div#step3 .next-btn,div#step4 .next-btn {
       clear:both !important;
       margin-top:415px;
       
}
.drag {
 
  -webkit-transition: background-color 0.25s ease-in;
  -moz-transition: background-color 0.25s ease-in;
  -ms-transition: background-color 0.25s ease-in;
  -o-transition: background-color 0.25s ease-in;
  transition: background-color 0.25s ease-in;
}

.drag:last-of-type {
  margin-right: 5px;
}
.icon_boxes .icon_box .drag {
    padding:10px;
}
.icon_box textarea{
    border-radius:5px !important;
    resize:none !important;
    height:170px !important;
}
.icon_box p {
    float:left;
    font-size:12px !important;
}

.button-cv .tool {
background: #383e49;
bottom: 100%;
color: #fff;
border-radius:5px;
display: block;
left: 10px;
 font-family: 'Roboto';font-size: 18px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
width: 100%;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.button-cv .tool:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.button-cv .tool:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #383e49 10px;
bottom: -10px;
content: " ";
height: 0;
left: 50%;
margin-left: -13px;

width: 0;
}

.button-cv:hover .tool {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
 .button-cv .tool {
display: none;
}
div#wait {
    text-align:center;
    margin-top:10px;
}
 .button-cv:hover .tool {
display: block;
}


.results_exp_tool_inner {
    margin-top:-40px;
}

.results_exp_tool .pricing-columns{
  width: 90%;
    margin-bottom:30px;
 
}
.flex{
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
}
.square{
  width: 50px;
  height: 50px;
  background-color: #333;
  color: #FAFAFA;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}
.square:hover{
  opacity: 0.8;
}
.rectangle{
  background-color: #333;
  margin: 10px 0;
  padding: 20px;
  width: 175px;
  color: #FAFAFA;
}
.img-absolute{
  position: absolute;
  left: 50%;
  top: 0;
  width: 56%;
}
.btn-download{
  display: inline-block;
  text-decoration: none;
  background-color: salmon;
  color: #FAFAFA;
  padding: 10px 62px;
  margin: 10px auto;
}
.btn-download:hover{
  opacity: 0.8;
}
.icon_boxes .col-sm-4{
    padding-left:10px !important;
    padding-right:10px !important;
    padding-bottom:20px !important;
}
.show {
    display:block !important;
}
.hide {
    display:none !important;
}
.results_exp_tool .column{
  display: inline-block;
  width: 100%;
 text-align:center;

  height:auto;
  padding:10px;
  border-radius:10px;
  margin: 15px 15px;
  background-color: #ffffff;
   -webkit-box-shadow: 0px 0px 71px 0px rgba(34, 84, 186,0.15);
  -moz-box-shadow: 0px 0px 71px 0px rgba(34, 84, 186,0.15);
  box-shadow: 0px 0px 71px 0px rgba(34, 84, 186,0.15);
}

.cvf-pagination-nav:last-child {
    display:block;
}
.cvf-pagination-nav {
    display:none
}
.block-loop-pagination {
    height:500px !important
}
.cvf-universal-pagination {
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    position:relative !important;
    margin-top:30px !important;
    display:none !important;
   
}
.selected_cv .button-cv{
    margin-bottom:20px
}
.results_exp_tool_inner {
    text-align:left;
    margin-left:5px;
  
}

div#wait h3 {
  text-align:left;
  margin-left:25px;
}

.results_exp_tool .heading-title h6 {
     font-family: 'Montserrat';font-size: 22px;text-transform: capitalize !important;font-weight:700 !important;

}
#generate_pdf_block_bottom {
    width:50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
 
}
.icon_box_li {
    width:100% !important;
    height:50px !important;
}
.icon_box_li button{
    width:90% !important;
    float:left !important;
}
.icon_box_li i{
    width:10% !important;
    float:right;
}
.selected_cv i {
    display:none
}
.cvf_pag_loading {padding: 20px;}
.cvf-universal-pagination ul {margin: 0; padding: 0;}
.cvf-universal-pagination ul li {display: inline; margin: 3px; padding: 4px 8px; background: #FFF; color: black; }
.cvf-universal-pagination ul li.active:hover {cursor: pointer; background: #1E8CBE; color: white; }
.cvf-universal-pagination ul li.inactive {background: #7E7E7E;}


.cvf-universal-pagination ul li.selected {background: #1E8CBE; color: white;}
.hide-scroll {
    overflow: -moz-hidden-unscrollable;
	overflow: hidden;
}

.icon_box_li.icon_box_li button {
    margin-bottom:10px !important
}
button#gen-pdf {
    margin-top:50px
}







@media (max-width: 767px) {
form#booking-form .btn {
    width:100% !important;font-size:12px !important
    }
#booking-form .next-btn, #booking-form .submit-btn{
    min-width:350px !important
}
#booking-form .next-btn, #booking-form .submit-btn{

}
#booking-form{
    margin-left:-10px !important;
    overflow: scroll !important;
}
}


.selected_cv .col-sm-3 {
   width:11% !important;
}

.selected_cv .col-sm-3 button { 
 font-size:11px !important
}