@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



body{
	margin:0px;	
	font-family: montserrat;
}

.logo{
	margin-bottom:40px;
	border:0px solid white;
	box-shadow:none;
}

img{
	border:10px solid white;
	box-shadow:3px 3px 10px #b9b9b9;
}

.img-round{
	border-radius:50%;
}

.icon{
	width:80px;
	border:none;
	box-shadow:none;
	margin-bottom:10px;
}

h3{
	font-weight:normal;
}


.button{
	float:left;
	margin-right:20px;
	font-size:18px;
}


.button a:link{
	
	background-color:#FFC107;
	color:black;
	text-decoration:none;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	font-weight:500;
}

.button a:hover {
	background-color:#333333;
	color:white;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	font-weight:500;
}



.button2 a:link{	
	background-color:#FFC107;
	color:black;
	text-decoration:none;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	text-align:center;
	font-weight:500;
}

.button2 a:hover {
	background-color:#333333;
	color:white;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
	text-align:center;
	font-weight:500;
}



.section{
	display:block;
	overflow:auto;
}

.section-002{
	padding-top:140px;
	padding-bottom:140px;
}


.column-1-of-2{
	width:400px;
	float:left;
	margin-right:100px;
}

.column-2-of-2{
	width:480px;
	float:left;
	
}


.title-cover-line1{
	font-size:42px;
}

.title-cover-line2{
	font-size:52px;
	font-weight:500;
}

.title-cover-line3{
	font-size:52px;
	margin-bottom:10px;
}

.title-cover-line4{
	font-size:24px;
	margin-bottom:30px;
}

.section-art-galleries{
	text-align:center;
	display:block;
	overflow:auto;
}

.button-center{
	background-color:red;
	display:block;
	overflow:auto;
}



.section-art-galleries .innervision{
	width:450px!important;
}

.container-image-gallery{
	text-align:center;
}

.gallery-image{
	width:80%;
	margin-bottom:30px;
	border:10px solid white;
	box-shadow:3px 3px 10px #b9b9b9;
}




.container-content-home{
	width:50%;
	float:left;
	margin-right:5%;
}

.container-images-home{
	width: 45%;
	float:right;
}

.home-image{
	float:right;
	width:35%!important;
	height:220px!important;
	margin-left:5%;
	margin-bottom:20px;
	border:10px solid white;
	box-shadow:3px 3px 10px #d4d4d4;
}






.home-image-01{
	background: url("images/sculpture.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.home-image-02{
	background: url("images/flowers.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.home-image-03{
	background: url("images/townpainting.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.home-image-04{
	background: url("images/glassart.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}







.section-001{
	background: url("images/bacground-home-artgallery.jpg") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	

	padding-top:60px;
	padding-bottom:60px;
}

.section-003{
	background-color:#fdf6ee;
}





.column-physical-gallery, .column-virtual-gallery{
	width:50%;
	float:left;
	background: url("images/bacground-home-artgallery-02.jpg") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		

	min-height:800px;

	padding-top:120px;
	padding-bottom:80px;	
}





.section-005{
	padding-top:120px;
	padding-bottom:120px;
}

.section-006{
	background-color:#fdf6ee;
	padding-top:80px;
	padding-bottom:80px;
}

.section-007{
	color:white;
	text-align:center;
	background-color:#5b4e46;
	padding-top:100px;
	padding-bottom:100px;
}

.section-008{
	text-align:center;
	background-color:#ffffff;
	padding-top:100px;
	padding-bottom:100px;
}

.container-image{
	background-color:red;
	height:300px;
	width:20%;
	float:left;
}

.container-image-001{
	background: url("images/img-01.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-002{
	background: url("images/img-02.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-003{
	background: url("images/img-03.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-004{
	background: url("images/img-04.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-005{
	background: url("images/img-05.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-006{
	background: url("images/img-06.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-007{
	background: url("images/img-07.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-008{
	background: url("images/img-08.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-009{
	background: url("images/img-09.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.container-image-010{
	background: url("images/img-10.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}


.percentage{
	font-size:38px;
	font-weight:bold;
	margin-bottom:10px;
}

.description{
	font-size:20px;
}

.section-body-005, .section-body-006{
	columns:2;
	column-gap:5%;
	margin-top:40px;
	margin-bottom:40px;	
}

.column-section-002{
	margin-top:40px;
}



.title-section-002{
	width:80%;
	margin-top:00px;
}

.title-section-003{
	width:60%;
	margin-top:30px;
}

.title-section-004{
	width:50%;
	margin-top:30px;
}

.title-section-006{
	text-align:center;
}



.title-section h3{
	font-size: 42px;
	margin-bottom:10px;
	margin-top:0px;
}

.title-section-006 h3{
	padding-left:10%;
	padding-right:10%;
}

.title-006 h3{
	font-size:42px;
}

.section-005 h3{
	font-size:52px;
	text-align:center;
	width:100%;
	margin-bottom:20px;
}

.highlight-section{
	font-size:20px;
	font-weight:500;
}

.highlight-section-008{
	font-size:24px;
}

.highlight-section-005{
	font-size:28px;
	width:60%;
	text-align:center;
	margin:auto;
}

.highlight-section-006{
	font-size:32px;
	width:60%;
	text-align:center;
	margin:auto;
}

.artwork{
	border:10px solid white;
}

.artwork{
	width:21.5%!important;
	margin-right:2%!important;
	border:10px solid white;
	box-shadow:3px 3px 10px #b9b9b9;
}

.artwork-001{
	background: url("images/painting-face.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.artwork-002{
	background: url("images/sclupture-woman.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	
}

.artwork-003{
	background: url("images/painter-woman.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.artwork-004{
	background: url("images/drawing-bird.webp") no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	margin-right:0%!important;
}

.container-bullet-points{
	margin-top:40px;
}

.column-bullet{
	width:33%;
	float:left;
}


.mobile{
	display:none;
}

.desktop{
	display:block;
}




/* BEGIN - Media for Smart Phones   */
/************************************/
/************************************/
/************************************/



@media (max-width: 700px){


.innervision{
	width:90%!important;
	padding:5%;
}

.logo{
	width:50%;
	margin-left:25%;
}

.container-content-home, .container-images-home{
	clear:both!important;
	width:100%;
	margin:0px!important;
	text-align:center;
}

.container-images-home{
	margin-top:20px!important;
	margin-bottom:20px!important;
}

.title-cover-line1{
	font-size:34px;
	line-height:1.4em;
}

.title-cover-line2{
	font-size:38px;
	line-height:1.4em;
	font-weight:500;
}

.title-cover-line3{
	font-size:52px;
	line-height:1.4em;
	margin-bottom:20px;
}

.title-cover-line4{
	font-size:22px;
	margin-bottom:30px;
	padding-left:5%;
	padding-right:5%;
}



.button{
	width:100%;
	font-size:20px;
}

.button-browse{
	margin-top:10px;
	margin-bottom:40px;
	
}

.container-content-home{
	margin-bottom:80px!important;
}

.home-image{
	float:left;
	width:26%!important;
	height:120px!important;
	margin:0px;
	margin-right:2%;
	margin-left:2%;
	margin-bottom:20px;
	border:5px solid white;
	box-shadow:2px 2px 8px #d4d4d4;
}

.section{
	text-align:center;
}

.title-section-002{
	margin:auto;
}
	
.column{
	width:90%;
	padding-left:5%;
	padding-right:5%;
}

.column-1-of-2{
	width:70%;	
	margin:0px;
	margin-left:7.5%;
}

.gallery-image{
	width:70%;
	margin-bottom:30px;
}

.title-section-002{
	width:100%;
}

.section-art-galleries .innervision{
	width:90%!important;
}

.section-002{
	padding-top:60px;
	padding-bottom:80px;
}

.section-body-005, .section-body-006{
	columns:1;
	column-gap:5%;
	margin-top:40px;
	margin-bottom:40px;	
	padding-left:5%;
	padding-right:5%;
}

.title-section-005 h3{
	font-size:42px;
}

.highlight-section-005{
	font-size:24px;
	width:90%;
	text-align:center;
	margin:auto;
}

.section-005{
	padding-top:80px;
	padding-bottom:80px;
}

.section-006{
	background-color:#fdf6ee;
	padding-top:80px;
	padding-bottom:40px;
}



.section-007{
	padding-top:60px;
	padding-bottom:80px;
}

.section-008{
	padding-top:60px;
	padding-bottom:100px;
}

.highlight-section-008{
	padding-left:10%;
	padding-right:10%;
}
	

.column-physical-gallery, .column-virtual-gallery{
	padding-top:80px;
	padding-bottom:80px;	
}
	

.container-image{
	background-color:red;
	height:160px;
	width:33.3%;
	float:left;
}

.artwork{
	width:40%!important;
	height:180px!important;
	margin-left:2%;
	margin-right:0%;
	margin-bottom:30px;
	border:8px solid white;
	box-shadow:2px 2px 8px #b9b9b9;
}

.home-image-01{
	display:none;
}

.container-image-010{
	display:none;
}


	
.title-section h3{
	font-size: 42px;
	margin-bottom:20px;
	margin-top:0px;
}

.title-section-006 h3{
	padding-left:5%;
	padding-right:5%;
}



.highlight-section{
	margin-bottom:23px;
}

.icon{
	width:60px;
	border:none;
	box-shadow:none;
	margin-bottom:10px;
}

.percentage{
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

.description{
	font-size:16px;
	line-height:1.4em;
}

.column-bullet{
	width:28%;
	padding-left:2%;
	padding-right:2%;
	float:left;
}


.section-001{
	padding-top:20px;
	padding-bottom:40px;
}


.mobile{
	display:block;
}

.desktop{
	display:none;
}
	
} /* END - Media for Smart Phones  */