.mt0	{margin-top: 0;}
.mt10   {margin-top: 10px !important;}
.mt20   {margin-top: 20px;}
.mb0	{margin-bottom: 0 !important;}
.mb20	{margin-bottom: 20px !important;}
.mr10	{margin-right: 10px;}
.mr20	{margin-right: 20px;}
.pt0	{padding-top: none !important;}
.pt3pc 	{padding-top: 3%}
.pt5pc 	{padding-top: 5%}
.pt20 	{padding-top: 20px}
.pt30 	{padding-top: 30px}
.pt40 	{padding-top: 40px}
.pt50 	{padding-top: 50px}
.pb0	{padding-bottom: 0 !important;}
.pb3pc 	{padding-bottom: 3%}
.pb5pc 	{padding-bottom: 5%}
.pb20 	{padding-bottom: 20px}
.pb30 	{padding-bottom: 30px}
.pb40 	{padding-bottom: 40px}
.pb50 	{padding-bottom: 50px}
.b-none	{border: none !important;}
.about-slider-img {background: url('/assets/images/slider-3.png') no-repeat top; background-size: 150%; width: 100%; height: 300px;}
.about-text ul 		{padding-left: 0;}
.about-text li		{font-size: 15px; line-height: 22px; list-style-type: none; margin-bottom: 8px;}
.about-text li span	{margin-right: 10px;} 
.about-text strong {color: rgb(171, 175, 186);}
.about-service-col {text-align: center; margin-bottom: 20px !important;}
.about-services .circle {width: 125px; height: 125px; margin: 0 auto; margin-bottom: 2.5em;}
.about-services .circle i {font-size: 6em; padding-top: 0;}
.about-services p {margin-top: 0;}
.about-services-row {}
.hugeImage { background: url('../images/parallax-south-shields-beach.jpg') no-repeat; }
h3 {width: 100%;}
h4 {color: #fff;}
[class^="icon-"] {color: #fff !important;}
/* .portfolio {padding-top: 76px;} */
/* .more-work a {background-color: #4d4f53; width: 50%;} */ /* New style */  
.more-work a {color: #dee4e8 !important; background-color: #4d4f53; width: 50%;} /* New style */
.more-work a:hover {background-color: #44464B;} /* New style */   
.portfolio .filter-links li {margin-right: 16px; margin-left: 16px}
.portfolio .filter-links li:hover, h3 a:hover {border-style: dotted; border-width: 0 0 1px 0;}
.portfolio-main .more-work {display: none;}
/*
.portfolio-featured-gallery .portfolio-single {    
	-moz-transition:	background-color .1s ease-in;
    -o-transition:		background-color .1s ease-in;
    -webkit-transition:	background-color .1s ease-in;
    background: #37393d;}
.portfolio-featured-gallery .portfolio-single:hover {background: #2C2D2E;     
	-moz-box-shadow:    inset  0  8px 8px -8px #242526, 
                        inset  0 -8px 8px -8px #242526;
    -webkit-box-shadow: inset  0  8px 8px -8px #242526, 
                        inset  0 -8px 8px -8px #242526;
     box-shadow:        inset  0  8px 8px -8px #242526, 
                        inset  0 -8px 8px -8px #242526;}
*/
.back-to-gallery-icon span i {font-size: 18px;}
.flexslider figure .captions a.title {line-height: 1.1em;}
.flexslider figure .captions h1.title {padding: 20px; width: 90%;}
footer .footer-about .footer-logo {width: 75%;}
.areas-covered a {color: #4b4d52 !important;} 
.areas-covered a:hover { color: #5f6167!important; }
.circle i {color: #fff !important;}
.scrollup {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 50px;
    right: 3%;
    display: none;
/*     text-indent: -9999px; */
    background: url('icon_top.png') no-repeat;
    background-color: #777d90;
    opacity: 0.3;
	   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 -khtml-border-radius: 5px;
	  	    border-radius: 5px;    
    z-index: 1;
}
.scrollup:hover {opacity: 0.7;}
.scrollup span i {color: #fff; font-size: 25px; display: block; text-align: center; line-height: 1.4em;}
.contact .form-required-text p {color: #777d90; font-size: 13px; margin-bottom: 0.5em; margin-top: 0.5em;}
.contact .form-required-text-title {margin-bottom: 0.5em;}
.contact .has-error {background: #37393d url('../images/icon-cross.png') no-repeat 98% 12px; border-radius: 5px;}
.contact .has-error input, .contact .has-error textarea {background-color: transparent !important;}

/* Smaller than Tablet Portrait Size */
@media (max-width: 767px)
{
	.about-services .circle {width: 80px; height: 80px;}
	.about-services .circle i {font-size: 4em;}
	.about-services h3 {margin-bottom: 0;}
	.about-services p {margin-bottom: 50px;}	
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next  {height: 33px !important; width: 33px !important; opacity: 0.5 !important; background-position: 5px 5px;}
	.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {opacity: 1 !important;}	
	
  .mainNavigation nav #menu-main-menu li a {
  	font-size: 17px;
    line-height: 1.8em;
  }
}

/* For Tablet and Desktop */
@media (min-width: 768px) {

}

/* Up to Tablet Portrait Size */
@media (max-width: 768px)
{
	.more-work {margin-top: 12px;} /* New style */   	
	#filterOptions, #work aside h3, .clients header h3 {text-align: center;}
}

/* Medium Devices */
@media (min-width: 970px)
{
	#filterOptions {margin-top: 10px;}
	.about-services-row {margin-bottom: 40px;}
}

/* iPad Landscape */
@media (max-width: 1024px)
{
	.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next  {height: 33px !important; width: 33px !important; opacity: 0.5 !important; background-position: 5px 5px;}
	.flex-direction-nav .flex-prev:hover, .flex-direction-nav .flex-next:hover {opacity: 1 !important;}	
}
   

/* Large Desktop */
@media (min-width: 1200px)
{

}