/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@import'
(2,9): run-time error CSS1019: Unexpected token, found 'url('reset.css')'
(3,1): run-time error CSS1019: Unexpected token, found '@import'
(3,9): run-time error CSS1019: Unexpected token, found 'url('skeleton.css')'
(4,1): run-time error CSS1019: Unexpected token, found '@import'
(4,9): run-time error CSS1019: Unexpected token, found 'url('font-awesome.css')'
(5,1): run-time error CSS1019: Unexpected token, found '@import'
(5,9): run-time error CSS1019: Unexpected token, found 'url('superfish.css')'
(7,1): run-time error CSS1019: Unexpected token, found '@import'
(7,9): run-time error CSS1019: Unexpected token, found 'url(//fonts.googleapis.com/css?family=Roboto:400,500,700,900,300)'
(1473,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(1474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1481,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(1482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1497,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(1498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1505,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3526,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3527,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3532,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3540,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3541,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3546,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3547,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
@import url('reset.css');
@import url('skeleton.css');
@import url('font-awesome.css');
@import url('superfish.css');

@import url(//fonts.googleapis.com/css?family=Roboto:400,500,700,900,300);

body{
	min-width: 960px;
	font-family: 'Roboto', sans-serif;
	line-height: 20px;
	font-size: 13px;
	color: #000066;
}

p {
	margin-bottom: 22px;
}

h2 {
	font-size: 30px;
	display: inline-block;
	font-weight: 400;
	line-height: 37px;
	color:#0066CC;
}

h2 span {
	color: #333;
	display: block;
	line-height: 26px;
}
/**/
h3 {
	font-size: 22px;
	color: #333;
	line-height: 27px;
	font-weight: 500;
	padding: 14px 0 13px;
}

h4 {
	line-height: 37px;
	font-size: 28px;
	color:green;
	font-weight: 300;
	margin-bottom: 4px;
}

h4 span {
	font-weight: 400;
	display: block;
	font-size: 42px;
	color: #333;
	margin-bottom: 5px;
}

img {
	max-width: 100%;
}

input {
	border-radius: 0 !important;
	outline: none !important;
	/*-webkit-appearance: none;*/
}

a[href^="tel:"] {
	color: inherit;
	text-decoration: none;
}

* {
	-webkit-text-size-adjust: none;
}

.extra_wrapper {
	overflow: hidden;
}

/**/
/*-----------Header------------*/
#header {
	background: #fff;
	padding-top: 24px;
}
#header h1 {
	clear: both;
	margin-bottom: 17px;
	float: left;
}
#header h1 img {
	display: block;
}
.div1 {
	float: right;
	padding-top: 22px;
	text-align: right;
}
.a1>img {
	margin-right: 9px;
}
.p1>figure {
	display: inline-block;
	margin-right: 3px;
	position: absolute;
	left: -29px;
	top: -5px;
}
.menu {
	border: 1px solid #dbdbdb;
	background: url('../images/menu_bg.jpg');
	position: relative;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
}
.div3 {
	margin-top: 20px;
	border: 1px solid #dbdbdb;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
}
.errmessage
{
    background-color:red;
}
.success
{
    background-color:lightgreen;
}

/**/
/*-----------Content-----------*/
#content {
	background: #fff;
	padding: 20px 0 50px;
}


/*------------Page1------------*/
.art1 {
	background: url('../images/page1_img1.jpg') right bottom no-repeat #fff;
}
.art2 {
	background: url('../images/page1_img2.jpg') right 30px no-repeat #fff;
    padding: 19px 96px 20px 18px;
    margin-bottom: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
    position: relative;
}
.art3 {
	background: url('../images/page1_img3.jpg') right bottom no-repeat #fff;
}
.art6 {
    padding: 19px 96px 20px 18px;
    margin-bottom: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
    position: relative;
}
.art1, .art3, .art5 {
	margin-bottom: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	padding: 19px 126px 20px 18px;
	position: relative;
}
.art1 p, .art2 p, .art3 p, .art5 {
	margin-bottom: 18px;
}
.art4 + .art4 {
	border-top: 1px solid #dbdbdb;
	padding-top: 13px;
}
.art4 p {
	margin-bottom: 13px;
}
.art5 {
	position: relative;
	padding: 19px 67px 20px 18px;
}
.art5 div {
	padding-right: 20px;
}
.art8 {
	margin-bottom: 10px;
}
.div5 img {
	margin: 2px 5px 0 0;
}
.div5+.div5 {
	margin-top: 10px;
}
.art5 .fa, .art5 .fa1 {
	line-height: 31px;
	top: 78px;
	color: #409a0a;
	position: absolute;
	font-size: 67px;
	right: 37px;
}
.art5 .fa1 {
	font-size: 62px !important;
}
.my-box {
    width:220px;
    border:solid thin;    
    padding-left:10px;
    line-height:5px;
    border-radius:3px;
    height:auto;
}


/*-------------Text------------*/
.p1 {
	font-size: 22px;
	color: #000;
	line-height: 25px;
	position: relative;
	font-weight: 500;
}
.p2 {
	font-weight: 500;
	display: block;
	color: #409a0a;
}
.p3 {
	font-size: 16px;
	color: #000;
	line-height: 25px;
	position: relative;
	font-weight: 500;
}


/*-------------Links-----------*/
a.lightbox {
	position: relative;
	display: block;
	text-align: center;
	margin-bottom: 16px;
}
a.lightbox img {
	width: 100%;
}
a.lightbox span {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url('../images/magnify.png') -100px center no-repeat;
}
a.lightbox:hover span {
	background-position: center center;
}
a {
	text-decoration: none;
	color: inherit;
	transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
a:hover {
	color: #409a0a;
}
.a1 {
	font-size: 12px;
	color: #373334;
	margin-bottom: 8px;
	position: relative;
	line-height: 12px;
	display: inline-block;
	padding: 8px 12px 7px 9px;
	background: #fdf012;
	border-radius: 3px;
}
.a1:hover {
	color: #373334;
	background: #0066CC;
}
.a2 {
	line-height: 14px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 13px 20px 13px;
	background: url('../images/link_bg.jpg') repeat-x;
	border-radius: 4px;
	position: relative;
	font-size: 14px;
	text-align: center;
	font-weight: 500;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
	box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
}
.a2:hover {
	background:#b6ff00;
	color: #fff;
}
.a3 {
	font-weight: 500;
	color: #409a0a;
}
.a3:hover {
	color: #333;
}


/*-------------List------------*/
.list li, .list1 li {
	padding-left: 30px;
	background: url('../images/marker.png') 0 7px no-repeat;
	text-align: left;
}
.list li:last-child {
	margin-bottom: 42px;
}
.list a, .list1 a {
	line-height: 31px;
	font-weight: 500;
	color: #409a0a;
}
.list a:hover, .list1 a:hover {
	color: #000;
}
.list1 li:last-child {
	margin-bottom: 15px;
}
.years dt {
	color: #409a0a;
	float: left;
	font-weight: 500;
}
.years dt span {
	margin: 0 13px 0 10px;
}
.years dd {
	overflow: hidden;
	margin-bottom: 20px;
}
.years dd a:hover {
	color: #000;
}
.list2 {
	padding-right: 40px;
}
.list2 li {
	line-height: 22px;
	position: relative;
	font-size: 13px;
	text-align: left;
}
.list2 span.p3 {
	display: inline-block;
	background: #fff;
	position: relative;
	padding: 0 2px 3px 0;
    font-weight:bold;
}
.list2 span.p4 {
	position: absolute;
	right: 0;    
	background: #fff;
}
.list2 li:before {
	content: '';
	position: absolute;
	height: 1px;
	background: url('../images/points.png') repeat-x;
	bottom: 5px;
	width: 100%;
}


/*-------------Images-----------*/
.img1 {
	padding-top: 5px;
	margin-bottom: 14px;
}
.img2 {
	float: left;
	margin: 4px 20px 10px 0;
	display: inline-block;
}


/*-------------Indent-----------*/
.pad1 {
	padding-right: 50px;
}
.mrg1 {
	padding-bottom: 8px;
}
.mrg2 {
	padding-bottom: 14px;
}
.mrg3 {
	margin-bottom: 33px;
}
.mrg4 {
	margin-bottom: 12px;
}


/*---------search---------*/
#search { 
	position: relative;
	float: right;
}

#search input { 
	border: 1px solid #dbdbdb;
	position: relative;
	width: 210px;
	font-family: 'Roboto', sans-serif;
	height: 29px;
	background: none;
	padding: 0 25px 0 15px;
	font-size: 13px;
	background: url('../images/searche_bg.jpg') repeat-x;
	line-height: 13px;
	border-radius: 4px !important;
	margin: 9px 9px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search fieldset {
	position: relative;
	text-align: center;
}
#search .error {
	position: absolute;
	overflow: hidden;
	display: none;
	font-size: 10px;
	top: 0;
	color: red;
	right: 48px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#search .success {
	border-radius: 0;
	padding: 0;
	border: 1px solid #40515e;
	text-align: center;
	background: #b6b6b6;
	position: absolute;
	z-index: 10;
	display: none;
	top: 0;
	width: 85%;
	color: #40515e;
}
#search label.invalid .error {
	height: 19px;
}
#search .a7{
    position: absolute;
	width: 15px;
    top: 17px;
    right: 17px;
    display: block;
    height: 16px;
    cursor: pointer;
    background: url('../images/search.png') no-repeat;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#search .a7:hover{
	opacity: 0.5;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: #f5f5f5;
}
table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}
table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}
table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}
table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}
table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}
table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}
table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}
table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}
table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}
table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}
table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}
table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}

/*-------------Footer-----------*/
footer {
	padding: 35px 0 15px;
	color: #777;
	font-size: 11px;
	line-height: 18px;
    background: #f7f7f7;
    position: relative; width: 960px; margin:0 auto; padding-top:20px; padding-left:40px;
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
	box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
}
#footer_menu li {
	float: left;
}
#footer_menu li+li {
	margin-left: 18px;
}
#footer_menu a {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 20px;
	color: #000033;
	font-weight: 500;
}
#footer_menu a.active, #footer_menu a:hover {
	color: #0066CC;
}
footer p {
	padding-top: 10px;
}
footer .fa {
	height: 32px;
	text-align: center;
	color: #333;
	line-height: 19px;
	/*background: url('../images/social.png') repeat-x;*/
	font-size: 21px;
	position: relative;
	width: 45px;
	border-radius: 500px;
	border: 1px solid #dbdbdb;
	padding-top: 13px;
	position: relative;
}
.fa:hover {
	color: #409a0a;
}
.socials a+a {
	margin-left: 10px;
}
.privacy a {
	color: #409a0a;
}
.privacy a:hover {
	color: #000;
}
footer h1 {
	margin-bottom: 15px;
}


/*--------------To_Top----------*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    left: 51%;
    margin-left: 500px;
    overflow: hidden;
    width: 22px;
    height: 26px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/totop.png) no-repeat left 0;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}
#toTop:hover {
    outline: none;
    background-position: 0 bottom;
}


/*--------------Map-------------*/
.map {
	overflow: hidden;
	padding: 5px 0px 30px 0;
}
.map figure {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.map figure iframe {
	width: 344px;
	height: 240px;
	max-width: 100%;
}
.map address {
    line-height: inherit;
    font-style: normal;
	display: block;
	font-weight: normal;
}
.map address dt {
	color: #409a0a;
}
.map address dd{
	height: 20px;
}
.map address dd span {
	color: inherit;
	padding: 0;
	min-width: 86px;
	display: inline-block;
	text-align: left;
}
.map address a:hover{
	color: #282b2d;
}


/*=======================RESPONSIVE LAYOUTS===========================*/

@media only screen and (max-width: 995px) {
	body {
		min-width: 768px;
	}
	#content, footer {
		text-align: center;
	}
	.caption {
		top: 18% !important;
	}
	h4 {
		line-height: 30px;
	}
	.a2 {
		font-size: 12px;
		line-height: 12px;
	}
	h2 {
		font-size: 27px;
		line-height: 26px;
	}
	.list a, .list1 a {
		line-height: 11px;
	}
	.list li, .list1 li {
		margin-bottom: 10px;
		background-position: 0 0;
	}
	.art1, .art2, .art3 {
		padding: 19px 126px 20px 10px;
	}
	.pad1, .list2 {
		padding-right: 0;
	}
	#footer_menu {
	display: inline-block;
	}
	.art5 div {
		padding-right: 10px;
	}
	.list2 li {
		font-size: 11px;
	}
	.map figure iframe {
		width: 100%;
	}
	.art5 .fa {
		right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	body {
		min-width: 420px;
	}
	#header {
		text-align: center;
	}
	#header h1, .div1, #search {
		float: none;
		display: inline-block;
	}
	.div1 {
		text-align: center;
		margin-bottom: 10px;
	}
	#search {
		margin-bottom: 10px;
	}
	.camera_wrap img {
		margin: 0 auto !important;
	}
	.caption {
		display: none !important;
	}
	.socials, .gallery li {
		margin-bottom: 30px;
	}
	h3 {
		margin-top: 20px;
	}
	.art5 .fa {
		right: 15px;
	}
}

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

	body {
		min-width: 300px;
	}
	#footer_menu ul {
		text-align: center;
	}
	#footer_menu li {
		display: inline-block;
		float: none;
	}

	.img2 {
		float: none;
		margin: 0 0 20px;
	}
}

/*------------Form-------------*/
.web-form input{
  	border: #dbdbdb solid 1px;
	width: 344px;
	background-color: #fff;
  	height: 41px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
  	padding: 13px 13px 7px;
  	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
.web-form select {
    border: #dbdbdb solid 1px;
	width: 344px;
	background-color: #fff;
  	height: 40px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
  	padding: 13px 13px 7px;
  	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
.web-form textarea {
	width: 100%;
	border: #dbdbdb solid 1px;
	height: 170px;
	position: relative;
	resize: none;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	padding: 13px 13px 7px;
}
.web-form _placeholder {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border: 1px solid transparent;
	text-align: left;
	padding: 13px 13px 7px;
	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
.web-form ._placeholder.hidden {
	display: none;
}
.web-form ._placeholder.focused {
	opacity: 0.3;
}
.web-form label {
	position:relative;
	display: block;
	width: 100%;
	cursor: text;
}
.web-form label.message {
	width: 100%;
	margin-left: 0;
}

.web-form .success-message {
	border: #dbdbdb solid 1px;
	background-color: #fff;
	display: none;
	opacity: 0;
	position: absolute;
	width: 100%;
	color: #777;
	height: 45px;
	text-align: center;
	padding: 20px 10px;
	z-index: 999;
    font: 12px/14px Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.web-form.success .success-message {
	display: block;
	opacity: 1;
}
.success_wrapper {
	position: relative;	
}

.btns {
	margin-top: 28px;
	text-align: right;
}
.btns a {
	background: #398302;
	font-size: 14px;
	position: relative;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 10px 20px 10px;
	text-transform: uppercase;
}
.btns a+a {
	margin-left: 26px;
}
.btns a:hover {
	background: #000;
}


.web-form .error-message,
.web-form .empty-message {
 height: 0;
 overflow: hidden;
 font: 10px/20px Arial;
 -webkit-transition: 0.3s ease-in height;
 -moz-transition: 0.3s ease-in height;
 -o-transition: 0.3s ease-in height;
 transition: 0.3s ease-in height;
 position: absolute;
 right: 3px;
 top: 0;
 color: #E02A05;
}
.web-form .invalid .error-message,
.web-form .empty .empty-message {
 height: 20px;
}




@media only screen and (max-width: 995px) {
	#contact-form label {
		float: none !important;	
		width: 100%;
	}
	#contact-form .success {
		width: 100%;
	}
	#contact-form label.email {
		width: 100%;
		margin: 0;
	}
	#contact-form input {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 767px) {
	.map figure {
		width: 100% !important;
		float: none !important;
		display: block !important;
		margin-right: 0px !important;
	}
	.btns {
		padding-bottom: 0;  
	} 
	#contact-form textarea {
		height: 300px !important; 
	}
	#contact-form {
	 	padding-right: 0;
	}
	.btns {
		text-align: center;
	}
	
  
}
@media only screen and (max-width: 479px) {
  	#contact-form textarea {
		height: 200px !important;  
  	}
}

/******************************************************************************************************************************************/
#colorbox {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.preview {
	padding:15px;
	
}
.preview .marg { margin-bottom:25px;}
.preview .price { width:100%; overflow:hidden;}
.preview .price span { float:left; margin-right:10px;}

.preview .right .inf span { display:block;margin-bottom:10px; line-height:25px;}
.preview .right .inf span.text-price { margin-left:0;}
.preview .right h2 {
    font-size: 20px;
    margin-bottom: 20px;
}
.preview .inf .prod-stock {
    margin-bottom: 10px;
}
.preview .description {
	height:160px;
	padding:15px;
	overflow:auto;
	border:1px #ddd;
}
.preview .cart { 
	float:left;
	}
.preview .extra-button {
	float:left; 
	width:150px;
	margin-top:3px;
	margin-left:15px;
	}
#cboxContent #cboxTitle {
	width:60%;
	padding:0 20%;
	}
#colorbox { z-index:100  !important;}
#cboxOverlay { z-index:100 !important;}
.preview .rating { margin-top:15px;}
.box li {
	position:relative
	}
.box .box-content .box-product ul li .quick-view-button, .common-home .box .box-content .box-product ul li .image2 img,.common-home .box .box-content .box-product ul li{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.box .box-content .box-product ul li .quick-view-button:hover {
	background-color:#7e7e7e;
	}
.box .box-content .box-product ul li .quick-view-button i {
	width:29px
	}
.box .box-content .box-product ul li .quick-view-button i{
    display: none;
    left:0;
    position: absolute;
    top: 0px;
	font-size:25px;
	background-color:#3cb44b;
	color:#fff;
	line-height:29px;
	width:29px;
	}

.box .box-content .box-product ul li:hover .quick-view-button i{
    display: block;
}
/**************************************************** bootstrap reset ************************************************************************/
.table-bordered {
	border-radius:0
	}
.table thead td {
	text-transform:uppercase;
	font-weight:bold;
	color:#323232 !important;
	background-color:#f9f9f9;
	font-family:Arial;
	font-size:13px;
	}
.table th, .table td {
	padding:20px;
	border-color:#d7d7d7
	}
bx-wrapper .bx-controls-direction a:hover{
	color:#3CB44B !important;
}
/******************For Print result and registration slip***********************/

        .auto-style1 {
            width: 100%;
            border-collapse: collapse;
            
        }
        .auto-style2 {
            width: 100%;
        }
        .auto-style3 {
            width: 136px;
        }
        .auto-style4 {
            width: 566px;            
        }
        .auto-style6 {
            width: 434px;
            
        }
        .auto-style7 {
            width: 147px;
            font-size:12px;
            
        }
        .auto-style8 {
            width: 116px;
            font-weight:400;
        }
        .auto-style9 {
            height: 21px;
        }
        .auto-style10 {
            width: 192px;
        }
        .auto-style11 {
            width: 88px;
        }
        .auto-style12 {
            width: 147px;
            height: 23px;
            font-weight:400;
            font-size:12px;
        }
        .auto-style13 {
            width: 434px;
            height: 23px;
            font-size:12px;
        }
        .auto-style14 {
            width: 116px;
            height: 23px;
            font-size:12px;
            
        }

p.MsoNormal
	{
	margin-bottom:.0001pt;
	font-size:12.0pt;
    font-family:"san-serif";
	margin-left:0in; margin-right:0in; margin-top:0in}
div.Section2
{width: 850px; border:solid 1px;border-color:#000; padding-bottom:30px; padding-left:15px; padding-right:15px; padding-top:10px;}
p.MsoBodyText2
	{margin-bottom:.0001pt;
	text-align:justify;
	font-size:10.0pt;
	font-family:"Times New Roman";
	margin-left:0in; margin-right:0in; margin-top:0in}
p.MsoBodyText
	{margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:"Times New Roman";
	margin-left:0in; margin-right:0in; margin-top:0in}
p.MsoBodyText3
	{margin-bottom:.0001pt;
	text-align:center;
	font-size:10.0pt;
	font-family:"Times New Roman";
	font-weight:bold;
	margin-left:0in; margin-right:0in; margin-top:0in}
p.MsoBodyTextIndent2
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:.75in;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:10.0pt;
	font-family:"Times New Roman";
	}
p.MsoBodyTextIndent3
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:37.5pt;
	margin-bottom:.0001pt;
	text-align:justify;
	font-size:10.0pt;
	font-family:"Times New Roman";
	}

p.MsoHeading7
	{margin-bottom:.0001pt;
	text-align:justify;
	page-break-after:avoid;
	font-size:10.0pt;
	font-family:"Times New Roman";
	font-weight:bold; margin-left:0in; margin-right:0in; margin-top:0in}
p.MsoBodyTextIndent
	{margin-top:0in;
	margin-right:0in;
	margin-bottom:0in;
	margin-left:9.0pt;
	margin-bottom:.0001pt;
	text-indent:-9.0pt;
	font-size:10.0pt;
	font-family:"Times New Roman";
	}
p.MsoHeading8
	{margin-bottom:.0001pt;
	text-align:center;
	page-break-after:avoid;
	font-size:12.0pt;
	font-family:"Times New Roman";
	font-weight:bold;
	text-decoration:underline;}
.lightlineb {
	font-family: verdana, Tahoma, Arial;
	font-size: 9pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(189, 188, 188, 1);
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}

/*------------Form-------------*/
#contact-form input{
  	border: #dbdbdb solid 1px;
	width: 344px;
	background-color: #fff;
  	height: 41px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
  	padding: 13px 13px 7px;
  	margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
#contact-form textarea {
	width: 100%;
	border: #dbdbdb solid 1px;
	height: 170px;
	position: relative;
	resize: none;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	padding: 13px 13px 7px;
}
#contact-form ._placeholder {
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border: 1px solid transparent;
	text-align: left;
	padding: 13px 13px 7px;
	width: 100% !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	font-family: 'Roboto', sans-serif;
	line-height: 14px;
	color: #777;
	font-size: 13px;
}
#contact-form ._placeholder.hidden {
	display: none;
}
#contact-form ._placeholder.focused {
	opacity: 0.3;
}
#contact-form label {
	position:relative;
	display: block;
	width: 100%;
	cursor: text;
}
#contact-form label.message {
	width: 100%;
	margin-left: 0;
}

#contact-form .success-message {
	border: #dbdbdb solid 1px;
	background-color: #fff;
	display: none;
	opacity: 0;
	position: absolute;
	width: 100%;
	color: #777;
	height: 45px;
	text-align: center;
	padding: 20px 10px;
	z-index: 999;
    font: 12px/14px Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

#contact-form.success .success-message {
	display: block;
	opacity: 1;
}
.success_wrapper {
	position: relative;	
}

.btns {
	margin-top: 28px;
	text-align: right;
}
.btns a {
	background: #398302;
	font-size: 14px;
	position: relative;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 10px 20px 10px;
	text-transform: uppercase;
}
.btns a+a {
	margin-left: 26px;
}
.btns a:hover {
	background: #000;
}


#contact-form .error-message,
#contact-form .empty-message {
 height: 0;
 overflow: hidden;
 font: 10px/20px Arial;
 -webkit-transition: 0.3s ease-in height;
 -moz-transition: 0.3s ease-in height;
 -o-transition: 0.3s ease-in height;
 transition: 0.3s ease-in height;
 position: absolute;
 right: 3px;
 top: 0;
 color: #E02A05;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
 height: 20px;
}




@media only screen and (max-width: 995px) {
	#contact-form label {
		float: none !important;	
		width: 100%;
	}
	#contact-form .success {
		width: 100%;
	}
	#contact-form label.email {
		width: 100%;
		margin: 0;
	}
	#contact-form input {
		width: 100%;
		float: none;
	}
}

@media only screen and (max-width: 767px) {
	.map figure {
		width: 100% !important;
		float: none !important;
		display: block !important;
		margin-right: 0px !important;
	}
	.btns {
		padding-bottom: 0;  
	} 
	#contact-form textarea {
		height: 300px !important; 
	}
	#contact-form {
	 	padding-right: 0;
	}
	.btns {
		text-align: center;
	}
	
  
}
@media only screen and (max-width: 479px) {
  	#contact-form textarea {
		height: 200px !important;  
  	}
}
.menuContent {
    background-color:#FFF;
    background-image: -moz-linear-gradient(center top, #FFF, #FFF, #FFF, #ddd);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#FFF), color-stop(0.5, #FFF), to(#ddd)); 
    border:1px solid #C7C7C7;
    bottom: 170px;
    left: 300px;
    padding: 0 15px 5px;
    position: fixed;
    width:540px;

    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-box-shadow: 3px -3px 5px #B8B8B8;
    -webkit-box-shadow: 3px -3px 5px #B8B8B8;
    box-shadow: 3px -3px 5px #B8B8B8;
}

.menuContent a.slider {
    background-color:#fff;
    background-image: -moz-linear-gradient(center top , #ddd, #FFF);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), to(#FFF));
    border: 1px solid #C7C7C7;
    border-bottom:none;
    cursor: pointer;
    float:right;
    height: 8px;
    margin:-15px 30px 0 0;
    padding:3px 20px;
    width: 8px;
    z-index: 2001;

    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    -moz-box-shadow: 3px -2px 3px #B8B8B8;
    -webkit-box-shadow: 3px -2px 3px #B8B8B8;
    box-shadow: 3px -2px 3px #B8B8B8;
}

.menuContent a.slider img {
    padding-bottom: 3px;
}

#nav {
    list-style: none;
}

#nav li {
    display: inline-block;
    margin: 10px;
}

#nav li a {
    border: 1px solid #ccc;
    color:#858585;
    display: block;
    padding: 5px 10px;
    text-align:center;
    text-decoration:none;
    width: auto;

    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}

#nav li a:hover, #nav li a.active {
    background-color:#ddd;
}

#nav li ul {
    display:none;
}

#nav li ul li {
    margin: 5px 0;
    display: block;
}

#nav li a img {
    border-width: 0px;
    margin-right: 8px;
    vertical-align: middle;
}

#nav ul li a img {
    background: url("../images/bulb.png") no-repeat;
    border-width:0px;
    height:16px;
    line-height:22px;
    margin-right:5px;
    vertical-align:middle;
    width:16px;
}

#search input, .div3, .art1, .art2, .art3, .art5, .art6, .art7, .a1, .a2, .fa, .menu, .btns a { behavior:url(js/PIE.htc); position:relative;}


/* CAROUSEL ================================================== */
.list_carousel { margin-left: -10px; margin-bottom: 20px; }
.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }
.list_carousel li { width: 25%; display: block; float: left; margin-left: 10px; cursor: default !important; height: auto; }
.list_carousel.responsive { width: auto; margin-left: -10px; }
.clearfix { float: none; clear: both; }
.list_carousel .carousel_nav { position: absolute; padding-right: 11px; right: 0; top: -52px; background: #f8f8f8; padding-left: 5px; }
a.prev, a.next { background: url(../images/carousel_arrows.png) no-repeat #444; width: 24px; height: 24px; display: block; position: relative; float: left; margin-left: 3px; -webkit-background-clip: padding-box; /* for Safari */background-clip: padding-box;; }
a.prev:hover, a.next:hover { background-color: #0E8FAB }
a.prev { background-position: -2px 0 }
a.prev.disabled { background-color: #555 }
a.next { background-position: -22px 0 }
a.next.disabled { background-color: #555 }
a.prev.disabled, a.next.disabled { cursor: default }
a.prev span, a.next span { display: none }
.pager { float: left; width: 300px; text-align: center; }
.pager a { margin: 0 5px; text-decoration: none; }
.pager a.selected { text-decoration: underline }
.timer { background-color: #999; height: 6px; width: 0px; }
.testimonials .list_carousel li { width: 330px }
.carousel-content { float: left; width: 100%; }
.featured-projects { background: #fff; font-size: 12px; -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4); text-align: center; overflow: hidden; position: relative; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border: 1px solid #eee; border-bottom: double #ddd; }
.featured-projects:hover { }
.featured-projects-image { padding: 0px }
.featured-projects-image img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.featured-projects-image a { display: block }
.featured-projects-content { padding: 0 10px }
.featured-projects-content p { margin-bottom: 10px }
.featured-projects-content h1 { font-size: 13px; line-height: 1; font-family: OpenSansRegular; font-weight: bold; }
.featured-projects-content h1 a { padding-bottom: 10px; border-bottom: 1px solid #eee; display: block; color: #222; }
.small { font-size: 12px }
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container_12{ position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }

    /* Nested Column Classes */
     .container_12 .alpha               { margin-left: 0; }
     .container_12 .omega               { margin-right: 0; }

    /* Base Grid */
    .container_12 .grid_1			{ width: 60px;  }
    .container_12 .grid_2			{ width: 140px; }
    .container_12 .grid_3			{ width: 220px; }
    .container_12 .grid_4			{ width: 300px; }
    .container_12 .grid_5			{ width: 380px; }
    .container_12 .grid_6			{ width: 460px; }
    .container_12 .grid_7			{ width: 540px; }
    .container_12 .grid_8			{ width: 620px; }
    .container_12 .grid_9			{ width: 700px; }
    .container_12 .grid_10			{ width: 780px; }
    .container_12 .grid_11			{ width: 860px; }
    .container_12 .grid_12			{ width: 940px; }

	/* Prefix Extra Space >> 12 Columns */
	.container_12 .prefix_1 		{padding-left:80px;}
	.container_12 .prefix_2 		{padding-left:160px;}
	.container_12 .prefix_3 		{padding-left:240px;}
	.container_12 .prefix_4 		{padding-left:320px;}
	.container_12 .prefix_5 		{padding-left:400px;}
	.container_12 .prefix_6 		{padding-left:480px;}
	.container_12 .prefix_7 		{padding-left:560px;}
	.container_12 .prefix_8 		{padding-left:640px;}
	.container_12 .prefix_9 		{padding-left:720px;}
	.container_12 .prefix_10 		{padding-left:800px;}
	.container_12 .prefix_11 		{padding-left:880px;}

	/* Suffix Extra Space >> 12 Columns */
	.container_12 .suffix_1 		{padding-right:80px;}
	.container_12 .suffix_2 		{padding-right:160px;}
	.container_12 .suffix_3 		{padding-right:240px;}
	.container_12 .suffix_4 		{padding-right:320px;}
	.container_12 .suffix_5 		{padding-right:400px;}
	.container_12 .suffix_6 		{padding-right:480px;}
	.container_12 .suffix_7 		{padding-right:560px;}
	.container_12 .suffix_8 		{padding-right:640px;}
	.container_12 .suffix_9 		{padding-right:720px;}
	.container_12 .suffix_10 		{padding-right:800px;}
	.container_12 .suffix_11 		{padding-right:880px;}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .container_12                                  { width: 768px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12
		{ margin-left: 10px; margin-right: 10px;  }
         .container_12 .alpha               { margin-left: 0;}
         .container_12 .omega               { margin-right: 0;}

        .container_12 .grid_1 			{ width: 44px; }
        .container_12 .grid_2  			{ width: 108px; }
        .container_12 .grid_3    		{ width: 172px; }
        .container_12 .grid_4 			{ width: 236px; }
        .container_12 .grid_5    		{ width: 300px; }
        .container_12 .grid_6   		{ width: 364px; }
        .container_12 .grid_7 			{ width: 428px; }
        .container_12 .grid_8  			{ width: 492px; }
        .container_12 .grid_9 			{ width: 556px; }
        .container_12 .grid_10			{ width: 620px; }
        .container_12 .grid_11			{ width: 684px; }
        .container_12 .grid_12			{ width: 748px; }
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1 		{padding-left:64px;}
		.container_12 .prefix_2 		{padding-left:128px;}
		.container_12 .prefix_3 		{padding-left:192px;}
		.container_12 .prefix_4 		{padding-left:256px;}
		.container_12 .prefix_5 		{padding-left:320px;}
		.container_12 .prefix_6 		{padding-left:384px;}
		.container_12 .prefix_7 		{padding-left:448px;}
		.container_12 .prefix_8 		{padding-left:512px;}
		.container_12 .prefix_9 		{padding-left:576px;}
		.container_12 .prefix_10 		{padding-left:640px;}
		.container_12 .prefix_11 		{padding-left:768px;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1 		{padding-right:64px;}
		.container_12 .suffix_2 		{padding-right:128px;}
		.container_12 .suffix_3 		{padding-right:192px;}
		.container_12 .suffix_4 		{padding-right:256px;}
		.container_12 .suffix_5 		{padding-right:320px;}
		.container_12 .suffix_6 		{padding-right:384px;}
		.container_12 .suffix_7 		{padding-right:448px;}
		.container_12 .suffix_8 		{padding-right:512px;}
		.container_12 .suffix_9 		{padding-right:576px;}
		.container_12 .suffix_10 		{padding-right:640px;}
		.container_12 .suffix_11 		{padding-right:768px;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container_12{width: 300px;}
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 300px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container_12 { width: 420px; }
        .grid_1,
		.grid_2,
		.grid_3,
		.grid_4,
		.grid_5,
		.grid_6,
		.grid_7,
		.grid_8,
		.grid_9,
		.grid_10,
		.grid_11,
		.grid_12{margin: 0;}

        .container_12 .grid_1,
        .container_12 .grid_2,
        .container_12 .grid_3,
        .container_12 .grid_4,
        .container_12 .grid_5,
        .container_12 .grid_6,
        .container_12 .grid_7,
        .container_12 .grid_8,
        .container_12 .grid_9,
        .container_12 .grid_10,
        .container_12 .grid_11,
        .container_12 .grid_12{width: 420px;}
		/* Prefix Extra Space >> 12 Columns */
		.container_12 .prefix_1,
		.container_12 .prefix_2,
		.container_12 .prefix_3,
		.container_12 .prefix_4,
		.container_12 .prefix_5,
		.container_12 .prefix_6,
		.container_12 .prefix_7,
		.container_12 .prefix_8,
		.container_12 .prefix_9,
		.container_12 .prefix_10,
		.container_12 .prefix_11{padding-left:0;}
		/* Suffix Extra Space >> 12 Columns */
		.container_12 .suffix_1,
		.container_12 .suffix_2,
		.container_12 .suffix_3,
		.container_12 .suffix_4,
		.container_12 .suffix_5,
		.container_12 .suffix_6,
		.container_12 .suffix_7,
		.container_12 .suffix_8,
		.container_12 .suffix_9,
		.container_12 .suffix_10,
		.container_12 .suffix_11{padding-right:0;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container_12:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }


    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
.row2 {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    top:0;
}


.sf-menu {
	float: left;
	position: relative;
}
.sf-menu>li {
	position: relative;
	float: left;
}
.sf-menu li a {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}
.sf-menu>li>a {
	font-weight: 500;
	position: relative;
	font-size: 14px;
	text-align: center;
	padding: 10px 19px 0px 20px;
	display: block;
	color: #333;
	text-decoration: none;
	line-height: 25px;
	border-right: 1px solid #dbdbdb;
	height: 37px;
}
.sf-menu>li.current>a, .sf-menu>li.sfHover>a, .sf-menu>li>a:hover {
	color: #fff;
	background: url('../images/menu.jpg') repeat-x;
}
.sf-menu>li:first-child.current>a, .sf-menu>li:first-child.sfHover>a, .sf-menu>li:first-child>a:hover {
	border-radius: 5px 0 0 5px;
}
.sf-menu ul {
	z-index: 500;
	position: absolute;
	width: 195px;
	background: #323232; 
	top: 49px;
	left: 0;
}
.sf-menu ul li {
	padding: 0 11px;
}
.sf-menu ul a {
	font-size: 13px;
	color: #fff;
	line-height: 38px;
}
.sf-menu ul a:hover{
	color: #6ec639;
}
.sf-menu ul ul{
	left: 196px;
	top: 117px;
}
.sf-menu ul li+li{
	border-top: 1px solid #5b5b5b;
}
.sf-menu ul li>a.sf-with-ul:before {
	content: '';
	background: url('../images/arrow.png') 0 0 no-repeat;
	width: 5px;
	right: 9px;
	top: 131px;
	margin-right: -3px;
	display: block;
	position: absolute;
	height: 8px;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {

}

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

	.sf-menu {display:none !important; float: none;}

	#mm0 {
		font: 12px/15px Arial, Helvetica, sans-serif;
		color: #202020;
		width: 100%;
		margin: 10px auto 10px;
		float: none;
    	outline: none;
		border: 1px solid #474646;
	}
	
}

/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	left:0;
	top:0;
	width:100%;
	white-space: nowrap;
	position:absolute;
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("../images/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 80%;
	max-width: 80%;
	width: auto !important;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('../images/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	top:50%;
	margin-top:-29px;
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}

/**************************
*
*	GENERAL
*
**************************/

.camera_target_content {
	overflow: visible !important;

}

.camera_wrap {
	margin: 0px !important;
	display: none;
	position: relative;
	overflow: visible !important;
	z-index: 0;
}
.camera_wrap img {
	max-width: 10000px;
}

.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #fff;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}

.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_commands > .camera_stop {
	display: none;	
}

.camera_thumbs_cont {
	z-index: 999;
	position: relative;
}

.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}

.camera_thumbs_cont ul {
	overflow: hidden;
	position: relative;
	width: 100% !important;
	margin: 0 !important;
	margin-left: 0px !important;
	left: 0% !important;
	margin-top: -70px !important;
	text-align: center;
}

.camera_thumbs_cont ul li {
	background-color: #414141;
	display: inline-block;
	border: 5px solid #fff;
}

.camera_thumbs_cont ul li+li  {
	margin-left: 2px !important;
}

.camera_thumbs_cont ul li > img {
	cursor: pointer;
	vertical-align:bottom;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.camera_clear {
	display: block;
	clear: both;
}

.showIt {
	display: none;
}

.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}

.caption {
	top: 30%;
	text-align: left;
	position: absolute;
	display: block;
	left: 43%;
	right: 0;
}

.caption span {
	color: #494949;
}


/**************************
*
*	COLORS & SKINS
*
**************************/
.camera_pag  {
	display: block;
	position: absolute;
	right: 19px;
	bottom: 19px;
	height: 12px;
	margin-left: -24px;
	overflow: hidden;	
	z-index: 999;
	text-align: left;
}

.camera_pag_ul {
 	overflow: hidden;
}

.camera_pag ul li {
	float: left;
}

.camera_pag ul li+li {
	margin-left: 6px;
}

.camera_pag ul li span {
	display: block;
	width: 12px;
	background: url(../images/pagination.png) right 0 no-repeat;
	height: 12px;
	overflow: hidden;
	color: transparent;
	text-indent: -100px;
}

.camera_pag ul li:hover span, .camera_pag ul li.cameracurrent span {
	background-position: 0 0;
	cursor: pointer;
}

.camera_prev {
	top: 50%;
	z-index: 999;
	display: block;
	width: 39px;
	margin-top: -25px;
	position: absolute;
	left: 18%;
	background: url('../images/prev.png') 0 0 no-repeat;
	height: 67px;
}
.camera_prev:hover  {
	cursor: pointer;
	background-position: 0 bottom;
}

.camera_next {
	top: 48%;
	z-index: 999;
	margin-top: -25px;
	display: block;
	width: 39px;
	position: absolute;
	right: 18%;
	background: url('../images/next.png') 0 0 no-repeat;
	height: 67px;
}
.camera_next:hover {
	cursor: pointer;
	background-position: 0 bottom;
}