@charset "utf-8";
/* CSS Document */

#orange-bar2-mobile, .viewport-mobile, #submenu-mobile2, #values-mobile {
	display: none;
}

@media (max-width: 992px){
	.bg-our-vision {
		background-size: 100%;
	}
	.AU-submenu2 {
		background-color: #FFF;
	}
	.viewport-desktop {
		display: none;
	}
	#orange-bar2-mobile, .viewport-mobile, #submenu-mobile2, #values-mobile {
		display: inline-table;	
	}	
	/*.title-white-valu a {
		display: inline-block;
		position: absolute;
	}*/
	.swipe-left {
		left: 2%;
		right: auto;
	}
	.swipe-right {
		right: 2%;
		left: auto;
	}
	#orange-bar2-mobile a {
		/*padding-top: 4% !important;
		padding-bottom: 4% !important;*/
		font-size: calc(1.1vw + 1.1vh + 1.1vmin);
		text-align: center;
		justify-content: center;
		height: calc(3vw + 3vh + 3vmin);
	}
	#orange-bar2-mobile .AU-submenu2 div{
		width: 50%;
	}
	#orange-bar2-mobile .active a{
		color: #FF7700;
	}
	.title-white-valu {
		color: #FFF;
		font-size:calc(2vw + 2vh + 3vmin);
		text-transform: uppercase;
		text-align: center;
		margin-top: 2vh;
		display: flex;
    	justify-content: space-between;
    	padding: 0 3%;
	}
	.title-blue {
		font-size:calc(2vw + 2vh + 3vmin);
	}
	
	.box-vis.txt {
		font-size: calc(0.9vw + 0.9vh + 0.9vmin);
		margin-bottom: 5%;
		width: 85%; margin: 0 auto;
	}
	#myAnchor{    
    padding: 0 !important;
    display: block;}

	.box-values p {
		width: 90%;
		margin: 0 auto;
		font-family: allerLight;
		font-size: calc(0.74vw + 0.74vh + 0.74vmin);
	}
	.valuesWrap{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-right: calc(0.4vw + 0.4vh + 0.4vmin);
		width: 80%;
		align-self: center;
	}
	.valuesWrap .col-6{padding: 0;}
	.box-values div {
		float: left;
		clear: right;
	}
	.val-square div{margin: 0 auto;}
	.box-values {
		background-image: url(../images/mobile/mexico-diving.jpg);
		background-size: cover;
		width: 100%;
		/*padding-left: 14%;
		padding-right: 14%;*/
		display: flex !important;
   		flex-direction: column;
	}
	.bg-orange-value{
		background: #ff7700; 
		color: #fff; 				
	}
	.bg-white-value {
		background: #f6f6f6; 
		color: #424242;	
	}
	.val {
		width: 48%;
		margin-top: 2vh;
		margin-bottom: 2vh;
		text-align: center;
		padding-top: 0vh;
		padding-bottom: 1.5vh;	
	}
	.val-square {
		width: calc(10vw + 10vh + 10vmin);
    	height: calc(10vw + 10vh + 10vmin);
		text-align: center;
		display: flex;
    	align-items: center;
		flex-grow: 1;
		margin-bottom: calc(0.8vw + 0.8vh + 0.8vmin);
	}
	.marL {margin-left: calc(0.4vw + 0.4vh + 0.4vmin);}
	.marR {margin-left: calc(0.4vw + 0.4vh + 0.4vmin);}
	.val-square h3, .val2 h3{
		font-size: calc(1.2vw + 1.2vh + 1.2vmin);
		text-transform: uppercase;
		font-family: allerBold;
		margin-bottom: 0;
	}
	.val p, .val2 p {
		font-size: 2.7vw;
		margin-bottom: 0px;
		line-height: 1.2;
	}
	.val2 {
		width: 100%;
		text-align: center;
		padding-top: calc(1vw + 1vw + 1vmin);
		padding-bottom: calc(1vw + 1vw + 1vmin);
		display: flex;
		align-items: center;
		padding-left: calc(1vw + 1vw + 1vmin);
   		margin-bottom: calc(0.8vw + 0.8vh + 0.8vmin);
		flex-grow: 1;
}
	.line-val-white {width: 70%; margin: 3px auto; height: 2px; background: #fff; display: block;}
	.line-val-gray {width: 70%; margin: 3px auto; height: 2px; background: #424242; display: block;}
	.au-our-vision{padding: 0;}
	#submenu-mobile2 a {
		color: #858585;
		text-decoration: none;
		text-transform: uppercase;
		font-family: allerLight;
		display: flex;
		font-weight: bold;
		/*height: 2.66em;*/
		height: 100%;
		align-items: center;
		margin: 0 auto;
		font-size: calc(1vw + 1vh + 1vmin) !important;
	}
	
	
}