#sp-header.menu-fixed {background-color: rgba(0,0,0,0.5);}
.sp-megamenu-parent >li >a {color: #fff; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; font-weight: 600;}
.variation-creative .sp-megamenu-parent >li.active>a {color: #04b9d1;}

.sppb-btn.sppb-btn-primary {background-color: #04b9d1; border: none;}
.sppb-btn {border-radius: 5px; border: none; padding: 7px 20px !important; font-weight: 500!important;}

input[type="text"] {height: 24px;}

.sp-page-title {padding: 150px 0 135px 0;}

/* JSN Uniform */
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group {padding: 0;}
.jsn-uniform input[type="text"] {margin-bottom: 3px;}
.jsn-master .jsn-bootstrap .form-actions {margin: 0; padding: 0;}
.jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content span.required {display: none;}
.jsn-master .jsn-narrow .jsn-input-mini-fluid {width: 80% !important;}
.jsn-uniform .form-actions .btn-toolbar .btn {margin: 2px 35px 2px 40px; border: 1px solid #fff;}

.sppb-btn:hover, .sppb-btn:focus, .sppb-btn:active {border: none;}
.sppb-btn.sppb-btn-primary:hover {border: none;}
a#btn-1529582573057 {border: none;}

/* Custom Styles */
.field-height {height: 20px;}
.forced-primary {color: #04B9D1!important;}
.image-z {z-index: 9999!important;}
.sp-page-builder .page-content #about {z-index: -1!important;}
.c-button {border: 3px solid #000; font-weight: 700px;}
.c-button:hover {border: 3px solid #000; font-weight: 700px;}
.semibold {font-weight: 700; letter-spacing: 1px; line-height: 1.7;}
.btn-size {font-size: 22px!important;}
/*.book-glow {background: #04b9d1; border-radius: 10px;}*/

.hex-wrap {margin-top:20px;}
.hexagon
{   overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
    cursor: pointer;
}

.hexagon-in1
{   overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.hexagon-in2
{   width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
	background: #04B9D1;
	color: #fff;
	text-align: center;
	font-weight: 700!important;
}


.hexagon1
{   width: 100%;
    height: auto;
    margin: 0 0 0 0;
}

.hexagon2
{   width: 200px;
    height: 400px;
    margin: -80px 0 0 20px;
}

.dodecagon
{   width: 200px;
    height: 200px;
    margin: -80px 0 0 20px;
}

.hexnumber {top: -300px;}