@import url('https://fonts.googleapis.com/css?family=PT+Sans|Raleway');
a,a:focus{ outline-offset: 0px !important; outline: none !important;} a{text-decoration:none !important; color:#353535 !important;} a span{font-family: "Share Tech", sans-serif;} h2{font-size: 38px;} 
h5{font-size: 18px;} button:focus{outline: none !important;}
li{list-style-type: none; text-shadow: 1px 1px 0 #000, 1px 1px 0 #000,1px 1px 0 #000, 1px 1px 0 #000;}
p{font-size: 15px; line-height: 1.8em; font-family: "PT Sans", sans-serif; color: #3c3c3c;} .drop li{display: block;}
/* navbar */
.navbar-toggler {position:relative; margin-top:8px;margin-bottom:8px; padding: 7px 12px !important; margin-left:43%; color: #fff !important; border: 2px solid #fff !important;}  
.navbar-toggle .icon-bar { background-color: #fff !important;} .navbar-light .navbar-nav .nav-link{color:#fff !important;  
font-weight:600; padding:1px 38px !important; font-size:16px;}
.navbar-light .navbar-nav .active > .nav-link{color:#fff !important; font-size: 16px; border-bottom: 2px solid #fff; 
 padding-bottom: 5px !important; } .sticky-top{position: fixed; width: 100%;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:#fff !important;}
 nav ul {transition: 1s;}  nav.black {background-color:#8c867f !important; position: fixed; width: 100%!important; 
 box-shadow: 0px 5px 5px #0006; } 
 nav .imgg{background:url("../images/logo.webp")no-repeat;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff!important;text-decoration: none;background-color: #f8f9fa00 !important;}
.dropdown:hover>.dropdown-menu{display: block; top: 90%;}
.dropdown-item { padding: 10px 25px !important; text-shadow: none; line-height: 25px; font-weight: 600;} 
.dropdown-menu a{text-align:justify;}
.dropdown-item.active, .dropdown-item:active{color:#fff !important;background-color:#7b7b7b;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff !important; background-color: #686868 !important;}
/* css */
.clr{color:#fff !important;} .clr1{color:#fffb00 !important;} .clr2{color: #646464 !important;} .clr3{color:#c46500 !important;}
.clr4{color: gray !important;} .clr5{color: #00bb1d !important;} 
.pro li{text-shadow:none; font-weight: 600;} .txt{text-shadow:1px 1px 1px #ff9205; text-decoration: underline;}
.blockquote {position: relative; font-family: "Raleway", sans-serif; max-width: 720px; margin: 30px auto; align-self: center;}
/* Blockquote header */
.blockquote h1 {
    position: relative; /* for pseudos */
    color: #8c867f;
    font-size: 2.8rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius:20px;
    padding: 25px;
}
/* Blockquote right double quotes */
.blockquote h1:after {
    content:"";
    position: absolute;
    border: 2px solid #8c867f;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}
.blockquote h1:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #fdfeff;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}
/* increase header size after 600px */
@media all and (min-width: 600px) {
.blockquote h1 {font-size: 3rem; line-height: 1.2;}
}
/* Blockquote subheader */
.blockquote h4 {
    position: relative;
    color: #8c867f;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}
.blockquote h4:first-letter {  margin-left:-12px;}
/* blink */
@keyframes blinker {from {opacity: 1.0;} to {opacity: 0.0;}}
@-webkit-keyframes blinker {from {opacity: 1.0;} to {opacity: 0.0;}} .fntsize{font-size: 20px;}
.blink{ text-decoration: blink; animation-name: blinker; -webkit-animation-name: blinker; animation-duration: 0.6s; -webkit-animation-duration: 0.6s;
animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out; animation-direction: alternate; -webkit-animation-direction: alternate;}
.fntweight{font-weight: 600 !important;} .fnt{font-family: "Raleway", sans-serif;} .lh{line-height: 2.2em;}
.bckimg {background: url("../images/0.webp") no-repeat; background-size: cover; background-position:center;height: 660px;
 border-top: 5px solid transparent;}
.bckimg1 {background: url("../images/balramstudio/4.webp") no-repeat; background-position:center; height:460px; background-size: cover;}
.bckimg2 {background: url("../images/balramstudio/3.webp") no-repeat; background-position:center; height:460px; background-size: cover;}
.bckimg3 {background: url("../images/balramstudio/2.webp") no-repeat; background-position:center; height:460px; background-size: cover;}
.bckimg4 {background-color: whitesmoke; height:auto;}
.bckimg5 {background: url("../images/balramstudio/5.webp") no-repeat; background-position:center; height:460px; background-size: cover;}
.bckimg6 {background: url("../images/balramstudio/1.webp") no-repeat; background-position:center; height:460px; background-size: cover;}
.parallax {background: url("../images/bck1.webp") no-repeat; background-position:center; height:auto; background-size: cover; background-attachment: fixed;}
.wel{width: 40%; margin-left: 29%; border-bottom: 2px solid gray;}
.contact{float: right;} .log{box-shadow: 0px 1px 1px #9d9a9a !important;}
.bckclr{background-color:#714947 !important; height: auto;} .bckclr1{background-color:#f5f5f582 !important;}
.bckclr2{background-color:#4f4f4f;} .bckclr3{background-color: #c46500 !important; height: auto;}
.bckclr4{background-color:#f5f5f582 !important; height: 240px;}
.drop li{display: block; line-height: 30px;} .map{width:100%; height:400px;} .img-fluid{width:100% !important;} 
.faa{font-size:21px; } .faa1{font-size:14px; } .frm{border-radius: 50px;} .frm1{border:1px solid #ced4da; width: 90%;} 
.brdr{border:1px solid #b3b3b3;}  .brdrradius{border-radius: 200px;} .brdr1{border:2px solid #27267b; border-radius:25px;}
.brdr2{border:2px solid #fff;} .brdrright{border-right:1px solid #d7d7d76b;} .foot p{font-size: 13px;}
.animated {-webkit-animation-duration: 1s;animation-duration: 5s;}.mt1{border-top:1px solid #d7d7d76b;} 
.sub{border:2px solid #27267b; border-radius: 50px; cursor: pointer;} 
.sub:hover{border:2px solid #5b5b5b; border-radius: 50px; background-color: #8c867f;transition: ease 0.6s;color:#fff !important;}
.lightboxOverlay{width: 100% !important;height: 100% !important;position: fixed !important;}
.lightbox {position: fixed !important;top: 10% !important;} .fntsize4{font-size: 32px;}
.fntsize{font-size: 24px; font-weight: bold;} .fntsize1{font-size: 44px;} .fntsize2{font-size: 49px;} .fntsize3{font-size: 39px;}
/* grid*/
.c1 > div a {display: contents;} .c1 > div a> img {width: 100%;height: 100%;object-fit: cover;border: 2px solid #011695;}
.c1 {max-width:1200px;display: grid;grid-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
 grid-auto-rows: 220px;grid-auto-flow: dense;}
.horizontal {grid-column: span 1;}  .vertical {grid-row: span 2;} .big {grid-column: span 2;grid-row: span 2;}
 @media screen and (min-width: 1024px){.wrapper{width: 100%;}}
/* bckcaro*/
.full-screen {background-size: cover;background-position: center;background-repeat: no-repeat;height: 500px;}
/* overlay */
.content {position: relative; width: 100%;margin: auto;overflow: hidden;}
.content .content-overlay {background: #dddbdbd6;position: absolute;height: 99%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;
 opacity: 0; z-index: 9;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.content:hover .content-overlay{opacity: 1;}  .content-image{width: 100%;}
.content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;
opacity: 0; z-index: 9;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
 -webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.content:hover .content-details{top: 50%;left: 50%;opacity: 1;} .fadeIn-bottom{top: 80%;}
/* vertical slider */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); transition: all 0.6s ease;}
.vert .carousel-item-next,
.vert .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: all 0.6s ease;}
.vert .carousel-item-prev,
.vert .active.carousel-item-left { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: all 0.6s ease;}
.vd{width:700px; height: 360px; padding: 30px !important;} .carousel-control-next, .carousel-control-prev{width: 5%;} 
/* welcome slider*/
.slide-box { display: flex; cursor: pointer;} .carousel-indicators{bottom:-50px;} 
.carousel-caption {background-color: rgba(0, 0, 0, 0.5);padding: 20px;border-radius: .5rem;}
.carousel-control-next-icon, .carousel-control-prev-icon{ background-color: #b3b3b33d;padding: 15px;}
.carousel-indicators .active {background-color:  #1e1414;}
.carousel-indicators li{background-color: gray; border-radius: 50%; height: 10px; width: 10px; cursor: pointer;}
@media (min-width: 360px) and (max-width: 767px) { .slide-box .content .content-overlay img { -ms-flex: 0 0 50%; flex: 0 0 50%;max-width: 50%;}}
@media (min-width: 768px) and (max-width: 991px) { .slide-box .content .content-overlay img {-ms-flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;}}
/* client */
.sep{height: 290px; cursor: pointer;} .img-opacity{position: relative;}
.img-opacity img {position:absolute;top:0px;right:0px;bottom:0px;left:0px;}
.img-opacity .img-1 {opacity:1} .img-opacity .img-2 {opacity:0} .img-opacity:hover .img-1 {opacity:0}
.img-opacity:hover .img-2 {opacity:1}
.img-opacity img { transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out;}
.img-opacity:hover img{ transition:all 1.2s ease-in-out; -webkit-transition:all 1.2s ease-in-out; -moz-transition:all 1.2s ease-in-out; -ms-transition:all 1.2s ease-in-out; -o-transition:all 1.2s ease-in-out; }
@media(min-width:290px) and (max-width:320px){.sep{height: 230px;}} @media(min-width:321px) and (max-width:359px){.sep{height: 265px;}}
@media(min-width:360px) and (max-width:390px){.sep{height: 290px;}} @media(min-width:391px) and (max-width:430px){.sep{height: 320px;}}
@media(min-width:431px) and (max-width:480px){.sep{height: 360px;}} @media(min-width:481px) and (max-width:515px){.sep{height: 390px;}} 
@media(min-width:516px) and (max-width:575px){.sep{height: 445px;}} @media(min-width:768px) and (max-width:800px){.sep{height: 210px;}} 
@media(min-width:992px) and (max-width:1100px){.sep{height:200px;}} @media(min-width:1101px) and (max-width:1160px){.sep{height: 220px;}}
@media(min-width:1161px) and (max-width:1280px){.sep{height:240px;}} 
@media(min-width:1600px) and (max-width:2000px){.sep{height:380px;}} @media(min-width:2000px) and (max-width:3000px){.sep{height:550px;}}
@media(min-width:3000px) and (max-width:4000px){.sep{height:800px;}}@media(min-width:4501px) and (max-width:6000px){.sep{height: 960px;}}
/* media */
@media(min-width:290px) and (max-width:767px){ .navbar{display: flex;} .navbar-nav li a {text-align: center;} 
.mt-4{margin-top:15px !important;} .p-5{padding:15px !important;} .mt-5{margin-top:35px !important;} .p-4{padding:15px !important;} 
.pt-5{padding-top:40px !important;} .px-5{padding-right:15px !important; padding-left:15px !important;} .mb1{margin-bottom:15px;}
.py-5{padding-top:15px !important; padding-bottom:15px !important;} .px-4{padding-right:15px !important; padding-left:15px !important;} .mt-3{margin-top:10px !important;} h1{font-size: 30px !important;} .t1{text-align: center !important;}  .fntsize3{font-size: 18px;}
.pb-5{padding-bottom:10px !important;} a{font-size: 14px;}  .pb-3{padding-bottom: 0px !important;} .navbar-nav li{line-height: 40px;}  h2{font-size: 35px;} h3{font-size: 25px;} .bckimg1{height: 100px; background: transparent;} .disp{display: initial;}
.bckimg2{height: 100px; background: transparent;} .bckimg4{height: auto; padding: 15px;} .mb1{margin-bottom: 15px;}
.bckimg3{height: 95px; background: transparent;} .bckimg5{height: 95px; background: transparent;} 
.bckimg6{height: 95px; background: transparent;} .ml-5{margin-left: 0px !important;}
.c1{display: block;} .fntsize1{font-size: 42px;} .foot a{font-size: 13px;} .bckclr4{height: auto !important;}
.mt{margin-top: 65px !important;} .bckclr{height: auto;} .fntsize3{font-size: 14px !important;} .p-3{padding: 6px !important;} 
.navbar-toggler{margin-left: -20% !important;} .sticky-top nav.black{position: inherit;} nav.black{z-index: 9; top:0;} .navbar{background-color: #8c867f !important;} .nav1{display: flex;} .disply{display: none;} .mt3{margin-top:100px !important;}}
@media only screen and (min-width: 351px){ .us{display:none;}} 
@media only screen and (max-width: 350px) { .by {display:none;} .us{color:#8c867f; margin:1em;} .blockquote h1:after {height: 26px; bottom: -26px;} }
@media(min-width:290px) and (max-width:359px){.fntsize{font-size: 18px;} .map1{width: 100% !important;}.bckimg{ background: url("../images/1.webp") no-repeat; background-size:cover; height: auto; } .smm{width: 50%;}}
@media(min-width:360px) and (max-width:410px){.disp a{font-size: 12px;} .carousel-caption{padding:10px;} .bckclr4{height: 180px;}}
@media(min-width:360px) and (max-width:499px){.fntsize{font-size: 28px;} .smm{width: 50%;} .vd{height: 180px;} .bckimg{background: url("../images/1.webp") no-repeat; background-size:cover; height: auto;}}
@media(min-width:500px) and (max-width:650px){ .bckimg{ background: url("../images/1.webp") no-repeat; background-size:cover; height: auto} .smm{width: 50%;}}
@media(min-width:550px) and (max-width:767px){.navbar-toggler{margin-left: 46%;} .fntsize{font-size: 35px;} .d1{display: none;} .bckimg{background: url("../images/1.webp") no-repeat; background-size:cover; height: auto;} .map1{width: 100%;} .mt3{margin-top:90px !important;}}
/* medium */
@media(min-width:768px) and (max-width:991px){.navbar-light .navbar-nav .nav-link {padding: 0px 9px !important;font-size: 14px; 
font-weight:600;} .navbar-light .navbar-nav .active > .nav-link {font-size: 14px; font-weight:600;} .mt-4{margin-top:40px !important;} .mt-5{margin-top:10px !important;} .p-4{padding:15px !important;} .pt-5{padding-top:30px !important;}.px-5{padding-right:15px !important; padding-left:15px !important;} .px-4{padding-right:15px !important; padding-left:15px!important;}.mt-3{margin-top:10px !important;}.t1{text-align: center !important;} .pb-5{padding-bottom:10px !important;} p{font-size: 14px;} .holderCircle{display: none;}
.head h1{font-size:23px;margin-top:26px !important;}.foot p{font-size: 15px !important;} .drop a {font-size: 12px;}
h2{font-size: 31px;} h3{font-size: 23px;} .my-5{margin-top:0px !important; margin-bottom: 0px !important;} .map1{width: 250px;}
.fntsize{font-size: 13px;} .bckimg{height: 810px;} .cir{display: none;} .cir1{display: block;} .bckimg1{height: 300px;}
.bckimg2{height: 250px;} .bckimg3{height: 250px;} .bckimg4{height: auto; padding: 15px;} .bckimg5{height: 250px;}  
.bckimg6{height: 250px;}  .mt2{margin-top: 90px !important;} .disply1{display: none;} .faa{font-size: 16px;} 
.vd{width: 100%; height: 360px;} .mb1{margin-top:8px;}.disp{display: initial;}  .fntsize1{font-size: 31px;}
.disp a{font-size: 13px;} .drop li{display: inline-block; margin: 0 13px;}  .p-3{padding: 5px !important;}
.brdrtop{border-top:2px solid #fff;} .blink{font-size: 20px !important;} .quick h3{display: none;} .t2{text-align: center !important;}
.list-group-item{display: contents !important;} .w3{margin-top: 70px; padding: 5px;} .pro li{font-size: 15px;}}
 /* large */
@media(min-width:992px) and (max-width:1300px){.navbar-light .navbar-nav .nav-link {padding:0px 23px !important;font-size: 14px;} .navbar-light .navbar-nav .active > .nav-link {font-size: 14px;} .head h1{font-size: 22px; margin-top:24px !important;} .mt-5{margin-top:30px !important;} .p-5{padding:15px !important;}.my-5{margin-top:10px !important; margin-bottom: 10px !important;}  
h2{font-size: 32px;} .fntsize{font-size: 18px;} .fntsize2{font-size: 34px;} .bckimg1{height: 330px;}p{font-size: 14px;}
.bckimg2{height: 330px;} .bckimg3{height: 330px;} .bckimg5{height: 330px;} .bckimg6{height: 330px;} .bckclr{height: auto;} 
.d1{display: none;} .cir{display: none;} .cir1{display: block;} .bckimg{height: 650px;} .map1{width: 100%;} 
.mt2{margin-top: 50px !important;} .vd{width: 100%; height: 255px;} .fntsize3{font-size: 26px;}  .fntsize1{font-size: 38px;}
.list-group-item{display: block!important; padding: 15px !important;} .w3{ width: 100%;} } 
@media(min-width:1370px) and (max-width:5000px){.bckimg{height: auto; padding-bottom: 80px;} .c1{max-width: 100%;} .vd{height: auto;}}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	-webkit-box-shadow: 0px 4px 15px -5px #0046d5;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
.notfound .notfound-404 h1 {font-size: 112px;}
}