/**
 * $JA#COPYRIGHT$
 */

// ---------------------------------------------------------
// MAIN TEMPLATE STYLES
// ---------------------------------------------------------

// 
// HEADER
// ---------------------------------------------------------


a {  color: #ffffff;
    text-decoration: none;
}
a:hover{
	text-decoration:none;
}
p{
	    font-family: 'Poppins-Regular', sans-serif;

}
.fa{
	color:white;
}
.navbar-header .fa{
	color : #1A5A83;
}
.field-entry a, .itemFullText a {
	color: #1A5A83;
}

body {
font-family : Poppins-Regular, 'Open Sans', sans-serif;

}
label{
color: #1A5A83;
}
h1{
    font-family: Poppins-SemiBold, sans-serif;
        font-size: 30px;
	    color: #1A5A83;
    }
h2 {
color: #D0205C;font-size: 31px;font-family: Poppins-Regular,Helvetica, 'Open Sans', sans-serif;
}
h3,.h3{
color : #1A5A83;
font-family : Poppins-Regular, 'Open Sans', sans-serif;
font-size : 20px;
}
#search-searchword {
	    width: 90%;
    }
#searchForm .input-group .btn-default {
	padding:10px;
}

.li-no-style {
	list-style:none;	
}
.search-results a {
	color : #1A5A83;
}
.container{
	padding-right : 0px;
	padding-left : 0px;
	position:relative;
}
.container-fluid {
	    padding-right: 0px;
	        padding-left: 0px;
}
.nos-representations{
    @media (max-width: @screen-phone-max) {
	    display:none;
    }

}

.sdb-widget {
	width : 25%;

}

.sdb-article{
		.module-annonce{
			margin-top : 150px;
			margin-bottom : 40px;
		}
}
.sdb-sidebar {
	padding-right : 0px;
  	@media (max-width: @screen-lg-min) {
		padding-left:0px;
	}
}
.sdb-rectangle{
	position:absolute;
	width:100%;
	height:4000px;
	overflow:hidden;
}
.articles {
	  text-align: justify;
  }
.text-center {
	    text-align: justify;
    }
.t3-header {
  position: relative;

  &.affix {
    position: fixed;
    width: 100%;
    background: @body-bg;
    z-index: 9999;
  }

  @media (max-width: 320px) {
    #t3-mainnav {
      padding-left: 0;
    }
  }
}
.image-header{
    background: transparent url(/images/template/Groupe41735.png);
    height: 200px;
    position: absolute;
    top: -31px;
    width: 100%;
    height: 541px;
    z-index : -1;
}
.header-sdb {
	display: block;
	    background: #F5F5F5;
	        box-shadow: 0px 3px 12px #00000029;
	        background-size: cover;
		    background-origin: border-box;
	background-position-y: bottom;
  }
.header-nav{
//	min-height : 60px;
}
.header-logo{
	display:flex;
    	@media (max-width: 570px) {
		display:block;
		.logo-image{
			width:100%;
			a{
			padding-left : 0px;
			}
		}
	}
}
button.off-canvas-toggle{
	float:right;
	background : white;
	margin-top : 35px;
	border: 2px solid #1A5A83;
}
.t3-off-canvas .t3-off-canvas-header{
	display :none;
}
#t3-off-canvas{
	height:400px !important;
}
.container > .navbar-header {
	margin-right:0px;
	margin-left: 0px;
	
}
#t3-navbar{
	margin:0px;
}
#t3-mainnav {
	float:none;
	background:white;
	.t3-navbar-collapse{
		margin:0px;
	       	.navbar-nav{
			margin:0px;
			.open .dropdown-menu{
				border-radius: 15px;
				box-shadow: 0px 3px 6px #00000029;
				background: #F5F5F5;	
				> li > a {
					background: #F5F5F5;	
					
				}
			}
		}
		
	
	}
}
#t3-off-canvas {
	background: #F5F5F5;
	box-shadow: 0px 3px 12px #00000029;
	z-index : 100;
	  }
html[dir="ltr"] .off-canvas-right.t3-off-canvas {
    left: 0 !important;
    top : 90px !important;
}    
.button {
	border-radius : 10px;
	background-color : #D0205C;
	padding : 10px;
    	font-family: 'Poppins-Regular', sans-serif;
	font-size: 11px;
}
.tableau-Region {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(199px, 1fr));
}
.tableau-membre {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(183px, 1fr));
}

.bouton-region {
	border-radius : 10px;
	background-color : white;
	padding : 10px;
    	font-family: 'Poppins-SemiBold', sans-serif;
	font-size: 11px;
	color : #D0205C;
	box-shadow: 0px 3px 20px #00000029;
	margin: 10px;
    	height: 71px;
	text-align: center;
	font-size:17px;
	display:flex;
}
.bouton-texte{
	margin:auto;
}
.box-conseil{
	background :#CEEEF9;
       	color : black;
	padding:40px 30px;
	border-radius:20px;
	font-family: Poppins-Regular, 'Open Sans', sans-serif;
	box-shadow: 0px 3px 20px #00000029;
	font-size : 20px;
}
div.itemNavigation a.itemNext {
	margin-right : 10px;
	padding-left:0px;
	padding-right:0px;
}
div.itemNavigation a.itemPrevious{
	margin-left:10px;
	padding-left:0px;
}
div.k2ItemsBlock ul li div.box-membre {
	display:flex;
	position:relative;
	height:180px;
    	@media (max-width: @screen-phone-max) {
		height:200px;
	}
	margin-top : 30px;
	a {
		margin:auto;
		margin-top : 20px;
	}
	div{
		display:flex;
    	@media (min-width: @screen-phone-max) {
		width:200px;
	}
	}
	span{
    	@media (min-width: @screen-phone-max) {
		position:absolute;
		top : 110px;
	}
    	@media (max-width: @screen-phone-max) {
		margin-top:20px;
		margin-left:10px;
	}
		text-align:center;
		color : #1A5A83;
		font-family: Poppins-SemiBold, 'Open Sans', sans-serif;
		width:200px;
		font-size : 18px;

	}
	img{
		margin:auto;
	}
    	@media (max-width: @screen-phone-max) {
		display:block;
	}
}
	

.titre-region{
    color: #D0205C;
    font-size: 25px;
    margin-top: 80px;
}
.membre-region{
	width: 183px;
        background: #D0205C;
	border-radius: 20px;
	min-height: 120px;
    	color: white;
	margin-top:130px;
	img {
	    margin-top: -80px;
            text-align: center;
//	    object-fit: none;
	    margin-left: auto;
            display: inherit;
	    margin-right: auto;
	    border-top-left-radius: 10%;
	    border-top-right-radius: 10%;
	}
	p{
	    text-align: center;
            width: 100%;
	    padding-top:10px;
	}
}
.EnteteCategorie h3 {
	color : white;
}
.EnteteCategorie li {
	color : #CEEEF9;
}
div.headerVirtuemart {
	line-height : 1;
	width : auto;
}
.total_producs{
	background: url(/media/virtuemart/panier.png) no-repeat;
	width: 40px;
	height: 40px;
	display: flex;
        background-position: center;
	    margin: auto;
       	  font-weight: bold;
	   color: black;
	   font-size: 10px;
	   padding : 10px 20px;
}
.category-view h2 a {
	color : #1A5A83;
	img {
		margin-top : 10px;
	}
}
input[type="text"].vmcustom-inputsdbio-nb {
	  width: 45px;
	    display: inline-block;
	      float: left;
	        margin-left: 5px;
		  margin-right: 5px;
		    height: 30px;
		      border-color: black;
		        padding: 6px 6px;
			  text-align: center;
		  }
div.quantity-controls{
	display:none;
}
.headerVirtuemart #vmCartModule{
    	@media (min-width: @screen-phone-max) {
	margin-top:0px;
}
}
div.addtocart-button {
	  display: inline-block;
	    vertical-align: middle;
	      margin: 0;
      }
.vmcustom-inputsdbio-label {
	  font-weight: bold;
	    font-size: 14px;
	      float: left;
	        margin-top: 5px;
	}
textarea.vmcustom-inputsdbio {
	  height: 120px;
  }
.addtocart-button input.addtocart-button, .addtocart-button input.notify-button {
	   max-width: 100%;
	       color: #fff;
		   border-radius: 10px;
		       cursor: pointer;
		         text-align: center;
			   letter-spacing: 1px;
			     padding: 12px;
			       margin-bottom: 0;
		       }
.vm-search-custom-search-input{
	color: white;
}
a.product-details, a.details, div.details {
	  background-position: 0 0;
	    display: inline-block;
	      padding: 3px 8px 1px;
      }
a.product-details, a.details, div.details {
	  background-position: 0 0;
	    display: inline-block;
	      padding: 3px 8px 1px;
      }
.billto-shipto {
	  border-top: solid #E9E8E8 1px;
	    border-bottom: solid #E9E8E8 1px;
	      margin: 10px 0 0;
	        padding: 10px 0 25px;
	}
.com_virtuemart.view-cart .continue_link {
	  color: #FFF;
	    background: #4CB898 none repeat scroll 0% 0%;
	      border-color: #262626;
	        border-radius: 4px;
		  border-style: inherit;
		    display: inline-block;
		      padding: 7.5px 15px;
		        font-size: 13px;
			  font-family: "Montserrat",sans-serif;
			    font-weight: 700;
			      text-transform: uppercase;
			        margin-bottom: 15px;
			}
table.cart-summary tr th {
	  background: #e8e8e8 url(/templates/ja_nuevo/images/vmgeneral/backgrounds.png) top repeat-x;
	    border-bottom: solid #E9E8E8 1px;
	      padding: 6px 2px 3px;
      }
      .cart-summary td, .cart-summary th {
	        border: 1px solid #ddd;
		    border-bottom-color: rgb(221, 221, 221);
		        border-bottom-style: solid;
			    border-bottom-width: 1px;
		    }
		    .vm-cart-item-name {
			      text-align: left;
			        overflow: hidden;
			}
.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
	  display: inline-block;
	    font-size: 13px;
	      font-weight: 700;
	        font-family: "Montserrat",sans-serif;
		  text-transform: uppercase;
		    text-decoration: none;
		      text-align: center;
		        background: #4CB898;
			  color: #fff;
			    border: 1px solid #00669a;
			      border-radius: 4px;
			        -webkit-border-radius: 4px;
				  -moz-border-radius: 4px;
				    cursor: pointer;
				      letter-spacing: 1px;
				        text-decoration: none;
					  padding: 7.5px 15px;
				  }
.vm2-add_quantity_cart,.vm2-remove_from_cart{
	display:none;
}
textarea#customer_note_field {
	  margin: 10px 0;
	    width: 98%;
    }
.vmpayment_description, .vmshipment_description {
	  color: gray;
	    font-size: 12px;
	      padding: 0 2px;
      }
.vm-payment-plugin-single input, .vm-shipment-plugin-single input {
	  float: left;
  }
.vm-payment-plugin-single label, .vm-shipment-plugin-single label {
	  width: 85%;
  }
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost {
	  padding: 0 2px;
  }
table.user-details input.invalid {
	  background: #e8e8e8 url(/templates/ja_nuevo/images/vmgeneral/backgrounds.png) top repeat-x;
	    border: solid red 1px;
	      border-radius: 4px;
	        color: #777;
		  margin-bottom: 2px;
		    padding: 5px 5px 4px;
	    }
	    table.user-details input {
		      background: #e8e8e8 url(/templates/ja_nuevo/images/vmgeneral/backgrounds.png) top repeat-x;
		        border: solid #ccc 1px;
			  border-radius: 4px;
			    color: #777;
			      margin-bottom: 2px;
			        padding: 5px 5px 4px;
				  width: 200px;
			  }
td.key {
	  padding: 0 6px;
	    width: 150px;
    }
.com_virtuemart .button,.com_virtuemart .button + .button,.com_virtuemart #com-form-login-remember input,.vm-button-correct,.com_virtuemart.view-cart .continue_link, .com_virtuemart a.ask-a-question, .com_virtuemart .highlight-button, .com_virtuemart #com-form-login input.btn, .com_virtuemart button.vm-login , .com_virtuemart .manufacturer-product-link > a {
//	  background-image: none;
	    float: right;
//	      color: #FFF;
	        background-color: #D0205C;
//		  border-color: #B82E2E;
//		    border-radius: 4px;
//		      border-style: inherit;
		        display: inline-block;
			  padding: 7.5px 15px;
			    font-size: 10px;
			    border-width:0px;
			        font-weight: 700;
				  text-transform: uppercase;
			  }
.floatright, span.floatright {
	  float: right;
  }
.display-number select {
	  display: inline-block;
	    margin-left: 5px;
    }
.display-number, .control-buttons, .right {
	  text-align: right !important;
	    margin: 0 8px 0 0;
    }
select, .inputbox {
	  width: auto;
  }
.orderby-displaynumber {
	  border-bottom: solid #E9E8E8 1px;
	    border-top: solid #E9E8E8 1px;
	      margin: 10px 0;
	        padding: 10px 0;
	}
.vm-category-product-name h2 {
	  font-size: 18px;
	    height: 100px;
	      text-align: left;
      }
div.product {
  float: left;
    border: 1px solid #ddd;
      min-width: 220px;
}
div[class*="-view"] .row {
	  margin: 0;
  }
.category-view .row .category .spacer, .featured-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer {
	  padding: 6px;
  }
.category-view .vm-product-media-container {
	  width: 100%;
  }
  .vm-product-media-container {
	    text-align: center;
	      max-width: 100%;
	        margin-bottom: 15px;
		  margin-right: 20px;
	  }
.browseProductImage {
	  max-height: 200px;
	    width: auto;
	      max-width: 100%;
      }
.category-view .product-price .vm-price-value {
	  text-align: center;
  }
.vm-product-descr-container-1 {
	  min-height: 110px;
	    margin-bottom: 6px;
    }
.featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .recent-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
	  font-size: 13px;
	  width:auto;
	    color: #666;
    }
span.vm-price-desc {
	  text-align: left;
	    min-width: 16px;
	      margin: 0 12px 0 0;
	      width:auto;
	      + span{
	      	width:auto;
		font-size:initial;
	      }
      }
.product-fields .product-field, .product-related-categories .product-field {
	  width: 100%;
	    float: left;
	      display: inline-block;
	        margin-bottom: 6px;
	}
.product-price .vm-price-value {
	  text-align: left;
	    font-size: 18px;
	      font-weight: bold;
	        color: #4CB898;
	}
.product .vm3pr-1 .product-price .PricesalesPrice span {
	  color: #000;
	    font-weight: bold;
    }
div.vm-details-button a {
		display:inline-block;
	  padding: 11px 16px;
	    border: 1px solid gray;
	      font-size: 16px;
	        max-width: 85%;
		  width: 192px;
		    line-height: 18px;
	    }
div.vm-details-button {
	  text-align: center;
  }
.general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default {
	  background: #e8e8e8 url(/templates/ja_nuevo/images/vmgeneral/backgrounds.png) top repeat-x;
	    border: solid #CAC9C9 1px;
	      border-radius: 4px;
	        -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
		    color: #777;
		      text-decoration: none;
		        padding: 5px 5px 4px;
		}
.vm-col {
		  margin: 1px;
	    width: 60%;
   }
.vm-col-3 {
	        width: 31.9%;
    	@media (max-width: @screen-phone-max) {
		width:100%;
	}
}
.vm-category-product-name h2 {
	  font-size: 18px;
	    height: 100px;
	      text-align: left;
}
.category-view .row .category .spacer h2 {
	  font-size: 14px;
	    text-align: center;
    }
div[class*="-view"] .row {
    	@media (min-width: @screen-phone-max) {
	  display: flex;

	    flex-wrap: wrap;
	      justify-content: flex-start;
      }
      }
.main-image img {
	  max-width: 100%;
	    max-height: 260px;
    }
.vm-product-name-container .vm-product-media-container {
	  float: left;
  }
.back-to-category {
	  float: right;
	    width: 100%;
	      margin-bottom: 15px;
      }
.output-billto span.values, .output-shipto span.values, .floatleft, span.floatleft {
    	@media (min-width: @screen-phone-max) {
	  float: left;
  }
  }
.width50 {
}
.t3-actu1{
//	background : transparent url("/images/template/Rectangle9.png") no-repeat;
//	background-position-x : -600px;
	padding-top : 100px;
}
.t3-actu2{
	background : transparent url("/images/template/Groupe38089.png") no-repeat;
	background-position-x : -400px;
	background-position-y : 680px;
	overflow: hidden;
	width: 100%;
	position: relative;
    	padding-top: 20px;
}
.actu1-homepage{
	margin-top : -125px;
    	@media (max-width: @screen-phone-max) {
		.module-title{
			margin-left:20px;
		}
	}

}
.sdb-main-content {
	  padding-right: 0px;
	  padding-left: 0px;
	  background: white;
  }
.sdb-module.sdb-module-type1.sdb-module-featured-news .sdb-main-news {
	  position: relative;
    	@media (max-width: @screen-phone-max) {
		margin-left:20px;
		margin-right:20px;
	}
  }
.sdb-module-type2{
}
.sdb-module-type2 .sdb-module-top {
	padding-top : 50px!important;
	padding-left : 25px !important;
	padding-right: 25px !important;
}
.sdb-module-type2 .sdb-module-top .sdb-module-title {
	  font-size: 20px;
	  text-align : center;
	  font-weight: normal;;
	      margin: 0;
	        line-height: 110%;
		  color: white;
	font-family : Poppins-Medium, 'Open Sans', sans-serif;
}

.sdb-banner-h,.sdb-banner-b {
	    text-align: center;
	    img{
	    	object-fit: cover;
		width: 100%;
		height: 100%;
		border-radius: 19px;
		box-shadow :  0px 3px 10px #00000029;
	    }

	    .bannergroup{
	    //	display:flex;
	    }
	    .banneritem{
	    	margin:auto;
	    }
    	@media (max-width: @screen-phone-max) {
		margin-left:20px;
		margin-right:20px;
	}
    }
.sdb-banner-h{
    	@media (min-width: @screen-phone-max) {
		margin-bottom : 10px;
	  }
}
.sdb-banner-b{
	   padding: 40px 0px;
}
.sdb-news-infos{
    z-index: 10;
   position: relative;
}

.sdb-news-infos{
	margin-top:-100px;
	padding : 10px 5px 10px 50px;
	    background-color: #1A5A83;
	        height: 130px;
		    border-radius: 0px 0px 15px 15px;
		    box-shadow: 0px 3px 20px #00000029;
	h3 {
		color : white;
	margin : 15px auto;
	margin-left:0px;
	}
    	@media (max-width: @screen-phone-max) {
		padding-left:10px;
	}
}    
.sdb-module.sdb-module-type1.sdb-module-featured-news .sdb-main-news .sdb-news-image {
	  position: relative;
	    z-index: 1;
    }
.sdb-news-image img {
	  display: block;
	    width: 100%;
	      height: 380px;
	   border-radius: 15px 15px 0px 0px;
	   box-shadow: 0px 3px 20px #00000029;
	   object-fit:cover;
      }
.sdb-module-corps{
	font-size : 13px;
	color: white;
	font-family : Poppins-ExtraLight, 'Open Sans', sans-serif;
	line-height : 1;
	padding : 10px 0px 10px 0px;
	margin : 0px!important;
}
.sdb-liste-annonnce{
	font-size : 13px;
	color: white;
	font-family : Poppins-ExtraLight, 'Open Sans', sans-serif;
	line-height : 1;
}
.adherent{
	display : flex;
	margin:auto;
	line-height : 2;
       	.button {
		padding : 10px 20px 10px 20px;
		color : white;
		font-size : 11px;
	}
    	@media (max-width: 570px) {
		margin-top: 15px;
		margin-bottom: 15px;
	}
}
.cat-fil-actu{
	    font-size: 30px;
	font-family : Poppins-SemiBold, 'Open Sans', sans-serif;
		    color: white;
}
.syn-fil-actu{
	font-family : Poppins-SemiBold, 'Open Sans', sans-serif;
	color:#B33661 ;
	font-size: 14px;
    	@media (max-width: @screen-phone-max) {
		display:none;
	}
	
}
	
.button-module, a.button-module, .pagination > li.disabled  > a,
.pagination > li > a
	
{
	height: 38px;
	text-align: center;
	border-radius: 10px;
	background-color : #EAC5D3 !important;
	color: #D0205C !important;
	// margin-left : 25px !important;
	// margin-right : 25px !important;
	padding : 10px;
	font-size : 11px !important;
    	font-family: 'Poppins-SemiBold', sans-serif;
}

.button-module a {
	background-color : #EAC5D3 !important;
	color: #D0205C !important;
	font-weight: bold !important;
	
}

.pagination,.pagination .pagination{
	display:flex;
	li {
		margin:auto;
	}
}
a.button-module, .pagination > li.disabled  > a
{
	width : auto;
	margin:auto;
}	
.pagination > li > a{
	width : 40px;
}
.pagination .pagination > li:last-child a{
	width:auto;
	border-radius:10px;
}
.pagination .pagination > li:last-child,
.pagination .pagination > li:first-child {
	display:block;
}

.pagination .pagination > li {
    	@media (max-width: @screen-phone-max) {
		display:none;
	}
}
.pagination .pagination > li:last-child > a:after,
.pagination .pagination > li:first-child > a:after{
	display:none;
}
.k2Pagination .pagination > li {
    	@media (max-width: @screen-phone-max) {
		display:none;
	}
}
.k2Pagination .pagination > li:first-child,
.k2Pagination .pagination  li:last-child  {
	display:block;
}
.k2Pagination .pagination > li:first-child a,
.k2Pagination .pagination > li:last-child a {
	width : auto;
	border-radius:10px;
}
.k2Pagination .pagination > li:first-child a:after,
.k2Pagination .pagination > li:last-child a:after {
	content:none;
}
.no-decoration{
  &:hover a,
  a:hover,
  a:active,
  a:focus {
    text-decoration: none;
  }
}
a.no-decoration:hover {
	text-decoration : none;
}

	@media (min-width: 770px ) {
		.module-annonce {
		margin-top : -65px;
		}
		.module-annonce .sdb-module-box {
			height : 391px;
		}
	}
.module-annonce li     {
	line-height: 1!important;
    padding-bottom: 10px;
	margin-bottom : 0!important;
}
.sdb-module-annonces-image {
	  background: url('/images/template/Groupe42600.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}

.homePageLigne3{
	padding-left:10px;
	padding-right:10px;
}

@media (max-width: @screen-phone-max) {
	.homePageLigne3{
	    margin-left:20px;
	    margin-right:20px;
	}
}

.homePageLigne3 img{
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 20px;
	object-fit: cover;
	height: 280px;
	width: 100%;
	}

}
 @media (max-width: 770px ) {
	 .homePageLigne3 img{
		object-fit : scale-down;
	 height : 280px;}
	}
.sdb-module-youtube-image {
	  background: url('/images/template/Groupe42509.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}
.sdb-module-adherer-image {
	  background: url('/images/template/Groupe42511.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}
.veille{
	margin-bottom : 35px;
}
.sdb-module-veille-image {
	  background: url('/images/template/Groupe42650.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}
.sdb-module-chezvous-image {
	  background: url('/images/template/Groupe42534.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}
.sdb-module-larevue-image {
	  background: url('/images/template/Groupe42536.png')  center no-repeat;
	      height: 117px;
	          z-index: 10;
		      position: relative;
}
.sdb-module-corps-larevue {
	  background: url('/images/template/Groupe100.png')  center no-repeat;
	          z-index: 10;
	      position: relative;
	      margin-bottom : 10px;
	      height : 143px;
}
.larevue .sdb-module-box{
	height : 281px;
}
.button-larevue {
	height : auto !important;
}
.sdb-module-newsletter{
	background:url("/images/template/Groupe42447.png") left no-repeat;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 20px;
	height : 257px;
	margin-bottom : 40px;
	.sdb-module-title {
	       font-family : Poppins-SemiBold,'Open Sans', sans-serif;
	       color : #1A5A83;
       }

}
.newsletter-corps {
	float:right;
  	@media (max-width: 1010px ) {
		float:none;
	}
}
.newsletter-corps .sdb-module-top{
	text-align : center;
}
.newsletter-corps .sdb-module-top .sdb-module-titre {
    		font-family: Poppins-SemiBold,'Open Sans', sans-serif;

		}

	}
.newsletter-imgdroite{
	background:url("/images/template/Groupe42649.png") right no-repeat;

}
.g-recaptcha {
	    transform:scale(0.77);
	        transform-origin:0 0;
		> div {
			height:60px !important;
		}	
	}
.acym_fulldiv .acym_module_form .acym_form{
	width:auto;
}
.acym_module_form .acyfield_text input{
	max-width : 100%;
  		@media (max-width: 770px) {
			max-width : 60%;
		}
    		@media (max-width: @screen-phone-max) {
			max-width:100%;
		}
}
.acysubbuttons .subbutton {
  @media (min-width: @screen-lg-min) {

	  margin-left : 10px;
  }
  }
.newsletter-imgdroite{
	height : 200px;
	width: 170px;
	float:right;
	margin-right:40px;
	margin-top:30px;
	margin-left:20px;
  	@media (max-width: 770px) {
		display:none;
	}
}
.acyfield_text {
	text-align:center;
	width : 580px;
    	@media (max-width: @screen-phone-max) {
		width:100%;
	}
	input {
	      box-shadow: 0px 3px 6px #00000029;
		    border-radius: 10px;
		    margin-bottom : 20px;
	}
}
		    
.acym_fulldiv .acym_module_form {
	justify-content : left;
	display:block;
}
.sdb-module-box {
	box-shadow: 0px 3px 20px #00000029 !important;
    border-radius: 20px;
    background-color: #D0205C;
	margin-top: -75px;
	padding-bottom : 25px !important;
	display: inline-block !important;
}
.sdb-module-box 	a {
		color:white;
	}
.sdb-module-box ul {
	padding-top : 0px;
	margin-top : 0px;
	margin-bottom: 0px;
	
}
@media (max-width: @screen-phone-max) {
	    .sdb-module-box {
		margin-left:20px;
	    margin-right:20px;
		}
    }
.flip_connect {
	text-align : right;
	color : orange;
	font-weight : bold;
}
h2.sdb-news,h3.sdb-news,h2 .contact-name,#acym_wrapper .acym__front__archive .acym__front__archive__title, div.componentheadingListeActu,


#html5flippingbook .blog .pull-left
{
	text-align:left;
	color: #1A5A83;
	font-family: Poppins-SemiBold,'Open Sans', sans-serif;
	font-size: 35px;
	text-transform : uppercase;
	margin-bottom : 40px;
	font-weight:500;
}
.EnteteCategorie{
	padding:30px 50px;
	background : #008FBA;
	box-shadow: 0px 3px 20px #00000029;
	border-radius: 20px;
	color:white;
	font-family: Poppins-ExtraLight,'Open Sans', sans-serif;
	font-size : 18px;
	margin-bottom:50px;
	text-align:left;
}
.ja-sidenews-list .ja-slidenews-item,
div.itemContainer
{
	border-radius : 20px;
	box-shadow: 0px 3px 20px #00000029;
	padding : 30px 50px 30px 30px;
   	border-bottom : none;
	margin-bottom : 40px;
	position: relative;
	background : white;
	height : 280px;
  	@media (max-width: @screen-lg-min) {
		height:auto;
	}

}
@media (max-width: @screen-phone-max) {
	.ja-sidenews-list .ja-slidenews-item{
	padding : 30px 30px 30px 30px;}
	}
.DefaultCatItem {
	.itemContainer{
		padding : 30px 50px;
	}
	#itemListLeading .itemContainer{
		height :auto;
	}	
	.catItemTitle{
		margin-top : 10px;
}
}

h2.sdb-news:before,#acym_wrapper .acym__front__archive .acym__front__archive__title:before,h2 .contact-name:before,h3.sdb-news:before, div.componentheadingListeActu:before,
#html5flippingbook .blog .pull-left:before
{
	content : "\002015";
	display : block;
	font-size : 60px;
	line-height : 1;
	margin-top: -30px;
}
div#k2Container.itemListView.ListeActu {
	box-shadow : none;
	padding:0px;
}
div.ja-sidenews-list .ja-slidenews-item img,
div.itemContainer img
	{
	float : left;
	height : 220px;
	width : 220px !important;
    	@media (max-width: @screen-phone-max) {
		width : 100% !important;
	}

	border-radius : 10px;
	border:none;
	margin-right : 30px;
	// object-fit:cover;
}
div.itemContainer img{
	 object-fit:cover;

}
.DefaultCatItem .itemListLeading .itemContainer img{
	height:auto;	
}
.catItemView.ListeActu {
	display:flex;
}
.DefaultCatItem .catItemAttachmentsBlock {
	position:absolute;
	top: 230px;
	border-bottom:none;
}
.itemIntroText a {
	color : #1A5A83;
}


.itemAttachments a, .itemFullText li a{
	overflow-wrap: break-word;
	color: #1A5A83;
	    font-family: Poppins-Regular, 'Open Sans', sans-serif;
}
.sdb-tag,div.sdb-tag a
{
	background: white;
	font-size : 14px;
	color : #B33661;
	font-family : Poppins-SemiBold,'Open Sans', sans-serif;
}
.sdb-news-title i[class^='sdb-picto-'] {
	    vertical-align: baseline;
	        margin-left: 5px;
	}
.sdb-news-title, div.itemContainerLast h3.sdb-news-title a {
		color : #3B3A3A;
	font-family : Poppins-SemiBold,'Open Sans', sans-serif;
	font-size : 20px;
	}
.sdb-news-date {
	font-size : 14px;
	font-family : Poppins-ExtraLight,'Open Sans', sans-serif;
//	color : #707070;
	color: #B2A170;
	text-transform : uppercase;
    	@media (max-width: @screen-phone-max) {
		display:none;
	}
}
.date-defaut{
	position: absolute;
	top: -35px;
	left: -40px;
	background:url("/images/template/Trace39568.png");
    	@media (max-width: @screen-phone-max) {
		left:0px;
	}
    	@media (max-width:1251px) {
		left:-10px;
	}
	text-align: center;
	padding: 34px 0px;
	font-family: Dosis,Poppins-Regular, 'Open Sans', sans-serif;
	height: 90px;
	width: 90px;
	background-size: cover;
	font-size: 11px;
}
.sdb-news-intro{
    color: #8F8F8F;
    font-size: 14px;
    margin-bottom:25px;
}
.ja-slidenews-item .button{
    	width : 136px;
	height : 38px;
	display : block;
	text-align : center;
}
.LirePlus {
	width : 136px;
	display : inline-block;
	position:absolute;
	text-align:center;
	top : 190px;
	a {
		color:white;
		display:inline-block;
		width:100%;
	}
  	@media (max-width: @screen-lg-min) {
		position:unset;
	}
	  
}
.DefaultCatItem #itemListLeading{
       	.LirePlus{
	position : relative;
	top:0px;
	}
	.catItemAttachmentsBlock{
		position:relative;
		top:0px;
	}
}
#k2Container{
	border-radius: 20px;
	    box-shadow: 0px 3px 20px #00000029;
	    background:white;
	    padding:20px;
}
span.itemImage img{
	border-radius:20px;
}
h2.itemTitle{
font-family: Poppins-SemiBold, sans-serif;
    font-size: 30px;
        color: #1A5A83;
}
div.itemCategory {
	color: #B33661;
	a{
	display:inline-block;
	font-size: 14px;
	color: #B33661;
	font-family: Poppins-SemiBold, 'Open Sans', sans-serif;
	}
}	
div.itemNavigation{
	display:flex;
	margin-top : 100px;
	.button-module{
		box-shadow: 0px 3px 5px #00000029;
		width:133px;
		margin-left:0px;
		margin-right:0px;
	}
}
.moduleItemCategory {
    display: block;
    color: #999999!important;
    font-size: 13px;	
}
.itemComments a{
	color: #D0205C;
	font-size: 12px;
	text-decoration: underline;
}
.btn {
	color : white;
	border:none;
	    background-color: #D0205C;
	    font-family: 'Poppins-Regular', sans-serif;
}
.itemPrevious{
	margin-right:auto;
}
.itemSocialSharing{
	display:flex;
	margin-top : -40px;
    	@media (max-width: @screen-phone-max) {
		margin-top:0px;
	}
}
div.itemTwitterButton,div.itemFacebookButton{
	background: #D0205C;
	border-radius: 5px;
	margin-left: auto;
	a{
		color:white;
		i {
			width: 25px;
			text-align: center;
		}
	}
}
div.itemFacebookButton{
	margin-left:0px;
	width:auto;
}
i[class^='sdb-picto-'].sdb-picto-lock {
	    width: 14px;
	        height: 16px;
		    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8' %3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14' height='16'%3E%3Cdefs%3E%3CclipPath id='clip_0'%3E%3Crect x='-593' y='-1193' width='1280' height='2700' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(/templates/ja_nuevo/less/%23clip_0)'%3E%3Cpath fill='rgb(0,173,186)' stroke='none' d='M7 2.28571C8.38833 2.28571 9.33333 3.21143 9.33333 4.57143L9.33333 6.85714L4.66667 6.85714L4.66667 4.57143C4.66667 3.21143 5.61167 2.28571 7 2.28571M7 0C4.42167 0 2.33333 2.04571 2.33333 4.57143L2.33333 6.85714L0 6.85714L0 16L14 16L14 6.85714L11.6667 6.85714L11.6667 4.57143C11.6667 2.04571 9.57833 0 7 0'/%3E%3C/g%3E%3C/svg%3E%0A");
		    
	        margin-left: 5px;
		    display: inline-block;
	    }
.video-youtube{
	iframe {
		width : 100%;
		border-radius : 15px;
		box-shadow: 0px 3px 20px #00000029;

	}
}	    
.video-youtube{
	margin-top : -20px;
	margin-bottom : 40px;
  	@media (max-width: 770px ) {
		margin-top:30px;
	}
    	@media (max-width: @screen-phone-max) {
		margin-left:20px;
		margin-right:20px;
	}
}
.video-youtube .wp-block-latest-posts__post-title {
	display:none;
}
.youtube {
	height : 260px;
	margin-bottom : 40px;
}
.RectangleBleu{
	height: 1573px;
    	position: absolute;
        width: 1609px;
	background: #1A5A83;
	transform: matrix(-0.87, -0.5, 0.5, -0.87, 0, 0);
	border-radius: 81px;
	left: 97%;
	top: 1600px;
}
.RectangleRouge{
    @media (max-width: @screen-phone-max) {
	    display:none;
    }
	height: 914px;
    	position: absolute;
        width: 878px;
	background: #D0205C;
	transform: matrix(0.87, -0.5, 0.5, 0.87, 0, 0);
	border-radius: 81px;
	left: -50%;
	top: 1000px;
}
.MotifRose{
	position: absolute;
	background: transparent url(/images/template/Groupe38089.png) no-repeat;

	top: -500px;
	    height: 777px;
	        width: 593px;
	left: -450px;
	z-index:-1;
}
// Logo
// ----
.logo {
  padding-bottom: 22px;
  padding-top: 22px;
  text-align: left;

  @media (min-width: @screen-lg-min) {
    padding-bottom: 0;
  }

  a {
    display: inline-block;
    line-height: 1;
    margin: 0;
  }
}


// Logo Image
// ----------
.logo-image {
background-color : white;
box-shadow: 0px 3px 6px #00000029;
border-radius: 0px 0px 12px 12px;
height: 110px;
display:flex;
	a {
	margin : auto;
	padding:20px;
	}
  // Hide sitename and slogan
  span, small {
    display: none;
  }
}

// Logo Text
// ----------
.logo-text {
  white-space: nowrap;
  a {
    text-decoration: none;
    font-size: @font-size-h4;
    font-weight: bold;
  }

  &:hover a,
  a:hover,
  a:active,
  a:focus {
    text-decoration: none;
  }

  // Taglines
  .site-slogan {
    display: block;
    font-size: @t3-font-size-smaller - 3;
    margin-top: 5px;
  }

}

.logo-search {
	    display: flex;
	        margin: auto;
		margin-top : 0;
		margin-left : 0;
    @media (max-width: @screen-phone-max) {
	    display:block;
	}
}
.navbar-header .navbar-toggle {
    @media (max-width: @screen-phone-max) {
	    margin-top:-70px;
	    margin-right:10px;
	
    }
}
.adherent a.icon-search {
	background: transparent url('/images/template/search.png') 0% 0% no-repeat padding-box;
	background-position : center;
}

// Nav Search
// -----------

.nav-search {
  padding: 0;

  > a {
    color: @brand-primary-dark;
    border-bottom: 2px solid transparent;
    padding: 22px @t3-global-padding;
    display: block;

    &:hover {
      color: @brand-primary;
    }
  }

  &.open > a {
    color: @brand-primary;
    border-bottom-color: @brand-primary;
  }

  .dropdown-menu {
    background: @tpl-mega-dropdown-menu-background;
    margin-top: 0;
    right: 0;
    left: auto;
    padding: @t3-global-padding;
    border: 0;

    @media (max-width: @screen-phone-max) {
      right: -54px;
    }

    .t3-module {
      margin-bottom: 0;

      .search input {
        background: @tpl-mega-dropdown-menu-background;
        border-color: @brand-primary-dark;
        color: @text-color;
        font-size: 13px;
        width: 200px;

        &:hover, &:active, &:focus {
          background: darken(@tpl-mega-dropdown-menu-background,5%);
        }
      }
    }
  }
}
div.t3-megamenu .mega-nav > li a, div.t3-megamenu .dropdown-menu .mega-nav > li a {
	    background: none;
	        color: #1A5A83 !important;
		padding:10px 0px;
}
.dropdown-menu .col-xs-12{
	padding : 10px 15px;
}
.t3-megamenu .navbar-nav > li.mega > .dropdown-menu, 
div.t3-megamenu .mega-dropdown-menu
{
	border-radius : 15px;
	box-shadow: 0px 3px 6px #00000029;
	min-width:180px;
    	background: #F5F5F5;
}
.t3-megamenu li.mega .nav-child .mega-dropdown-menu{
	    padding: 0px;
	    margin-top: -25px;
	    margin-left: 10px;
}
div.t3-megamenu .mega-nav > li, .t3-megamenu .dropdown-menu .mega-nav > li {
	    list-style: none;
	        margin-left: 0;
		    border-bottom: 2px solid white;
}

#silab-bootstrap-menu {
    @media screen and (min-width: 860px) and (max-width: @screen-lg) {
	width : 300px;
	.navbar-collapse{
		padding-left:0px;
		padding-right : 0px;
		margin-left:0px;
		margin-right:0px;
		display:flex;
		ul {
			display :flex;
			flex-wrap:wrap;
			margin-left:0px;
			margin-right:0px;
			li {
				flex : 1 1 50%;
			}
		}
	
	}
	}
}
.navbar-collapse{
    @media screen and (max-width: @screen-lg-menu) {
	    padding-right: 0px;
	    padding-left : 0px;
	    flex : unset;
    }

}
.header-nav{
    @media screen and (min-width: 860px) {
	display:none;
}
}
// Head Search
// -----------
.head-search {

  margin-top: @t3-global-margin;
  .clearfix();

  form {
    margin: 0;
  }
  
  label {
    display: none;
  }
  
  .search {
    position: relative;
    // Place a search icon
    &:before {
      font-family: "FontAwesome";
      content: "\f002";
      display: block;
      position: absolute;
      left: 10px;
      top: 6px;
      color: @gray;
    }
    // Float to right on Tablets / Desktop
    @media screen and (min-width: @screen-sm) {
      float: right;
    }
  }
  
  .form-control {
    width : 100%;
    padding-left: 30px;

    // Width Control on Tablets / Desktop
    @media screen and (min-width: @screen-sm) {
      width: 150px;
      // focus state
      &:focus {
        width: 200px;
      }
    }

  }

}


// Nav Button
// -----------
.t3-nav-btn {
  
}



// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------

.t3-sl {
  padding-bottom: @t3-global-padding * 2;
  padding-top: @t3-global-padding * 2;
  // Larger padding in Tablet / Desktop
  @media screen and (min-width: @screen-sm) {
    padding-bottom: @t3-global-padding * 4;
    padding-top: @t3-global-padding * 4;
  }

  .t3-sl-title {
    color: @brand-primary-dark;
    font-size: @font-size-h3;
    font-weight: @font-weight-lighter;
    margin: 0 0 @t3-global-margin*3;
    text-align: center;

    @media (min-width: @screen-sm-min) {
      font-size: @font-size-h1;
    }
  }
}

// Spotlight 1
// -----------
.t3-sl-1 {
}

// Spotlight 2
// -----------
.t3-sl-2 {
}

// Spotlight 3
// -----------
.t3-sl-3 {
}

// Spotlight 4
// -----------
.t3-sl-4 {
}



// ---------------------------------------------------------
// MAIN BODY
// ---------------------------------------------------------
.t3-mainbody {
  padding-top: @line-height-computed ;
  padding-bottom: @line-height-computed;
}

// Content
// -------
.t3-content {
  padding-top: @line-height-computed ;
  padding-bottom: @line-height-computed;
}

// Sidebars
// --------
.t3-sidebar {
  padding-top: @line-height-computed;
  padding-bottom: @line-height-computed;
}

.t3-sidebar-1 {
}

.t3-sidebar-2 {
}



// ---------------------------------------------------------
// FOOTER
// ---------------------------------------------------------
.t3-footer {
  background: @t3-footer-background;
  color: @t3-footer-text-color;
  .clearfix();

  // small
  small {
    display: block;
    font-size: 100%; //Use global footer font size.
  }

  // links
  a {
    // Link States
    &:hover, &:active, &:focus {
      text-decoration: none;
      color: @white;
    }
  }

}
.inner-footer{
	display:flex;
	margin-top : 80px;
	margin-bottom : 80px;
  	@media (max-width: 590px) {
		display:block;
	}
}
.footer-syndicat{
	font-family: Poppins-ExtraLight, 'Open Sans', sans-serif;
	color:white;
	width : 300px;
  	@media (max-width: 950px) {
		margin:auto;
	}
}
.MenuFooter{
	width : 140px;
  		@media (max-width: 950px) {
			display:none;
		}
}
.MenuCoor{
	margin:auto;
	span{
		font-size:9px;
	}
}
.socials{
	color:white;
	text-align : left;
	font-family: Poppins-Extralight, 'Open Sans', sans-serif;
	font-size: 11px;
//	display: inline-grid;
	width : 140px;
	margin:auto;
	margin-top:0px;
	i {
		width : 20px;
	}
	p {
		color : white;
	}
	a{
		width:180px;
		display:block;
		color:white;
	}
}
.container > .socials {
  @media (max-width: 590px) {
	margin:auto;
	display:flex;
	margin-top:20px;
	width:180px !important;
	}
}
// Back to Top
// .container >
// -----------
#back-to-top {
  position: fixed;
  right: @t3-global-margin;
  top: auto;
  z-index: 999;
  display: none;

  @media (min-width: @screen-sm-min) {
    display: block;
  }

  .btn {
    background: @gray-dark;
    border-color: @brand-primary;
    color: @brand-primary;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    line-height: 60px;
    opacity: 0.7;
    padding: 0;
    text-align: center;
    transition: 0.2s;

    &:hover, &:active, &:focus {
      background: @gray-darker;
      opacity: 1;
    }
  }

  &.affix {
    bottom: @t3-global-margin * 2;
  }

  a {
    outline: none;
  }

  i {
    font-size: @font-size-large + 10;
  }
}

// Foot Nav
// --------
.t3-footnav {
  .clearfix();

  // Larger padding on Tablet / Desktop
  @media screen and (min-width: @screen-sm) {
    padding: (@t3-global-padding * 2) 0;
  }

  // Larger padding on Tablet / Desktop
  @media screen and (min-width: @screen-lg) {
    padding: (@t3-global-padding * 4) 0;
  }

  // Footnav Modules
  .t3-module {
    background: @t3-footer-module-background;
    color: @t3-footer-module-text-color;
    margin-top: @line-height-computed / 2;
    margin-bottom: @line-height-computed / 2;

    .module-title {
      color: @t3-footer-module-title-color;
      font-size: @font-size-base;
      margin-bottom: @line-height-computed;
    }

    ul {
      list-style: none;
      margin-left: 0;
      margin-bottom: 0;
      padding-left: 0;
      font-size: @t3-font-size-smaller;

      > li {
        border-bottom: none;
        line-height: @line-height-computed;
        // links
        > a {
          color: @t3-footer-module-text-color;
          padding: 3px 0;
          // Link States
          &:hover, &:active, &:focus {
            background: none;
            color: @white;
          }
        }
      }

      &.contact-info {
        margin-bottom: 20px;

        li {
          line-height: 18px;
          margin-bottom: 10px;
          padding-left: @t3-global-padding;

          > i[class^="fa"] {
            float: left;
            font-size: @font-size-base;
            margin: 1px 0 0 -(@t3-global-margin);
          }
        }

        & + a {
          color: @tpl-contact-link-color;
          font-size: 12px;
          font-weight: bold;
          text-transform: uppercase;

          &:hover, &:active, &:focus {
            color: @brand-primary;
            text-decoration: none;
          }
        }
      }
    }

  }

  .addthis_toolbox {
    > a {
      background: none;
      border: none;
      border-radius: 50%;
      display: inline-block;
      height: 36px;
      line-height: 36px;
      margin: 0 5px 8px 0;
      padding: 0;
      text-align: center;
      text-decoration: none;
      vertical-align: top;
      transition: 0.3s;
      width: 36px!important;

      i {
        color: @white;
        font-size: 16px;
        line-height: 36px;
        display: block;
        position: relative;
      }

      &:hover, &:focus, &:active {
        opacity: 0.6;
      }

      &.addthis_button_facebook_follow {
        background: #3B5998;
      }

      &.addthis_button_twitter_follow {
        background: #00ACED;
      }

      &.addthis_button_linkedin_follow {
        background: #007BB6;
      }

      &.addthis_button_google_follow {
        background: #DD4B39;
      }
    }
  }

}

// Footer Logo
.footer-logo {

  .footer-logo-container {
    text-align: center;
    padding-bottom: @t3-global-padding *2;
    padding-top: @t3-global-padding *2;

    @media screen and (min-width: @screen-sm) {
      border-top: 1px solid @tpl-navhelper-border;
    }

    @media screen and (min-width: @screen-lg) {
      padding-bottom: @t3-global-padding *2;
      padding-top: @t3-global-padding *4;
      border: none;
    }
  
    > a {
      display: inline-block;
      width: 64px;
      height: 75px;
      background: url("@{t3-image-path}/logo/footer-logo.png");
      overflow: hidden;
      text-indent: -999em;

      @media screen and (min-width: @screen-lg) {
        margin-top: @t3-global-padding *2
      }
    }
  }
}

// Copyright
// ---------
.t3-copyright {
  background: @t3-copyright-background;
  font-size: @font-size-small;
  padding: (@t3-global-padding * 2) 0;
  text-align: center;

  .clearfix();
  small {
    margin-bottom: 5px;
  }
}

.copyright {
  margin-bottom: @line-height-computed;
  font-size: 12px;
  color: #525f66;

  @media screen and (min-width: @screen-md) {
    margin-bottom: 0;
    text-align: left;
  }
}

.poweredby {
  .clearfix();

  // Align right on Tablet / Desktop
  @media screen and (min-width: @screen-sm-max) {
    text-align: right;
  }

  .t3-logo,
  .t3-logo-small {
    opacity: .8;
    display: inline-block;
  }
}


// ----------------------------------------
// CONTENT TOP
// ----------------------------------------
.t3-content-top {
  padding-top: @t3-global-padding;
  padding-bottom: @t3-global-padding;
}

//----------------------------------------
//MASTHEAD
//----------------------------------------
.jamasshead {
  text-align: center;
  padding: (@grid-gutter-width + 15);
  background: url('@{t3-image-path}/bg-masthead.jpg') no-repeat;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://joomlart.s3.amazonaws.com/images/templates/ja_nuevo/bg-masthead.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://joomlart.s3.amazonaws.com/images/templates/ja_nuevo/bg-masthead.jpg', sizingMethod='scale')";
  
  //Control screen mobile/tablet
  @media screen and (max-width: @screen-sm-max) {
    padding: @t3-global-padding;
  }


  //Title masthead
  .jamasshead-title {
    color: @white;
    font-weight: @font-weight-lighter;
    font-size: @font-size-h2 * 2;
    margin: 0;

    //Control screen mobile/tablet
    @media screen and (max-width: @screen-sm-max) {
      font-size: @font-size-h1;
    }
  }

  //Description
  .jamasshead-description {
    color: @navbar-default-link-color;
    margin-top: @t3-global-margin;
    line-height: @line-height-base + 0.3;
    width: 500px;
    margin: @t3-global-margin auto auto;

    //Control sceen mobile/tablet
    @media screen and (max-width: @screen-sm-max) {
      font-size: @t3-font-size-smaller;
      margin: (@t3-global-margin / 2) auto auto;
      width: auto;
    }
  }
}

//Fix iframe width alway 100%
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0;
  height: 0;

	iframe {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}

  .video-thumb {
    width: 100%;
  }

  .mask {
    top: 0;
    left: 0;
    background: @black;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    .opacity(0.6);
  }

  .btn {
    position: absolute;
    background: none;
    color: @white;
    width: 60px;
    height: 60px;
    border: 2px solid @white;
    text-align: center;
    line-height: 60px;
    padding: 0;
    z-index: 3;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    cursor: pointer;
    border-radius: 60px;

    .fa {
      font-size: @font-size-base;
    }

    &:hover, &:focus, &:active {
      outline: none;
    }
  }
}

// Bonus Page
// -----------------------
.bonus-page {
  text-align: center;

  .bn-item {
    border-bottom: 1px solid @t3-border-color;
    padding-bottom: @t3-global-padding*2;
    padding-top: @t3-global-padding*2;
    overflow: hidden;

    @media (min-width: @screen-sm) {
      border-bottom: 0;
    }

    @media (min-width: @screen-lg) {
      min-height: 440px;
      padding-bottom: @t3-global-padding;
      padding-top: @t3-global-padding;
    }

    &:hover {
      @media (min-width: @screen-lg) {
        .circle-icon  {
            -webkit-transform: translate(0, -360px);
               -moz-transform: translate(0, -360px);
                 -o-transform: translate(0, -360px);
                -ms-transform: translate(0, -360px);
                    transform: translate(0, -360px);
          display: none\9; //Style for IE 8          
        }

        h4 {
          margin-top: -@tpl-circle-icon-base;
          margin-top: 50px\9; //Style for IE 8
        }

        .btn {
          display: inline-block;
        }

      }
    }
  }

  .circle-icon {
    .transition(0.3s);
  }

  h4 {
    color: @brand-primary-dark;
    font-family: @font-family-montserrat;
    font-size: @font-size-h4;
    margin-bottom: @t3-global-margin/2;
    margin-top: 0;
    line-height: 1.5;
    text-transform: uppercase;
    .transition(0.3s);

    a {
      color: @brand-primary-dark;

      &:hover{
        color: @brand-primary;
        text-decoration: none;
      }
    }
  }

  p {
    font-size: @t3-font-size-small;
    line-height: @line-height-computed;
    .transition(0.3s);
  }

  .btn {
    margin-top: @t3-global-margin;

    @media (min-width: @screen-lg) {
      display: none;
    }
  }
}

// Services Page
// ---------------


.layout-ja_nuevoservices {
  .item {
    text-align: center;

    article {


      font-size: @font-size-small + 2;
      color: @gray-light;
      border: 2px solid transparent;
      padding: 0;
      height: 260px;
      overflow: hidden;

      .article-header {
        margin: @t3-global-margin 0;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        .transition(all 0.2s ease-in-out 0s);
        .article-title {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }

      .article-title a {
        font-size: @font-size-h4;
        text-transform: uppercase;
      }

      .service-intro {
        .transition(all 0.3s ease-in-out 0.05s);
      }

      .fa {
        width: @tpl-circle-icon-base;
        height: @tpl-circle-icon-base;
        background: @headings-color;
        text-align: center;
        line-height: @tpl-circle-icon-base;
        font-size: @tpl-circle-icon-size;
        border-radius: @tpl-circle-icon-base;
        color: @white;
        .transition(all 0.3s ease-in-out 0s);
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
      }

      .btn-link {
        display: inline-block;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        .transition(all 0.4s ease-in-out 0s);
      }

      .bg-icon-darker {
        background: darken(@brand-primary-dark, 5%);
      }

      .bg-icon-dark {
        background: @brand-primary-dark;
      }

      .bg-icon-primary {
        background: @brand-primary;
      }

      .bg-icon-light {
        background: lighten(@brand-primary, 10%);
      }

      &:hover {
        border-color: transparent;

        .fa {
          background: @gray-darker;
          color: @gray-light;
        }

        .article-title a {
          color: @link-color;
        }
      }

      &:hover {
        .article-header,
        .service-intro,
        .btn  {
          -webkit-transform: translate(0px, -(@tpl-circle-icon-base));
          -moz-transform: translate(0px, -(@tpl-circle-icon-base));
          -o-transform: translate(0px, -(@tpl-circle-icon-base));
          -ms-transform: translate(0px, -(@tpl-circle-icon-base));
          transform: translate(0px, -(@tpl-circle-icon-base));
          margin-top: 50px\9; //Style for IE 8
        }
        
        .fa {
          -webkit-transform: translate(0px, -(@tpl-circle-icon-base*2));
          -moz-transform: translate(0px, -(@tpl-circle-icon-base*2));
          -o-transform: translate(0px, -(@tpl-circle-icon-base*2));
          -ms-transform: translate(0px, -(@tpl-circle-icon-base*2));
          transform: translate(0px, -(@tpl-circle-icon-base*2));

          display: none\9; //Style for IE 8
        }

        //style for IE 8
        .service-intro,.btn {
          margin-top: 10px\9;
        }
      }
    }
  }
}


// About Us
// ---------------------------------
.about-us {
  .text-center {
    > h1 {
      font-weight: 100;
    }

    > p {
      @media screen and (min-width: @screen-md) {
        font-size: @font-size-base;
      }
    }

    &:first-child {
      margin-bottom: @t3-global-margin*3;
    }
  }

  .well {
    font-size: 20px;
    font-weight: 100;
    padding: @t3-global-padding;
    margin-top: @t3-global-margin*3;

    @media screen and (min-width: @screen-md) {
      font-size: 24px;
      padding: (@t3-global-padding*2) (@t3-global-padding*4);
    }
  }

  .section  {
    margin-top: @t3-global-margin;
    margin-bottom: @t3-global-margin;

    @media screen and (min-width: @screen-md) {
      margin-top: @t3-global-margin * 2;
      margin-bottom: @t3-global-margin * 2;
    }

    &.member {
      > .col-md-3:nth-child(2n+1) {
        @media screen and (max-width: @screen-md) {
          clear: both;
        }
      }
    }
    
  }

  h3 {
    color: @gray-dark;
    font-size: 28px;
  }

  .social > span {
    color: @brand-primary;
    display: block; 
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
  }

  .addthis_toolbox > a {
    background: none;
    border: none;
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 36px!important;

    i {
      color: @white;
      font-size: 16px;
      line-height: 36px;
      display: block;
      position: relative;
    }

    &:hover, &:focus, &:active {
      opacity: 0.8;
    }

    &.addthis_button_facebook_follow {
      background: #3B5998;
    }

    &.addthis_button_twitter_follow {
      background: #00ACED;
    }

    &.addthis_button_linkedin_follow {
      background: #007BB6;
    }

    &.addthis_button_google_follow {
      background: #DD4B39;
    }
  }

  .thumbnail {
    border: none; 
    background: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    position: relative;
    padding: 0;
    text-align: center;
    z-index: 1;

    .caption {
      padding: 10px 0;

      h5 {
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 5px;
      }

      p {
        color: @brand-primary;
        font-size: @t3-font-size-smaller;
        text-transform: uppercase;
      }

      .member-detail {
        color: @text-color;
        font-size: @font-size-base;
        text-transform: none;
      }
    }
  }
  
  .member  {
    .thumbnail {
      margin: @t3-global-margin 0 ;

      img {
        width: 100%;
      }

      .member-follow {
        background: @brand-primary;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 2;

        > .mask {
          background: @gray-dark;
          bottom: -100%;
          .opacity(0.75);
          position: absolute;
          width: 100%;
          height: 100%;
          z-index: 8;
          transform: translateY(100%);
          -webkit-transform: translateY(100%);
          -webkit-transition: -webkit-transform 0.6s, opacity 0.1s 0.2s;
          transition: transform 0.6s, opacity 0.1s 0.2s;
        }

        > .social {
          bottom: -50%;
          margin: 0;
          padding: 10px 20px;
          position: absolute;
          width: 100%;
          z-index: 10;
          transform: translateY(100%);
          -webkit-transform: translateY(100%);
          -webkit-transition: -webkit-transform 0.6s, opacity 0.1s 0.2s;
          transition: transform 0.6s, opacity 0.1s 0.2s;
        }

        &:hover, &:focus, &:active {

          > .mask {
            bottom: 0;
            transform: translateY(0%);
            -webkit-transform: translateY(0%);
            -webkit-transition: -webkit-transform 0.4s;
            transition: transform 0.4s;
          }

          > .social {
            bottom: 35%;
            opacity: 1;
            transform: translateY(0%);
            -webkit-transform: translateY(0%);
            -webkit-transition: -webkit-transform 0.4s;
            transition: transform 0.4s;
          }
          
        }
      }

    }
  }

  .show-team {
    border: solid 1px @gray-lighter;
    border-left: 3px solid @brand-primary;
    padding: @t3-global-margin ;

    .info-team {
      @media screen and (min-width: @screen-sm) {
        float: left;
        width: 65%;
      }
    }

    a.btn-block {
      display: inline-block;
      margin-top: @t3-global-margin / 2;
      width: auto;

      @media screen and (min-width: @screen-sm) {
        margin-top: 7px;
        float: right;
      }
    }
  }

}

// Articles
// ---------
.page-services {
  
  article {
    .article-content {
      h1, h2, h3, h4, h5, h6 {
        font-family: @font-family-montserrat;
      }

      img {
        width: 100%;
        height: auto;
        margin-bottom: @t3-global-margin;
      }
    }
  }
}
.product-field-type-Y .product-fields-title{
	color : red;
}