/* Pro BROWSER */
	/* width */
::-webkit-scrollbar {
width: 15px;
}

	/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #859099; 
    border-radius: 7px;
}

	/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
    background-image: url();
    background-size: cover;
    background-position:top;
    background-repeat: no-repeat;
    border-radius: 7px;
}

	/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: ; 
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;   
}
html{
scroll-behavior: smooth;
}


/******** BROWSER**********/
.tri-image{
	margin:0 20%;
	width:60%;
}
/* Animation */
/* Applies styles when the user has made no preference known */



/********* animation **********/

@font-face {
    font-family: ge;
    src: url('http://quality-corners.com/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('http://quality-corners.com/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
<!--
@font-face{
  font-family:'ge';
  src: url('http://quality-corners.com/fonts/lato/Lato-Black.ttf') format('ttf');
}
-->
<!--[if IE]>
<mce:style type="text/css" media="screen"><!
@font-face{
  font-family:'ge';
  src: url('http://quality-corners.com/fonts/lato/Lato-Black.ttf');
}
-->
/*
@font-face {
src: url('../fonts/lato/Lato-Black.ttf');
font-family: ge;
}

@font-face {
src: url('../fonts/lato/Lato-regular.ttf');
font-family: gelight;
}
*/
body{
  font-family: 'ge', sans-serif;
  font-size: 14px;  
}
.container-fluid{
	margin:0;
	padding: 0;
}
a{
    text-decoration: none;
}
.activeMenuItem a{
	color:#D22627 !important;
}
/* bootstrap */
.navbar-brand{
	width:50%;
}
.navbar-light .navbar-nav{
    
}
.navbar-light .navbar-nav .nav-link{
	color:#859099;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
    font-size: .9em;
    font-family: 'ge';
}

.navbar-expand-lg .navbar-nav .nav-link {
    
    
}

/* Carousel */
.slider-button{
	text-decoration: none;
	color: #fff;
}
.slider-button:hover{
	text-decoration: none;
	color: #fff;
}
.slider-image-size{
	width:100%;
	height: calc(100vh - 100px);
	background-repeat:no-repeat;
}
.slider-image01{
	background-image: url(../images/homenew/home1_supplies.jpg);
	background-size: cover;
	background-position: center;
}
.slider-image02{
	background-image: url(../images/homenew/home2-services.jpg);
	background-size: cover;
	background-position: center;
}
.slider-image03{
	background-image: url(../images/homenew/home3-clients.jpg);
	background-size: cover;
	background-position: center;
}
.slider-image04{
	background-image: url(../images/homenew/home4_news.jpg);
	background-size: cover;
	background-position: center;
}
.slider-image05{
	background-image: url(../images/homenew/home5-kitchen.jpg);
	background-size: cover;
	background-position: center;
}

.carousel-inner .carousel-item{
	display: ;
}
.carousel-inner .carousel-caption{
	bottom: 45%;
	background-color: rgba(00,00,00,0.6);
}
.carousel-inner .carousel-caption h5{
	font-size:16px;
	letter-spacing: 1rem;
	text-align: center;
	font-weight: normal;
	font-family: 'ge', sans-serif;  
}

/************* BOOTSTRAP ***********/



/* Navigation */



               
           
  /* Featured Field */
  
.Services-field{
	margin:100px 0px ;
	}
.centered-heading{
	padding:0;
	text-align:center;
	color:#333;
	font-size:6vw;
	}
.Carousel-container{
	width:auto;
	position:relative;
	overflow:hidden;
	}
.Carousel-container	.carousel-item{
	margin:0 auto;
}
.Carousel-container	.carousel-item img:hover, .carousel-text-container h3:hover, .carousel-text-container p:hover{
	cursor: pointer;
}
.Carousel-container	.carousel-item img{
	margin:40px auto;
}

 .carousel-text-container h3{
	font-size: 16px;
	color:#333;
	text-align: center;
	margin:0 auto 10px auto;
}
.carousel-text-container p{
	font-family: ge;
	color:#859099;
	font-size: 14px;
	text-align: center;
}

/* slick prev next */

/* separator line*/




     /* about section */
.about-field{
	width: 100%;
	background-color:#D22627;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	text-align: center;
	}
.about-field .one-third{
	width:100%;
	color:#fff;
	margin: 30px 0;
	}
.about-field .one-third ul{
	margin: 0;
	padding: 0;
	}
	.about-field .one-third ul li{
	font-family: ge;
	}
.about-field p{
	font-family: ge;
	text-align:center;
	color:#fff;
	}
.about-field .one-third .read-more-btn{
	color:#859099;
	cursor: pointer;
}

/******* ABOUT FIELD ********/
/* in-touch-field */

.in-touch-field{
	background-color: #fff;
	width: 50%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	text-align: center;
}
.in-touch-field .one-sixth{
	width: 100%;
	text-align: center;
	margin: 15px 0;
	
}
.in-touch-field {
	border-bottom: 1px solid #D22627;
}

.in-touch-field .one-sixth h3{
	color:#859099;
	font-size: 1.5em;
	letter-spacing: .02em;
	font-weight: lighter;
}
.in-touch-field .one-sixth p{
	color:#859099;
	margin:1px;
}
.social-icons-buttons-container{
	width:100%;
}
.social-icons{
	height: 100%;
	margin-top: 10px;
	padding:0;
	width: 100%;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.social-icons li{

	height: 40px;
	width:40px;
	border:1px solid #859099;
	border-radius: 30px;
	margin:0 5px;
}
.social-icons li .fa::before{
	font-size: 25px;
	line-height: 40px;
	color:#859099;
	padding:5px 10px;
}
/****** IN TOUCH FIELD ******/
/* Policies */
.policy-section{
	margin: 20px;
}
.policy-section h3{
	cursor: pointer;
	color:#859099;
	font-size: 16px;
	text-align: center;
}
.policy-section ul{
	list-style: none;
	padding:0;
	margin: 0 auto;
}
.targeted-policies-btn{
	display: none;
}
.policy-section ul li{
	display: block;
	padding:0 10px;
}
.policy-section ul li::before{
	 content: "\2022";
	 color:#D22627;
	 width:1em;
	 margin-left: -1em;
	display: inline-block;
}
.policy-section ul li a{
	font-family: ge;
	font-size: 9px;
	color:#D22627;
	text-decoration: none;
}
/****** Policies ******/
footer{
width:100%;
background-color: #fff;
margin:0px;
padding:10px 0;
color:#fff;	
text-align:center;

}

.footer-container{
	background-color: #859099;
	padding:4px 0;
}
.footer-text-container{
	font-family: ge;
}
.logo-footer{
	width:100px;
	height:50px;
	}
footer p, footer p a {
	padding:0;
	margin: 0;
	font-family: ge;
	color:#fff;
	font-size:10px;
}
/* ABOUT PAGE */
.about-hero1{
	width: 100%;

}
.about-first-section article, .about-second-section article{
	margin-top: 20px;
	padding:0 5%;
}
.about-first-section article h1, .about-second-section article h1, .about-third-section article h1, .about-fourth-section article h1{
	font-size: 24px;
	text-align: center;
	color:#D22627;
}
.about-first-section article p, .about-second-section article p{
	font-size: 14px;
	text-align: left;
	font-family: ge;

	color:#859099;
}
.cader-container{
	padding:0 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.circle-shape{
	width:200px;
	height: 200px;
	margin:20px 0;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.number-text{
	font-family: ge;
	font-size: 60px;
}
.grey-background{
	background-color: #859099;
}
.grey-background p{
	color:#fff;
}
.red-border{
	border:1px solid #D22627;
}
.red-border p{
 	color:#D22627;
}
.red-background{
	background-color: #D22627;
}
.red-background p{
	color:#fff;
}
/******** ABOUT PAGE *********/

/* SERVICES PAGE */


.services2-container{
	width:100%;
	margin:20px auto;
}
.services2-icon-container{
	width:100%;
	margin:0 auto;
}
.two-div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.two-div div{
	display: flex;
	margin: 0 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.two-div img{
	margin:0 auto;
	width:5em;
}
.two-div h2{
	margin:10px 0;
	font-size: 11px;
	font-family: ge;
	text-align: center;
}
.three-div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.three-div div{
	display: flex;
	margin: 0 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.three-div img{
	margin:0 auto;
	width:5em;
}
.three-div h2{
	margin:10px 0;
	font-size: 11px;
	font-family: ge;
	text-align: center;
}
table, tr, th{
	border: 1px solid #fff;
  border-collapse: collapse;
}

table tr:nth-child(odd){
	
	background-color: #fff;
	color:#111;
}
table tr:nth-child(1){
	background-color: #D22627;
	color:#fff;
	font-size: 20px;
}
table tr:nth-child(even){
	background-color: #859099;
	color:#fff;
}
table tr:nth-child(2){
	background-color: #D22627;
	color:#fff;
}
.contracts-table{
	width:100%;
	margin-bottom: 50px;
}
.contracts-table tr{
	width:100%;
}
.table-headings th, .table-datas td{
	text-align: center;
	width:33%;
}
.contracts-with th{
	text-align: center;
	border:none;
}

.contracts-with{
	
}
/******* SERVICES PAGE ************/

/* SUPPLIES PAGE */

/* supplies first */
.supplies-first{

}
.supplies-first article ul li{
	color:#859099;
	width: 60%;
	margin:0 auto;
}
.we-supply-red{
	background-color: #D22627;
}
.we-supply-red p{
	text-align: center;
	color:#fff;
}
.we-supply-red ul li{
	color:#fff;
}
.supplies-first ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-first ul li {
	padding:0;
	text-align:center;
}



/* supplies second */
.supplies-second{

}
.supplies-second article ul li{
	color:#859099;
	width: 60%;
	margin:0 auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-second ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-second ul li {
	padding:0;
	text-align:center;
}



/* supplies third */
.supplies-third{

}
.supplies-third article ul li{
	color:#859099;
	width: 60%;
	margin:0 auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-third ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-third ul li {
	padding:0;
	text-align:center;
}





/* supplies fourth */
.supplies-fourth{

}
.supplies-fourth article ul li{
	color:#859099;
	width: 60%;
	margin:0 auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-fourth ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-fourth ul li {
	padding:0;
	text-align:center;
}


/* supplies fifth */
.supplies-fifth{

}
.supplies-fifth article ul li{
	color:#859099;
	width: 60%;
	margin:0 auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-fifth ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-fifth ul li {
	padding:0;
	text-align:center;
}
/********** SUPPLIES PAGE **************/

/********** CONTACT PAGE ***************/
.contact-first button a, .contact-second button a{
	color:#fff;
	text-decoration: none;
}

/********** NEWS PAGE *************/
.mobile-no-display{
	display: none;
}
.date-of-post-mobile{
	display: inline-block;
	color:black;
	font-size: 11px;
	margin-top: 10px;
}
.news-show-grid .news-show-grid-heading{
	font-size: 20px;
	text-align: left;
}
/********** CLIENTS PAGE ****************/
.clients-container img{
	width:50%;
	margin-left:25%;
}


                                                                /* homepage responsive view 768 980 */
@media only screen and (min-width:767px) {
	/* bootstrap */


.navbar-brand{
	width:40%;
}

.carousel-inner .carousel-caption{
	width: 50%;
	margin:0 auto;
	height: inherit;
	bottom: 50%;
	transform: translateY(50%);
}
.carousel-inner .carousel-caption h5{
	font-size:22px;
	letter-spacing: 1.1rem;
	font-weight: normal;
	font-family: 'ge', sans-serif;  
}
.nav-container{
	padding:0 10%;
	height: auto;
}

/* bootstrap */

/* Navigation */

	
/* Slick controllers */
	 /* Featured Field */
  
.Carousel-container{
	width:auto;
	position:relative;
	overflow:hidden;
	}

.Services-field .Carousel-container .Carousel-item {
	width:30%;
	overflow:hidden;
}
.Services-field .Carousel-container .Carousel-item .carousel-text-container{
	width:50px;
}
.Services-field .Carousel-container .Carousel-item .carousel-text-container h3{
	font-size: 13px;
}

/* in-touch-field */

.in-touch-field .one-sixth h3{
	
}
.in-touch-field .one-sixth p{
	
}

/****** IN TOUCH FIELD ******/

}


                                                                /* homepage responsive view 981 */

@media only screen and (min-width:981px){
body{
	
}

.mobile-no-display{
	display: inline-flex;
}
.date-of-post-mobile{
	display: none;
}
/* small gallery */

.gallery-content{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.gallery-content div{
	width: 20%;
	margin:0 10px;
}
/*****************************************/
/* bootstrap */


.navbar-brand{
	width:20%;
	min-width: 150px;
}
.navbar-brand img{
	width:100%;
}

.nav-container{
	padding:0 5%;
	height: 100px;
}
.navbar-collapse{
	justify-content: space-around;
}

.navbar-light .navbar-nav .nav-link{
	letter-spacing: .15em;
	font-family: ge;
	font-size: 85%;
	line-height: 60px;
	margin:0 auto;
	
}
.dropdown-item{
	font-size: 70%;
}

/* carousel height */


.carousel-inner .carousel-caption{
	background-color: #859099;
	background-color: rgba(00,00,00,0.6);
	width: 40%;
	margin:0 auto;
	height: inherit;
	bottom: 50%;
	transform: translateY(50%);
}
/*
	animation-name:slideInUp;
	-webkit-animation-name:slideInUp;
	animation-duration:1s;
}
@media screen and (prefers-reduced-motion: reduce){
	.carousel-caption{
		animation:all;
	}
}
*/
.carousel-indicators li{
	width:60px;
	height: 5px;
}
.carousel-inner .carousel-caption h5{
	font-size:60px;
	letter-spacing: 1.1rem;
	font-weight: normal;
	font-family: 'ge', sans-serif;  
}
/* bootstrap */

/* active nav menu item JQuery */


.Services-field .Carousel-container .Carousel-item .carousel-text-container{
	width:150px;
	overflow: hidden;
}
.Services-field .Carousel-container .Carousel-item .carousel-text-container h3{
	font-size: 13px;
}

 /* about section */
.about-field{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	text-align: left;
	}
.about-field .one-third{
	width:30%;
	padding:0 5%;
	}
.about-field .one-third p{
	text-align:left;
	color:#fff;
	}
	.about-field .one-third h4{
	text-align:left;
	color:#fff;
	}
.about-field p a{
	cursor:pointer;
	}

/******* ABOUT FIELD ********/



  
/*Footer*/
footer{

	width:100%;
	margin:60px 0px 0px 0px;
	padding:0px;
}

.footer-container{
	flex-direction: row;
	justify-content: space-between;
}
/* in-touch-field */

.in-touch-field{
	padding:0;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #D22627;
}
.in-touch-field .one-sixth{
	width: 50%;
	color:#859099;
	margin: 0px auto;
}
.in-touch-field .one-sixth:nth-child(2){
	width: 100%;
}
.in-touch-field .one-sixth:nth-child(2) p{
	padding-right: 20px;
	font-size: 11px;

}
footer .container {
    max-width: 1240px;
}
.in-touch-field .border-style{
	border-bottom: none;
	border-left: 1px solid #D22627;
}
.in-touch-field .border-style-right{
	border-right: 1px solid #D22627;
}
.in-touch-field .border-style-bottom{
	border-bottom: none;
}
.in-touch-field .one-sixth h3{
	font-size: 1.2em;
	width: 100%;
}
.in-touch-field .one-sixth p{
	font-family: ge;
	font-size: 11px;
	width: 100%;
}
.fa::before{
	font-size: 25px;
	line-height: 30px;
	color:#859099;
	padding:0 20px 0 20px;
}
/****** IN TOUCH FIELD ******/
/* Policies */

.policy-section ul li{
	display: inline-block;
}
.policy-section ul li a{
	font-size: 14px;
	font-family: ge;
}
/****** Policies ******/
.logo-footer{
	width:125px;
	height:75px;
	}
.footer-text-container{

	}
.social-iconss{
	
	}
.footer-container{
	background-color:#859099;
	height: 50px;
}
.footer-container p, .footer-container p a {
	margin:0;
	padding:0;
	font-size:14px;
	line-height: 50px;
	color:#fff;
}

/* about page */
.btn-lg{
	background-color:#D22627;
	background-color:rgba(255, 0, 0, 0.6);
	}
.btn-lg a:hover{
	text-decoration: none;
}
.btn-lg:hover{
	background-color:rgba(255, 0, 0, 0.8); 
}
.about-first-section article, .about-second-section article{
	padding:0 20%;
}
.about-first-section article h1, .about-second-section article h1, .about-third-section article h1, .about-fourth-section article h1{
	font-size: 40px;
	margin: 30px 0;
}

/******** about page ******/

/* SERVICES PAGE */

.circle-shape{
	margin:0 20px;
}
.cader-container{
		flex-direction: row;
		margin:20px 0;
}



table tr:nth-child(1){
	font-size: 40px;
}

.services2-container{
	width:100%;
}
.services2-icon-container{
	width:50%;
	margin:0 auto;
}
.two-div{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.two-div div{
	display: flex;
	margin: 0 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.two-div img{
	margin:0 auto;
	width:15em;
}
.two-div h2{
	margin:10px 0;
	font-size: 16px;
	font-family: ge;
	text-align: center;
}
.three-div{
	margin:20px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.three-div div{
	display: flex;
	margin: 0 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.three-div img{
	margin:0 auto;
	width:15em;
}
.three-div h2{
	margin:10px 0;
	font-size: 16px;
	font-family: ge;
	text-align: center;
}

/******* SERVICES PAGE ************/

/* Clients page */

.clients-container{
	padding:0 5%;
}
.clients-container img{
	width:18%;
	margin-left:0;
}
/******** clients page ***********/

/* SUPPLIES PAGE */

/* supplies first */
.supplies-first{

}
.supplies-first article ul li{
	color:#859099;
	width: 50%;
	margin:0 auto;
}
.we-supply-red{
	margin:20px 0 0;
	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: 
}

.supplies-first ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-first ul li {
	padding:0;
	list-style: none;
	font-size: 24px;
	text-transform: uppercase;
	text-align:center;
}

.we-supply-red ul{

}
.we-supply-red p{
	font-size: 24px;
}
.we-supply-red ul li{
	list-style: none;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
}

/* supplies second */
.supplies-two-columns{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.supplies-second{

}
.supplies-second article ul li{
	color:#859099;
	width: 50%;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	margin:5px auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-second ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-second ul li {
	padding:0;
	text-align:center;
}



/* supplies third */
.supplies-third{

}
.supplies-third article ul li{
	color:#859099;
	width: 50%;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	margin:5px auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-third ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-third ul li {
	padding:0;
	text-align:center;
}





/* supplies fourth */
.supplies-fourth{

}
.supplies-fourth article ul li{
	color:#859099;
	width: 50%;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	margin:5px auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-fourth ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-fourth ul li {
	padding:0;
	text-align:center;
}


/* supplies fifth */
.supplies-fifth{

}
.supplies-fifth article ul li{
	color:#859099;
	width: 50%;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	margin:5px auto;
}
.we-supply-red{
	background-color: #D22627;
}

.supplies-fifth ul{
	width:100%;
	margin:0 auto;
	padding: 0;
}

.supplies-fifth ul li {
	padding:0;
	text-align:center;
}
/********** SUPPLIES PAGE **************/

/* CONTACT PAGE */
.contact-first button, .contact-second button{
	padding:10px;
}
.contact-first button a, .contact-second button a{
	color:#fff;
	text-decoration: none;
}
.contact-first article p {
	text-align: center;
}
.contact-second{

}
.contact-second article p{
	text-align:center;	
}
/******* CONTACT PAGER *********/

/* NEWS PAGE */

.heading-top-image{
	
	color:#fff;
	font-size: 70px;
	font-family: ge;
}
.news-show-grid{
	width:100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}
.news-show-grid .news-show-grid-heading{
	font-size: 30px;
	text-align: left;
}
/*
.news-show-grid div:nth-child(2){
	width:200px;
}
*/
.twentyh-pixel-circle{
	width: 200px;
}
.news-show-grid div:nth-child(2) p{
	color:#fff;
	font-family: 'ge';
	font-size: 36px;
	line-height: 24px;
}
.the-sixty-percent-text{
	width:60%;
	margin-left: 5%;
}
/*
.news-show-grid div:first-child{
	width:60%;
	margin-left: 5%;
}
*/

.news-first-section article{
	width:100%;
	padding:0 20%;
}
/********* NEWS PAGE **********/


}