/*  CSS definations for Unique Packaging System */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
1.1 Defaults
1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
		2.1.2 Contact Info
		2.1.3 Main Navigation
	2.2 Hero Area
	2.3 Main Container
		2.3.1 Featured Block
		2.3.2 Accessories Listing
		2.3.3 Titlebar
		2.3.4 Machines Box
		2.3.5 Table
		2.3.6 Clients Box
		2.3.7 Clients Listing
		2.3.8 Acccordion Section
	2.4 Footer
		2.4.1 Contact Details
		2.4.2 Footer Links
	2.5 Color
	2.6 Clearfix
	2.7 Responsive

-------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700');

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: "Montserrat", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	font-family: "Montserrat", sans-serif;
}
body {
	line-height: 1;
	font-family: "Montserrat", sans-serif;
}
ol, ul {
	list-style: none;
	font-family: "Montserrat", sans-serif;
}
blockquote, q {
	quotes: none;
	font-family: "Montserrat", sans-serif;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "Montserrat", sans-serif;
}
* {
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	margin-bottom: 20px;
	color: #010119
}
strong {
	font-weight: 700;
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 19px
}
h4 {
	font-size: 15px;
}
h5 {
	font-weight: 700;
	margin-bottom: 10px;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: '';
}
.clearfix:after {
	clear: both;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a {
	color:#010119;
	text-decoration:none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition: all 0.6s ease;
}
a:hover {
	color: #25577f;
}
address {
	font-style:normal;
}
.text-align-center {
	text-align: center;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* 1.2 Common Tags */
.style-select{
	border: 1px solid #d9d8d8;
	width:150px;
	position:relative;
}
select.select{
	width:100% !important;
	height:32px !important;
	line-height:32px;
	position:relative;
	z-index:10;
}
span.select{
	background:url(../images/bg-select.png) no-repeat right top;
	width:100%;
	height:32px;
	line-height:32px;
	float:left;
	cursor:default;
	font-size:14px;
	color:#999;
	text-indent:10px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.spacer-10 {
	width: 100%;
	height: 10px;
	clear: both;
}
.spacer-20 {
	width: 100%;
	height: 20px;
	clear: both;
}
.spacer-30 {
	width: 100%;
	height: 30px;
	clear: both;
}
.spacer-37 {
	width: 100%;
	height: 37px;
	clear: both;
}
.spacer-40 {
	width: 100%;
	height: 40px;
	clear: both;
}
.spacer-60 {
	width: 100%;
	height: 60px;
	clear: both;
}
.spacer-70 {
	width: 100%;
	height: 70px;
	clear: both;
}
.spacer-80 {
	width: 100%;
	height: 80px;
	clear: both;
}
.spacer-100 {
	width: 100%;
	height: 100px;
	clear: both;
}
.spacer-120 {
	width: 100%;
	height: 120px;
	clear: both;
}
.padding-15 {
	padding: 15px;
}
.white-box {
	background: #fff;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
p {
	line-height: 24px;
}
.line-height26 {
	line-height: 26px;
}
.list-style-disc {
	list-style: disc;
	margin: 0 0 0 14px;
}
.bg-gray {
	background: #f0f0ef;
}
.margin-0{
	margin: 0!important
}
.font-weight-700 {
	font-weight: 700;
	display: inline-block !important;
}
.heading {
	background: #f6f1eb;
	line-height: 30px;
}
.heading span {
	padding: 10px 20px;
	display: block;
}
.btn{
	border: none;
	padding: 1rem 2rem;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	background: #25577f;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}
.btn-primary{
	background: #005aaa
}
.btn-primary:hover{
	background: #024784
}
.btn:hover{
	color: #fff
}
.btn-secondary{
	background: #ed1c24
}
.btn-secondary:hover{
	background: #c30f16
}
.short-headings{
	position: relative
}
.short-headings span{
	display: inline-block;
	padding: 20px 30px;
	background: #f6f1eb;
	position: relative;
	bottom: -1px;
	z-index: 11
}
.short-headings:after{
	content: "-------------------------------------------------------------------------------------------------------------------------------";
	position: absolute;
    bottom: 0;
    line-height: 1px;
    height: 3px;
    left: 0;
    width: 100%;
    color: #c2cad3;
    letter-spacing: 5px;
    overflow: hidden;
}
.pull-right{
	float: right
}
.pull-left{
	float: left
}
.simple-read-more{
	color: #005aaa;
	font-weight: 700;
	font-size: 14px;
	text-decoration: underline;
	position: relative;
	z-index: 1
}
.simple-read-more.pull-top{
	margin-top: 23px
}
.text-transform-uppercase {
	text-transform: uppercase;
}
.border-all {
	background: #f9fcff;
	border: 1px solid #ccc;
	padding: 15px;
}
.border-bottom-2px {
	border-bottom: 2px solid #f6f1eb;
}
.border-bottom-4px {
	border-bottom: 4px solid #f6f1eb;
}
.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.align-items-center {
	align-items: center;
}
.read-more {
	color: #005aaa;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}
.read-more i {
	font-size: 11px;
	font-weight: 700;
}
textarea {
	padding-top: 13px;
	margin-bottom: 19px !important;
	resize: vertical;
	min-height: 200px;
	line-height: normal;
}
.form-control {
	background: #fcfcfc;
	box-sizing: border-box;
	border: 1px solid #ccc;
	width: 100%;
	line-height: 36px;
	padding: 5px 15px;
	margin-bottom: 16px;
	font-size: 15px;
}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:#fff;
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#25577f;
}
.box {
	width:1040px;
	margin:0 auto;
}

/* 2.1 Header */
.header {
	border-bottom: 1px solid #f6f1eb;
	position: absolute;
	z-index: 999;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.8)
}
/* 2.1.1 Logo */
.logo {
	border-right: 1px solid #f6f1eb;
	padding: 30px 25px 32px 0;
	float: left;
}
/*.logo a img{
	height: 100px;
}*/
.header-right {
	float: right;
	font-family: "Montserrat", sans-serif;
}
.header-right .btn{
	padding: .5rem 1rem;
	float: right;
	position: relative;
	top: -3px
}
.header-top {
	border-bottom: 1px solid #f6f1eb;
	color: #333;
	padding: 14px 0;
	font-size: 28px;
}
.header-top strong {
	font-family: "Montserrat", sans-serif;
	margin-bottom: 6px;
	display: block;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* 2.1.2 Contact Info */
.contact-info {
	float: right;
	margin-top:8px;
	line-height: 24px;
	font-size: 14px;
}
.contact-info img {
	margin-right:5px;
}
.contact-info .email,
.contact-info .phone-number {
	margin-left: 15px;
	display:inline-block;
}
.contact-info .email a,
.contact-info .phone-number a {
	color: #25577f;
	color: #25577f;
}
.contact-info .email a:hover,
.contact-info .phone-number a:hover {
	color:#005aa9;
}
.social-media {
	float: right;
	margin-left: 30px;
}
.social-media li {
	float:left;
	line-height: normal;
	margin-left: 10px;
}
.social-media li:first-child {
	margin-left:0;
}
/* 2.1.3 Main Navigation */
.main-navigation {
	line-height: 26px;
}
.main-navigation ul {
	float:right;
}
.main-navigation li {
	margin-left: 27px;
	padding: 11px 0;
	float: left;
	position: relative;
}
.main-navigation li:first-child {
	margin-left: 0;
}
G-Optimizer India {
	color: #25577f;
	display: block;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 17px;
	letter-spacing: 1.5px;
	text-decoration: none;
}
G-Optimizer India:hover, G-Optimizer India.active{
    font-weight: 700;
}
.main-navigation ul ul {
	background: #fff;
	float: none;
	min-width: 220px;
	position: absolute;
	left: 0;
	top: 100%;
	white-space: nowrap;
	display: none;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition: all 0.6s ease;
	-moz-box-shadow: 0 3px 15px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 15px rgba(0,0,0,.05);
	box-shadow: 0 3px 15px rgba(0,0,0,.05);
	z-index: 999;
}
.main-navigation ul ul li {
	border-top: 1px solid #f6f8fa;
	float:none;
	margin-left: 0;
	line-height: 20px;
	padding: 0;
	display: block;
	position: relative;
}
.main-navigation ul ul li:first-child {
	border-top: none;
}
.main-navigation ul ul li a {
	padding:10px 14px;
	color: #25577f;
	font-weight: 500;
	text-transform: none;
	font-size: 12px;
	text-decoration: none;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li a.active {
	background: #f6f1eb;
	color: #25577f;
	text-decoration: none;
}
.main-navigation ul li:hover ul {
	display: block;
}
.main-navigation ul ul ul {
	float: none;
	min-width: 220px;
	display: none !important;
	left: 100%;
	top: 0%;
}
.main-navigation ul ul li:hover ul {
	display: block !important;
}
.menu-icon {
	display: none;
}

/* 2.2 Hero Area */
.hero-area {
	background: url(../images/global-reach1.jpg) no-repeat -17rem center;
    background-size: cover;
    height: 650px;
    width: 100%;
    top: 0;
	position: relative;
	border-bottom: 1px solid #f0f3f6;
	z-index: 1
}
.hero-area .box{
	height: 100%
}
.hero-area .box > div{
	display: table;
	height: 100%;
	width: 100%
}
.hero-area .box > div > div{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	position: relative
}
.hero-area .main-image{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -144px
}
.hero-area h2 {
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 700;
	color: #f36f21;
	margin-top: 34px
}
.hero-area p {
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 40px;
	display: block;
	text-transform: uppercase;
	color: #010118;
	font-weight: 700;
}
.hero-area p:last-child{
	background: #f36f21;
	display: inline-block;
	color: #fff;
	padding: 3px 9px;
	font-size: 29px;
}
.hero-area .flexslider {
	width: 410px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
	right: 50%;
	margin-right: -480px;
	position: absolute;
}

/* 2.3 Main Container */
.main-container {
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 600px;
}
.column-left {
	box-sizing: border-box;
	width: 65%;
	float: left;
}
.column-right {
	box-sizing: border-box;
	width: 34%;
	float: right;
}
.column-right .btn {
	display: block;
	text-align: center;
}
/* 2.3.1 Featured Block */
.featured-block {
	margin-left: -3.33333%
}
.featured-block-items {
	box-sizing: border-box;
	width: 30%;
	margin-left: 3.33333%;
	padding: 40px;
	margin-bottom: 30px;
	float: left;
	border: 1px solid #f6f1eb;
	border-top: 4px solid #005aaa;
}
.featured-block .featured-block-items p {
	margin-bottom:0;
}
.featured-icon {
	margin-bottom: 25px;
}
.listing li {
	border-top: 1px solid #ddd;
	padding: 0 20px;
	line-height: 40px;
}
.listing li:first-child {
	border-top:none;
}
/* 2.3.2 Accessories Listing */
.accessories-listing ul {
	list-style:decimal;
	margin-left: 15px;
}
.accessories-listing li {
	line-height: 25px;
}
.application-items {
	background: #fff;
	text-align: center;
}
.application-items h4 {
	line-height: 14px;
	font-size: 13px;
	font-weight: 400;
	padding: 10px 0;
	color: #25577f
}
.application-items .app-media{
	padding: 5px;
	border: 1px solid #f6f1eb;
}
.application-items .heading {
	margin-bottom: 0;
}
.border-none .app-media {
	border: none;
	padding: 0 20px;
}
.cta{
	background: #fff;
	position: relative;
	z-index: 1;
	padding: 15px 0;
	box-shadow: 0 1px 5px rgba(0,0,0,.05)
}
.cta-large{
	padding: 35px 0
}
.cta-border-top{
	border-top: 1px solid #f6f1eb;
}
.cta span.title{
	color: #005aaa
}
.cta strong, .cta p{
	display: inline-block;
}
.cta h2{
	display: inline-block;
	position: relative;
	bottom: -9px
}
.event-grid-item {
	width: 50%;
	float: left;
}
.margin-left-0 {
	margin-left:0;
}
.event-grid-item .imgb {
	float:left;
	margin-right: 10px;
}
.event-grid-item .event-title {
	line-height: 50px;
	text-align: left;
}
.event-grid-item .event-title h3 {
	margin-bottom: 0;
	font-size:18px; 
}
.event-grid-item .event-title h3 strong {
	font-size:24px;
	text-transform: uppercase;
}
.event-item-content p {
	padding-right: 20px;
}
.upcoming-events{
	margin-top: 150px;
}
.upcoming-events .application-items {
	text-align: center;
}
.upcoming-events h4 {
	padding: 0;
	color:#010119;
	font-size: 17px;
	font-weight: 700;
}
.upcoming-events h5,
.upcoming-events address strong {
	color:#010119;
	font-weight: 700;
}
.upcoming-events address {
	line-height: 20px;
	font-size: 13px;
}
.upcoming-events address strong {
	font-size:14px;
}
/* 2.3.3 Titlebar */
.title-bar {
	margin-bottom: 80px;
	padding: 80px 0 60px 0;
	text-align: right;
	top: 106px;
	position: relative;
}
.title-bar h3 {
	margin-bottom: 10px;
	color: #222;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.title-bar p {
	margin-bottom: 10px;
	color: #010118;
	display: block;
	line-height: 28px;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}
.title-bar p:last-child {
    background: #222;
    color: #fff;
	display: inline-block;
    padding: 2px 8px;
	font-size: 17px;
}
.content {
	padding: 10px 20px 20px 20px;
}
.content p {
	margin-bottom: 30px;
}
/* 2.3.4 Machines Box */
.machines-box ul,
.accessories-box ul {
	margin-left:-2.3%;
}
.machines-box li,
.accessories-box li {
	width: 31%;
	float: left;
	margin: 0 0 40px 2.3%;
	text-align: center;
}
.machines-box li span,
.accessories-box li span {
	display: block;
	padding: 15px 0;
	line-height: 24px;
}
.machines-details .img-box img {
	width:100%;
}
.machines-details .img-box {
	position: relative;
}
.machines-details .img-box .img-pouch {
	position:absolute;
	left: 0;
	top: 50px;
}
/* 2.3.5 Table */
.table {
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}
.table-row {
	width: 582px;
	padding: 8px 5px;
	line-height: 20px;
}
.table-row.even,
.table-row2.even,
.table-row3.even{
	background: #f6f1eb;
}
.table-row .td1,
.table-row .td2 {
	width: 40%;
	float: left;
}
.table-row .td2 {
	width: 60%;
}
.table-row .td1 strong {
	font-size:14px;
}
.table-row .td2 span {
	font-size: 13px;
}
.table-row2 {
	width: 770px;
	line-height: 20px;
}
.table-row.blue,
.table-row2.blue {
	background: #005aaa;
	color: #fff;
}
.table .td3,
.table .td4,
.table .td5,
.table .td6,
.table .td7,
.table .td8,
.table .td9,
.table .td10,
.table .td11,
.table .td12,
.table .td13,
.table .td14,
.table .td15,
.table .td16,
.table .td17,
.table .td18 {
	float: left;
	text-align: left;
	padding: 10px;
}
.table sup {
	font-size:12px;
}
.table .td3:first-child {
	border-left:none;
}
.table .td3 {
	width: 14%;
}
.table .td4,
.table .td5 {
	width:15%;
}
.table .td6,
.table .td7,
.table .td10 {
	width:21%;
}
.table .td8 {
	width: 79%;
	text-align: center;
}
.table .td9 {
	width:79%;
	text-indent: 13px;
}
.table .td10 {
	line-height: 40px;
}
.table .td11,
.table .td12 {
	width: 38%;
	text-indent: 5px;
}
.table-row3 {
	width: 600px;
	line-height: 20px;
}
.table .td13 {
	width:17%;
}
.table .td14,
.table .td15,
.table .td16 {
	width:23%;
}
.table .td17,
.table .td18 {
	width:75%;
}
.table .td18 {
	text-align: center;
}
/* 2.3.6 Clients Box */
.clients-box ul {
	margin-left:-3%;
}
.clients-box li {
	border: 1px solid #f6f1eb;
	width: 30%;
	float: left;
	margin: 0 0 30px 3%;
	text-align: center;
} 
.clients-box li a {
	padding: 20px;
	box-sizing: border-box;
	display: block;
}
/* 2.3.7 Clients Listing */
.clients-listing {
	padding:0 20px;
}
.clients-listing ul {
	margin-left:-.3px;
}
.clients-listing li {
	width: 33%;
	float: left;
	margin-left: .3px;
	line-height: 21px;
	padding: 5px 0;
	font-size: 14px;
	text-transform: uppercase;
}
.clients-listing li span {
	width:20px;
	margin-right:7px;
	display: inline-block;
}
.clients-listing li span img {
	margin-top:-3px;
}
/* 2.3.8 Acccordion Section */
.accordion-section {
	overflow: hidden;
}
.accordion {
	border-top: 1px solid #e2eaf4;
}
.acc_trigr {
	padding: 14px 20px;
	margin-bottom: 0;
	font-size: 18px;
	color: #666;
	cursor: pointer;
	position: relative;
}
.acc_trigr:before {
	content: "\e095";
	font-family:simple-line-icons;
	margin-right:5px;
	font-size: 13px;
	font-weight: 300;
}
.acc_trigr.active:before {
	content: "\e615";
	font-family:simple-line-icons;
	font-weight: 300;
}
.acc_trigr:hover,
.acc_trigr.active{
	background: #005aaa;
	color: #fff;
}
.acc-content {
	border-top: 1px solid #e2eaf4;
	padding:0 20px 15px 20px;
}
.acc-content li {
	line-height: 22px;
	border-top: 1px solid #ddd;
	padding:8px 5px;
	font-size: 14px;
	text-transform: uppercase;
}
.acc-content li:first-child,
.accordion:first-child {
	border-top:none;
}
.alert {
    position: relative;
	color: #ed1c24;
    padding: 20px 0;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert.alert-success {
	padding: 20px;
	color: #25577f;
}
.alert.alert-success h3 {
	color: green;
	font-size:24px;
}
.alert.alert-success p {
	font-size:16px;
}
.alert.alert-success p strong {
	font-weight:400;
}
/* 2.3.9 News Events Box */
.news-events-box h4 {
	margin-bottom: 10px;
	font-weight: bold;
}
.news-events-box address {
	line-height: 24px;
}
.news-events-box address strong {
	display:block;
	color: #010119;
}
.news-events-box p {
	margin-bottom:10px;
}
.globel-details {
	padding:40px 20px;
}
.globel-details h4 {
	line-height: 22px;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
}
.globel-details .img-globe {
	float:left;
	margin-right: 10px;
}
.globel-details p {
	padding: 0 10px;
}

/* 2.4 Footer */
.footer {
	background: #f6f1eb;
	font-size: 14px;
}
.footer .short-headings span,
.footer .owl-carousel .owl-nav div {
	background: #fff;
}
.footer-top {
	padding: 40px 0 20px 0;
}
.footer-top .application-items .app-media {
	border:none;
}
.footer-col {
	width: 23%;
	margin: 0 0 20px 2%;
	float: left;
}
.footer-col:first-child {
	margin-left: 0;
}
.footer-col p {
	margin-top: 8px;
	margin-bottom: 0
}
.footer-col .btn {
	padding: .5rem 1rem;
	margin-top: 15px
}
.footer h3 {
	margin-bottom: 25px
}
/* 2.4.1 Contact Details */
.contact-details h5,
.footer-col h5 {
	line-height: 20px;
	text-transform: uppercase;
	font-size:15px;
}
.contact-details address {
	line-height: 20px;
	margin-bottom:10px;
}
.contact-details span {
	line-height: 20px;
	display: block;
}
.contact-details2 li {
	padding-left: 30px;
	margin-bottom: 10px;
}
.contact-details2 li.ico-address,
.contact-details2 li.ico-phone,
.contact-details2 li.ico-email {
	position: relative;
}
.contact-details2 li.ico-address:before,
.contact-details2 li.ico-phone:before,
.contact-details2 li.ico-email:before {
	content: '';
	background-position: left top !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.contact-details2 li.ico-address:before {
	background: url(../images/ico-address.png);
}
.contact-details2 li.ico-phone:before {
	background: url(../images/ico-phone.png);
}
.contact-details2 li.ico-email:before {
	background: url(../images/ico-email.png);
}
.contact-details2 li strong {
	margin-bottom: 5px;
	display: block;
	color: #010119;
	font-size: 16px;
	text-transform: uppercase;
}
.contact-details2 li address,
.contact-details2 li span {
	line-height: 20px;
	font-size:13px;
}
/* 2.4.2 Footer Links */
.footer-links li {
	border-left: 1px dashed #c2cad3;
	display: inline-block;
	line-height: 18px;
	padding-left: 10px;
	margin-left: 12px;
}
.footer-links li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}
.footer-links li a {
	color: #010119;
}
.footer-links li a:hover {
	color:#005aaa
}
.footer-links .btn-secondary {
	color: #fff;
}
.footer-bottom {
	background: #25577f;
	padding: 20px 0;
	line-height: 40px;
	color: #FFF;
	font-size: 14px;
}
.footer-bottom p a{
	color: #FFF;
	font-weight: bold;
}
.exhibitions h5{
	margin: 15px 0 2px;
	font-size: 15px;
	font-weight: 700
}
.exhibitions span{
	display: block
}

.floating-whatsapp{
	position: fixed;
	z-index: 9999;
	right: 40px;
	bottom: 40px;
}
.floating-whatsapp:before {
    content: "Chat with me";
    color: blue
}

/* 2.5 Color */
.topbar .email a:hover, G-Optimizer India:hover, G-Optimizer India.active, .listing li, .footer-bottom a {
	color: #005aaa;
}

/* 2.6 Clearfix */
.topbar:before, .topbar:after, .header:before, .header:after, .featured-block:before, .featured-block:after, .footer-top:before, .footer-top:after, .footer-bottom:before, .footer-bottom:after,.cta:before,.cta:after,.footer-top:before,.footer-top:after, .table-row:before, .table-row:after, .clients-box:before, .clients-box:after, .main-navigation:before, .main-navigation:after, .header-top:before, .header-top:after {
	content: "";
	display: table;
}
.topbar:after, .header:after, .featured-block:after, .footer-top:after, .footer-bottom:after,.cta:after,.footer-top:after, .table-row:after, .clients-box:after, .main-navigation:after, .header-top:after {
	clear: both;
}

/* 2.7 Responsive */
@media (min-width:992px) and (max-width:1400px) {
	.header-top strong {
		line-height: 24px;
	}
	.header-top {
		font-size:24px;
	}
	.main-navigation li {
		margin-left: 40px;
	}
	.main-navigation ul ul ul {
		right:100%;
		left: auto;
	}
	.contact-info {
		margin-top:5px;
	}
	.logo {
		padding:27px 25px 27px 0;
	}
	.title-bar {
		padding-top: 72px;
	}
}

@media only screen and (max-width:991px) {
	.header-top {
		border: none;
		padding:15px 0 0 0;
		font-size: inherit;
	}
	.header-top strong,
	.contact-info {
		display:none;
	}
	.menu-icon {	
		float: right;
		display:block;
		padding:0 !important;
		color: #005aaa;
		font-size: 18px;
		margin-top:14px;	
		text-transform:uppercase;	
	}
	.icon-menu {
		margin-left:5px;
	}
	.main-navigation {
		padding: 0;
		line-height: normal;
	}
	.main-navigation ul {
		background: #fff;
		display:none;	
		width:100%;
		position:absolute;
		top:100%;
		left:0;	
		-moz-box-shadow: 0 3px 15px rgba(0,0,0,.05);
		-webkit-box-shadow: 0 3px 15px rgba(0,0,0,.05);
		box-shadow: 0 3px 15px rgba(0,0,0,.05);
		z-index:999;
	}
	.main-navigation li {
		border-top: 1px solid #f3eadf;
		background:none;
		margin:0;
		padding: 0;
		float:none;
		line-height:45px;
		font-weight: 400;
		text-align:center;
	}
	.main-navigation li:first-child {
		border-top:none;
	}
	G-Optimizer India {
		display:block;
	}
	G-Optimizer India:hover,
	G-Optimizer India.active {
		background: #f6f1eb;
		color: #25577f;
	}
	.main-navigation ul ul {
		width: 100%;
		position: relative;
	}
	.main-navigation ul ul ul {
		top: 100%;
		left: 0;
	}
	.featured-block-items {
		width:auto;
		float: none;
		margin: 0 0 30px 0;
	}
	.cta strong {
		margin-bottom: 10px;
	}
	.column-left,
	.column-right {
		width:auto;
		float: none;
	}
	.column-left {
		margin-bottom:40px;
	}
	.listing li {
		border-top: 1px solid #ddd;
	}
	.table-row {
		width:960px;
	}
	.event-grid-item p {
		padding-right:0;
	}
	.header-top .social-media {
		text-align: right;
	}
	.social-media {
		text-align: center;
		float: none;
		margin-left: 0;
	}
	.social-media li {
		float:none;
		margin-left: 5px;
		display: inline-block;
	}
	.footer-bottom .left,
	.footer-bottom .right {
		float:none;
		text-align: center;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.box {
		width:720px;
	}
	.header-top {
		padding-top:25px;
	}
	.logo {
		padding:18px 25px 18px 0;
	}
	.menu-icon {
		right:32px;
	}
	.hero-area .flexslider {
		width: 350px;
		margin-right: -390px;
	}
	.hero-area h2,
	.hero-area p {
		font-size:32px;
	}
	.hero-area p:last-child {
		font-size:23px;
	}
	.cta h2 {
		bottom:-12px;
	}
	h2 {
		font-size:25px;
	}
	.title-bar {
		padding-top: 54px;
	}
	.event-grid-item {
		width: 48%;
		margin-left: 2%;
		margin-bottom: 30px;
	}
	.event-grid-item.margin-left-0 {
		margin-left:0;
	}
	.globel-details h4 {
		line-height: 45px;
	}
}

@media only screen and (max-width:767px) {
	.main-container {
		background-position: center top;
	}
	.box {
		width:auto;
		padding:0 15px;
	}
	.logo {
		width:140px;
		padding: 18px 25px 18px 0;
	}
	.hero-area {
		background-position: center center;
		height:400px;
	}
	.hero-area .flexslider {
		display: none;
	}
	.hero-area h2,
	.hero-area p {
		font-size: 26px;
	}
	.hero-area p:last-child {
		padding: 3px 11px;
		font-size: 18px;
	}
	.btn.pull-left,
	.btn.pull-right,
	.btn-primary.pull-right {
		float: none;
	}
	h2 {
		font-size: 20px;
		line-height: 25px;
	}
	h3 {
		font-size:18px;
	}
	.cta h2 {
		display: block;
		bottom: 0;
		margin-top: 25px !important;
	}
	.title-bar {
		padding-top: 29px;
	}
	.footer-col,
	.clients-listing li,
	.machines-box li,
	.accessories-box li {
		width: auto;
		float: none;
	}
	.footer-col,
	.machines-box li,
	.accessories-box li {
		margin: 0 0 40px 0;
	}
	.left,
	.right {
		float: none;
		text-align: center;
	}
	.featured-block-items {
		padding:25px;
	}
	.short-headings span {
		padding:13px;
	}
	.title-bar {
		text-align: left;
	}
	.title-bar p {
		font-size: 24px;
	}
	.simple-read-more.pull-top {
		margin-top:16px;
	}
	.simple-read-more {
		font-size:13px;
	} 
	.acc_trigr {
		padding: 11px 15px;
		font-size: 16px;
	}
	.machines-box ul,
	.accessories-box ul {
		margin-left:0;
	}
	.machines-box li span {
		padding:20px 0;
	}
	.machines-box li span br {
		display: none;
	}
	.spacer-100 {
		height:70px;
	}
	.btn {
		padding: 1rem 1.5rem;
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-size:12px;
	}
	.clients-box li {
		width:auto;
		float: none;
		border:none;
		margin: 0 0 15px 0;
	}
	.clients-listing,
	.clients-box li a {
		padding: 0 10px;
	}
	.clients-listing li {
		margin: 0;
	}
	.machines-details .img-box .img-pouch {
		position: relative;
		top: 0;
		width: 100px;
		margin: 40px auto 0 auto;
	}
	.news-events-box h4 {
		line-height: 20px;
	}
	.event-grid-item {
		width: auto;
		float: none; 
		margin: 0 0 40px 0;
	}
	.globel-details h4 {
		line-height: 45px;
	}
	.footer-links li {
		line-height: 45px;
		display: block;
		border-left: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.footer-links li a {
		display: block;
	}
	.footer-links li a:hover {
		background: #fff;
	}
	.footer-top {
		padding-bottom: 0px;
	} 
}
@media only screen and (max-width:479px) {
	.globel-details h4 {
		line-height: 22px;
	}
}
.carousel{
	margin-top: 153px;
}