/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.scroll {
  white-space: nowrap; 
  overflow-x: auto;
} 

.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-backface-hidden {
    padding-bottom: 78px;
}
.swiper-scrollbar-drag{ background-color:#27383F !important; }
.swiper-scrollbar.swiper-scrollbar-horizontal { background-color: #F7F7F7 !important; }

.fp-slider-img-box {
    /*width: 665px;*/
    height: 496px;
	margin-bottom:53px;
	overflow:hidden;	
}
.fp-slider-img-box .fp-slider-img{
	background-size:cover;
	display:block;
	width:100%;
	height:100%;	
	transition: all .5s ease-in;
}
.fp-slider-img-box .fp-slider-img:hover{
		transform: scale(1.1);
		transition: all .5s ease-out;
		cursor:pointer;
}
.fp-slider-content-box h2{
	font-size:24px;
	color:#072433;
	padding:0px;
	margin:0px;
	line-height:normal;
	font-weight:blod;
}
.fp-slider-content-box h2 a{
	color:#072433;
	text-decoration:none;
}
.fp-slider-content-box h4{
	font-size:13px;
	color:#AF7334;
	padding:0px;
	margin:30px 0 10px 0;
	line-height:normal;
	text-transform:uppercase;
	letter-spacing:3px;
}
.fp-slider-content-box h4 a{
	color:#AF7334;
	text-decoration:none;
}
.fp-slider-content-box h4 a:hover{
	color:#8b5c2a;
	cursor:pointer;
}
.gb-container.gb-container-ce1aa40a.alignfull {
    padding: 0;
    margin: 0;
}
.gb-container.gb-container-e975cb5f {
    /*max-width: initial;*/
}
.gb-container-bc308217 {
    padding-bottom: 0px !important;
}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 0px;
}
span.scrollbar-line {
    background-color: #F7F7F7;
    height: 4px;
    width: 100%;
    display: block;
    position: relative;
}
span.scrollbar-line .scrollbar-drag{
	background-color: #27383F;
    height: 4px;
    width: 35%;
    display: block;
    position: absolute;
	left:0px;
}
.gb-container-c307e331 {
    padding: 0px 40px 185px !important;
}
.scrollbar-wrap.gb-container {
    width: 70%;
    margin: 112px auto;
}
/**************************projects-listing-box*********************************/

.projects-listing-box{  }
.projects-listing-box .project-list{
	display:flex;
	margin-top:80px;
}
.project-list-image-box {
    width: 50%;
	overflow:hidden;
}
.project-list-content {
    width: 50%;
	padding:0px 99px;
	margin:auto;
}
.project-list-content h4{
	color:#AF7334;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	letter-spacing: 2.8px;
	font-size:14px;
}
.project-list-content h2{
	color:#072433;
	padding:0px;
	margin:0 0 50px 0;
	font-size: 30px;
}
.project-list-content h2 a{
	color:#072433;
	text-decoration:none;
}
.project-list-content h2 a:hover{
	color:#AF7334;
}
.project-list-image-box .project-list-image {
    background-size: cover;
    width: 100%;
    height: 530px;
    display: block;
	transition: all .5s ease-in;
}
.project-list-image-box .project-list-image:hover{
		transform: scale(1.1);
		transition: all .5s ease-out;
		cursor:pointer;
}
.view-project-btn{
	color:#072433;
	border-bottom:2px #AF7334 solid;
	text-decoration: none;
    padding: 10px 25px;
    margin-top: 60px;
    display: table;
	font-size:18px;
	font-weight:bold;
	transition: all .5s ease-in;
}
.view-project-btn:hover{
	color:#072433;
	cursor:pointer;
	background-color:#ffffff;
	transition: all .5s ease-out;
}

ul.filter-list, ul.filter-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.filter-list {
	display:flex;
	align-items: center;
  	justify-content: center;
}
ul.filter-list li a{
    display: inline-flex;
    justify-content: center;
    width: 223px;
    background-color: #ffffff;
    color: #072433;
    padding: 15px 20px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: var(--gold-color);
	text-decoration:none;
	margin: 0 17px;
	font-weight:bold;
	font-size:18px;
	transition: all .5s ease-in;
}
ul.filter-list li a.active{
	background-color: var(--gold-color);
	color:#ffffff;
	transition: all .5s ease-out;
}
.load-more-wrap .load-more-project{
    color: #072433;
    border-bottom: 2px #AF7334 solid;
    text-decoration: none;
    padding: 15px 65px;
    display: table;
    font-size: 18px;
    font-weight: bold;
    transition: all .5s ease-in;
    background-color:#ffffff;
    margin: 170px auto 0;
    cursor:pointer;
    cursor:pointer;
}
.load-more-wrap .load-more-project:hover{
    background-color:rgba(255,255,255,.5);
    transition: all .5s ease-out;
}
.read-more{
    color:#AF7334;
}
.swiper-slide {
    width: 653px;
}
/*.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0) translateX(-14%); 
}*/
.swiper.mySwiper.project-swiper {
    padding: 0px calc((100% - 1364px)/2);
}
.swiper-scrollbar {
    /*width: 71.5% !important;
    margin: 0 auto;
    transform: translate(19%, 0);*/
}
/*.swiper-scrollbar {
    transform: translate(50%, 0);
    margin-left: -675px;
}*/
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { left: auto !important; }
.swiper-scroller-container {
    width: 1364px;
    margin: 0 auto;
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
    overflow: hidden;
	position:relative !important;
}
.gb-container-bcc3ee91 {
    padding: 171px 40px 184px;
}




/*******************************************************************************/

@media all and (min-width:1700px) and (max-width:1899px){
	.fp-slider-img-box { height: 443px;}
	.swiper-scroller-container { width: 1364px; }
}
@media all and (min-width:1400px) and (max-width:1699px){
	.fp-slider-img-box { height: 359px;}
	.swiper-slide { width: 473px; }
	.swiper-scroller-container { padding: 0px 0px 0px 0px; }
}
@media all and (min-width:1200px) and (max-width:1399px){
	.fp-slider-img-box { height: 306px;}
	.swiper-slide { width: 423px; }
	.swiper-scroller-container { padding: 0px 0px 0px 30px; width:auto; }
	.swiper.mySwiper.project-swiper {
	    padding: 0px 30px;
	}
}
@media all and (min-width:992px) and (max-width:1199px){
	.fp-slider-img-box { height: 250px;}
	.project-list-content h2 { font-size: 24px; margin-bottom: 25px; }
	.project-list-content h4 { font-size: 12px; }
	.project-list-content { font-size: 17px; }
	.view-project-btn { font-size: 17px; }
	.swiper-slide { width: 413px; }
	.swiper-scroller-container { padding: 0px 15px 0px 30px; width:auto; }
	.swiper.mySwiper.project-swiper {
	    padding: 0px 30px;
	}
}
@media all and (min-width:768px) and (max-width:991px){
	.fp-slider-img-box { height: 190px;}
	.project-list-content h2 { font-size: 24px; margin-bottom: 25px; line-height:15px; }
	.project-list-content h4 { font-size: 12px; }
	.project-list-content { padding: 0 40px; line-height: 28px; }
	.view-project-btn { font-size: 14px; margin-top: 20px; padding: 0 15px; }
	.project-list-image-box .project-list-image { height: 350px; }
	ul.filter-list li a { padding: 7px 20px; margin: 0 5px; font-size: 14px; width:auto; }
	.swiper-slide { width: 270px; }	
	.swiper-scroller-container { padding: 0px 20px 0px 30px; width:auto; }
	.swiper.mySwiper.project-swiper {
	    padding: 0px 30px;
	}
	.fp-slider-content-box h2 { font-size: 18px; }
}
@media all and (max-width:767px){
	.fp-slider-img-box { height: 210px;}
	.project-list-content h2 { font-size: 18px; margin-bottom: 25px; line-height:15px; letter-spacing: 1px; }
	.project-list-content h4 { font-size: 12px; }
	.project-list-content { padding: 0 20px 0 40px; line-height: 28px; }
	.view-project-btn { font-size: 14px; margin-top: 20px; padding: 0 15px; }
	.project-list-image-box .project-list-image { height: 350px; }
	ul.filter-list li a { padding: 7px 20px; margin: 0 5px; font-size: 14px; width:auto; }
	.swiper-slide { width: 270px; }
	.fp-slider-content-box h2 { font-size: 16px; }
	.bg-lines:before { display: none; }
	/* .swiper-scrollbar-drag{ width:100px !important; } */
	.swiper-scroller-container { padding: 0px 20px 0px 30px; width:auto; }
	.swiper.mySwiper.project-swiper {
	    padding: 0px 30px;
	}
}
@media all and (max-width:600px){
    .projects-listing-box .project-list{ display:block; padding: 30px 0; margin: 0; }
    .project-list-image-box, .project-list-content{ width:100%; }
    .project-list-content{ padding:0px; margin-top:15px; }
    .project-list-image-box .project-list-image { height: 230px; }
}
/*@media all and (max-width:500px){
    .swiper-backface-hidden .swiper-slide { transform: translateZ(0) translateX(-20%) !important;}
}
@media all and (max-width:400px){
    .swiper-backface-hidden .swiper-slide { transform: translateZ(0) translateX(-10%) !important;}
}
@media all and (max-width:350px){
    .swiper-backface-hidden .swiper-slide { transform: translateZ(0) translateX(0%) !important;}
}*/