body{

	background-color: #00254C;
	
}

main{
	background-position:top center;
	background-repeat:-no-repeat;
}

 
.section-top .wrapper-banner {
	background-color:transparent;
}
.section-top .wrapper-banner h1 {
    position: relative;
    padding-top: 107px;
	top: initial;
    left: initial;
    bottom: initial;
}

.wrapper-page {
		background-color:transparent;
}

.wrapper-page-ctn {
	
	max-width:1500px;
	margin:auto;
	
}
.wrapper-page-ctn  .list-items{
	
	margin-left:-30px;
	width:100%;
	
}


 
.grid    { 
  max-width: 1500px;
  width:100%;
  margin:auto;
  
}

/* clear fix */
.grid:after ,
.list-ref:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */
.grid-sizer,
.grid-item { 
	width:calc(100% * 1/3 - 20px);
	margin-left:20px;
	margin-bottom:20px; }

	
.grid-item {
  float: left; 
   position:relative;	
}


.list-filtre {display:flex; margin:0; padding:0;margin-left:-30px; flex-wrap:wrap;list-style:none;}

.list-filtre li {text-transform:uppercase;	border : 1px solid #2D76DA;	color: #FFFFFF;	font-family: Kanit;	font-size: 16px;	font-weight: 300;	line-height: 24px; height: 44px; padding:10px 25px;; margin-bottom:30px; margin-left:30px;border-radius: 4px;	background-color: #2D76DA;}


.list-items .grid-item {
	margin-bottom:30px;
	margin-left:30px;
	width:calc(100% * 1/3 - 30px);	
	background:#fff;
}
 .list-items .grid-item .item-title { padding-right:40px;
 
	color: #00419A;	font-family: Syncopate;	font-size: 24px;	font-weight: bold;	line-height: 25px;
} 

.list-items .grid-item .wrapper-descr {
	padding:25px;
	color: #000000;	font-family: Kanit;	font-size: 16px;	text-transform:uppercase;font-weight: 300;	line-height: 24px;
}
.list-items .grid-item .item-city{
	color: #00419A;	font-family: Kanit;	font-size: 16px;	letter-spacing: 1.78px;	line-height: 24px;
}

.wrapper-tag{
	position:absolute;top:10px; right:10px;
}

.wrapper-tag .tag{
	color: #FFFFFF;	font-family: Kanit;	font-size: 14px;	font-weight: 300;	line-height: 21px;
		border-radius: 4px;	background-color: #2D76DA;padding:5px 10px; margin-bottom: 10px
}

#list-filtre li.current{
	background-color: #fff;
	border: 1px solid #fff;
	color: #2d76da;
}

.myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

.myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

.myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

.myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

@media only screen and (max-width:991px) {
	.list-items .grid-item {
		width: calc(100% - 30px);
	}
}
@media only screen and (max-width:767px){
	/*.list-items .grid-item {
	    width: 100%;
	    position: relative !important;
	    left: 0 !important;
	    top: 0 !important;
	}*/
	.wrapper-page-ctn .list-items{
		margin-right: 0;
	}
	.list-items .grid-item{
		width: 100%;
	}
}
#list-items .wrapper-image{
	min-height: 250px;
	background: #F4F5F9;
}