@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,500;0,700;1,500&display=swap');

:root
   {--blue-color: #993333;
	   }

*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.navbar-brand img {
    width: auto;
    max-width: 100%;
    max-height: 150px;
}

a {
	color: var(--blue-color) !important;
	font-family: 'Zilla Slab', serif;
    font-weight: 400;
	text-decoration: underline;
	
}

a media {
	text-decoration: none;
	    object-position: center center;
}
body{
	 font-family: 'Zilla Slab', serif;
    font-weight: 400;
}
h2{
	font-size: calc((2.8 - 1) * 1.2vw + 1rem);
}
h2i{
	font-size: calc((2.8 - 1) * 1.2vw + 1rem);
	font-style:italic;
}
h3{
	font-size: calc((2.2 - 1) * 1.2vw + 1rem);
}
.nav-link{
	color: var(--blue-color) !important;
	font-size: 18px !important;
	padding-left: .7rem !important;
	padding-right: .7rem !important;
	font-weight: 600;
}

.nav-link:hover{
	text-decoration: underline;
	color: #fffff;
}
.navbar-light .navbar-nav .nav-link.active{
	text-decoration: underline;
	text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}
nav{
	padding-top: 1.3vw;
    padding-bottom: 1.3vw;
    padding-left: 3vw;
    padding-right: 3vw;
    font-family: 'Zilla Slab', serif;
    font-weight: 50;
}
.btn-custom{
	border: 2px solid #993333;
	padding: 1.12em 1.8704em;
	color: #000000;
	background-color: #ffffff;
    /*background-color: var(--blue-color);*/
    border-color: #993333;
	border-radius: 30px;
	transition: 0.5s all;
    font-size: calc((.9 - 1) * 1.2vw + 1rem);
    font-family: 'Zilla Slab', serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .04em;
    text-transform: none;
    line-height: .5em;
}

.btn-custom:hover {
    background-color: #993333;
    color: #ffffff;
}
.heading-1 h1{
	font-size: calc((4 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
	line-height: 1.232;
	text-align: center;
	 font-family: 'Zilla Slab', serif;
    font-weight: 400;
    font-style: normal;
}
.heading-1 p{
	font-size: calc((1.5 - 1) * 1.2vw + 1rem);
	 font-weight: 400;
    font-style: normal;
}
.workshop-img{
	height: 66vh;
}
.workshop-img img{
	width: 100%;
    height: 100%;
    object-position: bottom bottom;
    object-fit: cover;
}

.bassoon-img{
	height: 120vh;
}
.bassoon-img img{
	width: 100%;
    height: 100%;
    object-position: right top;
    object-fit: cover;
}

.heading-2 h2{
	color: var(--blue-color);
	line-height: 1.2992;
	text-align: center;
	padding: 10px 26px 10px 26px;
}
.p-div p{
	color: var(--blue-color);
	padding-top: 5px;
}
.blanks-1{
	height: 40vh;
}
.blanks-1 img{
	width: 100%;
    height: 100%;
    object-position: 45.7249% 0%;
    object-fit: cover;
}
.p-div-1 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
}
.social ul{
	list-style: none;
	padding-left: 0px !important;
}
.social ul li{
	display: inline-block;
}
.social ul li a{
	color: #fff;
}
.bg-color-blue{
	background-color: var(--blue-color);
}
.p-div-2 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: white;
}
.a-tag{
	border-bottom: 1px solid white;
	padding-bottom: 1px;
	padding-top: 20px;
}
.a-tag a{
	font-size: 14px;
}
.heading-3 h3{
	color: var(--blue-color);
	line-height: 1.2992;
	text-align: center;
}
.p-div-3 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
}

.p-div-4 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: #272727;
	font-weight: 400;
	padding: 10px 26px 10px 26px;
}



.hr-1{
	color: var(--blue-color);
	opacity: 1;
	padding-left: 17px;
	padding-right: 17px;
	margin-top: 3%;
	margin-bottom: 4%;
	height: 2px !important;
}
.custom-cap{
	font-size: calc((1.9 - 1) * 1.2vw + 1rem);
	text-align: center;
	margin: 50px 0 40px 0px;
	text-decoration: none;
	text-decoration-thickness: 0px;
    text-underline-offset: 0em;
}
.color-blue{
	color: var(--blue-color);
}
.custom-cap a{
    color: var(--blue-color);
}
.w-1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.w-2{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.w-3{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.mt-mb{
	margin-bottom: 10%;
}
.mt-mb-1{
	padding-top: 10%;
	margin-bottom: 5%;
}
/*gallery css*/

.custom-cap-1{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	text-align: center;
	margin: 0px 0 30px 0px;
}
.demo-gallery > div > div a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, .8, 1);
    height: 100%;
    width: 100%;
}
.demo-gallery-2 > div > div a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, .8, 1);
    height: 100%;
    width: 100%;
}
.mt-57{
	    margin-top: -4%;
}
.mt-6{
	    margin-top: -3%;
}
/*gallery css end*/
.ac-img img{
	width: 100%;
}
.btn-custom-1{
	border: 2px solid #993333;
	padding: 1.12em 1.8704em;
	color: #000000;
	background-color: #ffffff;
    /*background-color: var(--blue-color);*/
    border-color: #993333;
	border-radius: 30px;
	transition: 0.5s all;
    font-size: calc((.9 - 1) * 1.2vw + 1rem);
    font-family: 'Zilla Slab', serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .04em;
    text-transform: none;
    line-height: .5em;
}
.btn-custom-1:hover {
    background-color: #993333;
    color: #ffffff;
}
/*end*/


	




.a-tag-1 a{
	border-bottom: 1px solid var(--blue-color);
    padding-bottom: 1px;
}
.mid-content h6{
	font-size: 19px;
}
.mid-content p{
	font-size: 20px;
}

.heading-4 h3{
	color: var(--blue-color);
	line-height: 1.2992;
	padding: 0px 0px 15px 0px;
	font-weight: 400 !important;
}
.p-about p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
}
.p-about-1 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}
.p-about-2 p{
	font-size: calc((1.2 - 1) * 1.2vw + 1rem);
	color: var(--blue-color);
	width: 82%;
	margin-left: auto;
	margin-right: auto;
}
.under-line{
	text-decoration: underline;
	text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}
.under-line:hover{
	color: var(--color-blue);
}
.img-year{
	max-height: 100vh;
	margin-bottom: 20%;
}
.img-year img{
	width: 100%;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
}
.img-year-1{
	height: 230px;
}
.img-year-1 img{
	width: 100%;
    height: 100%;
    object-position: 50% 50%;
    object-fit: cover;
}
.img-hover img:hover{
	opacity: 0.7;
}
.custom-cap-2{
    font-size: calc((1.3 - 1) * 1.2vw + 1rem);
    text-align: center;
    margin: 50px 0 40px 0px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}
.custom-cap-2 a{
    color: var(--blue-color);
}
.heading-pro h2 {
	font-size: calc((3.8 - 1) * 1.2vw + 1rem);
    color: var(--blue-color);
    line-height: 1.2992;
    padding: 10px 30px 10px 0px;
}
.f-div li{
	font-size: 20px;
	line-height: 45px;
}
.font-size-1 {
	font-size: 30px;
}
.iframe-width{
	max-width: 1500px;
	height: 800px;
}
.iframe-width iframe{
	width: 100%;
	height: 100%;
}
.innova-section{
	position: relative;
	padding: 15px;
}
.btn-inno{
	position: absolute;
    width: 90%;
    right: -20px;
    bottom: -28px;
    padding: 30px;
}
.btn-inno a{
	font-size: 21px;
}
.p-mere{
	position: absolute;
    width: 400px;
    height: 300px;
    color: white;
    font-size: 20px;
    right: 43%;
    bottom: 30%;
}
.map-section{
	max-width: 900px;
	height: 400px;
}
.map-section iframe{
	width: 100%;
	height: 100%;
}
.form-div{
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.left-side-contact{
	padding: 180px 0px 0px 180px;
}

.p-mix{
	padding: 40px 0px 40px 180px;
}
.p-mix-1{
	padding: 40px 180px 40px 0px;
}
.hide-1{
	display: none;
}
.pro-codes:hover + .hide-1{
	display: block;
}












/*================================== Meida query ================================================================*/
@media only screen and (max-width: 767px){
	.custom-cap-1{
		font-size: calc((1.6 - 1) * 1.2vw + 1rem);
		text-align: center;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	.mt-60{
		margin-top: -60px;
	}
	.demo-gallery > div > div a > img {
		-webkit-transition: -webkit-transform 0.15s ease 0s;
	    -moz-transition: -moz-transform 0.15s ease 0s;
	    -o-transition: -o-transform 0.15s ease 0s;
	    transition: transform 0.15s ease 0s;
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	    padding-bottom: 90px;
	}
	.demo-gallery-2 > div > div a > img {
		-webkit-transition: -webkit-transform 0.15s ease 0s;
	    -moz-transition: -moz-transform 0.15s ease 0s;
	    -o-transition: -o-transform 0.15s ease 0s;
	    transition: transform 0.15s ease 0s;
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	    padding-bottom: 20px;
	    margin-top: 0px;
	}
	.mt-15{
		margin-top: 50%;
	}
	.navbar-brand img {
	    width: auto;
	    max-width: 100%;
	    max-height: 80px;
	    margin-left: 75px;
	}
	.navbar-light .navbar-brand {
	    color: rgba(0,0,0,.9);
	    flex: 1 0 calc(94% - 50px);
	    display: flex;
	    justify-content: center;
	}
	.mt-57{
	    margin-top: 0%;
	}
	.mt-6{
	    margin-top: 0%;
	}
	.btn-inno {
	    position: absolute;
	    width: 200px;
	    right: -46px;
	    bottom: 120px;
	    padding: 20px;
	}
	.btn-inno a {
	    font-size: 14px;
	}
	.p-mere {
		position: static;
	    width: 340px;
	    height: 276px;
	    color: white;
	    font-size: 16px;
	    margin-left: auto;
	    margin-right: auto;
	}

}
@media only screen and (max-width: 991px){
	
	.demo-gallery > div > div a > img {
	    /*padding-bottom: 90px;*/
	}
	.navbar-brand img {
	    width: auto;
	    max-width: 100%;
	    max-height: 100px;
	    margin-left: 75px;
	}
	.navbar-light .navbar-brand {
	    color: rgba(0,0,0,.9);
	    flex: 1 0 calc(94% - 50px);
	    display: flex;
	    justify-content: center;
	}
	.btn-inno {
	    position: absolute;
	    width: 300px;
	    right: -150px;
	    bottom: 170px;
	    padding: 20px;
	}
	.btn-inno a {
	    font-size: 18px;
	}
	.left-side-contact {
	    padding: 0px 0px 0px 0px;
	}
	.p-mix {
    	padding: 20px 0px 20px 0px;
	}
	.p-mix-1 {
    	padding: 20px 0px 20px 0px;
	}

}


@media only screen and (min-width: 1075px) and (max-width: 1150px){
	.nav-link {
	    color: var(--blue-color) !important;
	    font-size: 18px !important;
	    padding-left: .5rem !important;
	    padding-right: .5rem !important;
	    font-weight: 600;
	}
}


@media only screen and (min-width: 767px) and (max-width: 1075px){
	.mt-57{
	    margin-top: -3%;
	}
	.mt-6{
	    margin-top: -1%;
	}
	.p-mere {
	    position: absolute;
	    width: 300px;
	    height: 250px;
	    color: white;
	    font-size: 15px;
	    right: 44%;
	    bottom: 27%;
	}
}