/*--------------------------------
        header
--------------------------------*/
#sp-header {
    position: relative;
    left: 0;
    top: 30px;
    width: 100%;
    z-index: 99;
    background: linear-gradient(90deg, rgba(62,194,199,1) 37%, rgba(1,75,136,1) 87%)!important;
    padding: 15px 0!important;
    transition: 0.3s;
}


/*--------------------------------
        logo
--------------------------------*/
div#sp-logo {text-align: left;}
div#sp-logo .logo{position: relative;}

div#sp-logo .logo:before {
    content: ""!important;
    position: absolute;
    height: 80px;
    width: 520px;
    top: 0;
    background: #ffffff;
    right: auto;
    left: 0;
    bottom: 0;
    margin: auto;
    border-radius: 0px 50px 50px 0;
    z-index: -1!important;
}

#sp-header .logo {
    display: flex!important;
    flex-direction: row-reverse!important;
}

@media screen and (min-width:585px) and (max-width:767px){
img.logo-image-phone.d-inline-block.d-lg-none {
    height: 80px;
}}



/*tablet*/
@media screen and (min-width:769px) and (max-width:991px){
div#sp-logo .logo:before {width: 110%;}}

/*mobile*/
@media screen and (max-width:768px){
div#sp-logo .logo:before {width: 110%;}}

/*larger desktop*/
@media screen and (min-width:1537px){
div#sp-logo .logo:before {width: 110%;}}



/*--------------------------------
        menu
--------------------------------*/

ul.sp-megamenu-parent.menu-animation-fade-down.d-none.d-lg-block {padding-right: 50px!important;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
font-family: 'El Messiri', sans-serif!important;font-size: 15px!important;}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after {margin-top: 0px!important;}


/*--------------------------------
        opus slide
--------------------------------*/
/*remove default image*/
.sppb-slide-item-bg .slide-img-wrapper:before {
  content: "";
  position: absolute;
  top: -55px;
  left: 55px;
  right: -55px;
  bottom: 55px;
  border: 0px solid rgba(255, 255, 255, 0.37);}

.sppb-slideshow-fullwidth-item-text .slide-img-wrap {display: none;}

.sppb-slide-item-bg:before {background-image: none;}



/*opus-slide-text*/
.sppb-slideshow-fullwidth-item-text .sppb-col-sm-6 {
    flex: 0 0 100%!important;
    max-width: 100%!important;}

.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-fullwidth-item-text-wrap {
    position: relative;
    max-width: 650px;
  	width: 85%;}

@media screen and (min-width:1850px){
  .sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {font-size: 28px;}}


@media screen and (min-width:769px) and (max-width:991px){
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-fullwidth-item-text-wrap {width: 58%;}}


@media screen and (max-width:768px){
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slideshow-fullwidth-item-text-wrap {width: 100%;}
h1.sppb-fullwidth-title.fadeInDown.sppb-wow.fadeInDown.sppb-animated {font-size: 20px!important;}
}

/*opus-slide-color*/
h2.sppb-slideshow-sub-title, h1.sppb-fullwidth-title{font-family: 'El Messiri';color: #443b3e;}
.details.fadeInDown.sppb-wow.fadeInDown.sppb-animated {font-size: 15px;color: #1a7ca2;}

  
  
@media screen and (max-width:768px){
h2.sppb-slideshow-sub-title, h1.sppb-fullwidth-title, .details.fadeInDown.sppb-wow.fadeInDown.sppb-animated {
    color: #fff;}}

/*opus-slide-button*/
.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-btn {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: inherit!important;
    background: linear-gradient(18deg, #0a5d92 14%, #3cbfc5 87%);
    margin: 0;
    padding: 12px 25px;
    border: 2px solid #ffffffc4;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 50px;
    box-shadow: 4px 11px 22px #62626270;
	margin-top:20px;
    }


.sppb-slide-item-bg .sppb-slideshow-fullwidth-item-text .sppb-btn:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;}
         

/*opus-slide-overlay-small-mobile*/
@media screen and (max-width:480px){
.sppb-slide-item-bg:before {
    opacity: 1;
    background: #04518b66;
    overflow: hidden!important;
    clip-path: polygon(0 0, 100% 0%, 100% 94%, 0 89%);
  }}

/*opus-slide-overlay-larger-mobile*/
@media screen and (min-width:481px) and (max-width:768px){
.sppb-slide-item-bg:before {
    opacity: 1;
    background: #04518b66;
    overflow: hidden!important;
    clip-path: polygon(0 0, 100% 0%, 100% 98%, 0 86%);
  }}

/*opus-slide-overlay-tablet*/
@media screen and (min-width:769px) and (max-width:991px){
.sppb-slide-item-bg:before {
    opacity: 1;
    background: #04518b66;
    overflow: hidden!important;
    clip-path: polygon(0 0, 100% 0%, 100% 98%, 0 86%);
  }}




/*opus-slide-bullets*/
.sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot span {
  width: 25px;
  height: 4px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  transition: 0.3s;
  position: relative;
}
.sppb-slider-fullwidth-wrapper .owl-controls .owl-dots .owl-dot span:before {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  transition: 0.5s;
  border-radius: 10px;
}




/*footer*/
#sp-footer .container-inner {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
}

/*debug*/
a.sp-scroll-up {right: 100px;}
.fa-chevron-up:before{font-weight: 900!important;font-family: 'Font Awesome 5 Free'!important;}
.fa-comments:before {font-weight: 900!important;font-family: 'Font Awesome 5 Free'!important;}
i.fa.fa-phone.phone-fixed, i.fa.fa-envelope.email-fixed {font-family: 'Font Awesome 5 Free';font-weight: 900;}


#test{clip-path: url(#wave);}










/*end*/