@import "fonts/fonts.css";


html{
	scroll-behavior: smooth;
}

a:hover{
	text-decoration: none;	
}

/*-------------------------------*/


.BoxHeight{
	height: 40px;
}


/*-------------------------------*/

.MainHeader{
	font-family: Montserrat-Medium;
	background-color: #F7F8FA;
	padding: 15px 0px;
}

.MainHeader a:hover{
	text-decoration: none;
}

.MainHeader  .fa{
	color: #000000;
	font-size: 20px;
	padding-right: 12px;
	transition: 1s ease all;
}

.MainHeader  .fa:hover{
	color: #7165A2;
}

.MainHeader  .HeaderFlags{
	text-align: right;
	margin-top: -3px;
}

.MainHeader  .HeaderFlags img{
	width: 30px;
	padding-right: 5px;
}


@media (min-width: 666px) and (max-width: 1280px) {

}


@media (min-width: 320px) and (max-width: 660px) {
	
.MainHeader{
	text-align: center;
}
	
.MainHeader  .fa{
	font-size: 17px;
}
	
.MainHeader  .HeaderFlags img{
	width: 25px;
}


}



/*-------------------------------*/

.BottomHeader{
	font-family: Montserrat-Medium;
	background-color: #FFFFFF;
  position: relative;
}

.sticky {
  box-shadow: 0px 5px 10px #EEEEEE;
  position: fixed;
  top: 0;
  width: 100%;
}


@media (min-width: 666px) and (max-width: 1280px) {

.BottomHeader img{
	width: 20%;
	margin: auto;
}


}


@media (min-width: 320px) and (max-width: 660px) {
	
.BottomHeader{                
	padding: 10px 0px;
}
	
.BottomHeader img{
	display: none;
}

}



/*-------------------------------*/

.NavigationBar{
	font-family: Montserrat-Medium;
	padding-top: 25px;
}

.NavigationBar .navbar-inverse{
	background-color: transparent;
	border: none;
	margin-bottom: -20px;
}

.NavigationBar .navbar-header a{
	display: none;
}

.NavigationBar  .navbar-inverse ul li a{
	color: #000000;
	font-size: 12px;
	text-transform: uppercase;
	transition: 1s ease all;
}


.NavigationBar  .navbar-inverse ul li a:hover{
	color: #D90000;
}


.NavigationBar  .navbar-inverse ul li ul  li a{
	color: #000000;
	font-size: 12px;
	text-transform: capitalize;
	padding-top: 10px;
	padding-bottom: 10px;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-left-color: #000000;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

@media (min-width: 666px) and (max-width: 1280px) {

.NavigationBar{
	margin-top: 0px;
}


.NavigationBar .navbar-inverse{
	margin-bottom: -30px;
}

.NavigationBar  .navbar-inverse ul li a{
	font-size: 10px;
}


}


@media (min-width: 320px) and (max-width: 660px) {
	

.NavigationBar{
	float: none;
	margin-top: -20px;
}

.NavigationBar .navbar-inverse{
	margin-bottom: 0px;
}

.NavigationBar .navbar-inverse .navbar-toggle{
	background-color: #4D42AD;
}

.NavigationBar .navbar-header a{
	display: block;
	width: 30%;
	margin-top: -20px;
}


}

/*------------------------------------------------------*/

.CarouselMain{
	font-family: Montserrat-Medium;
	text-align: left;
	font-style: italic;
}

.CarouselMain .carousel-indicators li{
	background-color: #19196E;
	border: none;
	width: 50px;
	height: 7px;
}

.CarouselMain .carousel-indicators li.active{
	background-color: #60609C;
	border: none;
}

.CarouselMain .carousel-caption{
	top: 150px;
	text-align: center;
}

.CarouselMain .carousel-caption h4{
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
	text-decoration: underline;
}

.CarouselMain .carousel-caption .Link{
	padding: 30px;
	text-align: center;
}

.CarouselMain .carousel-caption .Link a{
	color: #FFFFFF;
	font-size: 25px;
	text-decoration: underline;
}

@media (min-width: 666px) and (max-width: 1280px) {


.CarouselMain .carousel-caption{
	top: 100px;
	left: 100px;
}

.CarouselMain .carousel-caption h4{
	font-size: 14px;
}


.CarouselMain .carousel-caption .Link a{
	font-size: 12px;
}


}


@media (min-width: 320px) and (max-width: 660px) {



.CarouselMain .carousel-caption{
	top: 20px;
	left: 40px;
}

.CarouselMain .carousel-indicators li{
	width: 20px;
	height: 4px;
}

.CarouselMain .carousel-caption h4{
	font-size: 11px;
}


.CarouselMain .carousel-caption .Link{
	padding: 10px;
}
.CarouselMain .carousel-caption .Link a{
	font-size: 9px;
}

	
}



/*------------------------------------------------------*/

.HomeGoodAt{
	font-family: Montserrat-Medium;
	text-align: center;
	font-size: 12px;
	position: inherit;
}

.HomeGoodAt a{
	color: #FFFFFF;
}

.HomeGoodAt a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.HomeGoodAt .Box {
	background-position: center;
    position: relative;
    width: 100%;
    max-width: 100%;
	padding-top: 120px;
	height: 500px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.HomeGoodAt .overlay {
  position: absolute; 
  bottom: 0; 
  background: #60609C;
  background: #60609C; /* Black see-through */
  width: 100%;
  height: 500px;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  text-align: center;
	padding-top: 120px;
	color: #FFFFFF;
}

.HomeGoodAt .Box:hover .overlay {
  opacity: 0.7;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.HomeGoodAt h1{
	font-size: 25px;
}
	
.HomeGoodAt .Box {
	padding-top: 70px;
	height: 300px;
}
	
.HomeGoodAt .Box img{
	width: 50%;
	margin: auto;
}

.HomeGoodAt .Box h3{
	font-size: 16px;
}
	
.HomeGoodAt .overlay {
  height: 300px;
	padding-top: 70px;
}

}



/*------------------------------------------------------*/

.HomeExpertise{
	font-family: Montserrat-Medium;
	background-color: #F7F8FA;
}

.HomeExpertise .BackgroundImage{
	background-image: url("../img/home-01.jpg");
	background-size: cover;
	background-position: center;
	height: 750px;
}

.HomeExpertise .ExpBox{
	padding: 0px 40px;
}

.HomeExpertise .ExpBox .Box{
	height: 270px;
	margin-bottom: 40px;
	transition: 1s ease all;
}

.HomeExpertise .ExpBox .Box:hover{
	color: #7165A4;
}

.HomeExpertise .ExpBox .fa{
	font-size: 50px;
}

.HomeExpertise .ExpBox .Box h4{
	font-size: 25px;
	padding: 10px 0px;
}

.HomeExpertise .ExpBox .Box p{
	font-size: 15px;
}

@media (min-width: 666px) and (max-width: 1280px) {

	
.HomeExpertise .BackgroundImage{
	height: 750px;
}

.HomeExpertise .ExpBox{
	padding: 0px 30px;
}


.HomeExpertise .ExpBox .Box h4{
	font-size: 20px;
}

.HomeExpertise .ExpBox .Box p{
	font-size: 12px;
}


}


@media (min-width: 320px) and (max-width: 660px) {

}


/*------------------------------------------------------*/

.HomeIndustries{
	font-family: Montserrat-Medium;
	background-color: #F4F4F4;
	text-align: center;
	font-size: 12px;
	position: inherit;
}

.HomeIndustries a{
	color: #FFFFFF;
}

.HomeIndustries a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.HomeIndustries .Box {
	background-position: center;
    position: relative;
    width: 100%;
    max-width: 100%;
	padding-top: 120px;
	height: 350px;
	color: #FFFFFF;
	margin-bottom: 30px;
}

.HomeIndustries .overlay {
  position: absolute; 
  color: #FFFFFF;
  bottom: 0; 
  width: 100%;
  height: 350px;
  transition: .5s ease;
  opacity:0;
  font-size: 12px;
  padding: 20px;
  text-align: center;
  padding-top: 150px;
}

.HomeIndustries .Box:hover h3 {
 transition: 1s ease all;
}

.HomeIndustries .Box:hover h3 {
 margin-top: -20px;
}

.HomeIndustries .Box:hover .overlay {
  opacity: 0.9;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {
	
.HomeIndustries h1{
	font-size: 22px;
}
	
}


/*------------------------------------------------------*/

.HomeFaqs{
	font-family: Montserrat-Medium;
	background-image: url("../img/faqs-banner.png");
	background-position: center;
    background-size: cover;
	background-attachment: fixed;
	color: #FFFFFF;
}

.HomeFaqs h1{
	text-align: center;
}

.HomeFaqs #accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
	margin-bottom: 20px;
}

.HomeFaqs #accordion .panel p{
	font-family: Montserrat-Regular;
}

.HomeFaqs #accordion a {
  background-color: #555555;
  display: block;
  padding: 20px 15px;
  border: 1px solid #FFFFFF;
  text-decoration: none;
}
.HomeFaqs #accordion .panel-heading a.collapsed:hover,
.HomeFaqs #accordion .panel-heading a.collapsed:focus {
  background-color: #838282;
  color: white;
  transition: all 0.2s ease-in;
	opacity: 0.9;
}
.HomeFaqs #accordion .panel-heading a.collapsed:hover::before,
.HomeFaqs #accordion .panel-heading a.collapsed:focus::before {
  color: white;
}
.HomeFaqs #accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
.HomeFaqs #accordion .panel-heading a:not(.collapsed) {
  color: white;
  background-color: #555555;
	opacity: 0.9;
  transition: all 0.2s ease-in;
}

.HomeFaqs #accordion .panel-collapse {
  color: white;
  background-color: #555555;
	opacity: 0.9;
  transition: all 0.2s ease-in;
}

.HomeFaqs #accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: white;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
.HomeFaqs #accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #FFFFFF;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}



/*------------------------------------------------------*/

.HomeAwards{
	font-family: Montserrat-Medium;
	background-image: url("../img/awards-banner.jpg");
	background-position: center;
    background-size: cover;
	background-attachment: fixed;
	text-align: center;
	font-size: 20px;
}

.HomeAwards .Box{
	background-color: #FFFFFF;
	box-shadow: 1px 1px 1px 1px #838282;
	padding: 80px 20px;
	margin-bottom: 20px;
}

.HomeAwards .Box .Image img{
	box-shadow: 1px 1px 1px 1px #EEEEEE;
	padding: 20px;
	border-radius: 50%;
}

.HomeAwards .Box h1{
	color: #7165A4;
	font-size: 55px;
	padding-top: 15px;
}



/*------------------------------------------------------*/

.PageTop{
	font-family: Montserrat-Regular;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	height: 200px;
	color: #FFFFFF;
	font-size: 40px;
	padding-top: 50px;
	text-align: center;
}

.PageTop p{
	font-size: 14px;
	padding-top: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {

.PageTop{
	font-size: 30px;
}

}


@media (min-width: 320px) and (max-width: 660px) {

	.PageTop{
	font-size: 20px;
}

.PageTop p{ 
	font-size: 12px;
}
}




/*------------------------------------------------------*/

.PageContactTop{
	font-family: Montserrat-Regular;
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	color: #FFFFFF;
	font-size: 40px;
	padding-top: 80px;
}

.PageContactTop .word {
	color: #B0A5DD;
	font-size: 40px;
}

@media (min-width: 666px) and (max-width: 1280px) {

.PageContactTop{
	font-size: 30px;
}

}


@media (min-width: 320px) and (max-width: 660px) {

	.PageContactTop{
	font-size: 20px;
}

.PageContactTop p{ 
	font-size: 12px;
}
}



/*------------------------------------------------------*/

.AboutUs{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
}

.AboutUs .container{
	background-color: #FFFFFF;
	padding: 40px 80px;
}

.AboutUs h1{
	font-style: italic;
}

.AboutUs span{
	color:#665E8D;
}

.AboutUs ol li{
	font-style: italic;
	color:#665E8D;
}

.AboutUs .nav-pills{
	background-color: #EEEEEE;
	margin-bottom: 30px;
	border-radius: 0px;
}

.AboutUs .nav-pills a{
	color: #000000;
	border-radius: 0px;
	padding: 10px 100px;
}

.AboutUs .nav-pills a:hover{
	background-color: #7162AC;
	color: #FFFFFF;
	text-decoration:none;
}


@media (min-width: 666px) and (max-width: 1280px) {


.AboutUs h1{
	font-size: 30px;
}

}


@media (min-width: 320px) and (max-width: 660px) {

.AboutUs .container{
	padding: 40px 40px;
}

.AboutUs h1{
	font-size: 25px;
}
	
.AboutUs .nav-pills a{
	color: #000000;
	border-radius: 0px;
	padding: 10px 10px;
}

}


/*------------------------------------------------------*/

.AboutSuccess{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
	font-size: 20px;
	text-align: center;
}

.AboutSuccess .BoxOne{
	border-right: #EEEEEE 1px solid;
}

.AboutSuccess span{
	font-family: Montserrat-Bold;
	color:#665E8D;
	font-size: 40px;
	padding-left: 10px;
}


/*------------------------------------------------------*/

.VisionMission{
	font-family: Montserrat-Regular;
}

.VisionMission .BoxBG{
	font-family: Montserrat-Regular;
	background-image: url("../img/mission-vision.jpg");
	background-position: center;
    background-size: cover;
	background-attachment: fixed;
	height: 500px;
	color:#FFFFFF;
	text-align: center;
	padding-top: 200px;
}


.VisionMission .BoxDetails{
	padding: 65px;
}

/*------------------------------------------------------*/

.AboutBelieve{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
	text-align: center;
}

.AboutBelieve .Box{
	margin-bottom: 30px;
}


.AboutBelieve h2{
	color: #665E8D;
	text-transform: uppercase;
	padding-bottom: 10px;
}


/*------------------------------------------------------*/

.EcoEnvironment{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
}

.EcoEnvironment .Details{
	padding-left: 30px;
}

.EcoEnvironment .progress{
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.EcoEnvironment .progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.EcoEnvironment .progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.EcoEnvironment .progress .progress-left{
    left: 0;
}
.EcoEnvironment .progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.EcoEnvironment .progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.EcoEnvironment .progress .progress-right{
    right: 0;
}
.EcoEnvironment .progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}
.EcoEnvironment .progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    font-size: 24px;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.EcoEnvironment .progress.blue .progress-bar{
    border-color: #665E8D;
}
.EcoEnvironment .progress.blue .progress-left .progress-bar{
    animation: loading-2 1.5s linear forwards 1.8s;
}

@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}
@media only screen and (max-width: 990px){
    .progress{ margin-bottom: 20px; }
}


.EcoEnvironment #accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
}

.EcoEnvironment #accordion .panel p{
	font-family: Montserrat-Regular;
}

.EcoEnvironment #accordion a {
  background-color: #FFFFFF;
  display: block;
  padding: 20px 15px;
  border: 1px solid #FFFFFF;
  text-decoration: none;
}
.EcoEnvironment #accordion .panel-heading a.collapsed:hover,
.EcoEnvironment #accordion .panel-heading a.collapsed:focus {
  background-color: #FFFFFF;
  color: #665E8D;
  transition: all 0.2s ease-in;
	opacity: 0.9;
}
.EcoEnvironment #accordion .panel-heading a.collapsed:hover::before,
.EcoEnvironment #accordion .panel-heading a.collapsed:focus::before {
  color: #000000;
}
.EcoEnvironment #accordion .panel-heading {
  padding: 0;
  border-radius: 0px;
  text-align: center;
}
.EcoEnvironment #accordion .panel-heading a:not(.collapsed) {
  color: #000000;
  background-color: #F7F8FA;
	opacity: 0.9;
  transition: all 0.2s ease-in;
}

.EcoEnvironment #accordion .panel-collapse {
  color: #000000;
  background-color: #F7F8FA;
	opacity: 0.9;
  transition: all 0.2s ease-in;
}

.EcoEnvironment #accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: #000000;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
}
.EcoEnvironment #accordion .panel-heading .accordion-toggle.collapsed::before {
  color: #000000;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

	.EcoEnvironment p{
		font-size: 12px;
	}
	
	.EcoEnvironment h3{
		font-size: 18px;
	}
	
}



/*------------------------------------------------------*/

.Specialtructure{
	font-family: Montserrat-Regular;
}

.Specialtructure h1{
	padding-bottom:30px;
}

.Specialtructure .TopBox h1{
	text-align: center;
}

/*------------------------------------------------------*/

.Certificates{
	font-family: Montserrat-Regular;
	text-align: center;
}

.Certificates .Box{
	box-shadow: 5px 5px 5px 5px #EEEEEE;
	padding: 10px;
	margin-bottom: 30px;
}

.Certificates .Box p{
	font-size: 18px;
}

.Certificates .Box a{
	color: #000000;
}

.Certificates .Box a:hover{
	color: #000000;
	text-decoration: none;
}


/*------------------------------------------------------*/

.ReachUs{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
	font-size: 16px;
	text-align: center;
}

.ReachUs p{
	font-style: italic;
}

.ReachUs .Links{
	padding-top: 40px;
}

.ReachUs .ContactUs{
	background-color: transparent;
	border: #665E8D 1px solid;
	border-radius: 5px;
	color: #665E8D;
	padding: 15px 40px;
	text-decoration: none;
	margin: 10px;
	transition: 1s ease all;
}

.ReachUs .ContactUs:hover{
	background-color: #665E8D;
	border: #665E8D 1px solid;
	color: #FFFFFF;
}


.ReachUs .ExploreMore{
	background-color: #3A3A44;
	border: #3A3A44 1px solid;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 15px 40px;
	text-decoration: none;
	margin: 10px;
	transition: 1s ease all;
}

.ReachUs .ExploreMore:hover{
	background-color: #665E8D;
	border: #665E8D 1px solid;
	color: #FFFFFF;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.ReachUs .ExploreMore{
	display: inline-block;
	margin-top: 20px;
}


}


/*------------------------------------------------------*/

.ContactReach{
	font-family: Montserrat-Regular;
	background-color: #F7F8FA;
}

.ContactReach .fa{
	color: #000000;
	font-size: 55px;
	border: #000000 2px solid;
	border-radius: 50%;
	padding: 10px 20px;
	margin-top: 10px;
}

.ContactReach .Link{
	padding-top: 50px;
}

.ContactReach .Link a{
	background-color: #7162AC;
	border-radius: 5px;
	color: #FFFFFF;
	padding: 15px 40px;
	text-decoration: none;
	margin: 10px;
	transition: 1s ease all;
}

.ContactReach .Link a:hover{
	background-color: #DD2E27;
	text-decoration: none;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.ContactReach{
	text-align: center;
}
	
}

/*------------------------------------------------------*/

.IndustrialCatering{
	font-family: Montserrat-Regular;
	text-align: center;
}

.IndustrialCatering h1{
	color:#7162AC;
	padding-bottom: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {


.IndustrialCatering h1{
	font-size: 25px;
}
	
.IndustrialCatering img{
	margin-bottom: 10px;
}

}

/*------------------------------------------------------*/

.OtherServicesWeOffer{
	font-family: Montserrat-Regular;
	text-align: center;
}

.OtherServicesWeOffer a{
	font-family: Montserrat-Bold;
	color:#7162AC;
}


.OtherServicesWeOffer .Details{
	padding-left: 10px;
}


.OtherServicesWeOffer .Box{
	margin-bottom: 20px;
	text-align: left;
}


@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.OtherServicesWeOffer h1{
	font-size: 25px;
}
	
.OtherServicesWeOffer a{
	font-size: 18px;
	display: inline-block;
	padding-top: 10px;
}
	
}


/*------------------------------------------------------*/

.AboutCampSupport{
	font-family: Montserrat-Regular;
	text-align: center;
	font-size: 17px;
}

.AboutCampSupport h3{
	color:#7162AC;
	padding-bottom: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {


.AboutCampSupport h3{
	font-size: 20px;
}
	
.OtherServicesWeOffer .Box img{
	width: 30px;
}

}


/*------------------------------------------------------*/

.CateringFoodServices{
	font-family: Montserrat-Regular;
	background-color: #FCFCFC;
	text-align: center;
}

.CateringFoodServices h2{
	color:#7162AC;
	padding-bottom: 10px;
}

.CateringFoodServices h1{
	color:#7162AC;
	text-align: center;
}

.CateringFoodServices .MoreServices{
	text-align: left;
}

.CateringFoodServices .MoreServices tr td{
	padding-top: 20px;
}

.CateringFoodServices .Details{
	padding-left: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {


.CateringFoodServices h1{
	font-size: 20px;
}
	

.CateringFoodServices h2{
	font-size: 20px;
}


.CateringFoodServices .MoreServices table img{
	width: 30px;
}
	
}

/*------------------------------------------------------*/

.AlliedServices{
	font-family: Montserrat-Regular;
	text-align: center;
}

.AlliedServices h2{
	color: #7162AC;
}

.AlliedServices .MoreServices{
	text-align: left;
}

.AlliedServices .MoreServices tr td{
	padding-top: 20px;
}

.AlliedServices .AlliedBG{
	background-position: center;
	height: 600px;
}


.AlliedServices .Details{
	padding-left: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.AlliedServices h2{
	font-size: 25px;
}

.AlliedServices .MoreServices table img{
	width: 30px;
}

}


/*------------------------------------------------------*/

.ITSupport{
	font-family: Montserrat-Regular;
}

.ITSupport h1{
	text-align: center;
}

.ITSupport h3{
	font-family: Montserrat-Bold;
}

@media (min-width: 666px) and (max-width: 1280px) {


}


@media (min-width: 320px) and (max-width: 660px) {

.ITSupport h1{
	font-size: 20px;
}

}

/*------------------------------------------------------*/

.PortaCable{
	font-family: Montserrat-Regular;
	text-align: center;
}

@media (min-width: 666px) and (max-width: 1280px) {


}


@media (min-width: 320px) and (max-width: 660px) {

.PortaCable h1{
	font-size: 20px;
}

}

/*------------------------------------------------------*/


.ProductsServices{
	font-family: Montserrat-Regular;
	background-color: #FCFCFC;
}

.ProductsServices h1{
	text-align: center;
	padding-bottom: 30px;
}

.ProductsServices .MoreProducts{
	margin-bottom: 40px;
	text-align: left;
}

.ProductsServices .Box{
	padding-top: 40px;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {


.ProductsServices h1{
	font-size: 20px;
}
	
}

/*------------------------------------------------------*/

.SolidWasteManagement{
	font-family: Montserrat-Regular;
	background-color: #FCFCFC;
	text-align: center;
}

.SolidWasteManagement h2{
	color: #7162AC;
}

.SolidWasteManagement .MoreServices{
	text-align: left;
}

.SolidWasteManagement .MoreServices tr td{
	padding-top: 20px;
}

.SolidWasteManagement .AlliedBG{
	background-position: center;
	height: 600px;
}


.SolidWasteManagement .Details{
	padding-left: 10px;
}


@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {

.SolidWasteManagement h2{
	font-size: 25px;
}

.SolidWasteManagement .MoreServices img{
	width: 30px;
}
	
}


/*------------------------------------------------------*/

.SpacesWork{
	font-family: Montserrat-Regular;
}

.SpacesWork h1{
	text-align: center;
	padding-bottom: 30px;
}

.SpacesWork .TopBox{
	text-align: center;
}

.SpacesWork h4{
	font-family: Montserrat-Bold;
}

.SpacesWork ul li {
	padding-top: 10px;
}

@media (min-width: 666px) and (max-width: 1280px) {


}


@media (min-width: 320px) and (max-width: 660px) {

.SpacesWork h1{
	font-size: 20px;
}

}


/*------------------------------------------------------*/


.OurCommitment{
	font-family: Montserrat-Regular;
}

.OurCommitment .LeftBackgorund{
	font-family: Montserrat-Bold;
	background-position: center;
	text-align: center;
	color:#FFFFFF;
	height: 450px;
	padding: 150px  0px;
}

.OurCommitment .RightBackgorund{
	font-family: Montserrat-Bold;
	background-position: center;
	text-align: center;
	color:#FFFFFF;
	height: 450px;
	padding: 150px  0px;
}

.OurCommitment .MobileBackgorund{
	display: none;
}

.OurCommitment .Box{
	text-align: center;
	padding: 60px 50px;
}

.OurCommitment .Link{
	padding-top: 40px;
}

.OurCommitment .Link a{
	color:#7162AC;
	font-size: 18px;
	border:#7162AC 1px solid;
	padding: 10px 40px;
	transition: 1s ease all;
}

.OurCommitment .Link a:hover{
	background-color: #7162AC;
	color:#FFFFFF;
	text-decoration: none;
}

.OurCommitment .LinkModal a{
	background-color: #7162AC;
	color:#FFFFFF;
	font-size: 18px;
	padding: 10px 40px;
	transition: 1s ease all;
}

.OurCommitment .LinkModal a:hover{
	background-color: #EE1D23;
	text-decoration: none;
}

@media (min-width: 666px) and (max-width: 1280px) {



.OurCommitment{
	font-family: Montserrat-Regular;
}

.OurCommitment .LeftBackgorund{
	font-family: Montserrat-Bold;
	background-position: center;
	text-align: center;
	color:#FFFFFF;
	height: 450px;
	padding: 150px  0px;
}

.OurCommitment .RightBackgorund{
	font-family: Montserrat-Bold;
	background-position: center;
	text-align: center;
	color:#FFFFFF;
	height: 450px;
	padding: 150px  0px;
}

.OurCommitment .MobileBackgorund{
	display: none;
}

.OurCommitment .Box{
	text-align: center;
	padding: 60px 50px;
}

.OurCommitment .Link{
	padding-top: 40px;
}

.OurCommitment .Link a{
	color:#7162AC;
	font-size: 18px;
	border:#7162AC 1px solid;
	padding: 10px 40px;
	transition: 1s ease all;
}

.OurCommitment .Link a:hover{
	background-color: #7162AC;
	color:#FFFFFF;
	text-decoration: none;
}


}


@media (min-width: 320px) and (max-width: 660px) {
	
.OurCommitment .LeftBackgorund{
	display: none;
}

.OurCommitment .RightBackgorund{
	padding: 50px  0px;
}

.OurCommitment .MobileBackgorund{
	display: block;
	font-family: Montserrat-Bold;
	background-position: center;
	text-align: center;
	color:#FFFFFF;
	height: 450px;
	padding: 50px  0px;
}

.OurCommitment .Box{
	padding: 30px;
}

.OurCommitment h1{
	font-size: 25px;
}


}

/*------------------------------------------------------*/

.OurClients{
}

.OurClients .Box{
	box-shadow: 5px 5px 5px 5px #EEEEEE;
	padding: 10px;
	margin-bottom: 30px;
}

/*------------------------------------------------------*/

.Careers{
	font-family: Montserrat-Regular;
}

.Careers label{
	padding: 20px 0 5px 0px;
}

.Careers .form-control{
	border-radius: 0px;
	height: 45px;
}

.Careers .btn{
	background-color: #7162AC;
	color: #FFFFFF;
	width: 256px;
	height: 45px;
	border: none;
	border-radius: 0px;
	margin-top: 20px;
	transition: 1s ease all;
}

.Careers .btn:hover{
	background-color: #DD2E27;
	color: #FFFFFF;
}



/*------------------------------------------------------*/

.ContactUs{
	font-family: Montserrat-Regular;
	text-align: center;
}


.ContactUs .ContactDetails{
	padding: 40px;
	padding-top: 20px;
}

.ContactUs .fa{
	color: #7162AC;
	font-size: 45px;
	padding-bottom: 20px;
	transition: 1s ease all;
}

.ContactUs .fa:hover{
	color: #00BCD4;
}

.ContactUs .ContactDetails a{
	color: #7162AC;
}

.ContactUs .ContactDetails p{
	color: #7162AC;
}

.ContactUs .ContactDetails p span{
	color: #000000;
	font-weight: bold;
	padding: 0px 2px;
}

.ContactUs .Bar{
	background-color: #CCCCCC;
	width: 100%;
	height: 1px;
	margin: 20px 0px;
}


.ContactUs .ContactForm{
	background-color: #FDFDFD;
	padding: 40px;
	padding-top: 20px;
	text-align: left;
}

.ContactUs label{
	font-weight: bold;
	margin: 5px 0px;
}

.ContactUs input{
	background-color: #FFFFFF;
	width: 100%;
	height: 40px;
	border: #000000 1px solid;
	border-radius: 0px;
}

.ContactUs input:focus{
	outline: none;
}

.ContactUs textarea{
	background-color: #FFFFFF;
	width: 100%;
	border: #000000 1px solid;
	border-radius: 0px;
}

.ContactUs textarea:focus{
	outline: none;
}

.ContactUs button{
	font-family: Montserrat-Bold;
	background-color: #7162AC;
	color: #FFFFFF;
	font-size: 16px;
	width: 250px;
	height: 45px;
	border-radius: 0px;
	transition:  1s ease all;
}

.ContactUs button:hover{
	background-color: #EE1D23;
	color: #FFFFFF;
}

@media (min-width: 666px) and (max-width: 1280px) {


.ContactUs{
	font-size: 13px;
}

.ContactUs label{
	font-size: 13px;
}

}


@media (min-width: 320px) and (max-width: 660px) {

.ContactUs{
	font-size: 12px;
}

}




/*------------------------------------------------------*/

.Footer{
	font-family: Montserrat-Regular;
	background-image: url("../img/footer-banner.jpg");
	background-position: center;
    background-size: cover;
	background-attachment: fixed;
	color:#FFFFFF;
	padding: 60px  0px;
	padding-bottom: 30px;
}

.Footer .QuickLinks a{
	display:table-row;
}


.Footer a{
	color:#FFFFFF;
}

.Footer  a:hover{
	color:#FFFFFF;
	text-decoration: none;
}


.Footer  .fa{
	padding-right: 5px;
	color:#CFCBE0;
}

.Footer  .SocialLinks{
	padding-bottom: 20px;
}

.Footer  .SocialLinks .fa{
	background-color: #FFFFFF;
	border-radius: 50%;
	color:#000000;
	font-size: 20px;
	padding: 10px;
}

.Footer  .Copyright{
	border-top: #FFFFFF 1px solid;
	margin-top: 20px;
	padding-top: 30px;
	text-align: center;
}

@media (min-width: 666px) and (max-width: 1280px) {



}


@media (min-width: 320px) and (max-width: 660px) {


.Footer  img{
	width: 50%;
	margin: auto;
}

}

/*----------------------*/