/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                       ADDITIONAL 2 STYLE --- MAIN CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.testimonialWrap .swiper-pagination-bullet {
    border-radius: 0;
    transition: all.5s;
}


/*workWrap*/

.workWrap:before {
	height: 118px !important;
	top: auto !important;
	bottom: 0 !important;
}
.workWrap .workBox {
	position: relative;
}

.workWrap .workBox:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
    height: 100%;
    width: 100%;
    background: #8e8d8f;
    opacity: 0.9;
    z-index: -1;
}

/*footer*/

.footer .usTitle .elementor-heading-title {
	font-size: 32px;
	line-height: 45px;
}

.footer .box ul li {
	display: flex;
	justify-content: center;
}

.footer .box ul li a {
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
}

.footer .box p {
	font-size: 20px;
	line-height: 29px;
	text-transform: uppercase;
}
.footer .box p a {
	color: #ab966e;
}

.footer .box p a:hover {
	color: #cb9853;
}

/*copyrightWrap*/
    
.copyrightWrap p {
	font-size: 14px;
    line-height: 22px;
}
    
.copyrightWrap p:last-child {
	padding-bottom: 0;
}

.copyrightWrap p a {
	display: inline-block;
    color: #002c3b;  
}

.copyrightWrap p a:hover {
    color: #CB9853;
}

/*#F8F7F5*/


.findWrap .gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-tc {
	display: none;
} 

.findWrap .findTitle .elementor-heading-title {
	font-size: 30px;
	line-height: 38px;
}      

.findWrap .unitTitle .elementor-heading-title {
	font-size: 40px;
	line-height: 45px;
}

.findWrap .gmp_MapPreview {
	box-shadow: 0px 0px 101px 18px rgba(0, 0, 0, 0.17);
} 

/*newsWrap*/

.newsWrap .elementor-post__excerpt {
    margin-bottom: 0 !important;
}

.newsWrap article {
    overflow: visible !important;
}                   

.newsWrap .elementor-grid-item .elementor-post__thumbnail__link {       
	box-shadow: 2px 2px 37px 17px rgba(47, 47, 47, 0.28);
	transition: all .8s;
}                               
                        
.timeTitle span time,             
.newsWrap .elementor-grid-item .elementor-post-date {
	font-size: 18px;
    line-height: 30px;
    color: #CB9853 !important;
}  

.newsWrap .elementor-grid-item .elementor-post__title {
	font-size: 35px !important;
    line-height: 40px !important;
}

.newsWrap .elementor-grid-item .elementor-post__title a {
    color: #102E3B !important;
}

.newsWrap .elementor-grid-item .elementor-post__title a:hover {
	color: #CB9853 !important;
}          

.newsWrap .elementor-grid-item .elementor-post__excerpt p {
	font-size: 16px !important;
	line-height: 30px !important;
	color: #002C3B !important;         
}  

.newsWrap .elementor-post__excerpt p:last-child {
	padding-bottom: 0;
} 

/*newsWrap*/

.caseWrap {
    position: relative;            
}
                              
.caseWrap .odd .boxes {
	display: flex;
	justify-content: center;      
    flex-direction: row-reverse;
}               
                                                 
.caseWrap:after {
    content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
    height: 210px !important;
    bottom: 0;      
    left: 0;         
    background: #fff;
}

.caseWrap li {
	font-size: 25px !important;
	line-height: 30px;
	                
}            

.caseWrap .postTitle .elementor-heading-title {
    font-size: 40px;
    line-height: 45px;
}

.caseWrap .postTitle .elementor-heading-title:hover {
	color: #CB9853 !important;
}
        
.caseWrap .imgBox {
	position: relative;
}         

.caseWrap .blankButton {
	position: static !important;
}
     
.caseWrap .blankButton .dbtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
} 

.caseWrap .image {
	position: relative;
	overflow: hidden;
    transition: all .8s !important;           
}       
               
/*.caseWrap .image:hover {
    box-shadow: 2px 2px 37px 17px rgba(47, 47, 47, 0.28);
} */

.caseWrap .imgBox .image:after {
    content: '';
    position: absolute;
    top: -50px;
    opacity: 1;
    left: 140%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
    -webkit-filter: blur(3px);
    filter: blur(1px);
    z-index: 1;
    width: 20%;
    height: calc(100% + 100px);
    transform: rotate(15deg) skew(-10deg, 0deg);
    -webkit-transform: rotate(15deg) skew(-10deg, 0deg);
    -moz-transform: rotate(15deg) skew(-10deg, 0deg);
    -ms-transform: rotate(15deg) skew(-10deg, 0deg);
    -o-transform: rotate(15deg) skew(-10deg, 0deg);
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
} 

.caseWrap .imgBox .image:hover:after {
	opacity: 0;
    left: -40%;
    transition-delay: 0s !important;
} 

/*caseWrap*/

.menuWrap:before {
	height: 118px !important;
    top: auto !important;
    bottom: 0 !important;
}

.menuWrap .box {
	position: relative;
	overflow: hidden;
	webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    z-index: 9;
    transition: all 1s;  
}

.menuWrap .box.in-viewport-once {
    transform: translate(0px, 0px);
    opacity: 1;
}

.menuWrap .box:hover .elementor-image-box-img img {
	transform: scale(0.9);
} 

/*.menuWrap .imgBox {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    height: 100%;
    width: 100%;
} */ 

.menuWrap .elementor-image-box-img {
	display: flex !important;   
    justify-content: center;
    flex-direction: column;
    height: 100%;      
} 

.menuWrap .elementor-image-box-img img {
	width: 225px;
}        

.menuWrap .box,    
.menuWrap .imgBox,
.menuWrap .elementor-image-box-wrapper,
.menuWrap .elementor-image-box-title {
	height: 100%;
}

.menuWrap .elementor-image-box-title a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}                   
          
.menuWrap .elementor-image-box-content {
    position: absolute;
    top: 0;  
    left: 0;
    height: 100%;  
    display: flex;
    justify-content: center;
    flex-direction: column;
}   

.menuWrap .elementor-image-box-title {
	font-size: 32px;
	line-height: 38px;
}                    
                                           

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                                   ADDITIONAL 2 STYLE --- RESPONSIVE CSS START

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* Laptop screen */


@media (min-width: 1200px) {

	.footer .box p:first-child {
	    padding-bottom: 15px;
	}

	.newsWrap .elementor-post-date {
	    letter-spacing: 1px;
	}
	 	
}

@media (min-width: 1400px) and (max-width: 1599px) {
    
    .caseWrap .e-parent.e-con-boxed > .e-con-inner {
        padding-left: 114px;
        padding-right: 114px;
    }                 
}    

@media (min-width: 1200px) and (max-width: 1440px) {

	.workWrap:before {
		height: 100px !important;
	}

    .footer .usTitle .elementor-heading-title {
	    font-size: 30px;
	    line-height: 40px;
	}

	.findWrap .findTitle .elementor-heading-title {
		font-size: 28px;
		line-height: 35px;
	}      

	.findWrap .unitTitle .elementor-heading-title {
		font-size: 32px;
		line-height: 40px;
	}
    .findWrap .gmpMapDetailsContainer,
	.findWrap .gmp_MapPreview {
		height: 400px !important;
	} 

	.newsWrap .elementor-grid-item .elementor-post__title {
	    font-size: 30px !important;
	    line-height: 35px !important;
	}
	/*newsWrap*/


    /*caseWrap*/
	.caseWrap li {
	    font-size: 23px !important;
	    line-height: 30px;
	} 

	.caseWrap .postTitle .elementor-heading-title {
	    font-size: 34px;
	    line-height: 40px;
	}           
	/*caseWrap*/ 

	/*menuWrap*/

	.menuWrap .elementor-image-box-title {
	    font-size: 27px;
	    line-height: 32px;
	} 

	/*.elementor-image-box-img img {
		width: 210px;
	} */       

	
	

}



@media (min-width: 1200px) and (max-width: 1359px) { 

    .newsWrap .readBox {
        max-width: 1010px;
        margin: auto;
	}     
}

@media (min-width: 1025px) and (max-width: 1440px) { 


}


/* Large desktop */
@media (min-width: 1025px) {
	
	 	
}

@media (min-width: 1025px) and (max-width: 1199px) {

    .workWrap:before {
		height: 80px !important;
	} 

	.footer .usTitle .elementor-heading-title {
	    font-size: 27px;
	    line-height: 35px;
	}

	.footer .box ul li a {
	    font-size: 17px;
	    line-height: 25px;
	}

	.footer .box p {
	    font-size: 18px;
	    line-height: 26px;
	    padding-bottom: 15px;
	}

	.copyrightWrap p {
		font-size: 15px;
		line-height: 28px;
	}


	.findWrap .findTitle .elementor-heading-title {
		font-size: 26px;
		line-height: 32px;
	}      

	.findWrap .unitTitle .elementor-heading-title {
		font-size: 30px;
		line-height: 35px;
	}

    .findWrap .gmpMapDetailsContainer,
	.findWrap .gmp_MapPreview {
		height: 350px !important;
	}

	.newsWrap .elementor-grid-item .elementor-post__title {
	    font-size: 30px !important;
	    line-height: 35px !important;
	}


	.timeTitle span time,             
	.newsWrap .elementor-grid-item .elementor-post-date {
		font-size: 17px;
	    line-height: 28px;
	} 

	/*caseWrap*/
	.caseWrap li {
	    font-size: 20px !important;
	    line-height: 25px;
	} 

	.caseWrap .postTitle .elementor-heading-title {
	    font-size: 30px;
	    line-height: 35px;
	}           
	/*caseWrap*/ 

	.menuWrap .elementor-image-box-title {
	    font-size: 24px;
	    line-height: 29px;
	}

	/*.elementor-image-box-img img {
		width: 210px;
	}*/ 

	  
}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 

	.workWrap:before {
		height: 70px !important;
	}

	.footer .usTitle .elementor-heading-title {
	    font-size: 25px;
	    line-height: 30px;
	}

	.footer .box ul li a {
	    font-size: 16px;
	    line-height: 22px;
	}

	.footer .box p {
	    font-size: 17px;
	    line-height: 24px;
	    padding-bottom: 10px;
	}

	.copyrightWrap p {
		font-size: 14px;
		line-height: 26px;
	}

	.findWrap .findTitle .elementor-heading-title {
		font-size: 24px;
		line-height: 32px;
	}      

	.findWrap .unitTitle .elementor-heading-title {
		font-size: 25px;
		line-height: 32px;
	}
    
    .findWrap .gmpMapDetailsContainer,
	.findWrap .gmp_MapPreview {
		height: 350px !important;
	} 

	.newsWrap .elementor-grid-item .elementor-post__title {
	    font-size: 25px !important;
	    line-height: 30px !important;
	}

    .timeTitle, 
	.newsWrap .elementor-grid-item .elementor-post-date {
	    font-size: 16px;
	    line-height: 28px;
	}

	.newsWrap .elementor-grid-item .elementor-post__excerpt p {
		font-size: 15px !important;
		line-height: 26px !important;
	}

	/*caseWrap*/
	.caseWrap li {
	    font-size: 18px !important;
	    line-height: 22px;
	} 

	.caseWrap .postTitle .elementor-heading-title {
	    font-size: 25px;
	    line-height: 30px;
	}           
	/*caseWrap*/ 

	.menuWrap .elementor-image-box-title {
	    font-size: 24px;
	    line-height: 29px;
	}

	/*.elementor-image-box-img img {
		width: 210px;
	}*/     
	                    
	                 
}


@media (min-width: 768px) and (max-width: 880px) {
    .workWrap:before {
		height: 60px !important;
	}
}



     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .workWrap:before {
		height: 50px !important;
	} 

	.footer .usTitle .elementor-heading-title {
	    font-size: 22px;
	    line-height: 24px;
	}

	.footer .box ul li a {
	    font-size: 15px;
	    line-height: 20px;
	}

	.footer .box p {
	    font-size: 16px;
	    line-height: 20px;
	    padding-bottom: 10px;
	}

	.copyrightWrap p {
		font-size: 13px;
		line-height: 22px;
	}

	.footer .box:after {
    	position: absolute;
    	content: '';
    	bottom: 21px;
    	right: calc(50% - 25px);
    	background: #919193;
    	height: 2px;
    	width: 50px;
    }
  
    .footer .box:last-child:after {
    	display: none;
    }

    .findWrap .findTitle .elementor-heading-title {
		font-size: 22px;
		line-height: 32px;
	}      

	.findWrap .unitTitle .elementor-heading-title {
		font-size: 25px;
		line-height: 32px;
	}
    
    .findWrap .gmpMapDetailsContainer,
	.findWrap .gmp_MapPreview {
		height: 300px !important;
	} 


	.newsWrap .elementor-grid-item .elementor-post__title {
	    font-size: 25px !important;
	    line-height: 30px !important;
	}
    
    .timeTitle, 
	.newsWrap .elementor-grid-item .elementor-post-date {
	    font-size: 16px;
	    line-height: 28px;
	}

	.newsWrap .elementor-grid-item .elementor-post__excerpt p {
		font-size: 14px !important;
		line-height: 26px !important;
	}           


	.timeTitle span time,             
	.newsWrap .elementor-grid-item .elementor-post-date {
		font-size: 16px;
	    line-height: 28px;
	}


	/*caseWrap*/
	.caseWrap li {
	    font-size: 17px !important;
	    line-height: 20px;

	}     

	.caseWrap .postTitle .elementor-heading-title {
	    font-size: 22px;
	    line-height: 26px;
	} 

	.caseWrap .boxes {
        max-width: 400px !important;
        margin: auto;
	}                    
                                                             
	/*caseWrap*/ 

	.menuWrap .elementor-image-box-title {
	    font-size: 24px;
	    line-height: 29px;
	}

	/*.elementor-image-box-img img {
		width: 210px;
	}*/       
       
		
}



@media (min-width: 575px) and (max-width: 767px) {
	
    .footer .box:nth-child(3):after {
    	display: none;
    }
}

@media (max-width: 575px) {

    .footer .box {
    	width: 100%;
    }
}


     
/* Landscape phones and down */
@media (max-width: 480px) { 

    
           
}