*{ list-style:none; padding:0; margin:0; border:0; resize:none;}
@font-face {
font-family: 'futurabookregular';
src: url('font/FuturaBook-webfont.eot');
src: url('font/FuturaBook-webfont.eot?#iefix') format('embedded-opentype'),
url('font/FuturaBook-webfont.woff2') format('woff2'),
url('font/FuturaBook-webfont.woff') format('woff'),
url('font/FuturaBook-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'futuranarrowboldregular';
src: url('font/FuturaNarrowBold-webfont.eot');
src: url('font/FuturaNarrowBold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/FuturaNarrowBold-webfont.woff2') format('woff2'),
url('font/FuturaNarrowBold-webfont.woff') format('woff'),
url('font/FuturaNarrowBold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'chalet_parisnineteeneightyRg';
    src: url('font/Chalet-ParisNineteenEighty_0-webfont.eot');
    src: url('font/Chalet-ParisNineteenEighty_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Chalet-ParisNineteenEighty_0-webfont.woff2') format('woff2'),
         url('font/Chalet-ParisNineteenEighty_0-webfont.woff') format('woff'),
         url('font/Chalet-ParisNineteenEighty_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.clr{ clear:both; height:0;}
a{text-decoration:none;}
body{ font-family: 'futurabookregular', arial; overflow-x: hidden; background:#f0f0f0 url(../images/bg.png) no-repeat; }
.wrapper{width:100%; float:left; position:relative; }
.headerWrapper{ margin:auto; height: auto;}
.lang{ width:auto; float:right;}
.lang a{ color:#000; font-size:13px; margin-left: 8px;}
.logo{ width:210px; margin: -8px auto 0 auto; display:block;}
.topMenu{ width: max-content; margin: 30px auto 30px auto;}
.topMenu a{ margin-right: 27px; color:#000; font-weight: 500; font-size: 16px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s;}
.topMenu a:hover{ border-bottom:1px solid #000;}
.topMenu a.lastItem{ margin-right:0;}
.contentArea{   height: 100%; }
/* margin:20px auto 100px auto; */
.contentBottomPage{height: 100%; width:890px; margin:0 auto 100px auto;}
.item{ width:auto; height: 100%; margin:0 auto;}
.item img{ margin:auto; display:block;}
.ImageText{ width:100%; text-align:center; font-size:14px; position: relative; }
.homeBg{ position:absolute; right: -288px; width: 906px; height: 990px; top:0; background:url(../images/homeBg.png) no-repeat; z-index: -1; display:none;}
.homeBgTop{ position:absolute; left:340px; width:347px; height:54px; top:0; background:url(../images/homeBgTop.png) no-repeat top right; }
.owl-buttons{ position: absolute; left:0; top:50%; margin-top:-15px; width:100%;}
.owl-buttons div{ width:16px; height:30px; position:absolute; top:0;}
.owl-prev{ left: 50px; background:url(../images/prev.png) no-repeat; }
.owl-next{ right: 50px; background:url(../images/next.png) no-repeat; }


.artisLeft{ position:absolute; left:-200px; top:337px; background:url(../images/artistLeft.png) no-repeat; width:547px; height:971px;}
.artWorksRight{ position:absolute; right: 0; top:0; background:url(../images/artWorksRight.png) no-repeat; width:324px; height:100%;}
.leftImgArea{ display:block; float:left; width:40%; margin: 30px 0 0 0;}
.rightContentArea{ float:right; width:55%;}
h1.titleArea{ width:100%; text-align:right; float:right; margin: 13px 0 17px 0; font-family: 'futurabookregular'; font-size: 50px; font-weight: 300;}
/* .artWorksContainer{  margin:10% auto;} */
.artWorksItems li{text-align: center;}
.artworksItem3{display:grid !important; gap:5px}
.col-2 {grid-row: 1 / span 2;grid-column: 3 / span 2;}
.row-2 {grid-row: 3 / span 2;grid-column: 1 / span 2;}

.img1 { width: 135px; height: 200px}
.img2 { width: 200px; height: 200px}
.img3 { width: 240px; height: 200px}
.img4 { width: 125px; height: 200px}
.img5 {width:135px; height:400px}
.img6{width:510px; height:200px}
.img7{width:275px; height:200px}
.img8{width:275px; height:400px}
.img9{width:575px; height:200px;}
.img10{width: 400px; height: 400px;}
.img11{width: 300px; height: 200px;}
.img12{width: 400px !important; height: 500px !important; object-fit: fill;}

.ml-50{margin-left:50px;}
.mailText { text-align: left; color: #000; text-decoration: none; margin: 0 0 10px 0; display: block; float: left; border-right: 1px solid #000; padding: 0 5px 0 5px;}
.socialMedia{padding-left:10px; height: 20px; display: flex; align-items: center; gap: 5px; color: black;}


.holder { width: 130px;position: absolute; bottom: -50px; height: auto; left: 50%;margin-left: -46px; }
.holder a {font-size: 14px;cursor: pointer;margin: 2px 0 0 0;  padding: 0 8px; color: #8f8f8f;display: block;float: left;}
.holder a:hover {background-color: #f5f7f9;color: #000;}
.holder a.jp-previous {margin-right: 15px; width: 16px; height: 30px; display:block; background:url(../images/prev.png) no-repeat ;float: left;margin-top: 0; padding:0 !important; border:0 !important;position: absolute;left: -29px;}
.holder a.jp-next { background: url(../images/next.png) no-repeat; width: 16px; height: 30px; display:block;float: right; margin-top: 0; padding:0 !important; border:0 !important;position: absolute; right: -21px; top: 0;}
.holder a.jp-current{color: #000; background: none;}
.holder span {margin: 0 5px;}
.smallImg{ width:310px !important;}
.mediumImg{ width:500px !important;}
.lastHomeImg{ width:300px !important;}
.artworksItem2{ width:900px; margin:auto;}
.imageArea{width: 1250px; display: flex; flex-wrap: wrap; margin: 0 auto; gap: 10px; padding: 15px 0;}
.imageArea a{width: 300px; height: 300px;}
.imageArea a img{width: 100%; height: 100%; object-fit: cover;}


.formArea{ width: 700px; float: none; margin: 0px auto;}
.formArea h1.titleArea{ margin: 10px 17px 10px 0;}
.inputCl{border:1px solid #ccc; height:35px; line-height:30px; width: 46%; margin-right:2%; padding:0 4px; outline:none; float:left; margin-bottom:20px; font-family: 'futurabookregular'; }
.textareaCl{border:1px solid #ccc; height:60px; width: 94.5%; padding:5px 1%; outline:none; float:left; resize:none; font-family: 'futurabookregular'; }
.butonCl{ margin:10px 3.2% 0 0; float:right; background:#000; text-align:center; color:#fff; font-size:14px; font-family: 'futurabookregular'; height:40px; line-height:40px; padding:0 2%; cursor:pointer;}
.activeMenu{ border-bottom:1px solid #000;}
#pageloader {position: fixed ;top: 0; bottom: 0;left: 0; right: 0; background:#f0f0f0 url(../images/bg.png) no-repeat; z-index: 9999999;overflow: hidden;}
#pageloader .loader-item {height: 74px;width: 74px; text-align: center;position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px;}



@media screen and (max-width: 1370px)
{.homeBg{right: -602px;}
.homeBgTop{left: 4px;}
.artWorksRight{ right:-150px;}
.smallImg{ width:280px !important;}
.mediumImg{ width:400px !important;}
.lastHomeImg{ width: 270px !important;}
.owl-prev{ left:50px;}
.owl-next{ right:50px;}
.topMenu{ margin: 15px auto 13px auto;}
}




@media screen and (max-width: 1195px)
{
    .contentBottomPage{display: flex; flex-direction: column; align-items: center; width: 100%; font-size: 20px;}
    .contentBottomPage .rightContentArea{width: 75%;}
.artisLeft{left: -375px;}
    .imageArea{width: 100%; justify-content: center;}
}
@media screen and (max-width: 780px)
{
    .contentArea .img12{width: 75% !important; margin: 0 auto;}
    .formArea{width: 100%; text-align: center;}
    .formArea form{display: flex; flex-direction: column;width: 75%; margin: 0 auto;}
    .formArea form input{ width: 100%;}
    .formArea a{font-size: 10px; margin-left: 10px;}
    .formArea h1.titleArea{text-align: center;}
    .clr{display: none;}
    .imageArea{width: 100%; }
    .imageArea a{margin: 0 auto;}
    .logo{margin: 0 auto;}
    .artisLeft{display: none;}
    .homeBgTop{display: none;}
    .topMenu a{font-size: 14px;}
}