@charset "utf-8";
/* CSS Document */
/*
.1..body...........................
.2..top bar with head..............
.3..Logo...........................
.4..Nav Bar........................
.5..banner.........................
.6..Welcome box....................
.7..services bo....................
*/
body{ padding:0; margin:0;font-family: 'Maven Pro', sans-serif;}
#wrapper{ width:100%; height:auto;}

/*****top bar social media *****************************************************************************************/
.top-social-bar{ background-color:#ffc000; padding:5px 0px; color:#000;}
.top-social-bar span { display:inline-block; padding-right:22px;}
.top-social-bar i { padding-right:12px; color:#000;}
.top-social-bar a { color:#000;}
.temmanagement{ background-image:url(../images/bg11.jpg); background-size:cover; background-repeat:no-repeat;}
/*****top bar social media *****************************************************************************************/

/*****Header Start Here//// *****************************************************************************************/
header{ padding:20px 0px 20px 0px;}
.box2{}
.box2new { margin-bottom:30px;}
.box2new img { width:100%; height:auto;}
.logo{}
.phone {
    text-align: right;
    margin-top:13px;
	
}
.phone span { display:inline-block;vertical-align: middle;font-size:15px; padding-right:18px; font-weight:500;}
.phone p { padding:0px; margin:0px; text-align:left;}
.phone h2 {
    padding: 0px;
    margin: 0px;
    font-weight: 600;
    color: #cc1f1a;
    font-size: large;
}
.navbar-right {
    margin-top: 5px !important;
}
.ghada{ display:block; text-align:center;}

.product-section { border: solid 0px #888888;}

.yellow4box{ margin-bottom:60px;}
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

/****************************************/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #e7e7e700;
}
/*********************************************/
.box4new1{ margin-bottom:30px;}
.box4new1 img { width:100%; height:auto; border: solid 1px #C3C0C0;}

.redbox{ background-color:#ea7023; color:#fff; text-align:center; padding:50px 0px; text-align:center;}
.redbox h1 { margin:0px 0px 0px 0px; font-size:51px; display:inline-block; padding-right:30px;}
.redbox a {display:inline-block; margin:0px;}
.redbox span {display:inline-block;}
.redbox span p { text-align:left; text-transform:uppercase; margin:0px; padding:0px; font-size:22px;}

.phonenew{ text-align:left;padding-left: 53px}
.certificate{ text-align:left;}
.certificate img { width:100%; height:auto;}


.certificate-im{ display:block;}
.box3new{}
.box3new img { width:100%; height:auto; border:solid #B3B3B3 2px; margin-bottom:30px;}


.new-services-yellowbox{ padding:80px 0px;}
.new-services-yellowbox h1 { font-size:36px; text-transform:uppercase; margin:0px; font-weight:700; color:#DD0003;}
.newbtn{ padding:9px 30px; font-size:18px; text-transform:uppercase; float:right;}
.newbtnblac{ padding:9px 30px; font-size:14px; text-transform:uppercase; background-color:#000 !important; color:#fff !important;}
.yellowLine{ display:block; height:10px; width:40%; background-color:#ffc000;}
.lineyellow{ display:block; height:10px; width:80%; background-color:#ffc000;}
.servicestext1{ font-size:16px; text-transform:uppercase; font-weight:600;}
.servicestext{ padding-bottom:80px; text-align:center;}
.responsive-images{ padding-bottom:20px;}
.responsive-images img { width:100%; height:auto;}
.welcome-box{ background-color:#fff; padding:0px 0px; color:#4b4a4a;}
.bannerbottom{ background-image:url(../images/bannerbottombgf.jpg); background-repeat:no-repeat; background-position: center center; height:35px;}
/*****Header Start Here//// *****************************************************************************************/

/*******MENU START HERE**************************************************************************************************/
.navbar-default {
    background-color:#0000;
    border-color: #cc1f1a;
	border:none;
}
.navbar {
    border-radius: 8px;
}
.top-btn{ padding:0;}
.navbar-nav > li > a {
    padding-top: 7px;
    padding-bottom: 7px;
}
.navbar-nav {
    float:right;
    margin: 0px;
    padding:0px 0px;
}


.navbar-default .navbar-nav > li > a {
    color: #000;
text-transform: uppercase;
font-size: 14px;
padding: 11px 12px;
font-weight: bold;
}
.searchbtn{ background-color:#000 !important; color:#fff !important; border-radius:0px; border:none;}
.searchbox{ background-color:#D7D7D7; color:#fff !important; border-radius:0px;}

.dropdown-menu > li > a {

    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
font-size:13px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}
menu {
    margin:0px;
    width: 100%;
    padding: 0;
	background-image:url(../images/menubgnew.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
.borbox{ border: solid 1px #AFAFAF; padding:2%; display:block;}
.blue{ color:#000077;}
.navbar {position: relative;min-height: 42px;margin-bottom: 0px;}
.top-btn{ background-color:#ffdb3e; border:none;}
.top-btn:hover{ background-color:#ffdb3e !important; border:none;}
.btn-default a { color:#000 !important;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #004ba6;

}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #004ba6;
}

/*******MENU START HERE**************************************************************************************************/




.box-ver1{ margin:0; padding:0;}
.box-ver1 img { width:100%; height:auto;}

.Vending-Machines-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: 900;
	width:100%;
	text-align:center;
}
.innerbox{ width:70%; margin:auto;}
.mashinebox-list{ text-align:left;}
.mashinebox-list h1 { color:#000; font-style:italic; text-transform:uppercase; font-weight:700; margin-bottom:30px;}
.mashinebox-list ul { list-style-type:none; margin:0; padding:0px 0px 0px 30px;}
.mashinebox-list li { font-size:18px; font-weight:normal; color:#000; padding:10px 0px; border-bottom: solid 1px #FFFFFF;}
.mashinebox-list li a {color:#000;}

/***********banner********************************************************************************************************/
.banner{}
.nextbaner{}
.nextbaner img { width:100%; height:auto;}
/************banner************************************************************************************************************/




.copyrightbox{ background-color:#004ba6; color:#fff; padding:10px 0px;}
.socialmediabox{ text-align:right; font-weight:700;}
.socialmediabox span { display:inline-block;}



/***form box***********************************************************************************/
.form-box{ background-image:url(../images/formbg.jpg); background-repeat:no-repeat; background-size:cover; padding:30px 0px;}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width:99%;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    width: 100%;
}
.box3{ margin-bottom:20px;}
.box3 h3 { color:#fb0102;}
.box3 p { color:#4D4D4D;}
.box3 a { color:#4D4D4D;}
.box3 img { width:100%; height:auto;}
.btn-default {
    color: #000;
    background-color: #ffdb3e;
    border-color: #ffdb3e;
}
.form-box2 h1 { font-weight:700; color:#fff;}
.form-box2 p { color:#fff;}
.morebtn {
    background-color: #fb0102;
    color: #fff;
    font-size: 11px;
    border: 0;
    display: block;
    margin: auto;
    width: 100px;
	border-radius:0;
}
/*********************************************************************************************/





.homebtnew{
	background-color: #000;
border: none;
border-radius: 0;
color: #fff;
font-size: 40px;
font-weight: 400;
	}


/*******************************************************************************************************************/
.welcome-img-box{padding:0px; color:#4b4a4a;}
.welcome-img-box img { width:100%; height:auto;}
.welcome-textbox a { color:#FFFFFF;}
.pad-mar{ padding:0px; margin:0px;}
.welcome-textbox{ padding:60px;}
.welcome-textbox h1 { color:#2c935b; font-weight:700; font-size:40px; margin-bottom:30px; text-transform:uppercase;}
.welcome-textbox p { font-size:16px; line-height:28px; text-align:justify;}
.services-box2 span { display:inline-block; color:#fff;}
.services-box2 img { width:100%; height:auto;} 
.services-box2 i { vertical-align:text-top;display: flex; padding-right:12px;} 
.imgfull{ margin-bottom:20px;}
.imgfull:hover{ margin-bottom:20px; opacity:0.7;}
.imgfull img { width:100%; height:auto;}
.yellowLine2 {

    display: block;
    height: 4px;
    width: 17%;
    background-color: #e60312;
    margin: auto auto 30px auto;

}
.highlight-box{ display:block; background-color:#e2ebf5; border-left: #004ba6 solid 12px; padding:10px 20px; font-size:18px; color:#004ba6; margin-bottom:10px;}
/*******************************************************************************************************************/


/****services box*************************************************************************************************/
.services-box{ background-image:url(../images/servicesbg.jpg); background-repeat:no-repeat; background-size:cover; padding:50px 0px;}
.services-box h1 { text-align:center; color:#ffdb3e; font-weight:700;}
.services-box p { color:#fff; text-align:center; margin-bottom:50px; display:block;}
.services-box2 { margin-bottom:30px;}
.services-box2 span { font-size:18px; line-height:18px;}
/****services box*************************************************************************************************/

/*********************************************************************************************/
.need-call-box{ background-color:#cc1f1a; text-align:center; color:#fff; padding:30px 0px;}
.need-call-box h1 { font-weight:700;}
.clients-box { text-align:center; padding:80px 0px; background-color:#3b6e0e;}
.clients-box h1 { text-transform:uppercase; font-weight: bold; color:#fff;font-size: 33px; margin-bottom:20px;}
.line { width:100%; height:1px; background-color:#C3C2D0; margin:30px 0px;}
.newline{ margin-bottom:40px;}
/*************************************************************************************/


/*********************************************************************************************************************************/
.sm-footer {
    background-color: #2f3a43;
    padding: 15px 0px;
    color: #fff;
    margin-bottom: 1px;
	text-align:center;
	border-top:solid 1px #979797;
	text-transform:uppercase;
}
.sm-footer span { display:inline-block; padding-right:18px;}
.sm-footer span a { color:#fff;}

.lastfooter {
    padding: 40px 0px;
	background-color:#394650;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.box-footer-4 {
    background-image: url(../images/line-v.png);
    background-repeat: no-repeat;
    background-position: 272px 12px;
}
.lastfooter h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 600 !important;
    margin-top: 10px;
    margin-bottom: 30px;
}
.box-footer-4 ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.box-footer-4 li {
    list-style-type: none;
    padding: 0px 0px 10px 0px;
    color: #fff;
}
.box-footer-4 li a {
    color: #fff;
}
.nobg{ background-image:none;}
/************************************************************************************************************************************/
.nextpagebox{ padding:50px 0px;}
.nextpagebox h1 { font-weight:700; color:#2c935b;}
.nextpagebox p { font-size:16px; line-height:26px; text-align:justify;}
.nextpagebox li { font-size:16px; line-height:26px;}
.nextpagebox h3 {
    font-size: 22px;
    margin-bottom: 40px;
    margin-top: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #004ba6;
}
.bg-danger{ padding:5px 30px !important;}
.box4{ margin-bottom:40px; margin-top:20px;}
.box4 img { width:100%; height:auto;}
.box4 span { display:block; background-color:#0473a9; color:#fff; text-align:center; padding:5px 12px; font-weight:700;}
.box2new2{}
.box2new2 img {}
.nextpagebox h4 { text-align:center; font-size:14px;}



.aboutbanne{ background-image:url(../images/aboutbg.jpg); background-repeat:no-repeat; background-size:cover; padding:70px 0px; color:#fff;}
.Tea-ChaiPremixbox{ background-image:url(../images/tea-chai-premix-banner.jpg); background-repeat:no-repeat; background-size:cover; padding:70px 0px; color:#fff;}
.aboutbanne, .Tea-ChaiPremixbox, h1 { font-size:52px; font-weight:700; text-transform:uppercase;}
.imgaleft{ display:block; text-align:left; float:left; padding:0px 30px 0px 0px;}

.products-img{ width:40%;}
.products-text{ width:60%;}
.products-img img { width:100%; height:auto;}
.Flavours-box{ background-image:url(../images/bglist1.jpg); background-repeat:no-repeat; width:100%; display:block; padding:6px 6px 6px 46px; font-size:16px; margin-bottom:20px;}
.products-text h3 { font-size:22px; margin-bottom:40px; margin-top:30px; font-weight:500; text-transform:uppercase; color:#004ba6;}
.products-text h2 { font-size:28px; margin-bottom:30px; font-weight:600; text-transform:uppercase; color:#2c935b;}
.products-text p { font-size:16px;}



.box4new{ text-align:center;}
.box4new img { /*width:100%; height:auto;*/ border: solid 1px #C4B19B;}
.box4new span { font-size:16px; padding:20px 0px; display:block;}


.Tea-ChaiPremixbox p { font-size:18px; font-weight:400; text-transform:none;}