@font-face
{
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/materialicons.woff2) format('woff2');
}
@font-face
{
	font-family: 'Myriad Pro Regular';
	src: url('../fonts/MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), url('../fonts/MYRIADPROREGULAR.woff') format('woff'), url('../fonts/MYRIADPROREGULAR.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Leelawadee';
	src: local('Leelawadee'), url('../fonts/Leelawadee.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'RobotoSlab Regular';
	src: local('RobotoSlab-Regular'), url('../fonts/roboto-slab/RobotoSlab-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'RobotoSlab Light';
	src: local('RobotoSlab-Light'), url('../fonts/roboto-slab/RobotoSlab-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'RobotoSlab Bold';
	src: local('RobotoSlab-Bold'), url('../fonts/roboto-slab/RobotoSlab-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
.material-icons
{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
html,body
{
	font-family: 'Leelawadee';
	height: 100%;
	margin: 0px;
	/*-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;*/
}
body.inner-body
{
	background-color:#f5f5f5;
}
.container
{
	width:85%;
}
::placeholder
{
	color: #666;
	opacity: 1;
}
:-ms-input-placeholder
{
	color: #666;
}
::-ms-input-placeholder
{
	color: #666;
}
.row
{
	margin-bottom: 0;
}
a
{
	color: #333;
	font-size: 16px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover,a:focus
{
	color: #1B4C99;
	outline: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
p
{
	font-size: 16px;
	font-family: 'Leelawadee';
}
.color-tex
{
	color: #1B4C99;
}
.background-color-tex
{
	background-color: #1B4C99 !important;
}
.width-50
{
	width: 50%;
}
.nav-wrapper ul li .dropdown-content li a.active 
{
	border-bottom: none;
}
.error
{
	color: red;
}
.btn
{
	text-transform: none;
}
/* *********************************************************
************************************************************
***********************************************************/

.font-50
{
	font-size: 50px;
	line-height: 70px;
}
.font-35
{
	font-size: 35px;
	line-height: 35px;
}
.font-30
{
	font-size: 30px;
	line-height: 35px;
}
.font-25
{
	font-size: 25px;
	line-height: 35px;
}
.font-22
{
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
}
.font-20
{
	font-size: 20px;
	line-height: 35px;
}
.font-18
{
	font-size: 18px;
	line-height: 30px;
}
.font-16
{
	font-size: 16px;
	line-height: 30px;
}
.mt-0
{
	margin-top: 0;
}
.mt-10
{
	margin-top: 10px;
}
.mt-20
{
	margin-top: 20px;
}
.mt-20
{
	margin-top: 30px;
}
.mt-40
{
	margin-top: 0px;
}
.mt-50
{
	margin-top: 50px;
}
.mt-100
{
	margin-top: 100px;
}
.mb-0
{
	margin-bottom: 0;
}
.mb-10
{
	margin-bottom: 10px;
}
.mb-20
{
	margin-bottom: 20px;
}
.mb-30
{
	margin-bottom: 30px;
}
.mb-40
{
	margin-bottom: 40px;
}
.mb-50
{
	margin-bottom: 50px;
}
.mb-5
{
	margin-bottom: 5px;
}
.navbar-fixed
{
	height: 70px;
}
nav
{
	background-color: #fff;
	color: #333;
	height: 70px;
	line-height: 70px;
	position: relative;
}
nav ul a
{
	font-family: 'RobotoSlab Regular';
	color: #333;
	font-size: 18px;
	padding: 0 10px;
	height: 70px;
}
nav ul a:hover,nav ul a:focus
{
	color: #1B4C99;
	background-color: transparent;
	outline: none;
}
nav ul a.nav-active
{
	color: #1B4C99;
	border-bottom: 5px solid #1B4C99;
}
nav ul a.active2
{
	color: #1B4C99;
}
.brand-logo
{
	height: 70px;
}
.brand-logo img
{
	width: 90%;
	margin-top: 8px;
}
.section
{
	height: calc(100vh - 60px);
}
.black-box
{
	position: relative;
	padding: 25px;
	color: #fff;
	background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
	background: rgba(33, 32, 32, 0.73);
}
.box-right
{
	float: right;
	width: 350px;
	top: 110px;
}
.box-center
{
	width: 500px;
	top: 110px;
	left: 0;
	right: 0;
	margin: 0 auto;

}
.btn-red
{
	background-color: #D0251D;
	color:#fff;
}
.btn-red:hover,.btn-red:focus
{
	background-color: #c1231b;
	color:#fff;
}
.product-range
{
	min-height: 100px !important;
	padding:0 5px;
	display: flow-root;
}
#product-range-div .product-range
{
	padding:0 5px !important;
}
/* .product-range-box
{
	background-color: #fff;
	color:#1B4C99;
	padding: 10px;
	min-height: 90px;
	border-radius: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.product-range-box:hover,.product-range-box:focus
{
	background-color: #1B4C99;
	color:#fff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
} */
.product-range-box p
{
	margin: 0;
	font-size: 16px;
	line-height: 22px;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded
{
	display: grid;
	height: auto;
}
.product-range .owl-carousel .owl-item img
{
	width: auto;
	max-width: 56%;
}
.owl-nav
{
	display: none;
}
.owl-carousel.owl-drag .owl-item
{
	background-color: #fff;
	padding: 10px;
}
.form-submit
{
	background-color: #1B4C99;
	color: #fff !important;
	padding: 5px 30px;
	height: 100%;
	line-height: 2;
	font-size: 18px;

}
.form-submit:hover,.form-submit:focus
{
	background-color: #163d79;
	color:#fff !important;
}
.col-contant
{
	padding: 0 1.75rem !important;
}
.social-links
{
	margin-top: 15px;
}
.social-links li
{
	display: inline-block;
	margin: 0 5px;
}
footer .footer-links li
{
	display: block;
	margin: 5px 0;
}
.social-links li a.btn-floating
{
	background-color: #9fa4af;
	width: 35px;
	height: 35px;
}
.social-links li a .fa
{
	font-size: 18px;
	line-height: 35px;
}
footer
{
	background-color: #333;
	color: #fff;
	padding: 10px 0 0 0;
}
footer .footer-links
{
	margin: 0;
}
footer .color-white
{
	line-height:22px;
}

.input-field input
{
	height: 40px !important;
	padding: 0 10px !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	border: 1px solid #e9eaec !important;
}
.input-field select,select.browser-default
{
	border: 1px solid #e9eaec !important;
	height: 37px;
	display:block;
}
.inner-form .input-field input
{
	height: 37px !important;
}
.input-field textarea
{
	border: 1px solid #e9eaec;
	width: 100%;
	min-height: 5rem;
	padding: 10px;
	border-radius: 3px;
	resize: vertical;
}
.pane-nav-fixed-wrapper
{
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: opacity .1s ease;
	-moz-transition: opacity .1s ease;
	-o-transition: opacity .1s ease;
	transition: opacity .1s ease;
}
.pane-nav
{
	padding: 0;
	width: 230px;
	position: absolute;
	bottom: 0;
	left: 130px;
	z-index: 100;
}
.pane-nav-viewport
{
	position: sticky;
	background: #fff;
	padding: 15px;
	top: 70px;
}
.pane-nav-viewport ol li
{
	padding-left:0;
}
.pane-nav-viewport ol li:before
{
	display:none !important;
}
.pane-nav ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.row,.clearfix
{
	zoom: 1;
}
.row:before, .row:after, .clearfix:before, .clearfix:after
{
	content: "";
	display: table;
}
.pane-nav .thumbnail
{
	position: relative;
	margin-bottom: 12px;
}
.pane-nav .thumbnail:last-child
{
	margin-bottom: 0;
}
.pane-nav .thumbnail a
{
	height: 92px;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
	display: block;
}
.pane-nav .thumbnail img
{
	width: 200px;
	height: 90px;
}
.pane-nav .thumbnail .pane-nav-overlay {
	left: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #1B4C99;
	position: absolute;
	top: 0;
	width: 200px;
	height: 90px;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	z-index: 10;
	display: table;
	overflow: hidden;
}
.pane-nav .thumbnail .pane-nav-overlay span
{
	font-size: 17px;
	display: table-cell;
	vertical-align: middle;
	padding: 4% 16% 4% 5%;
}
.pane-nav .thumbnail a:hover .pane-nav-overlay
{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.dropdown-content li>a, .dropdown-content li>span
{
	height: auto;
	color: #333;
	padding: 0px 16px;
	font-size:14px;
	line-height: 30px;
}
.dropdown-content li:hover, .dropdown-content li.active
{
	background-color: #1B4C99;
	color: #fff;
}
.dropdown-content li>a:hover, .dropdown-content li>a:focus
{
	color: #fff;
}

.dropdown-content li>a.active, .dropdown-content li>a.active
{
	color: #fff;
}

/*	About Us Page	*/


.inner-wrapper
{
	position: relative;
	height: 300px;
	overflow: hidden;
}
.banner-text
{
	position: relative;
	top: 100px;
}
.collection
{
	border: none;
}
.collection a.collection-item
{
	font-family: 'RobotoSlab Regular';
	font-size: 16px;
	color: #333;
	padding: 10px 15px;
	border: none;
	margin-bottom: 1px;
}
.collection a.collection-item:hover,.collection a.collection-item:focus,.collection a.collection-item.active
{
	background-color: #1B4C99 !important;
	color: #fff;	
}
.collection-item.disabled
{
	background-color: #1B4C99 !important;
	color: #fff !important;
	padding: 15px !important;
	font-weight: bold;
}
.left-content
{
	position: sticky;
	top: 63px;
}
.right-content p
{
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 26px;
	
}

.disabled
{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.list-style-type-disc
{
	list-style-type: disc;
}
.card .card-content p
{
	margin-bottom: 10px;
	text-align:justify;
}
.banner-text .font-50
{
	font-family: 'RobotoSlab Regular';
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	width: 50%;
}
.product-range .product-box
{
	margin-bottom: 20px;
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.product-range .product-box:hover
{
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.product-link-215
{
	min-height: 255px;
	padding: 15px 10px; 
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.product-link-215 p
{
	margin-bottom: 0 !important;
}
.product-box .product-link
{
	display: block;
	position: relative;
	min-height: 215px;
	padding: 15px 10px; 
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.product-link-215 p
{
	line-height:20px;
}
.product-list .product-link
{
	min-height: 170px !important;
	padding:0;
	display:grid;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;	
}
.product-list .product-link img
{
	border-top-left-radius: 30px;
}
.product-list .product-link p
{
	padding:10px;
}
.valuable-customers .product-link
{
	min-height: 320px;
	padding: 15px 15px; 
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
.product-box .product-link p
{
	line-height: 20px;	
}
.voice-content .card
{
	margin-bottom: 25px;
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;	
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}
.voice-content .card .card-image
{
	border-top-left-radius: 30px;
}
.voice-content .card:hover
{
	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.voice-content .card .card-reveal::-webkit-scrollbar
{
	width: 5px;
}
.voice-content .card .card-reveal::-webkit-scrollbar-track
{
	background: #666;
}
.voice-content .card .card-reveal::-webkit-scrollbar-thumb
{
	background: #ddd;
}
.product-range .product-box .product-link p
{
	margin-bottom: 0;
	text-align:center;
}
.right-content .card .card-content ol
{
	padding: 0 0 0 20px;
	margin-bottom: 20px;
}
.right-content .card .card-content ol li
{
	font-size: 16px;
	font-family: 'Leelawadee';
	margin-bottom: 5px;
}
dl
{
	margin-bottom: 20px;
}
dl dt
{
	float: left;
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	color: #1B4C99;
	margin-bottom: 0px;
}
dl dd
{
	margin-left: 150px;
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}
.btn-apply
{
	background-color: #1B4C99;
	font-size: 16px;
	color: #fff;
}
.btn-apply:hover,.btn-apply:focus
{
	background-color: #163567;
	color: #fff;
}
hr
{
	border: 0.5px solid #D6D6D6;
}
.breadcrumb:before,.breadcrumb:last-child
{
	color: #1B4C99;
}
.inner-form .col-contant
{
	padding: 0 15px !important;
}
.inner-form .col-contant .input-field
{
	margin-bottom: 0;
}
.inner-form .col-contant input
{
	box-sizing: border-box;
}
.file-field .btn
{
	float: left;
	height: 37px;
	line-height: 37px;
	background-color: #DFDFDF;
	color: #333;
	box-shadow: none;
}
.input-group
{
	position: relative;
	display: table;
	width: 100%;
	border-collapse: separate;
}
.input-group .form-control
{
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.input-group-content
{
	position: relative;
	display: table-cell;
	vertical-align: bottom;
}
.input-group .form-control
{
	display: table-cell;
}
.form .form-group .input-group-btn
{
	padding-top: 16px;
}
.input-group-btn
{
	position: absolute;
	right: 0;
	z-index: 9999;
	font-size: 0;
	white-space: nowrap;
}
.confirm-code
{
	padding-right: 180px !important;
}
.btn-code,.btn.disabled
{
	padding: 0 60px;
	text-transform: none;
	color: #333 !important;
}
.datepicker-controls .select-wrapper input
{
	border: none !important;
}
.card .card-content
{
	min-height: 380px;
}
.card .card-content .card .card-content
{
	min-height: auto;
	padding: 15px;
}
.card .card-content .card .card-reveal
{
	padding: 15px;
}
.card .card-content .card .card-reveal .card-title
{
	font-size: 20px;
}
.client-box .product-box
{
	min-height: 160px;
}
.client-box .product-box p
{
	font-size: 14px;
	line-height: 18px;
}
table td,.client-box table th
{
	padding: 10px;
}
table, th, td
{
	border: 1px solid #f5f5f5;
}
.collapsible-header
{
	outline: none;
}
.collapsible-body
{
	padding: 15px;
}
.collapsible li.active i
{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.collapsible li i
{
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	float: right;
	margin-right: 1rem;
	position: absolute;
	right: 0;
	line-height: 1.3;
}
.client-box .collapsible-header h2
{
	width: 100%;
}
.client-box .collapsible-header h2 i
{
	float: right;
	margin-right: 0;
	line-height: 30px;
}
ul:not(.browser-default)>li
{
	outline: none;
}
ul.dropdown-content li
{
	min-height: 30px;
}
a.activator:hover
{
	cursor: pointer;
}
.fixed-action-btn.toolbar ul li a
{
	border-radius: 0;
}
.input-group-content input
{
	padding-right: 180px !important;
}
.career-list dt
{
	width: 150px;
}
.career-list dd
{
	margin-left: 160px;
}
.career-list dd a
{
	display: table;
}
.contact-list dt
{
	width: 50px;
}
.contact-list dt .fa
{
	font-size: 25px;
}
.contact-list dd
{
	margin-left: 60px;
}
.contact-list dd a
{
	display: table;
}
.second-ul
{
	padding-left: 30px !important;
}
.second-ul li
{
	list-style-type: circle !important;
}
.dropdown-content.nested {
   overflow-y: visible;
}
.dropdown-content .dropdown-content {
   margin-left: 100%;
}
.dropdown-product
{
	left: 0 !important;
	width: 100% !important;
}
.dropdown-content
{
	top: 71px !important;
}
.dropdown-trigger2:hover ~ .dropdown-content,.dropdown-trigger2:focus ~ .dropdown-content
{
	display: block !important;
}
.padding-0
{
	padding: 0 !important;
}
.product-title-well
{
	background-color: #eaeaea;
}
.product-title-well .title-well
{
	position: relative;
	top: 0;
	left: 0;
	min-height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: middle;
}
.product-title-well .title-well h1
{
	font-size: 35px;
	line-height: 50px;
}

.product-carousel .owl-nav
{
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	right: auto;
}

.product-carousel button.owl-prev {
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 0;
}
.product-carousel button.owl-next {
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;
	border-radius: 0;
	margin-right: 0;
}
.product-carousel .owl-nav button.owl-next, .product-carousel .owl-nav button.owl-prev
{
	background: #ccc;
	color: #eaeaea;
	border: none;
	border-radius: 5px;
	width:40px;
	height:40px;
	padding: 0!important;
	font-size: 40px;
	margin-right: 5px;
	opacity: 1;
	line-height: 0;
}
.product-carousel .owl-nav button.owl-next span, .product-carousel .owl-nav button.owl-prev span
{
	display: inline-table;
	line-height: 0.4;
}
.owl-theme .owl-nav [class*=owl-]:hover
{
	background: #5d5d5a;
	color: #f5f5f5;
	text-decoration: none;
}

nav.nav-extended .nav-wrapper
{
	min-height: 80px;
}
.dropdown-content
{
   overflow-y: visible;
   width: auto !important;
}
.dropdown-content .dropdown-content
{
   margin-left: 100%;
}
.dropdown-content li>a>i
{
	position: absolute;
	float: right;
	right: -35px;
}
.modal
{
	max-height:75%;
}
.modal h4 {
	margin-top: 0;
	font-size: 20px;
	margin-bottom: 30px;
}
.pagination_div .pagination li.active
{
	padding:5px 11px;
	background-color: #1B4C99 !important;
	color: #fff;
}

.owl-carousel .owl-item img{
	width:75%;
	display: -webkit-inline-box ;
}
.owl-carousel.owl-drag .owl-item{
	text-align: center;
}


/* ************************************************
***************	01-05-2019 By Fenil ***************
************************************************ */
.content-text p
{
	display: flex;
	margin-top:0;
	margin-bottom:5px;
	text-align:justify;
}
.content-text p .material-icons,.content-text p .fa
{
	min-width: 40px;
}

.text-justify
{
	text-align: justify;
}
.pl-50
{
	padding:0 50px !important;	
}
footer a:hover,footer a:focus
{
	color:#fff !important;
}
.color-white
{
	color:#cac4c4;
}
.footer-links li a
{
	padding:5px;
}
.m-0
{
	margin:0;
}
.dark-black
{
	background-color: #252525;
}
.social-links .social-button:hover,.social-links .social-button:focus
{
	background-color: #1c4d99;

}
#product-range-div
{
	padding-left: 25%;
}


ol li {
  list-style-type: none;
  position: relative;
  padding-left: 5px;
}

ol li:before {
  content: "\f005";
  font-family:'FontAwesome';
  font-size: 14px;
  position: absolute;
  top: 2px;
  left: -16px;
	color: #1b4c98;
}
.second-ul li:before
{
	left:-14px;
	display:none;
}
.owl-item .item p
{
	text-align:center;
	font-size:12px;
}
.valuable-customers p
{
	text-align:center !important;
}
.right-content .card .card-content iframe
{
	position: relative;
	left: -23px;
	right: -16px;
	width: 106.5%;
	bottom: -30px;
	border:0;
}
.modal
{
	background-color:#fff;
}
.gallery-home .owl-dots
{
	position:absolute;
	top:auto;
	bottom:-40px;
	width:100%;
}

.gallery-home .owl-item
{
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
}

.hex
{
	float: left;
	margin-left: 4px;
	margin-bottom: -33px;
}
.hex .top
{
	width: 0;
	border-bottom: 30px solid #FFFFFF;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.hex .middle
{
	width: 130px;
	height: 80px;
	text-align: center;
	padding:5px;
	background: #FFFFFF;
	line-height: 60px;
	text-align: center;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.hex .middle p
{
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
.hex .bottom
{
	width: 0;
	border-top: 30px solid #FFFFFF;
	border-left: 65px solid transparent;
	border-right: 65px solid transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.hex-row
{
	clear: left;
	display: inline-block;
}
.hex-row.even
{
	margin-left: 67px;
}
.hex-row a:hover .top,.hex-row a:focus .top
{
	border-bottom: 30px solid #1B4C99;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.hex-row a:hover .bottom,.hex-row a:focus .bottom
{
	border-top: 30px solid #1B4C99;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.hex-row a:hover .middle,.hex-row a:focus .middle
{
	background: #1B4C99;
	color:#fff;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.d-contents
{
	display: block;	
}
#about-us-gallery
{
	display: inline-block;
	float: left;
	height: auto;
	width: 47%;
	margin:10px 20px 15px 0px;
}
#about-us-gallery.owl-carousel .owl-item img
{
	width: auto;
	float:left;
}
#about-us-gallery.owl-carousel .owl-item
{
	padding:0;
}


footer.fixed-footer
{
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 9999;
	bottom: 0;
	top: 91%;
}

footer:after, footer:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

footer:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #1B4C99;
	border-width: 30px;
	margin-left: -30px;
}
footer:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #333333;
	border-width: 36px;
	margin-left: -36px;
}
footer .nav-footer-link
{
	position: absolute;
	top: -31px;
	left: 49%;
	right: 50%;
	margin: 0 auto;
	padding: 16px;
}


#gallery
{
	animation: background 15s infinite;
	background-size:cover;
	background-position:center;
	background-color:#000;
	position:relative;
}

@-webkit-keyframes background {
	0%
	{
		background-image: url('../images/banner-6.jpg');
	}
	20%
	{
		background-image: url('../images/banner-6.jpg');
	}
	40%
	{
		background-image: url('../images/banner-7.jpg');
	}
	65%
	{
		background-image: url('../images/banner-7.jpg');
	}
	80%
	{
		background-image: url('../images/banner-8.jpg');
	}
	100%
	{
		background-image: url('../images/banner-8.jpg');
	}
}








/* html { margin-left: calc(100vw - 100%); } */
nav form
{
	position: relative;
	height: 100%;
	background: inherit;
}
.search-close-icon
{
	display: none!important;
	position: absolute;
	top: 0;
	left: 100%!important;
	padding-left: 0px;
	color: rgba(0, 0, 0, 0.54);
	transition: color .2s;
	cursor: pointer;
}
.my-grey
{
	background: #f7f7f7;
}
input.search-field
{
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54);
	border-radius: 2px;
	border: 0;
	height: 36px;
	padding: 8px 8px 8px 60px;
	width: 50px;
	background: #fff;
	transition: background 0.2s, width .2s;
}
input.search-field:hover, .search-icon:hover
{
  cursor: pointer;
}
.searchbox {
  position: relative;
}
input.search-field:focus {
	outline: none;
	width: 328px;
	color: #212121;
	background-color: #fff;
	z-index: 9999;
}
input.search-field:focus ~  div.div
{
	position: absolute;
}
div.div
{
	position: absolute;
	right: -70px;
	background-color: #fff;
	z-index: 9999;
}
input.search-field:focus:hover
{
	background: #f7f7f7;
	cursor: auto;
}
.search-icon {
  position: absolute;
  top: 0;
  padding-left: 20px;
  color: rgba(0, 0, 0, 0.54);
}
.search-content {
  color: #303c42;
  width: 90%;
  margin: auto;
  height: auto;
  padding: 8px 10px;
}
.search-heading
{
  color: #757575;
  display: block;
  font-size: 12px;
  line-height: 30px;
}
input.search-field ~ .search-popup
{
  overflow: hidden;
  left: 0px;
  min-height: 50px;
  max-height: 700px;
  width: 200px;
  top: -450px; 
  position: absolute;
  z-index: 1;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: width .2s, top .2s ease-in-out;
  border-radius: 2px;
  background-color: #fff;
}
input.search-field:focus ~ .search-popup
{
  width: 500px;
  top: 50px;
}
nav ul.popup-list a:hover
{
  background-color: initial;
}
nav ul.popup-list li
{
  float: none;
}
nav ul.popup-list li a
{
  line-height: 30px;
  padding: 0;
  font-size: 12px;
  color: #212121 !important;
}
nav ul.popup-list li a:hover
{
  background-color: #f7f7f7;
}

.top-margin {
  margin-top: 8px;
}

.nav-wrapper .right.hide-on-med-and-down
{
	padding-right: 50px;
}

.search-result .valuable-customers .product-link
{
	min-height: 360px;
}

#product-range
{
	position: relative;
	padding-top: 0;
	overflow: hidden;
}
#product-range-div
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 106%;
	background: rgba(81, 139, 228, 0.5);
	padding-left: 31%;
	bottom: 0;
	margin: 0;
}
.certificate
{
	display: flow-root;
}
.certificate .right-content
{
	margin-bottom:20px;
}

.certificate .material-placeholder img.materialboxed
{
	width:100%;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}
#materialbox-overlay
{
	opacity:0.5 !important;
}


.ml-351
{
	margin-left:351px !important;
}
.ml-284
{
	margin-left:284px !important;
}
.ml-217
{
	margin-left:217px !important;
}
.ml-150
{
	margin-left:150px !important;
}
.fixed-action-btn.horizontal
{
	z-index:9999;
}
.fixed-action-btn.horizontal ul
{
	text-align: right;
	right: 64px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	left: initial;
	width: 500px;
}
.fixed-action-btn.horizontal ul li
{
	display: inline-block;
	margin: 25px 10px 0 0;
}
.fixed-action-btn.horizontal ul li i
{
	font-size:20px;
}

form .input-field .help-block
{
	color: red;
	font-size:15px;
}
#contact-us-fixed
{
    position: fixed;
    top: 60%;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    background-color: #F44336;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 10px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 41px;
    z-index: 9999;
    margin-left: 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
.sidenav
{
    z-index:99999;
}

.productDescriptionSection p
{
    text-align: left !important;
}
.productDescriptionSection ul
{
    padding-left: 25px;
}
.productDescriptionSection ul li
{
    list-style-type: disc;
}
.productDescriptionSection ul li ol
{
    padding-left: 25px;
}
.productDescriptionSection ul li ol li:before
{
    display: none;
}
.productDescriptionSection ul li ol li
{
    list-style-type: circle;
}
.productDescriptionSection *
{
	font-family: 'Leelawadee';
	color: #475467;
}
.productDescriptionSection h1, .productDescriptionSection h2, .productDescriptionSection h3, .productDescriptionSection h4, .productDescriptionSection h5, .productDescriptionSection h6
{
	font-family: 'Leelawadee';
	color: #1B4C99;
}
.productDescriptionSection h2
{
	font-size: 20px;
}
.productDescriptionSection h3
{
	font-size: 18px;
}
.productDescriptionSection h4
{
	font-size: 16px;
}
.productDescriptionSection h5
{
	font-size: 14px;
}
.productDescriptionSection h6
{
	font-size: 12px;
}
.productDescriptionSection p b, .productDescriptionSection ul li b, .productDescriptionSection ol li b
{
	color: #1B4C99;
}