@import url("https://use.typekit.net/pew0pjh.css");


.tk-moret { font-family: "moret",serif; }

/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/outfit/v14/QGYvz_MVcBeNP4NJuktqUYLkn8BJ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  src: url(https://fonts.gstatic.com/s/outfit/v14/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

	@font-face {
font-family:"moret";
src:url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

	@font-face {
font-family:"moretbook";
src:url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/54cf22/00000000000000007735cc79/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family:"moret";
src:url("https://use.typekit.net/af/5fb221/00000000000000007735cc7b/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/5fb221/00000000000000007735cc7b/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/5fb221/00000000000000007735cc7b/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"moret";
src:url("https://use.typekit.net/af/df6415/00000000000000007735cc81/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/df6415/00000000000000007735cc81/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/df6415/00000000000000007735cc81/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"moret";
src:url("https://use.typekit.net/af/81b096/00000000000000007735cc83/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/81b096/00000000000000007735cc83/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/81b096/00000000000000007735cc83/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family: 'outfit';
    src: url('css/fonts/Outfit-ExtraLight.eot');
    src: url('css/fonts/Outfit-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('css/fonts/Outfit-ExtraLight.woff2') format('woff2'),
        url('css/fonts/Outfit-ExtraLight.woff') format('woff'),
        url('css/fonts/Outfit-ExtraLight.ttf') format('truetype'),
        url('css/fonts/Outfit-ExtraLight.svg#Outfit-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	  @import url("https://use.typekit.net/pew0pjh.css");*/


/* 	body{position: fixed;} */

	html, body {
		width:100%; 
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		-webkit-animation: bugfix infinite 1s;
		background-color:#ffffff;
		z-index: -1}
	@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

	html, body, div, article, contact, video, section, p, span, a, input, textarea, label, table, td, tr, header, h1, h2, h3, ul, li {
		margin:0;
		padding:0;
		display:block;
		clear:both;
		border:none;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		text-decoration: none;
		font-family: moret, moretbook, outfit, Helvetica, sans-serif;
		font-weight: 400;
		list-style: none;
		-moz-osx-font-smoothing: grayscale;
	/* 	-webkit-font-smoothing: antialiased; */
	    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	    text-shadow: rgba(0,0,0,.01) 0 0 1px;
	}




	a {cursor: pointer; color:rgb(234,0,0); display: inline;}
	a:hover {cursor: pointer;background: #ffc000;color: #fff; text-decoration: none;}

button{
    margin: 0;
    border: none !important;
    background: none !important;
    cursor: pointer !important;
    color:rgb(234,0,0);
}

button:hover{cursor: pointer; color:#ffc000;}

.buttons button{
    padding-left: 35px;
	font-family: 'outfit';
}

	.uppercase{text-transform: uppercase;}


.menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 100px;
    z-index: 3000;

}



#menulist{    
	font-size: 50px;
    position: fixed;
    top: 0;
    left: 10%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
    background-color: rgb(234,0,0);
	}
 
#menulist li a{color:white; display:block; padding: 10px 0 10px 15px; text-transform: uppercase;}

#menulist li a:hover {background-color:#ffc000;cursor: pointer;}

	*:focus, input:focus {outline-style:none;box-shadow:none;border-color:transparent;}

	::selection {
		background: rgb(234,0,0);
		color:#fff;
	}
	::-moz-selection {
		background: rgb(234,0,0);
		color:#fff;
	}




	.clear {clear:both; float: none;}

	.lefty{float: left}
	.righty{float: right}
	.relative{position:relative;}

	.w80{width:80%}

	.hidden{display:none;}

	.shown{display: block;}

	.closepx{position:absolute; top:0; left:0; opacity:0; width:0; height:0;}

	.pageLoader{
		position:fixed;
		width:100%;
		height:100%;
		background: rgb(234,0,0);
		color:#fff;
		z-index: 100000000000000000;
		overflow: hidden;
		top:0;
		background-image: url('img15/loading.gif');
		background-position: center center;
		background-repeat: no-repeat;}

	#content-wrapper {
		width:100%;
		height:100%;
		clear:both;
		position:relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 90%;
		}

	.screen {width: 100%; height:100%;}


	.current{border:none;}

	.floatin{position:fixed;top:0; background-color:#006; color:#fff; width:100px; height:40px; padding:10px; text-align: center;}


	.firstsc, .heroimg{width: 100%; height:100%; position: fixed; box-sizing: border-box;	top:0;}
/* 	.firstsc {background: no-repeat center center; background-size: cover} */

	header h1{font-size: 19em;}

	.firstsc, .three .swrap{padding: 4%;}

	.firstsc img{
		display: none;
		width: 80%;
		text-align: center;
		top: 50%;
		position: absolute;
		left: 50%;
		margin-left: -40%;
}
	.firstsc .head4{display:block;}



.rainbowdiv {
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
background: linear-gradient(124deg, #ffc1c1, #ffce82, #fdff95, #deffb1, #d3ebff, #f5cfff, #efebeb, #ddfffd, #edddff, #ffaea6);
background-size: 1800%;

-webkit-animation: rainbow 30s ease infinite;
-z-animation: rainbow 30s ease infinite;
-o-animation: rainbow 30s ease infinite;
  animation: rainbow 30s ease infinite;}



@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}


	#blobscroll	{
		background-image: url('img15/blob1.svg');
		background-size: 65%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		display:block;
		width:100%;
		height:100%;
		position: absolute;
		top:6%;
		left:0;
		z-index:-1 !important;
		margin-top: -100px;}

	#godown	{
		background-image: url('img/v.svg');
	    background-size: 3%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    display: block;
	    width: 100%;
	    height: 6%;
	    position: absolute;
	    bottom: 2%;
	    left: 0;
	    z-index: -1 !important;}



	.refader{
		opacity:0;
/*		display:block;*/
		z-index: 10;
		background-color: #000;
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left:0;
		display:none;}

	.firstsc h1{
		text-indent: -100000px;
		width: 100%;
		height: 100%;
		z-index: 10;
		background-size: 60%;
		}


	#titlehead{
		background-image:url('img15/iraoksman.svg');
		background-position: 50% 44%;
		background-repeat: no-repeat;}

	.borderr {
		width: 100%;
		height: 100%;
/*
		border-left: 2px solid #fff061;
		border-right: 2px solid #f33f3e;
*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-position: 0 0, 0 100% ;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 2px;
		-moz-background-size: 100% 2px;
		background-size: 100% 2px;
}


	.borderr .spee{
		position: absolute;
	    top: 60%;
	    /* left: 50%; */
	    font-family: outfit;
	    margin: 0 auto;
	    font-weight: 300;
	    letter-spacing: 2px;
	    color: #000;
	    font-size: 17px;
	    text-align: center;
	    width: 92%;}

	.hiddenPX{
		position:absolute;
		top:0;
		left:0;
		opacity:0;}


	.swrap{display: block;width: 100%;height: 100%;z-index: 2; position: absolute;}
	.somewrap{display: block;width: 100%;z-index: 2;background-color: #fff;}


	.two .swrap{background-color: #fff}


	.two .swrap:after {
		content: "";
		position: absolute;
		bottom: -16px;
		left: 50%;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 18px solid rgb(234,0,0);
		margin-left: -30px;}

	.two .swrap:after{border-top:18px solid #fff !important;}



/* ***************** X ******************* */

	.x_bottom{width: 100%;text-align: center;margin-top:5%;}
	.x_bottom img {width:30%; max-width:100px; margin:50px auto;}

	.x_bottom img{
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;}

    .x_bottom a:hover img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
	transform:rotate(90deg)}

	.x_bottom a:hover{
/* 	background-color:#000;      */
	}






/* ******************* > < ***************** */

    .leftarr{
	    width: 50%;
	    display: inline-block;
	    text-align: left;
	    background-color: #000;
	    float: left;}

    .rightarr{
		width: 50%;
	    display: inline-block;
	    text-align: left;
	    background-color: #000;
	    float: left;
    }

	.backarr{
		background:url('img/left.svg') no-repeat;
		display:block;
		position: fixed;
		top:0; left: 0;
		z-index:15;
		width:90px; height:80px;
		padding-right:10px;
		background-color: rgba(130,130,130,0.1);}

	.backarr:hover{background-color: #000}




#footermenu{
	text-align: center;
    padding: 10% 20px 2% 20px;
}
#footermenu li{display:inline; text-transform: uppercase; padding: 2% 10px}


/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  HOME    ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */


.home {max-width:2000px}
.banner h1{    font-size: 60pt;
    text-align: left;
    padding: 0 0 0 10%;
    color: rgb(234,0,0);}

.banner p {
	text-transform: uppercase; color:rgb(234,0,0); text-align: left;padding:3% 0 0 12%; width: 70%;
    font-size: 18pt; font-family: 'moretbook';}
.banner p a{text-transform: capitalize; text-decoration:underline; font-family:outfit; }
.banner p a:hover{text-decoration: none; background-color:none;}

.hmcurrent{margin-top: 3%;}
.hmcurrent a {
    display: block;
/*    background-image: url(img/current.jpg);
    background-repeat: no-repeat;
    background-position: top left;
*/    width: 100%;
/*    height: 800px;*/
/*    background-size: contain; */
}

.hmcurrent a img{    width: 70%;
    display: inline-block;
    float: left;
max-width: 900px;}

.hmcurrent a h1
{   display: inline-block;
    margin: 15% 0 0 -15%;
    text-transform: uppercase;
    font-size: 55pt;
    width: 30%;
    text-align: left;
    max-width:370px;
}

 .hmcurrent a:hover{color:#ffc000; background-color: transparent;}


.hmseriesshop {display: block; width:100%}
.hmseriesshop img {width: 100%}
.hmseries{width: 40%;
    display: block;
    float: left;
    margin-top: 15%;}

 .hmseries img:hover{filter: saturate(1.5)}

 .hmshop{width: 40%;
    display: block;
    float: right;
    margin-top: -39%;}

 .hmshop img:hover {opacity: 40%; filter: grayscale(100%);}






.nav-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 2.5rem;
    cursor: pointer;
    padding: 50px 20px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.7;
    z-index: 1002;
    font-size: 300%;
}

.nav-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.prev-btn { 
    left: 30px;
}

.next-btn { 
    right: 30px;
}

/* Arrow icon adjustments */
.nav-btn i {
    position: relative;
    top: -1px; /* Optical alignment */
}

/* Disabled state for arrows when at start/end */
.nav-btn.disabled {
    opacity: 0.3;
    cursor: default;
    transform: translateY(-50%) scale(1);
    background: rgba(0, 0, 0, 0.3);
}

.nav-btn.disabled:hover {
    transform: translateY(-50%) scale(1);
    background: rgba(0, 0, 0, 0.3);
}

.pagetitle {    
    font-size: 91px;
    padding: 3% 20% 60px 20%;
    text-transform: uppercase;
    color: rgb(234, 0, 0);
    line-height:80px;}

.spee {    
    font-family: moretbook;
    margin: 0 20% 60px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 22pt;
    text-align: center;
    width: 60%;
    text-transform: uppercase;
    color:rgb(234, 0, 0);
}


.bgoverlay {    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1000;
    overflow: auto;}




    .gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 0px;
            margin-left: auto;
            margin-right: auto;
        }
        .folder-thumb-container {
            width: 10%;
/*            height: 20%;*/
            object-fit: cover;
            cursor: pointer;
            transition: transform 0.3s;
            min-width:50px;
           /* margin-left: auto;
            margin-right: auto;*/
            background-color: #000;
		    background-image: url(img/load.gif);
		    background-size: 20%;
		    background-repeat: no-repeat;
		    background-position: center center;
        }
        .folder-thumb{width:100%; display: block}

        .folder-thumb:hover {
            filter: saturate(4);
        }
        
        /* Lightbox styles */
        .lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            overflow: auto;
            background-color: #fff;
            color:#000;

        }
        .lightbox-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 40px;

        }
        .lightbox-img {
            max-width: 90%;
            max-height: 80vh;
            margin-bottom: 20px;
        }
        .close-btn {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #000;
            font-size: 40px;
            cursor: pointer;
        }
        .nav-btn {
            position: fixed;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 40px;
            cursor: pointer;
            padding: 10px 20px;
            border-radius: 5px;
        }
        .prev-btn { left: 20px; }
        .next-btn { right: 20px; }
        .folder-title {
            color: #000;
            margin-bottom: 20px;
            font-size: 10px;
        }

        #thumbnails {
        display: flex;
        gap: 8px;
        padding: 10px 0;
        overflow-x: auto;
        max-width: 90%;
        margin: 0 auto;
        z-index: 1002;
        }

/* Individual thumbnails */
.thumbnail {
    width: 30px;
    height: 30px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s ease;
    overflow: hidden;
    z-index: 1002;

}

/* Active thumbnail */
.thumbnail.active {
    opacity: 1;
}

/* Hover effect */
.thumbnail:hover {
    opacity: 1;
}

/* Scrollbar styling (optional) */
#thumbnails::-webkit-scrollbar {
    height: 6px;
}
#thumbnails::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.1);
    border-radius: 3px;
}
#thumbnails::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 3px;
}




/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  SHOWS   ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */



.box {width: 100%; display: block; position: relative; align-content: center; text-align: center; padding:3% 9.9% 0 9.9%; max-width: 2300px;}

.gal .folder-thumb-container {
    width: 10%;
    object-fit: cover;
    float: left;
    text-align: left;
    margin: 0;
    height: 70px;
    overflow: hidden;
    align-items: center;
    display: flex}

 .lightbox-media{            
 	max-width: 90%;
    max-height: 80vh;
    margin-bottom: 20px;
z-index: 1002;}

.gallery {
    margin:5% 0 10%;
}

#footnotes, #footnotes a {
	display: inline;
    float: none;
    clear: both;
    font-size: 10pt;
    color: grey;
    font-family: 'outfit';}








.gal h3{
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-family: 'outfit';
    margin-top: 5%;
    width: 30%;
    color: rgb(234, 0, 0);
    font-size: 17pt;
    margin: 0 0 3% 12%;
}

.gal p{    
    text-transform: uppercase;
    color: rgb(234, 0, 0);
    text-align: left;
    padding: 3% 0 0 0;
    width: 60%;
    font-size: 18pt;
    font-family: 'moretbook';
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    align-content: center;
}


.gal p a {
    display: contents;
    text-align: left;
    float: left;
    } 


 .gal p a:hover {color:#ffc000;} 


.gal .banner p{    
    padding: 3% 0 0 12%;
    display:block;
}

.galhero {    
	width: 25%;
    max-width: 500px;
    display: inline-flex;
    float: left;
	margin-bottom: 5%;
	margin-left: 6%;}

.lefty .galhero{}
.righty .galhero{float: right !important;     margin: 0 5% 5% 0;}

.gal .righty p{    
    text-align: right !important;
    margin: 0 5% 5% 0;
}





/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  ABOUT   ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */

.about h1{
	font-size: 60pt;
    text-align: left;
    padding: 0 0 0 10%;
    color: rgb(234,0,0);}


.about h2, .about p{   
	display: inline-block;
    margin: 0;
    width: 50%;}

.about, .statement{text-transform: uppercase;color: rgb(234, 0, 0);}

.about h2, .statement h2{padding:5% 0 3%; font-family: 'outfit'; font-weight: 300;font-size: 22pt;text-align: left;}

.about p, .statement p {font-family: 'moretbook';font-size: 26pt;text-align: left; margin-bottom:2%}

.about img{
    width: 25%;
    float: left;
    padding: 5%;
    display: inline-block;
}

.about p a, .statement p a{text-decoration:underline; font-family:'outfit'; }
.about p a:hover{text-decoration: none}


.about, .statement {display: block; width:100%}



/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  CONTACT ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */

.contact{text-transform: uppercase;color: rgb(234, 0, 0); padding-left: 10%; max-width: 700px;}

.contact h1{
	font-size: 60pt;
    text-align: left;
    padding: 5% 0 0 0;
    color: rgb(234, 0, 0);}

.contact p {font-family: 'moretbook';font-size: 22pt;text-align: left; margin-top: 5%;}

.contact p a:hover{text-decoration: none}


.contact {display: block; width:100%}

.contact .big{font-size:55pt;text-decoration:underline;font-family: 'moretbook'; }

.contact ul{text-align: left}
.contact ul li{margin-top: 4%;}
.contact ul li a{font-size: 37pt;}
.contact ul li a span{    
	color: rgb(234, 0, 0);
	padding: 0;
    margin: 0;
    font-family: 'moretbook';
    font-size: 14pt;
    display: block;}



/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */
/*  *******************************************          ***********************************************  */
/*  *******************************************  MOBILE  ***********************************************  */
/*  *******************************************          ***********************************************  */
/*  ****************************************************************************************************  */
/*  ****************************************************************************************************  */

@media (max-width: 1050px) and (min-width:800px) {.hmcurrent a h1 {font-size: 45pt !important;}}
/*@media (max-width: 799px) {.hmcurrent a h1 {font-size: 30pt;}}*/

/* Responsive about */

/* Responsive GALLERY */
@media (max-width: 768px) {
	.hmcurrent a h1 {font-size: 20pt;}
	.buttons button {padding-left: 11px;}

    .banner h1 {
        padding: 10% 0 10% 15%;
        line-height: 40pt;
        font-size: 50pt;
    }
    .nav-btn {
        width: 50px;
        height: 125px;
        font-size: 4rem;
        padding: 10px 15px;
        top: 30%;
    }
    
    .prev-btn { left: 15px; }
    .next-btn { right: 15px; }
    .folder-thumb-container {width: 50%;}
    .gal .folder-thumb-container {width: 10%;}
    .pagetitle {
            font-size: 50pt;
        padding: 20% 5% 60px;}

    .hmseries {width: 100%;}
    .hmshop{display:none;}

    .folder-title{
    	font-size: 21px; 
    	margin:30px auto 0;
    }

    #thumbnails {flex-wrap: wrap;max-width: 90%;z-index: 1002;}
     .thumbnail {
	    width: 60px;
        height: 60px;
	}
	.folder-thumb{height:100%; }
	.gal .folder-thumb {width: fit-content;}

	.gal h3 {    
        width: 83%;
        margin: 17% 0 3% 12%;
	}

	.galhero {width:90% !important;}
	.gal p{text-align: left !important; padding: 3% 0 5% 12%; width: 90%;}
	.gal .righty p {text-align: left !important;}
	.box {text-align: left;}

	.spee {    
    margin: 0 5% 60px;
    width: 90%;}

}

@media (max-width: 900px) and (min-width: 876px) {
       .folder-thumb-container {width: 25%;} 
}


@media all and (max-width:875px){

    .banner p{
    	padding: 3% 0 5% 12%;
    	width: 90%;
    }

	#menulist {left:20%; font-size:42px; max-width: 80%;}
	#menulist li a {padding-bottom: 20px;}

	#godown {background-size: 10%;z-index: 0 !important; }

	.about p, .statement p{font-size: 20pt;}
	.about h2, .about p {width: 100%; display:block;}
	.about img {    width: 80%;}




	/* footer */
	/*.links {bottom: 8%;}
	.three .logoimg {top: 8%;}
	.about {
	    width: 292px;
	    margin: -85px 0 0 -145px;
	    line-height: 31px;
		font-size: 16px;
	    font-family: 'outfit';
	
	.links a {
    width: 50px;
    height: 50px;
    margin: 0 2px;}}*/

}








	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;