/*------------------*/

/*	GENERAL

/*------------------------------------------------------*/



/* ----------- Logo ----------- */

.site_logo {

	padding: 0px 0px 0px 0px;

	margin: 20px 0px 0px 0px;

	float: left;

	line-height: 58px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	font-size: 45px;

	color: #fff;

	/*background: url(../images/logo.png) no-repeat left 8px;*/

}

.site_logo:hover {

	color: #13ced9;

}





/*------------------*/

/*	PAGE STRUCTURE

/*------------------------------------------------------*/





#page_wrapper_full {

	width: 100%;

	margin: auto auto auto auto;



}



.container {

	width: 1000px;

	margin: auto auto auto auto;

}



.top_section {

	padding: 0px;

	margin: 0px;

	min-height: 150px;

	background: #fff;

}





/*------------------*/

/*	MENU

/*------------------------------------------------------*/



#access .menu {

	list-style: none;

	font-weight: normal;

	position: relative;

	float: right;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

#access .menu select {

	border: 2px solid #eee;

	padding: 10px 10px 10px 10px;

	background-color: #f9f9f9;

	color: #333639;

}

#access .menu ul {

	margin: 0px;

	list-style-type: none;

	position: relative;

	text-align: left;

	z-index: 1001;

	height: 44px;

	margin: 0;

	padding-top:18px;

	

}

#access .menu ul li {

	position: relative;

	display: inline-block;

	padding: 0;

	z-index: 101;

	margin: 9px 0px 0px 1px;

	float: left;

}

#access .menu ul li a {

	display: inline-block;

	text-decoration: none;

	font-size: 18px;

	line-height: 1;

	color: #222222;

	margin: 0;

	text-transform: uppercase;

	padding: 0px 13px 0px 13px;

	text-align: center;

	/*background: url(../images/spacer.gif) no-repeat center top;*/

}

#access .menu ul li.paddingright0 a {

    padding-right: 0px;

}



#access .menu ul li:hover > a {

	color: #0079d0;         

	padding: 0px 13px 0px 13px;

	/*background: #3b3b3b url(../images/menu-s-arrow.png) no-repeat center top;*/

} 

#access .menu ul li.active > a {

	color: #0079d0;

	padding: 0px 13px 0px 13px;

	/*background: #3b3b3b url(../images/menu-s-arrow.png) no-repeat center top;*/

}



#access .menu ul li.menu-sep-but a {

	display: inline-block;

	text-decoration: none;

	font-size: 12px;

	line-height: 18px;

	color: #fff;

	margin: 0;

	text-transform: uppercase;

	padding: 27px 13px 28px 13px;

	text-align: center;

	background: #91b427 url(../images/spacer.gif) no-repeat center top;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}

#access .menu ul li.menu-sep-but a:hover {

	display: inline-block;

	text-decoration: none;

	font-size: 12px;

	line-height: 18px;

	color: #fff;

	margin: 0;

	text-transform: uppercase;

	padding: 27px 13px 28px 13px;

	text-align: center;

	background: #85a81a url(../images/spacer.gif) no-repeat center top;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}





#access .menu ul li ul {

	position: absolute;

	left: 0;

	height: auto;

	display: none;

	visibility: hidden;

	width: 185px;

	padding: 0;

	text-align: left;

	margin-left:1px;

}

#access .menu ul li ul li {

	display: list-item;

	float: none;

	background: none;

	padding: 0;

	margin: 0;

	height: auto;

}

#access .menu ul li ul li ul {

	top: 0;

}

#access .menu ul li ul li a {

	margin: 0;

	border: none;

	display: block;

	padding: 10px 12px 10px 12px;

	font-size: 12px;

	color: #fff;

	background: #333333 url(../images/spacer.gif) no-repeat center bottom;

	width: 160px;

	text-align: left;

	border-bottom: 1px solid #959595;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

	letter-spacing: 0.7px;

	line-height:18px;

}

#access .menu ul li ul li a:hover,	

#access .menu ul li ul li.active > a,

#access .menu ul li ul li > a.selected {

	background: #009837 url(../images/spacer.gif) no-repeat center bottom;

	border-bottom: 1px solid #959595;

	color: #fff;

	padding: 10px 12px 10px 12px;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

	letter-spacing: 0.7px;

}



#access .menu ul li ul li.active > a{ background: #009639 url(../images/spacer.gif) no-repeat center bottom; }



#access .menu ul li ul li:last-child {

	border: none;

}

* html #access .menu {

	height: 1%;

}



.selectnav {display: none; width: 350px; margin-left: 20px;}





/* slider static image */

.static_slider_image {

	width: 100%;

	height: 100%;

	float: left;

}

.static_slider_image img {

	width: 100%;

}





/* video slider */

.main_video_slider_main {

	width: 100%;

	height: 520px;

	background: #eff6f4 url(../images/slider/slider-bg.jpg) no-repeat center top;

}

.main_video_slider {

	width: 1000px;

	height: 520px;

	margin: 0 auto;

}

.main_video_slider iframe {

	width: 990px;

	height: 430px;

	border: 5px solid #ccc;

	margin-top: 40px;

	-moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);

	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);

}



/* Punchline text */

.punchline_text {

	padding: 0px;

	margin: 60px 0px 0px 0px; /*After Remove RS Banner Need to give margin: 60px 0 0 0 Avinash*/

	width: 100%;

	float: left;

	font-size: 16px;

	line-height: 30px;

	color: #1c1c1a;

	text-align: left;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	font-style: normal;

}

.punchline_text strong {

	font-size: 27px;

	color: #1c1c1a;

	font-weight: normal;

	text-align: left;

	display: block;

	text-transform: uppercase;

}

a.green_big_but {

	float: right;

	width: 200px;

	height: 40px;

	padding: 14px 0 0 0;

	background: url(../images/but-green-big.png) no-repeat left top;

	font-size: 18px;

	text-align: center;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}

a.green_big_but:hover {

	float: right;

	width: 200px;

	height: 40px;

	padding: 14px 0 0 0;

	background: url(../images/but-green-big.png) no-repeat left top;

	font-size: 18px;

	text-align: center;

	color: #1c1c1a;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);

}



/* site features */



.site_features_hline {

	float: left;

	background-color: #e6e6e6;

	width: 100%;

	height: 1px;

	position: relative;

	z-index: 100;

}

.site_features_main {

	float: left;

}

ul.site_features_main {

	padding: 0px;

	margin: -5px 0px;

	z-index: 200;

	position: relative;

}

.site_features_main li {

	padding: 0px 0px 0px 0px;

	margin: 0px 40px 0px 0px;

	width: 220px;

	float: left;

	background: #f9f9f9 url(../images/spacer.gif) no-repeat center top;

	border-top: 5px solid #eee;

	border-bottom: 1px solid #e0e0e0;

	text-align: center;

	height:auto;

	cursor:pointer;

}

.site_features_main li:hover {

	

	background: #f9f9f9 url(../images/down-arrow1.png) no-repeat center top;

	border-top: 5px solid #009639;

	border-bottom: 1px solid #009639;	

}

.site_features_main li img {

	margin: 0px 0px 15px 0px;

}

.site_features_main li p {

	padding: 0px 20px 0px 20px;

	margin: 0px;

	width: 180px;

}

.site_features_main li strong {

	display: block;

	padding: 13px 0px 13px 0px;

	margin: 30px 0px 0px 0px !important;

	font-family: 'Oswald', sans-serif;

	font-weight: normal !important;

	font-size: 16px !important;

	color: #333 !important;

	background-color: #e6eff5;

	text-transform:uppercase;

}

.site_features_main li:hover strong {

	display: block;

	padding: 13px 0px 13px 0px;

	margin: 30px 0px 0px 0px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal !important;

	font-size: 16px !important;

	color: #fff !important;

	background-color: #009639;

	cursor: pointer;

	

}



.site_features_main li.selected {

	padding: 0px 0px 0px 0px;

	margin: 0px 40px 0px 0px;

	width: 220px;

	float: left;

	background: #f9f9f9 url(../images/down-arrow1.png) no-repeat center top;

	border-top: 5px solid #009639;

	border-bottom: 1px solid #05aeb9;

	text-align: center;

}



.site_features_main li.selected strong {

	display: block;

	padding: 13px 0px 13px 0px;

	margin: 30px 0px 0px 0px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	font-size: 16px;

	color: #fff;

	background-color: #009639;

}



/* latest news */

.latest_news {

	float: left;

	padding: 20px 30px;

	margin: 0px;

	width: 94%;

	height: 50px;

	background-color: #f9f9f9;

	border-bottom: 2px solid #eee;

	font-size: 13px;

	line-height: 18px;

}

.latest_news strong {

	font-size: 21px;

	line-height: 25px;

	padding-right: 37px;

	margin-right: 30px;

	height: 90px;

	color: #999;

	float: left;

	text-transform: uppercase;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	background: url(../images/news-icon.png) no-repeat right 5px;

}

.latest_news a {

	color: #00a6b2;

}

.latest_news span#ptag2 {

	display: none;

}



/* ----------- Fresh Works----------- */

.fresh_works {

	padding: 0px;

	margin: 0px;

	width: 100%;

	float: left;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}

.fresh_works_content {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 250px;

}

.fresh_works_content h3 {

	float: left;

	font-size: 20px;

	padding: 14px 50px 14px 30px;

	margin: 30px 0 0 0;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	background-color: #009639;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);

	border-top-left-radius: 0px;

	border-top-right-radius: 25px;

	border-bottom-right-radius: 25px;

	border-bottom-left-radius: 0px; 

}

.fresh_works_content .contee {

	float: left;

	padding: 0px;

	margin: 0px;

	margin: 18px 25px 0 30px;

}



.freash_works_gallery {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 72%;

}





/* ----------- Recent Blogs----------- */



.recent_blogs {

	float: left;

	padding: 0px;

	margin: 0px;

}

.recent_blogs_section {

	float: left;

	padding: 0px;

	margin: 0px 30px 0px 0px;

	width: 220px;

}

.recent_blogs_section.last {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 0px;

	width: 220px;

}

.recent_blogs_img {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 100px;

	height: 100px;

}

.recent_blogs_img img {

	border-bottom: 1px solid #fff;

}



.recent_blogs_img b {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

	-moz-opacity: 0.1;

	-khtml-opacity: 0.1;

	opacity: 0.1;

	border: 3px solid #000;

	width: 94px;

    height: 94px;

	position: absolute;

}

.recent_blogs_img strong {

	float: left;

	padding: 10px 0px;

	margin: -6px 0px 0px 0px;

	width: 100px;

	background-color: #f9f9f9;

	border-bottom: 2px solid #f2f2f2;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

	font-size: 21px;

	color: #454545;

	text-align: center;

}

.recent_blogs_img strong i {

	font-size: 13px;

	color: #727272;

	font-style: normal;

}



.recent_blogs_content {

	float: left;

	padding: 0px;

	margin: 0px 0px 0px 20px;

	width: 100px;

}





/* ----------- testimonials----------- */

.testimonials-main {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 480px;

}

.testimonials-main.left {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 112px;

}

.testimonials-main.right {

	padding: 14px 25px 14px 30px;

	margin: 0px;

	float: left;

	width: 278px;

	/*min-height: 132px;*/

	overflow: hidden;

	/*color: #727272;*/

	background: #f9f9f9;

	margin-left:35px;

}

.testimonials-main.right strong {

	margin: 0px 0px 5px 0px;

	display: block;

	color: #222222;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	font-size:15px;

}





.testimonials {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 480px;

}

.testimonials.left {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 112px;

}

.testimonials.right {

	padding: 18px 25px 0px 65px;

	margin: 0px;

	float: left;

	width: 278px;

	height: 132px;

	overflow: hidden;

	color: #727272;

	background: url(../images/testimo-bg.png) no-repeat left top;

}

.testimonials.right strong {

	margin: 0px 0px 5px 0px;

	display: block;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}



.testimonials_full {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 100%;

}

.testimonials_full.left {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 15%;

	background: url(../images/test_arrow.html) no-repeat right 30px;

}

.testimonials_full.left img {

	padding: 0px;

	margin: 5px 0px 0px 0px;

	border: 5px solid #fff;

}

.testimonials_full.right {

	padding: 20px;

	margin: 0px;

	float: left;

	width: 79%;

	color: #ccc;

	background-color: #4a4a4a;

}

.testimonials_full.right strong {

	margin: 0px 0px -10px 0px;

	display: block;

	color: #fff;

}





.testimonials-5 {

	float: left;

}

.testimonials-5 span {

	float: left;

	line-height: 21px;

	padding-left: 40px;

	background: url(../images/quote_subfix.gif) no-repeat left top;

}

.testimonials-2 {

	float: left;

}

.testimonials-2 span {

	float: left;

	line-height: 21px;

	padding: 20px 30px 25px 50px;

	border: 1px solid #eee;

	background: #f9f9f9 url(../images/quote_subfix.gif) no-repeat 15px 23px;

}

.testimonials-3 {

	float: left;

}

.testimonials-3 img{

	float: left;

	width: 90px;

	height: 90px;

	border: 2px solid #ccc;

	margin: 5px 20px 5px 0;

}

.testimonials-3 span {

	float: left;

	height: 34px;

	width: 100%;

	padding: 0px;

	background: url(../images/testi-top-arrow.png) no-repeat 100px top;

}

.testimonials-3 .content {

	float: left;

	line-height: 21px;

	padding: 20px 20px 25px 20px;

	border: 1px solid #eee;

	background-color: #f9f9f9;

}



.testimonials-4 {

	float: left;

	width: 100%;

}

.testimonials-4 img{

	float: left;

	width: 90px;

	height: 117px;

	border: 2px solid #eee;

	margin: 5px 20px 5px 0;

}

.testimonials-4 span {

	float: left;

	height: 34px;

	width: 100%;

	padding: 0px;

	background: url(../images/testi-top-arrow.png) no-repeat 100px top;

}

.testimonials-4 .content {

	float: left;

	line-height: 21px;

	padding: 20px 20px 20px 20px;

	border: 1px solid #eee;

	background-color: #f9f9f9;

	border-radius: 5px;

	width: 96%;

}

.testimonials-4 .content i {

	font-size: 11px;

	color: #909090;

	text-transform: none;

}











/*------------------*/

/*	FOOTER

/*------------------------------------------------------*/



#footer {

	padding: 0px;

	margin: 0px;

	width: 100%;

	float: left;

}



#footer .footer_top_graphic {

	float: left;

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 36px;

	background: url(../images/footer-bg-top.png) no-repeat center top;

}



#footer .footer_columns {

	padding: 34px 0px 0px 0px;

	margin: 0px;

	min-height: 290px;

	width: 100%;

	float: left;

	background: #05aeb9 url(../images/footer-bg-bottom.png) repeat ;

}

#footer .footer_columns h2 {

	color: #fff;

}

#footer .footer_logo {

	padding: 0px;

	margin: 0px 0px 0px 0px;

	float: left;

}

/*#footer .footer_logo img {

	width: 100%;

	height: 100%;

}*/



#footer ul.address-liste {

	padding: 0px;

	margin: 0px 0px 40px 0px;

	float: left;

}

#footer .address-liste li {

	padding: 0px 0px 0px 22px;

	margin: 0px;

	line-height: 18px;

	list-style-type: none;

	color: #fff;

	font-style: normal;

}

#footer .address-liste li.icon1 {

	margin: 0px 0px 0px 0px;

	list-style-type: none;

	line-height:24px;

	/*background: url(../images/address-icon-footer.png) no-repeat left 5px;*/

	font-size:15px;

}

#footer .address-liste li.icon2 {

	margin: 10px 0px 0px 0px;

	list-style-type: none;

	background: url(../images/phone-icon-footer.png) no-repeat left 4px;

}

#footer .address-liste li.icon3 {

	margin: 5px 0px 0px 0px;

	list-style-type: none;

	background: url(../images/fax-icon-footer.png) no-repeat left 4px;

}

#footer .address-liste li.worldmap {

	margin: 10px 0px 0px 0px;

	height: 82px;

	list-style-type: none;

	background: url(../images/world-map.png) no-repeat left 0px;

}





/* ----------- social icons ----------- */



#footer ul.socials-list {

	float: left;

	margin: 5px 0px 0px 0px;

	padding: 0px;

}

#footer .socials-list li {

	padding: 0px 0px 4px 0px;

	margin: 0px;

	list-style-type: none;

}

#footer .socials-list li img {

	padding: 0px 10px 0px 0px;

	float: left;

}

#footer .socials-list li a {

	color: #fff;

	width: 200px;

	display: inline-block;

}

#footer .socials-list li a:hover {

	color: #454545;

	display: inline-block;

}

#footer .socials-list li img {

	opacity: 0.9;

	filter: alpha(opacity=90);

}

#footer .socials-list li img:hover {

	opacity: 1;

	filter: alpha(opacity=100);

}





/* flickr */

#flickr_badge_wrapper {

	padding: 0px;

	margin: 0px;

}



#flickr_badge_wrapper img { width: 60px; height: 60px; margin-right: 6px; margin-bottom: 1px; border: 2px solid #fff !important;}

#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

#flickr_badge_uber_wrapper a:hover,

#flickr_badge_uber_wrapper a:link,

#flickr_badge_uber_wrapper a:active,

#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_wrapper { margin-top: 27px;}

#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}





/* copyrights */

.up_arrow {

	float: left;

	width: 100%;

	height: 9px;

	margin-top: -9px;

	background: url(../images/arrow-up.png) no-repeat center top;

}

.copyright_info {

	float: left;

	padding: 14px 0px 12px 0px;

	margin: 0px 0px 0px 0px;

	width: 100%;

	background-color: #001508;

	color: #454545;

}

.copyright_info b {

	float: left;

	font-size: 12px;

	color: #454545;

	font-style: normal;

	font-weight: normal;

}

.copyright_info span {

	float: right;

}

.copyright_info a {

	margin-top: 10px;

	font-size: 12px;

	color: #454545;

	text-align: right;

}

.copyright_info a:hover {

	color: #777;

}



/*------------------*/

/*	CONTENT AREA

/*------------------------------------------------------*/



/* Page title */

.page_title {

	padding: 0px;

	margin: 0px;

	width: 100%;

	height: 140px;

	float: left;

	background: url(../images/dark-gray-bg.html) repeat-x left center;

}

.page_title h1 {

	font-size: 45px;

	line-height: 45px;

	color: #e9e9e9;

	font-weight: normal;

	text-align: center;

	display: block;

	text-transform: uppercase;

	margin: 32px 0 0 0;

	padding: 0px;

}

.page_title h6 {

	font-size: 18px;

	line-height: 32px;

	color: #999;

	font-weight: normal;

	text-align: center;

	display: block;

	text-transform: none;

	padding: 0px;

}

.pagenation_left {

	float: left;

	width: 70%;

}

.pagenation_left h1 {

	text-align: left;

}

.pagenation_left h6 {

	text-align: left;

}

.pagenation_right {

	float: right;

	width: 20%;

	margin-right: 20px;

	margin-top: 57px;

	text-align: right;

	font-weight: bold;

	line-height: 20px;

}

.pagenation_right a {

	font-weight: normal;

}





#content_area {

	padding: 0px;

	margin: 0px;

}

#content_area h3 {

	padding: 0px;

	margin: 0px 0px 25px 0px;

}

#content_area .conte_bigtext {

	padding: 0px;

	margin: 0px 0px 18px 0px;

	font-size: 30px;

	font-weight: normal;

	font-style: normal;

	color: #999;

	line-height: 36px;

}





/* about team */



.our_team_main {

	float: left;

	width: 100%;

	margin-top: 0px;

}

.our_team_main .title_center {

	height: 42px;

	margin-top: 36px;

}

.our_team_main .title_center h3 { 

	font-size: 18px;

	font-weight: bold;

	background: #fff url(../images/x-lines.html) repeat-x left 1px;

	float: left;

	margin-left: 40%;

	padding: 12px 40px;

	border: 2px solid #d9d9d9;

	border-radius: 21px;

	margin-top: 16px;

}



ul.our_team_list {

	padding: 0px;

	margin: 20px 0px 0px 0px;

	float: left;

}

.our_team_list li {

	padding: 0px;

	margin: 0px;

	width: 250px;

	float: left;

	text-align: center;

}

.our_team_list li strong {

	padding: 0px;

	margin: 12px 0px 4px 0px;

	font-size: 15px;

	color: #555657;

	display: block;

	font-weight: bold;

}

.our_team_list li i {

	display: block;

	font-style: italic;

}

.our_team_list ul.team_social {

	padding: 0px;

	margin: 9px 0 25px 50px;

}

.our_team_list .team_social li {

	padding: 0px;

	margin: 0px 0px 0px 9px;

	float: left;

	width: 18px;

	height: 18px;

}

.our_team_list .team_social li a {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

}

.our_team_list .team_social li a:hover {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}





/* featured services */



.our_services_main {

	float: left;

	width: 100%;

	margin-top: 0px;

}

ul.our_services_list {

	padding: 0px;

	margin: 30px 0px 0px 0px;

	float: left;

}

.our_services_list li {

	padding: 0px 0px 18px 0px;

	margin: 0px 50px 0px 0px;

	width: 300px;

	float: left;

	text-align: left;

	border-top: 1px solid #999a9c;

	border-bottom: 5px solid #da751b;

	background-color: #fff;

}

.our_services_list li img {

	width: 100%;

}

.our_services_list li .last {

	margin: 0px 0px 0px 0px;

}

.our_services_list li strong {

	padding: 0px;

	margin: 18px 25px 10px 25px;

	font-size: 15px;

	color: #454545;

	float: left;

}

.our_services_list li p {

	padding: 0px;

	margin: 0px 25px 10px 25px;

	float: left;

}



.left_icon_box {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 100%;

	height: 130px;

	background-color: #fff;

	border-bottom: 1px solid #c5c6c7;

}

.left_icon_box .left {

	padding: 30px 0px 0px 0px;

	margin: 0px;

	float: left;

	width: 14%;

	height: 100px;

	text-align: center;

	background: #da751b;

}

.left_icon_box .center {

	padding: 30px 30px 0px 30px;

	margin: 0px;

	float: left;

	width: 73.6%;

	height: 100px;

	font-size: 27px;

	line-height: 32px;

	color: #999;

	background: url(../images/arrow-right-go.html) no-repeat left 20px;

}



.left_icon_box .right {

	padding: 0px;

	margin: 0px;

	float: left;

	width: 5%;

	height: 130px;

}



/* portfolio single image */

.portfolio_area {

	padding: 0px;

	margin: 0px;

	width: 100%;

	float: left;

}

.portfolio_area_left {

	padding: 0px;

	margin: 0px;

	width: 75%;

	float: left;

}

.portfolio_area_left img {

	padding: 0px;

	margin: 0px;

	width: 100%;

	float: left;

}

.portfolio_area_right {

	padding: 0px;

	margin: 0px 0px 0px 3%;

	width: 22%;

	float: left;

}

.project_details {

	padding: 0px;

	margin: 40px 0px 0px 0px;

}

.project_details span {

	padding: 5px 0px;

	margin: 0px 0px 0px 0px;

	font-size: 14px;

	font-weight: bold;

	color: #454545;

	float: left;

	width: 100%;

	border-bottom: 1px solid #e3e3e3;

}

.project_details strong {

	padding: 0px 0px;

	margin: 0px 0px 0px 0px;

	font-size: 13px;

	font-weight: bold;

	color: #727272;

	float: left;

	width: 40%;

}

.project_details i {

	padding: 0px 0px;

	margin: 0px 0px 0px 0px;

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

	color: #727272;

	float: left;

	width: 60%;

}

.project_details span a {

	padding: 3px 10px;

	margin: 0px 0px 0px 3px;

	font-size: 11px;

	line-height: 30px;

	font-weight: normal;

	font-style: normal;

	color: #727272;

	background-color: #e3e3e3;

	border-radius:3px;

}

.project_details span a:hover {

	padding: 3px 10px;

	margin: 0px 0px 0px 3px;

	font-size: 11px;

	line-height: 30px;

	font-weight: normal;

	font-style: normal;

	color: #727272;

	background-color: #ddd;

	border-radius:3px;

}

.addto_favorites {

	padding: 5px 10px 5px 30px;

	margin: 20px 0px 0px 0px;

	width: 110px;

	display: block;

	border-radius:5px;

	font-size: 12px;

	color: #727272;

	background: #e3e3e3 url(../images/elements/icon-heart.png) no-repeat 10px 10px;

}

.addto_favorites:hover {

	padding: 5px 10px 5px 30px;

	margin: 20px 0px 0px 0px;

	width: 110px;

	display: block;

	border-radius:5px;

	font-size: 12px;

	color: #454545;

	background: #ddd url(../images/elements/icon-heart.png) no-repeat 10px 10px;

}

ul.small_social_links {

	padding: 0px;

	margin: 9px 0 25px 0px;

}

.small_social_links li {

	padding: 0px;

	margin: 0px 9px 0px 0px;

	float: left;

	width: 18px;

	height: 18px;

}

.small_social_links li a {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	-moz-opacity: 0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

}

.small_social_links li a:hover {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

}











/*------------------*/

/*	LEFT CONTENT AREA

/*------------------------------------------------------*/



#left_content {

	padding: 0px;

	margin: 0 0 0 0;

	width: 68%;

	float: left;

}

#left_sidebar {

	padding: 0px;

	margin: 0 5% 0 0;

	width: 27%;

	float: left;

}

#left_sidebar h3 {

	margin: 0px 0px 20px 0px;

	padding: 0 0 16px 0;

	background: url(../images/h-lines-2.html) repeat-x center bottom;

}



/*------------------*/

/*	RIGHT SIDEBAR

/*------------------------------------------------------*/



#right_sidebar {

	padding: 0px;

	margin: 0 0 0 5%;

	width: 27%;

	float: right;

}

#right_sidebar h3 {

	margin: 0px 0px 20px 0px;

	padding: 0 0 16px 0;

	background: url(../images/h-lines-2.html) repeat-x center bottom;

}





/* site search */



.site-search-area {

	margin: 0px;

	padding: 0px;

}

#site-searchform {

	margin: 0;

	padding: 0;

}

#site-searchform #s{

	border: 1px solid #ccc;

	background-color: #fff;

	width: 73%;

	height:30px;

	line-height: 36px;

	padding:6px 10px 0px 10px;

	color: #727272;

	float: left;

	font: normal 12px "Trebuchet MS", Helvetica, Arial, sans-serif;

}

#site-searchform #searchsubmit{

	float: left;

	width:50px;

	height:38px;

	cursor:pointer;

	text-indent:-5555em;

	line-height:100;

	overflow:hidden;

	background: #00a6b3 url(../images/site-search-icon.png) no-repeat center 9px;

	border:0;

}

#site-searchform #searchsubmit:hover{

	float: left;

	width:50px;

	height:38px;

	cursor:pointer;

	text-indent:-5555em;

	line-height:100;

	overflow:hidden;

	background: #1c1c1a url(../images/site-search-icon.png) no-repeat center 9px;

	border:0;

}



/* Advertisements */



ul.adsbanner-list {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.adsbanner-list li {

	margin: 0px 20px 20px 0px;

	padding: 0px;

	float: left;

	width: 125px;

	height: 125px;

	list-style-type: none;

}

.adsbanner-list li.last {

	margin: 0px 0px 0px 0px;

	padding: 0px;

	float: left;

	width: 125px;

	height: 125px;

	list-style-type: none;

}



/* widget text area */



.sidebar-widget {

	float: left;

	width: 100%;

}

.widget_text_area {

	float: left;

	width: 100%;

}

.widget_text_area p {

	margin-top: -5px;

}



/* sidebar navigation */



ul.sidebars-navigation-list {

	padding: 0px;

	margin: -10px 0px 0px 0px;

	width: 100%;

	float: left;

}

.sidebars-navigation-list li {

	padding: 0px 0px 0px 0px;

	margin: 0px;

	list-style-type: none;

	float: left;

	width: 100%;

	font-weight:700;

}

.sidebars-navigation-list li a {

	padding: 7px 0px 7px 25px;

	display: block;

	text-decoration: none;

	background:#f3f3f3 url(../images/arrow-05.jpg) no-repeat 16px 15px;

	border-bottom: 1px solid #dedede;

	

}

.sidebars-navigation-list li a:hover {

	padding: 7px 0px 7px 25px;

	display: block;

	text-decoration: none;

	background: #009639 url(../images/arrow-05_white.html) no-repeat 16px 15px; color:#fff;

	border-bottom: 1px solid #f6f6f6;

}



/* popular posts */



.popular-posts-area {

	float: left;

	margin-bottom: -10px;

}

ul.popular-posts-list {

	margin: 0px;

	padding: 2px 0 0 0;

	width: 100%;

	float: left;

}

.popular-posts-list li {

	padding: 0px 0px 18px 0px;

	margin: 0px 0px 14px 0px;

	list-style-type: none;

	border-bottom: 1px solid #f6f6f6;

	float: left;

	width: 100%;

}

.popular-posts-list li a {

	text-decoration: none;

	line-height: 16px;

	display: block;

}

.popular-posts-list li img {

	float: left;

	border: 1px solid #fff;

}

.popular-posts-list li span {

	background-color: #ccc;

	padding: 2px;

	float: left;

	margin-right: 15px;

}

.popular-posts-list li i {

	padding: 2px 0px 0px 0px;

	margin: 0px;

	display: block;

	font-size: 10px;

	font-style: normal;

	color: #a9a9a9;

}



.widget_text_area {

	float: left;

	width: 100%;

	margin-top: 30px;

}



/* page not found */

.pagenotfound {

	float: left;

	width: 90%;

	height: 450px;

	padding: 40px;

	margin-bottom: 20px;

	background-color: #f9f9f9;

	border: 10px solid #f3f3f3;

}

.pagenotfound_textbig {

	font-size: 320px;

	color: #e3e3e3;

	margin-top: 155px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_textsmall {

	float: left;

	font-size: 18px;

	color: #999;

	padding-top: 150px;

	padding-left: 180px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pagenotfound_left {

	float: left;

	width: 50%;

}

.pagenotfound_right {

	float: right;

	width: 45%;

	padding: 20px;

	font-size: 21px;

	margin-top: 0px;

	line-height: 27px;

	color: #fff;

	text-align: center;

	background-color: #91b427;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

.pagenotfound_right strong {

	margin-bottom: 9px;

	display: block;

	text-transform: uppercase;

}



.goto_mainpage {

	padding: 15px 30px 15px 30px;

	margin: 35px 0 0 360px;

	float: left;

	text-align: center;

	background: #eee;

	border-radius:50px;

	font-size: 18px;

	color: #727272;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.goto_mainpage:hover {

	background: #91b427;

	color: #fff;

}





/* ----------- blog ----------- */

.blog_post {

	float: left;

	width: 100%;

}

.blog_post h3 {

	float: left;

	font-size: 18px;

	text-align: left;

	text-transform: none;

	font-weight: normal;

	color: #454545;

	width: 85%;

	line-height: 23px;

}

.blog_post h3 a {

	color: #1c1c1a;

	text-decoration: none;

	float: left;

	margin-top: 3px;

	text-transform: uppercase;

}

.blog_post h3 a:hover {

	color: #00a6b3;

	text-decoration: none;

	float: left;

	margin-top: 3px;

}

.post_info_content {

	padding: 0px;

	margin: -5px 0 0 13%;

	width: 87%;

	float: left;

}

ul.post_meta_links {

	float: left;

	margin: -12px 0px 0px -4px;

	padding: 0px 0px 0px 0px;

	width: 80%;

}

.post_meta_links li {

	float: left;

	margin: 0px;

	padding: 0px 0px 0px 4px;

	list-style-type: none;

	color: #999;

}

.post_meta_links li.post_by {

	padding: 0px 0px 0px 25px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-by-user.html) no-repeat 5px 5px;

}

.post_meta_links li.post_categoty {

	padding: 0px 0px 0px 40px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-category.html) no-repeat 20px 6px;

}

.post_meta_links li.post_comments {

	padding: 0px 0px 0px 40px;

	background: url(../images/blog/icon-comments.html) no-repeat 20px 5px;

}

.post_meta_links li a {

	color: #a1a1a1;

	padding: 0px 18px 0px 0px;

	text-decoration: none;

	font-size: 11px;

}

.post_meta_links li a:hover {

	color: #727272;

	text-decoration: none;

}

.blog_postcontent {

	float: left;

	width: 100%;

}

.blog_postcontent .image_frame {

	float: left;

	width: 98%;

	border: 7px solid #eee;

	margin-bottom: 25px;

}

.blog_postcontent .image_frame:hover {

	border: 7px solid #f6f6f6;

}

.blog_postcontent .image_frame img {

	float: left;

	width: 99.7%;

	border: 1px solid #fff;

}

.blog_postcontent .video_frame iframe {

	float: left;

	width: 98%;

	height: 350px;

	border: 7px solid #ddd;

	margin-bottom: 25px;

}

.blog_postcontent .video_frame iframe:hover {

	border: 7px solid #f6f6f6;

}



/* blog small */

.blog_post h3 {

	width: 74%;

}

.blog_postcontent .image_frame.small {

	float: left;

	width: 43%;

	border: 7px solid #eee;

	margin-bottom: 25px;

}

.blog_postcontent .image_frame:hover {

	border: 7px solid #f6f6f6;

}

.blog_postcontent .image_frame img {

	float: left;

	width: 99.7%;

	border: 1px solid #fff;

}

.blog_postcontent .video_frame.small iframe {

	float: left;

	width: 43%;

	height: 140px;

	border: 7px solid #ddd;

	margin-bottom: 25px;

}

.blog_postcontent .video_frame iframe:hover {

	border: 7px solid #f6f6f6;

}

.post_info_content_small {

	padding: 0px;

	margin: 0 0 0 4%;

	width: 50%;

	float: left;

}

ul.post_meta_links_small {

	float: left;

	margin: -15px 0px 12px 90px;

	padding: 0px 0px 0px 0px;

	width: 80%;

}

.post_meta_links_small li.post_by {

	float: left;

	padding: 0px 0px 0px 18px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-by-user.html) no-repeat 0px 5px;

}

.post_meta_links_small li.post_categoty {

	float: left;

	padding: 0px 0px 0px 26px;

	border-right: 1px solid #d3d3d3;

	background: url(../images/blog/icon-category.html) no-repeat 9px 6px;

}

.post_meta_links_small li.post_comments {

	float: left;

	padding: 0px 0px 0px 26px;

	background: url(../images/blog/icon-comments.html) no-repeat 9px 5px;

}

.post_meta_links_small li a {

	color: #a1a1a1;

	padding: 0px 5px 0px 0px;

	text-decoration: none;

	font-size: 11px;

}

.post_meta_links_small li a:hover {

	color: #727272;

	padding: 0px 5px 0px 0px;

	text-decoration: none;

	font-size: 11px;

}

.blog_post a.date {

	padding: 16px 5px 0px 0px;

	text-decoration: none;

	width: 57px;

	height: 53px;

	text-align: center;

	background: #00a6b3 url(../images/down-arrow2.png) no-repeat center top;

	display: block;

	margin-right: 24px;

	float: left;

}

.blog_post a.date strong {

	color: #fff;

	font-size: 31px;

	font-weight: normal;

	display: block;

	margin-bottom: 10px;

}

.blog_post a.date i {

	color: #fff;

	font-size: 11px;

	font-style: normal;

	padding: 2px 10px;

	display: block;

	border-top: 1px solid #00b2c0;

	width: 42px;

	background-color: #009eaa;

}

.post_readmore:link, .post_readmore:visited {

	float: right;

	height: 27px;

	width: 185px;

	text-align: center;

	padding-top: 7px;

	color: #fff;

	text-decoration: none;

	background: url(../images/skin01/but_post_readmore.html) no-repeat left top;

}

.post_readmore:hover {

	float: right;

	height: 27px;

	width: 185px;

	text-align: center;

	padding-top: 7px;

	color: #fff;

	text-decoration: none;

	background: url(../images/skin01/but_post_readmore_hover.html) no-repeat left top;

}

.sharepost {

	float: left;

	width: 80%;

	margin-bottom: 30px;

}

.sharepost ul {

	margin: 0px;

	padding: 0px;

}

.sharepost li {

	margin: 0px;

	padding: 0 9px 0 0;

	float: left;

	list-style-type: none;

}



.about_author {

	float: left;

	width: 93%;

	padding: 20px;

	background-color: #f9f9f9;

	border: 1px solid #e5e5e5;

}

.about_author img {

	float: left;

	margin-right: 20px;

}



/* pagination */

.pagination {

	clear:both;

	padding:10px 0;

	margin-bottom:20px;

}

.pagination span, .pagination a, .page-numbers {

	display:block;

	float:left;

	margin: 2px 5px 2px 0;

	padding:0px 10px;

	text-decoration:none;

	width:auto;

	line-height:30px;

	height:30px;

}

.pagination b{

	float:left;

	margin: 7px 5px 2px 0;

	padding:0px 10px;

	font-weight: normal;

	color: #999;

}

.pagination .current{

	background-color: #e3e3e3;

}

.pagination .dots{

	background: none;

	box-shadow: none;

	border:none;

	cursor:default;

}





/* comment form */

.comment_form {

	float: left;

	width: 90%;

	margin-top: 30px;

}

.comment_form label{

	float: left;

	width: 90px;

	height: 15px;

	padding: 7px 10px;

	margin-bottom: 20px;

}

.comment_input_bg {

	float: left;

	width: 70%;

	height: 25px;

	padding: 7px 10px 0px 10px;

	border-top: 2px solid #e3e3e3;

	border-left: 2px solid #e3e3e3;

	border-right: 1px solid #e3e3e3;

	border-bottom: 1px solid #e3e3e3;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}

.comment_textarea_bg {

	float: left;

	width: 90%;

	height: 235px;

	padding: 7px 10px 0px 10px;

	margin-bottom: 20px;

	border-top: 2px solid #e3e3e3;

	border-left: 2px solid #e3e3e3;

	border-right: 1px solid #e3e3e3;

	border-bottom: 1px solid #e3e3e3;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}

.comment_checkbox {

	float: left;

	display: block;

	width: 90%;

	margin-top: 10px;

}



/* comments */

.comment_wrap{

	padding:20px 20px 10px 0px;

	overflow:hidden;

}

.comment_wrap.chaild{

	border-top:1px solid #e1e1e1;

	padding:20px 20px 10px 50px;

	overflow:hidden;

}

.gravatar{

	float:left;

}



.comment_content{

	overflow:hidden;

	padding-left:20px;

	position:relative;

	min-height:80px; 

}

.comment_content .comment_meta{

	position:relative;

}

.comment_content .comment_meta .comment_author{

	display:inline;

	font-size:14px;

	font-style: normal;

}

.comment_content .comment_meta .comment_author i{

	display:inline;

	font-size:11px;

	font-style: italic;



}

.comment_content .comment_text {

	clear:both;

	padding-top:0px;

	overflow:hidden;

}

.comment_content .comment_text a {

	color: #c3c3c3;

	margin-top: 5px;

	float: left;

}

.comment_content .comment_text a:hover {

	color: #454545;

	margin-top: 5px;

	float: left;

}

#comments_section li ul li{

	margin-left: 30px;

}



/* ---------- contact form ---------- */

.comment_form {

	float: left;

	width: 690px;

	margin-top: 30px;

}

.blocklabel {

	float: left;

	width: 100%;

	display: block;

	margin-top: 10px;

}

.comment_form label{

	float: left;

	width: 90px;

	height: 15px;

	padding: 7px 10px;

	margin-bottom: 20px;

}

.input_bg {

	float: left;

	width: 70%;

	height: 25px;

	padding: 4px 0px 4px 10px;

	border-top: 2px solid #e1e1e1;

	border-left: 2px solid #e1e1e1;

	border-right: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}

.textarea_bg {

	float: left;

	width: 90%;

	height: 140px;

	padding: 7px 10px 0px 10px;

	margin-bottom: 20px;

	border-top: 2px solid #e1e1e1;

	border-left: 2px solid #e1e1e1;

	border-right: 1px solid #e1e1e1;

	border-bottom: 1px solid #e1e1e1;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color: #f9f9f9;

}



.address-info {

	float: left;

	background-color: #f9f9f9;

	border: 1px solid #e1e1e1;

	padding: 20px 20px 10px 20px;

	width: 90%;

	margin-bottom: 40px;

}



.google-map {

	width: 99%;

	height: 350px;

	border: 5px solid #454545;

}









/*------------------*/

/*	TYPOGRAPHY

/*------------------------------------------------------*/



/* columns */



.one_half, .one_third,.one_fourth,.two_one,.two_third,.three_half,.three_third {

	position: relative;

	margin-right: 4%;

	float: left;

}

.one_full {

	width: 100%;

}

.one_half {

	width: 47.6%;

}

.one_third {

	width: 30.6%;

}

.one_fourth {

	width: 21.9%;

}



.two_one {

	width: 30.500%;

}

.two_third {

	width: 65.500%;

}



.three_half {

	width: 65.500%;

}

.three_third {

	width: 30.500%;

}



.last {

	margin-right: 0 !important;

	clear: right;

}



/* columns with box */

.framed-box {

	border: 1px solid #e3e3e3;

	width: 100%;

}

.framed-box.center{

	text-align:center;

}

.framed-box-wrap {

	border: 1px solid #fff;

	background-color: #f9f9f9;

}

.framed-box-wrap .pricing-title {

	background-color: #f1f1f1;

	padding: 20px 0px 0px 0px;

	text-align: center;

	border-bottom: 1px solid #fff;

}



.framed-box-wrap .pricing-text-list {

	padding: 15px 20px 20px 20px;

}



/* ----------- dropcaps ----------- */



.dropcap1, .dropcap2, .dropcap3 {

	float: left;

	text-align: center;

	overflow:hidden;

}

.dropcap1 {

	width: 53px;

	height:	58px;

	line-height: 52px;

	background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0px 0px transparent;

	color: #3c3c3c;

	margin:0 8px -4px 0;

	font-size: 32px;

}

.dropcap1.gray {

	background-image:url(../images/elements/dropcap_gray.png);

}

.dropcap2 {

	background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;

	color:#3c3c3c;

	line-height: 50px;

	height: 56px;

	width: 53px;

	margin:0 8px -4px 0;

	font-size:32px;

}

.dropcap2.gray {

	background-image:url(../images/elements/dropcap_gray.png);

}

.dropcap3 {

	font-size:40px;

	line-height: 40px;

	width:44px;

	height:44px;

	margin:0 0 -4px 0;

}

.dropcap3.gray {

	color: #3c3c3c;

}



/* ----------- styled lists ----------- */



ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10 {

	list-style-type:none;

	margin:0px 0px 20px 0px;

	padding: 0px;

}

ul.list1 li,ul.list2 li,ul.list3 li,ul.list4 li,ul.list5 li,ul.list6 li,ul.list7 li,ul.list8 li,ul.list9 li,ul.list10 li{

	padding-left: 18px;

	margin: 3px 0;

}

ul.list1 li {

	background:url(../images/elements/icon-heart.png) no-repeat left 5px;

}

ul.list2 li {

	background:url(../images/elements/icon-ok.png) no-repeat left 5px;

}

ul.list3 li {

	background:url(../images/elements/icon-right-arrow.png) no-repeat left 5px;

}

ul.list4 li {

	background:url(../images/elements/icon-star.png) no-repeat left 4px;

}

ul.list5 li {

	background:url(../images/elements/icon-chevron-right.png) no-repeat left 5px;

}

ul.list6 li {

	background:url(../images/elements/icon-chat.png) no-repeat left 5px;

}

ul.list7 li {

	background:url(../images/elements/icon-play-button.png) no-repeat left 5px;

}

ul.list8 li {

	background:url(../images/elements/icon-remove.png) no-repeat left 5px;

}

ul.list9 li {

	background:url(../images/elements/icon-cart.png) no-repeat left 5px;

}

ul.list10 li {

	background:url(../images/elements/icon-user.png) no-repeat left 4px;

}



/* ----------- highlight colors ----------- */



.highlight {

	color: #fff;

	padding: 2px 5px;

	background: #000;

	border-radius:3px;

}

.highlight.black {

	background: #000;

	border-radius:3px;

}

.highlight.red {

	background: #ff0000;

	border-radius:3px;

}

.highlight.gray {

	background: #aaa;

}

.highlight.yellow {

	background: #fff000;

}

.highlight.blue {

	background: #0099cc;

}

.highlight.pink {

	background: #e826b4;

}

.highlight.green {

	background: #48b02b;

}

.highlight.orange {

	background: #ffcc00;

}

.highlight.magenta {

	background: #9325ea;

}



/* ----------- highlight text only ----------- */

.highlight2 {

	color: none;

	background: none;

	border-radius:0px;

}

.highlight2.black {

	color: #000;

}

.highlight2.red {

	color: #ff0000;

}

.highlight2.gray {

	color: #aaa;

}

.highlight2.yellow {

	color: #fff000;

}

.highlight2.blue {

	color: #0099cc;

}

.highlight2.pinkt {

	color: #e826b4;

}

.highlight2.green {

	color: #48b02b;

}

.highlight2.orange {

	color: #da751b;

}

.highlight2.magenta {

	color: #9325ea;

}



/* ----------- buttons ----------- */

.button, button {	

    text-decoration:none;

	text-align:center;

	color:#585656;

	display: inline-block;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	height:32px;

	line-height:32px;

	padding:0px 15px;

	position:relative;

	outline: none;

	overflow: hidden; /* removes extra side padding in IE */

	cursor: pointer;

	border: 1px solid #dcdcdc;/* IE */

	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */

	border-bottom:rgba(0, 0, 0, .4) 1px solid;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;



	background: -moz-linear-gradient(

		center top,

		rgba(255, 255, 255, .1) 0%,

		rgba(0, 0, 0, .1) 100%

	);/* FF3.6 */

	background: -webkit-gradient(

		linear,

		center top,

		center bottom,

		from(rgba(255, 255, 255, .1)),

		to(rgba(0, 0, 0, .1))

	);/* Saf4+, Chrome */

	

	background-color:white;

}



.button::-moz-focus-inner {

    border: none; /* overrides extra padding in Firefox */

}



.button:hover, .button.hover, .page-numbers:hover  {

	background: -moz-linear-gradient(

		center top,

		rgba(255, 255, 255, .2) 0%,

		rgba(255, 255, 255, .1) 100%

	);/* FF3.6 */

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(255, 255, 255, .1)),

		to(rgba(255, 255, 255, .2))

	);/* Saf4+, Chrome */

}

.button:active, .button.active, .page-numbers:active {

	top:2px;

	background: -moz-linear-gradient(

		center top,

		rgba(0, 0, 0, .1) 0%,

		rgba(255, 255, 255, .2) 100%

	);/* FF3.6 */

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(255, 255, 255, .2)),

		to(rgba(0, 0, 0, .1))

	);/* Saf4+, Chrome */



}



.button.full{

	display: block;

}



.button.small{

	font-size:13px;

}

.button.medium{

	font-size:13px;

	height:40px;

	line-height:40px;

}

.button.large{

	font-size:16px;

	height:50px;

	line-height:50px;

}

.button.small.colorchan{

	color: #fff;

	background-color: #00a6b3;

}



/* ----------- styled bittons----------- */

.button.red {

	background-color: #ff0000;

	color: #fff;

}

.button.blue {

	background-color: #117ed1;

	color: #fff;

}

.button.lightblue {

	background-color: #0099cc;

	color: #fff;

}

.button.green {

	background-color: #009933;

	color: #fff;

}

.button.black {

	background-color: #333;

	color: #fff;

}

.button.orange {

	background-color: #FF9900;

	color: #fff;

}

.button.darkgray {

	background-color: #818181;

	color: #fff;

}

.button.gray {

	background-color: #f0f0f0;

	color: #000;

}



/* ----------- styled boxes----------- */

.info, .error, .notice, .success {

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	border-radius: 0px;

	/*border: 1px solid #bbb;*/

	font-size: 13px;

	display: inline-block;

	width: 70%;

}

p.error {

	border: none;

}

.info strong, .error strong, .notice strong, .success strong {

	font-size: 16px;

}

.message-box-wrap {

	border: 0px solid #fff;

	padding:10px;

}

.info {

	color: #4a84bc;

	border-color: #c6e3ff;

	background-color: #e6f3ff;

}

.error {

	color: #ff0000;

	border-color: #f1bdbd;

	/*background-color: #ffdddd;*/

}

.notice {

	color: #a79a30;

	border-color: #d7d099;

	background-color: #f6f2d2;

}

.success {

	color: #1ea133;

	border-color: #a9ecb4;

	background-color: #dffbe4;

}

.close-but {

	width: 10px;

	height: 10px;

	float: right;

	border: none;

	margin: 5px;

	background: url(../images/elements/icon-remove.png) no-repeat center top;

}

.redstar{color:#ff0000;}



/* ----------- tables----------- */



.table-style {

	float: left;

	width: 100%;

}

.table-list {

	float: left;

	background-color: #fff;

	border: 1px solid #dddddd;

	margin-bottom:20px;

	width: 100%;

}

.table-list th {

	padding: 10px;

	background-color: #eee;

}

.table-list td {

	padding: 10px;

	text-align: center;

	background-color: #f5f5f5;

}

.table-list tr:hover td {

	background-color: #f9f9f9;

}



/* ----------- pricing tables----------- */



.pricing-tables-main {

	position: relative;

	float: left;

	margin-bottom: 25px;

}



.pricing-tables {

	position: relative;

	float: left;

	width: 24%;

	border: 1px solid #eee;

}

.pricing-tables .title {

	float: left;

	width: 100%;

	height: 23px;

	padding: 12px 0 10px 0;

	background-color: #454545;

	text-align: center;

	font-size: 18px;

	color: #fff;

	border-top: 3px solid #272727;

	border-bottom: 1px solid #818181;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables .price {

	float: left;

	width: 100%;

	padding: 30px 0 20px 0;

	background-color: #636363;

	text-align: center;

	font-size: 40px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables .price i {

	font-size: 14px;

	color: #ccc;

	display: block;

	font-weight: normal;

	font-style: normal;

	margin-top: 18px;

}

.pricing-tables .cont-list {

	float: left;

	width: 100%;

	padding: 15px 0;

	border-top: 3px solid #fff;

	border-bottom: 3px solid #fff;

	background-color: #f9f9f9;

	text-align: center;

	color: #727272;

}

.pricing-tables .cont-list ul {

	margin: 0;

	padding: 0;

}

.pricing-tables .cont-list li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	line-height: 30px;

	border-bottom: 1px solid #fff;

}

.pricing-tables .cont-list li.last {

	border: none;

}

.pricing-tables .ordernow {

	float: left;

	width: 100%;

	padding: 15px 0;

	background-color: #e3e3e3;

	text-align: center;

	color: #fff;

}



.pricing-tables-helight{

	position: relative;

	float: left;

	width: 27%;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);

	box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);

}

.pricing-tables-helight .title {

	float: left;

	width: 100%;

	height: 40px;

	padding: 20px 0 0 0;

	margin-top: -10px;

	background-color: #009ba7;

	text-align: center;

	font-size: 18px;

	color: #fff;

	border-top: 3px solid #00919c;

	border-bottom: 1px solid #00b2bf;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables-helight .price {

	float: left;

	width: 100%;

	padding: 34px 0 20px 0;

	background-color: #00a6b3;

	text-align: center;

	font-size: 45px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;



	text-transform: uppercase;

}

.pricing-tables-helight .price i {

	font-size: 14px;

	color: #eee;

	display: block;

	font-weight: normal;

	font-style: normal;

	margin-top: 20px;

}

.pricing-tables-helight .cont-list {

	float: left;

	width: 100%;

	padding: 15px 0;

	border-top: 3px solid #fff;

	border-bottom: 3px solid #fff;

	background-color: #f9f9f9;

	text-align: center;

	color: #727272;

}

.pricing-tables-helight .cont-list ul {

	margin: 0;

	padding: 0;

}

.pricing-tables-helight .cont-list li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	line-height: 30px;

	border-bottom: 1px solid #fff;

}

.pricing-tables-helight .cont-list li.last {

	border: none;

}

.pricing-tables-helight .ordernow {

	float: left;

	width: 100%;

	padding: 20px 0 25px 0;

	background-color: #eee;

	text-align: center;

	color: #fff;

}



.pricing-tables-two {

	position: relative;

	float: left;

	width: 33%;

	border: 1px solid #eee;

}

.pricing-tables-two .title {

	float: left;

	width: 100%;

	height: 27px;

	padding: 14px 0 10px 0;

	background-color: #454545;

	text-align: center;

	font-size: 18px;

	color: #fff;

	border-top: 3px solid #272727;

	border-bottom: 1px solid #818181;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables-two .price {

	float: left;

	width: 100%;

	padding: 30px 0 20px 0;

	background-color: #636363;

	text-align: center;

	font-size: 40px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables-two .price i {

	font-size: 14px;

	color: #ccc;

	display: block;

	font-weight: normal;

	font-style: normal;

	margin-top: 20px;

}

.pricing-tables-two .cont-list {

	float: left;

	width: 100%;

	padding: 15px 0;

	border-top: 3px solid #fff;

	border-bottom: 3px solid #fff;

	background-color: #f9f9f9;

	text-align: center;

	color: #727272;

}

.pricing-tables-two .cont-list ul {

	margin: 0;

	padding: 0;

}

.pricing-tables-two .cont-list li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	line-height: 30px;

	border-bottom: 1px solid #fff;

}

.pricing-tables-two .cont-list li.last {

	border: none;

}

.pricing-tables-two .ordernow {

	float: left;

	width: 100%;

	padding: 15px 0;

	background-color: #e3e3e3;

	text-align: center;

	color: #fff;

}



.pricing-tables-helight-two{

	position: relative;

	float: left;

	width: 33%;

	z-index: 3;

	-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.1);

	box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.1);

}

.pricing-tables-helight-two .title {

	float: left;

	width: 100%;

	height: 40px;

	padding: 20px 0 0 0;

	margin-top: -10px;

	background-color: #009ba7;

	text-align: center;

	font-size: 18px;

	color: #fff;

	border-top: 3px solid #00919c;

	border-bottom: 1px solid #00b2bf;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables-helight-two .price {

	float: left;

	width: 100%;

	padding: 35px 0 20px 0;

	background-color: #00a6b3;

	text-align: center;

	font-size: 45px;

	color: #fff;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.pricing-tables-helight-two .price i {

	font-size: 14px;

	color: #eee;

	display: block;

	font-weight: normal;

	font-style: normal;

	margin-top: 25px;

}

.pricing-tables-helight-two .cont-list {

	float: left;

	width: 100%;

	padding: 15px 0;

	border-top: 3px solid #fff;

	border-bottom: 3px solid #fff;

	background-color: #f9f9f9;

	text-align: center;

	color: #727272;

}

.pricing-tables-helight-two .cont-list ul {

	margin: 0;

	padding: 0;

}

.pricing-tables-helight-two .cont-list li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	line-height: 30px;

	border-bottom: 1px solid #fff;

}

.pricing-tables-helight-two .cont-list li.last {

	border: none;

}

.pricing-tables-helight-two .ordernow {

	float: left;

	width: 100%;

	padding: 20px 0 25px 0;

	background-color: #eee;

	text-align: center;

	color: #fff;

}





.mainslider_bottom_lines {

	padding: 0px;

	margin: 0px;

	width: 100%;

	height: 9px;

	background: #e1e1e1;

	border-bottom: 1px solid #fff;

}

.punchline_text_top {

	padding: 0px;

	margin: 0px;

	width: 100%;

	height: 140px;

	float: left;

	font-size: 18px;

	line-height: 36px;

	color: #999;

	text-align: center;

	text-transform: none;

	font-style: normal;

	background: url(../images/bg.jpg) repeat left top;

	border-bottom: 1px solid #fff;

}

.punchline_text_top strong {

	font-size: 30px;

	color: #818181;

	font-weight: normal;

	text-align: center;

	display: block;

	text-transform: none;

	margin-top: 36px;

}











/*------------------*/

/*	CONTENT

/*------------------------------------------------------*/

#content {

	margin: 30px 0 0 0; /*After Remove RS Banner Need to give margin: 30px 0 0 0 Avinash*/

	padding: 0 0 0px 0;

}



/*#content .content-fullwidth {

	width: 1000px;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

}*/



/* ----------- page title ----------- */



.page-main-title {

	width: 100%;

	min-height: 14px;

	background: #0079d0;

	border-bottom: 1px solid #dbdbdb;

	margin: 0 0 0 0;

	text-transform: uppercase;

}

.page-main-title .leaft-title {

	width: 70%;

	display: block;

	float: left;

	text-align: left;

	margin: 16px 0 0 0px;

}

.page-main-title .leaft-title h1 { 

	font-size: 24px;

	color: #fff;

	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);

}

.page-main-title .reght-pagenation {

	display: block;

	color: #fff;

	float: left;

	font-size: 12px;

	text-align: left;

	margin: 0px 0 0 0px;

	padding: 25px 0 24px 30px;

	background: url(../images/pagenation-devidar.png) no-repeat left top;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.page-main-title .reght-pagenation i {

	color: #565656;

	margin: 0px 5px 0px 3px;

}

.page-main-title .reght-pagenation a {

	color: #1c1c1a;

}

.page-main-title .reght-pagenation a:hover {

	color: #565656;

}



.strong_marbom {

	font-size: 14px;

	margin-bottom: 9px;

	display: block;

}





/*------------------*/

/*	CONTENT LEFT SIDE AREA

/*------------------------------------------------------*/



#content .content_left {

	width: 680px;

	float: left;

	margin: 0 0 30px 0px;

	padding: 0px 40px 0px 0;

}

#content .content_left.right {

	width: 680px;

	float: left;

	margin: 0 0 30px 0px;

	padding: 0px 0px 0px 40px;

}



/* ----------- our team ----------- */

#content .content_left .our_team_box {

	width: 680px;

	float: left;

}

#content .content_left .our_team_box ul {

	margin: 0;

	padding: 14px 0 0 20px;

	float: left;

	width: 120px;

}

#content .content_left .our_team_box li {

	margin: 0;

	padding: 0;

	line-height: 18px;

	list-style-type: none;

	font-size: 11px;

	color: #a9a9a9;

}

#content .content_left .our_team_box li img {

	float: left;

	margin-right: 5px;

}

#content .content_left .our_team_box li img:hover {

	margin-right: 5px;

	opacity: 0.7;

	filter: alpha(opacity=10);

}

#content .content_left .our_team_box li strong {

	font-size: 14px;

	color: #0079d0;

	display: block;

}

#content .content_left .our_team_box li.sde_line {

	display: block;

	border-top: 1px solid #efefef;

	padding: 0px 0px 9px 0px;

	margin-top: 7px;

}

#content .content_left .our_team_box .boxleft {

	width: 280px;

	float: left;

	padding: 20px;

	margin: 0 40px 40px 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}

#content .content_left .our_team_box .cont_area {

	float: left;

	background-color: #fff;

	font-size: 10px;

	color: #727272;

	width: 100%;

	margin-bottom: 18px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}

#content .content_left .our_team_box .cont_area i {

	float: left;

	border: 2px solid #fff;

}

#content .content_left .our_team_box .cont_area i img {

	float: left;

	border: 1px solid #fff;

}

#content .content_left .boxright {

	width: 280px;

	float: left;

	padding: 20px;

	margin: 0;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 2px solid #eee;

}



.b-text-one {

	font-size: 16px;

	color: #454545;

	text-align: center;

	line-height: 23px;

	float: left;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

}



.services-section-boxes {

	float: left;

	width: 270px;

	padding: 20px 20px 30px 20px;

	margin-right: 35px;

	background-color: #f9f9f9;

	border-top: 1px solid #eee;

	border-bottom: 1px solid #eee;

	text-align: center;

}

.services-section-boxes img {

	border: 7px solid #fff;

	margin: 5px 0 15px 0;

	width: 95%;

	height: 95%;

}

.services-section-boxes.last {

	margin-right: 0;

	padding: 20px 20px 30px 20px;

}



.left-border-box {

	background-color: #f9f9f9;

	border-left: 5px solid #00a6b3;

	padding: 15px 20px;

	margin: 0px;

	float: left;

	width: 955px;

	font-family: 'Oswald', sans-serif;

	font-weight: normal;

	text-align: left;

}





ul.sideimg-list {

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 100%;

}

ul.sideimg-list img {

	float: left;

	display: block;

	margin-right: 23px;

}

.sideimg-list li {

	margin: 0px 40px 0px 0px;

	padding: 5px 0px 25px 0px;

	list-style-type: none;

	float: left;

	/*max-width: 220px;*/

	text-align: left;

}

.sideimg-list li a {

	font-size: 14px;

	color: #3c3c3c;

}

.sideimg-list li a:hover {

	font-size: 14px;

	color: #00a6b3;

}

.sideimg-list li.sideimg-list.last {

	margin: 0px 0px 0px 0px;

}





/*------------------*/

/*	RIGHT SIDE BAR AREA

/*------------------------------------------------------*/

#content .content_right_sidebar {

	float: left;

	width: 280px;

	margin: 5px 0px 30px 0;

	padding: 0 0 0px 0px;

}

#content .content_right_sidebar h2 {

	padding: 9px 0px 0px 18px;

	margin: 0px 0px 30px 0px;

	color: #1c1c1a;

	font-size: 18px;

	background: #f3f3f3 url(../images/sidebar-title-arrow.jpg) no-repeat left top;

	min-height: 32px;

}

























/* recent tweets section */



.twtr-widget {

	float: left;

	width: 240px;

	margin: -28px 0px 0 0px;

	padding: 5px 0px 5px 20px;

	background-color: #f9f9f9;

	overflow: hidden;

	border-right: 20px solid #f9f9f9;

}

.twtr-hd { display: none;

	/*** cross browser rgba ***/

	background-color: transparent;

	background-color: rgba(255,255,255,0.3);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff)";

}

.twtr-bd {}

.twtr-widget .twtr-bd .twtr-tweet {

	margin: 0px 0 0 -13px;

	padding: 10px 0 15px 5px;

	border-bottom: 1px solid #eee;

}

.twtr-tweet:before {

	display: block;

	float: left;

	margin: -5px 0 0 0px;

	font-size: 50px; /* let's make it a big quote! */

	content: "";

	color: #bababa;

}

.twtr-ft { display: none; }







/* scroll up */

.scrollup{

    width:40px;

    height:40px;

    opacity:1;

    position:fixed;

    bottom:30px;

    right:20px;

    display:none;

    text-indent:-9999px; z-index:999;

    background: url(../images/scroll-top-arrow.png) no-repeat left top;

}





/* #Clearing

================================================== */





    /* 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; }

    .row,

    .clearfix {

      zoom: 1; }



    /* You can also use a <br class="clear" /> to clear columns */

    .clear {

      clear: both;

      display: block;

      overflow: hidden;

      visibility: hidden;

      width: 0;

      height: 0;

    }

/* #New Classes

================================================== */



.two_one .leftbox img{ width:auto; }



.maintext{font-family:'Didact Gothic', sans-serif; font-weight:bold;}

.vission_banner{font-size:24px; color:#9aff98;font-family:'Didact Gothic', sans-serif; font-weight:700; }

.bannervision { text-transform:lowercase; font-family:'Didact Gothic', sans-serif; font-weight:500; font-size:21px;   }



#access .menu{ float:left; }



.two_one.topleft{width: 10.5%;}

.two_third.topright{width: 85%;}

/*#access .menu ul li.toparrow{background:url(../images/toparrow.png) no-repeat top right; margin-right:18px;}*/

.topinfo {background:#e6eff5; list-style: none; font-weight: normal; position: absolute; top:65px; font-family: 'Oswald', sans-serif;

	font-weight: 400; width:100%; font-size:16px; padding:0px; min-height:80px; width: 650px !important;
    left: 353px !important; }

	

/*.topinfo .buttonRightFixed{ position:absolute; right:0px; }*/

	

.topinfo .topinfoFixedWidth{ /*width:980px;*/ float:left; margin-top: 18px; }

.topinfo .one_fourth{ width:136px; height:100%; margin: -11px 4px -8px 74px; box-sizing:border-box; }

.topinfo .two_one.large{ /*width:510px;*/ padding-left:25px; margin-right: 0px; }

.topinfo .two_one.small{ width:auto;}



/* language Css*/



.topinfo .two_one.language, .headbot .language{ width:auto;}

.topinfo .two_one.language span, .headbot .language span{ float:none; font-weight: 500; color:#696969; }

.topinfo .two_one .goog-te-gadget-icon, .headbot .goog-te-gadget-icon{background-image:none !important; display:none;}

.topinfo .goog-te-gadget-simple, .headbot .goog-te-gadget-simple{ width:140px; margin-top:26px; background-color: #fff; padding: 4px 0px 4px 10px;

	border-top: 2px solid #e1e1e1; border-left: 2px solid #e1e1e1; border-right: 1px solid #e1e1e1;	border-bottom: 1px solid #e1e1e1;

	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 25px; text-transform: uppercase; font-family:'Oswald', sans-serif;  }

.goog-te-gadget-simple a.goog-te-menu-value span:first-child{width:94px; display: inline-block; /*float:left;*/ margin:1px 0 0 0; padding:0px;}

.topinfo .topinfoFixedWidth .two_one.large {width: 40.5%;}

/*.goog-te-menu2 {

    color: #0000cc;

    background: #ffffff;

    width: 140px;

}



.goog-te-menu2-item div, .goog-te-menu2-item:link div, .goog-te-menu2-item:visited div, .goog-te-menu2-item:active div{width:100px !important}*/



/*.goog-te-gadget-simple a.goog-te-menu-value span:first-child{width:100px; display: block; float:left;}*/





/* language Css Close*/

	

	

.topinfo .two_one span{ margin-top:9px; float:left; margin-right:5%; font-family: 'Oswald', sans-serif; font-weight: 300;}

.topinfo .two_one .leftbox{ border-right:1px #fff solid; height:100%; margin:0px; }

.topinfo .two_one span.telephone{ margin-top:-6px; }

.topinfo .two_one span.buttonFromTop{ margin-top:26px; }

.topinfo .two_one .iconTopInfo{ float:left; margin:-19px; margin-top:0px; }

.topinfo .button, .button.download{ text-shadow:0 0px 0px rgba(0, 0, 0, 0.6) !important;  background-color:#009639; color: #fff; font-size:13px; padding:0px 10px; letter-spacing:0px;

    line-height: 36px !important; border-radius:5px; border:none; margin-left:0px; height:36px; } 

.site_features_main a{color:#222222;}



#access .menu > ul > li:first-child a{ padding-left:0; }

.site_features_main li a img{ max-width:100%;}



.responsivMenuButton{ display:none; }





span.cap{text-transform:capitalize;}



.about_section { padding: 0px 0 50px; margin: 70px 0; background: #e6eff5; display:block; float:left; width:100%; }

.vision {font-family: "Open Sans",sans-serif; font-weight: bold; }

.bottommar{margin-bottom:30px;}

a.site_button.gary {background-color: #eeeeee; border-bottom: 2px solid #e0e0e0;}

.rightmar{margin-right:20px;}

.rightmarlast{margin-right:54px;}

.footerscroll { padding:30px 0 ; margin:0; background:#e6eff5; display:block; float:left; width:100%; border-top:2px solid #cedce5; }

.footericon { padding:20px 0 ; margin:0; display:block; float:left; width:100%;  }

.social_icon { display: block; float:left; margin-right:4px; width: 33px; height: 33px; background-repeat: no-repeat; transition: background-position .3s ease;

	-moz-transition: background-position .3s ease; 	-webkit-transition: background-position .3s ease; 	-o-transition: background-position .3s ease; 

}

a.social_icon:hover { transition: background-position .3s ease; -moz-transition: background-position .3s ease; -webkit-transition: background-position .3s ease;

	-o-transition: background-position .3s ease; background-position: 0 -33px; text-decoration: none;}

.social_icon.linkedin {	background-image: url('../images/social/linkedin.png'); }

.social_icon.whatsapp {	background-image: url('../images/social/whatsapp.png'); }

.social_icon.facebook { background-image: url('../images/social/facebook.png'); }

.social_icon.youtube { background-image: url('../images/social/youtube.png'); }

.one_fourth.footerleft { width: 36%; }

.one_fourth.footerright { width: 17%; }

.footertitle {font-size:19px; text-transform:uppercase;}

.copyright {font-size:13px; text-transform:uppercase; color:#444444; text-align:center; display:block;}





/*Slider Arrow*/

.jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal{ left:-15px; bottom:40%; background:url(../images/social/leftarrow.png) no-repeat left top; width:15px; height:39px;  }

.jcarousel-skin-tango.bigArrowSlider .jcarousel-prev-horizontal:hover{ left:-15px; bottom:40%; background:url(../images/social/leftarrow.png) no-repeat left top; width:15px; height:39px;}

.jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal{ left:inherit; bottom:40%; right:-15px; background:url(../images/social/rightarrow.png) no-repeat left top; width:15px; height:39px;  }

.jcarousel-skin-tango.bigArrowSlider .jcarousel-next-horizontal:hover{ left:inherit; bottom:40%; right:-15px; background:url(../images/social/rightarrow.png) no-repeat left top; width:15px; height:39px;  }



/*Slider Arrow Footer*/

.jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-prev-horizontal{  background:url(../images/social/leftarrowclient.png) no-repeat left top; width:11px; height:21px;  }

.jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-prev-horizontal:hover{  background:url(../images/social/leftarrowclient.png) no-repeat left top; width:11px; height:21px;}

.jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-next-horizontal{  background:url(../images/social/rightarrowclient.png) no-repeat left top; width:11px; height:21px;  }

.jcarousel-skin-tango.bigArrowSlider.smallArrowSlider .jcarousel-next-horizontal:hover{ background:url(../images/social/rightarrowclient.png) no-repeat left top; width:11px; height:21px;  }



.jcarousel-skin-tango.smallArrowSlider .jcarousel-container-horizontal { min-height:91px; height:91px; }

.jcarousel-skin-tango.smallArrowSlider .jcarousel-clip-horizontal{ min-height:91px; height:91px; }

.jcarousel-skin-tango.smallArrowSlider .jcarousel-item-horizontal{ width:auto; min-width:100px !important; margin-left:20px; margin-right:20px; background:none !important; border:0px !important; }



.marquee0 img{ margin:0 20px; }



.footerscroll h1.fixedTop{ width:150px; margin:-32px auto 30px; line-height:inherit; padding:0px; text-align:center; background:#0079d0; font-size:14px; color:#fff; }







/*Inner page*/



ul.leftInner li a{background: url(../images/arrowLeIn.png) no-repeat 16px 15px !important; padding: 7px 0px 7px 30px; font-weight:normal; border-color:#f6f6f6; }

ul.leftInner li:hover > a,ul.leftInner li.active > a{background: #009639 url(../images/arrowLeIn_white.png) no-repeat 16px 15px !important; padding: 7px 0px 7px 30px; font-weight:normal; color:#fff; }



ul.leftInnerSub li a{background: url(../images/arrowLeInSub.png) no-repeat 30px 15px !important; padding: 7px 0px 7px 46px; font-weight:normal  }

ul.leftInnerSub li a:hover,ul.leftInnerSub li a.active{background: #009639 url(../images/arrowLeInSub_white.png) no-repeat 30px 15px !important; padding: 7px 0px 7px 46px; font-weight:normal }



#content .content_left.right p{ padding:10px 0;}



ul.arrows-list-two.listfull{width:100%; padding-bottom: 5px;}



.topSpace{ position:relative; top:20px;  }



.light{ color:#7f7f7f; font-style:italic; padding-left: 7px;  }





.contactPerson {padding: 0px; margin: 20px 22px 5px 0px; float: left; width:auto; }



.contactPerson:last-child  {padding: 0px; margin: 20px 0px 0px 0px; float: left; width:auto; }



.contactPerson ul.personInfo {padding:0px ; margin:0px 20px 0px 0px;  }



.contactPerson .personInfo li{	padding: 0px 0px 0px 22px; margin: 0px; line-height: 20px; list-style-type: none;font-style: normal;

}



.contactPerson .personInfo li.icon1 { margin:5px 0px 5px 0; list-style-type: none; background: url(../images/social/mobile.png) no-repeat left 5px;

}

.contactPerson .personInfo li.icon2 { margin: 0px; list-style-type: none; background: url(../images/social/email.png) no-repeat left 5px;

}



.number-info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding:20px 20px; width:auto;   }



.submitButton{margin-top:10px; background:#009639 !important; line-height:20px !important; height:auto !important; letter-spacing:inherit !important; }

.submitButton:hover{background:#0079d0 !important; }



.location{ float:left; margin:-5px 10px 0 0; }



.flag{ margin:0px 0px 0 10px; float:inherit; clear:both; }



.dealer-info {float: left; background-color: #f9f9f9; border: 1px solid #e1e1e1; padding:20px 20px; max-width:285px; margin-top:0px;  }



ul.sitemap1, ul.sitemap2, ul.sitemap3, ul.sitemap4 {

	list-style-type:none;

	margin:0px 0px 20px 0px;

	padding: 0px;

	

}

ul.sitemap1 li,ul.sitemap2 li,ul.sitemap3 li,ul.sitemap4 li{

	padding-left: 18px;

	margin: 3px 0;

}

ul.sitemap1 li {

	background:url(../images/arrow-02.png) no-repeat left 7px; font-weight:bold; padding-left:14px;

}

ul.sitemap2 li {

	background:url(../images/arrow-05.jpg) no-repeat 5px 7px; font-weight:normal; padding-left: 18px;

}

ul.sitemap3 li {

	background:url(../images/arrowLeIn.png) no-repeat left 7px; font-weight:normal; padding-left: 18px;

}

ul.sitemap4 li {

	background:url(../images/arrowLeInSub.png) no-repeat left 7px; font-weight:normal; padding-left: 18px;

}



.contactPersonSitemap{margin:0px 0px 5px 0}

.contactPersonSitemap:last-child{margin:0px 0px 5px 0}



/*Light Box Self*/

.fullBgHide{ position:fixed; height:100%; width:100%; background:rgba(0,0,0,0.5); left:0; top:0px; z-index:99999; display:none; }

.downLoadPopUp{ width:100%; max-width:500px; background:#fff; padding:10px; margin:auto; border:5px #006625 solid; z-index:999999; position:relative; display:none; max-height:400px; position:absolute; top:0; bottom:0; left:0; right:0;}

.downLoadPopUp .closePopUp{ background: #fff; border: 2px solid #333;  border-radius: 50%; float: right; height: 18px;  line-height: normal; margin: -25px -25px 0 0; padding: 5px; text-align: center; width: 18px; font-weight:bold; }

.mainbox{width:90%; padding:5%;}

.checkBoxSec{ width:50%;}

.checkBoxSec input[type=checkbox]{ width: 28px; margin:5px 0px 0 0; padding:0;   }







.input90{width:95%}

.downloadBtn{text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6) !important; background:#009639 !important; font-size: 12px !important;

padding: 0px 10px !important; letter-spacing: 0px !important; line-height: 30px !important; border-radius: 5px; border: none; margin-top:20px !important;}







.ddsmoothmenu{

font: bold 12px Verdana;

background: #414141; /*background of menu bar (default state)*/

width: 100%;

display: none;

}



.ddsmoothmenu ul{

z-index:100;

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

position: relative;

display: inline;

float: left;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a{

display: block;

background: #414141; /*background of menu items (default state)*/

color: white;

padding: 8px 10px;

border-right: 1px solid #778;

color: #2d2b2b;

text-decoration: none;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{

color: white;

}



.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

background: black !important; 

color: white;

}



.ddsmoothmenu ul li a:hover{

background: black; /*background of menu items during onmouseover (hover state)*/



color: white;

}

	

/* sub menus */

.ddsmoothmenu ul li ul{

position: absolute;

left: -3000px;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

}



/*Sub level menu list items (alters style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

font: normal 13px Verdana;

width: 160px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray;

}



/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/





/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 2px;

right: 7px;

}





.rightarrowclass{

position: absolute;

top: 20px;

right: 5px;

}



.leftarrowclass{

margin-right: 5px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{ 

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */

}



.toplevelshadow{

margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */

opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */

}



.ddcss3support .ddshadow.toplevelshadow {

margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */

/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */

}



.ddcss3support .ddshadow {

background-color: transparent;

box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */

-moz-box-shadow: 5px 5px 5px #aaa;

-webkit-box-shadow: 5px 5px 5px #aaa;

}



/* ######### Mobile menu container CSS ######### */



div.ddsmoothmobile{ /* main mobile menu container */

background: #414141;

color: white;

position: fixed;

top: 0;

left: 0;

width: 200px; /* width of mobile menu */

height: 300px;

overflow: hidden;

visibility: hidden;

border-radius: 0 0 10px 0;

box-shadow: 0 0 10px gray;

}



div.ddsmoothmobile a{

color: white;

text-decoration: none;

}



div.ddsmoothmobile div.topulsdiv{ /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */

position: relative;

background: #414141;

overflow-y: auto;

width: 100%;

height: 100%;

}





div.ddsmoothmobile ul{ /* style for all ULs in general inside mobile menu */

list-style: none;

width: 100%;

top: 0;

left: 0;

background: #414141;

margin: 0;

padding: 0;

}



div.ddsmoothmobile div.topulsdiv ul.submenu{ /* top level ULs style */

}





div.ddsmoothmobile ul.submenu{ /* sub level ULs style */

position: absolute;

height: 100%;

overflow-y: auto;

}



div.ddsmoothmobile ul li{

border-bottom: 1px solid gray;

position: relative;

font-weight: bold;

}



div.ddsmoothmobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */

cursor: pointer;

padding: 10px;

background: black;

}



div.ddsmoothmobile ul li a{

display: block;

padding: 6px;

}



div.ddsmoothmobile ul li:hover > a, div.ddsmoothmobile ul li.active > a{

background: black;

}





/* ############# Animated Drawer icon (mobile menu toggler) CSS ############# */



.menuButton{ background: #0079d0; padding:5px; float:right; margin:10px 10px 0 0; height:20px; width:20px; position:relative; display:none; } 



.animateddrawer{

	font-size: 10px; /* Base font size. Adjust this value to modify size of drawer icon */

  width: 20px; 

  height: 16px; 

  outline: none;

	position: absolute; /* BY default, make toggler fixed on screen */

	display: none;

	top: 7px; /* Position at upper right corner */

	right: 5px;

	/*background: #0079d0;*/

	z-index: 1000;

}



.animateddrawer:before, .animateddrawer:after{

  position: absolute;

  content: '';

  display: block;

  width: 100%;

  height: 2px; /* height of top and bottom drawer line */

  background: #fff;

  border-radius: 2px;

  top: 0;

  left: 0;

  opacity: 1;

  -webkit-transition: all 0.3s ease-in; /* set transition type and time */

  transition: all 0.3s ease-in; 

}



.animateddrawer:after{

  top: auto;

  bottom: 0;

}



.animateddrawer span{

  width: 100%;

  height: 2px; /* height of middle drawer line */

  background: #fff;

  position: absolute;

  top: 60%;

  margin-top: -3px; /* set this to - half of middle drawer line height */

  border-radius: 2px;

  -ms-transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */

  transition: all 0.3s ease-in 0.3s;

}



.animateddrawer span::after{

  content: '';

  display: block;

  width: 100%;

  height:2px; /* height of middle drawer line */

  background: #fff;

  border-radius: 2px;

  position: absolute;

  -ms-transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */

  transition: all 0.3s ease-in 0.3s;

}



.animateddrawer.open{

}



.animateddrawer.open:before{ /* style when .open class is added to button */

  top: 50%;

  margin-top: -0.3em; /* set this to - half of top drawer line height */

  opacity: 0;

}



.animateddrawer.open:after{ /* style when .open class is added to button */

  bottom: 50%;

  opacity: 0;

}



.animateddrawer.open span{ /* style when .open class is added to button */

  -ms-transform: rotate(-45deg);

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.animateddrawer.open span:after{ /* style when .open class is added to button */

  -ms-transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);

  transform: rotate(-90deg);

}







/*newwcss*/

.freash_works_gallery .jcarousel-prev, .freash_works_gallery .jcarousel-next{ display:none !important;}

.img-right{ margin:0 0 20px 20px; max-width:100%;}



.col-left {float: left;width: 48%;}



.doorimgbox {

    border-radius: 10px;

    display: inline-block;

    margin: 0 10px;

    width: 30%;

}

.doorimgbox > img {

    max-width: 100%; border:1px solid #ddd; border-radius:10px;

}



.greentitle{ color:#009639;}

.doorsmall_photos{}

.doorsmall_photos ul{ margin:0; padding:0;}

.doorsmall_photos ul li{ margin:0 5px 10px; padding:0; display:inline-block; width:23%;}

.doorsmall_photos ul li img{ max-width:100%; border:1px solid #ddd; border-radius:10px;}



.jcarousel-skin-tango .jcarousel-clip{ overflow:visible !important;}

.tp-caption.button1-s a:hover{ color:#fff;}



.hdbrand {margin: 0;border-right: 1px solid #fff;}

.hdbrand > li {display: inline-block;margin: 0 15px;vertical-align: top;}

.imgleft{margin:0 20px 10px 0;}

.imgright{ margin:0 0 10px 20px;}



.button.submitButton{ border:none;}



.job_career{ text-align:left; margin:10px 0px 30px 0; background:#ebebeb; padding:40px; border:1px solid #ddd; border-radius:2px;}

.job_career h2{ color:#0079d0; margin:0 0 20px;}

.job_career h4{ line-height:normal; margin:0 0 0px; font-size:14px;}



.upresume{ background: #0079d0 none repeat scroll 0 0 !important;

    height: auto !important;

    letter-spacing: inherit !important;

    line-height: 20px !important;

    margin-top: 10px; border:none; vertical-align:top;}

	

.aplyjob .span-6{ width:48%; display:inline-block; margin-right:10px;}

.aplyjob .span-2{ display:inline-block; vertical-align:top;}	

.aplyjob .span-2 .srchjob{ background:none; border:none; outline:none; padding:6px 10px; background:#0079d0; line-height:normal;}

.aplyjob .span-6 .input_bg{ width:98%; background:#fff; height:32px;}

.aplyjob textarea.input_bg{ min-height:100px; width:97% !important; margin:0 0 10px; background:#fff;}



/*.upresumefile input[type="file"]{ position:absolute;

    top:0;

    right:0;

    min-width:100%;

    min-height:100%;

    font-size:999px;

    text-align:right;

    filter:alpha(opacity=0);

    opacity:0;

    cursor:inherit;

    display:block; cursor:pointer;}*/

.upresumefile{ position:relative; overflow:hidden;}	

/*.upresumefile span{ color:#333333; font-size:14px; cursor:pointer; background:url(../images/resume-document.png) left 2px no-repeat; padding-left:22px;}

.upresumefile span:hover, .upresumefile input[type="file"]:hover{ color:#004fa6; font-weight:bold;}	 */



body .bannercontainer{ background-size:cover; box-shadow: inset 0 0 0 2000px rgb(18 16 29 / 53%);}



.bannercontainer .tp-caption.button1-s a{ background:transparent url("../images/slider/arrow-1_white.png") no-repeat scroll right 15px; border-color:#fff; }

.bannercontainer .tp-caption.button1-s a:hover{ background:#ffffff url("../images/slider/arrow-1_white_hvr.png") no-repeat scroll right 15px; color:#222222;)}





.job_career .submitButton{ background:#009639 !important;}

.job_career .submitButton:hover{ background:#0079d0 !important;}

.job_career h2.underline{ border-color:#0079d0;}







.attachfile{ position:relative;}

.attachfile input[type="file"]{ position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent; cursor:pointer;}





.attachfile .attchfilelink {

    background:url(../images/resume-document.png) left 2px no-repeat; padding-left:22px;

    border-radius: 4px;

    color: #333;

    display: inline-block;

    padding:0px 25px; font-size:14px; cursor:pointer;

}



.sidebars-navigation-list > li.active {border:1px solid #27af5b;}



.sidebars-navigation-list li.active > a{ background:#f3f3f3 url("../images/arrow-05.jpg") no-repeat scroll 16px 15px; color:#222222; }







.sidebars-navigation-list li.active ul li.active a {

    background: #27af5b url("../images/arrowLeIn_white.png") no-repeat scroll 16px 15px !important;

    color: #fff; 

}

.certificate {float: right;	width: 176px; height: auto; padding:10px; background: #e6eff5; text-align: center; margin:0 0 20px 20px; }



.button .dclink { color:#585656; border: none !important; font-family: 'Oswald', sans-serif; font-weight: normal;

	text-transform: uppercase;



	

}



.textlinehight{line-height:20px;}

.homeaboutsec{margin-top:0px !important;}

.rsBanner {background: #1c3681;  padding: 20px; margin-top: 30px; margin-bottom:30px; display: block; float:left;}
.rsBanner img{max-width:100%; }
.rsBanner span {display: inline-block; width: 32%; vertical-align: top; margin-left: 30px; color: #dbdbd9; font-family: 'Open Sans', sans-serif;
    font-weight: 600; font-size: 14px; }
.rsBanner p{display:block; color: #FF0; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px;  }
a.site_button.rsBtn {margin-top: 10px; background-color: #ed1c22; border-bottom: 2px solid #540103; color: #fff; font-size: 16px;}
a.site_button.rsBtn:hover {margin-top: 10px; background-color: #b71519; border-bottom: 2px solid #152456; color: #fff;}







/*padycss*/



.mobileview{ display:none !important;}

.desktopview{ display:block !important;}



.img-responsive{ max-width:100%;}









nav#access{ display:none;}







/*Css_js_responsive_menu*/

#cssmenu .button {display: none;}



nav#cssmenu{position:relative;margin:20px auto 0;}

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

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

#cssmenu #head-mobile{display:none}

#cssmenu{font-family:'Oswald', sans-serif;}

#cssmenu > ul > li{float:left}

#cssmenu > ul > li > a{display: inline-block;

text-decoration: none;

font-size: 16px;

line-height: 1;

color: #222222;

margin: 0;

text-transform: uppercase;

padding:10px 13px 10px 13px;

text-align: left;}

#cssmenu > ul {margin: 0;}



#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #fff; /*background:#0079d0;*/ background:#333333;}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-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:''; display:none;}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:12px;right:14px;display:block;width:12px;height:16px;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background: url(../images/toparrow.png) no-repeat; background-size:10px;}

#cssmenu > ul > li.has-sub:hover > a:before{position:absolute;top:12px !important;right:14px;display:block;width:12px;height:16px !important;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; background: url(../images/toparrow_hover.html) no-repeat; background-size:10px;}



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





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

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

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

#cssmenu ul ul li:hover{}

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

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

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

#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:8px 15px; line-height:normal; width:200px;font-size:14px;text-decoration:none;color:#fff;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:#009837;}

#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:1024px){



nav#cssmenu{width:100%;}

#cssmenu{width:100%}

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

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

#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:#ececec!important;}

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

/*#cssmenu ul ul li:hover a{ color:#333 !important;}*/

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

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

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

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

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

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

#cssmenu .button{width:25px;height:25px;position:absolute;right:10px;top:0;cursor:pointer;z-index: 12399994; display:block;}

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

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

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

#cssmenu .button.menu-opened:before{top:18px;background:#ddd;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 #999;height:36px;width:46px;cursor:pointer}

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

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

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#999;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:#999;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}

}