@charset "utf-8";
/* CSS Document */
/* Carousel styling */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  text-decoration: none;
}
a, .errorForm {
  color: #111111;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
ol, ul {
  list-style: none;
  padding: 0;
}
p {
  color: #111;
  margin: 0;
  padding: 0;
}
img{ max-width: 100%;}
.bg-gray{background: rgba(0, 0, 0, .2);}
#introCarousel, .carousel-inner, .carousel-item, .carousel-item.active {
  height: 100vh;
}
.mask {
  background: rgba(0, 0, 0, .01);
  background-image: url(../images/pattern-bg-2.png) !important;
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
}

.carousel-ite{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(1) {
  background-image: url('../images/sliderImages/01BPCL.jpg');
}
.carousel-item:nth-child(2) {
  background-image: url('../images/sliderImages/02think-gas.jpg');
}
.carousel-item:nth-child(3) {
  background-image: url('../images/sliderImages/03temple.jpg');
}
.carousel-item:nth-child(4) {
  background-image: url('../images/sliderImages/tbws-HPCL.jpg');
}
.carousel-item:nth-child(5) {
  background-image: url('../images/sliderImages/tbws-miniature-mojj.jpg');
}
.carousel-item:nth-child(6) {
  background-image: url('../images/sliderImages/tbws-BPCL01.jpg');
}
.carousel-item:nth-child(7) {
  background-image: url('../images/sliderImages/tbws-miniature-shivaji-maharaj-raj-sabha-rajyabhishek.jpg');
}
.carousel-item:nth-child(8) {
  background-image: url('../images/sliderImages/tbws-miniature-titanic-ship.jpg');
}
.carousel-item:nth-child(9) {
  background-image: url('../images/sliderImages/tbws-miniature-lahore-station-01.jpg');
}
.carousel-item:nth-child(10) {
  background-image: url('../images/sliderImages/tbws-miniature-Vikramaditya-chadrpur-museum.jpg');
}
.carousel-item:nth-child(11) {
  background-image: url('../images/sliderImages/tbws-miniature-amer-fort-01.jpg');
}
.carousel-item:nth-child(12) {
  background-image: url('../images/sliderImages/tbws-miniature-residential-complex-01.jpg');
}
.carousel-item:nth-child(13) {
  background-image: url('../images/sliderImages/tbws-miniature-residential-complex-township-movie-shooting-01.jpg');
}
.carousel-item:nth-child(14) {
  background-image: url('../images/sliderImages/tbws-miniature-amer-fort-02.jpg');
}
.carousel-item:nth-child(15) {
  background-image: url('../images/sliderImages/tbws-miniature-factory.jpg');
}
.carousel-item:nth-child(16) {
  background-image: url('../images/sliderImages/tbws-miniature-lahore-station-02.jpg');
}
.carousel-item:nth-child(17) {
  background-image: url('../images/sliderImages/tbws-miniature-residential-complex-02.jpg');
}
.carousel-item:nth-child(18) {
  background-image: url('../images/sliderImages/tbws-miniature-wada-front-facade.jpg');
}
.carousel-item:nth-child(19) {
  background-image: url('../images/sliderImages/tbws-miniature-lahore-station-03.jpg');
}


.d-flex{position: relative;}
.d-flex .text-white.text-center{ position: absolute; bottom: 0;}
.carousel-item h1 {
  font-size: 25px;
  color: #fff;
  width: auto !important;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  display: inline-block;
  padding: 5px 10px;
  font-weight: 300;

}
.carousel-item h1 span {
  font-weight: 600;
}
.page-head {
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  font-weight: 700;
  font-size: 18px;
}
.page-head::after {
  border-bottom: 2px solid #111111;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 22px;
  width: 18px;
  z-index: 0;
}
.page-head2 {
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
  margin-top: 40px;
}
.page-head2::after {
  border-bottom: 2px solid #111111;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 21px;
  width: 18px;
  z-index: 0;
}
.page-content span {
  font-weight: 700;
}
.title2 {
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 40px;
  color: #ffcc29;
  padding-left: 15px;
  padding-right: 5px;
  line-height: 40px;
  font-weight: 500;
}
.titlemain span {
  font-size: 20px;
  display: inline-block;
  position: absolute;
  padding-left: 0;
  margin-right: 30px;
  font-weight: 300;
  padding-top: 8px;
}
.service h3 {
  margin-bottom: 20px;
  font-size: 16px;
}
.col-sm-4.service.bottom3.text-center{padding-bottom: 40px;}
#services .col-4.service span {
  display: inline-block;
  padding-right: 10px;
}
.factsContainer .overlay {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  min-height: 300px;
}
.factsContainer {
  background: url(../images/parallax/parallax1.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: cover;
  min-height: 300px;
  background-color: #fafafa;
}
.projDesc {
  font-size: 16px;
  color: #111;
}
#portfolio.offset {
  padding-bottom: 0;
}
.item {
  position: relative;
  margin-bottom:  20px;
}
.item a .desc {
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
  left: 0;
  top: 0;
}
.projDesc span {
  display: block;
}
/*Testimonials and client*/
.testiCliContainer .overlay {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
  min-height: 500px;
}
.testiCliContainer {
  background: url(../images/parallax/parallax2.jpg);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: cover;
  min-height: 300px;
  background-color: #fafafa;
}
.tbws-miniature-Architectural-Model {
  background:url("../images/parallax/tbws-miniature-apartment-building.jpg");
  background-attachment: fixed;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}
.tbws-miniature-Films-Ads-Sets {
  background:url("../images/parallax/tbws-miniature-me-vasantrao.jpg");
  background-attachment: fixed;
  background-position: 100% 200%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}
.tbws-miniature-Scales-Models-for-Museums {
  background:url("../images/parallax/tbws-miniature-Scales-Models-for-Museums.jpg");
  background-attachment: fixed;
  background-position: 100% 250%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}
.tbws-miniature-Industrial-Plant-Models{
  background:url("../images/parallax/Industrial-Plant-Models.jpg");
  background-attachment: fixed;
  background-position: 100% 300%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}
.tbws-miniature-Dummy-Prototype{
  background:url("../images/parallax/Dummy-Prototype.jpg");
  background-attachment: fixed;
  background-position: 100% 300%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}
.tbws-miniature-Installions{
  background:url("../images/parallax/tbws-miniature-Installions.jpg");
  background-attachment: fixed;
  background-position: 100% 420%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 54vh;
  background-color: #fafafa;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important;
}

#testiCli .testiSlider {
  padding-top: 80px;
}
.testiSlider li {
  padding-bottom: 30px;
  color: #ffffff;
}
.testiSlider li blockquote {
  font-size: 20px;
  line-height: 30px;
  color: #111;
  font-style: italic;
  text-align: center;
}
.testiSlider li .testiProfile {
  padding-top: 10px;
  padding-bottom: 20px;
  color: #111;
  font-size: 16px;
  text-align: center;
}
.testiSlider li .testiProfile span {
  font-size: 13px;
  font-weight: 300;
}
.cIntro h3 {
  font-size: 18px;
}
.clientHolder {
  background: rgba(239, 239, 239, 0.8);
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.clientHolder p {
  margin-top: 10px;
}
.cIntro {
  margin-top: 15px;
}
#testiCli .clientSlider {
  width: 600px;
  margin: 40px 0 0 25px
}
.clientSlider li {
  margin-bottom: 40px;
}
.clientSlider li a {
  color: #999;
}
.clientSlider li a:hover {
  opacity: .5;
}
.clientSlider li i {
  font-size: 60px;
}
/*End testimonials and clients*/
.topFooter {
  font-size: 13px;
}
.topFooter ul li {
  margin-bottom: 5px;
}
.topFooter ul a {
  color: #111;
}
.topFooter ul a:hover {
  color: #ffcc29;
}
strong {
  font-weight: bold;
  color: #333;
}
.topFooter h2 {
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 18px;
}
.topFooter h2:after {
  border-bottom: 2px solid #111111;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 20px;
  width: 10px;
  z-index: 0;
}
.footer {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.bottomFooter {
  padding: 20px 0;
  font-size: 12px;
  color: #666666;
  border-top: 1px solid #e5e5e5;
}
.bottomFooter .bLogo {
  text-transform: uppercase;
  color: #111111;
  position: relative;
  font-weight: 800;
}
.bottomFooter .bLogo::after {
  border-bottom: 2px solid #111111;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: 15px;
  width: 10px;
  z-index: 0;
}
.bottomFooter .right {
  float: right;
}

.pageLinks {
  display: block;
  padding-top: 0;
  clear: both;
}
.pageLinks li {
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
}
.pageLinks li a {
  background: #333;
  color: #fff;
  padding: 5px 10px;
  font-size: 13px;
}
.pageLinks li a:hover{background: #ffcc29; color:#111;}

.readmore{font-size: 16px; padding-top: 10px;display: block;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.readmore:hover strong{color: #000; text-decoration: underline;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

@media only screen and (max-width:767px) {

	#mainNav {
	  padding-top: .5rem;
	  padding-bottom: .5rem;
	  transition: padding-top 0.2s, padding-bottom 0.2s;
	  background: rgba(0, 0, 0, 0.6) !important;
	}

	#mainNav.navbar-shrink {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	}
	
	#mainNav .navbar-brand img {
	  width: 50px;
	  transition: all 0.2s ease;
	}
	#mainNav.navbar-shrink .navbar-brand img {
	  width: 29px;
	  transition: all 0.2s ease;
	}
	#mainNav .navbar-nav li.nav-item a.nav-link.active{color: #ffcc29;}

	#about {
	  padding-top: 120px;
	}

	
	.page-section {
	  padding: 2.5rem 0;
	}
	#introCarousel, .carousel-inner, .carousel-item, .carousel-item.active{height: 40vh; top: 36px;}
	.carousel-control-prev, .carousel-control-next{top: 30%;}
	.carousel-item h1{font-size: 14px;}
	.d-flex .text-white.text-center{bottom: 30px;}

.carousel-item:nth-child(1) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-shivaji-maharaj-raj-sabha-rajyabhishek.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(2) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-titanic-ship.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(3) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-lahore-station-01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(4) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-Vikramaditya-chadrpur-museum.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(5) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-amer-fort-01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(6) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(7) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-township-movie-shooting-01.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(8) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-amer-fort-02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(9) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-beach-house.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(10) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-factory.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(11) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-it-park.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(12) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-lahore-station-02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(13) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(14) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-township-movie-shooting-02.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(15) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(16) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-lahore-station-03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.carousel-item:nth-child(17) {
  background-image: url('../images/sliderImages/mobile/tbws-miniature-residential-complex-township-movie-shooting-03.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
	
	.tbws-miniature-Architectural-Model{background-size: 150%; background-position: 33% 0; min-height: 36vh;}
	.tbws-miniature-Films-Ads-Sets{background-size: 150%; background-position: 63% 0; min-height: 36vh;}
	.tbws-miniature-Scales-Models-for-Museums{background-size: 150%; background-position: 33% 0; min-height: 36vh;}
	.tbws-miniature-Industrial-Plant-Models{background-size: 150%; background-position: 43% 0; min-height: 36vh;}
	.tbws-miniature-Dummy-Prototype{background-size: 150%; background-position: 12% 0; min-height: 36vh;}
	.tbws-miniature-Installions{background-size: 180%; background-position: 50% 0; min-height: 36vh;}
	

	#portfolio2 .col-sm-3{flex: 0 0 auto; width: 50%;}
	.page-section .clearfix{padding-right: 0px; padding-left: 0px;}
	
	
	#mainNav {
	  padding-top: .5rem;
	  padding-bottom: .5rem;
	  transition: padding-top 0.2s, padding-bottom 0.2s;
	  background: rgba(0, 0, 0, 1) !important;
	}
	#mainNav.navbar-shrink {
  		padding-top: 0.5rem;
  		padding-bottom: 0.5rem;
		background: rgba(0, 0, 0, .85) !important;
		transition: all 0.2s ease;
	}
	#testiCli .clientSlider{width: auto;}
	
	.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
	  padding-right: 25px;
	  padding-left:25px;
	}
	.title2 {
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
  font-size: 18px;
  color: #ffcc29;
  padding-right: 0;
  line-height: 40px;
  font-weight: 500;
		padding-left: 0px;
}
	.titlemain span {
  font-size: 20px;
  display: inline-block;
  position:static;
  padding-left: 0;
  margin-right: 0;
  font-weight: 300;
  padding-top: 8px;
}

	#portfolio .col-sm-4 {flex: 0 0 auto; width: 50%;}

	.service h3{ margin-top: 20px; margin-bottom: 10px;}
	.topFooter h2{ margin-top: 20px; margin-bottom: 5px;}
	#testiCli .testiSlider{padding-top: 20px;}
	.clientSlider li{margin-bottom: 20px;}
	#testiCli .clientSlider{margin: 20px 0 0 0px;}
	#contact .page-head{margin-bottom: 5px;}
	.bottomFooter .right { text-align: center; float: none; padding-top: 5px;}
	.navbar-toggler:focus{box-shadow: 0 0 0 0 !important;}
	.svg-inline--fa{color: #ffcc29 !important; height: 20px;}
	.flexslider .slides li{padding: 5px 10px;}

	#contact2 .container{padding-right: 25px; padding-left: 25px;}
	.bottomFooter{text-align: center;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	#introCarousel, .carousel-inner, .carousel-item, .carousel-item.active {height: 70vh;}

	.container .col-sm-9{flex: 0 0 auto; width: 100%;}

	.tbws-miniature-Architectural-Model, .tbws-miniature-Films-Ads-Sets, .tbws-miniature-Scales-Models-for-Museums, .tbws-miniature-Industrial-Plant-Models, .tbws-miniature-Dummy-Prototype, .tbws-miniature-Installions {background-position: 50% 0; min-height: 60vh; background-size: contain;}
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
	.carousel-item h1{font-size: 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#mainNav {
	  padding-top: .5rem;
	  padding-bottom: .5rem;
	  transition: padding-top 0.2s, padding-bottom 0.2s;
	  background: rgba(0, 0, 0, 0.6) !important;
	}
	#mainNav.navbar-shrink {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	}
	#mainNav .navbar-brand img {
		width: 50px;
		transition: all 0.2s ease;
	}
	#mainNav.navbar-shrink .navbar-brand img {
		width: 29px;
		transition: all 0.2s ease;
	}
	#introCarousel, .carousel-inner, .carousel-item, .carousel-item.active{height: 50vh;}
	.svg-inline--fa{color: #ffcc29; height: 20px;}
	#mainNav .navbar-nav li.nav-item a.nav-link.active{color: #ffcc29;}
	.page-section{padding: 3rem 0;}
	#mainNav .navbar-nav li.nav-item a.nav-link{padding-bottom: 5px !important; padding-top: 5px !important;}
	.container .col-sm-9{flex: 0 0 auto; width: 100%;}
	.titlemain{padding-top: 20px;}
	.titlemain .title2{font-size: 27px;}
	.pageLinks li a{font-size: 12px;}
	.tbws-miniature-Architectural-Model, .tbws-miniature-Films-Ads-Sets, .tbws-miniature-Scales-Models-for-Museums, .tbws-miniature-Industrial-Plant-Models, .tbws-miniature-Dummy-Prototype, .tbws-miniature-Installions {background-size: 100%; background-position: 100% 0; min-height: 36vh;}
}