/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 23 2026 | 11:37:50 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');





.cont-blue-border-radius .fusion-column-wrapper {
    border: 2px solid #122E47 !important;
    border-radius: 6px 6px 30px 6px;
    padding: 30px;
}


form#form_contact-us button.frm_button_submit {
    background: #122E47 !important;
    border: none !important;
    border-radius: 0px !important;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 25px;
}

.cont-gray-border-radius .fusion-column-wrapper {
    border: 2px solid #DEDEDE !important ;
    border-radius: 6px 6px 30px 6px ;
    padding: 30px;
}



.custom-btn-icon-yellow i {
    color: #F8DE49;
}




.cont-h1-900 h1{
	font-weight:900 !important;
}

strong, span{
	font-family:inherit !important;
}


/******* css labels pseudoclass****/
.review.no-avatar {
    background: transparent !important;
}


.text-title-label h1:before {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-right: 20px solid white;
    border-bottom: 30px solid transparent;
    position: absolute;
    right: 0px;
    top: 0px;
    content: "";
}

.text-title-label h1:after {
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-left: 20px solid white;
    border-bottom: 30px solid transparent;
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
}
.text-title-label h1 {
    background: #67C8C7;
    display: inline-block;
    padding: 5px 40px;
    position: relative;
}

/******* css labels pseudoclass****/


.cont-half-padding .fusion-column-wrapper {
    padding: 150px 100px !important;
}

.notitle-gf label.gfield_label {
    display: none !important;
}


.cont-white-text {
color:#fff !important;
}
.cont-white-text a{
color:#fff !important;
}
.cont-white-text h1{
color:#fff !important;
}
.cont-white-text h2{
color:#fff !important;
}
.cont-white-text h3{
color:#fff !important;
}
.cont-white-text h4{
color:#fff !important;
}
.cont-white-text h5{
color:#fff !important;
}
.cont-white-text h6{
color:#fff !important;
}





@media only screen and (max-width: 800px){
	

	
	h1 {
    font-size: 37px !important;
}
		h2 {
    font-size: 28px !important;
}
		h3 {
    font-size: 24px !important;
}
			h4 {
    font-size: 20px !important;
}
	
	footer.fusion-footer-widget-area.fusion-widget-area
 {
    padding-top: 40px !important;
}
	
	
	.fusion-footer .fusion-column {
    margin-bottom: 0px !important;
}
	
	
	.cont-no-border-onmobil .fusion-column-wrapper {
    border: none !important;
}
	
	
.cont-bg-blue-left-shape > .fusion-column-wrapper {
    padding: 30px;
    border-radius: 30px;
}
	.cont-bg-gray-left-shape > .fusion-column-wrapper {
    padding: 30px;
    border-radius: 30px;
}
	
.cont-padding-top-bottom-50 {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
}

.cont-padding-top-50 {
    padding-top: 30px !important;
}

.cont-padding-bottom-50 {
    padding-bottom: 20px !important;
}	
	
.cont-half-padding .fusion-column-wrapper {
    padding: 40px 30px !important;
}

.cont-padding-top-bottom-70{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-70{
padding-top:40px !important;
}
.cont-padding-bottom-70{
padding-bottom:20px !important;
}


.cont-padding-top-bottom-100{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-100{
padding-top:40px !important;
}
.cont-padding-bottom-100{
padding-bottom:20px !important;
}


.cont-padding-top-bottom-150{
padding-top:40px !important;
padding-bottom:20px !important;
}
.cont-padding-top-150{
padding-top:40px !important;
}
.cont-padding-bottom-150{
padding-bottom:20px !important;
}


}

@media only screen and (min-width: 800px){
	
		.cont-img-margin-top-negative-onpc {
    margin-top: -200px;
    margin-left: -60px;
}
	
	.cont-shape-rigth-01:after {
    content: "";
    position: absolute;
    background: url(http://hookconnective.com/surf/wp-content/uploads/2026/03/graphic-lines.png);
    right: 0px;
    top: -120px;
    width: 250px;
    height: 760px;
    background-size: contain;
}
	
	
	.cont-bg-blue-left-shape:after {
    content: "";
    background: url(http://hookconnective.com/surf/wp-content/uploads/2026/03/graphic-hexagons-solid.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 408px;
    height: 610px;
    position: absolute;
    right: -25px;
    top: 0px;
}
	.cont-bg-blue-left-shape {
    margin-bottom: -150px;
}
	
	.cont-bg-blue-left-shape > .fusion-column-wrapper {
    padding: 70px;
	padding-bottom:50px;
    border-radius: 30px;
}
	/*************************************************/
		.cont-bg-gray-left-shape:after {
    content: "";
    background: url(http://hookconnective.com/surf/wp-content/uploads/2026/03/graphic-hexagons-gray-solid.png);
    background-size: contain;
    background-repeat: no-repeat;
   /* width: 408px;
    height: 610px;*/
/*width: 325px;
    height: 470px;*/
	width: 410px;
    height: 615px;
    position: absolute;
    right: -25px;
    top: 0px;
}

	
	.cont-bg-gray-left-shape > .fusion-column-wrapper {
    padding: 70px;
	padding-bottom:50px;
    border-radius: 30px;
}
	
	
	
	
	
	
	
	
	
	
.main-max-width-1000 .fusion-builder-row.fusion-row {
    max-width: 1000px !important;
}
.main-max-width-1140	 .fusion-builder-row.fusion-row {
    max-width: 1140px !important;
}
.main-max-width-1150	 .fusion-builder-row.fusion-row {
    max-width: 1150px !important;
}
.main-max-width-1160	 .fusion-builder-row.fusion-row {
    max-width: 1160px !important;
}	
.main-max-width-1170	 .fusion-builder-row.fusion-row {
    max-width: 1170px !important;
}
.main-max-width-1180	 .fusion-builder-row.fusion-row {
    max-width: 1180px !important;
}
.main-max-width-1190	 .fusion-builder-row.fusion-row {
    max-width: 1190px !important;
}
.main-max-width-1200	 .fusion-builder-row.fusion-row {
    max-width: 1200px !important;
}


.cont-padding-top-bottom-50 {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}
.cont-padding-top-50 {
    padding-top: 50px !important;
}
	.cont-padding-bottom-50 {
    padding-bottom: 30px !important;
}
	
	
.modal-header {
    padding: 20px 40px;
}


.modal-body {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 40px !important;
}

.cont-padding-top-bottom-70{
padding-top:70px !important;
padding-bottom:50px !important;
}
.cont-padding-top-70{
padding-top:70px !important;
}
.cont-padding-bottom-70{
padding-bottom:50px !important;
}




.cont-padding-top-bottom-100{
padding-top:100px !important;
padding-bottom:80px !important;
}
.cont-padding-top-100{
padding-top:100px !important;
}
.cont-padding-bottom-100{
padding-bottom:80px !important;
}


.cont-padding-top-bottom-150{
padding-top:150px !important;
padding-bottom:130px !important;
}
.cont-padding-top-150{
padding-top:150px !important;
}
.cont-padding-bottom-150{
padding-bottom:130px !important;
}


}