/* Common CSS */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

*									{ margin: 0; padding: 0; box-sizing: border-box; }
body								{ font-size: 16px; font-family: 'Open Sans', sans-serif; color: #2E3E53; -webkit-font-smoothing: antialiased; }
body, html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font,
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, button, table, caption, tbody, tfoot, thead, tr, th, td
									{ margin: 0; padding: 0; border: 0; outline: 0;}
ul, ol								{ list-style: none; }
body a								{ font-family: 'Open Sans', sans-serif; color: #2E3E53; text-decoration: none; -webkit-transition: all 0.5s ease-in-out;
									-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
body i 								{ -webkit-transition: all 0.5s ease-in-out;
									-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
body button							{ font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.5s ease-in-out;
									-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

body a:hover						{ color: #46869F; outline: none; text-decoration: none; box-shadow: none; }
body a:focus,
body a:active						{ color: #46869F; outline: none; text-decoration: none; box-shadow: none; }
body button.btn:active,
body button.btn:focus,
body button.btn:hover,
button:active,
button:focus,
button:hover						{ outline: none; text-decoration: none; box-shadow: none; }
.form-control:focus 				{ box-shadow: none; border: 0; }
p									{ font-family: 'Open Sans', sans-serif; font-size: 16px; margin-bottom: 10px; }
img 								{ max-width: 100%; height: auto; }
h1,h2,h3,h4,h5,h6 					{ color: #2E3E53; }

.product-slider.owl-carousel .owl-nav button.owl-next span,.product-slider.owl-carousel .owl-nav button.owl-prev span,header,#vs-mo-menu-icon,.tms-home-offer-block h5,.tms-home-offer-block:after,
.tms-solution-features>div,.tms-solution-features>div svg path,.tms-web-screen-logo>img,.tms-home-offer-block svg path,.tms-about-leftBlock img,.tms-about-team-img div,.tms-service-block>h5:after
									{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

/*---- css ----*/

header 								{ z-index: 9999; width: 100%; background-color: #F3F1E7; }
.tms-web-screen-logo img			{ height: 100px; }
header nav ul 						{ margin: 0 auto; display: flex; align-items: center; }
header nav.navbar 					{ padding: 10px 0; }
header nav li a 					{ font-weight: bold; text-transform: uppercase; }
header nav li 						{ margin: 0 20px; }
header.tms-header-fixed  			{ position: fixed; top: 0; left: 0; right: 0; z-index: 9999; width: 100%; box-shadow: 0 5px 10px rgb(0 0 0 / 10%); }
header.tms-header-fixed .tms-web-screen-logo>img{ height: 70px; }
header.tms-header-fixed .navbar-nav .nav-link:hover
									{ color: #46869F; }
.navbar-toggler 					{ border: 0; padding: 0; }

.tms-main-slider 					{ background-color: #F3F1E7; width: 100%; height: 100vh; position: relative; overflow: hidden; }
.tms-main-slider:after 				{ background-image: url(../images/main-slider-building.png); background-size: contain; position: absolute; background-repeat-y: no-repeat; content: "";
									 bottom: 30px; width: 100%; background-position: bottom center; height: 310px; }
.main-slider 						{ height: 100%; }
.main-slider .item					{ height: 100vh; }
.tms-main-slider-left				{ padding-right: 100px; }
.tms-main-slider-left h1 			{ font-weight: 800; text-transform: uppercase; font-size: 55px; letter-spacing: 1px; }
.tms-main-slider-left h5 			{ margin: 15px 0 35px 0; } 			
.tms-main-slider-left .tms-btn 		{ margin-right: 10px; }
.tms-btn 							{ text-transform: uppercase; color: #fff; background-color: #2E3E53; font-size: 14px; padding: 10px 25px; border-radius: 5px; border: 2px solid #2E3E53; }
.tms-btn:hover 						{ background-color: transparent; border-color: #46869F; }
.tms-main-slider-right img 			{ width: 80% !important; margin-left: auto; }
.main-slider.owl-carousel.owl-theme .owl-dots 
									{ margin: 0; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); }
.main-slider.owl-carousel.owl-theme .owl-dots .owl-dot
									{ display: block; }
.main-slider.owl-carousel.owl-theme .owl-dots .owl-dot span
									{ width: 15px; height: 15px; background-color: transparent; border: 1px solid #2E3E53; }
.main-slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span
									{ background-color: #2E3E53; }

.tms-slider-cloud					{ width: 200px; height: 60px; background: #fff; border-radius: 200px; position: absolute;  top: 50%; transform: translateY(-50%); }
.tms-slider-cloud:before, .tms-slider-cloud:after 		
									{ content: ''; position: absolute;  background: #fff; width: 100px; height: 80px; position: absolute; top: -15px; left: 10px; border-radius: 100px; transform: rotate(30deg); -moz-transform: rotate(30deg); }
.tms-slider-cloud:after  			{ width: 120px; height: 120px; top: -55px; left: auto; right: 15px; }
.tms-slider-cloud1					{ -webkit-animation: moveclouds 15s linear infinite; -moz-animation: moveclouds 15s linear infinite; -o-animation: moveclouds 15s linear infinite; }
.tms-slider-cloud2					{ left: 200px; top: 15%; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); -webkit-animation: moveclouds 25s linear infinite;
									 -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; }			 
.tms-slider-cloud3 					{ left: -250px; top: 25%;  -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite; }
.tms-slider-cloud4 					{ left: 470px; top: 60%;  -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); -webkit-animation: moveclouds 18s linear infinite;
									-moz-animation: moveclouds 18s linear infinite; -o-animation: moveclouds 18s linear infinite; }
.tms-slider-cloud5 					{ left: -150px; top: 70%;  -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); -webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite; }
@-webkit-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: 0;}
}
@-moz-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: 0;}
}
@-o-keyframes moveclouds {
	0% {margin-left: 100%;}
	100% {margin-left: 0;}
}									
.tms-mainslider-tree1,.tms-mainslider-tree2,.tms-mainslider-tree3,.tms-mainslider-tree4
									{ position: absolute; bottom: 0; }
.tms-mainslider-tree1 				{ left: 18%; z-index: 1; }
.tms-mainslider-tree2 				{ left: 26%; z-index: 1; }
.tms-mainslider-tree3 				{ left: 45%; z-index: 1; }
.tms-mainslider-tree4 				{ left: 75%; z-index: 1; }
.tms-mainslider-tree1 img 			{ height: 180px; }
.tms-mainslider-tree2 img 			{ height: 150px; }
.tms-mainslider-tree3 img 			{ height: 150px; }
.tms-mainslider-tree4 img 			{ height: 180px; }

#slider-windmill 					{ animation: spin 5s linear infinite; transform-origin: 46.5% 27%; }
.windmill1 							{ height: 150px; left: 1%; position: absolute; bottom: 0; z-index: 1; width: 80px; }
.windmill2 							{ height: 190px; left: 6%; position: absolute; bottom: 0; z-index: 1; width: 100px; }
.windmill3 							{ height: 240px; left: 12%; position: absolute; bottom: 0; z-index: 1; width: 130px; }
.windmill4 							{ height: 150px; left: 50%; position: absolute; bottom: 0; z-index: 1; width: 80px; }
.windmill5 							{ height: 200px; left: 57%; position: absolute; bottom: 0; z-index: 1; width: 105px; }
.windmill6 							{ height: 150px; right: 1%; position: absolute; bottom: 0; z-index: 1; width: 80px; }

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.tms-home-product-main 				{ background-color: #F3F1E7; padding: 80px 0; }
.tms-main-heading 					{ text-align: center; }
.tms-main-heading h3 				{ font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #46869F; }
.tms-main-heading h5				{ font-weight: 600; margin: 10px 0; }
.tms-main-heading img 				{ width: 50px; }
.tms-product-main 					{ background-color: #fff; padding: 15px; box-shadow: 0 0 10px rgba(0,0,0,.1); margin: 10px; }

.tms-product-main h4 				{ text-transform: capitalize; height: 70px; display: flex; align-items: center; font-size: 22px;  }
.tms-product-main a 				{ text-transform: uppercase; margin-bottom: 10px; }
.tms-product-main a i 				{ font-size: 18px; margin-left: 5px; font-family: fontawesome; }
.product-slider 					{ margin-top: 50px; margin-bottom: 70px; }
.product-slider.owl-carousel.owl-theme .owl-nav
									{ margin: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.product-slider.owl-carousel .owl-nav button.owl-prev
									{ position: absolute; left: -70px; border: 1px solid #46869F; width: 50px; height: 50px; margin: 0; border-radius: 50%; transform: translateY(-50%); }
.product-slider.owl-carousel .owl-nav button.owl-prev span 
									{ font-size: 50px; color: #46869F; line-height: 30px; }
.product-slider.owl-carousel .owl-nav button.owl-next
									{ position: absolute; right: -70px; border: 1px solid #46869F; width: 50px; height: 50px; margin: 0; border-radius: 50%; transform: translateY(-50%); }
.product-slider.owl-carousel .owl-nav button.owl-next span 
									{ font-size: 50px; color: #46869F; line-height: 30px; }
.product-slider.owl-carousel .owl-nav button.owl-next:hover,.product-slider.owl-carousel .owl-nav button.owl-prev:hover
									{ background-color: #2E3E53; border-color: #2E3E53; }									
.product-slider.owl-carousel .owl-nav button.owl-next:hover span,.product-slider.owl-carousel .owl-nav button.owl-prev:hover span									
									{ color: #fff; }

.tms-home-offer-main 				{ background-image: url(../images/what_we_offer-bg.png); background-size: cover; background-repeat: no-repeat; padding: 180px 0 80px 0; margin-top: -110px;
									z-index: 10; position: relative; }									

.tms-home-offer-main .tms-main-heading h3,.tms-home-offer-main .tms-main-heading h5
									{ color: #fff; }
.tms-home-offer-main .tms-main-heading { margin-bottom: 40px; }
.tms-home-offer-block 				{ background-color: #fff; box-shadow : 0px 5px 33px rgba(0, 0, 0, 0.3); text-align: center; width: 290px; height: 290px; border-radius: 50%; position: relative; margin: 25px auto; }
.tms-home-offer-block:after 		{ content: ""; background-color: #2E3E53; width: 100%; opacity: 0; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; }
.tms-home-offer-block:hover:after 	{ transform: rotate3d(0, 1, 0, -180deg); opacity: 1; }
.tms-home-offer-block:hover>div 	{ z-index: 11; }
.tms-home-offer-block:hover h5 		{ color: #fff; }

.tms-home-offer-block>div 			{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 80%; }
.tms-home-offer-block svg 			{ width: 90px; }
.tms-home-offer-block svg path 		{ fill:#49829A; }
.tms-home-offer-block:hover svg path{ fill:#fff; }
.tms-home-offer-block h5 			{ font-weight: bold; margin-top: 15px; text-transform: capitalize; color: #000; }

.lms-partner-logo-main				{ padding: 0 0 80px 0; background-color: #46869F; margin-top: -70px; position: relative; }
.partner-logo-slider 				{ margin-top: 20px; }
.tms-partner-logo 					{ background-image: url(../images/partner-logo-vector.png); background-size: cover; background-repeat: no-repeat; padding: 25px 15px 15px 15px; height: 100px; display: flex; align-items: center; }

footer 								{ padding: 70px 0 450px 0; position: relative; background-color: #2E3E53; overflow: hidden; }
footer:after 						{ background-image: url(../images/footer_bg.png); background-size: cover; background-repeat: repeat; content: ""; position: absolute; bottom: 0; width: 101%; height: 41%; z-index: 99; }

.tms-footer-content 				{ text-align: center; color: #fff; }
.tms-footer-content>img 			{ width: 120px; animation: rotation 4s infinite linear; } 				
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

.tms-footer-content p 				{ font-size: 20px; opacity: .5; margin-top: 20px; }
.tms-footer-contact li,.tms-footer-social li
					 				{ display: inline-block; }
.tms-footer-contact 				{ margin: 20px; }
.tms-footer-contact li a 			{ color: #fff; opacity: .5; font-size: 20px; }
.tms-footer-contact li a:hover 		{ color: #46869F; opacity: 1; }
.tms-footer-contact li 				{ padding: 0 14px; border-right: 1px solid #46869F; line-height: 18px; }
.tms-footer-contact li:last-child 	{ border-right: 0; }
.tms-footer-contact li i,.tms-footer-social li a i
									{ color: #46869F; }
.tms-footer-contact li i 			{ font-size: 20px; margin-right: 10px; }
.tms-footer-social 					{ margin-top: 30px; }
.tms-footer-social li 				{ margin: 0 10px; }
.tms-footer-social li a 			{ font-size: 28px; }
.tms-footer-social li a:hover i 	{ color: #fff; }

#tms-product-vector 				{ display: block; position: absolute; top: -150px; }
#tms-product-vector path 			{ fill: #46869F; stroke: #46869F; }
.windmill1-ftr						{ height: 150px; left: 2%; position: absolute; bottom: 200px; z-index: 1; width: 80px; }
.windmill2-ftr						{ height: 190px; left: 29%; position: absolute; bottom: 120px; z-index: 1; width: 100px; }
.windmill3-ftr						{ height: 190px; left: 54%; position: absolute; bottom: 110px; z-index: 1; width: 104px; }
.windmill4-ftr						{ height: 150px; left: 75%; position: absolute; bottom: 130px; z-index: 1; width: 80px; }
.windmill5-ftr						{ height: 200px; left: 94%; position: absolute; bottom: 100px; z-index: 1; width: 105px; }

.tms-home-industry-main 			{ padding: 4% 0 15% 0; position: relative; overflow: hidden; }
.tms-home-industry-main:after 		{ background-image: url(../images/solution_bg.png); background-size: cover; background-repeat: no-repeat; width: 100%; position: absolute; bottom: -80px;
									 left: 0px; height: 330px; content: ""; background-position: bottom center; }
.tms-home-solutions-main 			{ text-align: center; }
.tms-home-solutions-img>img 		{ width: 40%; }
.tms-home-solutions-img 			{ position: relative; padding-bottom: 130px; padding-top: 30px; }
.tms-home-solutions-img:after	 	{ content: "SOLUTIONS"; position: absolute; font-size: 26px; color: #46869F; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%,-50%);
									background-color: #fff; padding: 80px; z-index: -1; }
.tms-solution-features 				{ position: absolute; text-align: center; }
.tms-solution-features>div  		{ margin: 0 auto; background-color: #F3F1E7; width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.tms-solution-features>div:hover 	{ background-color: #46869F; }
.tms-solution-features>div svg  	{ width: 70px; fill: }
.tms-solution-features>div svg path { fill:#2E3E53; }
.tms-solution-features>div:hover svg path { fill: #fff; }
.tms-solution-features h5 		 	{ font-weight: bold; margin-top: 12px; font-size: 18px; }
								
.tms-solution-feature-1 			{ top: 0; left: 10%; }	
.tms-solution-feature-2 			{ top: 50%; transform: translateY(-50%); left: 0; }			
.tms-solution-feature-3 			{ bottom: 0; left: 7%; }
.tms-solution-feature-4 			{ top: 0; right: 10%; }	
.tms-solution-feature-5 			{ top: 50%; transform: translateY(-50%); right: 0; }			
.tms-solution-feature-6 			{ bottom: 0; right: 7%; }

.tms-solution-feature-1>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; left: 80%; transform: rotate(38deg); top: 120%; z-index: -1; }
.tms-solution-feature-2>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; left: 100%; transform: rotate(0deg); top: 50%; z-index: -1; }
.tms-solution-feature-3>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; left: 60%; transform: rotate(-38deg); top: 0; z-index: -1; }
.tms-solution-feature-4>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; right: 80%; transform: rotate(-38deg); top: 120%; z-index: -1; }
.tms-solution-feature-5>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; right: 100%; transform: rotate(0deg); top: 50%; z-index: -1; }
.tms-solution-feature-6>div:after 	{ content: ""; position: absolute; border: 2px dashed #000; width: 200px; right: 60%; transform: rotate(38deg); top: 0; z-index: -1; }


.windmill1-industry					{ height: 150px; left: 4%; position: absolute; bottom: -4px; z-index: 1; width: 80px; }
.windmill2-industry					{ height: 190px; left: 32%; position: absolute; bottom: -4px; z-index: 1; width: 98px; }
.windmill3-industry					{ height: 240px; left: 54%; position: absolute; bottom: -4px; z-index: 1; width: 127px; }
.windmill4-industry					{ height: 150px; left: 70%; position: absolute; bottom: -4px; z-index: 1; width: 77px; }
.windmill5-industry					{ height: 200px; left: 84%; position: absolute; bottom: -4px; z-index: 1; width: 102px; }
.tms-home-industry-main .cls-1 		{ fill: #e3edf1 !important; }

.tms-mobile-screen-logo 			{ display: none; }

#vs-mo-menu-icon 					{ width: 34px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
									transform: rotate(0deg); cursor: pointer; height: 24px; }
#vs-mo-menu-icon span 				{ display: block; position: absolute; height: 4px; width: 100%; background: #46869F; border-radius: 9px; opacity: 1;
									 left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }					 
#vs-mo-menu-icon span:nth-child(1) 	{ top: 0px; }
#vs-mo-menu-icon span:nth-child(2),#vs-mo-menu-icon span:nth-child(3) 
									{ top: 10px; }
#vs-mo-menu-icon span:nth-child(4) 	{ top: 20px; }
#vs-mo-menu-icon.open span:nth-child(1) 
									{ top: 18px; width: 0%; left: 50%; }
#vs-mo-menu-icon.open span:nth-child(2) 
									{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }						
#vs-mo-menu-icon.open span:nth-child(3) 
									{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#vs-mo-menu-icon.open span:nth-child(4) 
									{ top: 18px; width: 0%;left: 50%; }

.tms-innerPage-banner 				{ background-image: url(../images/inner-[age-banner.jpg); background-repeat: no-repeat; background-size: cover; height: 250px; width: 100%; 
									display: flex; align-items: center; justify-content: center; }
.tms-innerPage-banner h5 			{ color: #fff; font-weight: bold; text-transform: uppercase; font-size: 22px; letter-spacing: 2px; }
.tms-section-main 					{ padding: 70px 0; }
.tms-about-leftSide-block 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 50px 0 0 0; }
.tms-about-leftBlock 				{ display: flex; align-items: center; }
.tms-about-leftSide-block > *		{ width: 50%; }
.tms-about-leftSide-block > *:first-child, .tms-about-leftSide-block > *:first-child + *
									{ padding-top: 10px; }
.tms-about-leftSide-block > *		{ padding-top: 30px; padding-bottom: 30px; }									
.tms-about-leftSide-block > *:nth-child(even) 
									{ padding-left: 40px; padding-right: 0; border-left: 1px solid #f2f2f2; }
.tms-about-leftSide-block > * 		{ padding-right: 40px; }			
.tms-about-leftSide-block > *:last-child, .tms-about-leftSide-block > *:nth-last-child(2) 
									{ padding-bottom: 10px; }				
.tms-about-leftBlock img 			{ width: 85px; padding-right: 20px; }		
.tms-about-leftSide-block > * + *	{ border-top: 1px solid #f2f2f2; }									
.tms-about-leftSide-block > *:nth-child(2) 
									{ border-top: none; }
.tms-about-leftSide					{ padding-right: 50px; }
.tms-about-meet-team 				{ background-color: #F3F1E7; padding-bottom: 120px; position: relative; }
.tms-about-teem-block 				{ text-align: center; }
.tms-about-team-img img 			{ border-radius: 50%; border: 10px solid #46869F; }
.tms-about-team-img 				{ width: 80%; position: relative; margin: 0 auto; }
.tms-about-team-img div 			{ background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; overflow: hidden;
									 opacity: 0; transform: scale(0); }
.tms-about-team-img:hover div 		{ transform: scale(1); opacity: 1; border: 8px solid #46869F; }
.tms-about-teem-block .tms-about-team-img h5 				
									{ margin: 0; color: #fff; top: 50%; position: absolute; left: 50%; transform: translate(-50%,-50%); font-size: 16px; width: 100%; }
.tms-about-leftBlock:hover img 		{ transform: scale(0.8); }

.tms-about-teem-block h5 			{ margin: 30px 0 15px 0; font-weight: bold; color: #000; text-transform: uppercase; }
.tms-about-lastSec 					{ position: relative; text-align: center; background-color: #48869f; }
.tms-about-lastSec:after 			{ background-image: url(../images/about-bottom-img.png); background-size: contain; position: absolute; bottom: 0; left: 0;
									content: ""; height: 140px; width: 100%; opacity: 0.07; background-repeat-y: no-repeat; background-position: bottom center; }
.about-windmill1 					{ height: 100px; position: absolute; bottom: 0; left: 5%; }
.about-windmill2 					{ height: 150px; position: absolute; bottom: 0; left: 19%; }
.about-windmill3 					{ height: 130px; position: absolute; bottom: 0; left: 32%; }
.about-windmill4 					{ height: 130px; position: absolute; bottom: 0; left: 57%; }
.about-windmill5 					{ height: 110px; position: absolute; bottom: 0; left: 72%; }
.about-windmill6 					{ height: 150px; position: absolute; bottom: 0; left: 85%; }


.tms-about-meet-team .tms-main-heading
									{ margin-bottom: 50px; }
.tms-about-lastSec h5 				{ color: #fff; font-weight: bold; letter-spacing: 2px; }
.tms-button 						{ position: relative; color: #fff; padding: 9px 20px; border: 2px solid #fff; border-radius: 5px; margin-top: 30px; display: inline-block; text-transform: uppercase; z-index: 11; }
.tms-button:after 					{ content: ""; width: 25px; height: 2px; background-color: #46869f; position: absolute; top: -2px; left: 15px; }
.tms-button:before					{ content: ""; width: 25px; height: 2px; background-color: #46869f; position: absolute; bottom: -2px; right: 15px; }

.homepage-header header 			{ position: fixed; }

.tms-about-meet-tree1,
.tms-about-meet-tree2,
.tms-about-meet-tree3,
.tms-about-meet-tree4				{ position: absolute; bottom: 0; }
.tms-about-meet-tree1 				{ left: 26%; height: 55px; }
.tms-about-meet-tree2 				{ left: 28%; }
.tms-about-meet-tree3 				{ left: 63%; }
.tms-about-meet-tree4 				{ left: 68%; bottom: -5px; height: 75px; }

.tms-services-main 					{ background-color: #fff; }

.tms-service-block 					{ background-color: #F3F1E7; height: 100%; text-align: center; }
.tms-service-block h5 img 			{ width: 100%; }
.tms-service-block-inner 			{ padding: 50px 30px; }
.tms-service-block-inner p 			{ margin-bottom: 0; }
.tms-service-block-inner a 	 		{ font-size: 20px; margin-bottom: 15px; display: block; font-weight: 600; max-height: 60px; overflow: hidden; }
.tms-service-block>h5				{ position: relative; }
.tms-service-block>h5:after			{ position: absolute; width: 100%; height: 100%; background-color: #000; left: 0; top: 0; content: ""; opacity: 0; }
.tms-service-block h5 a 			{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.tms-service-block:hover h5:after 	{ opacity: 0.3; }

.tms-contact-maps iframe 			{ width: 100%; height: 350px; display: block; }
.tms-contact-heading 				{ margin-bottom: 40px; font-size: 30px; }
.tms-contact-form .form-group 		{ margin-bottom: 30px; }
.tms-contact-form .form-group .form-control
									{ border: 2px solid rgba(0,0,0,0.05); }
.tms-contact-form .form-group input,
.tms-contact-form .form-group textarea
									{ padding: 8px 20px; }
.tms-contact-form .form-group input { height: 50px; }									
.tms-contact-form .form-group input::placeholder
									{ font-size: 16px; }
.tms-contact-form .form-group .form-control:focus 
									{ border-color: #46869F; }
.tms-contact-address li				{ margin-bottom: 20px; display: flex; align-items: center; }
.tms-contact-address a,.tms-contact-address p
									{ margin: 0; display: inline-block; }
.tms-contact-address i 				{ min-width: 25px; margin-right: 20px; font-size: 22px; text-align: center; color: #46869F; }
.tms-button:hover 					{ color: #fff; background-color: #2E3E53; border-color: #46869F; }


.navbar .nav-item .dropdown-menu 	{ opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; position: absolute; left: 0; width: auto; }
.navbar .dropdown-menu.fade-up		{ top:180%;  }
.navbar-nav li:hover > ul.dropdown-menu 
									{ margin: 0; opacity:1; visibility: visible; top:100%; }
.dropdown-menu li 					{ margin: 0; }
.dropdown-menu li a 				{ font-size: 16px; padding: 10px 20px; font-weight: 600; color: #fff; }
.dropdown-menu li a:hover 			{ background-color: #46869F; color: #2E3E53; }
.dropdown-menu 						{ background-color: rgba(46, 62, 83,.9); }
.displayblock 						{ display: block; }

.product-windmill1 					{ height: 100%; position: absolute; left: 37%; top: -30px; width: 95px; }
.product-windmill2 					{ height: 100%; position: absolute; left: 53%; top: 0px; width: 95px; }

.dropdown-submenu {
    position:relative;
}
.navbar-nav .dropdown-menu .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.dropdown-menu .dropdown-submenu .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    border: 0;
    content: "\f105";
    font-size: 14px;
    font-family: 'FontAwesome';
    transform: translateY(-50%)rotate(90deg);
    width: auto;
    height: auto;
}
.dropdown-menu > li:hover a:after {
   transform: translateY(-50%)rotate(0deg) !important;
} 	

.tms-productpage-img 				{ border: 0px solid #F3F1E7; padding: 20px; border-radius: 10px; box-shadow: 0 0 5px rgb(0 0 0 / 50%); background-color: #F3F1E7; }
.tms-productpage-discription h5		{ padding-bottom: 20px; margin-bottom: 32px; position: relative; display: inline-block; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; }
.tms-productpage-discription h5:before { content: ""; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%) rotate(15deg); width: 10px; height: 20px; border-left: 1px solid #46869F;
									border-right: 1px solid #46869F; background-color: #fff; z-index: 11; }
.tms-productpage-discription h5:after { content: ""; position: absolute; height: 1px; width: 80%; border-bottom: 1px dashed #2E3E53; bottom: 0; left: 50%; transform: translateX(-50%); }
.tms-productpage-discription p 		{ font-size: 15px; margin-bottom: 35px; text-align: justify; }
.tms-productpage-discription  		{ padding-left: 40px; }
.tms-productpage-img img 			{ width: 100%; }





/*----- Responsive -----*/

@media screen and (min-width: 992px) 	{
	.navbar-nav li:hover > ul.dropdown-menu { display: block; }
	.navbar .nav-item .dropdown-menu 		{ display: block; }
}

@media screen and (max-width: 1550px) 	{
	.tms-home-industry-main:after 		{ bottom: -60px; }
	.tms-home-industry-main 			{ padding: 4% 0 25% 0; }
	.windmill1-industry 				{ left: 5%; }
	.windmill2-industry 				{ left: 27%; }
	.windmill3-industry 				{ left: 56%; }
	.windmill4-industry 				{ left: 66%; }
	.windmill5-industry 				{ left: 79%; }
}
@media screen and (max-width: 1366px) 	{
	.tms-mainslider-tree1, .tms-mainslider-tree2, .tms-mainslider-tree3, .tms-mainslider-tree4
										{ bottom: 1%; }
	.windmill1,.windmill2,.windmill3,.windmill4,.windmill5,.windmill6
										{ bottom: 2%; }	
	.tms-main-slider-left 				{ padding-right: 40px; } 	
	.tms-mainslider-tree2 				{ left: 33%; }	
	.tms-mainslider-tree4 				{ left: 73%; }
	.product-slider.owl-carousel .owl-nav button.owl-next span,.product-slider.owl-carousel .owl-nav button.owl-prev span 
										{ font-size: 40px; line-height: 26px; }
	.product-slider.owl-carousel .owl-nav button.owl-next 
										{ right: -40px; width: 40px; height: 40px; }
	.product-slider.owl-carousel .owl-nav button.owl-prev 
										{ left: -40px; width: 40px; height: 40px; }		
	.tms-home-offer-main 				{ margin-top: -90px; }					
	.tms-main-slider-left h1 			{ font-size: 42px; }	
	footer:after 						{ height: 29%; }				
	.windmill1-ftr,.windmill2-ftr,.windmill3-ftr,.windmill4-ftr,.windmill5-ftr
										{ bottom: 10%; }																												
}
@media screen and (max-width: 1199px)	{
	.tms-main-slider-left 				{ padding-right: 0;	}
	.tms-main-slider-left h1 			{ font-size: 38px; }
	.tms-main-slider-left h5 			{ font-size: 18px; }
	.tms-btn 							{ font-size: 13px; padding: 10px 18px; }
	.tms-main-slider-right img 			{ width: 90% !important; }
	.tms-mainslider-tree1 				{ display: none; } 
	.tms-mainslider-tree1, .tms-mainslider-tree2, .tms-mainslider-tree3, .tms-mainslider-tree4
										{ bottom: 0; }
	.tms-mainslider-tree2 				{ left: 11%; }			
	.tms-mainslider-tree3 				{ left: 32%; }							
	.windmill3 							{ left: 15%; }
	.product-slider.owl-carousel.owl-theme .owl-nav
										{ bottom: -30px; top: auto; }
	.product-slider.owl-carousel .owl-nav button.owl-prev
										{ right: 55px; left: auto; }			
	.product-slider.owl-carousel .owl-nav button.owl-next
										{ right: 5px; }		
    .tms-product-main h4 				{ font-size: 18px; }
    .tms-home-offer-block 				{ height: 270px; width: 270px; }
    .tms-home-offer-block h5 			{ font-size: 18px; }
    .tms-home-offer-main 				{ padding: 140px 0 70px 0; }
    .tms-solution-features>div 			{ width: 125px; height: 125px; }
    .tms-solution-features>div svg 		{ width: 55px; }
    .tms-solution-feature-2>div:after,.tms-solution-feature-5>div:after
    								 	{ width: 160px; }
	.tms-product-main 					{ margin: 5px; }	
	footer 								{ padding: 70px 0 320px 0; }
	.tms-web-screen-logo img 			{ height: 90px; }
	.tms-service-block-inner 			{ padding: 30px 15px; }
	.tms-about-leftBlock img 			{ width: 70px; padding-right: 15px; }
	.tms-about-leftSide 				{ padding-right: 30px; }
	.tms-about-leftBlock h5 			{ font-size: 18px; }
	.tms-about-team-img 				{ width: 90%; } 
	.navbar-nav .dropdown-menu .dropdown-submenu>.dropdown-menu 
										{ right: 100%; left: auto; }
	.tms-productpage-discription 		{ padding-left: 20px; }										
}
@media screen and (max-width: 991px)	{
	.tms-home-offer-block 				{ height: 210px; width: 210px; }
	.tms-home-offer-block svg 			{ width: 70px; }
	.tms-home-offer-block h5 			{ font-size: 15px; }
	.tms-solution-features>div 			{ width: 100px; height: 100px; }
	.tms-solution-features>div svg 		{ width: 45px; }
	.tms-solution-feature-1 			{ left: 3%; }
	.tms-solution-feature-3 			{ left: 5%; }
	.tms-solution-feature-4 			{ right: 3%; }
	.tms-solution-feature-6 			{ right: 5%; }
	.tms-home-solutions-img>img 		{ width: 40%; z-index: 1; position: relative; }
	.tms-home-solutions-img:after 		{ border-radius: 60%; font-size: 20px; top: 47%; }
	.tms-solution-feature-3>div:after 	{ left: 25%; }
	.tms-main-heading img 				{ width: 40px; }
	.tms-solution-feature-6>div:after 	{ width: 150px; right: 59%; top: -11%; }
	.tms-home-industry-main .tms-main-heading
					 					{ margin-bottom: 30px; }
	.lms-partner-logo-main 				{ margin-top: -40px; }				
	.lms-partner-logo-main 				{ padding: 0 0 60px 0; }	
	.tms-footer-content p,.tms-footer-contact li a
						 				{ font-size: 18px; } 			
	footer 								{ padding: 60px 0 320px 0; } 
	.tms-footer-content>img				{ width: 100px; } 
	.tms-web-screen-logo 				{ display: none; }
	.tms-mobile-screen-logo				{ display: block; width: 60px; }
	header 								{ position: static; width: 100%; background-color: #F3F1E7; }
	header nav li 						{ width: 100%; text-align: center; }
	header .navbar-nav .nav-link:hover  { background-color: #46869F; color: #fff; }
	header nav li 						{ margin: 4px 0; }
	.tms-main-slider-left 				{ text-align: center; }
	.tms-main-slider-left>div 			{ justify-content: center; }
	.main-slider .item>.container-fluid { height: auto !important; } 
	.tms-main-slider-right img 			{ width: 60% !important; }
	.tms-main-slider,.main-slider,.main-slider .item
										{ height: auto; }
	.tms-main-slider 					{ padding: 60px 0 180px 0; }
	.tms-main-slider-left h1 			{ font-size: 30px; }
	.tms-main-slider 					{ padding: 50px 0 160px 0; }
	.tms-service-block-inner a 			{ font-size: 18px; max-height: 48px; line-height: 24px; }
	.tms-service-block-inner p 			{ font-size: 14px; }
	.tms-section-main 					{ padding: 60px 0; }
	.tms-innerPage-banner 				{ height: 200px; }
	.tms-contact-heading 				{ margin-bottom: 30px; font-size: 26px; }
	.tms-contact-form  					{ margin-bottom: 50px; }
	.tms-contact-maps iframe 			{ height: 300px; }
	.tms-about-leftSide-block > * 		{ padding-right: 15px; }
	.tms-about-leftSide-block > *:nth-child(even)
										{ padding-left: 15px; }
	.tms-about-leftBlock h5 			{ font-size: 15px; }										
	.tms-about-leftBlock img 			{ width: 55px; padding-right: 12px; }
	.tms-about-leftSide-block 			{ margin-top: 30px; }
	.tms-about-team-img 				{ width: 100%; }
	.tms-about-teem-block .tms-about-team-img h5
										{ font-size: 14px; }
	.tms-about-teem-block h5 			{ font-size: 16px; }		
	.tms-about-team-img img 			{ border-width: 6px; }	
	.tms-about-meet-team 				{ padding-bottom: 100px; }					
	.homepage-header header 			{ position: static; }		
	header.tms-header-fixed 			{ position: fixed; }
	.navbar-nav li:hover > ul.dropdown-menu 
										{ position: static; }
	.navbar .nav-item .dropdown-menu,.navbar .nav-item .dropdown-submenu .dropdown-menu { display: auto; }					
	header.tms-header-fixed .navbar-nav .nav-link:hover 
										{ color: #fff; }					
	.product-windmill1 					{ left: 34%; top: -50px; }
	.product-windmill2 					{ left: 52%; top: -10px; }
	.tms-home-industry-main 			{ padding: 4% 0 32% 0; }
	#tms-product-vector 				{ height: 100px; top: -100px; }
	.partner-logo-slider 				{ margin-top: -60px; }
	.tms-main-slider:after 				{ bottom: 40px; height: 150px; }
	.navbar-nav .dropdown-menu .dropdown-submenu>.dropdown-menu
										{ margin-top: 0; }
									
	.dropdown-menu .dropdown-submenu .dropdown-toggle::after
										{ top: 20px; }			
	.tms-productpage-discription 		{ padding-left: 10px; }	
	.tms-productpage-discription h5 	{ padding-bottom: 15px; margin-bottom: 25px; font-size: 18px; }									 								
	
}
@media screen and (max-width: 767px)	{
	.tms-home-offer-block 				{ height: 240px; width: 240px; }
	.tms-home-offer-block h5 			{ font-size: 16px; } 
	.tms-home-offer-block svg 			{ width: 80px; } 
	.tms-main-heading h3 				{ font-size: 24px; }
	.tms-main-heading h5 				{ font-size: 16px; }
	.tms-home-offer-main 				{ padding: 140px 0 50px 0; }
	.tms-main-heading img 				{ width: 35px; }
	.tms-home-solutions-img 			{ padding-top: 20px; }
	.tms-home-solutions-img:after 		{ border-radius: 0; font-size: 22px; top: 5px; padding: 0; }
	.tms-home-solutions-img>img 		{ width: 60%; }
	.tms-solution-feature-1>div:after,.tms-solution-feature-2>div:after,.tms-solution-feature-3>div:after,
	.tms-solution-feature-4>div:after,.tms-solution-feature-5>div:after,.tms-solution-feature-6>div:after
										{ display: none; }
    .tms-solution-features 				{ position: static; transform: translateY(0); width: 50%; float: left; margin: 20px 0; }
    .tms-solution-features h5 			{ font-size: 17px; }
    .windmill1-industry 				{ left: 4%; height: 130px; }
    .windmill2-industry 				{ left: 26%; height: 160px; }
    .windmill3-industry 				{ left: 61%; height: 190px; }
    .windmill4-industry 				{ display: none; }
    .windmill5-industry 				{ display: none; }
    .tms-home-product-main 				{ padding: 50px 0; }
    .product-slider 					{ margin-top: 30px; }
    .product-slider.owl-carousel.owl-theme .owl-nav 
    									{ bottom: -10px; }
	.product-slider.owl-carousel .owl-nav button.owl-prev 
										{ right: auto; left: 44%; transform: translatex(-50%); }    									
	.product-slider.owl-carousel .owl-nav button.owl-next 
										{ right: auto; transform: translateX(-50%); left: 56%; }		
	.lms-partner-logo-main 				{ margin-top: -30px; }	
	.windmill1-ftr 						{ left: 10%; }	
	.windmill2-ftr 						{ left: 49%; }
	.windmill3-ftr 						{ display: none; }
	.windmill4-ftr 						{ left: 79%; }
	.windmill5-ftr 						{ display: none; }
	footer 								{ padding: 60px 0 300px 0; }
	.tms-footer-content p, .tms-footer-contact li a
										{ font-size: 16px; }
	.tms-footer-social li a 			{ font-size: 26px; }										
	.tms-footer-social 					{ margin-top: 20px; }
	.tms-footer-content>img 			{ width: 80px; }
	.tms-footer-contact li 				{ border-right: 0; }
	.tms-product-main 					{ margin: 0; }
	.tms-main-slider-left h1 			{ font-size: 26px; }
	.windmill3,.tms-slider-cloud5,.tms-slider-cloud3,.windmill5
										{ display: none; }
	.tms-mainslider-tree4 img 			{ display: none; }
	.tms-home-offer-main  				{ margin-top: -110px; }
	.tms-mainslider-tree3 img 			{ height: 190px; }
	.tms-main-slider-left .tms-btn 		{ margin: 0 5px; }
	.tms-section-main  					{ padding: 50px 0; }
	.tms-innerPage-banner h5 			{ font-size: 20px; }
	.tms-innerPage-banner 				{ height: 180px; }
	.tms-contact-heading 				{ margin-bottom: 25px; font-size: 24px; }
	.tms-contact-form .form-group 		{ margin-bottom: 20px; }
	.tms-contact-maps iframe 			{ height: 250px; }
	.tms-about-leftSide 				{ margin-bottom: 30px; }
	.tms-about-meet-team .tms-main-heading 
										{ margin-bottom: 40px; }
	.tms-about-teem-block 				{ margin-bottom: 50px; }		
	.tms-about-leftSide 				{ padding-right: 0; }	
	.product-windmill1 					{ left: 37%; top: -20px; }										
	.product-windmill2 					{ left: 54%; top: 10px; }				
	.tms-home-industry-main 			{ padding: 4% 0 37% 0; }			
	#tms-product-vector 				{ height: 80px; top: -80px; }
	.partner-logo-slider 				{ margin-top: -70px; }
	.about-windmill3,.about-windmill4 	{ display: none; } 					
	.about-windmill2,.about-windmill6 	{ height: 110px; }
}
@media screen and (max-width: 575px)	{
	.tms-partner-logo 					{ padding: 46px 15px 15px 20px; height: auto; justify-content: center; }
	.owl-carousel .owl-item img 		{ width: 80%; }
	.tms-home-offer-block 				{ height: 290px; width: 290px; }
	.tms-home-offer-block svg 			{ width: 100px; }
	.tms-main-heading h3 				{ font-size: 20px; }
	.tms-main-heading img 				{ width: 30px; }
	.tms-home-solutions-img:after 		{ font-size: 18px; }
	.tms-home-solutions-img>img 		{ width: 90%; }
	.tms-solution-features h5  			{ font-size: 14px; min-height: 35px; }
	.tms-solution-features 				{ margin: 10px 0; }
	.windmill1-industry 				{ height: 100px; }
	.windmill2-industry 				{ left: 32%; height: 120px; }
	.windmill3-industry  				{ left: 59%; height: 140px; }
	.tms-product-main 					{ text-align: center; }
	.owl-carousel .owl-item img 		{ width: 100%; } 
	.tms-product-main h4 				{ display: block; height: auto; margin: 15px 0; font-weight: bold; }
	.tms-product-main a 				{ font-size: 14px; }
	.product-slider.owl-carousel.owl-theme .owl-nav 
										{ display: none; }
	.product-slider 					{ margin-bottom: 50px; }		
	.lms-partner-logo-main 				{ padding-bottom: 40px; }		
	.tms-partner-logo 					{ padding-top: 35px; width: 80%; margin: 0 auto; margin-top: 30px; }		
	.lms-partner-logo-main 				{ margin-top: -20px; }				
	.tms-footer-content p, .tms-footer-contact li a 
										{ font-size: 14px; }
	.tms-footer-contact li  			{ padding: 0; }					
	.tms-footer-contact li i 			{ font-size: 17px; margin-right: 10px; }					
	.tms-footer-social li a 			{ font-size: 22px; }
	.windmill4-ftr 						{ display: none; }
	footer 								{ padding: 50px 0 270px 0; }
	.tms-mobile-screen-logo 			{ width: 50px; }
	#vs-mo-menu-icon span 				{ height: 3px; }
	header nav li 						{ margin: 2px 0; }
	.tms-home-offer-main 				{ margin-top: -230px; }
	.tms-home-offer-main 				{ padding: 270px 0 50px 0; }
	.tms-main-slider-left h1 			{ font-size: 20px; }
	.tms-main-slider-left h5 			{ font-size: 16px; }
	.tms-main-slider-right img 			{ width: 100% !important; }
	.main-slider.owl-carousel.owl-theme .owl-dots,.tms-mainslider-tree1, .tms-mainslider-tree2, .tms-mainslider-tree3, .tms-mainslider-tree4,.windmill1, .windmill2, 
	.windmill3, .windmill4, .windmill5, .windmill6,.tms-main-slider:after
										{ display: none; }
	.tms-main-slider 					{ padding: 40px 0 140px 0; }	
	.tms-innerPage-banner h5 			{ font-size: 18px; }		
	.tms-contact-heading 				{ margin-bottom: 22px; font-size: 22px; }							
	.tms-contact-form .form-group input, .tms-contact-form .form-group textarea 
										{ padding: 8px 12px; }
    .tms-contact-form .form-group input { height: 45px; }										
    .tms-contact-form .form-group input::placeholder 
    									{ font-size: 14px; }
    .tms-contact-address i 				{ font-size: 18px; min-width: 18px; }    		
    .tms-about-team-img 				{ width: 80%; }							
    .tms-about-teem-block 				{ margin-bottom: 30px; }
    .tms-about-teem-block h5 			{ margin: 20px 0 15px 0; }
    .tms-about-meet-tree1 				{ left: 10%; height: 46px; }
    .tms-about-meet-tree2 				{ left: 25%; height: 65px; }
    .tms-about-meet-tree3 				{ left: 60%; height: 40px; }
    .tms-about-meet-tree4 				{ left: 75%; height: 65px; }
    .tms-about-lastSec h5 				{ font-size: 14px; }
    .tms-button 						{ padding: 8px 15px; font-size: 14px; }
    .tms-about-leftSide-block > *:nth-child(even),.tms-about-leftSide-block > * + *
    									{ border: 0; }
	.tms-about-leftSide-block > * 		{ width: 100%; }    					
	.tms-about-leftSide-block>div 		{ padding: 0 !important; margin: 10px; }
	.tms-about-leftBlock h5 			{ font-size: 14px; }
	.tms-about-leftSide-block 			{ margin-top: 20px; }
	.tms-about-leftSide 				{ margin-bottom: 20px; }
	.product-windmill1 					{ left: 32%; top: -30px; }										
	.product-windmill2 					{ left: 48%; top: 0px; }	
	.tms-home-industry-main:after 		{ bottom: -40px; height: 200px; }			
	.tms-home-industry-main 			{ padding: 4% 0 41% 0; }			
	#tms-product-vector 				{ height: 50px; top: -50px; }
	.about-windmill6 					{ display: none; }
	.about-windmill1,.about-windmill5 	{ height: 80px; }
	.about-windmill2 					{ height: 100px; }
}