@charset "utf-8";

body

{

	background-color:#fff;

	margin:0px;

	font-family:Arial, Helvetica, sans-serif !important;

	color:#333;

	line-height: 1.5;

}

ul,ol,li,h1,h2,h3,h4,h5,h6
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
	color:#012267;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Aleo',serif !important;
}

#wrapper {

	width: 100%;

	margin: 0px auto;

}

img

{

	max-width:100%;

}

.section {

	margin: 0px;

	padding: 0px;

	clear:both;

}

.group:before, .group:after

{

	content:"";

	display:table;

}

.group:after

{

	clear:both;

}

.group

{

	zoom:1;

}

.col

{

	display:block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.col:first-child

{

	margin-left:0%;

}

.container

{

	width:96%;

	margin:0px auto;

	position:relative;	

}
#contain
{
	width:80%;
}

#light-blue

{

	background-color:#b62f2b;

}

#dark-blue

{

	background-color:#253b80;

}

.span_5

{

	width:3.4%;

}

.span_8

{

	width:6.5%;

}

.span_10

{

	width:8.4%;

}

.span_15

{

	width:13.4%;

}
.span_16

{

	width:15%;

}

.span_18

{

	width:16.4%;

}

.span_20

{

	width:18.4%;

}

.span_2020

{

	width:18.4%;

}

.span_25

{

	width:23.4%;

}

.span_27

{

	width:25.4%;

}

.span_30

{

	width:28.4%;

}

.span_303

{

	width:28.4%;

}

.span_33

{

	width:31.4%;

}

.span_35

{

	width:33.4%;

}

.span_40

{

	width:38.4%;

}

.span_45

{

	width:43.4%;

}

.span_50

{

	width:48.4%;

}

.span_505

{

	width:48.4%;

}

.span_60

{

	width:58.4%;

}

.span_65
{
	width:63.4%;
}

.span_70

{

	width:68.4%;

}

.span_707

{

	width:68.4%;

}

.span_75

{

	width:73.4%;

}

.span_80

{

	width:78.4%;

}

.span_8080

{

	width:78.4%;

}
.span_85

{

	width:83.4%;

}
.span_90

{

	width:88.4%;

}

.span_95

{

	width:93.4%;

}

.span_100

{

	width:100%;

}

.span_23

{

	width:21%;

	margin:0% 1% !important;

	padding:0% 1% !important;

}

.color-h1 h1

{

	color:#333;

	text-transform:uppercase;

}

.color-h1 h3

{

	color:#0061af;

}

#menu-bg

{

	background-color:#fef2eb;

	color:#737373;

	font-size:14px;

}

#top-header

{

	text-align:right;

	margin-top: 40px;

}

#top-header-2

{

	text-align:right;

}

#top-header img

{

	padding: 10px 0px;

}

.dial img

{

	width:15px;

}

.emegcy h3, .emegcy h1

{

	font-family: myFirstFont;

	color:#ff9900 !important;

}

.emegcy img

{

	margin-bottom:20px;

}

#bg

{

	background-image:url(images/5.jpg);

}

#black-bg

{

	background-color:#002858;

}
#black-bg2

{

	background-color:#1A191D;

}

#news img

{

	width:250px;

	height:200px;

	border:1px solid #ff9900;

}

#news img:hover

{

	opacity:0.5;

}

#news2 img

{

	width:120px;

	height:100px;

	border:1px solid #ff9900;

}

#news2 img:hover

{

	opacity:0.5;

}

#link1

{

	color:#ff9900;

	text-decoration:none;

}

#link1:hover

{

	text-decoration:underline;

}

.pay

{

	margin-bottom:10px;

}

.red

{

	background-color:#dd2541;

	color:#FFF;

}

.green

{

	background-color:#4ca529;

	color:#FFF;

}

.blue

{

	background-color:#3f7cc2;

	color:#FFF;

}

.btn button

{

	background-color: #146eb4;

	border: none;

	color: #fff;

	padding: 10px 20px;

	margin: 15px;

}

.btn button:hover

{

	background-color:#ff9900;

}

#gray

{

	background-color:#f8f8f8;

}

#cities-list li

{

	float:left;

	width: 17%;

	border: 1px solid #0068a9;

	padding: 10px;

	margin: 5px;

}

#cities-list li:hover

{

	background-color:#0068a9;

}

#cities-list a

{

	color:#0068a9;

}

#cities-list a li:hover

{

	color:#fff;

}

#gallery img

{

	border:#002858 solid 3px;
	width:400px;
	height:200px;

}

#gallery img:hover

{

	border:#002858 solid 3px;

	opacity:0.5;

}

.pay-now a

{

	color: #0095e5;

	background-color: #fff;

	padding: 10px 40px 10px 40px;

}

.pay-now a:hover

{

	background-color: #005888;

	color:#fff;

}

@font-face

{

    font-family: myFirstFont;

    src: url(SourceSansPro-Black.ttf);

}

#logo

{

	color:#ff9900;

	font-family: myFirstFont;

}

#h3-tags h3

{

	color:#fff !important;

}

#header

{

	margin-top: 40px;

}

#header h1

{

	color:#ff0000;

}

#header h2

{

	color:#3e9b04;

}

#about-services li

{

	background-color: #6ab62e;

	color: #fff;

	padding: 10px;

	margin: 5px 8px;

	float:left;

}

#about-services li:hover

{

	background-color:#ff0000;

}

#buttn

{

	background-color: #6ab62e;

	border: none;

	margin-left: 20px;

	padding: 10px 20px;

	font-size: 18px;

	text-transform: uppercase;

}

#buttn:hover

{

	background-color:#000;

}

a button

{

	color:#FFF;

}

#buttn a

{

	color:#FFF;

	text-decoration:none;

}

#blog a

{

	text-decoration:none;

}

.padd-sign

{

	padding:15px 0px;

}

div#green img {

    padding-left: 8px;

}

#submit-button input

{

	background-color: #0095e5;

    border: none;

    color: #fff;

    padding: 20px 40px;

    font-size: 16px;

}

#submit-button:hover input

{

	background-color: #000;

}

.orange

{

	background-color:#f7d1b0;

}

#enquiry .span_30, #enquiry .span_50

{

	margin-left:10px;

}

#box-3

{

	border:1px solid #0068a9;

	width:32%;

	border-radius: 5px;

}

#box-3 a

{

	text-decoration:none;

	color:#0068a9;

}

#box-3 a:hover

{

	text-decoration:underline;

}

#no-2020

{

	background-color: #0068a9;

	color: #fff;

	width: 35px;

	text-align: center;

	margin-left: 10px;

	border-radius: 5px;

}

#no-8080

{

	margin-left: 20px;

}

#no-8080 h3

{

	font-size:16px;

}

#no-8080 h3:hover

{

	text-decoration:underline;

}

.call-bg

{

	margin-left:0px;

}

.call-bg a

{

	background-color: #e3e3e3;

	padding:10px;

	font-weight:bold;

}

#box-3 h4

{

	padding:10px;

	margin:0px;

}

#box-3 p

{

	padding:10px;

	margin:0px;

}

#box-3 h5

{

	padding:10px;

	margin:0px;

	text-align:right;

}

#header-img

{

	height:153px;

	margin-top: 0px;

	margin-bottom: -10px;

}

#margn

{

	margin:0px;

}

.read-more a

{

	background-color: #b62f2b;

	color: #fff;

	padding: 10px 20px;

}

.read-more a:hover

{

	background-color:#000;

}

.links a

{

	color:#333;

	text-decoration:none;

}

#space

{

	margin-top: 50px;

	margin-bottom:50px;

}

#space-2

{

	margin-top: 34px;

	margin-bottom:50px;

}

#space-2 p a

{

	color:#0095e5;

	text-decoration:none;

}

#space-2 p a:hover

{

	text-decoration:underline;

}

#space-3 p a

{

	color:#0095e5;

	text-decoration:none;

}

#space-3 p a:hover

{

	text-decoration:underline;

}

#our-services

{

	background-color:#6ab62e;

	padding:15px 0px;

}

#our-services h3

{

	margin-left:18px;

	color:#fff !important;

}

#our-services p

{

	color:#fff !important;

}

#services ul a

{

	text-decoration:none;

}

#services ul li

{

	background-color: #00abe5;

	padding: 10px;

	margin: 5px 0px;

	color: #fff;

}

#green-h2

{

	background-color:#253b80;

	color: #fff !important;

	padding: 10px 15px;

	margin-bottom:15px;

}

h2#welcome {

    margin-top: 10px;

}

#black

{

	background-color:#150f19;

	color:#FFF;

}

#white-bg

{

	background-color:#fff;

}

#white, #white p

{

	color:#fff !important;

}

#white a

{

	color:#fff;

	text-decoration:none;

	font-size:14px;

}

#white ul li

{

	border-bottom:1px #2e2e30 solid;

}

#white a:hover

{

	color:#0068a9;

}

#logo-part

{

	margin:25px 0px;

}

.pack .center p

{

	color:#b62f2b !important;

	font-weight:bold;

}

.pack .center:hover img

{

	opacity:0.5;

}

.strip

{

	background-color:#8bc53f;

}

#mrg

{

    margin-top: 24px;

}

#mrg-zero

{

	margin-left:0px;

}

#photo-gallery img

{

	width:330px;

	height:200px;

	border:#b62f2b 2px solid;

}

#photo-gallery img:hover

{

	opacity:0.5;

}

#yellow

{

	background-color:#F99A01;

}

.white, .white h3, .white p

{

	color:#e5e5e5 !important;

}

.button-read button

{

	background:none;

	border:2px #fff solid;

	color:#fff;

	border-radius:50px;

	padding:10px 25px;

	margin-bottom:20px;

	font-weight:bold;

}

.button-read button:hover

{

	background-color:#fff;

	color:#0068a9 !important;

}

#dark-pink

{

	background-color:#c80610;

}

#dark-pink2

{

	background-color:#83040b;

}

#dark-pink3

{

	background-color:#202b37;

}

#contact a

{

	color:#b1b1a0;

}

#contact a:hover

{

	text-decoration:underline;

}

h1#say

{

	color:#0095e5;

	text-align:center;

	margin:25px 0px;

}

h1#help

{

	color:#FFF;

	text-align:center;

}

h1#msg

{

	color:#0095e5;

}

.book-app a

{

	background-color: #fff;

	color: #0095e5;

	padding: 15px 25px;

	font-size: 18px;

	font-weight: bold;

	border-radius: 5px;

}

.book-app a:hover

{

	background-color: #0674d1;

	color: #FFF;

}

.book-app-2 a

{

	background-color: #0095e5;

	color: #FFF;

	padding: 15px 40px;

	font-size: 18px;

	font-weight: bold;

	border-radius: 5px;

}

.book-app-2 a:hover

{

	background-color: #005888;

	color: #FFF;

}

.d-space

{

	padding-bottom:50px;

}

.d-space p i

{

	color:#fff;

	font-size:25px;

}

#services ul li:hover

{

	background-color: #f37a1f;

}

.row

{

	width:100%;

}

#call

{

	text-align:center;

}

#call a

{

	text-decoration:none;

	color:#fff;

}

#call a:hover

{

	text-decoration:underline;

}

#call h3

{

	margin-top:10px;

	color:#222222 !important;

}

#call h4

{

	color:#222222;

}

#call h5

{

	color:#222222;

}

#call img

{

	width:15px;

	margin-bottom: -3px;

    margin-right: 5px;

}

#cal h3, #cal h4, #cal h5

{

	color:#fff;

	text-align:right;

}

#cal

{

	text-align:right;

}

#back

{

	border:#0095e5 2px solid;

	background-image:url(images/bg.jpg);

}

.top-mrgn

{

	margin-top:45px;

}

.imgs-height #box-3 img

{

	height:400px;

}

.right2

{

	text-align:right;

}

.right
{
	text-align:right;
	margin-top: -7px;
}
#right
{
	text-align:right !important;
}

.right-algn
{
	text-align:right;
	float: right;
}
.right-algn img
{
	border:1px solid #000;
}


.line

{

	background: url(images/splitter.png) repeat-x;

}

.center

{

	text-align:center;

}

h1#special

{

	color:#fff;

}

.text-box input

{

	padding: 10px;

}

.hidden-2

{

	display:none;

}

#tour-h3 h3

{

	background-color:#0095e5;

	color:#FFF !important;

	padding:10px;

}

#menu

{

	background-color:#6ab62e;

}

#menu ul li

{

	display:block;

	float: left;

}

#menu ul li a

{

	color: #FFF;

	text-decoration: none;

	display:block;

	font-size:14px;

	padding:12px 32px;

	font-weight:bold;

}

#menu ul li:hover

{

	background-color:#fff500;

}

#menu ul li a:hover

{

	color:#000;

}

#appo h3

{

	color:#6ab62e !important;

}

#content

{

	width: 100%;

	margin-left:auto;

	margin-right:auto;

}

.mrgn

{

	margin: 25px 0px;

}

.tel a

{

	color:#0068a9;

	text-decoration:none;

}

.tel-2

{

	color:#fff;

}

.tel-2 a

{

	color:#fff;

	text-decoration:none;

}

.tel-2 a:hover

{

	text-decoration:underline;

}

#menu-2
{
	margin: 0px !important;
}

.logo
{
	margin: 10px 0px !important;
}

.tel a:hover

{

	color:#bf2034;

	text-decoration:underline;

}

#contact

{

	color:#b1b1a0;

}

#content #welcome

{

	color:#6ab62e;

}

#content p

{

	font-size:16px;

	margin-top:0px;
	font-family: 'Open Sans', sans-serif;

}

#services-h3 a

{

	text-decoration:none;

	color:#000;

}

#services-h3 h3

{

	background-color:#000;

	color:#0061af;

	text-align:center;

	padding:5px;

}

#services-h3 img:hover

{

	opacity:0.5;

	transition:all 1s;

}

#blog-box

{

	background-color:#fbfbfb;

}



#blog-box p, #blog-box h3

{

	padding:5px 20px;

}

#blog-box a

{

	text-decoration:none;

	color:#0068a9;

}

#blog-box a:hover

{

	text-decoration:underline;

}

#mrg-2

{

	margin-left: 20px;

}

.clear

{

	clear:both;

}

#blue

{

	color:#ff9900;

	font-family: myFirstFont;

}

#blue-bg

{
	/*position:absolute;*/
	background-color:#002858;
	width:100%;
	z-index:10000;
	border-bottom: 3px solid #000;
	border-top: 3px solid #000;
}
.pos-abs
{
	position:absolute;
}


#blue-bg2

{

	background-color:#0061af;

}

.link-2 a

{

	color:#fff !important;

	text-decoration:none;

}

.link-2 a:hover

{

	text-decoration:underline;

}

.link a

{

	text-decoration:none;

	color:#fff;

}

.link a:hover

{

	text-decoration:underline;
	color:#fff;

}

.link h4

{

	color:#FFFFFF;

}



.button2 input

{

	border: none;

	background-color: #00abe5;

	color: #fff;

	padding: 10px 30px;

	font-weight:bold;

}

#winx

{

	text-align:right;

}

#winx a

{

	color:#6b6b6b;

}

.details

{

	width: 150px;

	text-align: center;

	border: gray 2px solid;

	border-radius: 5px;

	padding: 10px 5px;

}

a .details

{

	color:gray;

	text-decoration:none;

}

#dark-gray

{

	background-color:#0f0f10;

}

.details:hover

{

	background-color:gray;

	color:#FFF;

}

#fotter

{

	border-top:#ebebeb solid 1px;

	margin-top: 10px;

	padding-top: 40px;

}

#foot

{
	color:#fff;
	font-size:14px;
}

#content marquee

{

	margin:10px 0px;

}

.col4

{

	background-color:#b03c08;

}

#col-4-blue

{

	font-size:14px;

	color:#FFF;

}

#col-4-blue h3

{

	color:#FFF;

}

#col-4-blue ul li

{

	padding:7px 0px;

	border-bottom:1px solid #CCC;

}

#col-4-blue ul li:nth-child(6)

{

	border-bottom:none;

}

#col-4-blue ul li a

{

	color:#FFF;

	text-decoration:none;

}

#col-4-blue ul li a:hover

{

	text-decoration:underline;

}

.about-content

{

	background-image:url(images/about2.jpg);

}

.about-content p, .about-content h1, .about-content h4, .about-content .read-more {

    padding:1px 10px;

}

.services img

{

	float:left;

	margin-right:20px;

}

.hearing img

{

	float:left;

	margin-right:10px;

}

.hearing h4

{

	color:#444444;

}

.policy h5

{

	color:#b03c08;

}

.policy p a

{

	color:#ff3500;

	text-decoration:none;

}

.policy p a:hover

{

	text-decoration:underline;

}

.contact

{

	color:#000;

}

#products

{

	background-color:#b03c08;

}

#products h3

{

	color:#FFF;

	margin:15px 0px;

	border-bottom:#FFF 1px dashed;

	padding-bottom:5px;

}

#products ul li

{

	margin:5px 0px;

	border-bottom:#000 1px dashed;

	padding-bottom:5px;

}



#products ul li:nth-child(10)

{

	border-bottom:none;

}

#products ul li a

{

	color:#FFF;

	text-decoration:none;

}

#products ul li a:hover

{

	color:#000;

}

.border

{

	border:1px #0095e5 solid;

}

.border img

{

	margin:10px 0px;

}

.border p

{

	text-align:justify;

	padding: 5px 10px;

}

.line

{

	background: url(images/splitter.png) repeat-x;

	margin-top:50px;

	margin-bottom:50px;

}

.bordr img

{

	border-radius:80px;

	border:#CCC 5px solid;

}

.bordr img:hover

{

	border:#004d75 5px solid;

}

.make-i

{

    color: #FFF;

    font-size: 20px;

    font-family: initial;

}

.book

{

	background-color:#ff9900;

	padding:10px;

}

.book a

{

    color: #fff;

    font-size: 20px;

}

.book a:hover

{

	text-decoration:underline;

}

#light-gray

{

	background-color:#000;

}

#light-gray h3

{

	color:#0061af;

}

#gray-vid

{

	background-color:#17161A;

}

#right

{

	text-align:right;

}

#left

{

	text-align:left;

}

#social

{

	font-size:14px;

}

#social img

{

	height:15px;

	margin:15px 10px 0px 10px;

}

#padd

{

	padding: 0 15px 0 0;

}

#line

{

	border-top:#d8d8d8 2px solid;

	background-color:#0095e5;

	padding-bottom: 15px;

}

.hidden-menu

{

	display:none;

}

#mymenu

{

	text-align:right;

	margin-top: 30px;

}

#mymenu ul a {

	display: block;

	float: left;

	border-bottom:2px solid #fff;

	margin:0px 40px 0px 0px;

}

#mymenu ul a

{

	color: #273039;

	text-decoration: none;

	display:block;

	font-size: 14px;

	font-weight: bold;

	padding:15px 15px 15px 15px;

}

#mymenu ul a:hover

{

	background-color:#0061af;

	color:#fff;

}

@media only screen and (max-width:1024px)

{

	.col

	{

		margin: 1% 0%;	

		float:left;

	}

	.container

	{

		width:100%;

		margin:0px auto;

		position:relative;

	}

	#mymenu ul li a

	{

		padding:28px 30px;

	}

	#content {

	width: 90%;

	margin-left:auto;

	margin-right:auto;

	}

	.span_8 {

    	width: 8%;

	}

}

@media only screen and (max-width:970px)

{

	.span_23

	{

		width:46%;

		margin:1% 1% !important;

		padding:1% 1% !important;

	}

}

@media only screen and (max-width:768px)

{

	.col

	{

		margin: 1% 0%;	

		float:left;

	}

	.span_10, .span_15, .span_16, .span_20, .span_25, .span_30, .span_33, .span_35, .span_40, .span_45, .span_50, .span_60, .span_65, .span_70, .span_75, .span_80, .span_85, .span_90, .span_100

	{

		width:100%;

	}
	#pdf
	{
		width:50%;
	}
	#notice-board
	{
		width:100% !important;
	}

	.container

	{

		width:100%;

		margin:0px auto;

		position:relative;

	}

	#menu ul li 

	{

		display: block;

		clear:both;

		width:100%;

	}

	#menu ul li a

	{

		padding:10px;

	}
	#mymenu ul a

	{

		width: 90%;

		text-align: justify;

		background-color: #000;

		color: #fff;

	}

	#logo

	{

		text-align:center;

	}

	#content

	{

		width: 90%;

		margin-left:auto;

		margin-right:auto;

	}

	#products

	{

		width:80%;

	}

	#header-img

	{

		margin-bottom: -6px;

	}

	#cal, #cal h5

	{

    	text-align: center;

	}

	#algn-cntr

	{

		text-align:center;

	}

	#our-services h3 {

    margin-left: 0px;

	}

	#our-services p

	{

		padding: 0 15px;

	}

	#top-header

	{

		text-align:center;

		margin-top: 0px;

	}

	.logo

	{

		margin-top: 10px;

	}

	#fix

	{

		position: fixed;

		z-index: 10;

	}

	.right, .link

	{

		text-align:center;

	}

	#header

	{

		margin:0px;

	}

	#winx

	{

		text-align:center;

	}

	#social

	{

		text-align:center;

	}

	#right

	{

		text-align:center;

	}

	#left

	{

		text-align:center;

	}

	.right-algn

	{

		text-align:center;

	}

	.hide

	{

		display:none;

	}

	#box-3

	{

		width: 90%;

    	margin: 2% 5%;

	}

	#mrg-2

	{

		margin-left: 0px;

	}

	.hide-menu

	{

		display:none;

	}

	.hidden-menu

	{

		display:block;

	}

	.hidden

	{

		display:none;

	}

	.hidden-2

	{

		display:block;

	}

	#cssmenu

	{

		border: 1px solid #fff !important;

	}

	.col.span_100 input, .col.span_100 textarea, #topic

	{

		width:90% !important;

	}

	#social-links

	{

		text-align:center !important;

	}
	.pos-abs
	{
		position:relative;
	}
	#boxes #dialog div {
	  margin-top: 0px !important;
	  margin-bottom: 10px !important;
	  font-size: 16px !important;
	}
}

@media only screen and (max-width:500px)

{

	.span_23

	{

		width:96%;

		margin:1% 1% !important;

		padding:1% 1% !important;

	}

}

@media only screen and (max-width:1024px) and (min-width:1000px)

{

	#menu ul li a

	{

		padding: 12px 24px;

	}

}

@media only screen and (max-width:999px) and (min-width:900px)

{

	#menu ul li a

	{

		padding: 12px 18px;

	}

}

@media only screen and (max-width:899px) and (min-width:800px)

{

	#menu ul li a

	{

		padding: 12px 12px;

	}

}

@media only screen and (max-width:799px) and (min-width:769px)

{

	#menu ul li a

	{

		padding: 12px 10px;

	}

}

@media only screen and (max-width:944px) and (min-width:769px)

{

	#header-img

	{

	    margin-top: 15px;

    	margin-bottom: -10px;

	}

}

@media only screen and (max-width:700px) and (min-width:501px)

{

	#cities-list li

	{

    	width: 25%;

	}

}

@media only screen and (max-width:500px) and (min-width:321px)

{

	#cities-list li

	{

    	width: 40%;

	}

}

@media only screen and (max-width:320px)

{

	#cities-list li

	{

    	width: 70%;

	}

}

@media only screen and (max-width:430px)

{

	.call-bg a

	{

		font-size: 11px;

	}

	.span_303 {

		width: 37%;

	}

	.span_707 {

		width: 62%;

	}

	#box-3 p

	{

		font-size:14px;

	}

}

@media only screen and (max-width:400px)

{

	#no-2020

	{

		margin-left: 5px;

	}

	#no-8080 {

		margin-left: 5px;

	}

}

.col.span_100 input, .col.span_100 textarea {

    width: 90%;
	border:1px solid #262529 !important;
    padding: 15px;
	border:none;
	color:#262529;
	font-size: 15px;

}

.waves-effect.waves-light.btn.submitbtn {

    background-color: #fff;

    color: #0068a9;

    padding: 10px 25px;

    margin: 15px 0px 0px 5px;

}

#news-ah a

{

	color:#0061af;

	text-decoration:none;

}

#news-ah a:hover

{

	text-decoration:underline;

}

#news-ah .col.span_100

{

    margin-left: 0px;

}

#reused_form, .input-field.col.s12

{

    width: 100%;

}

#topic

{

	width:100%;

	padding:10px;

}

#social-links

{

	text-align:right;

	margin-bottom:0px;

}

#social-links img

{

	border: 1px solid #fff;

	padding: 10px;

}

#social-links img:hover

{

    border: 1px solid #000;

}
#heading-p p
{
	color:#6d6d6d;
}
#heading-h2h3 h2
{
	color:#47578d;
	font-size: 50px;
	line-height: 1;
	font-family:'Aleo',serif !important;
}
#heading-h2h3 h3
{
	color:#6d6d6d;
	font-size: 14px;
}
#heading-h2h3 p
{
	color:#6d6d6d;
}
.padd
{
	padding:50px 0px;
}
.mrg
{
	margin:50px 0px;
}
#call-email
{
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
}

#call-email a
{
	color:#F99A01;
	text-decoration:none;
}
#call-email a:hover
{
	text-decoration:underline;
}
#what-we-do
{
	text-align:center;
}
#what-we-do img
{
	border: 2px solid #F99A01;
}
#what-we-do img:hover
{
	transform: scale(1.05);
	transition: .3s all ease;
}
#what-we-do a
{
	text-decoration:none;
	color:#000;
}
#what-we-do a:hover
{
	color:#F99A01;
}
#gray-bg
{
	background-color:#F4F4F4;
}
.how-we-do img:hover
{
	transform: scale(1.05);
	transition: .3s all ease;
}
.how-we-do h3
{
	padding:20px 0px;
	color:#000;
}
.how-we-do p
{
	color: #5C5C5C;
}
.pos-products h3
{
	padding:20px 20px;
}
.pos-products p
{
	color: #5C5C5C;
}
#markets-we-serve #market
{
	background-color: #F4F4F4;
	padding: 40px 0px;
}
#markets-we-serve #market:hover
{
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}
#markets-we-serve img
{
	width:70px;
}
#local-technical-support
{
	background-image:url(images/hero_bg_2.jpg);
	padding-top: 112px;
	padding-bottom:: 112px;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	color:#fff;
}
#local-technical-support #support
{
	padding-top:80px;
}
#contact-us
{
	padding-top:115px;
}
#contact-us a
{
	border: 2px solid #fff;
	color:#fff;
	border-radius: 30px;
	padding:20px 75px;
	text-decoration:none;
}
#contact-us a:hover
{
	color:#F99A01;
	background-color:#fff;
}
#support h3
{
	font-size: 32px;
}
#support p
{
	font-size: 20px;
}
#footer
{
	color:#000;
}
#footer a
{
	color:#5C5C5C;
	text-decoration:none;
}
#footer a:hover
{
	color:#002858;
}
#footer li {
  padding: 8px 0px;
}
#marquee-tag button
{
	background-color: #002858;
	color: #fff;
	border: none;
	padding: 11px;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	
}
#social-icons a
{
  border: 1px solid #800000;
  padding: 10px 14px;
}
#social-icons a:hover
{
	border: 1px solid #000;
}
#yellow-bg
{
	background-color:#002858;
}
#yellow-bg
{
	color:#fff;
}
#yellow-bg a
{
	color:#fff;
	text-decoration:none;
}
#yellow-bg a:hover {
  text-decoration: underline;
}
.login-btn button
{
	background-color: #000;
}
#eftpos a
{
	color:#333;
	text-decoration:none;
}
#hide-img
{
	display:none;
}
#enq-btn button
{
	background-color: #000;
	color: #F99A01;
	border: none;
	padding: 15px 40px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 10px;
}
#enq-btn button:hover
{
	background-color: #FFF;
}
#book-online button {
  background-color: #F99A01;
  border: 2px solid #F99A01;
  padding: 15px 25px;
  border-radius: 7px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
#book-online button:hover {
  background-color: #fff;
}
#pos-link
{
	text-align:justify;
}
#pos-link img
{
	margin: 15px 0px;
}
#pos-link img:hover
{
  transform: scale(1.05);
  transition: .3s all ease;
}
#pos-link a
{
	color: #333;
	text-decoration:none;
}
#pos-link a:hover
{
	text-decoration:underline;
}
#pordcts
{
	box-shadow: 3px 10px 10px rgba(68,54,54,.2);
}
#pordcts p {
  padding: 20px;
}
#pordcts:hover
{
	box-shadow: 3px 20px 20px rgba(68,54,54,.2);
	transform: scale(1.05);
	transition: .3s all ease;
}
#links a
{
	color: #333;
	text-decoration:none;
}
#links a:hover
{
	text-decoration:underline;
}
#product img
{
	margin:15px 0px;
}
#pos-img img
{
	width:100%;
}
#blog-links a
{
	color:#5C5C5C;
	text-decoration:none;
}
#blog-links a:hover
{
	text-decoration:underline;
}
#kiosk p
{
	line-height: 2;
}
#kiosk-p p
{
	text-align:justify;
}
.kiosk-bck h3
{
	background-color:#F99A01;
	padding: 20px 0px;
}
.hide-mobile
{
	display:block;
}
.hide-desktop
{
	display:none;
}
#topheadimg img
{
	border: 4px solid #000;
}
#main-conts p
{
	text-align:justify;
	padding: 0px 10px;
}
#table
{
	width:100%;
	overflow-x: auto;
	overflow-y: auto;
}
#table p
{
  padding: 5px;
  text-align:left;
}
.arch img {
  max-width: none;
}
.alg-lft
{
	text-align:left !important;
}
#src-page h4
{
	color:#007BFF;
}
#src-page
{
	color:#007BFF;
}
.src-page2
{
	background-color:#007BFF;
	border-radius: 5px;
}
.src-page2 h4
{
	color:#000 !important;
	padding: 10px;
}
#src-img img
{
	width:245px;
}
.gallery-pcs img
{
	width:300px !important;
	height:220px !important;
}




@media only screen and (max-width:768px)
{
	#blue-bg
	{
		position: relative;
	}
	#what-we-do .span_16
	{
		margin-bottom: 40px;
	}
	#menu-2 {
	  margin-bottom: 5px !important;
	  margin-top: 5px !important;
	}
	#hide-img
	{
		display:block;
	}
	#hide-img1
	{
		display:none;
	}
	.topnav a
	{
		border:none !important;
	}
	#topheander h1
	{
		font-size: 20px;
	}
	#topheander h3
	{
		font-size: 16px;
	}
	.hide-mobile
	{
		display:none;
	}
	.hide-desktop
	{
		display:block;
	}
	#table
	{
		width:100%;
		height:500px;
		overflow-x: auto;
		overflow-y: auto;
	}
	.gallery-pics img
	{
		margin-left: 20px;
	}
	.gallery-pics img
	{
		width:300px !important;
		height:220px !important;
	}
}


* {box-sizing: border-box}

/* Style the tab */
.tab {
  float: left;
  width: 15%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: #6d6d6d;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size:16px;
  border:2px solid #1A191D;
}

/* Change background color of buttons on hover */
.tab button:hover {
	color:#2eb2ff;
}

/* Create an active/current "tab button" class */
.tab button.active {
  color:#2eb2ff;
  border-right:2px solid #2eb2ff;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 85%;
  border-left: none;
  display:none;
}





/* Sustainability Page Accordion */
.tab2 {
  float: left;
  width: 15%;
}

/* Style the buttons that are used to open the tab content */
.tab2 button {
  display: block;
  background-color: inherit;
  color: #6d6d6d;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size:16px;
  border:2px solid #1A191D;
}

/* Change background color of buttons on hover */
.tab2 button:hover {
	color:#2eb2ff;
}

/* Create an active/current "tab button" class */
.tab2 button.active {
  color:#2eb2ff;
  border-right:2px solid #2eb2ff;
}

/* Style the tab content */
.tabcontent2 {
  float: left;
  padding: 0px 12px;
  width: 85%;
  border-left: none;
  display:none;
}


/* Textile Processing Aides Accordion */

.accordion {
  background-color: #F8F8F8;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-bottom: 10px;
}
.active, .accordion:hover {

}
.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
button.accordion.active:after {
	content: '\002D';
}



* {box-sizing: border-box}

/* Slideshow container */
.slideshow-container {
  position: relative;
}

/* Slides */
.mySlides {
  display: none;
  text-align: center;
}
.mySlides img
{
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}

/*Menu CSS Start*/

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 5px 8px;
  text-decoration: none;
  font-size: 15px;
  border-right: 1px solid #007BFF;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}
#myTopnav a:hover {
  color: #fff;
}
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 15px;    
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  line-height: 1.5;
  padding: 5px 8px;
  border-right: 1px solid #007BFF;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10000;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #007BFF;
}

.dropdown-content a:hover {
  background-color: #007BFF;
  color:#fff;
}

.dropdown:hover .dropdown-content {
  display: block;
}
#main-area h3
{
	background-color:#002858;
	color:#fff;
	padding: 15px;
	border-radius: 5px;
}
#main-area #whats-new
{
	background-color:#800000;
}
#main-area #whats-new p
{
	padding: 10px;
	color:#fff;
	border-bottom:1px dotted #fff;
}
#notice-board
{
	width:19.2%;
}
#notice-board a
{
	color:#fff;
}
#notice-board p a:hover
{
	text-decoration:underline;
}
.graybg
{
	background-color:#E8EAF6;
}
#notice-board marquee
{
	background-color:#007BFF;
}
#notice-board marquee p
{
	padding: 10px;
	color:#000;
	border-bottom:1px dotted #000;
}
#rto li
{
	background-color:#007BFF;
	padding: 10px;
	color: #fff;
	margin: 5px 0px;
	border-radius: 5px;
}
#rto a
{
	color:#000;
	text-decoration:none;
}
#rto li:hover
{
	background-color:#002858;
	color:#fff;
}
#rto a:hover
{
	color:#fff;
}
#mainh3 h3
{
	border-radius: 5px;
}
.links p a
{
	color:#333;
	text-decoration:none;
}
.links p a:hover
{
	text-decoration:underline;
}
#mrgzero
{
	margin:0px;
}
#mrgzero p
{
	margin:0px;
}
.latest-notices h2
{
	background-color:#002858;
	text-align:center;
	color:#fff;
}
.notice
{
	background-color:#007BFF;
	padding:20px;
	margin:10px 0px;
}
.notice p a
{
	color:#fff;
	font-size: 18px;
}
#note a:hover
{
	color:#007BFF;
}


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
	padding: 15px 20px;
  }
	.topnav
	{
		border: 1px solid #fff;
		background-color: #002858;
	}
	.topnav a
	{
		padding: 15px 20px;
	}
	.topnav a:hover
	{
		background-color: #007BFF;
	}
	.dropdown-content a
}

/*Menu CSS End*/
#boxes #dialog div {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 18px;
}
#visitors img {
  color: #007BFF;
}
p {
  margin: 10px 0px;
}
.justy
{
	text-align:justify;
}