/*--
Author: W3layouts
Author URL: http://w3layouts.com
Distributor: http://bootstraptema.ru/
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

@font-face {
    font-family: 'American Typewriter';
    src: url('../fonts/american-typewriter-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



html, body{
    font-size: 100%;
	background:	#fff;
	font-family: 'Open Sans', sans-serif !important;
}
body a{
	
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
/*-- banner --*/
.banner{
background-color: #DCF5EE;

}
.logo a{
	display:block;
	font-size: 2.5em;
	line-height:0.7em;
	color: #fff;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -2px;
}
.logo a:hover{
	text-decoration:none;
	color:#fff;
}

.logo a span{
	font-size: 1.5em;
	color:#0B70BD;
}

.banner-info h1{
	color:#fff;
	font-size:2em;
	margin:0 auto;
	font-family: 'Montserrat', sans-serif;
	font-style:italic;
	font-weight:300;
	width:70%;
	line-height: 1em;
}
.more{
	margin:2em 0 0;
}
.more a{
	padding: 8px 20px;
	font-weight:600;
	background: #168EEA;
	color: #fff;
	font-size: 14px;
	border-bottom: 3px solid #09314F;
	text-decoration: none;
}
.more a:hover{
	color:#168EEA;
}
.exporter a{
	padding: 13px 40px;
	font-size: 15px;
}
/*-- //banner --*/
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* //Bounce To Top */
/*-- sticky-nav --*/
.banner-bottom{
	background:#4E9683;
	position:relative;
	}
.banner-bottom-nav ul{
	padding:0;
	margin:0;
	  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
	}
.home-logo{
	position:absolute;
	top:30%;
	left:16%;
}

.home-logo a{
	background:url(../images/gears.png) no-repeat 0px 0px;
	display:block;
	height:40px;
	width:40px;
}
.banner-bottom-nav ul li{
	display:inline-block;
	margin: 0 1em;
	}
.banner-bottom-nav ul li a{
	font-style:normal;
	font-size:20px;
	color:#fff;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-decoration:none;
	text-transform: uppercase;
	}
.banner-bottom-nav ul li a:hover{
	text-decoration:none;
	color:#DCF5EE;
	}
.banner-bottom-nav ul li:nth-child(1) {
	margin-left: 0;
	}
/*-- effect for nav --*/
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '★';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: '★';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
/*-- //effect --*/
/*-- menu --*/
	.banner-bottom-nav span{
		display:none;
		}
	/*-- //menu --*/
	/*-- fixed-header --*/
		.fixed-header{
		text-align:center;
			padding: .5em 0;
		}
		.fixed{
			position: fixed;
			top: 0;
			width: 100%;
			margin: 0 auto;
			left:0;
			z-index:9999;
		}
	/*-- //fixed-header --*/
.search-sub{
	float:right;
	margin: .2em 0;
}
.form-control{
	box-shadow:none;
	  border: 1px solid #fff;
}
.btn-default {
  border-color: #fff;
}
.btn-default:hover{
  background:#fff !important;
  border-color: #fff;
}
.navbar-form{
	margin:0;
}
/*-- //sticky-nav --*/
/*-- welcome-company --*/
.company-grid{
	float:left;
	width:33.33%;
}
.welcome-company {
  padding: 4em 0;
}
.welcome-company-grid-right h3,.about-grid-left h3,.about-grid-right h3,.testimonials h3,.team h3,
.projects h3,.products h3,.contact h3{
	font-size:2.5em;
	color:#168EEA;
	margin: 0 0 1em;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}
.welcome-company-grid-right p{
	color:#999;
	font-size:14px;
	margin:0;
	line-height:1.8em;
}
/*-- //welcome-company --*/
/*-- about --*/
.about {
  background-color: #f4f7f9;
}
.about-grid-left h3,.about-grid-right h3,.products h3,.contact h3{
	margin:0 0 2em;
}
.about-grids {
  padding: 4em 0 0;
}
.about-grid-left p{
	color:#999;
	font-size:14px;
	margin:1em 0 2em;
	line-height:1.8em;
}
.about-grid-lft p{
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: .4em;
	background:#075490;
	color:#fff;
	margin:0;
	font-size:18px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
}
.about-grid-rgt h4{
	color:#075490;
	font-size: 20px;
	line-height: 1.5em;
	margin:0 0 1em;
}
.about-grid-rgt p{
	color:#999;
	font-size:14px;
	margin:1em 0 2em;
	line-height:1.8em;
}
.testimonials{
	margin:2em 0 0;
	padding:2em 0 0;
	border-top:1px solid #f5f5f5;
}
.testimonials p{
	color:#999;
	font-size:14px;
	margin:0 0 0 1em;
	line-height:1.8em;
	position:relative;
}
.testimonials p:before{
	content:'';
	background:url(../images/1.png) no-repeat 0px 0px;
	display:block;
	height: 11px;
	width: 11px;
	position: absolute;
	top: 3%;
	left:-5%;
}
.testimonials h4{
	color:#075490;
	font-size:16px;
	margin:1em 0 0;
	font-weight: 600;
}
.team{
	background:#eff3f6;
	padding: 4em 0;
	margin:4em 0 0;
}
.team h3{
	color:#168EEA;
	margin:0 0 2em;
}
.team-grid{
	text-align:center;
	position:relative;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.team-grid img{
	margin: 0 auto;
}
.team-grid h4{
	margin:1em 0;
	color:#045999;
	font-size:20px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.team-grid h4 span{
	display:block;
	font-size:13px;
}
.team-grid p{
	color:#999;
	font-size:14px;
	margin:0;
	line-height:1.8em;
	position:relative;
}
.social{
	position:absolute;
	top: 0%;
	left: 17%;
	display: none;
	background-color: rgba(85, 85, 85, 0.67);
	padding:107px 53.5px 42px;
	border-radius: 120px;
	-webkit-border-radius: 120px;
	  -moz-border-radius: 120px;
	  -o-border-radius: 120px;
	  -ms-border-radius: 120px;
}
.team-grid:hover div.social{
	display:block;
}
.social ul{
	padding:4em 0 0;
	margin:0;
}
.social ul li{
	display:inline-block;
}
.social ul li a.facebook{
	background:url(../images/img-sp.png) no-repeat -78px -13px;
	display:block;
	height: 33px;
	width: 33px;
}
.social ul li a.facebook:hover{
	background: url(../images/img-sp.png) no-repeat -7px -13px;
	display: block;
}
.social ul li a.twitter{
	background:url(../images/img-sp.png) no-repeat -77px -58px;
	display:block;
	height:33px;
	width:33px;
}
.social ul li a.twitter:hover{
	background:url(../images/img-sp.png) no-repeat -7px -58px;
	display:block;
}
.social ul li a.g{
	background:url(../images/img-sp.png) no-repeat -77px -104px;
	display:block;
	height:33px;
	width:33px;
}
.social ul li a.g:hover{
	background:url(../images/img-sp.png) no-repeat -7px -104px;
	display:block;
}
.social ul li a.in{
	background:url(../images/img-sp.png) no-repeat -77px -153px;
	display:block;
	height:33px;
	width:33px;
}
.social ul li a.in:hover{
	background:url(../images/img-sp.png) no-repeat -7px -153px;
	display:block;
}
/*-- //about --*/
/*-- services --*/
.services{
	background:#f4f7f9;
	padding:4em 0;
}
.services-grd{
	background:#EBF3F9;
	padding: 2em 1em;
	text-align: center;
}
.services-grd h3{
	color:#045999;
	font-weight: 600;
	margin: 1em 0;
	font-size: 18px;
	text-transform:capitalize;
	line-height: 1.4em;
}
.services-grd p{
	color:#9D9C9C;
	font-size:14px;
	margin:0;
	line-height:1.8em;
}
.gear span{
	background:url(../images/2.png) no-repeat 68px -16px;
	display:block;
	height:64px;
}
.men span{
	background:url(../images/2.png) no-repeat 68px -100px;
	display:block;
	height:64px;
}
.rupee span{
	background:url(../images/2.png) no-repeat 68px -195px;
	display:block;
	height:64px;
}
.truck span{
	background:url(../images/2.png) no-repeat 68px -279px;
	display:block;
	height:64px;
}
.our {
  padding: 4em 0em;
  background: #EFF3F6;
}
.our-left h4 {
  font-size: 18px;
  font-weight: 700;
  color:#045999;
  margin-left: 10px;
  line-height: 1.6em;
  text-transform: capitalize;
  display: inline-block;
  width: 81%;
  vertical-align: middle;
}
.our-left p {
  font-size: 14px;
  color:#B6B8B6;
  margin-top: 20px;
  line-height: 1.6em;
}
.glyphicon-calendar, .glyphicon-globe, .glyphicon-wrench, .glyphicon-star-empty, .glyphicon-cog, .glyphicon-signal {
  font-size: 3.2em;
  display: inline-block;
  vertical-align: middle;
}
/*-- //services --*/
/*-- projects --*/
.projects{
	padding:4em 0;
	background-color:#F4F7F9;
}
.projects h3{
	border-bottom:1px solid #E7EBED;
	padding-bottom: 1em;
}
.project-grid{
	background:#EBF3F9;
	margin:0 .5em;
}
.project-grid-text{
	padding:1em;
}
.project-grid-text h4{
	color:#000;
	font-size:16px;
	margin:0 0 .5em;
	font-family: 'Montserrat', sans-serif;
	text-transform:capitalize;
}
.project-grid-text p{
	color:#A5A3A3;
	font-size:14px;
	margin:0;
	line-height:1.8em;
}
.project-grid-text p a{
	color:#168EEA;
	text-decoration:none;
}
.project-grid-text p a:hover{
	color:#A5A3A3;
}
/*--flexisel--*/
.flex-slider{	
background:#222227;
padding: 70px 0 165px 0;
}
.opportunity{
background:#28282e;
margin:0px 20px;
padding:80px 0;
position:relative;
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0;
	padding: 0px;
	position: relative;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 20px;
	height: 34px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left:96%;
	top:-29% !important;
	background: url(../images/2.png) no-repeat -37px -351px;
}
.nbs-flexisel-nav-right {
	right:0%;
	top:-29% !important;
	background: url(../images/2.png) no-repeat -71px -351px;
}
/*--//flexisel--*/
/*-- //projects --*/
/*-- products --*/
.products{
	padding:4em 0;
	background-color:#EFF3F6;
}
.product-grd {
	background:#F9FAFA;
	margin:0 .5em;
}
.project-grid-text1{
	padding:1em;
}
.project-grid-text1 h4{
	color:#045999;
	font-size:14px;
	margin:0 0 .5em;
	font-family: 'Montserrat', sans-serif;
	text-transform:capitalize;
	line-height: 1.4em;
}
.project-grid-text1 p{
	color:#A5A3A3;
	font-size:14px;
	margin:0;
	line-height:1.8em;
}
.product-grids:nth-child(3){
	margin:3em 0 0;
}
/*-- //products --*/
/*-- contact --*/
.map{
	position:relative;
}
.map iframe{
	width:100%;
	min-height:700px;
	margin:0 0 -7px;
}
.map-color{
	background:rgba(206, 208, 208, 0.37);
	position: absolute;
	top: 0%;
	left: 0;
	min-height: 700px;
	width: 100%;
}
.contact-info{
	float:right;
	margin:5em 2em 0em 0;
	width:40%;
	background:#fff;
	padding:1.5em;
}
.contact-info h4{
	font-size:25px;
	margin:0;
	color:#168EEA;
	font-family: 'Montserrat', sans-serif;
}
.contact-info p{
	font-size: 14px;
	color: #999;
	margin: 1em 0;
	line-height: 1.7em;
}
.contact-info p span{
	display:block;
}
.contact-info input[type="text"],.contact-info input[type="email"],.contact-info textarea{
	outline:none;
	padding:10px 13px;
	background:#fff;
	border:1px solid #DDD9D9;
	font-size:13px;
	color:#a1a1a1;
	width:100%;
}
.contact-info input[type="email"]{
	margin:1.5em 0;
}
.contact-info textarea{
	resize:none;
	min-height:150px;
	margin:1.5em 0 1em;
}
.contact-info input[type="submit"]{
	outline:none;
	border:none;
	padding: 8px 0px;
	width:30%;
	background:#168EEA;
	color: #fff;
	font-size: 15px;
	border-bottom:3px solid #09314F;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
.contact-info input[type="submit"]:hover{
	background:#f4f4f4;
	color:#168EEA;
}
.contact {
  margin: 4em 0;
}
/*-- //contact --*/
/*-- footer --*/
.footer{
	padding:4em 0;
	background:#F4F7F9;
}
.footer-grid-left h3,.footer-grid-right h3{
	font-size:25px;
	color:#168EEA;
	margin: 0 0 1em;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
}
.footer-grid-left h4,.footer-grid-right h4{
	text-transform: capitalize;
	margin: 1em 0;
	color:#045999;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-style:italic;
	line-height: 1.7em;
}
.footer-grid-left p,.footer-grid-right p{
	color:#999;
	font-size: 14px;
	margin: 0;
	line-height: 1.8em;
}
.maiores ul{
	padding:2em 0 0;
	margin:0;
}
.maiores ul li{
	display:inline-block;
}
.maiores ul li a.f{
	background:url(../images/img-sp.png) no-repeat -78px -13px;
	display:block;
	height:33px;
	width:33px;
}
.maiores ul li a.f:hover{
	background: url(../images/img-sp.png) no-repeat -7px -13px;
	display: block;
}
.maiores ul li a.t{
	background:url(../images/img-sp.png) no-repeat -77px -58px;
	display:block;
	height:33px;
	width:33px;
}
.maiores ul li a.t:hover{
	background:url(../images/img-sp.png) no-repeat -7px -58px;
	display:block;
}
.maiores ul li a.g1{
	background:url(../images/img-sp.png) no-repeat -77px -104px;
	display:block;
	height:33px;
	width:33px;
}
.maiores ul li a.g1:hover{
	background:url(../images/img-sp.png) no-repeat -7px -104px;
	display:block;
}
.maiores ul li a.in1{
	background:url(../images/img-sp.png) no-repeat -77px -153px;
	display:block;
	height:33px;
	width:33px;
}
.maiores ul li a.in1:hover{
	background:url(../images/img-sp.png) no-repeat -7px -153px;
	display:block;
}
.footer-grid-right p{
	margin:0 0 2em 1em;
}
.footer-grid-right h3{
	margin:0 0 1em .5em;
}
.footer-grid-right-grids:nth-child(2){
	margin:2em 0 0;
}
.footer-grid-left img{
	width:100%;
}
.footer-bottom{
	padding: 2em 0;
	background: #1F1E1E;
}
.footer-bottom p{
	text-align:center;
	color:#fff;
	font-size:14px;
	margin:0;
}
.footer-bottom p a{
	color:#fff;
	text-decoration:none;
}
.footer-bottom p a:hover{
	color:#168EEA;
	text-decoration:none;
}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("../images/arrow.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- //to-top --*/	
/*-----start-responsive-design------*/
@media (max-width:1440px){
	.home-logo {
	  left: 11%;
	}
}
@media (max-width: 1366px){
	.home-logo {
	  left: 9%;
	}
	.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {
		top: -33% !important;
	}
}
@media (max-width:1280px){
	.banner {
		min-height: 540px;
	}
	.home-logo {
	  left: 6%;
	}
	.welcome-company-grid-right h3, .about-grid-left h3, .about-grid-right h3, .testimonials h3, .team h3, .projects h3, .products h3, .contact h3 {
		font-size: 2.3em;
	}
	.about-grid-left h3, .about-grid-right h3, .products h3, .contact h3,.team h3{
	  margin: 0 0 1.5em;
	}
	.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {
		top: -31% !important;
	}
}
@media (max-width:1024px){
	.banner-bottom-nav ul li {
	  margin: 0;
	}
	.banner-info h1 {
		width: 85%;
	}
	.banner-bottom-nav ul li a {
		font-size: 16px;
	}
	.welcome-company-grid-right h3, .about-grid-left h3, .about-grid-right h3, .testimonials h3, .team h3, .projects h3, .products h3, .contact h3 {
	  font-size: 2em;
	}
	.welcome-company-grid-right h3{
		margin: 0 0 0.5em;
	}
	.about-grid-rgt h4 {
	  font-size: 17px;
	  margin: 0;
	}
	.testimonials p:before {
	  left: -8%;
	}
	.social {
		left:10%;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 34px -16px;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 36px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 32px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 44px -279px;
	}
	.services-grd h3 {
		font-size: 16px;
	}
	.our-left h4 {
	  font-size: 17px;
	  width: 75%;
	}
	.nbs-flexisel-nav-left {
		left: 95%;
	}
	.project-grid-text h4 {
		font-size: 14px;
	}
	.contact-info {
		width: 50%;
	}
	.contact-info input[type="submit"] {
		font-size: 14px;
	}
	.contact-info h4 {
		font-size: 22px;
	}
	.footer-grid-left h4, .footer-grid-right h4 {
		font-size: 14px;
	}

	.banner-info {
		margin: 0;
		padding-bottom:20px;
		margin-top:100px;		
	}
}

@media (max-width:991px){
		.banner-info {		
		margin-top:150px;		
	}
}


@media (max-width:768px){
	
		.banner-info {		
		margin-top:-90px;		
	}	
	
	
	.home-logo{
		display:none;
	}
	span.menu{
	  display: block;
	  cursor: pointer;
	  position: relative;
	}
	ul.nav1 {
		display: none;
	}
	.banner-bottom-nav ul {
		padding:1em 0 0;
		margin: 0;
		z-index: 9999;
		position: absolute;
		width: 96%;
		left: 15px;
	}
	.banner-bottom-nav ul.nav1 li.active{
		background: #DC5329;
	}
	.banner-bottom-nav ul.nav1 li {
		display: block;
		text-align: center;
		background:#4E9683;
		margin: 0;
		width: 100%;
		padding: 1em 0;
	}

	.banner-info h1 {
	  width: 100%;
	  font-size:1.9em;
	}
	.exporter a {
	  padding: 11px 30px;
	}
	.banner-bottom-nav {
	  padding-left: 0;
	}
	.banner-bottom {
		padding: 1em 0;
	}
	.fixed-header {
	  padding: 0;
	}
	.search-sub {
	  padding-top: 10px;
	}
	.welcome-company,.services,.footer,.products,.projects,.our {
	  padding: 3em 0;
	}
	.contact {
	  margin: 3em 0;
	}
	.welcome-company-grid-left,.about-grid-left {
	  margin-bottom: 2em;
	}
	.welcome-company-grid-right h3, .about-grid-left h3, .about-grid-right h3, .testimonials h3, .team h3, .projects h3, .products h3, .contact h3 {
	  font-size: 1.8em;
	}
	.about-grid-left img {
	  width: 100%;
	}
	.about-grid-lft {
	  float: left;
	  width: 10%;
	}
	.about-grids {
	  padding: 3em 0 0;
	}
	.testimonials {
		margin: 0;
	}
	.testimonial {
	  float: left;
	  width: 33.33%;
	}
	.team-grid {
	  float: left;
	  width: 33.33%;
	}
	.social {
	  left:6%;
	}
	.social ul {
		padding:65px 0 0;
	}
	.social {
		padding:73px 33.5px 34px;
	}
	.team-grid h4 {
		font-size: 18px;
	}
	.team-grid h4 span {
	  font-size: 11px;
	}
	.fixed {
		position: inherit;
	}
	.services-grid {
	  float: left;
	  width: 50%;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 98px -16px;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 95px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 95px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 96px -279px;
	}
	.services-grid:nth-child(2) {
	  margin-bottom: 2em;
	}
	.our-left {
	  float: none;
	  width: 70%;
	  margin: 0 auto;
	}
	.our-left {
	  margin-bottom: 1em;
	}
	.nbs-flexisel-nav-left {
	  left: 93%;
	}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	  top: -32% !important;
	}
	.product-grid {
	  float: left;
	  width: 33.33%;
	}
	.product-grids:nth-child(3) {
	  margin: 2.5em 0 0;
	}
	.contact-info {
	  width: 70%;
	}
	.footer-grid-left,.footer-grid-right,.footer-grid-right-grid {
	  float: left;
	  width: 50%;
	}
	.logo a span {
		font-size: 1.1em;
	}
	.banner-bottom-nav ul li a:hover {
	  color: #DCF5EE;
	}
	.logo {
	  width: 100%;
	}
	.banner {
	  min-height: 485px;
	}
	.search-sub {
	  margin: 0;
	}
}
@media (max-width:736px){
	.banner {
	  min-height: 475px;
	}


	.search-sub {
	  width: 60%;
	}
	.form-control {
	  width: 80%;
	  float: left;
	  margin-right: .2em;
	}
	.navbar-form .form-group {
	  margin-bottom: 0;
	}
	.search-sub {
	  padding-top: 0;
	}
}
@media (max-width:667px){

	.form-control {
		width: 77%;
	}
}
@media (max-width:640px){
	.logo a {
	  font-size: 2.4em;
	}
	.banner-info h1 {
	  font-size: 1.6em;
	}
	.banner-info {
		margin-top:-70px;
	}
	.banner {
	  min-height: 450px;
	}
	.search-sub {
	  width:65%;
	}
	.navbar-form .form-group {
	  margin-bottom: 0;
	}
	.navbar-form {
	  padding: 0;
	}
	.form-control {
	  display: block;
	  width: 75%;
	  float: left;
	  margin-right: .5em;
	}
	.welcome-company-grid-right h3, .about-grid-left h3, .about-grid-right h3, .testimonials h3, .team h3, .projects h3, .products h3, .contact h3 {
	  font-size: 1.5em;
	}
	.about-grid-lft {
	  width: 12%;
	}
	.about-grid-rgt {
	  float: right;
	  width: 88%;
	}
	.testimonials p:before {
	  left: -14%;
	}
	.team-grid {
	  float: none;
	  width: 60%;
		margin: 0 auto;
	}
	.social {
	  left:15%;
	  padding: 115px 52.5px 34px;
	  border-radius: 128px;
	  -webkit-border-radius: 128px;
	  -moz-border-radius: 128px;
	  -o-border-radius: 128px;
	  -ms-border-radius: 128px;
	}
	.team-grid:nth-child(3) {
	  margin: 2em auto;
	}
	.services-grd h3 {
	  font-size: 15px;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 67px -16px;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 68px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 64px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 67px -279px;
	}
	.more a {
	  padding: 7px 17px;
	  font-size: 13px;
	}
	.product-grid {
	  float: none;
	  width: 75%;
	  margin: 0 auto;
	  margin-bottom: 2em;
	}
	.product-grids:nth-child(3) {
	  margin: 0;
	}
	.contact-info {
		margin: 3em 2em 0em 0;
	}
	.contact-info input[type="submit"] {
	  font-size: 13px;
	}
	.map-color,.map iframe {
		min-height: 650px;
	}
	.search-sub {
	  padding-top: 8px;
	}
}
@media (max-width: 600px){
	.social {
	  left: 12%;
	}
}
@media (max-width:568px){
	.social {
	  left: 10%;
	}
	.search-sub {
	  padding-top: 8px;
	}
}
@media (max-width:480px){

	.logo a {
	  font-size: 2em;
	}
	.banner {
		padding: 2em 0 0;
	}
	.banner-info h1 {
	  font-size: 1.4em;
	}
	.banner-info {
	  margin-top:-20px;
	}
	.banner {
	  min-height: 360px;
	}
	.search-sub {
	  width: 75%;
	  padding-top: 5px;
	}
	.welcome-company, .services, .footer, .products, .projects, .our {
	  padding: 2em 0;
	}
	.about-grid-left h3, .about-grid-right h3, .products h3, .contact h3, .team h3 {
	  margin: 0 0 1em;
	}
	.about-grid-rgt {
	  width: 84%;
	}
	.about-grid-rgt h4 {
		font-size: 15px;
	}
	.testimonial {
	  float: none;
	  width: 100%;
	  margin-bottom: 1.5em;
	}
	.testimonials p:before {
	  left: -18px;
	}
	.team {
	  margin: 2em 0 0;
	}
	.social {
		left: 6%;
		padding: 85px 42.5px 43px;
		border-radius: 132px;
		-webkit-border-radius: 132px;
		-moz-border-radius: 132px;
		-o-border-radius: 132px;
		-ms-border-radius: 132px;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 31px -16px;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 31px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 29px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 31px -279px;
	}
	.our-left {
		width: 90%;
	}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	  top:-19% !important;
	}
	.project-grid{
		margin:0;
	}
	.project-grid img{
		width:100%;
	}
	.nbs-flexisel-nav-left {
	  left: 89%;
	}
	.product-grd {
	  margin: 0;
	}
	.product-grid {
		width: 100%;
	}
	.contact-info {
	  margin: 1em 1em 0em 0;
	}
	.map-color, .map iframe {
	  min-height: 580px;
	}
	.contact-info {
	  width: 92%;
	}
	.footer-grid-left, .footer-grid-right, .footer-grid-right-grid {
	  float: none;
	  width: 100%;
	}
	.footer-grid-right h3 {
	  margin: 1em 0 1em 0em;
	}
	.footer-grid-right p {
	  margin: 0 0 2em 0em;
	}
	.footer-grid-right-grid {
	  float: left;
	  width: 50%;
	}
	.contact-info input[type="submit"] {
		width: 40%;
	}
	.banner-bottom-nav ul {
		width: 94%;
	}
	.banner-bottom-nav ul li a {
	  font-size: 14px;
	}
}
@media (max-width: 414px){
	.banner-info {
	  margin: 6em 0 0;
	}
	.banner-info h1 {
	  font-size: 1.2em;
	}
	.banner {
	  min-height: 310px;
	}
	span.menu img {
	  width: 100%;
	}
	.fixed-header {
		width: 12%;
	}
	.search-sub {
	  width: 75%;
	}
	.btn {
	  padding: 6px 8px;
	  font-size: 13px;
	}
	.search-sub {
	  padding-top: 6px;
	}
	.team-grid {
		width: 100%;
	}
	.social {
	  left: 16%;
	  padding: 85px 53.5px 64px;
	}
	.services-grid {
	  float: none;
	  width: 100%;
	  margin-bottom: 1em;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 100px -16px;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 98px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 95px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 102px -279px;
	}
	.our-left {
	  width: 100%;
	}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	  top: -22% !important;
	}
	.form-control {
		width: 72%;
	}
}
@media (max-width:320px){
	.logo a {
	  font-size:1.3em;
	}
	.banner-info h1 {
	  font-size: 1em;
	}
	.banner-info {
	  margin: 4em 0 0;
	}
	.banner {
	  min-height: 250px;
	}
	.form-control {
	  height: 30px;
	  font-size: 13px;
	}
	.btn {
	  padding: 4px 7px;
	}
	.search-sub {
	  width: 80%;
	}
	.form-control {
	  width: 69%;
	}
	.search-sub {
	  padding-top:1px;
	}
	.welcome-company, .services, .footer, .products, .projects, .our {
	  padding: 1.5em 0;
	}
	.welcome-company-grid-left, .about-grid-left {
	  margin-bottom: 1em;
	}
	.welcome-company-grid-right h3, .about-grid-left h3, .about-grid-right h3, .testimonials h3, .team h3, .projects h3, .products h3, .contact h3 {
	  font-size: 1.1em;
	}
	.welcome-company-grid-left,.welcome-company-grid-right,.about-grid-left,.about-grid-right,.services-grid,
	.about-grid-rgt,.product-grid,.footer-grid-left,.footer-grid-right,.footer-grid-right-grid{
	  padding: 0 !important;
	}
	.welcome-company-grid-right p,.about-grid-left p,.about-grid-rgt h4,.testimonials p,.team-grid p,
	.services-grd p,.project-grid-text p,.project-grid-text1 p,.footer-grid-left p, .footer-grid-right p,
	.footer-bottom p{
		font-size: 13px;
	}
	.footer-bottom {
		padding: 1.5em 0;
	}
	.maiores ul {
		padding: 1em 0;
	}
	.about-grids {
	  padding: 2em 0 0;
	}
	.about-grid-lft p {
	  width: 25px;
	  height: 25px;
	  font-size: 11px;
	}
	.about-grid-lft {
	  width: 20%;
	}
	.about-grid-rgt {
	  width: 80%;
	}
	.about-grid-rgt p {
	  font-size: 13px;
	  margin: 0.5em 0 1em;
	}
	.testimonials {
		padding: 1em 0 0;
	}
	.testimonials h4 {
	  font-size: 14px;
	  margin: 0.5em 0 0;
	}
	.team {
	  margin: 0;
	  padding: 2em 0;
	}
	.social {
		left: 14%;
		padding: 37px 26.5px 55px;
		border-radius: 135px;
		-webkit-border-radius: 135px;
		-moz-border-radius: 135px;
		-o-border-radius: 135px;
		-ms-border-radius: 135px;
	}
	.team-grid h4 {
	  font-size: 16px;
	    margin: 1em 0 0.5em;
	}
	.team-grid h4 span {
	  font-size: 10px;
	}
	.gear span {
	  background: url(../images/2.png) no-repeat 65px -16px;
	}
	.more {
	  margin: 1em 0 0;
	}
	.exporter{
		margin:1em 0 0;
	}
	.men span {
	  background: url(../images/2.png) no-repeat 67px -100px;
	}
	.rupee span {
	  background: url(../images/2.png) no-repeat 68px -195px;
	}
	.truck span {
	  background: url(../images/2.png) no-repeat 70px -279px;
	}
	.glyphicon-calendar, .glyphicon-globe, .glyphicon-wrench, .glyphicon-star-empty, .glyphicon-cog, .glyphicon-signal {
		font-size: 2.2em;
	}
	.our-left h4 {
	  font-size: 14px;
	  width: 75%;
	}
	.our-left p {
	  font-size: 13px;
	  margin-top: 0px;
	}
	.nbs-flexisel-nav-left {
	  left: 82%;
	}
	.product-grid {
	  margin-bottom: 1.5em;
	}
	.contact-info h4 {
	  font-size: 18px;
	}
	.contact-info p {
	  font-size: 13px;
	  margin: 0.5em 0 1em;
	}
	.contact-info {
	  margin: 0.5em 0.5em 0em 0;
	  width: 95%;
	  padding: 1em;
	}
	.contact-info input[type="text"], .contact-info input[type="email"], .contact-info textarea {
		padding: 7px 13px;
	}
	.contact-info input[type="email"],.contact-info textarea {
	  margin: 1em 0;
	}
	.contact-info input[type="submit"] {
		padding: 7px 0px;
		width: 55%;
	}
	.map-color, .map iframe {
	  min-height: 497px;
	}
	.contact {
	  margin: 2em 0;
	}
	.footer-grid-left h3, .footer-grid-right h3 {
	  font-size: 20px;
	  margin: 0 0 0.5em;
	}
	.banner-bottom-nav ul.nav1 li {
	  padding: 0.8em 0;
	}
	.banner-bottom-nav ul {
	  width: 91%;
	}
	.banner-bottom-nav ul li a {
	  font-size: 13px;
	}
	.footer-grid-left h4, .footer-grid-right h4 {
	  font-size: 12px;
	}
	.footer-grid-right p {
	  margin: 0 0 1em 0em;
	}
	.banner {
	  padding: 1.5em 0 0;
	}
	.logo a span {
	  font-size: 1.3em;
	}
	.about-grid-left img,.product-grd a img,.footer-grid-left img{
	  width: 70%;
	  margin: 0 auto;
	}
	.company-grid img {
	  width: 100%;
	}
	.team-grid img {
	  width: 80%;
	}
	.services-grd {
		padding: 1em;
	}
	.project-grid img {
	  width: 70%;
	  margin:0 auto;
	}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	  top: -29% !important;
	}
	.footer-grid-left h4, .footer-grid-right h4 {
	  font-size: 12px;
	  text-align: center;
	}
	.project-grid-text1 {
	  text-align: center;
	}
	.about-grid-left h3,.about-grid-left p {
	  text-align: center;
	}
	.services-grid:nth-child(2) {
	  margin-bottom: 1em;
	}
	.footer-grid-right-grid img {
	  width: 90%;
	  margin: 0 auto;
	}

}

.banner-inner {
  position: relative;
  height: 400px;
}

.banner-left {
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 2;
}



.banner-phone {
  background-color: #4E9683;
  border-radius: 30px;
  padding: 8px 22px;
  margin-top: 100px;
  display: inline-block;
}

.banner-phone a {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}

.banner-phone a:hover { color: #d0f0e4; }

.banner-right {
  position: absolute;
  right: 0;
  z-index: 1;
}

.banner-right img {
  max-width: 100%;
}

.banner-subtitle {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #2e7d64;
  padding: 10px 0 14px;
  border-top: 1px solid rgba(46,125,100,.2);
  text-align:center;
}

.banner-undertitle {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  color: #000;
  padding: 25px 0 25px;
   text-align:center;
}

.banner-topline {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #fff;
  padding: 25px 0 25px;
    text-transform: uppercase;
  
}

.banner .container {padding-top:60px;}



@media (max-width: 767px) {
  .banner-inner { height: auto; min-height: 120px; }
  .banner-left  { position: static; }
  .banner-right { position: static; text-align: center; }
  .logo img { max-width: 200px; }

  
}

.logo img {max-width:770px;}

.first .container .col-md-12 {padding:45px!important; background-color:#86D9C3; border-radius: 80px 25px 120px 25px; height:450px;}
.service_s {
  padding: 10px 0;
  
}

.service-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}

.star {
  color: #fff;
  font-size: 24px;
  flex-shrink: 0;
}

.service-text {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #fff;
    font-weight: bold;
  text-transform: uppercase;
}


.btn-call {
  display: inline-block;
  background-color: #FF7530;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 40px;
  outline: 8px solid #FFBA65;
    text-transform: uppercase;
  box-shadow: 0 0 0 16px #FFFF99;
  transition: all 0.9s ease;
  margin-right:200px;
}

.btn-call:hover {
  background-color: #e05500;
  outline-color: #FF7530;
  box-shadow: 0 0 0 16px #FF7530;
  color: #fff;
  text-decoration: none;
  transition: all 0.9s ease;
}

.btn-call-wrap {
    text-align: right;
}
.first .container {padding-bottom:60px;}
.first .container .col-md-12 {
  background-image: url('../images/los-left.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 400px auto; /* ← размер картинки меняй тут */
}


.first .motion {
  position: absolute;
  top: 187px;  /* ← вверх/вниз */
  right: 350px; /* ← право/лево */
}

.motion p {
  background-color: #FF7530;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 6px 16px;
  border-radius: 20px;
  margin: 0;
  font-size:20px;
}

.mote {
  background-color: #FF7530;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 6px 16px;
  border-radius: 20px;
  margin: 0;
  font-size:20px; max-width:
}

.second .container .col-md-12 {padding:45px!important; background-color:#4E9683; border-radius: 25px 80px 25px 120px; height:480px;}


.second .container {padding-bottom:60px;}
.second .container .col-md-12 {
  background-image: url('../images/los-right.png');
  background-repeat: no-repeat;
  background-position: 600px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 400px auto; /* ← размер картинки меняй тут */
}

.second .motion {
  position: absolute;
  top: 200px;  /* ← вверх/вниз */
  right: 160px; /* ← право/лево */
}

.second .btn-call-wrap {
    text-align: left; margin-top:20px; margin-left:150px;
}



.third .container .col-md-12 {padding:45px!important; background-color:#4E9683; border-radius: 25px 80px 25px 120px; height:500px;}


.third .container {padding-bottom:60px;}
.third .container .col-md-12 {
  background-image: url('../images/los-right.png');
  background-repeat: no-repeat;
  background-position: 600px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 400px auto; /* ← размер картинки меняй тут */
}

.third .motion {
  position: absolute;
  top: 270px;  /* ← вверх/вниз */
  right: 260px; /* ← право/лево */
}

.third .btn-call-wrap {
    text-align: left; margin-top:20px; margin-left:150px;
}



.forth .container {padding-bottom:60px;}
.forth .container .col-md-12 {
  background-image: url('../images/los-left.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 400px auto; /* ← размер картинки меняй тут */
}

.forth .container .col-md-12 {padding:45px!important; background-color:#86D9C3; border-radius: 80px 25px 120px 25px; height:550px;}

.forth .btn-call-wrap {
    text-align: right; margin-top:20px;
}


.fifth .container {padding-bottom:60px;}
.fifth .container .col-md-12 {
  background-image: url('../images/los-col.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 400px auto; /* ← размер картинки меняй тут */
}

.fifth .container .col-md-12 {padding:45px!important; background-color:#DCF5EE; border-radius: 80px 25px 120px 25px; height:550px;}

.fifth .btn-call-wrap {
    text-align: right; margin-top:20px;
}

.fifth .service-item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}

.fifth .star {
  color: #4E9683;
  font-size: 24px;
  flex-shrink: 0;
}

.fifth .service-text {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  color: #4E9683;
    font-weight: bold;
  text-transform: uppercase;
}

.fifth .banner-topline {color: #4E9683;}


.product-map {
  background-color: #DCF5EE;
  padding: 40px 0;
}

.product-map-info {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  height: 100%;
}

.product-map-info h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #2e7d64;
  margin-top: 0;
  margin-bottom: 16px;
}

.product-map-info p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #333;
  margin-bottom: 10px;
  line-height: 1.5;
}

.product-map-info strong {
  color: #1a1a1a;
}

.product-map-yandex iframe {
  border-radius: 12px;
  display: block;
  width: 100%;
  height: 300px;
}
.footer-top {
  background-color: #4E9683;
  position: relative;
  overflow: hidden;
}

.footer-top::before {
  content: '';
  position: absolute;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: rgba(255,255,255,0.05);
  right: -80px; bottom: -120px;
  pointer-events: none;
}

.footer-top::after {
  content: '';
  position: absolute;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: rgba(255,255,255,0.04);
  right: 160px; bottom: -60px;
  pointer-events: none;
}

.footer-top .container {
  position: relative;
  z-index: 1;
}

.footer-top .row {
  display: flex;
  align-items: flex-end;
}

/* Лось */
.footer-moose {
  padding: 0;
  line-height: 0;
}

.footer-moose img {
  display: block;
  max-width: 80%; /* уменьшили на 20% */
  height: auto;
  margin: 0 auto; /* центрируем с отступами */
}

/* Инфо блок */
.footer-info {
  padding: 44px 0 36px 36px;
  border-left: 1px solid rgba(255,255,255,0.15);
}

/* Лого */
.footer-logo {
  margin-bottom: 20px;
}

.footer-logo img {
  max-width: 440px; /* было 340px, увеличили на ~30% */
  height: auto;
}

/* Tagline */
.footer-tagline {
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  margin: 0 0 28px;
    font-weight: bold;
}

/* Контакты в строку */
.footer-contacts-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.footer-contact-item {
  padding-right: 24px;
  margin-right: 24px;
  border-right: 1px solid rgba(255,255,255,0.2);
  line-height: 1.5;
}

.footer-contact-item:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.footer-contact-label {
  font-family: 'Roboto', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  display: block;
  margin-bottom: 4px;
    font-weight: bold;
}

.footer-contact-value {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

.footer-contact-value a {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  transition: color 0.2s;
}

.footer-contact-value a:hover {
  color: #FFFF99;
}

@media (max-width: 991px) {
  .footer-info {
    padding: 30px 0 30px 20px;
  }

  .footer-logo img {
    max-width: 320px;
  }

  .footer-contacts-row {
    flex-direction: column;
    gap: 14px;
  }

  .footer-contact-item {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 14px;
  }

  .footer-contact-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

@media (max-width: 880px) {
.logo img {
  max-width: 700px;
  }
  }

@media (max-width: 768px) {
.logo img {
  max-width: 100%;
  }
  }

@media (max-width: 767px) {
  .footer-top .row {
    flex-direction: column;
    align-items: center;
  }

  .footer-moose {
    width: 40%;
    margin: 0 auto;
  }

  .footer-moose img {
    max-width: 100%;
    margin: 0 auto;
  }

  .footer-info {
    width: 100%;
    border-left: none;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding: 24px 20px 30px;
    text-align: center;
  }

  .footer-logo img {
    max-width: 260px;
    margin: 0 auto;
  }

  .footer-contacts-row {
    align-items: center;
  }

  .footer-contact-item {
    text-align: center;
  }
}

.d_none {display:none;}
.d_nonen {display:none;}
.m_name {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 0 14px;
  display: block!important;
  
}

.

@media (max-width: 991px) {
	  .d_nonen {display:block;}
	  .m_nonen {display:none;}
}

@media (max-width: 768px) {
.logo img {
  max-width: 100%;
  }
  .d_none {display:block;}
  .nomobile {display:none;}
  .menu {
  display: flex!important;
  justify-content: space-between!important;
  align-items: center!important;
}
.fixed-header {text-align:left;}
  }


@media (max-width: 768px) {
.logo img {
  max-width: 100%;
  }
  .d_none {display:block;}
  .nomobile {display:none;}
  .menu {
  display: flex!important;
  justify-content: space-between!important;
  align-items: center!important;
}
.fixed-header {text-align:left;}
  }
  
  
@media (max-width:480px){
.banner-undertitle {font-size:20px;}
}

@media (max-width:1200px){
.first .motion {
  top: 187px;
  right: 180px;
}
.first .btn-call {margin-right: 100px;}
.second .btn-call-wrap {margin-left: 100px;}
.second .container .col-md-12 {height: 520px; background-position: 450px bottom;}
.third .container .col-md-12 {height: 520px; background-position: 450px bottom;}
.third .motion {
  top: 270px;
  right: 30px;
}

.forth .btn-call {margin-right: 100px;}
.fifth .btn-call {margin-right: 100px;}

}

@media (max-width:991px){
	.m_nonen {display:none;}
	.d_nonen {display:inline-block;}
.first .container .col-md-12 {
  background-image: url('../images/mlos-left.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 600px;
}
.first .btn-call-wrap {margin-top:20px;}

.second .container .col-md-12 {
  background-image: url('../images/mlos-right.png');
  background-repeat: no-repeat;
  background-position: 300px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 600px;
}
.second .btn-call-wrap {margin-top:20px; margin-left:0px;}

.third .container .col-md-12 {
  background-image: url('../images/mlos-right.png');
  background-repeat: no-repeat;
  background-position: 300px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 700px;
}
.third .btn-call-wrap {margin-top:20px; margin-left:0px;}

.forth .container .col-md-12 {
  background-image: url('../images/mlos-left.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 730px;
}
.forth .btn-call-wrap {margin-top:20px;}

.fifth .container .col-md-12 {
  background-image: url('../images/mlos-col.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 650px;
}
.fifth .btn-call-wrap {margin-top:20px;}

}


@media (max-width:767px){
	.footer-moose img {max-width: 100px; padding-top:30px;}
	.first .container .col-md-12, .second .container .col-md-12, .third .container .col-md-12, .forth .container .col-md-12, .fifth .container .col-md-12 {border-radius:25px; padding:25px!important;}
	.first .btn-call-wrap, .second .btn-call-wrap, .third .btn-call-wrap, .forth .btn-call-wrap, .fifth .btn-call-wrap {margin:0 auto; margin-top:20px;}
	.first .btn-call, .second .btn-call, .third .btn-call, .forth .btn-call, .fifth .btn-call {margin:0 auto; font-size:20px; text-align:center;}
	.banner-topline {padding:0px; font-size:25px;}
	.service-item .star {font-size:20px;}
	.service-item .service-text {font-size:20px;}
.first .container .col-md-12 {
  background-image: url('../images/mlos-left.png');
  background-repeat: no-repeat;
  background-position: 0px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 600px;
}


.second .container .col-md-12 {
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 600px;
}


.third .container .col-md-12 {
  background-image: url('../images/mlos-right.png');
  background-repeat: no-repeat;
  background-position: 100px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 740px;
}


.forth .container .col-md-12 {
  background-image: url('../images/mlos-left.png');
  background-repeat: no-repeat;
  background-position: 0px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 730px;
}


.fifth .container .col-md-12 {
  background-image: url('../images/mlos-col.png');
  background-repeat: no-repeat;
  background-position: 0px bottom; /* ← "правее" меняй тут, например "20px bottom" */
  background-size: 300px auto; /* ← размер картинки меняй тут */
  height: 720px;
}
}


.banner-new img {max-width:100%; border-radius: 25px 80px 25px 80px;}