.bbback{
	background-color: black;
  background-image: url("../view/global/background/back_gg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  height: 100%;
  min-height: 400px;
  padding-top:200px;
  padding-bottom: 30px;
}

.savp{
	border:2px solid white;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	color:#ffa808;
	font-size: 35px;
  padding:20px;
  transition: all 0.5s ease 0s;
}

.savp span{
	font-size: 35px;
}

.savp:hover{
	background: none repeat scroll 0 0 rgba(255, 168, 8, 0.6);
	color:white;
}

.bscont, .bscont2{
	vertical-align:bottom;
}

.bscont2{
	margin-left:450px;
}

.bbpictos{
	background-color: #4d4d4d;
	padding-top:15px;
  padding-bottom:85px;
  display:block;
  text-align:center;
}

.bbpictos::before {
    background-color: #4d4d4d;
    border-top: 3px solid #ffa808;
    height:100px;
    content: "";
    right: 0px;
    position: absolute;
    transform: rotate(+1.5deg);
    -ms-transform: rotate(+1.5deg); /* IE 9 */
    -webkit-transform: rotate(+1.5deg); /* Chrome, Safari, Opera */
    width: 5000px;
    z-index:0;
    margin-top: -85px;
}


.bbpictos::after {
    background-color: #ffffff;
    border-top: 3px solid #ffa808;
    height:100px;
    content: "";
    right: -10px;
    position: absolute;
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg); /* IE 9 */
    -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
    width: 5000px;
    z-index:0;
    margin-top: 85px;
    display:block;
    
}

.pictoacc{
	width:200px;
	height:250px;
}

.bpicto1, .bpicto2, .bpicto3{
	width:250px;
	height:250px;
	border-radius:7px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	cursor:pointer;
}

.bpicto1 > .pictoacc>img, .bpicto2 > .pictoacc>img, .bpicto3 > .pictoacc>img{
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

.bpicto1:hover > .pictoacc>img, .bpicto2:hover > .pictoacc>img, .bpicto3:hover > .pictoacc>img{

   opacity: 0;
}

.bpicto1 > .txtpicto, .bpicto2 > .txtpicto, .bpicto3 > .txtpicto, 
.bpicto1 > .txtpictot, .bpicto2 > .txtpictot, .bpicto3 > .txtpictot{
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.bpicto1:hover > .txtpicto, .bpicto2:hover > .txtpicto, .bpicto3:hover > .txtpicto,
.bpicto1:hover > .txtpictot, .bpicto2:hover > .txtpictot, .bpicto3:hover > .txtpictot{
   opacity: 1;
}

.bpicto1:hover > .pictoacc>img:target{
	top:0;
}

.bpicto1{
	transform: rotate(+5.5deg);
	-ms-transform: rotate(+5.5deg); /* IE 9 */
  -webkit-transform: rotate(+5.5deg); /* Chrome, Safari, Opera */
  background-color: #bd6c6c;
	background-image: linear-gradient(#bd6c6c, #a02c2c);
	background: -webkit-linear-gradient(#bd6c6c,  #a02c2c); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#bd6c6c,  #a02c2c); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#bd6c6c,  #a02c2c); /* For Firefox 3.6 to 15 */
}

.bpicto2{
	margin-left:60px;
	transform: rotate(-3.5deg);
	-ms-transform: rotate(-3.5deg); /* IE 9 */
  -webkit-transform: rotate(-3.5deg); /* Chrome, Safari, Opera */
  background-color: #5283b1;
	background-image: linear-gradient(#5283b1, #084f90);
	background: -webkit-linear-gradient(#5283b1,  #084f90); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#5283b1,  #084f90); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#5283b1,  #084f90); /* For Firefox 3.6 to 15 */
}

.bpicto3{
	margin-left:60px;
	transform: rotate(+2.5deg);
	-ms-transform: rotate(+2.5deg); /* IE 9 */
  -webkit-transform: rotate(+2.5deg); /* Chrome, Safari, Opera */
  background-color: #ffcb6b;
	background-image: linear-gradient(#ffcb6b, #ffa808);
	background: -webkit-linear-gradient(#ffcb6b,  #ffa808); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffcb6b,  #ffa808); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffcb6b,  #ffa808); /* For Firefox 3.6 to 15 */
}

.txtpictot, .txtpicto{
	position:absolute;	
	left:0;
	padding:10px;
	color:white;
}

.txtpictot h2{
	font-size:30px;
	color:white;
}

.txtpicto{
	top:40px;
	font-size:18px;
}

.btxtexp{
	width:1000px;
	margin:auto;
	display: block;
	padding-bottom:45px;
	position:relative;
	z-index:1;
}

.txtexp h1, .txtexp h2{
	font-size:45px;
	text-align:center;
}

.txtexp h2{
	margin-top:45px;
}




.bbavis{
	background-color: #074e90;
	padding-top:15px;
  padding-bottom:85px;
  display:block;
  text-align:center;
  position:relative;
  z-index:1;
}

.bbavis::before {
    background-color: #074e90;
    border-top: 3px solid #ffa808;
    height:100px;
    content: "";
    right: 0px;
    position: absolute;
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg); /* IE 9 */
    -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
    width: 5000px;
    z-index:0;
    margin-top: -5px;
}




.bavis{
	margin:auto;
	width:1000px;
  display:block;
  font-size:0;
}

.avis{
	width:310px;
	height:310px;
	margin:0;
	padding:8px;
	position:relative;
	transition: all 0.5s ease 0s;
	vertical-align:middle;
}

.avis:hover{
	background-color:#f2f2f2;
}

.tname{
	font-family: "ConcursoItalian BTN2";
}

.tname, .tavis, .tcust{
	color:white;
	transition: all 0.5s ease 0s;
}

.avis:hover .tname, .avis:hover .tavis, .avis:hover .tcust{
	color:#4d4d4d;
}

.tname{
	font-size:45px;
	color:white;
}

.tname{
	
}

.tavis{
	margin-top:10px;
	margin-bottom:10px;
	font-size:19px;
	padding:0px 25px;
}


.tavis::before {
  content: "\e315";
  font-family: "gandg" !important;
  position: absolute;
  left: 0px;
  color:#ffa808;
}


.tavis::after {
  content: "\e316";
  font-family: "gandg" !important;
  position: absolute;
  right: 10px;
  margin-top: -20px;
  color:#ffa808;
  bottom:0;
}

.t_avis, .tt_avis h2{
	color:white;
}

.t_avis{
	margin-bottom:20px;
}

.tcust{
	font-size:13px;
}





@media 	only screen and (max-device-width : 468px) {
	.bbpictos{
		display:none
	}
	
	.slg1 {
    font-size: 15vw !important;
	}
	
	.slg2 {
	    font-size: 15vw !important;
	    margin-bottom: 3vw;
	    margin-top: -3vw;
	}
	
	.slg3 { 
    font-size: 15vw !important;
	}
	
	.bscont2{
		display:none;
	}
	
	.btxtexp::before {
    background-color: white;
    border-top: 0.5vw solid #ffa808;
    height:20vw;
    content: "";
    right: -1vw;
    position: absolute;
    transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg); /* IE 9 */
    -webkit-transform: rotate(-1.5deg); /* Chrome, Safari, Opera */
    width: 101vw;
    z-index:0;
    margin-top: -6vw;
	}
	
	.btxtexp {
    padding-bottom: 5vw;
    width: 96vw;
    padding:2vw;
    padding-bottom:15vw;
	}
	
	
	.bbavis::before {
	  border-top: 0.5vw solid #ffa808;
    height: 14vw;
    margin-right: -1vw;
    margin-top: -5vw;
    width: 101vw;
	}
	
	.bbavis {
    padding-bottom: 15vw;
    padding-top: 1vw;
	}
	
	.avis {
    height: auto;
    margin: 0;
    padding: 1vw;
    width: 90vw;
    
	}
	
	.t_avis {
    margin-bottom: 2vw;
    padding:2vw;
	}
	
	.tname {
    font-size: 8vw !important;
	}
	
	.tavis::after {
    margin-top: 0px;
    position: absolute;
    right: 2vw;
	}
	
	.tavis {
    margin-bottom: 1vw;
    margin-top: 1vw;
    padding: 0 6vw;
	}
}