/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}
html, body {height:100%;}

img { max-width:100%; }

@font-face {
  font-family: myFirstFont;
  src: url(papyrus.ttf);
}

@font-face {
  font-family: BoldFont;
  src: url(papyrus.ttf);
}

@font-face {
  font-family: Cambria;
  src: url(cambria.ttf);
}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	/*min-width:960px;*/
}
.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:12px;
	line-height:18px;
	position:relative;
}
.main2 {
	width:1024px; 	
	padding:0;
	margin:0 auto;
	font-size:12px;
	line-height:18px;
	position:relative;
	max-width: 100%;
}

a {color:#649d1d; outline:none; text-decoration:none;}
a:hover {text-decoration:none;}
.link:hover {text-decoration:underline;}

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:18px;} 
.p0 {margin-bottom:0; color:#FFFFFF;}
.p1 {margin-bottom:5px; font-size:28px;}
.p2 {margin-bottom:5px;margin-top:0px;  font-size:20px;color:#322F2F;}
.p3 {font-size:20px;color:#322F2F;margin:0px;padding:0px;line-height:1em;margin-bottom:5px;}
.p4 {font-size:15px;color:#322F2F;margin:0px;padding:0px;line-height:1.3em;margin-bottom:5px;}
.p5 {font-size:14px;color:#322F2F;margin:0px;padding:0px;line-height:1.3em;}

.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.reg2 {font-weight:bold;}
.reg3 {font-style:italic;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}
.maxheight-1 {position:relative; overflow:hidden;}
.letter-1 {letter-spacing:1px;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}

.img-indent-l {float:left; margin:0px 24px 0px 0px;}	

.img-bg1 {background:url(../images/img_bg1.png) left bottom no-repeat; padding-bottom:10px;}
.img-bg2 {background:url(../images/img_bg2.png) left bottom no-repeat; padding-bottom:5px;}
.img-bg3 {background:url(../images/img_bg3.png) left bottom no-repeat; padding-bottom:9px;}
.img-bg4 {background:url(../images/img_bg4.png) left bottom no-repeat; padding-bottom:10px;}
/*********************************boxes**********************************/
.indent {padding:3px 0 55px 25px;}


.indent-left {padding-left:10px;}
.indent-left1 {padding-left:21px;}
.indent-left2 {padding-left:30px;}

.indent-bottom {padding-bottom:39px;}
.indent-bottom1 {padding-bottom:5px;}
.indent-bottom2 {padding-bottom:10px;}

.indent-right {padding-right:4px;}
.indent-right1 {padding-right:25px;}
.indent-right2 {padding-right:28px;}


.indent-top {padding-top:43px;}
.indent-top1 {padding-top:60px;}
.indent-top2 {padding-top:23px;}
.indent-top3 {padding-top:34px;}
.indent-top4 {padding-top:12px;}
.indent-top5 {padding-top:4px;}
.indent-top6 {padding-top:10px;}

.margin-top { margin-top:-36px;}
.margin-top1 { margin-top:-4px;}
.margin-top2 { margin-top:-11px;}
.margin-top3 { margin-top:4px;}
.margin-top4 { margin-top:-5px;}

.margin-bot {margin-bottom:10px;}
.margin-bot1 {margin-bottom:19px;}
.margin-bot2 {margin-bottom:16px;}
.margin-bot3 {margin-bottom:13px;}
.margin-bot4 {margin-bottom:43px;}
.margin-bot5 {margin-bottom:6px;}
.margin-bot6 {margin-bottom:22px;}
.margin-bot7 {margin-bottom:46px;}
.margin-bot8 {margin-bottom:35px;}

.margin-left {margin-left:4px;}

.margin-right {margin-right:20px;}



/*********************************header*************************************/
header {
	width:100%;
	position:relative;
	z-index:999;
}

h1 {
	padding:0; 
	position:absolute;
	z-index:99;
	top:36px;
	left:329px
}
#page1 h1 {
	top:198px;
}
h1 a {
		display:block; 
		text-indent:-9999px;
		background:url(../images/logo.png) no-repeat 0 0;
		width:283px;
		height:288px;
}
h2 {
	display:block;
	position:absolute;
	left:215px;
	top:105px;
	width:530px;
	height:100px;
	text-indent:-9999px;
	background:url(../images/top-tagline.png) left top no-repeat !important;
}
/***** menu *****/
#page1 header nav {
	padding: 10px 0 282px;
}
header nav {
	float:left;
	padding:45px 0 0px;
}
.menu {
	float:left;
	height:102px;
	background:url(../images/menu_bg.png) left top no-repeat;
	padding:11px 24px 0 39px; 
	position:relative;
	right:0;
	top:0;
	z-index:20;
	position:relative;
	width:920px;
	margin-left:50px;
}
.menu li {
	float:left; 
	position:relative;
	margin-right:42px;
}
.menu > li > a {
	display:block;
	font-size:20px;
	line-height:3.2em;
	text-transform:uppercase;
	color:#000; 
	z-index:20;
	background:url(../images/menu_l.png) left -1000px no-repeat;
	padding:0 0 0 15px;
	cursor:pointer;
	height:80px;
}
.menu > li + li {
	margin-right:32px;
}
.menu > li + li + li {
	margin-right:32px;
}
.menu > li + li + li + li {
	margin-right:42px;
}
.menu > li a strong {
	display:block;
	background:url(../images/menu_r.png) right -1000px no-repeat;
	padding:0 15px 0 0;
}
.menu > li a strong strong {
	background:url(../images/menu_t.png) left -1000px repeat-x;
	padding:3px 5px 4px 4px;
	height:80px;
}

.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
	color:#fff;
	background-position:left top;
}
.menu li a.active strong,
.menu > li > a:hover strong,
.menu > li.sfHover > a strong {
	background-position:right top;
}
.menu li a.active strong strong,
.menu > li > a:hover strong strong,
.menu > li.sfHover > a strong strong {
	background-position:left top;
}


.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu ul {
	position:		absolute;
	padding:		15px 0 13px 0px;
	top:			-999em;
	width:			250px;
	letter-spacing:normal;
	z-index:999;
	background:#171717;
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
}
.menu ul ul {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.menu li:hover {visibility:inherit; }
.menu li li { width:100%;}
.menu li li:first-child {padding-top:15px;}
.menu li li.last {padding-bottom:18px; }
.menu li li a {
	display:block;
	padding:		9px 0 8px 27px;
	font-size:		14px;
	line-height:	1.2em;
	text-align:		left;
	color:#fff;
	background:none;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#fff;background:#1191d7;}
.menu li li.sfHover > a {}

.menu li li li { 
	padding:0;
}

.menu li li li:first-child {padding-top:15px;}
.menu li li li a:hover {}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-20px;
	top:			84px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			190px;
	top:			-30px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
/*********************************content*************************************/
#content {
	width:100%;
	max-width:100%;
	padding:0;
	position:relative;
	z-index:1;
}
.col-1 {
	width:295px;
}
.border_r {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.boxsh {
	box-shadow: 1px 1px 3px 0 #60514C;
}
			/*****carousel*****/
.carousel-box {
	width:245px;
	position:relative;
	height:210px;
}
.carousel {width:245px !important; height:200px; overflow:hidden;}
.carousel ul li {
	width:245px;
	position:relative;
	color:#fff;
	margin-bottom:28px;
}
.buttons-wrapper2 {
	width:100px;
	height:46px;
	position:absolute;
	left:73px;
	top:242px;
	background:url(../images/buttons_bg.png) left top no-repeat;
	overflow:hidden;
}
.next, .prev {
	float:left;
	border:none;
	outline:none;
	width:28px;
	height:18px;
	z-index:99;
	margin:0;
	padding:0;
	display:block;
	position:absolute;
}
.next {
	background:url(../images/next.png) left bottom no-repeat;
	cursor:pointer;
	left:53px;
	top:14px;

}
.prev {
	background:url(../images/prev.png) left top no-repeat;
	cursor:pointer;
	left:18px;
	bottom:14px;
}
			/*****cycle*****/
.cycle_wrap {
	position:relative;
	padding-bottom:102px;
	background:none;
}

#page2 .cycle_wrap {
	position:relative;
	width:940px !important;
	padding-bottom:95px;
	height:132px;
	overflow:hidden !important;
}
#page3 #slideshow {
    height: 153px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 449px !important;
}
#page2 #slideshow {
	position:relative;
	overflow:hidden !important;
	width:940px;
	height:132px;
	background:none !important;
}
#page2 #slideshow div {
	float:left;
	background:none;
	height:132px !important;
	overflow:hidden;
	position:relative;
	background:none !important;
}
#page2 #slideshow div a {
	margin-right:21px;
}
#slideshow div a img {
	display:block;
}
#page2 #slideshow div a + a + a + a {
	margin-right:0;
}
#page2 .cycle_wrap #nav {
	position:absolute;
	overflow:hidden;
	top:163px;
	left:401px;
}
#page3 .cycle_wrap #nav {
	position:absolute;
	background:url(../images/buttons_bg.png) left top no-repeat;
	width:100px;
	height:46px;
	left:332px;
	top:136px;
	z-index:999;
}
#page3 .cycle_wrap #nav a {
	width:28px;
	height:18px;
	position:absolute;
	z-index:99;
	display:block;
}
#page3 .cycle_wrap #nav #prev {
	background:url(../images/prev.png) left top no-repeat;
	left:18px;
	bottom:14px;
}
#page3 .cycle_wrap #nav #next {
	background:url(../images/next.png) left bottom no-repeat;
	left:53px;
	top:14px;
}
#page2 .cycle_wrap #nav a {
	position:relative;
	overflow:hidden;
	float:left;
	width:26px;
	height:26px;
	text-indent:-999px;
	margin-right:3px;
	background:url(../images/cycle_bg.png) -29px top no-repeat;
}
#page2 .cycle_wrap #nav a:hover,
#page2 .cycle_wrap #nav a.activeSlide {
	background-position:left top;
}
.cycle_wrap #nav a.activeSlide {
	cursor:default;
}
/*********************************bg's*************************************/
.bg-1 {
	position:absolute;
	width:100%;
	height:4px;
	background:url(../images/bg-2.png) center top no-repeat;
	left:0;
	top:-4px;
}
.bg_main {
	/*background:url(../images/bg_main.jpg) center 10px;*/
	/*background:url(../images/bg_main.jpg);*/
	width:100%;
}
.bg-2 {background:url(../images/bg-4.gif) left top repeat-x #0e76cb;}
.bg-3 {background:url(../images/bg-5.png) 7px 13px no-repeat !important; position:relative; padding-left:68px;}
.bg-4 {background:url(../images/page5_img1.png) left 8px no-repeat; padding-left:58px; padding-bottom:20px;}
.bg-5 {background:url(../images/page5_img3.png) left 9px no-repeat; padding-left:52px; padding-bottom:20px;}
.bg-6 {background:url(../images/page5_img6.png) left 9px no-repeat; padding-left:59px; padding-bottom:17px;}

.border-1 {
	background:url(../images/border-1.png) center 1px repeat-x;
	width:100%;
}
.border-2 {background:url(../images/bg-3.png) center bottom no-repeat; width:100%;}
/*********************************buttons*************************************/
.button-1 {
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	line-height:15px;
	color:#fff;
	background:url(../images/button1_l.png) left top no-repeat;
	padding:0 0 0 5px;
}
.button-1 span {
	display:block;
	background:url(../images/button1_r.png) right top no-repeat;
	padding:0 5px 0 0;
}
.button-1 span span {
	background:url(../images/button1_t.png) left top repeat-x;
	padding:9px 16px 12px 14px;
}
.button-1:hover,
.button-1:hover span span {
	background-position:left -39px;
}
.button-1:hover span {
	background-position:right -39px;
}
/*********************************lists*************************************/
.ul-1 li {
	float:left;
	margin-right:4px;
}
.ul-1 li + li {
	margin-right:0;
}
.ul-1 li a {
	display:block;
	width:22px;
	height:21px;
	background:url(../images/soc-1.png) left top no-repeat;
}
.ul-1 li a:hover {
	background-position:left -21px;
}
.ul-1 li + li a {
	background:url(../images/soc-2.png) left top no-repeat;
}
.dl-1 dd {overflow:hidden;}
.dl-1 span {
	display:inline-block;
	float:left;
	width:68px;
}

/*********************************fonts*************************************/
.tittle-1 {font-size:36px; line-height:2em;}
.tittle-2 {font-size:24px; line-height:2em;}
h3 {
	display:block;
	font-size:40px;
	line-height:2em;
	color:#252323;
	font-family: BoldFont;
}
h4 {
	display:block;
	font-size:32px;
	line-height:2em;
	color:#fff;
}
.color-1 {color:#636363;}
.color-2 {color:#118dd5;}
.color-3 {color:#2F2F2F;}
.color-4 {color:#1085d0;}

/***** contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#form1 fieldset {
		border:none;
		padding:0;
		}			
			#form1 label {
				display:block;
				min-height:46px;
			}
			#form1 label.message {
				height:160px;
			}
			.inp {
				height:35px;
				width:189px;
				display:block;
				padding:0 15px;
				background:url(../images/input.gif) left top no-repeat;
			}
			#form1 input {
				width:189px;
				padding:8px 0 12px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000; 
				border:none;
				background:none;
				outline:none;
			}
			#form1 .area .error { float:none;}
			.text_a {
				display:block;
				width:429px;
				height:160px;
				padding:0 15px;
				background:url(../images/text_a.gif) left top no-repeat;
			}
			#form1 textarea {
				height:136px;
				margin:0;
				width:429px;
				padding:12px 0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:15px;
				color:#000; 
				border:none;
				background:none;
				overflow:auto;
				outline:none;
			}
			#form1 a {cursor:pointer;}
				#form1 .success {display:none; margin-bottom:20px;}
				#form1 .error,
				#form1 .empty {
					font-weight:bold;
					color:#000;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper {text-align:right; padding-top:29px;padding-right:49px;}
		.buttons-wrapper a { margin-left:10px;}
.col-contact {
	float:left;
	width:170px;
}
.col-contact label{
	margin-top:7px;
	margin-left:22px;
	min-height:25px !important;
	height:25px !important;
}
.col-2 {
	float:left;
	width:219px;
}
.map {
	height:208px;
	width:297px;
	margin-top:11px;
	margin-bottom:24px;
	box-shadow:2px 2px 4px 0px #B0B4B0;
}
/****************************footer************************/
footer {
	color:#b2beb1;
	width:100%;
	background:#fff;
	position:relative;
	text-align:center;
}
footer .size-1 {
	font-size:10px;
	line-height:12px;
}
footer nav {
	float:left;
	padding:23px 0 15px;
}
footer nav ul {
	overflow:hidden;
	padding-left:334px;
}
footer nav ul li {
	float:left;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:12px;
}
footer nav ul li a {
	color:#636363;
}
footer nav ul li a:hover,
footer nav ul li a.active {
	text-decoration:underline !important;
}
/***** Lightbox image *****/
.lightbox-image1 {
	position:relative;
	display:inline-block;
}
.lightbox-image1 img {
	position:relative;
	z-index:2;
	opacity:0.4;
    filter:alpha(opacity=40);
}
.lightbox-image1 span {
    /*background:url(../images/magnify.png) no-repeat scroll 50% 40% transparent;*/
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	/*z-index: 1;*/
    z-index: 2;
	opacity:0.3;
    filter:alpha(opacity=30);
}
#easyTooltip{
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 11px;
	border:1px solid #067296;
	background:#73c1e3;
	color:#fff;
	font-size:12px;
	z-index:999;
}

.logo a {
	display:block; 
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat 0 0;
	width:283px;
	height:288px;
}
.logo a:hover {
	display:block; 
	text-indent:-9999px;
	background:url(../images/slogan-logo.png) no-repeat 0 0;
	width:283px;
	height:288px;
}
.newlogo
{
	display:block; 
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat 0 0;
	width:283px;
	height:288px;
}
.newlogo a:hover {
	display:block; 
	text-indent:-9999px;
	background:url(../images/logo.png) no-repeat 0 0 !important;
	width:283px;
	height:288px;
}
.fleft {float:left;text-align:left;font-size:11px;color:#636363;}
.fright {float:right;text-align:left;font-size:11px;color:#636363;}
.indent {padding:13px 33px 50px 37px}
.fright a { color:#636363; text-decoration:none; }
.fright a:hover { text-decoration:underline; }
.grid_11 p { padding-bottom:15px;text-align:justify; }
.work-exp {}
/*.work-exp li { background:url(../images/arrow.png) no-repeat; padding-left:25px;margin-bottom:7px;background-position:5px 2px; }*/

.work-exp li { padding-left:20px;margin-bottom:1px;background-position:5px 0px; }


a { color:#181717; text-decoration:none; }
a:hover { text-decoration:underline; }
.fleft-text
{
	float:left;width:450px;margin-right:25px;font-size:14px;
}
.fright-text
{
	float:left;width:450px;font-size:14px;
}
.contact
{
	border:1px solid #B0B0B0;
}
.borderimg
{
	border:3px solid #858484;
}
.tagline
{
	display:block;
	position:absolute;
	left:258px;
	top:525px;
	width:517px;
	height:100px;
	text-indent:-9999px;
	background:url(../images/bottom-tagline.png) left top no-repeat !important;
}
.sitename
{
	display:block;
	position:absolute;
	left:99px;
	top:60px;
	width:517px;
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	/*text-indent:-9999px;*/
	/*background:url(../images/sitename.png) left top no-repeat !important;*/
}
.mixmedia
{
	display:block;
	position:absolute;
	left:100px;
	top:190px;
	width:517px;
	height:30px;
	color:#FFFFFF;
	font-size:12px;
	/*text-indent:-9999px;*/
	/*background:url(../images/mix-media-artist.png) left top no-repeat !important;*/
}
.g-size
{
	width:150px !important;
}
.bg-home
{
	/*display:block;*/
	display:none;
	position:absolute;
	top: 280px;
	width:885px;
	height:550px;
	left: 248px;
	color:#FFFFFF;
	font-size:12px;
	text-indent:-9999px;
	/*background:url(../images/home-text.png) top right no-repeat !important;*/
	margin-left:-15px;	
}
.heading-gal
{
	margin-bottom: 38px;margin-top: 22px;
	margin-left:18px;
}
.about
{
	font-size:40px;
	margin-top: 12px;
}
.font2
{
	font-size:50px;
	margin-top: 12px;
}
.aboutbox p
{
	text-align:justify;
	margin-bottom: 15px;
	font-size:18px;
	line-height:24px;
	font-family: Cambria;
	color:#595960;
}
.aboutright
{
	margin-top:25px;
}
.workbg
{
	background:url(../images/work_bg.jpg) no-repeat right 105px !important;
}
.workpage h4
{
	text-align:justify;
	margin-bottom: 20px;
	font-size:30px;
	line-height:24px;
	font-family: myFirstFont;
	color:#333333 !important;
}
.workpage p
{
	text-align:justify;
	margin-bottom: 15px;
	font-size:15px;
	line-height:24px;
	color:#605959;
}
.workpage ul
{
	margin-bottom: 25px;
}
.workpage ul li
{
	font-size:15px;
	line-height:18px;
	font-family: Cambria;
}
div.dark_rounded .pp_content
{
	width:100% !important;
}
a.pp_close {
    right: 9px;
}



/*MOBILE MENU*/
*{margin:0;padding:0;text-decoration:none}
#cssmenu {padding: 0px !important;width: 100% !important; display:none;}
nav.cssmenu{position:relative;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{background:#9b9b9b} /*#333*/
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#333333;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:#333333!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(255,255,255,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){
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #CCCCCC;}
#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:#9b9b9b!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:#333333;font-size:13px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:5px;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}
}

#form-contact
{
	position:relative;width:97%;right:0;top:0;
	margin-top:0px;
	margin-left:20px;
}
#form-contact h5
{
	font-size:22px;
	margin-bottom:7px;
}
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 7px 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 5px; /* Add a top margin */
  margin-bottom: 15px; /* Bottom margin */
  resize: vertically; /* Allow the user to vertically resize the textarea (not horizontally) */
  font-size:12px !important;
}
label
{
	font-size:13px !important;
}
textarea {
  width: 100%; /* Full width */
  height:100px;
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}
.help-inline
{
	font-size:12px !important;
	color:#FF0000;
	display:block;
	position:absolute;
	margin-top:-16px;
	margin-left:5px;
}
.succmessage
{
	width:100%;
	padding:7px 10px;
	border:0px solid #009900;
	background-color:#009900;
	font-size:13px !important;
	margin-bottom:5px;
	color:#FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.errmessage
{
	width:100%;
	padding:7px 10px;
	border:0px solid #990000;
	background-color:#990000;
	font-size:13px !important;
	margin-bottom:5px;
	color:#FFFFFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* Add a background color and some padding around the form */