@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic|Open+Sans+Condensed:300,300italic,700);

/* reset */

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

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

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

blockquote,q{quotes:none;}

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

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

/* start editing from here */

a{text-decoration:none;}

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

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

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

.float-rt{float:right;}/* float right */

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

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

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

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

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

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

.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */

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

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

img{max-width:100%;}

/*end reset*/

body{

	font-family: 'Open Sans',Arial, Helvetica, sans-serif;

	background:#fff;

}

.wrap{

	width:80%;

	margin:0 auto;
	/*-moz-transition:all .2s linear;

	-webkit-transition:all .2s linear; 

	-o-transition:all .2s linear; 

	-ms-transition:all .2s linear;*/

	padding-bottom:10px;

	/*-webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d;*/
}

.header{

	background:#FF7E2D;

}

.siteTitle {

	float:left;

	padding-top: 10px;

	height:70px;

}

.siteTitle p{

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  font-family: 'Open Sans Condensed', sans-serif;

	font-weight:700;

	font-size:36px;

	text-transform:uppercase;

	color:#f5f5f5;

	line-height:34px;

}

/*--menu--*/

.cssmenu{

	float:right;

	padding-top: 6px;

}

.cssmenu ul li {

	display: inline-block;

}

.cssmenu ul li a {

	color: #fff;

	display: block;

	padding: 10px 0px;

	font-size: 1em;

	font-family: 'Open Sans Condensed', sans-serif;

	text-transform: uppercase;

	margin: 5px;

	font-weight:700;

}

.cssmenu li.active> a, .cssmenu li.active> a:hover, .cssmenu li> a:hover {

	color:#fff;

	/*background:#FF7E2D;*/

	border-bottom:solid 3px #fff;

	-webkit-transition: all 0.1s;

	-moz-transition: all 0.1s;

	-o-transition: all 0.1s;

	transition: all 0.1s;

}

.cssmenu li> a:hover {

	color:#000;

	border: none;

}

.cssmenu li.loginbutton> a {

	color:#fff;

	background:#000;

	padding:10px;

}

.cssmenu li.loginbutton> a:hover {

	color:#FF7E2D;

	border-bottom:none;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.slicknav_menu {

	display:none;

}



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

	.js #menu {

		display:none;

	}

	

	.js .slicknav_menu {

		display:block;

	}

}

/**** Slider *****/

.index-banner{

	background:url('/assets/_site_/images/home-page-slides/banner.jpg') no-repeat;
	background-size: cover;
	padding:10px 0;

}

.banner-wrap{

	width: 80%;

	margin: 0 auto;

}

.wmuSlider {

	position: relative;

	overflow: hidden;

	padding-bottom: 50px;

}

.wmuSlider .wmuSliderWrapper article {

	position: relative;

	/*text-align: center;*/

}

.wmuSlider .wmuSliderWrapper article img {

	max-width: 100%;

	width: auto;

	height: auto;

	display:block;

	margin:0 auto;

}

.wmuGallery .wmuGalleryImage {

	position: relative;

	text-align: center;

}

.wmuGallery .wmuGalleryImage img {

	max-width: 100%;

	width: auto;

	height: auto;

}

/* Default Skin */

.wmuGallery .wmuGalleryImage {

	margin-bottom: 10px;

}

.wmuSliderPrev, .wmuSliderNext {

	position: absolute;

	width: 46px;

	height: 100px;

	text-indent: -9999px;

	background:url(../images/img-sprite.png)no-repeat;

	top:40%;

	z-index: 2;

	cursor: pointer;

}

.wmuSliderPrev {

	background-position: -15px -20px;

	left: 0px;

}

.wmuSliderNext {

	background-position: -52px -10px;

	right: 0px;

}

.btn {

	margin: 30px 60px 0;

	border: none;

	font-family: inherit;

	color:#fff;

	background: none;

	cursor: pointer;

	padding:10px 30px;

	display: inline-block;

	border-bottom: 3px solid #FF7E2D;

	letter-spacing: 1px;

	outline: none;

	float:right;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.btn1 {

	margin:30px 0;

	border: none;

	font-family: inherit;

	color:#fff;

	background: none;

	cursor: pointer;

	padding:8px 20px;

	display: inline-block;

	border-bottom: 3px solid #FF7E2D;

	letter-spacing: 1px;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}

.btn-8 {

	display: block;

	background: #000;

	font-size:0.99em;

	font-family: "Open Sans",Arial, Helvetica, sans-serif;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.btn-8b:hover {

	background:#222;

}

.btn-8 a{

	color: #fff;

}

.slider-left{

	float: left;

	padding-top:5%;

	width: 65%;

}

.slider-left h3{

	font-size:2.6em;

	color:#fff;

	/*background:#FF7E2D;*/

	font-family: "Open Sans Condensed";

	margin-bottom:10px;

	font-weight:600;

	float:left;

	padding:0px 10px;

	clear:both;

	float:none;

}

/*.slider-left h4{

	font-size:3em;

	color:#fff;

	background:#FF7E2D;

	font-family: "Open Sans";

	text-transform:uppercase;

	font-weight:300;

	margin-bottom:10px;

	padding:0px 10px;

	width:100%;

	clear:both;

	float:none;

	}*/

.slider-right{

	width:35%;

	float:left;

	padding-top: 20px;

}

p.top{

	color:#fff;

	font-size:1em;

	line-height:1.4em;

	font-family: "Open Sans";

	background:rgba(33,33,33, 0.8);

	text-align:left;

	padding:5px 10px;

	clear:both;

	margin-bottom:1px;

	font-weight: 300;

}

p.middle{

	color:#fff;

	font-size:1em;

	line-height:1em;

	font-family: "Open Sans";

	background:#414146;

	text-align:left;

	padding:5px 10px;

	width:64%;

	margin-bottom:1px;

	font-weight: 300;

}

p.bottom{

	color:#fff;

	font-size:1em;

	line-height:1em;

	font-family: "Open Sans";

	background:#414146;

	text-align:left;

	padding:5px 10px;

	width:56%;

	font-weight: 300;

}

.wmuSliderPagination {

	z-index: 2;

	position: absolute;

	left:50%;

	bottom: 10px;

}

.wmuSliderPagination li {

	float: left;

	margin: 0 2px 0 0;

	list-style-type: none;

}

.wmuSliderPagination a {

	display: block;

	text-indent: -9999px;

	width:24px;

	height:24px;

	background: url(../images/img-sprite.png)no-repeat -126px -15px;

}

.wmuSliderPagination a.wmuActive {

	background: url(../images/img-sprite.png)no-repeat -156px -15px;

}

/*--content--*/

.main{

	background:#f6f6f6;

}

.content-top, .content {

	padding:2% 0;

}

.content h2 {

	font-family: 'Open Sans', Arial, Helvetica;

	font-weight: 700;

	font-size: 1.5em;

	margin: 30px 0 30px 0;

}

.content h3 {

	font-family: 'Open Sans', Arial, Helvetica;

	font-weight: 700;

	font-size: 1.2em;

	margin: 20px 0 10px 0;

}
.content p, .content li {
	font-family: 'Open Sans', Arial, Helvetica;
	font-size: 0.95em;
	line-height: 1.4em;
	margin: 10px 0 10px 0;

}
.content p a:link, .content p a:active {
	text-decoration: none;
	color: #FF7E2D;
}
.content p a:hover {
color:#000;
}
.content p.pintro {
color:#ff7e2d;
font-family: 'Open Sans', Arial, Helvetica;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 10px 0 40px 0;
	font-weight: 300;
}
.contentbtn { 
	font-family: 'Open Sans', Arial, Helvetica;
	padding:10px 15px;
	font-size: 1em;
	float: left;
	display: block;
	background-color: #000;
	border-bottom:solid 2px #ff7e2d;
	color:#fff;
	font-weight: 600;
	margin:10px 0 0 0;
}
.contentbtn:hover {
	background-color: #ff7e2d;
	color:#000;
}
.picleft {
	float:left;
	margin-right: 20px;	
}
.picright {
	float:right;
	margin-left: 20px;	
}
strong {

	font-weight: 700;

}

.content ul {

	list-style: square;

	margin: 0 0 0 20px;

}
.content ol {
	list-style-type:lower-alpha;
	margin: 0 0 0 20px;
}
.specialpoint {
	padding:10px;
	background-color: #e5e5e5;
	color: #666;
	font-size: 0.95em;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.specialpoint i {
font-size: 30px;
margin-bottom: 4px;
margin-right: 5px;
float: left;
color: #ff7e2d;
}
.patterndivider {
	background: url(../images/noisy_grid.png);
	height:60px;
	margin: 60px 0 60px 0;
}
.linedivider {
	height:2px;
	margin: 20px 0 20px 0;
	background:#ccc;
	clear: both;
}
.notetext {
	font-size: 0.8em;
	font-weight: 700;
}
.bigicon {
color:#ff7e2d;
float:left;
font-size: 60px;
margin-right: 20px;
margin-bottom: 20px;
}
.stepbox {
	border:2px solid #ccc;
	padding:20px;
	float: left;
	width:45%;
	margin:0 0 0 1%;
}
.nomarginleft {
	margin-left: 0;
}
.stepbox span {
	font-size: 50px;
	font-weight: 300;
	color:#ff7e2d;
	display: block;
	float:left;
}
.stepbox p {
	margin-left:60px;
	font-size: 1.2em;
}
.content-top h3{

	text-align:center;

	font-size:2em;

	color:#424147;

	font-weight:300;

	font-family: "Open Sans";

	text-transform: uppercase;

	margin-bottom:10px;

}

.content-top h5{

	text-align:center;

	font-size:1.2em;

	color: #424147;

	font-weight:700;

	margin-bottom:20px;

}

.col_1_of_4{
	display: block;
	float:left;
	margin:0% 0 0% 3.6%;
}
.css-content-body .col_1_of_4 {
	display: block;
	float:left;
	margin:0% 0 0% 0.5%;
}
a.homefeat {

	background: #ebebeb;

	color: #333;

}

.featicon {

 color:#FF7E2D;

 font-size: 6em;

 text-align: center;

 padding:50px;

}

.featicon:hover, a.homefeat:hover .featicon {

  color:#fff;

}

a.homefeat:hover {

	background:#FF7E2D; 

	color: #333;

}

.col_1_of_4:first-child, .css-content-body .col_1_of_4:first-child { margin-left: 0; } 

.span_1_of_4 {
	width: 22.3%;
}
.css-content-body .span_1_of_4 {
	width: 24%;
}
.span_1_of_first {

	width: 22.3%;

}

.span_1_of_first img{

	display:block;

}

.span_1_of_4  p {

	font-size:0.8125em;

	color: #333;

	line-height: 1.5em;

}

.desc{

	background:#FF7E2D;

	padding: 15px;

	min-height: 30px;

}

.desc h4{

	color: #EEE;

	font-size: 1.5em;

	text-transform: uppercase;

}

.desc h4 span{

	float:right;

	font-size:12px;

	text-transform:lowercase;

}

span.small{

	color:#FF7E2D;

}

.grid1{

	text-align:center;

	padding: 26px 0px 10px 0px;

}

.grid1 img{

	padding: 23px 0;

}

.grid1 h4{

	color:#5C5401;

	text-transform:uppercase;

	font-size:1.5em;

}

.desc p{

	color: #FFF;

	font-family: "Open Sans";

	font-weight: 600;

	font-size: 0.8999em;

	line-height: 1.2em;

	text-align: center;

	text-transform: uppercase;

}
.levelcolour {
	padding: 4px;
	background-color: #ccc;
}
.tableheading {
	font-weight: 700;
	background-color: #FF7E2D;
	color: #fff;
	border-bottom: 2px solid #ffffff;
	padding: 8px;
}
.tableinfo {
    background-color: #f0f0f0;
    border-bottom: 1px solid #333;
    font-size:0.95em;
    padding: 8px;
}
.stickies i {
	color:#FF7E2D;
	font-size: 20px;
}
/*--content-middle--*/

.content-middle{

	padding-bottom:3%;

}

.content-middle h2{

	font-size: 1.5em;

	text-transform: uppercase;

	text-align: center;

	background:url(../images/bg-h2.png) repeat-x center;

	margin-bottom:40px;

}

.content-middle h2 span{

	background:#424147;

	color:#FF7E2D;

	padding:5px 40px;

}

.content-middle p{

	text-align:center;

	color:#424146;

	font-size: 1.4em;

	padding:1% 0;

}

#tiles {

  list-style-type: none;

  position: relative; 

  margin: 0;

}

#tiles li {

  background-color: #ffffff;

}

#tiles li img {

  display: block;

  cursor: pointer;

}

#tiles ali:nth-child(3n) {

  height: 175px;

}

#tiles ali:nth-child(4n-3) {

  padding-bottom: 30px;

}

#tiles ali:nth-child(5n) {

  height: 250px;

}

/** General page styling **/

#main1 {

  padding: 30px 0 30px 0;

}

.content-bottom{

	padding-bottom:5%;

}

.content-bottom h2{

	font-size: 1.5em;

	text-transform: uppercase;

	text-align: center;

	background:url(../images/bg-h2.png) repeat-x center;

	margin-bottom:40px;

}

.content-bottom h2 span{

	background:#424147;

	color:#FF7E2D;

	padding:5px 40px;

}

.content-bottom p{

	text-align:center;

	color:#424146;

	font-size: 1.4em;

	padding: 1% 0 3%;

}

/*--thumbs--*/

#jquery-script-menu {

	position: fixed;

	height: 90px;

	width: 100%;

	top: 0;

	left: 0;

	border-top: 5px solid #316594;

	background: #fff;

	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

	z-index: 999999;

	padding: 10px 0;

}

.jquery-script-center {

	width: 960px;

	margin: 0 auto;

}

.jquery-script-center ul {

	width: 212px;

	float:left;

	line-height:45px;

	margin:0;

	padding:0;

	list-style:none;

}

.jquery-script-center a {

	text-decoration:none;

}

.jquery-script-ads {

	width: 728px;

	height:90px;

	float:right;

}

.jquery-script-clear {

	clear:both;

	height:0;

}

.clearout {

	height: 20px;

	clear: both;

}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {

	display: none;

}

.nbs-flexisel-container {

	position: relative;

	max-width: 100%;

}

.nbs-flexisel-ul {

	position: relative;

	width: 9999px;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: center;

}

.nbs-flexisel-inner {

	overflow: hidden;

	width:80%;

	margin: 0 auto;

}

.nbs-flexisel-item {

	float: left;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	position: relative;

	line-height: 0px;

}

.nbs-flexisel-item > img {

	width:50%;

	cursor: pointer;

	positon: relative;

	margin-top: 10px;

	margin-bottom: 10px;

	max-width: 100px;

	max-height: 45px;

}

/*** Navigation ***/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

	width: 46px;

	height: 100px;

	position: absolute;

	cursor: pointer;

	z-index: 100;

}

.nbs-flexisel-nav-left {

	left: 0px;

	background: url(../images/img-sprite.png) no-repeat -19px -21px;

}

.nbs-flexisel-nav-right {

	right: 0px;

	background: url(../images/img-sprite.png) no-repeat -55px -20px;

}

/*--footer--*/

/*  GRID OF THREE   ============================================================================= */

.col_1_of_3{

	display: block;

	float:left;

	margin:0% 0 0% 4.6%;

}

.col_1_of_3:first-child { margin-left: 0; }

.span_1_of_3 {

	width: 30.2%;

}

.span_1_of_3  h3{

	color:#fff;

	margin-bottom:30px;

	font-size:1.5em;

	line-height: 1.2;

	font-weight : normal;

	margin-top: 0px;

	letter-spacing: -1px;

}

.span_1_of_3  h4{

	color:#fff;

	margin-bottom:20px;

	font-size:1.5em;

	line-height: 1.2;

	font-weight : normal;

	margin-top: 0px;

	letter-spacing: -1px;

}

.span_1_of_3  p  {

	font-size:0.8125em;

	color: #fff;

	line-height: 1.5em;

}

/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_3{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:94%;

		padding:3%;  

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

     

     .wrap{

		width:95%;

	}		

	.col_1_of_3{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_3 {

		width:92%;

		padding:4%;

	}

}

.footer-top{

	background:#e4e4e4;

	padding:10px 0;

}

.gallery li{

	float: left;

	width: 31.9%;

	padding-right: 5px;

}

.gallery li img{

	display:block;

}

.footer-list li{

	padding-bottom: 20px;

}

.footer-list li img{

	float:left;

	margin-right:20px;

}

.footer-list li p{

	width: 85.5%;

	float: left;

	padding: 0;

}

span.yellow a{

	color: #FF7E2D;

}

span.yellow a:hover{

	color:#fff;

}

/*.social-icons ul li:first-child, ol li:first-child {

	margin-top: 0px;

	margin-left: 0;

}

.social-icons li {

	background: none;

	padding: 0px;

	display: inline-block;

}

li.facebook a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -283px -14px;

}

li.facebook a span:hover {

	background: url(../images/img-sprite.png) no-repeat -283px -46px;

}

li.google a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -316px -14px;

}

li.google a span:hover {

	background: url(../images/img-sprite.png) no-repeat -316px -46px;

}

li.twitter a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -349px -14px;

}

li.twitter a span:hover {

	background: url(../images/img-sprite.png) no-repeat -349px -46px;

}

li.linkedin a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -382px -14px;

}

li.linkedin a span:hover {

	background: url(../images/img-sprite.png) no-repeat -382px -46px;

}

li.youtube a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -416px -14px;

}

li.youtube a span:hover {

	background: url(../images/img-sprite.png) no-repeat -416px -46px;

}

li.bloger a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -448px -14px;

}

li.bloger a span:hover {

	background: url(../images/img-sprite.png) no-repeat -448px -46px;

}

li.rss a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -482px -14px;

}

li.rss a span:hover {

	background: url(../images/img-sprite.png) no-repeat -482px -46px;

}

li.dribble a span {

	height: 30px;

	width: 30px;

	display: block;

	background: url(../images/img-sprite.png) no-repeat -515px -14px;

}

li.dribble a span:hover {

	background: url(../images/img-sprite.png) no-repeat -515px -46px;

}*/

.social-icons p a{

	color: #333;

	font-size: 1.8em;

}

.social-icons p a:hover{

	color: #FF7E2D;

}

.follow{

	padding-top:30px;

}

.follow h4{

	color: #FFF;

	margin-bottom: 15px;

	font-size: 1.4em;

	line-height: 1.2;

	font-weight: normal;

	margin-top: 0px;

	letter-spacing: -1px;

}

.text{

	border-bottom:1px solid #FF7E2D;

	color:#fff;

}

.text img{

	float:right;

}

.footer-bottom{

	background:#000;

	padding:1% 0;

}

.copy {

	float:right;

	padding-top: 7px;

}

.copy p {

	color: #fff;

	font-size:0.8em;

}

p.copy a {

	color:#fff;

}

p.copy a:hover{

	color:#FF7E2D;

}

.footer-nav{

	float:left;

}

.footer-nav ul li {

	display: inline-block;

}

.footer-nav ul li a {

	color: #fff;

	display: block;

	font-size: 0.8em;

	text-transform: uppercase;

	font-family: 'Open Sans Condensed', Arial;

	margin: 13px 5px;

	font-weight: 600;

}

.footer-nav ul li a:hover {

	color:#FF7E2D;

}

.follow p {

	font-size: 0.8125em;

	color: #FFF;

	line-height: 1.5em;

	margin-bottom:20px;

}

.search {

	border-bottom:2px solid #FF7E2D;

	color:#fff;

}

.search input[type="text"] {

	outline: none;

	padding: 2px 16px;

	outline: none;

	color: #FFF;

	background: none;

	border: none;

	width: 90.5%;

	line-height: 1.5em;

}

.search input[type="submit"] {

	background:url('../images/email.png') no-repeat 0px 0px;

	padding:4px 14px;

	border: none;

	cursor: pointer;

	position: absolute;

	line-height: 1.5em;

	outline:none;

}

/*--portfolio--*/

.banner{

	background:url('/assets/_site_/images/home-page-slides/banner.jpg') no-repeat;
	background-size: cover;
	padding:25px 0;

}

.banner h2{

	color: #FF7E2D;

	background: #424146;

	padding: 10px 60px 10px 20px;

	font-size: 2em;

	text-transform: uppercase;

	font-weight: 600;

	float: left;

}

/*---start-portfolio-----*/

.project-wrapper{

	padding:50px 0 30px;

}

#info {

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;				

	background:#fcf8e3;

	border:1px solid  #fbeed5;

	width:95%;

	max-width:900px;

	margin:0 auto 40px auto;

	font-family:arial;

	font-size:12px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

}

	#info .info-wrapper {

		padding:10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;



	}

	#info a {

		color:#c09853;

		text-decoration:none;

	}

	#info p {

		margin:5px 0 0 0;

	}

.container { 

	position: relative; 

	-webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;	

}

#filters {

	padding: 0% 10% 5% 10%;

	list-style:none;

}

   #filters li {

		float:left;

	}

   #filters li span {

		display: block;

		padding: 10px 30px;

		text-decoration: none;

		color: #666;

		cursor: pointer;

		font-size: 1.5em;

	}

	#filters li span.active {

		background:#FF7E2D;

		color:#000;

	}

#portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width: 31.3%;

	margin:1%;

	display:none;

	float:left;

	overflow:hidden;

}

   .portfolio-wrapper {

		overflow:hidden;

		position: relative !important;

		background:#D5C301;

		cursor:pointer;

	}

   .portfolio img {

		max-width:100%;

		position: relative;

		display:block;

		transition: all 300ms!important;

		-webkit-transition: all 300ms!important;

		-moz-transition: all 300ms!important;

	}

	      .portfolio .text-category {

				display:block;

				font-size:9px;

				font-size: 12px;

				text-transform:uppercase;

				color:#000;

			}

/* #Tablet (Portrait) */

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

	.container {

	}

}

/*  #Mobile (Portrait) - Note: Design for a width of 320px */

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

	.container { 

		width: 95%; 

	}

	#ads {

		display:none;

	}

}

/* #Mobile (Landscape) - Note: Design for a width of 480px */

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

	.container {

		width: 70%;

	}

	#ads {

		display:none;

	}

}

.wrapper{

	padding: 0 1% 3% 1%;

}

.portfolio-top {

	padding: 5% 0 0;

}

.portfolio-top h3 {

	text-align: center;

	font-size: 2.5em;

	color: #424147;

	font-weight: 600;

	font-family: "Century Gothic";

	text-transform: uppercase;

	margin-bottom: 15px;

}

.portfolio-top h5 {

	text-align: center;

	font-size: 1.5em;

	color: #424147;

	font-weight: 600;

	font-family: "Century Gothic";

	margin-bottom: 60px;

}

.links{

	padding:10px 20px;

}

.links h4{

	padding-bottom: 10px;

	float:left;

}

p.img{

	float:right;

	color:#fff;

	font-size:0.99em;

	display: -webkit-box;

	padding-top: 3px;

}

.links h4 a{

	color:#fff;

	font-size:1.4em;

}

.links h4 a:hover{

	color:#000;

}

.links ul li a {

	font-size: 13px;

	color: #FFF;

	padding-left: 5px;

}

.links ul li a:hover {

	text-decoration:underline;

}

.project-bottom{

	padding:20px;

}

.project{

	width:71.9%;

	float: left;

	margin-right:2.6%;

}

.proj-desc{

	border-bottom: 1px solid #DBDBDB;

	padding-bottom:30px;

	margin-bottom:30px;

}

.proj-desc h4{

	background:#424147;

	color:#FF7E2D;

	float:left;

	font-size:1.4em;

	padding:5px 10px;

	margin-bottom:20px;

	text-transform: uppercase;

}

.proj-desc p{

	line-height: 1.8em;

	font-size: 0.91em;

	color:#424147;

}

.project-slider{

	padding:0px 0 60px;

}

.related-desc h4 {

	background: #424147;

	color: #FF7E2D;

	float:left;

	font-size: 1.4em;

	padding: 5px 10px;

	margin-bottom:30px;

}

.project-sidebar{

	width: 25.5%;

	float: left;

}

.project-list{

	background:#424147;

	padding: 30px;

	margin-bottom:30px;

}

.project-list li, .project-list1 li{

	margin-bottom:20px;

}

.project-list li img, .project-list1 li img {

	float: left;

	margin-right: 20px;

}

.project-list li p {

	width: 84.5%;

	float: left;

	padding-top: 5px;

}

.project-list li p a{

	color:#fff;

	font-size:0.89em;

	text-transform: uppercase;

}

.project-list li p a:hover{

	color: #FF7E2D;

}

.project-list h4, .project-list1 h4, .project-list2 h4{

	font-size:1.4em;

	color:#FF7E2D;

	margin-bottom: 30px;

	text-transform: uppercase;

}

.project-list1 li p{

	width: 64.5%;

	float: left;

}

.project-list1 li p a{

	padding: 0;

	color: #FFF;

	font-size: 0.8125em;

	text-transform: uppercase;

}

.project-list1 li p a:hover{

	color:#FF7E2D;

}

.project-list1{

	background:#424147;

	padding: 30px;

	margin-bottom:30px;

}

span.likes{

	float:right;

	font-size: 0.8125em;

	color: #FFF;

	padding-top: 18px;

}

span.likes img{

	float: none;

	margin-right: 0;

	vertical-align: middle;

}

span.link a{

	color:#fff;

	margin-right: 10px;

}

span a:hover{

	text-decoration:underline;

}

.project-list2 {

	background: #424147;

	padding: 30px;

}

.project-list2 li{

	float: left;

	background: #FF7E2D;

	padding:5px;

	margin:2px;

}

.project-list2 li a{

	color: #000;

	text-transform: uppercase;

	font-size: 0.89em;

}

.project-list2 li a:hover{

	color:#7A732A;

}

/*--end portfolio--*/

/*--start blog--*/

.blog-left{

	width:48.5%;

	margin-right:2.6%;

	float:left;

}

.blog-right{

	width:48.5%;

	float:left;

}

.blog-bg{

	background:#FF7E2D;

	margin-bottom: 20px;

}

.blog-img, .blog-img1{

	margin-bottom:20px;

}

.blog-img img{

	width: 100%;	

	display: block;

}

.blog-img1 img{

	display:block;

	width: 100%;	

}

.blog-img2 img{

	display:block;

	width: 100%;	

}

.blog-left h4{

	color:#000;

	font-style: italic;

	font-size:1.4em;

	padding:10px 30px 0;

}

span.author{

	float:right;

	font-size:0.95em;

	padding: 0 10px 5px;

}

.blog-desc{

	background:#FF7E2D;

	padding:30px;

}

.blog-desc h5{

	color:#000;

	font-size:1.6em;

	text-transform:uppercase;

}

.single-img img{

	display:block;

}

.blog-desc p{

	color:#777;

	font-size:0.95em;

	padding-top: 10px;

}

.comment{

	padding-top:20px;

}

span.icon{

	font-size: 0.95em;

	float: left;

	color:#555;

	display: -webkit-box;

}

.comment-desc{

	float: right;

	color: #000;

	font-size: 0.95em;

	vertical-align:top;

}

.comment-desc a:hover{

	text-decoration:underline;

}

.comment-desc a{

	vertical-align:top;

	color:#000;

}

.search_box{

	background:#f6f6f6;

	border-radius:20px;

	-webkit-border-radius:20px;

	-moz-border-radius:20px;

	-o-border-radius:20px;

}

.search_box form input[type="text"] {

	outline: none;

	padding: 2px 16px;

	outline: none;

	color: #000;

	background: none;

	border: none;

	width: 83.33%;

	line-height: 1.5em;

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

}

.search_box form input[type="submit"] {

	background: url('../images/search.png') no-repeat -3px 0px;

	padding: 4px 14px;

	border: none;

	cursor: pointer;

	position: absolute;

	line-height: 1.5em;

	outline: none;

}

ul.blog-list{

	width:50%;

	float:left;

}

ul.blog-list li p, .ul.blog-list1 li p{

	width: 69.5%;

	float: left;

	text-transform: uppercase;

	padding-top: 5px;

}

ul.blog-list li p a, .ul.blog-list1 li p a{

	color: #FFF;

	font-size: 0.89em;

}

ul.blog-list li p a:hover, .ul.blog-list1 li p a:hover{

	color:#FF7E2D;

}

ul.dc_pagination {

	height: 100%;

	list-style-type: none;

	margin: 50px 0 30px;

	overflow: hidden;

	padding: 0px;

	margin-left: 30px;

}

ul.dc_pagination li:first-child {

	margin-left: 0px;

	margin-right:25%;

	text-transform: uppercase;

}

ul.dc_pagination li:last-child {

	margin-left:25%;

	margin-right:0px;

	text-transform: uppercase;

}

ul.dc_pagination li {

	float: left;

	margin: 0px;

	margin-left: 5px;

	padding: 0px;

}

ul.dc_pagination li a {

	color:#000;

	display: block;

	padding: 7px 10px 7px 10px;

	text-decoration: none;

	font-size: 1.5em;

}

ul.dc_paginationA06 li a:hover, ul.dc_paginationA06 li a.current {

	background:#FF7E2D;

	color:#000;

}

/*--single--*/

.single-wrapper{

	padding:50px 0;

}

.single-blog{

	width: 67.3%;

	float: left;

	padding:0 3.6%;

}

p.blog-text{

	color: #000;

	font-size: 0.95em;

	line-height: 1.8em;

	padding: 30px 0;

}

.share-point{

	border-bottom: 1px solid #DBDBDB;

	margin-bottom:30px;

	padding-bottom:30px;

}

.point{

	color: #FF7E2D;

	background: #424146;

	float:left;

}

.point h5{

	font-size: 1.4em;

	padding: 5px 10px;

	text-transform: uppercase;

}

.social-list{

	float:right;

}

.social-list li{

	display:inline-block;

	margin-right: 20px;

}

.social-list li.last{

	margin-right:0px;

}

.social-list li img{

	float: left;

}

.social-list li p {

	float: left;

	padding: 4px 10px 4px 10px;

	background:#FF7E2D;

	color:#000;

}

.gallery li p{

	background:#FF7E2D;

	padding:20px;

	line-height:1.5em;

	color:#000;

	font-size:1.4em;

}

.related-post{

	border-bottom: 1px solid #DBDBDB;

	margin-bottom: 30px;

	padding-bottom: 30px;

}

.related-post h4 {

	background: #424147;

	color: #FF7E2D;

	text-transform: uppercase;

	font-size: 1.4em;

	padding: 5px 10px;

	margin-bottom: 30px;

	float: left;

}

.blog-comment h5{

	background: #424147;

	color: #FF7E2D;

	font-size: 1.4em;

	padding:5px 20px;

	float: left;

	text-transform: uppercase;

}

ul.list{

	border-bottom: 1px solid #DBDBDB;

	margin-bottom: 30px;

	padding:30px 0 0;

}

.list li{

	padding-bottom:30px;

}

.preview{

	float: left;

	width: 5.5%;

	margin-right: 10px;

}

.data{

	float: left;

	width: 93.5%;

}

.title {

	color: #444;

	font-size: 0.99em;

	font-weight:600;

	margin: 0 0 10px 0;

}

.title a{

	color:#CFBE01;

}

.title a:hover{

	color:#424147;

}

.data p{

	color:#000;

	font-size:0.89em;

	line-height:1.5em;

}

li.middle{

	padding:0 0px 0 70px;

	margin-bottom: 30px;

}

.data-middle{

	float: left;

	width: 92.5%;

}

.data-middle p {

	color: #000;

	font-size: 0.89em;

	line-height: 1.5em;

}

li.last-comment{

	padding:0 0px 0 140px;

	margin-bottom: 30px;

}

.data-last{

	float: left;

	width: 92.5%;

}

.data-last p {

	color: #000;

	font-size: 0.89em;

	line-height: 1.5em;

}

.to input[type="text"] {

	padding: 10px 10px;

	width: 47.4%;

	font-size: 1em;

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	margin: 10px 0;

	border: 1px solid #E1E2E2;

	color: #000;

	background: #FFF;

	float: left;

	outline: none;

	font-size: 0.89em;

}

.text1 input[type="text"], .text1 textarea {

	width:97.6%;

	margin: 10px 0;

	border: 1px solid #E1E2E2;

	color: #000;

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	outline: none;

	margin-bottom: 25px;

	height: 100px;

	padding: 10px 10px;

	font-size: 0.89em;

}

.submit {

	color: #FFF;

	font-size: 1.1em;

	font-weight: normal;

	padding: 10px 20px;

	border-bottom:2px solid #FF7E2D;

	background: #000;

	float:right;

	display: inline-block;

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.submit:hover{

	background:#333;

}

h5.leave{

	background: #424147;

	color: #FF7E2D;

	font-size: 1.4em;

	padding: 5px 20px;

	float:left;

	margin-bottom: 20px;

	text-transform: uppercase;

}

/*--about--*/

/*  GRID OF Content and sidebar   ============================================================================= */

.cont{

	display: block;

	float:left;

}

.lsidebar{

	display: block;

	float:left;

	margin:0% 2.6% 0% 0;

} 	

.span_2_of_about {

	width:65.1%;

}

.span_1_of_about {

	width: 32.2%;

}

/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.cont{ 

		margin: 1% 0 1% 0%;

	}

	.lsidebar{

		margin:0;

	}

	.span_2_of_about {

		width:94%;

		padding:3%;  

	}

	.span_1_of_about {

		width:94%;

		padding:3%; 

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

	.wrap{

		width:95%;

	}

	.cont{ 

		margin: 1% 0 1% 0%;

	}

	.lsidebar{

		margin:0;

	}

	.span_2_of_about {

		width:92%;

		padding:4%;

	}

	.span_1_of_about {

		width:92%;

		padding:4%;

	}

}

.span_2_of_about h2{

	text-transform:uppercase;

	color:#5a595d;

	font-size:2em;

	margin-bottom: 20px;

}

.span_2_of_about h3{

	font-weight:600;

	color:#5a595d;

	font-size:0.89em;

	margin-bottom: 20px;

}

/*  GRID OF TWO   ============================================================================= */

.col_1_of_2{

	display: block;

	float:left;

	margin:0% 0 0% 2.6%;

}

.col_1_of_2:first-child { margin-left: 0; }

.span_1_of_2 {

	width:48.2%;

}

.span_1_of_2  p{

	font-size:0.8125em;

	color: #000;

	line-height: 1.7em;

}

/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_2{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_2 {

		width:94%;

	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

	.wrap{

		width:95%;

	}

	.span_2_of_2 {

		width: 100%; 

	}

	.col_1_of_2{ 

		margin: 2% 0 2% 0%;

	}

	.span_1_of_2 {

		width:92%;

		padding:4%;

	}

}

.skills li {

	width: 100%;

	height: 38px;

	background:#424147;

	margin-bottom: 20px;

}

.percentage{

	float: left;

	background: #000;

	height: 30px;

	color: #FF7E2D;

	padding: 8px 10px 0 10px;

	font-size: 1.2em;

}

.percent-text{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width: 74%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text1{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width: 70%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text2{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:60%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text3{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:65%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text4{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:68%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text5{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:65%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text6{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:50%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.percent-text7{

	background: #FF7E2D;

	height: 33px;

	float: left;

	width:65%;

	color: #424147;

	font-size: 1.4em;

	padding: 5px 20px 0;

}

.about-middle{

	text-align:center;

	padding-top:40px;

}

.about-middle h4{

	font-size: 1.5em;

	text-transform: uppercase;

	text-align: center;

}

.about-middle h4 span {

	background: #424147;

	color: #FF7E2D;

	padding: 5px 40px;

}

.about-middle p{

	color: #000;

	font-size: 0.99em;

	padding: 30px 0;

}

/*  GRID OF FOUR   ============================================================================= */

.col_1_of_about-grids{

	display: block;

	float:left;

	margin: 0% 0 0% 9.6%;

}

.col_1_of_about-grids:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.span_1_of_about-grids {

	width: 17.8%;

}

.span_1_of_about-grids img{

	border-radius:200px;

	-webkit-border-radius:200px;

	-moz-border-radius:200px;

	-o-border-radius:200px;

	border:4px solid #FF7E2D;

}

.span_1_of_about-grids h3{

	color: #FF7E2D;

	padding: 5px 20px;

	text-align: center;

	font-size: 1.4em;

	line-height: 1.2;

	cursor: pointer;

	font-weight: normal;

	margin-top: 5px;

	background: #424147;

	text-transform: uppercase;

}

.span_1_of_about-grids h3:hover{

	background:#222;

}

/***** Media Quries *****/

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

	.wrap{

		width:95%;

	}	

}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_about-grids{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_about-grids {

		width:94%;

		padding:3%;  

	}

}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

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

	.wrap{

		width:95%;

	}

	.col_1_of_about-grids{ 

		margin: 1% 0 1% 0%;

	}

	.span_1_of_about-grids {

		width:92%;

		padding:4%; 

	}

}

.team1{

	margin-bottom:40px;

}

/*--contact--*/

.contact-to input[type="text"] {

	padding: 10px 10px;

	width:29.4%;

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	margin: 10px 0;

	border: 1px solid #E1E2E2;

	color: #000;

	background: #FFF;

	float: left;

	outline: none;

	font-size: 0.89em;

}

.contact{

	padding:50px 0 30px;

}

.contact-list li{

	margin: 10px 0 20px;

}

.contact-list li img {

	float: left;

	margin-right: 20px;

}

.contact-list li p {

	width: 85.5%;

	float: left;

	padding: 0;

	font-size:0.89em;

}

span.yellow1 a {

	color: #FF7E2D;

	background:#424147;

	padding:5px 10px;

}

.span_2_of_contact {

	width: 60.1%;

	margin-right: 4.6%;

}

.text2 input[type="text"], .text2 textarea {

	width:96.6%;

	margin: 10px 0;

	border: 1px solid #E1E2E2;

	color: #000;

	font-family: "Century Gothic",Arial, Helvetica, sans-serif;

	outline: none;

	margin-bottom: 25px;

	height: 100px;

	padding: 10px 10px;

	font-size: 0.89em;

}

/*--404--*/

.page-not-found {

	text-align: center;

	padding:50px 0 70px;

}

.page-not-found h3{

	font-size: 13em;

	color:#424146;

}

.page-not-found h4{

	font-size:3em;

	margin-bottom: 40px;

}

.page-not-found h4 span {

	background: #424147;

	color: #FF7E2D;

	padding: 48px 0px 0;

}

.home{

	color: #FFF;

	font-size: 1.1em;

	font-weight: normal;

	padding: 10px 20px;

	border-bottom: 2px solid #FF7E2D;

	background: #000;

	display: inline-block;

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.home a:hover .blogpage a:hover{

	background:#333;

}

.blogpage{

	color: #FFF;

	font-size: 1.1em;

	font-weight: normal;

	padding: 10px 20px;

	border-bottom: 2px solid #FF7E2D;

	background: #000;

	display: inline-block;

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}

.or{

	display: inline-block;

	background:#FF7E2D;

	color:#000;

	padding: 10px;

	margin: 0 20px;

}
/* New course page style */

.coursepanel {
	padding: 0px 0px 0px 0px;
}
.coursepanel p {
	font-family: 'Open Sans', Arial, serif;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.coursepanel p strong {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
}
.coursepanel p a {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 13px;
	color: #FF7E2D; /* Changed from C9142B for VolUK */
}
.coursepanel p a:hover {
	font-family: 'Open Sans', Arial, serif; font-weight: 300;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
.clientwelcome {
	padding:20px 0px;
	border-bottom:#c1bfbf solid 4px;
}
.rowdivider {
	height:17px;
	border-bottom:#c1bfbf solid 4px;
}
.twocolumnsrowdivider {
	height:17px;
	margin-right:15px;
	border-bottom:#c1bfbf solid 4px;
	margin-bottom:20px;
}
.onecolumnsrowdivider {
	height:12px;
	margin-left:15px;
	border-bottom:#c1bfbf solid 4px;
	margin-bottom:12px;
}
.testlink{
	float:right;
	width:123px;
	margin-bottom:20px;
	margin-left:20px;
}
.testlink a {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
	color:#f5f5f5;
	font-style:italic;
	font-size:16px;
	text-decoration:none;
	display:block;
	float:left;
	width:123px;
	text-align:center;
	background-color:#ccc;
	-webkit-box-shadow: 0px 0px 4px 0px #333333;
	box-shadow: 0px 0px 4px 0px #333333; 
	padding:25px 5px;
}
.clientlinks {
	width:280px;
	float:left;
}
.clientlinks a {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
	color:#f5f5f5;
	font-style:italic;
	font-size:16px;
	text-decoration:none;
	display:block;
	float:left;
	width:123px;
	text-align:center;
	background-color:#ccc;
	-webkit-box-shadow: 0px 0px 4px 0px #333333;
	box-shadow: 0px 0px 4px 0px #333333; 
        
}
.clientlinks a:hover, .testlink a:hover {
	background-color:#504f4f;
}
.cleft {
	margin-right:10px;
	padding:25px 5px;
}
.cright {
	padding:25px 5px;
}
.ch1 {
	font-family: 'Open Sans Condensed';
	font-size:26px;
	font-weight:700;
}
.coursepanel .ch2 {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
	font-size:14px;
	color:#666;
	margin:0px;
	text-transform:uppercase;
	padding-bottom:10px;
}
.coursepanel .cintro {
	font-family: 'Open Sans', Arial, serif; font-weight: 400;
	font-size:13px;
	color:#660000;
	margin:0px 0px 10px 0px;
}
.twothirdpad {
	width:530px;
	float:left;
	padding:0px 15px;
}
.twothird {
	width:64%;/*Changed from 545*/
	float:left;
	padding-right:15px;
}
.onecolumn {
	width:280px;
	float:left;
}
.twocolumns {
	width:600px;/*Changed from 560*/
	float:left;
}
.onethird {
	padding-left:1%;
	padding-right:1%;
	width:30.5%;/*Changed from 270px*/
	float:left;
	
}
.onethirdnopad {
	width:250px;
	padding-right:30px;
	float:left;
}
.onethirdhideshow {
	width:265px;
	padding-right:15px;
	float:left;
}
.onecolumndivider {
	margin-top:20px;
  /*
	background-image:url(../images/divider-dot.gif);
	background-position:599px;
	background-repeat:repeat-y;
  */
}
.bmain {
	margin-top:20px;
	background-image:none;
}
.bsub {
	
}
.bthird {
	/*width:670px;*/
	background-image: url(../images/bubble-point.png);
    background-position: 1px 50%;
    background-repeat: no-repeat;
    /*float: left;*/
    margin-left: 170px;
	}
.bfourth {
	display:none;
	}
.twocolumndivider {
	margin-top:20px;
  /*
	background-image:url(../images/column-dot.gif);
	background-position:center;
	background-repeat:repeat-y;
  */
}
.ctutorpanel {
	width:170px;
	float:left;
	background-image:url(../images/tutorpic-frame.png);
	background-repeat:no-repeat;
	
}
.tutorpic {
	padding:23px 0px 0 32px;
}
.tutorname {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
	color:#666;
	font-style:italic;
	font-size:13px;
	text-align:center;
	padding-bottom:25px;
}
.tutorlinks {
	padding:5px 0px 5px 50px;
}
.tutorlinks a {
	font-family: 'Open Sans', Arial, serif; font-weight: 600;
	color:#666;
	font-size:12px;
	text-decoration:none;
	border-bottom:#666 dotted 1px;
}
.tutorlinks a:hover {
	color:#FF7E2D; /* Changed from 990000 for VolUK */
	text-decoration:none;
	border-bottom:none;
}
.videoicon {
	background-image:url(../images/video-icon.gif);
	background-repeat:no-repeat;
	background-position:25px 8px;
}
.emailicon {
	background-image:url(../images/email-icon.gif);
	background-repeat:no-repeat;
	background-position:25px 8px;
}
.ctutornewspanel {
	/*width:415px;Changed from 375
	float:left;*/
	background-image:url(../images/bubble-point.png);
	background-repeat:no-repeat;
	background-position:1px 50%;
	margin-left: 170px;
}
.bubble {
	background-color:#eaeae4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
	margin-left:30px;
	padding:10px;
}
.bubblefull {
	background-color:#eaeae4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	margin-top:10px;
	padding:10px;
}
.actionbox {
	padding-top:10px;
}
.actionbox a {
	font-family: 'Open Sans', Arial, serif; font-weight: 700;
	color:#f5f5f5;
	font-style:italic;
	font-size:18px;
	text-decoration:none;
	display:block;
	text-align:center;
	background-color:#000;
	-webkit-box-shadow: 0px 0px 4px 0px #333333;
	box-shadow: 0px 0px 4px 0px #333333; 
	padding:5px 0px;
}
.actionbox a:hover {
	background-color:#FF7E2D;
}
.specialbox {
	padding:10px;
	background-color:#eaeae4;
	margin-bottom:15px;
	margin-top: 15px;
}
.specialboxc {
	font-family: 'Open Sans', Arial, serif; font-weight: 600;
	color:#666;
	font-style:italic;
	font-size:14px;
	padding:10px;
	background-color:#ececec;
	margin-bottom:15px;
	margin-top: 15px;
}
.specialboxc a {
	color:#666;
	border-bottom:#666 dotted 1px;
	text-decoration:none;
}
.specialboxc a:hover {
	color:#FF7E2D; /* Changed from 990000 for VolUK */
	border-bottom:none;
}
.specialbox .sbh3 {
	font-family: 'Open Sans', Arial, serif; font-weight: 600;
	color:#999;
	font-size:10px;
	text-transform:uppercase;
	margin:0px 0px 5px 0px;
}
.specialbox .ffeed {
	font-family: 'Open Sans', Arial, serif; font-weight: 400;
	font-size:12px;
	color:#FF7E2D; /* Changed from 990000 for VolUK */
	margin:0px;
	line-height:16px;
	word-wrap: break-word;
}
.specialbox .ffeed a {
	color:#333;
	text-decoration:underline;
	font-weight:bold;
}
.specialbox .ffeed a:hover {
	color:#FF7E2D; /* Changed from 990000 for VolUK */
	text-decoration:none;
	font-weight:bold;
}
#quote-content {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #FF7E2D; /* Changed from 990000 for VolUK */
	font-style: italic;
}
.quoteauthor {
	color:#333;
}
.extralink {
	font-family: 'Open Sans', Arial, serif; font-weight: 400;
	font-size: 13px;
	color: #FF7E2D; /* Changed from 990000 for VolUK */
	text-align: left;
	vertical-align: top;
	display: block;
	margin-bottom: 6px;
}
.extralink a{
	color: #FF7E2D; /* Changed from 990000 for VolUK */
	text-decoration: underline;
}
.extralink a:hover{
	color: #000;
	text-decoration: none;
}
.focusbox {

}
	
	/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(../images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
.fbtnsmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#545354;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.fbtnsmall:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.fbtnsmall:active {
	position:relative;
	top:1px;
}
.fbtnbig {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #8f1313) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #8f1313 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#8f1313');
	background-color:#fe1a00;
	border:1px solid #d83526;
	display:inline-block;
	color:#fafafa;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.fbtnbig:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f1313), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #8f1313 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f1313', endColorstr='#fe1a00');
	background-color:#8f1313;
}.fbtnbig:active {
	position:relative;
	top:1px;
}
/*--responsive design--*/

@media (max-width:1366px){

	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width: 84.5%;

	}

	.search input[type="text"] {

		width: 89.5%;

	}

	.project-list li p {

		width: 81.5%;

	}

	.project-list1 li p{

		width: 56.5%;

	}

	.search_box form input[type="text"] {

		width: 79.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right: 10px;

	}

	.to input[type="text"] {

		width:46.9%;

	}

	.text1 input[type="text"], .text1 textarea {

		width: 97.2%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width: 28.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width: 93.9%;

	}

	.btn {

		margin-top: 20px;

	}

	ul.dc_pagination li:last-child {

		margin-left: 21%;

	}

	ul.dc_pagination li:first-child {

		margin-right: 20%;

	}

	.slider-left h4 {

		font-size: 3.3em;

	}

	p.top {

		width: 78%;

	}

	p.middle {

		width: 75%;

	}

	p.bottom {

		width: 60%;

	}

}

@media (max-width:1280px){

		.siteTitle {

	width:50%;

}

.siteTitle p{

	font-size:32px;

	line-height:30px;

}
.stepbox {
	width:42%;
}
	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width: 83.5%;

	}

	.search input[type="text"] {

		width: 88.5%;

	}

	.project-list li p {

		width: 81.5%;

	}

	.project-list1 li p{

		font-size: 10px;

		width: 56.5%;

	}

	.search_box form input[type="text"] {

		width: 78.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right:5px;

	}

	.to input[type="text"] {

		width:46.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width: 97.1%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width: 28.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:94.6%;

	}

	.btn {

		margin-top: 20px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 66.5%;

	}

	.blog-desc h5 {

		font-size: 1.4em;

	}

	ul.dc_pagination li:last-child {

		margin-left:18%;

	}

	ul.dc_pagination li:first-child {

		margin-right:18%;

	}

	.slider-left h4 {

		font-size:3em;

	}

	p.top {

		width:83%;

	}

	p.middle {

		width:81%;

	}

	p.bottom {

		width: 65%;

	}

	.slider-left h3 {

		font-size:2em;

	}

}

@media (max-width:1024px){


.stepbox {
	width:42%;
}
	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width:82.5%;

	}

	.search input[type="text"] {

		width:86.5%;

	}

	.project-list li p {

		width:80.5%;

		padding:0;

	}

	.project-list1 li p {

		width:48.5%;

	}

	.search_box form input[type="text"] {

		width: 73.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right: 10px;

	}

	.to input[type="text"] {

		width:45.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width: 96.1%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width:27.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:93.6%;

	}

	.btn {

		margin-top: 20px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 66.5%;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:11%;

	}

	ul.dc_pagination li:first-child {

		margin-right:12%;

	}

	p.top {

		font-size:1em;

		width: 70%;

	}

	p.middle {

		font-size:1em;

		width: 66%;

	}

	p.bottom {

		font-size:1em;

		width: 54%;

	}

	.grid1 img {

		padding:0px 0;

	}

	.grid1 h4 {

		font-size: 1.3em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.89em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size: 2.2em;

	}

	.content-top h5 {

		font-size: 1.4em;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 25px;

		font-size: 1.4em;

	}

	.links h4 a {

		font-size: 1em;

	}

	p.img {

		padding-top:0px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 8px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size: 1.4em;

	}

	.span_1_of_about-grids h3 {

		font-size: 1em;

	}

	.contact-list li p {

		width: 82.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

	#filters {

		margin-bottom: 20px;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.slider-left h4 {

		font-size:2.4em;

	}

	.slider-left h3 {

		font-size:1.8em;

	}

	.wmuSliderPrev, .wmuSliderNext {

		top: 37%;

	}

	.wmuSliderPagination {

		left: 45%;

	}

	.featicon {

 		font-size: 5em;

 		padding:40px;

	}

}

@media (max-width:800px){

	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width:78.5%;

	}

	.search input[type="text"] {

		width:82.5%;

	}

	.project-list li p {

		width:73.5%;

		padding:0;

	}

	.project-list1 li p {

		width:30.5%;

	}

	.search_box form input[type="text"] {

		width:63.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right: 10px;

	}

	.to input[type="text"] {

		width:44.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width:95.1%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width: 26.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:93.6%;

	}

	.btn {

		margin-top: 20px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 78.5%;

		font-size: 12px;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:7%;

	}

	ul.dc_pagination li:first-child {

		margin-right:7%;

	}

	p.top {

		font-size: 0.8125em;

		width:77%;

	}

	p.middle {

		font-size: 0.8125em;

		width: 70%;

	}

	p.bottom {

		font-size: 0.8125em;

		width:56%;

	}

	.grid1 img {

		padding:0px 0;

		width: 62%;

	}

	.grid1 h4 {

		font-size: 1em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.8125em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size: 2.2em;

	}

	.content-top h5 {

		font-size: 1.4em;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 25px;

		font-size:1em;

	}

	.links h4 a {

		font-size: 13px;

	}

	p.img {

		padding-top: 2px;

		font-size: 13px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 8px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size:1em;

	}

	.span_1_of_about-grids h3 {

		font-size:0.8125em;

		padding: 5px 15px;

	}

	.contact-list li p {

		width: 82.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

/*	.cssmenu ul li a {

		padding: 30px 15px;

		margin: 10px 0px;

		font-size: 1em;

	}

	.cssmenu {

		padding-top: 6px;

	}*/

	.btn {

		padding: 8px 25px;

	}

	.desc {

		padding:10px;

	}

	.desc h4 {

		font-size: 1.4em;

	}

	.span_1_of_3 h3 {

		margin-bottom: 15px;

	}

	.portfolio-top h3 {

		font-size: 2em;

	}

	.portfolio-top h5 {

		font-size: 1.2em;

		margin-bottom:40px;

	}

	#filters {

		margin-bottom: 20px;

	}

	.links {

		padding: 10px;

	}

	.project-list h4, .project-list1 h4, .project-list2 h4 {

		font-size: 1em;

		margin-bottom: 20px;

	}

	.point h5 {

		font-size: 1em;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.percent-text {

		width: 67%;

	}

	.percent-text1 {

		width: 63%;

	}

/*	.slider-left h4 {

		font-size:1.9em;

	}

	.slider-left h3 {

		font-size:2.2em;

	}*/

	.wmuSliderPrev, .wmuSliderNext {

		top: 32%;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 91.5%;

	}

	.specialpoint i
	{
		font-size: 20px;
		display: block;
		text-align: center;
		margin-right: 0px;
		float: none;
	}

}

@media (max-width:768px){
.stepbox {
	width:40%;
}
.siteTitle p{

	font-size:28px;

	line-height:26px;

}

	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width:77.5%;

	}

	.search input[type="text"] {

		width:81.5%;

	}

	.project-list li p {

		width:72.5%;

		padding:0;

	}

	.project-list1 li p {

		width:26.5%;

	}

	.search_box form input[type="text"] {

		width:63.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right: 10px;

	}

	.to input[type="text"] {

		width:43.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width:93.1%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width: 25.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:91.6%;

	}

	.step {

		width: 620px;

		height:150px;

	}

	.jms-content {

		margin: 0px;

	}

	.step img {

		width:60%;

	}

	.btn {

		margin-top: 20px;

	}

	.jms-dots {

		bottom:15px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 78.5%;

		font-size: 12px;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:6%;

	}

	ul.dc_pagination li:first-child {

		margin-right:6%;

	}

	.step h2 {

		width: 52%;

		font-size: 1.5em;

	}

	.step h3 {

		font-size: 1.5em;

	}

	p.top {

		font-size: 0.8125em;

		width:77%;

	}

	p.middle {

		font-size: 0.8125em;

		width: 70%;

	}

	p.bottom {

		font-size: 0.8125em;

		width:56%;

	}

	.jms-wrapper {

		height:445px;

	}

	.grid1 img {

		padding:0px 0;

		width: 62%;

	}

	.grid1 h4 {

		font-size:0.89em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.8125em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size:1.8em;

	}

	.content-top h5 {

		font-size:1em;

		margin-bottom: 35px;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 10px;

		font-size:1em;

	}

	.links h4 a {

		font-size:12px;

	}

	p.img {

		padding-top: 2px;

		font-size: 13px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 8px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size:1em;

	}

	.span_1_of_about-grids h3 {

		font-size:0.8125em;

		padding: 5px 15px;

	}

	.contact-list li p {

		width: 82.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

	.cssmenu ul li a {

		padding: 10px 0px;

		margin: 10px 5px;

		font-size: 1em;

	}/*

	.cssmenu {

		padding-top: 6px;

	}*/

	.btn {

		padding: 8px 25px;

	}

	.jms-arrows span {

		top: 45%;

	}

	.desc {

		padding:10px;

	}

	.desc h4 {

		font-size:1em;

	}

	.span_1_of_3 h3 {

		margin-bottom: 15px;

	}

	.portfolio-top h3 {

		font-size:1.8em;

	}

	.portfolio-top h5 {

		font-size:1em;

		margin-bottom:30px;

	}

	#filters {

		margin-bottom: 20px;

	}

	.links {

		padding: 10px;

	}

	.project-list h4, .project-list1 h4, .project-list2 h4 {

		font-size: 1em;

		margin-bottom: 20px;

	}

	.point h5 {

		font-size: 1em;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.percent-text {

		width: 67%;

	}

	.percent-text1 {

		width: 63%;

	}

	.content-bottom p {

		font-size: 1em;

	}

	.content-middle p {

		font-size: 1em;

	}

	.project-list2 li {

		padding:4px;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 91.5%;

	}

/*	.slider-left h4 {

		font-size:1.7em;

	}*/

	.slider-left h3 {

		font-size:1.8em;

	}

	.wmuSliderPrev, .wmuSliderNext {

		top: 32%;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 91.5%;

	}

	.wmuSliderPagination {

		left:40%;

	}

	.featicon {

 		font-size: 4em;

 		padding:30px;

	}

}

@media (max-width:640px){
.stepbox {
	width:auto;
	float:none;
	margin-left: 0;
	margin-bottom: 10px;
}
		.siteTitle {

			width: 70%;

			height:60px;

}

.siteTitle p{

	font-size:28px;

	line-height:26px;

}

	.wrap{

		width:90%;

		padding-bottom: 0px;

	}	

	.footer-list li p {

		width:77.5%;

	}

	.search input[type="text"] {

		width:92.5%;

	}

	.project-list li p {

		width:72.5%;

		padding:0;

	}

	.project-list1 li p {

		width:48.5%;

	}

	.search_box form input[type="text"] {

		width:89.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right:10px;

	}

	.to input[type="text"] {

		width:43.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width:93.1%;

	}

	.data {

		width: 92.5%;

	}

	.contact-to input[type="text"] {

		width:27.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width: 93.6%;

	}

	.step {

		width:490px;

		height:100px;

	}

	.btn {

		margin-top: 20px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 78.5%;

		font-size: 12px;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:7%;

	}

	ul.dc_pagination li:first-child {

		margin-right:7%;

	}

	p.top {

		font-size: 12px;

		width: 81%;

	}

	p.middle {

		font-size: 12px;

		width: 77%;

	}

	p.bottom {

		font-size: 12px;

		width:63%;

	}

	.grid1 img {

		padding:0px 0;

		width:20%;

	}

	.grid1 h4 {

		font-size:0.89em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.8125em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size:1.8em;

	}

	.content-top h5 {

		font-size:1em;

		margin-bottom: 35px;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 10px;

		font-size:0.8125em;

	}

	.links h4 a {

		font-size:12px;

	}

	p.img {

		padding-top: 2px;

		font-size: 13px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 50px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size:1em;

	}

	.span_1_of_about-grids h3 {

		font-size:0.8125em;

		padding: 5px 15px;

	}

	.contact-list li p {

		width: 82.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

	.cssmenu ul li a {

		padding: 20px 10px;

		font-size: 0.8125em;

	}

	.cssmenu {

		padding-top: 13px;

	}

	.btn {

		padding: 8px 20px;

		font-size: 12px;

	}

	.desc {

		padding:10px;

	}

	.desc h4 {

		font-size:1em;

	}

	.span_1_of_3 h3 {

		margin-bottom: 15px;

	}

	.portfolio-top h3 {

		font-size:1.8em;

	}

	.portfolio-top h5 {

		font-size:1em;

		margin-bottom:30px;

	}

	#filters {

		margin-bottom: 20px;

	}

	.links {

		padding: 10px;

	}

	.project-list h4, .project-list1 h4, .project-list2 h4 {

		font-size: 1em;

		margin-bottom: 20px;

	}

	.point h5 {

		font-size: 1em;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.percent-text {

		width: 67%;

	}

	.percent-text1 {

		width: 63%;

	}

	.content-bottom p {

		font-size: 1em;

	}

	.content-middle p {

		font-size: 1em;

	}

	.project-list2 li {

		padding:4px;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 91.5%;

	}

	.siteTitle {

		/*width: 17%;*/

	}

	.col_1_of_4 .css-content-body .col_1_of_4{

		float:left;

		margin: 0% 2% 0% 0%;

		display:block;

	}	

	.span_1_of_first {

		width:48%;

		margin-bottom:20px;

	}

	.span_1_of_4 {

		width:48%;

		margin-bottom:20px;

	}
.css-content-body .span_1_of_4 {
	width:48%;
		margin-bottom:0px;
}
.specialpoint i {
float: left;
margin-right: 5px;

}
	.footer-nav {

		float:none;

	}

	.copy {

		float: none;

		padding-top: 7px;

	}

	.footer-bottom {

		text-align:center;

	}

	.follow {

		padding-top: 10px;

	}

	.follow p {

		margin-bottom:0;

	}

	.banner h2 {

		padding: 5px 40px 5px 10px;

		font-size: 1.7em;

	}

	#filters {

		padding: 0% 5% 5% 5%;

	}

	#portfoliolist .portfolio {

		width: 100%;

	}

	.project {

		width: 100%;

		float: none;

		margin-right: 0;

	}

	.project-sidebar {

		width: 100%;

		float: none;

	}

	.single-blog {

		width:93%;

		float: none;

		padding: 0 20px;

	}

	.submit {

		margin-bottom: 25px;

	}

	.span_2_of_about h2 {

		font-size: 1.5em;

	}

	.span_2_of_contact {

		width:100%;

		margin-right:0%;

	}

	.contact{

		padding:0;

	}

	.page-not-found h4 span {

		padding: 13px 0px 0;

	}

	.slider-left h4 {

		font-size:1.4em;

	}

	.slider-left h3 {

		font-size:1.6em;

	}

	.wmuSliderPrev, .wmuSliderNext {

		top: 32%;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 91.5%;

	}

	.featicon {

 		font-size: 3em;

 		padding:20px;

	}
	.twothird {
		padding-right: 0px;
		width:auto;
		float:none;
	}
	#tfourth {
		display: none;
	}
	.onethird {
		width:45%;
	}
}

@media (max-width:480px){

.siteTitle {

			width: 70%;

}

.siteTitle p{

	font-size:20px;

	line-height:22px;

}

	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width:77.5%;

	}

	.search input[type="text"] {

		width:90.5%;

	}

	.project-list li p {

		width:72.5%;

		padding:0;

	}

	.project-list1 li p {

		width:48.5%;

	}

	.search_box form input[type="text"] {

		width:86.33%; 

	}

	.project-list li img, .project-list1 li img {

		margin-right:10px;

	}

	.to input[type="text"] {

		width:42.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width:92.7%;

	}

	.data {

		width:91.5%;

	}

	.contact-to input[type="text"] {

		width:26.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:94.6%;

	}

	.btn {

		margin-top: 20px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 78.5%;

		font-size: 12px;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:3%;

	}

	ul.dc_pagination li:first-child {

		margin-right:3%;

	}

	p.top {

		font-size: 12px;

		width:89%;

	}

	p.middle {

		font-size:10px;

		width:86%;

	}

	p.bottom {

		font-size: 10px;

		width:74%;

	}

	.grid1 img {

		padding:0px 0;

		width:20%;

	}

	.grid1 h4 {

		font-size:0.89em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.8125em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size:1.5em;

	}

	.content-top h5 {

		font-size:0.8125em;

		margin-bottom: 35px;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 4px;

		font-size:0.8125em;

	}

	.links h4 a {

		font-size:12px;

	}

	p.img {

		padding-top: 2px;

		font-size: 13px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 50px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size:0.8125em;

	}

	.span_1_of_about-grids h3 {

		font-size:0.8125em;

		padding: 5px 15px;

	}

	.contact-list li p {

		width: 82.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

	.cssmenu ul li a {

		padding: 20px 10px;

		font-size: 0.8125em;

	}

	.cssmenu {

		padding-top:0px;

	}

	.btn {

		padding: 5px 10px;

		font-size: 0.8125em;

	}

	.desc {

		padding:10px;

	}

	.desc h4 {

		font-size:1em;

	}

	.span_1_of_3 h3 {

		margin-bottom: 15px;

	}

	.portfolio-top h3 {

		font-size:1.5em;

	}

	.portfolio-top h5 {

		font-size:0.8125em;

		margin-bottom:30px;

	}

	#filters {

		margin-bottom: 20px;

	}

	.links {

		padding: 10px;

	}

	.project-list h4, .project-list1 h4, .project-list2 h4 {

		font-size: 1em;

		margin-bottom: 20px;

	}

	.point h5 {

		font-size:0.8125em;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.percent-text {

		width: 67%;

	}

	.percent-text1 {

		width: 63%;

	}

	.content-bottom p {

		font-size: 1em;

	}

	.content-middle p {

		font-size: 1em;

	}

	.project-list2 li {

		padding:4px;

	}

	.data-middle {

		width: 91.5%;

	}

	.data-last {

		width: 90.5%;

	}

	.siteTitle {

		float: left;

	}

	.col_1_of_4 {

		float:left;

		margin: 0% 2% 0% 0%;

		display:block;

	}	
.css-content-body .col_1_of_4 {
		float:none;
		margin: 0%;
		display:block;
	}	
	.span_1_of_first {

		width:48%;

		margin-bottom:20px;

	}

	.span_1_of_4 {

		width:48%;

		margin-bottom:20px;

	}
.css-content-body .span_1_of_4 {
	width:auto;
		margin-bottom:0px;
}
	.footer-nav {

		float:none;

	}

	.copy {

		float: none;

		padding-top: 7px;

	}

	.footer-bottom {

		text-align:center;

	}

	.follow {

		padding-top: 10px;

	}

	.follow p {

		margin-bottom:0;

	}

	.banner h2 {

		padding: 5px 40px 5px 10px;

		font-size: 1.7em;

	}

	#filters {

		padding: 0% 5% 5% 5%;

	}

	#portfoliolist .portfolio {

		width: 100%;

	}

	.project {

		width: 100%;

		float: none;

		margin-right: 0;

	}

	.project-sidebar {

		width: 100%;

		float: none;

	}

	.single-blog {

		width:91%;

		float: none;

		padding: 0 20px;

	}

	.submit {

		margin-bottom:10px;

		font-size: 0.8125em;

		padding: 8px 15px;

	}

	.span_2_of_about h2 {

		font-size: 1.5em;

	}

	.span_2_of_contact {

		width:100%;

		margin-right:0%;

	}

	.contact{

		padding:0;

	}

	.page-not-found h4 span {

		padding: 13px 0px 0;

	}

	.footer-nav ul li a {

		font-size: 0.8125em;

	}

	.social-list li {

		margin-right:10px;

	}

	.social-list li p {

		padding: 8px 10px 5px 10px;

		font-size: 0.8125em;

	}

	.slider-left {

		float: none;

		padding-top: 0;

		width: 100%;

	}

	.slider-right {

		width: 100%;

		float: none;

	}

	.banner-wrap{

		width:70%;

	}

	.wmuSliderPagination {

		left:35%;

	}

	.wmuSliderPrev, .wmuSliderNext {

		top: 37%;

	}
	.twothird {
		padding-right: 0px;
		width:auto;
		float:none;
	}
	#tfourth {
		display: none;
	}
	.onethird {
		width:100%;
		margin-bottom: 20px;
	}
	.bthird {
		width:auto;
		float: none;
		margin-left: 0px;
	}
	.ctutornewspanel {
		margin-left: 0px;
	}
	.ctutorpanel {
		float:none;
	}
}

@media (max-width:320px){

			.siteTitle {

			width: 70%;

}

	.wrap{

		width:90%;

	}	

	.footer-list li p {

		width:77.5%;

	}

	.search input[type="text"] {

		 width:80.5%;

	}

	.project-list li p {

		width:72.5%;

		padding:0;

	}

	.project-list1 li p {

		width:48.5%;

	}

	.search_box form input[type="text"] {

		width:78.33%;

	}

	.project-list li img, .project-list1 li img {

		margin-right:10px;

	}

	.to input[type="text"] {

		width:39.7%;

	}

	.text1 input[type="text"], .text1 textarea {

		width:90.7%;

	}

	.data {

		width:90.5%;

	}

	.contact-to input[type="text"] {

		width:22.4%;

	}

	.text2 input[type="text"], .text2 textarea {

		width:90.6%;

	}

	.btn {

		margin-top:10px;

	}

	ul.blog-list li p, .ul.blog-list1 li p {

		width: 78.5%;

		font-size: 12px;

	}

	.blog-desc h5 {

		font-size: 1em;

	}

	ul.dc_pagination li:last-child {

		margin-left:3%;

	}

	ul.dc_pagination li:first-child {

		margin-right:3%;

	}

	p.top {

		font-size:12px;

		width:100%;

	}

	p.middle {

		display: none;

	}

	p.bottom {

		display:none;

	}

	.grid1 img {

		padding:0px 0;

		width:20%;

	}

	.grid1 h4 {

		font-size:0.89em;

	}

	.grid1 {

		padding: 13px 0px 10px 0px;

	}

	.desc p {

		font-size: 0.8125em;

		line-height: 1.5em;

	}

	.content-top h3 {

		font-size:1.5em;

	}

	.content-top h5 {

		font-size:0.8125em;

		margin-bottom: 35px;

	}

	.footer-list li img {

		margin-right: 10px;

	}

	.gallery li {

		width: 30.9%;

	}

	#filters li span {

		padding: 10px 4px;

		font-size:0.8125em;

	}

	.links h4 a {

		font-size:12px;

	}

	p.img {

		padding-top: 2px;

		font-size: 13px;

	}

	.project-list li p a {

		font-size:11px;

	}

	.project-list2 {

		padding: 20px;

	}

	.project-list {

		padding: 20px;

	}

	.project-list1 {

		padding: 20px;

	}

	span.likes {

		font-size: 12px;

		padding-top: 50px;

	}

	.blog-left h4 {

		font-size: 1em;

	}

	span.author {

		font-size: 0.8125em;

	}

	.blog-desc {

		padding:20px;

	}

	.blog-desc p {

		font-size:0.8125em;

	}

	.comment-desc {

		font-size: 0.8125em;

	}

	ul.dc_pagination li a {

		font-size:0.8125em;

	}

	.span_1_of_about-grids h3 {

		font-size:0.8125em;

		padding: 5px 15px;

	}

	.contact-list li p {

		width:79.5%;

	}

	.page-not-found h3 {

		font-size: 10em;

	}

	.page-not-found h4 span img{

		width: 69%;

	}

	.cssmenu ul li a {

		padding: 10px 90px;

		font-size: 0.8125em;

	}

	.cssmenu {

		padding-top:0px;

		text-align: center;

	}

	.btn {

		padding: 5px 10px;

		font-size: 0.8125em;

		width: 57%;

	}

	.desc {

		padding:10px;

	}

	.desc h4 {

		font-size:1em;

	}

	.span_1_of_3 h3 {

		margin-bottom: 15px;

	}

	.portfolio-top h3 {

		font-size:1.4em;

	}

	.portfolio-top h5 {

		font-size:0.8125em;

		margin-bottom:30px;

	}

	#filters {

		margin-bottom: 20px;

	}

	.links {

		padding: 10px;

	}

	.project-list h4, .project-list1 h4, .project-list2 h4 {

		font-size: 1em;

		margin-bottom: 20px;

	}

	.point h5 {

		font-size:0.8125em;

	}

	.gallery li p {

		font-size: 0.8125em;

		padding: 15px;

	}

	.percent-text {

		width:54%;

	}

	.percent-text1 {

		width:50%;

	}

	.percent-text2 {

		width: 45%;

	}

	.percent-text3 {

		width: 48%;

	}

	.percent-text4 {

		width: 54%;

	}

	.percent-text5 {

		width:48%;

	}

	.percent-text7 {

		width:44%;

	}

	.content-bottom p {

		font-size: 1em;

	}

	.content-middle p {

		font-size: 1em;

	}

	.project-list2 li {

		padding:4px;

	}

	.data-middle {

		width:89.5%;

	}

	.data-last {

		width:89.5%;

	}

	.siteTitle {

		/*float: none;*/

	}

	.span_1_of_first {

		width:100%;

		margin-bottom:20px;

	}

	.col_1_of_4 {

		float:none;

		margin: 0% 0 0% 0%;

	}

	.span_1_of_4 {

		width:100%;

		margin-bottom:20px;

	}

	.footer-nav {

		float:none;

	}

	.copy {

		float: none;

		padding-top: 7px;

	}

	.footer-bottom {

		text-align:center;

	}

	.follow {

		padding-top: 10px;

	}

	.follow p {

		margin-bottom:0;

	}

	.banner h2 {

		padding: 5px 40px 5px 10px;

		font-size: 1.7em;

	}

	#filters {

		padding: 0% 5% 5% 5%;

	}

	#portfoliolist .portfolio {

		width: 100%;

	}

	.project {

		width: 100%;

		float: none;

		margin-right: 0;

	}

	.project-sidebar {

		width: 100%;

		float: none;

	}

	.single-blog {

		width:91%;

		float: none;

		padding: 0 20px;

	}

	.submit {

		margin-bottom:20px;

		font-size: 0.8125em;

		padding: 8px 15px;

	}

	.span_2_of_about h2 {

		font-size: 1.1em;

	}

	.span_2_of_contact {

		width:100%;

		margin-right:0%;

	}

	.contact{

		padding:0;

	}

	.page-not-found h4 span {

		padding: 13px 0px 0;

	}

	.footer-nav ul li a {

		font-size:12px;

		margin:10px 1px;

	}

	.social-list li {

		margin-right:10px;

	}

	.social-list li p {

		padding: 8px 10px 5px 10px;

		font-size: 0.8125em;

	}

	.slider-left {

		float: none;

		padding-top: 0;

		width: 100%;

	}

	.banner {

		padding: 30px 0;

	}

	.banner h2{

		font-size: 1.4em;

	}

	.proj-desc h4 {

		font-size: 1.2em;

	}

	.proj-desc p {

		font-size: 0.8125em;

	}

	.blog-left {

		width: 100%;

		margin-right: 0;

		float: none;

	}

	.blog-right {

		width: 100%;

		float: none;

	}

	.social-list {

		padding-top: 20px;

	}

	li.middle {

		padding: 0 0px 0 30px;

	}

	li.last-comment {

		padding: 0 0px 0 50px;

	}

	.slider-left h4 {

		display:none;

	}

	.slider-left h3 {

		font-size: 1.4em;

		width: 100%;

	}

	.banner-wrap {

		width: 60%;

	}

}