@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Muli:400,900,800,700,500,600,300,200,100);

@font-face {
  font-family: 'Muli';
  font-weight: normal;
  font-style: normal;
}



html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
	background: #FFFFFF;
	color: #000;
	font-family: Muli;
}


/* Header */

.domname{
font-size:1.25em;
 float:right;
padding: 80px 10px 20px 10px;
 display:inline-block;
font-weight:600;
color:#FFFFFF;
}


.headcontain{
    display: block;
    padding: 0;
    margin: 0;
}

@media screen and (29.9999em) and (max-width: 59.9999em){

.headart img{ 
 padding: 20px;
 display:inline-block;
width: 106px; }

}




.headart{
margin: 0;
  background-image: url(../images/expe.jpg);
	background-repeat: repeat-x;
	width:100%;
	height: 108px;
	z-index: 9998;
    display: block;
	}

.navcontain{
    display: block;
    top: 109!important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 46px;
    background-color: #333;}







/* definingspaces */

body{background-color:rgba(64,129,123,.4);
background-image: linear-gradient(white 2px, transparent 2px),
linear-gradient(90deg, white 2px, transparent 2px),
linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;}




.spacr{
width:100%;
padding:10px;}


.content{
width:100%;
padding: 20px;
margin: 0 auto;
}

.content2{
width:100%;
padding: 20px;
margin: 0 auto;
height: 100vh;
}


.foot{
width:100%;
height: 20vhmin;
		display:inline-block;
}



.contentblock{
    margin-right:auto;
    margin-left:auto;
	    height: 70vhmin;
		display:block;
		width: 95%;
		background: -moz-radial-gradient(center, ellipse cover, rgba(136,160,149,0.5) 10%, rgba(64,129,123,.8) 40%, rgba(3,102,100,.8) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, rgba(136,160,149,0.5) 10%,rgba(64,129,123,.64) 40%,rgba(3,102,100,.8) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, rgba(136,160,149,0.5) 10%,rgba(64,129,123,.64) 40%,rgba(3,102,100,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6688a095', endColorstr='#036664',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.contentblock2{
    margin-right:auto;
    margin-left:auto;
border-radius: 10px;
padding:10px;
 height: 70vhmin;
		display:block;
		width: 95%;
background: rgba(238,232,170,.8);
filter:alpha(opacity=50);/* For IE8 and earlier */
}



.contentblock3{
    margin-right:auto;
    margin-left:auto;
border-radius: 10px;
padding:10px;
 height: 100vhmin;
		display:block;
		width: 95%;
background:rgba(3,102,100,.8);
filter:alpha(opacity=50);/* For IE8 and earlier */
}






.galleryblk{
	display:inline-block;
	width: 100%;
	vertical-align:top;
}






.halfspace{
	display:inline-block;
	width: 400px;
	vertical-align:top;
	padding-left: 10px;
}

.halfspace h1{
	font-size: 18px;
	font-weight:bold;
	padding:10px;}
	
.halfspace p{ 
font-size:14px;
	padding:10px;}

}


p.small{ 
font-weight: bold; font-size: 8px; padding: 10px; color: #FFFFFF; opacity: 0.8;
}

.halfspace img{ 
width: 100%;
vertical-align:top;
}


@media screen and (max-width: 29.9999em){
.halfspace{
	display:inline-block;
	width: 90%;
	vertical-align:top;
	padding-left: 0px;

}

.contentblock{
	width: 95%;
padding: 5px;
}

.content{
	width: 98%;
padding: 5px;

}

}



@media screen and (max-width: 49.9999em){
	.halfspace{
	width: 90%;
}

.halfspace h1{
	font-size: 16px;
	font-weight:bold;
	}
	
	
	
.halfspace p{ 
font-size:14px;
}

.contentblock{
	width: 95%;
padding: 5px;
}

.content{
	width: 98%;
padding: 2px;

}

}

.thirdspace{
padding:40px;
width: 40%;
object-fit: scale-down; 
color:#886688;
	display:inline-block;

}


.thirdspace img{
width: 100%;

}



@media screen and (max-width: 29.9999em){
.thirdspace{
	display:inline-block;
	width: 100%;
	vertical-align:top;
	padding-left: 0px;
}
.thirdspace img{
width: 100%;

}


}

@media screen and (max-width: 49.9999em){
.thirdspace{
	display:inline-block;
	width: 100%;
	vertical-align:top;
	padding-left: 20px;
}


.thirdspace img{
width: 80%;

}




}



.container01{
 width: 100%;
align-items:center;

}



/* shop */



.blue-slide {
  background: #4390ee;
width:300px; 
height:40vh; 
float:left; 
font-size:18px; 
line-height:30px; 
text-align:center; 
padding:25px;
vertical-align:middle;

}

.swiper-slide {
 width:300px; 
float:left; 
padding:30px;
color:#FFFFFF; 
font-weight:bold; 
font-size:11pt;
}



@media screen and (max-width: 29.9999em){
.swiper-slide{

  max-width: 250px;
  padding: 10px;
font-size:9pt;
}

.swiper-slide img{
  width: 200px;
  padding: 20px;
}

.blue-slide{

text-align:left;
  width: 200px;
  padding: 20px;
height: 40vh;
font-size:12px;
}


}



.swiper-slide a:link {color:#FFFFFF;}     
.swiper-slide a:visited {color:#FFFFFF;} 
.swiper-slide a:hover {color:#c31902;}  
.swiper-slide a:active {color:#66EECC;} 


.blue-slide a:link {color:#FFFFFF;}     
.blue-slide a:visited {color:#FFFFFF;} 
.blue-slide a:hover {color:#c31902;}  
.blue-slide a:active {color:#66EECC;} 
.blue-slide li{list-style-type:none;}    













/* Footer */



.webblocks{
display:inline;
width: 320px;
padding:5px;}

.webblocks img{
width:300px;}


@media screen and (max-width: 29.9999em){

.webblocks{
width:100%;
}

.webblocks img{
width:200px;}


}












.iconblock{
padding:10px;
width:90%;
display:inline-block;

}




.icon{
padding:10px;
float:right;
display:inline-block;
}


.icon img{
width:30px;

}

.icon a{
    
text-decoration: none;
}

.icon a hover{
background-color:#886622;}