:root {
    --primary-color:#295498;
    --accent-color:#C2b299;
}

body {
    overflow-x:hidden;
}
/*------------titles -------------*/
section :has(h2) h3, 
section :has(h2) h4, 
section :has(h2) h5, 
section :has(h2) h6 {
    font-family:"Montserrat", sans-serif;
    font-style:italic;
    font-weight:200;
   
}


/*------------------------------------header------------------------------------------------*/
.master-layout-1 #divMainMenu nav #main-menu>li>a {
    text-transform: uppercase;
    font-weight:500;
}


#main-menu a::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--primary-color);
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .7s ease-in-out;
}
#main-menu a:hover::before {
  transform-origin: right;
  transform: scaleX(1);
}
@media (hover: hover) and (pointer: fine) and (min-width: 1025px), screen and (-ms-high-contrast:none) and (min-width: 1025px) {
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn, 
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut{
/*         background:var(--primary-color); */
        
    }
    .master-layout-1 .MyProfile_Member .MyProfile_SignedIn .MyProfile_Name, 
    .master-layout-1 .MyProfile_Member .MyProfile_SignedOut .MyProfile_Name{
        color:var(--primary-color);
        font-weight:500;
         transition:color .2s linear;
         transition-delay: 0.15s;
    }
    .master-layout-1 .container-fluid {
        padding-right:0;
    }
    .master-layout-1 .MyProfile_Member {

        background-image: linear-gradient(90deg,
           white 0%,
             white 50%,
             var(--primary-color) 50%,
             var(--primary-color) 100%);
         background-size: 200%;
         transition: background-position .4s cubic-bezier(.47, .1, 1, .63), color .2s linear;
         transition-delay: 0.0s, 0.15s;
   
       
   }
   .master-layout-1 .MyProfile_Member:hover{
   background-position: 100% -100%;
   }
   .master-layout-1 .MyProfile_Member:hover .MyProfile_Name{
   color:white;
   }
}

/*-----------------------------------------testimonials slider----------------------------------------------*/


.testimonial-slider blockquote {
    border:none;
    background:transparent;
    
}
.testimonial-slider .text-block-wrapper {
    margin:50px auto 20px;
}
.testimonial-slider .text-block-wrapper:before {
    content:'"';
    position:absolute;
    font-size:12em;
    line-height: 60px;
color:var(--primary-color);
    font-family: "Catamaran", sans-serif;
    top:40px;
    left: calc(50% - 3%);
    width:50px;
        
}
.testimonial-slider p strong {
    color:var(--primary-color)
}
.testimonial-slider {

}
.slider-container {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    display: block;
}
.slider-container:has(.testimonial-slider) .slick-dots li button {
    background:var(--accent-color);
}
.slider-container:has(.testimonial-slider) .slick-dots li.slick-active button {
    background:var(--primary-color);
}
.slider-container:has(.testimonial-slider) .slick-dots {
    width:fit-content; 
    margin: 10px auto;
    position: relative;
}




/*-------------------------------------------------Title and summary-------------------------------------------*/
section[id*='TitleAndSummary'] h2 {
    margin-bottom:5px;
}
@media(min-width:768px){
/* section[id*='TitleAndSummary'] .img-block img {
    object-fit: cover;
    margin: auto;
    width:100%;
    height:100%;
    padding: 20px;
    
} */

}
/*------------custom class .accent-ts ----*/


.accent-ts .text-block-wrapper:before {
    content:'';
    width:calc(100%);
    height:calc(100% );

    position: absolute;
    z-index: -1;
    left:0px;
    top:0px;
      background-color: rgba(255, 255, 255, .2);   
box-shadow: 1px 1px 0px 2px rgba(12,12,12,0.08);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
}
.accent-ts .text-block-wrapper {
    position: relative;
    z-index: 1;
    
}
.accent-ts.theme2 .text-block-wrapper:before{
      background-color: rgba(22,43,77,0.4) 
}


.accent-ts.background-image .inner-wrap{
    background:unset;
      color:#2a2a2a;
    text-shadow: none;
    
}


.accent-ts.background-image.theme1 .text-block-wrapper:before{
   background-color: rgba(255, 255, 255, .3);   
    
}
.accent-ts.background-image.theme2 .text-block-wrapper:before{
   background-color: rgba(22,43,77,0.4) 
    
}

@media(min-width:768px){
   .accent-ts  .img-block {
        margin:20px;
    }
    .accent-ts .text-block-wrapper:before {
    left:-20px;
    top:-20px;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    }
.accent-ts .image-right{
     transform: translateX(-15%) 
    
}
.accent-ts .image-left {
     transform: translateX(15%) 
    
}
  .accent-ts:has(.image-right) .text-block {
    transform: translateX(10%)
}
.accent-ts:has(.image-left) .text-block {
     transform: translateX(-10%)
}

}


@media(max-width:767px){

    .accent-ts .text-block-wrapper {
         padding:20px;
    }
    
}


/*---------------------------Animations------------------------------*/

/*animation coming up*/
.slider-container.run-animation1,
.basic-block .image-right.run-animation1, 
.basic-block:has(.image-left) .text-block.run-animation1,
.basic-block:has(.image-right) .text-block.run-animation1, 
.basic-block .image-left.run-animation1 {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(50%);
         -moz-transform: scale(0.7) translateY(50%);
            -ms-transform: scale(0.7) translateY(50%);
             -o-transform: scale(0.7) translateY(50%);
                    transform: scale(0.7) translateY(50%);
    -webkit-transition: all 1.2s ease-in;
         -moz-transition: all 1.2s ease-in;
            -ms-transition: all 1.2s ease-in;
             -o-transition: all 1.2s ease-in;
                    transition:  all 1.2s ease-in;
}
/*animation coming up*/
.slider-container.run-animation1.visible,
.basic-block .image-right.run-animation1.visible,
.basic-block:has(.image-left) .text-block.run-animation1.visible,
.basic-block:has(.image-right) .text-block.run-animation1.visible,
.basic-block .image-left.run-animation1.visible   {
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
  
@media(min-width:768px){
/*animation coming from right*/
.basic-block .image-right.run-animation1, 
.basic-block:has(.image-left) .text-block.run-animation1{
    opacity: 0;
    -webkit-transform: scale(0.7) translateX(50%);
         -moz-transform: scale(0.7) translateX(50%);
            -ms-transform: scale(0.7) translateX(50%);
             -o-transform: scale(0.7) translateX(50%);
                    transform: scale(0.7) translateX(50%);
    -webkit-transition: all 1.2s ease-in;
         -moz-transition: all 1.2s ease-in;
            -ms-transition: all 1.2s ease-in;
             -o-transition: all 1.2s ease-in;
                    transition:  all 1.2s ease-in;
}
/*animation coming from right*/
.basic-block:not(.accent-ts) .image-right.run-animation1.visible, 
.basic-block:not(.accent-ts):has(.image-left) .text-block.run-animation1.visible{
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
/*animation coming from right*/
.accent-ts .image-right.run-animation1.visible  {
    opacity: 1;
     
    -webkit-transform: translateX(-15%);
         -moz-transform: translateX(-15%);
            -ms-transform: translateX(-15%);
             -o-transform: translateX(-15%);
                    transform: translateX(-15%);
}
/*animation coming from right*/
.accent-ts:has(.image-left) .text-block.run-animation1.visible  {
    opacity: 1;
     
    -webkit-transform: translateX(-15%);
         -moz-transform: translateX(-15%);
            -ms-transform: translateX(-15%);
             -o-transform: translateX(-15%);
                    transform: translateX(-15%);
}


/*animation coming from left*/
.basic-block:has(.image-right) .text-block.run-animation1, 
.basic-block .image-left.run-animation1{
    opacity: 0;
    -webkit-transform: scale(0.7) translateX(-50%);
         -moz-transform: scale(0.7) translateX(-50%);
            -ms-transform: scale(0.7) translateX(-50%);
             -o-transform: scale(0.7) translateX(-50%);
                    transform: scale(0.7) translateX(-50%);
    -webkit-transition: all 1.2s ease-in;
         -moz-transition: all 1.2s ease-in;
            -ms-transition: all 1.2s ease-in;
             -o-transition: all 1.2s ease-in;
                    transition:  all 1.2s ease-in;
}
/*animation coming from left*/
.accent-ts:has(.image-right) .text-block.run-animation1.visible {
    opacity: 1;
    -webkit-transform: translateX(10%);
         -moz-transform: translateX(10%);
            -ms-transform: translateX(10%);
             -o-transform: translateX(10%);
                    transform: translateX(10%);
}
/*animation coming from left*/
.accent-ts .image-left.run-animation1.visible {
    opacity: 1;
    -webkit-transform: translateX(10%);
         -moz-transform: translateX(10%);
            -ms-transform: translateX(10%);
             -o-transform: translateX(10%);
                    transform: translateX(10%);
}
/*animation coming from left*/
.basic-block:not(.accent-ts) .image-left.run-animation1.visible, 
.basic-block:not(.accent-ts):has(.image-right) .text-block.run-animation1.visible{
    opacity: 1;
    -webkit-transform: none;
         -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                    transform: none;
}
}