/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.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,
dl,
dt,
dd,
ol,
nav ul,
nav 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-family: Oswald, sans-serif;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start editing from here */
a {
	text-decoration: none;
}

.txt-rt {
	text-align: right;
}

/* text align right */
.txt-lt {
	text-align: left;
}

/* text align left */
.txt-center {
	text-align: center;
}

/* text align center */
.float-rt {
	float: right;
}

/* float right */
.float-lt {
	float: left;
}

/* float left */
.clear {
	clear: both;
}

/* clear float */
.pos-relative {
	position: relative;
}

/* Position Relative */
.pos-absolute {
	position: absolute;
}

/* Position Absolute */
.vertical-base {
	vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
	vertical-align: top;
}

/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}

/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}

/* horizontal menu */
img {
	max-width: 100%;
	max-width: 100%;
	border: 3px solid #fff;
	border-radius: 6px;
}

/*end reset*/
body {
	background-color: #f6f6f6;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
}

.wrap {
	margin: 0 auto;
	width: 100%;
}

.btm_border {
	border-bottom: 4px solid rgba(12, 12, 12, 0.1);
}

.h_bg {
	background-color: #f6f6f6;
	border-bottom: 6px solid #0DB0CF;
}

.header {
    padding: 10px;
}

.logo {
	float: left;
}

.social-icons {
	float: right;
	padding: 14px;
}

.social-icons li a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	background: transparent url('../images/social-icons.png');
	text-decoration: none;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.error {
	color: #C00;
	font-size: 11px;
	font-style: italic;
	font-family: "Arial Black", Gadget, sans-serif;
}

.contact-info1 {
	font-weight: normal;
	color: #BBB;
}

.social-icons li:first-child {}

.social-icons ul li:first-child,
ol li:first-child {
	margin-top: 0px;
}

.social-icons ul li:nth-child(6) {
	margin-top: 0px;
}

.left {
	width: 61%;
	float: left;
	margin-top: 6em;
}

.add {
	margin-bottom: 30px;
	background: #fff;
	padding: 25px 25px;
	border-radius: 30px;
	display: block;
	border-radius: 30px;
	margin-left: 2em;

}

.add a {
	color: #006 !important;
}


.add h1 {
	font-family: Oswald, sans-serif;
	font-size: 25px;
	color: #006;
	text-align: center;
	line-height: 59px;
}
.logo1 {
    display: flex !important;
    justify-content: space-between !important;
	align-items: center;
}
.logo1 img {
    width: 70%;
}
.add h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 2.5em;
	color: #006;
	text-align: center;
}

.dr_pic {
	width: 25%;
	margin: 0px 2em 1em 0;
	padding: 0px;
	float: left;
	text-align: center;
}

.dr_pic img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px solid #0DB0CF;
	border-radius: 0px;
}

.dr_pic h1 {
	font-size: 1.5em;
	color: #0DB0CF;
	text-align: center;
	font-family: Oswald, sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #ccc;
}

.dr_pic p {
	text-align: center !important;
}

.spine {
	float: left;
	width: 78%;
}

.spine img {
	width: 40%;
	margin: 42px;
}

.left img {
	float: left;
	margin-right: 4%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 6px;
	background: #0DB0CF;

}

.add span {
	font-family: "Courier New", Courier, monospace;
	font-size: 17px;
	color: #006;
	line-height: 1.6em;
}

.right {
	width: 420px;
	float: right;
	color: #006;
	border-radius: 30px;
	margin-top: 10px;
}

.right h3 {
	font-size: 25px;
	color: #fff;
	text-align: center;
	font-family: Oswald, sans-serif;
	letter-spacing: 1px;
	background-color: #000;
	border-radius: 10px;
	padding: 7px;
}

.form {
	padding: 0px 6px;
}

#sendemail h4 {
	font-size: 26px;
	line-height: 0px;
	color: #006;
}

#sendemail {
	margin-top: 10px;
	border: 1px solid #999;
	border-radius: 30px;
	float: left;

}

#sendemail span {
	width: 109px;
	line-height: 28px;
	color: #006;
}

#sendemail .wrapper {
	min-height: 30px
}

#sendemail .textarea_box {
	min-height: 125px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 6px;
}

#sendemail a {
	margin: 7px 15px 0 10px;
	float: right;
	width: 62px;
	font-style: normal;
	font-weight: bold;
	height: 32px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
	text-align: center;
	background: linear-gradient(#DFDFDF, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 5px;

}

#sendemail a:hover {
	background: #FF840B;
	color: #fff;
}

#sendemail .input {
	width: 372px;
	height: 18px;
	border: 1px solid #666666;
	background: #fff;
	padding: 5px 5px;
	color: #333333;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0;
	border-radius: 3px;
}

#sendemail textarea {
	overflow: auto;
	width: 350px;
	height: 50px;
	border: 1px solid #666666;
	background: #fff;
	color: #696968;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0;
}

textarea {
	width: 100%;
}

ol {
	margin: 5px;
	padding: 0;
	font-size: 14px;

}

ol li {
	margin: 0;
	padding: 0;

	display: block;
	clear: both;
	color: #006;
}

ol li label {
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
}

ol li input.text {
	width: 260px;
	border: 1px solid #c0c0c0;
	margin: 0px 0;
	padding: 5px 2px;
	height: 16px;
	background: #fff;
}

ol li label {
	display: block;
	margin: 0;
	padding: 0px;
}

ol li input.text {
	width: 100%;
	border: 1px solid #c0c0c0;
	margin: 7px 0;
	height: 16px;
	background: #fff;
}

.send {
	background: #fff;
	width: 80px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	margin: 10px auto;
	display: block;
}

.social-icons li {
	float: left;
	width: 40px;
	height: 40px;
	background: none;
	padding: 0px;
	margin: 0;
}

.social-icons a.facebook:hover {
	background-position: 0px bottom;
}

.social-icons a.facebook {
	background-position: 0px top;
}

.social-icons li a {
	height: 40px;
	width: 40px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/social-icons.png);
}

.social-icons a.twitter {
	background-position: -40px top;
}

.social-icons a.twitter:hover {
	background-position: -40px bottom;
}

.social-icons a.googleplus {
	background-position: -320px top;
}

.social-icons a.googleplus:hover {
	background-position: -320px bottom;
}

.social-icons a.linkedin {
	background-position: -600px top;
}

.social-icons a.linkedin:hover {
	background-position: -600px bottom;
}

.social-icons a.dribbble {
	background-position: -160px top;
}

.social-icons a.dribbble:hover {
	background-position: -160px bottom;
}

.social-iconst a.dribbble:hover {
	background-position: -160px bottom;
}

.social-icons a.vimeo {
	background-position: -120px top;
}

.social-icons a.vimeo:hover {
	background-position: -120px bottom;
}

/*h_btm*/
.h_btm {
	padding: 0 4%;
}

/*menu*/
.cssmenu {
	float: left;
}

.cssmenu>ul>li {
	display: inline-block;
	position: relative;
}

.cssmenu>ul>li.active a {
	color: #ffffff;
	background-color: #e1184a;
	background-image: -moz-linear-gradient(top, #cf0c3c, #fc2b5f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cf0c3c), to(#fc2b5f));
	background-image: -webkit-linear-gradient(top, #cf0c3c, #fc2b5f);
	background-image: -o-linear-gradient(top, #cf0c3c, #fc2b5f);
	background-image: linear-gradient(to bottom, #cf0c3c, #fc2b5f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf0c3c', endColorstr='#fffc2b5f', GradientType=0);
	border-color: #fc2b5f #fc2b5f #d70338;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.cssmenu>ul>li span img {
	vertical-align: middle;
}

.cssmenu>ul>li>a {
	font-family: 'Quattrocento Sans', sans-serif;
	color: #ffffff;
	display: block;
	font-size: 16px;
	line-height: 1.8em;
	padding: 12px 28px;
	background: rgba(12, 12, 12, 0.1);
	color: #555555;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-o-border-top-left-radius: 10px;
	-o-border-top-right-radius: 10px;
}

.cssmenu>ul>li>a:hover {
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
	background: #999999;
	color: #ffffff;
}

/*search*/
.search {
	float: right;
	width: 28%;
	border: 1px solid rgb(226, 226, 226);
	background: #FFFFFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	position: relative;
}

.search input[type="text"] {
	padding: 8px 16px;
	outline: none;
	color: #202020;
	background: none;
	border: none;
	width: 78.33%;
	line-height: 1.5em;
}

.search input[type="submit"] {
	background: url('../images/search.png') no-repeat 2px 6px;
	padding: 4px 8px;
	border: none;
	cursor: pointer;
	width: 10.33%;
	line-height: 1.5em;
	position: absolute;
	right: 10px;
}

.search input[type="submit"]:hover {
	background: url('../images/search_h.png') no-repeat 2px 6px;
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
}

.search:hover {
	-webkit-transition: .2s all linear;
	-moz-transition: .2s all linear;
	-o-transition: .2s all linear;
	transition: .2s all linear;
	box-shadow: inset 0px -1px 4px #E4E4E4;
	-webkit-box-shadow: inset 0px -1px 4px #E4E4E4;
	-moz-box-shadow: inset 0px -1px 4px #E4E4E4;
	-o-box-shadow: inset 0px -1px 4px #E4E4E4;
}

/*slider*/
.slider_bg {
	background: #f6f6f6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f6f6f6 1%, #f0f0f0 19%, #efefef 39%, #ededed 59%, #dddddd 81%, #cccccc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f6f6f6), color-stop(19%, #f0f0f0), color-stop(39%, #efefef), color-stop(59%, #ededed), color-stop(81%, #dddddd), color-stop(100%, #cccccc));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6f6f6 1%, #f0f0f0 19%, #efefef 39%, #ededed 59%, #dddddd 81%, #cccccc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6f6f6 1%, #f0f0f0 19%, #efefef 39%, #ededed 59%, #dddddd 81%, #cccccc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6f6f6 1%, #f0f0f0 19%, #efefef 39%, #ededed 59%, #dddddd 81%, #cccccc 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f6f6f6 1%, #f0f0f0 19%, #efefef 39%, #ededed 59%, #dddddd 81%, #cccccc 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#cccccc', GradientType=0);
	/* IE6-9 */
}

.slider {
	padding: 0;
}

/*  GRID OF THREE   ============================================================================= */
.grids_1_of_3 {
    text-align: center;
    max-width: 1350px;
    padding-left: 110px;
    padding-bottom: 50px;
}
.grid_1_of_3 {
    display: block;
    float: left;
    margin-top: 40px;
    background: #dadada;
    height: 350px;
}

.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
    width: 30.33%;
}

.images_1_of_3 img {
    width: 10rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 6px;
    background: #0DB0CF;
    cursor: pointer;
    margin-top: 10px;
}

.images_1_of_3 h3 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	margin-top: .4em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 whitesmoke;
}

.images_1_of_3 p {
    color: #000;
    line-height: 1.8em;
    font-size: 0.8925em;
    text-align: center;
}

.read a {
	text-align: right;
	line-height: 1.6em;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	background-color: #0DB0CF;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
}

.read {
	margin-top: 5px;
}

.read a:hover {
	color: #fff;
	background-color: #000;
}

.contact_box {
	width: 300px;
	margin-left: 30px;
	margin-top: 0px;
	float: right;
}

.contact-form form {
	margin: 0;
}

.contact-form input {
	height: 35px;
	width: 100%;
	padding: 1px 8px;
	margin-bottom: 5px;
	color: #717171;
	float: left;
	font-size: 15px;

}

.contact-form textarea {
	width: 100%;
	color: #717171;
	float: left;
	font-size: 11px;

}

.contact-form form .submit,
.contact-form form .submit:focus {
	padding: 5px 10px;
	margin-top: 5px;
	width: 30%;
	border: 0 none;
	color: #858585;
	float: right;
	font-size: 10px;
	font-style: italic;
	text-transform: uppercase;
	background: none repeat 0 0 #363636;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.contact-form form .submit:hover {
	color: #FFFFFF;
}

.mpe {
	width: 982px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.mpe ul {
	margin: 0px;
	padding: 0px
}

.mpe ul li {
	list-style: none;
	margin: 4px 0 10px 0;
	padding: 0px;
	float: left;
	width: 230px;
}

.mpe ul li a {
	margin: 0px;
	padding: 0px;
	float: left;
	line-height: 20px;
	color: #333;
	font-family: arial;
	font-size: 13px
}

.mpe ul li img {
	margin: 0px;
	padding: 0px;
}

.mpe span {
	font-family: arial;
	color: #333;
	font-size: 15px;
}

.msgs {
	float: left;
	width: 100%;
}

/*main*/
.main_bg {
	background: #fff;
}

.main {
	padding: 0% 4%;
}

.content h2 {
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 2em;
	color: #575757;
	margin-top: .6em;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 0 1px 0 white;
}

.content h3 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #e1184a;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 0 1px 0 white;
	line-height: 1.8em;
	margin: 0.8em 0;
}

.content p {
	color: #000;
	line-height: 1.7em;
	font-size: 0.8925em;
	text-align: justify;

}

.content_left {
	width: 76%;
	margin: 1em 0 0 0;
	padding: 0px;
	float: left;
}

.content_left ul {
	width: 100%;
	list-style: circle;
	margin: 0px;
	padding: 0px;
}

.content_left ul li {
	margin: 10px 0 0 19px;
	padding: 0px;
	display: list-item;
}

.content_left ul li span {
	font-weight: bold;
}

.content_right {
	width: 21%;
	margin: 0px;
	padding: 0px;
	float: right;
}

.content p a img {
	float: left;
	margin: 1% 3% 3% 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 6px;
	background: #0DB0CF;
}

/*---box---*/
.main_btm {
	background: #dddddd;
}

.gallery {
	float: left;
	width: 66%;
	margin-right: 4%;
}

.gallery h3 {
	text-transform: capitalize;
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	margin-bottom: 0.4em;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 whiteSmoke;
}

.gallery ul li {
	display: inline-block;
	width: 23.5%;
	margin-right: 3px;
}

.terminals {
	float: right;
	width: 100%;
}

.terminals h3 {
	text-transform: capitalize;
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	margin-bottom: 0.4em;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 whiteSmoke;
}

.terminals p {
	text-align: justify;
	color: #575757;
	line-height: 1.8em;
	font-size: 0.8925em;
	margin: 0.5em 0;
}

.terminals p:before {
	content: url(../images/quotes_alt.png);
	padding-right: 10px;
}

.terminals span {
	float: right;
	color: #e1184a;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 0.875em;
}

.terminals span a {
	font-family: 'Quattrocento Sans', sans-serif;
	color: #3C3C3C;
	font-size: 1.2em;
	line-height: 1.8em;
	text-transform: uppercase;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.terminals span a:hover {
	color: #e1184a;
}

/*footer*/
.footer-bg {
	border-top: 4px solid #0DB0CF;
	background-color: #4A5153;
}

.footer {
	padding: 1% 3% .5% 3%;

}

.box1 {
	float: right;
	width: 30.33%;
	margin-right: 4%;
}

.box1:nth-child(3) {
	margin-right: 0;
}

.box1 h4 {
	letter-spacing: -1px;
	font-size: 2em;
	color: #0DB0CF;


}

.btm {
	margin-bottom: 4%;
}

.box1 nav ul li img {
	margin-top: 10px;
}

.box1 nav ul li {
	display: list-item;
}

.box1 nav ul li a {
	color: #C5C5C5;
	line-height: 1.8em;
	font-size: 0.8925em;
}

.box1 nav ul li a:hover {
	text-decoration: none;
	color: #e1184a;
}

.box1 p {
	color: #C5C5C5;
	line-height: 1.8em;
	font-size: 0.8925em;
}

.box1 p a {
	color: #C5C5C5 !important;
}

.box1 p a:hover {
	color: #fff !important;
}


.box1_address p span {
	cursor: pointer;
	color: #e1184a;
}

/*.box1_address p span:hover{
	color: #575757;
}*/
/*footer1*/
.ftr-bg {
	background: #000000;
}

.copy {
	float: left;
	margin-top: 1.5em;
}

.copy-right-right {
	float: right;
}

.copy-right-right img {
	border: none !important;
}

.copy p {
	color: #fff;
	line-height: 1.8em;
	font-size: 0.8925em;
}

.copy p a {
	color: #e1184a;
}

.copy p a:hover {
	color: #575757;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}

/*---about-us----*/
.about-us {
	display: block;
}

.about-header h3 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
}

.about-info a {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #e1184a;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 0 1px 0 white;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	display: block;
	line-height: 1.8em;
	margin: 5px 0;
}

.about-info a:hover {
	color: #555555;
}

.about-info p {
	color: #575757;
	line-height: 1.8em;
	font-size: 0.8925em;
}

.about_cont {
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

.about_cont h1 {
	color: #0DB0CF;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: 0;
	line-height: 43px;
	border-bottom: 2px dotted;
}

.about_cont ul {
	width: 98%;
	margin: 0px 0 0 0em;
	padding: 0px;
	float: left;
	list-style: none;
}

.about_cont ul li {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/blue-right-arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 28px;



	/*list-style:outside url(../images/blue-right-arrow.png);*/
	/*list-style-image:url(../images/blue-right-arrow.png);*/
	color: #000;
	line-height: 30px;
	font-size: 0.8925em;
	text-align: justify;
}

/*-----specials-heading----*/
.specials-heading h5 {
	float: left;
	width: 33%;
	height: 1px;
	background: #D1D1D1;
	margin: 24px 0px 0px 0px;
}

/*----special-grid------*/
.special-grid {
	float: left;
	width: 31.333333%;
	margin-right: 3%;
}

.special-grid:nth-child(3) {
	margin-right: 0%;
}

.specials {
	margin-top: 1em;
}

.special-grid img {
	width: 100%;
}

.special-grid a {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #e1184a;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 0 1px 0 white;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.5em 0;
	display: block;
}

.special-grid a:hover {
	color: #555555;
}

.special-grid p {
	color: #575757;
	line-height: 1.8em;
	font-size: 0.8925em;
}

.specials-grids {
	padding: 2% 0;
}

/*-----specials-heading----*/
.specials-heading h3 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
}

/*---start-services----*/
.services {
	display: block;
}

.services-header h3 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
}

.services-grid {
	width: 22.33333%;
	float: left;
	margin-left: 3%;
}

.services-grid:first-child {
	margin-left: 0;
}

.services-grid a {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #e1184a;
	font-family: 'Quattrocento Sans', sans-serif;
	text-shadow: 0 1px 0 white;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 1em 0 0.5em 0;
	display: block;
}

.services-grid a:hover {
	color: #555555;
}

.services-grid p {
	color: #575757;
	line-height: 1.8em;
	font-size: 0.8925em;
}

/*start Contact*/
.contact {
	display: block;
}

.contact_info {
	float: right;
	width: 64.33333%;
}

.map {
	margin-top: 4%;
}

.company_address {
	float: left;
	margin-right: 3%;
	width: 32.3333%;
}

.span_1_of_2 h2 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.span_2_of_4 h2 {
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 #ffffff;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.contact-form {
	position: relative;
	margin-top: 2%;
}

.contact-form div {
	padding: 5px 0;
}

.about_contanit {
	width: 100%;
	margin: 0em 0 1em 0;
	padding: 0px;
	float: left;
}


.about_contanit .about_row1 {
	width: 78%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}

.about_row1 a {
	color: #1F9A8B;
	text-decoration: underline;

}

.about_contanit h1 {
	color: #0DB0CF;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: 0.8em 0;
	line-height: 25px;
	border-bottom: 2px dotted;
}

.about_contanit h2 {
	color: #000;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	margin: .2em 0;
}

.about_contanit p {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	color: #000;
	font-size: .9em;
	padding: 0px;
	text-align: justify;
	line-height: 1.7em;
}

.about_contanit li {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/blue-right-arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 28px;
	/* list-style: outside url(../images/blue-right-arrow.png); */
	/* list-style-image: url(../images/blue-right-arrow.png); */
	color: #000;
	line-height: 30px;
	font-size: 0.8925em;
	text-align: justify;
}

.about_contanit .about_row1 p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;

}

.about_row1 span {
	font-size: 15px;
	color: #0DB0CF;
}

.about_contanit .about_row2 {
	width: 20%;
	margin: 0px;
	padding: 0px;
	float: right;
}

.about_contanit .about_row2 img {
	width: 100%;
	margin: 5em 0 0 0;
	padding: 0px;
	border-radius: 6px;
	border: 6px solid #444;
}

.about_row2 ul {
	margin: 3em 0 0 0;
	padding: 0px;
	list-style: none;
}

.gallery1 {
	float: left;
	width: 100%;
	margin-right: 4%;
}

.gallery1 h3 {
	text-transform: capitalize;
	color: #555555;
	font-family: 'Quattrocento Sans', sans-serif;
	margin-bottom: 0.4em;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.8em;
	letter-spacing: -1px;
	text-shadow: 0 1px 0 whiteSmoke;
}

.gallery1 ul li {
	display: inline-block;
	width: 22%;
	margin: 1rem;
}

.about_row2 ul li {
	width: 100%;
	float: left;
	margin: 2px 0;
	padding: 0px;
	list-style: none;
}

.about_row2 ul li img {
	width: 100%;
	margin: 0px !important;
	padding: 0px;
	border: 2px solid #666 !important;
}


.contact-form span {
	color: #575757;
	display: block;
	font-size: 0.8725em;
	padding-bottom: 5px;
}

.company_address p {
	padding: 2px 0;
	font-size: 0.8725em;
	color: #575757;
	line-height: 1.8em;
}

.company_address p span {
	color: #e1184a;
	cursor: pointer;
}

.company_address p span:hover {
	color: #575757;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.contact-form input[type="text"],
.contact-form textarea {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.8725em;
	color: #575757;
	display: block;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(184, 184, 184, 0.86);
	outline: none;
	-webkit-appearance: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.contact-form textarea {
	resize: none;
	height: 60px;
}

.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
	-webkit-transition: 0.9s;
	-o-transition: 0.9s;
	-moz-transition: 0.9s;
	transition: 0.9s;
	box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);
	-webkit-box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);
	-moz-box-shadow0px 0px 1px rgba(154, 153, 162, 0.69);
	-o-box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);
}

.contact-form input[type="submit"] {
	font-family: 'Quattrocento Sans', sans-serif;
	background: #0DB0CF;
	color: #ffffff;
	border: 1px solid #646464;
	cursor: pointer;
	padding: 10px 18px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}

.contact-form input[type="submit"]:hover {
	outline: none;
	color: #fff;
	background-color: #000;
}

/*start 404*/
.page {
	padding: 8% 0;
	text-align: center;
}

.page h3 {
	color: #575757;
	text-shadow: 0 1px 0 #FFFFFF;
	font-size: 12em;
}

/***** Media Quries *****/
@media only screen and (max-width: 1280px) {
	.wrap {
		width: 95%;
	}
}

@media only screen and (max-width: 1024px) {
	.wrap {
		width: 95%;
	}

	.images_1_of_3 h3 {
		font-size: 1.5em;
	}

	.gallery {
		width: 68%;
	}
	#nav ul {
		background-color: #000;
		border-radius: 10px 10PX 0 0;
		list-style: none;
		position: relative;
		/* display: none; */
		/* display: inline-table; */
		padding: 0px 1em;
		text-transform: uppercase;
	}
}

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

	#nav ul {
		background-color: #000;
		border-radius: 10px 10PX 0 0;
		list-style: none;
		position: relative;
		display: none;
		/* display: inline-table; */
		padding: 0px 1em;
		text-transform: uppercase;
	}
	.mobile-header {
		position: relative;
		width: 100%;
		background: #333;
		display: block !important;
	}
}

@media only screen and (max-width: 800px) {
	.wrap {
		width: 95%;
	}

	.cssmenu>ul>li>a {
		font-size: 16px;
		line-height: 1.8em;
		padding: 8px 12px;
	}

	.grids_1_of_3 {
		text-align: center;
		max-width: 1350px;
		padding-left: 0px;
		padding-bottom: 50px;
	}
	.images_1_of_3 {
		width: 50%;
	}

	.content_right {
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: right;
	}
	.content_left {
		width: 100%;
		margin: 1em 0 0 0;
		padding: 0px;
		float: left;
	}
	.contact_box {
		width: 220px;
		margin-left: 30px;
		margin-top: 0px;
		float: right;
	}

	.search input[type="submit"] {
		width: 14.33%;
	}
	.header {
		padding-top: 8px;
		display: block;
		text-align: center;
	}
	.social-icons {
		float: right;
		padding: 0px;
		margin-top: 1%;
		display: none;
	}
}

@media only screen and (max-width: 640px) {
	.wrap {
		width: 95%;
	}

	.gallery {
		width: 60%;
	}

	.terminals {
		float: left;
		width: 36%;
	}

	.logo {
		width: 30%;
	}

	.search input[type="text"] {
		width: 66.33%;
	}


	.search input[type="submit"] {
		width: 20.33%;
	}
}

@media only screen and (max-width: 480px) {
	.wrap {
		width: 95%;
	}

	
	.grids_1_of_3 {
		text-align: center;
		max-width: 1350px;
		padding-left:0px;
		padding-bottom: 50px;
	}

	.button {
		width: 55px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 10px;
		cursor: pointer;
		z-index: 12399994;
	}

	.images_1_of_3 p {
		color: #000;
		line-height: 1.8em;
		font-size: 0.8925em;
		text-align: center;
	}
	.read a {
		/* text-align: right; */
		line-height: 1.6em;
		font-size: 15px;
		font-family: Arial, Helvetica, sans-serif, Verdana;
		background-color: #0DB0CF;
		/* padding: 5px 10px; */
		border-radius: 5px;
		/* float: right; */
		color: #fff;
		padding: 7px;
	}

	.contact_box {
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
		float: right;
	}

	.content_left {
		width: 100%;
		margin: 1em 0 0 0;
		padding: 0px;
		float: left;
	}
	.content_right {
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: center !important;
	}
	.dr_pic {
		width: 100%;
		margin: 0px 2em 1em 0;
		padding: 0px;
		float: left;
		text-align: center;
	}

	.logo {
		margin-top: 2%;
	}

	.logo2 {
		top: 0;
		left: 0;
		width: 100%;
		height: 30px;
		padding: 10px;
	}

	.search {
		display: none;
	}

	.social-icons {
		float: right;
		padding: 0px;
		margin-top: 1%;
		display: none;
	}

	.images_1_of_3 {
		width: 99.333%;
	}

	.gallery {
		width: 100%;
		margin-right: 0%;
	}

	.gallery1 ul li {
		display: inline-block;
		width: 22%;
		margin: .2rem;
	}

	.terminals {
		float: none;
		width: 100%;
	}

	.box1 {
		float: none;
		width: 100%;
		margin-right: 0%;
	}

	.services-grid {
		width: 47.33333%;
		margin-left: 0%;
		margin-right: 2%;
	}

	.company_address {
		float: none;
		margin-right: 0%;
		width: 100%;
	}

	.contact_info {
		float: none;
		width: 100%;
	}

	.cssmenu>ul>li>a {
		font-size: 13px;
		line-height: 1.5em;
		padding: 8px 6px;
	}
	.header {
		padding-top: 8px;
		display: block;
		text-align: center;
	}
}

@media only screen and (max-width: 320px) {
	.wrap {
		width: 100%;
	}

	.logo {
		float: none;
		width: 100%;
		text-align: center;
	}

	.services-grid {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}
	.special-grid {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
}




/* responsiv header css start */


header {
    position: relative;
    width: 100%;
    background: #333;
    display: none;
}

.logo2 {
	position: relative;
	z-index: 123;
	padding: 10px;
	font: 18px verdana;
	color: #0db0cf;
	float: left;
	width: 15%
}

.logo2 a {
	color: #0db0cf;
}

.mobile-header nav {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#cssmenu:after,
#cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

#cssmenu #head-mobile {
	display: none
}

#cssmenu {
	font-family: sans-serif;
	background: #333
}

#cssmenu>ul>li {
	float: left
}

#cssmenu>ul>li>a {
	padding: 17px;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #ddd;
	font-weight: 700;
}

#cssmenu>ul>li:hover>a,
#cssmenu ul li.active a {
	color: #fff
}

#cssmenu>ul>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
	background:#0DB0CF !important;
	-webkit-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
}

#cssmenu>ul>li.has-sub>a {
	padding-right: 30px
}

#cssmenu>ul>li.has-sub>a:after {
	position: absolute;
	top: 22px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}

#cssmenu>ul>li.has-sub>a:before {
	position: absolute;
	top: 19px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

#cssmenu>ul>li.has-sub:hover>a:before {
	top: 23px;
	height: 0
}

#cssmenu ul ul {
	position: absolute;
	left: -9999px
}

#cssmenu ul ul li {
	height: 0;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	background: #333;
	transition: all .25s ease
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover>ul {
	left: auto
}

#cssmenu li:hover>ul>li {
	height: 35px
}

#cssmenu ul ul ul {
	margin-left: 100%;
	top: 0
}

#cssmenu ul ul li a {
	border-bottom: 1px solid rgba(150, 150, 150, 0.15);
	padding: 11px 15px;
	width: 170px;
	font-size: 12px;
	text-decoration: none;
	color: #ddd;
	font-weight: 400;
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
	border-bottom: 0
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
	color: #fff
}

#cssmenu ul ul li.has-sub>a:after {
	position: absolute;
	top: 16px;
	right: 11px;
	width: 8px;
	height: 2px;
	display: block;
	background: #ddd;
	content: ''
}

#cssmenu ul ul li.has-sub>a:before {
	position: absolute;
	top: 13px;
	right: 14px;
	display: block;
	width: 2px;
	height: 8px;
	background: #ddd;
	content: '';
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

#cssmenu ul ul>li.has-sub:hover>a:before {
	top: 17px;
	height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
	background: #363636;
}

#cssmenu ul ul ul li.active a {
	border-left: 1px solid #333
}

#cssmenu>ul>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
	border-top: 1px solid #333
}

@media screen and (max-width:1000px) {
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 46px;
		text-align: center;
		padding: 10px 0 0 0;
		float: none
	}

	/* .logo2 {
		display: none
	} */
	.logo2 {
		position: relative;
		z-index: 123;
		padding: 10px;
		/* font: 18px verdana; */
		font-size: 23px;
		color: #0db0cf;
		float: left;
		width: 15%;
	}
	nav {
		width: 100%;
	}

	#cssmenu {
		width: 100%
	}

	#cssmenu ul {
		width: 100%;
		display: none
	}


	#cssmenu ul li {
		width: 100%;
		border-top: 1px solid #444
	}

	#cssmenu ul li:hover {
		background: #363636;
	}

	#cssmenu ul ul li,
	#cssmenu li:hover>ul>li {
		height: auto
	}

	#cssmenu ul li a,
	#cssmenu ul ul li a {
		width: 100%;
		border-bottom: 0
	}

	#cssmenu>ul>li {
		float: none
	}

	#cssmenu ul ul li a {
		padding-left: 25px
	}

	#cssmenu ul ul li {
		background: #333 !important;
	}

	#cssmenu ul ul li:hover {
		background: #363636 !important
	}

	#cssmenu ul ul ul li a {
		padding-left: 35px
	}

	#cssmenu ul ul li a {
		color: #ddd;
		background: none
	}

	#cssmenu ul ul li:hover>a,
	#cssmenu ul ul li.active>a {
		color: #fff
	}

	#cssmenu ul ul,
	#cssmenu ul ul ul {
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		text-align: left
	}

	#cssmenu>ul>li.has-sub>a:after,
	#cssmenu>ul>li.has-sub>a:before,
	#cssmenu ul ul>li.has-sub>a:after,
	#cssmenu ul ul>li.has-sub>a:before {
		display: none
	}

	#cssmenu #head-mobile {
		display: block;
		padding: 23px;
		color: #ddd;
		font-size: 12px;
		font-weight: 700
	}

	.button {
		width: 55px;
		height: 46px;
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 12399994;
	}

	.button:after {
		position: absolute;
		top: 22px;
		right: 20px;
		display: block;
		height: 4px;
		width: 20px;
		border-top: 2px solid #dddddd;
		border-bottom: 2px solid #dddddd;
		content: ''
	}

	.button:before {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		position: absolute;
		top: 16px;
		right: 20px;
		display: block;
		height: 2px;
		width: 20px;
		background: #ddd;
		content: ''
	}

	.button.menu-opened:after {
		-webkit-transition: all .3s ease;
		-ms-transition: all .3s ease;
		transition: all .3s ease;
		top: 23px;
		border: 0;
		height: 2px;
		width: 19px;
		background: #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.button.menu-opened:before {
		top: 23px;
		background: #fff;
		width: 19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	#cssmenu .submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid #444;
		height: 46px;
		width: 46px;
		cursor: pointer
	}

	#cssmenu .submenu-button.submenu-opened {
		background: #262626
	}

	#cssmenu ul ul .submenu-button {
		height: 34px;
		width: 34px
	}

	#cssmenu .submenu-button:after {
		position: absolute;
		top: 22px;
		right: 19px;
		width: 8px;
		height: 2px;
		display: block;
		background: #ddd;
		content: ''
	}

	#cssmenu ul ul .submenu-button:after {
		top: 15px;
		right: 13px
	}

	#cssmenu .submenu-button.submenu-opened:after {
		background: #fff
	}

	#cssmenu .submenu-button:before {
		position: absolute;
		top: 19px;
		right: 22px;
		display: block;
		width: 2px;
		height: 8px;
		background: #ddd;
		content: ''
	}

	#cssmenu ul ul .submenu-button:before {
		top: 12px;
		right: 16px
	}

	#cssmenu .submenu-button.submenu-opened:before {
		display: none
	}

	#cssmenu ul ul ul li.active a {
		border-left: none
	}

	#cssmenu>ul>li.has-sub>ul>li.active>a,
	#cssmenu>ul ul>li.has-sub>ul>li.active>a {
		border-top: none
	}
}



/* responsiv header css start */