/******************************************************************
Site Name: Drive Stylesheet using Bootstrap v2.2.1
Author: Falcon Creative Studio (FCS)

Stylesheet: Main Stylesheet
 * Drive Less Stylesheet using Bootstrap v2.2.1
 *
 * Copyright 2012 Falcon Creative Studio, Inc 
 *
 
	Most of the Styles here are override from boostrap. You can still use bootstraps default using bootsrap class.  Mostly we add unique extra class and customized bootstrap (which means you still able to access bootstrap's default styles).
	
	1. Global Styles.
	2. Common Styles used all over the template.
		2.1. Button (Primary Button, Secondary Button).
		2.2. Progress Bar.
		2.3.  Curved Shadows (Shadows used in headers and in sliders).
		2.4. Fcs Responsive Sliders (This is the slider used in clients, feartured work etc).
		2.5. Social Icons (This applied to all social icon throught out the template).
		2.6. Icon 50 & Icon 80 (Rounded icon with font awesome in two differnt sized used in home, service and shortcodes page. You can use anywhere you want.)
		2.7. Blockquote
		2.8. Seperator.
	3. Page Header.	
		3.1. Page Top Bar.
		3.2. Page Header.
		3.3 Main Navigation.
		3.4 Mobile Navigation
	4. Banner / Slider.
		4.1.  Banner Breadcrumbs.
		4.2. Intro Banner / Box below banner in home page 2.
	5. Back to Top
	6. Main Content & Common Page Styles
		6.1. Main Content (This is the wrapper div).
	7. Home Page 1.
	8. Home Page 2.
	9. Services - Services Page.
	10.Blog & Single Blog Pages.
		10.1.  Author Details.
		10.2. Comments Section.
		10.3. Post Format Icons.
		10.4. Pagination.
	11. Sidebar.
		11.1. widgets.
		11.2. Popular Posts.
		11.3 Recent Tweets.
		11.4. Flickr.
	12. Clients.
	13. Page Footer.
		13.1. Copyright info section.
	14. Pricing Table.
	15. Single Portfolio.
	16. Contact Page.
	16.1. Form Styles.
	17. Shortcodes.
		17.1. DropCaps.
		17.2. Highlight.
		17.3. ToolTips.
		17.4. Pop Over
		17.5. Message Box
		17.6. Tabs.
		17.7. Accordion & Toggle
	18. Hover Effects 
		18.1. Hover Effects1
		18.2. Hover Effects2
		18.3. Hover Effects3
	19. Members in About Pages (Our team). 
	20. Portfolio Page.
	21. IE9 Rules.
 */
/* CSS Reset & normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.fcs-post-audio, .fcs-post-video {
  margin-bottom: 30px;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img, .map_api img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}

/* text alignment */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/*********************
 1. Global Styles
*********************/
body {
  background: #fff;
  line-height: 1.8;
}
body.noise {
  background: url(../img/body-bg.png) repeat left top;
}
body.bbg1{
	background-image: url(../img/body-bg/bg1.png);
}
.js .pix-animate-cre{
  opacity: 0;
}
/********************
02. WORDPRESS BODY CLASSES
    style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */

/*********************
08. POSTS & CONTENT STYLES
*********************/
#content {
  margin-top: 2.2em;
}
/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
}
/* end .entry-content */
.wp-caption {
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */

}
.wp-caption img {
  margin-bottom: 0;
  max-width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
#pageFooterCon .wp-caption p.wp-caption-text{
  color: #333;
}
.sticky  {}
.gallery-caption {}
.bypostauthor {}
/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
/******************************************************************
09. PAGE NAVI STYLES
******************************************************************/
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}
/* end .wp-prev-next */
/* no comments */
.nocomments {
  margin: 0 20px 1.1em;
}
p {
  margin-bottom: 20px;
}
p img.pull-left {
  margin: 5px 10px 10px 0px;
}
p img.pull-right {
  margin: 5px 10px 10px 0px;
}
p + h3 {
  margin-top: 30px;
}
pre {
  margin-bottom: 25px;
}
ul,
ol {
  margin-bottom: 0px;
}
li,
dd {
  margin-bottom: 10px;
  margin-left: 0;
}
.listStyle li .fa-li {
  line-height: 17px;
}
.listStyle li:last-child{
  margin-bottom: 0;
}
li[class^="icon-"]::before,
li[class*=" icon-"]::before {
  font-size: 14px;
}
#mainContent p.noMarginBottom,
p.noMarginBottom {
  margin-bottom: 0px;
}
.noMarginLeft{
	margin-left: 0px !important;
}
iframe{
  border:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  margin-bottom: 30px;
  clear: both;
}
h1.noMarginBottom,
h2.noMarginBottom,
h3.noMarginBottom,
h4.noMarginBottom,
h5.noMarginBottom,
h6.noMarginBottom {
  margin-bottom: 0px;
}
h1.borderLine,
h2.borderLine,
h3.borderLine,
h4.borderLine,
h5.borderLine,
h6.borderLine {
  background: transparent url(../img/sep-double-line.png) repeat-x left center;
  line-height: 1;
  margin-bottom: 30px;
  font-size: 18px;
}
h1.borderLine .bg,
h2.borderLine .bg,
h3.borderLine .bg,
h4.borderLine .bg,
h5.borderLine .bg,
h6.borderLine .bg {
  padding-right: 15px;
  display: inline-block;
  line-height: 1;
  background: #fff;
}

#mainContent .colorBg:nth-child(even)  h1.borderLine .bg, 
#mainContent .colorBg:nth-child(even)  h2.borderLine .bg,
#mainContent .colorBg:nth-child(even)  h3.borderLine .bg,
#mainContent .colorBg:nth-child(even)  h4.borderLine .bg,
#mainContent .colorBg:nth-child(even)  h5.borderLine .bg,
#mainContent .colorBg:nth-child(even)  h6.borderLine .bg{
  background: #f8f8f8;
}
.singleLine {
  background: transparent url(../img/sep.png) repeat-x bottom center;
  min-height: 10px;
  clear: both;
}
.singleLine .bg{
  padding-bottom: 5px;
  display: inline-block;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase,
h5.uppercase,
h6.uppercase {
  text-transform: uppercase;
}
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
}
h1 {
  font-size: 21px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 13px;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
h6 {
  font-size: 12px;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.title,
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title {
  font-size: 16px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
  color: #333;
}

a:hover {
  text-decoration: none;
}
b,
strong {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-weight: normal;
}
i,
em {
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
}
pre{
}
code{
background-color: #fff;
border: 1px dashed #555555;
color: black;
line-height: 1.1em;
font-size: 11px;
padding: .5em 1em;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
line-height: 27px;
display: block;
margin-top: 30px;
}
/* Global Classes */
/* Images */
img.alignleft {
  float: left;
}

img.alignright {
  float: right;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.center {
  margin-left: auto;
  margin-right: auto;
}
.emphasis {
  font-size: 15px;
  margin-bottom: 40px;
  margin-top: 70px;
}
.emphasis.alignCenter{
	margin-bottom: 20px;
}
.no-fullwidth .emphasis {
	margin-top: 0;
}
.crop {
  height: 185px;
  overflow: hidden;
}
.clear {
  clear: both;
}
/* Selection Colors */
::-moz-selection {
  text-shadow: 0px 1px 1px #ffffff;
  color: #222222;
}
::selection {
  text-shadow: 0px 1px 1px #ffffff;
  color: #222222;
}
.no-fullwidth{
  margin: 80px 0;
}
.homeClassic{
margin-bottom: 80px;
}
/**************************************************
	2. Common Styles used all over the template.
 **************************************************/
/* 2.1. Theme Own Button (Primary Button, Secondary Button) */
.btn [class^="icon-"],
.btn [class=" icon-"] {
  margin-left: 3px;
  margin-right: 4px;
}
.btn .fa{
  margin-right: 5px;
}
/* primary Button */
.btn-theme-pri, .form-submit #submit,.added_to_cart {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  font-size: 14px;
  padding: 8px 12px 6px;
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
}
.btn-theme-pri:hover, .form-submit #submit:hover,.added_to_cart:hover {
  color: #ffffff;
  text-decoration: none;
  background-position: 0 0;
}
.btn-theme-pri:focus, .form-submit #submit:focus,.added_to_cart:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-theme-pri.active,
.btn-theme-pri:active, .form-submit #submit:active,.added_to_cart:active {
  color: #ffffff;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-theme-pri.disabled,
.btn-theme-pri[disabled] {
  color: #555555;
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-theme-pri.btn-large {
  padding: 11px 19px;
  font-size: 17px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-theme-pri.btn-small,.added_to_cart {
  padding: 2px 10px;
  font-size: 12.2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.btn-theme-pri.btn-mini {
  padding: 1px 6px;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.form-submit #submit {
  border: none;
}
/* Theme Own Button Secondary*/
.btn-theme-sec {
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  box-shadow: none;
}
.btn-theme-sec:hover,
.btn-theme-sec.black:hover {
  color: #ffffff;
  text-decoration: none;
  background-position: 0 0;
}
.btn-theme-sec:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn-theme-sec.active,
.btn-theme-sec:active {
  color: #ffffff;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-theme-sec.disabled,
.btn-theme-sec[disabled] {
  color: #555555;
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-theme-sec.black {
  background-color: #474747;
  background-image: -moz-linear-gradient(top, #555555, #333333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
  background-image: -webkit-linear-gradient(top, #555555, #333333);
  background-image: -o-linear-gradient(top, #555555, #333333);
  background-image: linear-gradient(to bottom, #555555, #333333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
}
/* 2.2 Theme Style Progress Bar*/
.progress-text {
  margin-bottom: 5px;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 2px;
}
.progress-striped .bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-con {
  position: relative;
}
.progress-con p {
  text-transform: uppercase;
  line-height: 32px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0 10px;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.progress {
  height: 30px;
  background-color: #ccc;
  background-image: none;
  margin-bottom: 20px;
}
.progress .bar.theme {
  text-transform: uppercase;
  line-height: 30px;
}
/* 2.3. Curved Shadows */
.drop-shadow {
  position: relative;
  background: #ffffff;
}
.drop-shadow:before,
.drop-shadow:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.drop-shadow.curved:before {
  top: 50%;
  bottom: 3px;
  left: 30%;
  right: 30%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 130px / 10px;
  border-radius: 130px / 10px;
  max-width: 40%;
  opacity: 0.5;
}
/* 2.4. Fcs Responsive Sliders */
.fcsCarousel {
  position: relative;
  width: 100%;
}
.carousel-items-con {
  width: 100%;
  overflow: hidden;
}
.carousel-items {
  width: 10000px;
  list-style: none;
  margin-left: 0px;
}
.carousel-item {
  margin-right: 35px;
  float: left;
  list-style: none;
  margin-left: 0px;
  margin-bottom: 0;
}
.carousel-item.featuredWork {
  margin-bottom: 0;
}
.ourClients .carousel-item{
width: 153px;
height: 76px;
}
.hover-con{
   display: table;
   width: 100%;
   height: 100%;
}
.hover-con .hover-center{
   display: table-cell;
   vertical-align: middle;
}
.fcsCarousel img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
}
.fcsCarousel,
.carousel-item a {
  -webkit-user-drag: none;
  -moz-user-drag: none;
}
.col3 .carousel-item {
  width: 290px;
  height: 210px;
}
.col4 .carousel-item {
  width: 212px;
  height: 154px;
}
.slider-nav {
  position: absolute;
  top: 4px;
  right: 0px;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 23px;
  line-height: 26px;
  width: 100%;
  height: 0px;
}
.slider-nav .disable,
.slider-nav .disable:hover {
  color: #ccc;
  cursor: default;
  text-decoration: none;
}
.slider-nav a {
  width: 10px;
  height: 20px;
  display: block;
  float: left;
  margin-left: 2px;
  color: #666;
  outline: none;
  font-size: 37px;
  background: none;
  position: absolute;
}
.slider-nav a.prevSlide {
  left: 0px;
  top: 0px;
}
.slider-nav a.nextSlide {
  right: 0px;
  top: 0px;
  margin-left: 0;
  margin-right: 2px;
}
.slider-nav a:active {
  outline: none;
}
.noFcsCarousel .slider-nav{
  display: none;
}
.noFcsCarousel .carousel-items {
  width: 100%;
}
.noFcsCarousel .carousel-items .carousel-item:nth-child(4n){
  margin-bottom: 0;
}
.col3.noFcsCarousel .carousel-item:nth-child(3n){
  margin-right: 0;
}
.col4.noFcsCarousel .carousel-item:nth-child(4n){
  margin-right: 0;
}
/* 2.5. Social Icons */
.socialIcons {
  margin-bottom: 0;
}
.socialIcons a {
  background: #e5e5e5;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  color: #bbb;
  font-size: 13px;
  display: inline-block;
  margin-left: 3px;
  -webkit-transition: background-color ease 0.5s;
  -moz-transition: background-color ease 0.5s;
  -o-transition: background-color ease 0.5s;
  transition: background-color ease 0.5s;
}
.socialIcons a:hover,
.socialIcons a:active {
  -webkit-transition: background ease 0.5s;
  -moz-transition: background ease 0.5s;
  -o-transition: background ease 0.5s;
  transition: background ease 0.5s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  color: #fff;
}
/* 2.6. Icon 50 & Icon 80 */
/* Icons */
.icon50 {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  background: #333333;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.icon50.left {
  float: left;
  margin-right: 10px;
  margin-bottom: 9px;
}
.icon50.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 9px;
}
.icon50 span {
  color: #ebebeb;
  font-size: 30px;
  margin-left: 0px;
  display: inline-block;
  line-height: 50px;
}
.icon50.orange {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
}
/* Icon 80px */
.icon80 {
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 82px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  background: #333333;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  font-size: 46px;
}
.icon80.orange {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.icon80.left {
  float: left;
  margin-right: 10px;
  margin-bottom: 9px;
}
.icon80.right {
  float: right;
  margin-left: 10px;
  margin-bottom: 9px;
}
/* Icon 190px */
.icon190 {
  text-align: center;
  width: 190px;
  height: 190px;
  line-height: 202px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  background: #333333;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  font-size: 94px;
}
.icon190.orange {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
}
/* Icon 100px */
.icon100 {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 107px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  background: #333333;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.7);
  border: 2px solid white;
}
.icon100.orange {
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
}
/* 2.7. Blockquote */
blockquote {
  width: 90%;
  margin: 30px auto;
  clear: both;
}
blockquote.white {
  background-color: #ffffff;
}
blockquote.white p {
  padding: 5px 0px;
}
blockquote.right {
  float: right;
}
blockquote.pull-right{

}
blockquote small {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}
blockquote p {
  font-size: 14px;
}
/* 2.8. Seperator */
.sep {
  background: transparent url(../img/sep.png) repeat-x center center;
  min-height: 10px;
  clear: both;
}
.sep span {
  padding: 0px 10px;
  background: url(../img/body-bg.png) repeat center center;
}
.sep.double {
  background: transparent url(../img/sep-double-line.png) repeat-x left center;
}
/**************************************************
	3. Page Header.
 **************************************************/
/* 3.1. Page Top Bar */
.pageTopCon {
  background: #333333 url(../img/pat.png) repeat left top;
}
.pageTopCon.hbg1, #pageFooterCon.hbg1{	
  background-image: url(../img/header-bg/bg1.png);
}
.pageTopCon.hbg2, #pageFooterCon.hbg2{	
  background-image: url(../img/header-bg/bg2.png);
}
.pageTopCon.hbg3, #pageFooterCon.hbg3{	
  background-image: url(../img/header-bg/bg3.png);
}
.pageTopCon.hbg4, #pageFooterCon.hbg4{	
  background-image: url(../img/header-bg/bg4.png);
}
.pageTopCon.hbg5, #pageFooterCon.hbg5{	
  background-image: url(../img/header-bg/bg5.png);
}
.pageTopCon.hbg6, #pageFooterCon.hbg6{	
  background-image: url(../img/header-bg/bg6.png);
}
.pageTopCon.hbg7, #pageFooterCon.hbg7{	
  background-image: url(../img/header-bg/bg7.png);
}
.pageTopCon.hbg8, #pageFooterCon.hbg8{	
  background-image: url(../img/header-bg/bg8.png);
}
.pageTopCon.hbg9, #pageFooterCon.hbg9{	
  background-image: url(../img/header-bg/bg9.png);
}
.pageTopCon.hbg10, #pageFooterCon.hbg10{	
  background-image: url(../img/header-bg/bg10.png);
}


.pageTopCon .pageTop {
  width: 940px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  color: #b2b2b2;
  overflow: hidden;
}
.pageTopCon p {
  line-height: 35px;
  margin-bottom: 0;
}
/* 3.2. Page Header */
.pageHeader {
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  z-index: 999;
  position: relative;
}
.admin-bar .pageHeader{
z-index: 250;
}
.pageHeader .logo {
  float: left;
  margin-top: 38px;
}
.pageHeader .logo a {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 36px;
  color: #333333;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.pageHeader.affix .mainNav {
  height: auto;
}
.pageHeader.affix {
  position: fixed;
  background: #fff;
  background: rgba(255,255,255,0.95);
  top: 0px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: 100%;
  top: -250px;
  z-index: 999;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  height: auto;
}
.pageHeader.affix .logo{
  margin-top: 8px;
  margin-bottom: 18px;
}
.pageHeader.affix .mainNav .menu li {
  height: 60px;
  padding-top: 0px;
  padding-bottom: 30px;
  background: none;
}
.pageHeader.affix .mainNav .menu > li.current-menu-item:before {
  border-top: none;
  height: auto;
}
.pageHeader.affix .mainNav ul.menu ul{
  top: 90px;
}
.pageHeader.affix .mainNav ul.menu ul ul{
  top: 0px;
}
.pageHeader.affix .mainNav ul.menu ul li {
  padding-bottom: 0;
  padding-top: 6px;
  height: auto;
}
.pageHeader.affix .mainNav .menu li.current-menu-item, .pageHeader.affix .mainNav .menu li.current-menu-parent{
  border: none;
}
.pageHeader.affix .mainNav .menu > li.current-menu-parent.current-menu-ancestor{
  height: 60px;
}
.pageHeader.affix .mainNav li a {
  margin-top: 26px;
}
.pageHeader.affix .mainNav li ul a{
  margin-top: 0px;
}
.admin-bar .pageHeader.affix .logo{
  margin-top: 28px;
}
.admin-bar .pageHeader.affix .mainNav .menu li{
  height: 80px;
}
.admin-bar .pageHeader.affix .mainNav .menu ul li{
  height: auto;
}
.admin-bar .pageHeader.affix .mainNav li a {
  margin-top: 48px;
}
.admin-bar .pageHeader.affix .mainNav li ul li a {
  margin-top: 0px;
}
/*3.3 Main Navigation*/
.mainNav {
  height: 140px;
  float: right;
}
.mainNav ul.menu {
  float: left;
  list-style: none;
  position: relative;
  margin-bottom: 0;
  margin-left: 0;
}
.mainNav ul.menu ul {
  position: relative;
  background: #ffffff;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 150px;
  border: 1px solid #e5e5e5;
  position: absolute;
  z-index: 250;
  top: 118px;
  left: 15px;
  visibility: hidden;
  margin: 0;
  padding: 13px 0 0;
}
.mainNav ul.menu ul li {
  z-index: 99;
  min-height: 30px;
  width: 130px;
  text-align: left;
  margin: 0;
  padding: 6px 10px 0;
  line-height: 1;
  position: relative;
  height: auto;
}
.mainNav ul.menu ul li:after {
  border-bottom: 1px solid #e5e5e5;
  content: "";
  height: 5px;
  display: block;
  margin: 0px;
}
.mainNav ul.menu ul li.arrow, .pageHeader.affix .mainNav ul.menu ul li.arrow {
  background: url(../img/nav-arrow.png) no-repeat left top;
  width: 12px;
  height: 8px;
  position: absolute;
  left: 18px;
  top: -8px;
  min-height: 8px;
  padding: 0px;
}
.mainNav ul.menu ul li.arrow:after {
  border-bottom: none;
  content: "";
  height: 0px;
  display: inline;
  margin: 0px;
}
.pageHeader .mainNav ul.menu ul li.border {
  height: 5px !important;
  min-height: 5px;
  padding: 0px;
  margin: 0 0px;
  width: 100%;
  z-index: 1;
}
.mainNav ul.menu ul li.border:after {
  content: "";
  height: 3px;
  display: block;
  margin: 0px;
  min-height: 3px;
}
.mainNav ul.menu ul li a {
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  text-align: left;
  font-size: 12px;
  color: #b2b2b2;
  padding: 0;
  padding-bottom: 4px;
  text-transform: none;
  display: block;
  line-height: 1.3;
}
.mainNav ul.menu ul li a .plus {
  display: inline-block;
  float: right;
}
.mainNav ul.menu ul li ul {
  position: absolute;
  left: 145px;
  top: -6px;
  padding-top: 6px;
}
.mainNav ul.menu ul li ul li.arrow, .pageHeader.affix .mainNav ul.menu ul li ul li.arrow {
  background: url(../img/nav-arrow-right.png) no-repeat left top;
  width: 8px;
  height: 12px;
  position: absolute;
  left: -8px;
  top: 11px;
  min-height: 8px;
  padding: 0px;
}
.mainNav li {
  position: relative;
  float: left;
  list-style: none;
  padding: 10px 13px 0;
  text-align: center;
  height: 100px;
  margin-bottom: 0;
}
.mainNav .menu > li{
  line-height: 18px;
  padding-bottom: 30px;
}
.mainNav li.menu-item-has-children > a:after {
  color: #b2b2b2;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  content: " +";
}.mainNav li.menu-item-has-children li > a:after {
  float: right;
}
.mainNav li:hover > ul {
  visibility: visible;
}
.mainNav .menu li.current-menu-item, .mainNav .menu li.current-menu-parent, .mainNav .menu li.current-menu-ancestor {
  background: #ffffff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 0 13px;
  height: 141px;
  position: relative;
  z-index: 5;
}
.mainNav .menu li.current-menu-parent {
  padding: 0px 13px 0;
  height: 141px;
}
.mainNav .menu li.current-menu-parent {
  padding: 0px 13px 0;
  height: 141px;
}
.pageHeader .mainNav .menu ul li.current-menu-parent {
  height: auto;
  border: none;
  padding:6px 10px 0;
}
.pageHeader .mainNav .menu ul li.current-menu-parent:before, .affix .mainNav .menu li.current-menu-ancestor {
  height: 0;
  border: none;
}
.mainNav .menu ul li.current-menu-item, .pageHeader .mainNav .menu ul li.current-menu-parent{
  padding: 6px 10px 0;
  height: auto;
  border: none;
}
.mainNav li.current-menu-item .taline {
  cursor: default;
}
.mainNav .menu > li.current-menu-item:before, .mainNav .menu li.current-menu-parent:before, .mainNav .menu li.current-menu-ancestor:before {
  content: "";
  height: 5px;
  display: block;
  margin: 0px -13px 0px;
}
.mainNav .menu ul li.current-menu-parent:before .mainNav .menu ul li.current-menu-item, .affix .mainNav .menu li.current-menu-parent.menu-item-type-custom:before, .pageHeader .mainNav .menu ul li.current-menu-parent:before, .affix .mainNav .menu > li.current-menu-item:before, .affix .mainNav .menu li.current-menu-parent:before, .affix .mainNav .menu li.current-menu-ancestor:before{
  border: none;
  height: 0;
}
.mainNav li.current-menu-item ul li a:hover,
.mainNav li.current-menu-item ul li a:active {
  cursor: pointer;
}
.mainNav li.current-menu-item a:hover,
.mainNav li.current-menu-item a:active {
  cursor: default;
}
.mainNav li a {
  margin: 44px 5px 0px;
  display: block;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: color ease 0.5s;
  -moz-transition: color ease 0.5s;
  -o-transition: color ease 0.5s;
  transition: color ease 0.5s;
  color: #333333;
}
.mainNav li a:hover,
.mainNav li a:active {
  text-decoration: none;
  -webkit-transition: color ease 0.5s;
  -moz-transition: color ease 0.5s;
  -o-transition: color ease 0.5s;
  transition: color ease 0.5s;
}
.mainNav li span {
  display: block;
  color: #b2b2b2;
  padding: 0 3px;
}
.mainNav li span.taline {
  cursor: default;
}
/* 3.4 Mobile Navigation */
.mnav, .mnav1 {
  display: none;
  visibility: hidden;
}
/* 4. Banner / Slider */
#bannerCon {
  width: 100%;
  height: 400px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.forcefullwidth_wrapper_tp_banner, .rev_slider_wrapper{
min-height: 400px !important;
}
.rev_slider {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
#bannerCon.sub {
  margin: 0 auto;
  height: 80px;
  padding: 30px 0 0;
  /* 4.1. Banner Breadcrumbs */

}
#bannerCon.sub h1,
#bannerCon.sub .title,
#bannerCon.sub h2 {
  font-size: 28px;
  margin-bottom: 0px;
  line-height: 1.3;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  float: left;
  padding-bottom: 34px;
  padding-left: 8px;
}
#bannerCon.sub .tagline {
  color: #b2b2b2;
  font-size: 13px;
  margin: 3px 0 0;
}
#bannerCon.sub .breadcrumb {
  background: none;
  float: right;
  font-style: italic;
  padding-top: 13px;
  font-size: 13px;
  padding-right: 8px;
}
#banner {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
#banner h1,
#banner .title,
#banner h2, .tp-caption.title {
  font-size: 24px;
  line-height: 1.3;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  text-transform: none;
}
#banner .tagline, .tp-caption .tagline {
  color: #b2b2b2;
  font-size: 14px;
}
#banner .or, .tp-caption .or {
  font-style: italic;
  font-size: 14px;
  color: #b2b2b2;
  padding: 0 7px 0 10px;
}
.tp-caption a.btn{
color: #fff;
}
#banner a.secLink, .tp-caption .secLink {
  color: #999999;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 14px;
}
/* 4.2 Intro Banner */
.introBox {
  color: #ffffff;
  background: #333333 url(../img/pat.png) repeat left top;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 20px 30px;
}
.fullWidthWrap .introBox {
  margin-bottom: 0;
  border-radius: 0;
  position: relative;
}
.introBox .introMB{
  margin-top: 23px;
  margin-bottom: 0;
  float: right;
}
.introBox.homePage {
  border-radius: 0;
}
.introBox h2 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 10px;
}
.introBox ::selection {
  color: #ffffff;
  text-shadow: none;
}
.introBox ::-moz-selection {
  color: #ffffff;
  text-shadow: none;
}
.introBox .container .content {
  width: 80%;
  float: left;
}
.introBox .container .btn span {
  font-size: 16px;
  margin-right: 9px;
}
/* Color Background */
#mainContent .colorBg {
  padding: 80px 0;
  background-repeat: repeat;
  background-position: center;
  background-size: 100% 100%;
}
#mainContent .container .container{
  width: 100%;
padding: 0;
}
#mainContent .colorBg:nth-child(odd){
  background-color: #fff;
}
#mainContent .colorBg:nth-child(even){
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
  border-left: none;
  border-right: none;
}
#mainContent .colorBg.txtWhite *{
  color: #fff;
}
#mainContent .colorBg.txtWhite * .fa{
  color: #fff;
}
#mainContent .colorBg section, #mainContent .colorBg .emphasis, #mainContent .colorBg .callOut, .colorBg .map_api, .colorBg .map{
  margin-bottom: 0;
}
#mainContent .colorBg .emphasis{
  margin-top: 0;
}
#mainContent .colorBg .callOut{
  padding: 0;
  background: none;
}
/*Back to Top*/
#back-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
}
#back-top a {
  width: 50px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  border-radius: 8px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  outline: 0;
}
#back-top a:hover,
#back-top a:active {
  outline: 0;
  color: #000;
  border-radius: 8px;
}
#back-top span {
  width: 50px;
  height: 50px;
  line-height: 47px;
  display: block;
  margin-bottom: 7px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  outline: 0;
  opacity: .6;
  font-size: 26px;
  color: #ffffff;
}
#back-top a:hover span {
  outline: 0;
  opacity: 1;
}
/* 6. Main Content & Common Page Styles*/
/* CallOut Box */
.callOut {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 28px;
  text-transform: uppercase;
  word-spacing: 9px;
  line-height: 1.5;
  text-align: center;
  background: url(../img/sep-double-line.png) repeat-x left bottom;
  color: #333;
  padding: 40px 0 35px;
  margin-bottom: 50px;
}
.seperator{
  background: url(../img/sep-double-line.png) repeat-x left bottom;
  padding: 20px 0px 0px;
  display: block;
  margin-bottom: 40px;
}
/* mainCont new section */
.marginTop{
  margin-top: 80px;
  margin-bottom: 80px;
}
#mainContent .newSection div.row-fluid {
  margin-bottom: 40px;
}
#mainContent section:last-child{
  margin-bottom: 0;
}
#mainContent .newSection div.row-fluid.noMarginBottom,
#mainContent .newSection div.row-fluid:last-child, #mainContent .newSection:last-child {
  margin-bottom: 0px;
}
/* Default margin bottom for section which is inside mainContent*/
#mainContent section {
  margin-bottom: 40px;
}
#mainContent section.entry-content {
  margin-bottom: 0;
}
/* 6.1 Main Content */
#mainContent {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  /* 7. Services Home Page */

  /* 9. Services - Services Page */

  /* Each Serices Rule */

}
#mainContent.noPaddingTop {
  padding-top: 0px;
}
#mainContent section p:last-child {
  margin-bottom: 0px;
}
#mainContent .newSection {
  margin-top: 0px;
  margin-bottom: 70px;
}
#mainContent .newSection.noMarginBottom {
  margin-bottom: 0px;
}
#mainContent .newSection p:last-child {
  margin-bottom: 0px;
}
#mainContent .newSection .priceTable p:last-child {
  margin-bottom: 20px;
}
#mainContent .newSection .noMarginBottom {
  margin-bottom: 0;
}
#mainContent .service {
  text-align: center;
}
#mainContent .service .title {
  margin: 19px 0 17px 0;
}
#mainContent .mainTitle {
  font-size: 24px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  margin-bottom: 30px;
  text-transform: uppercase;
  margin-top: 0;
}
#mainContent .alignRight{
  text-align: right;
}
#mainContent .mainTitle .bg, #mainContent .alignCenter .bg{
  padding: 0 15px;
}
#mainContent .alignRight .bg{
  padding: 0 0 0 15px;
}
#mainContent .mainServices2 {
  text-align: center;
}
#mainContent .serviceTitle {
  text-transform: uppercase;
  color: #333;
  font-size: 18px;
} 
#mainContent .alignCenter {
  text-align: center;
}
#mainContent .singleService.align-center {
  text-align: center;
}
#mainContent .singleService.align-left {
  text-align: left;
}
#mainContent .singleService.align-left .sepCenter,#mainContent .singleService.align-right .sepCenter {
  background: none;
}
#mainContent .singleService.singleService2{
  margin-bottom: 20px;
  margin-top: 20px;
}
#mainContent .singleService.singleService2 .title{
  margin-top: 0;
}
#mainContent .singleService.singleService2 hgroup{
  margin-bottom: 10px;
}
.singleService .tagline{
  color: #808080;
  margin-bottom: 0;
}
.singleService .tagline + .sep ,.singleService .title + .sep {
  background: none;
  margin-bottom: 0;
  min-height: 0;
}
.singleService.align-left .tagline + .sep,.singleService .tagline + .sep {
  background: transparent url(../img/sep.png) repeat-x center center;
  margin-bottom: 20px;
  min-height: 10px;
}
.singleService.align-right{
  text-align: right;
}
#mainContent .singleService.align-left .title,#mainContent .singleService.align-right .title {
  clear: none;
  margin-bottom: 0;
}
#mainContent .services .sep {
  margin-bottom: 30px;
}
#mainContent .singleService .content {
  font-size: 13px;
}
#mainContent .singleService .title {
  font-size: 20px;
  margin: 25px 0px 13px 0px;
}
#mainContent .singleService .icon190,
#mainContent .singleService icon100 {
  border: 3px solid #ffffff;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.9);
}
#mainContent .singleService .icon190 span,
#mainContent .singleService icon100 span {
  text-shadow: 1px 1px 5px #666;
}
#mainContent .singleService .sepCenter {
  background: url(../img/sep-double-line.png) repeat-x left center;
}
#mainContent .singleService .sepCenter .outerCircle {
  padding: 5px;
  border-radius: 500px;
  display: inline-block !important;
}
#mainContent .singleService .sepCenter .outerCircle.rotate1 {
  background: #cccccc;
  background: -moz-linear-gradient(320deg, #cccccc 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(320deg, #cccccc 0%, #ffffff 85%);
  background: -o-linear-gradient(320deg, #cccccc 0%, #ffffff 85%);
  background: -ms-linear-gradient(320deg, #cccccc 0%, #ffffff 85%);
  background: linear-gradient(320deg, #cccccc 0%, #ffffff 85%);
  background-size: 108px;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}
#mainContent .singleService .sepCenter .outerCircle.rotate2 {
  background: #cccccc;
  background: -moz-linear-gradient(270deg, #cccccc 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(270deg, #cccccc 0%, #ffffff 85%);
  background: -o-linear-gradient(270deg, #cccccc 0%, #ffffff 85%);
  background: -ms-linear-gradient(270deg, #cccccc 0%, #ffffff 85%);
  background: linear-gradient(270deg, #cccccc 0%, #ffffff 85%);
  background-size: 108px;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}
#mainContent .singleService .sepCenter .outerCircle.rotate3 {
  background: #cccccc;
  background: -moz-linear-gradient(220deg, #cccccc 0%, #ffffff 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(85%, #ffffff));
  background: -webkit-linear-gradient(220deg, #cccccc 0%, #ffffff 85%);
  background: -o-linear-gradient(220deg, #cccccc 0%, #ffffff 85%);
  background: -ms-linear-gradient(220deg, #cccccc 0%, #ffffff 85%);
  background: linear-gradient(220deg, #cccccc 0%, #ffffff 85%);
  background-size: 108px;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}

#mainContent .singleService .sepCenter .outerCircle.fullBg {
  background-size: 100%;
}
#mainContent .singleService .sepCenter.white .outerCircle {
  padding: 5px;
  background-color: #fff;
  background-image: none;
  border: 2px solid #b2b2b2;
}
#mainContent .singleService .sepCenter.white .outerCircle .icon190 {
  background: none;
  box-shadow: none;
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  transition: all ease-in 0.5s;
}
#mainContent .singleService.hover .sepCenter.white .outerCircle.rotate2{
  background: none;
  box-shadow: none;  
}
#mainContent .singleService .sepCenter.white .outerCircle .icon190 span {
  text-shadow: none;
  color: #464646;
  -webkit-transition: all ease-in 0.5s;
  -moz-transition: all ease-in 0.5s;
  -o-transition: all ease-in 0.5s;
  transition: all ease-in 0.5s;
}
#mainContent .process {
  position: relative;
  margin-bottom: 20px;
}
#mainContent .process .sepCenter {
  margin-bottom: 15px;
}
#mainContent .process .arrow {
  position: absolute;
  background: url(../img/process-arrow.png) no-repeat left top;
  right: -21%;
  width: 36px;
  height: 14px;
  top: 9px;
}
.newSection .title {
  margin: 0 0 30px 0;
  line-height: 1;
  font-size: 16px;
}
#mainContent .newSection.service p.content,
#mainContent .service p.content {
  margin-bottom: 30px;
}
/* 8. Services Home Page 2 */
.home2 .service .title {
  margin: 20px 0 15px 0;
}
/* 10.Blog & Single Blog Pages */
#blog-masonry .blog-masonry img{
  max-width: 100%;
}
.post {
  margin-bottom: 60px;
}
.post:last-child{
  margin-bottom: 0;
}
.post h1.blogTitle, .post h2.blogTitle, .post h3.blogTitle,
.post h4.blogTitle, .post h5.blogTitle, .post h6.blogTitle, .post .blogTitle{
  font-size: 20px;
  background: transparent url(../img/sep.png) repeat-x center bottom;
  margin-bottom: 0px;
  padding-bottom: 20px;
  margin-top: 0;
}
.post header{
  margin-bottom: 30px;
}
.post .meta {
  font-size: 13px;
  padding: 12px 10px 12px 0;
  background: transparent url(../img/sep.png) repeat-x center bottom;
}
.post .meta p {
  margin-bottom: 0px;
  float: left;
  clear: left;
}
.post .post-thumbnail {
  margin: 30px 0;
}
.post .permalink {
  background: transparent url(../img/arrow-black.png) no-repeat left 6px;
  float: right;
  padding-left: 12px;
}
/* 10.1. Author Details */
.authorDetails .authorImage {
  float: left;
  margin-right: 15px;
  width: 60px;
  height: 60px;
}
.authorDetails .details {
  float: right;
  width: 89%;
}
.authorDetails .authorName {
  margin: 0 0 7px 0;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 10.2. Comments Section */
.comment-list {
  list-style: none;
  margin: 0 0 60px 0;
  padding: 0;
}
#mainContent .newSection p.reply{
	margin: 10px 0 15px 77px;	
}
.comment-list .comment-body .comments {
  margin-left: 75px;
}
.comment-list .comment-body .comments .reply {
  text-align: right;
}
.comment-list ul {
  padding-left: 10px;
  border-left: 1px solid #f2f2f2;
  margin-left: 60px;
}
.comment-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
}
.comment-list li .comment-user {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 15px;
  margin-bottom: 5px;
}
.comment-list li .comment-user .date {
  float: right;
  color: #555555;
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.comment-list .comment-user .fn a{
  color: #333;
}
.comment-list li .comment-user small {
  color: #555555;
}
.comment-list li .pull-left {
  margin-right: 15px;
}
/*10.3. Post Format Icons */
.post-format-icon {
  margin-top: 10px;
  width: 26px;
  height: 26px;
  float: right;
  font-family: fontAwesome;
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 26px;
}
.post-format-icon:before{
  content: "\f040";
}

.format-gallery .post-format-icon:before{
  content: "\f03e";
}

.format-image .post-format-icon:before{
  content: "\f030";
}
.format-video .post-format-icon:before{
  content: "\f03d";
}

.format-audio .post-format-icon:before{
  content: "\f028";
}

/* 10.4. Pagination */
.pagination {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
}
.pagination.theme-style {
  font-size: 16px;
  height: 30px;
  margin: 15px 0 11px;
}
.pagination.theme-style ul {
  box-shadow: none;
  border-radius: 0px;
  background: transparent;
  height: 30px;
}
.pagination.theme-style ul > li {
  background: #e5e5e5;
  margin-right: 8px;
  border-radius: 0px;
  display: inline-block;
}
.pagination.theme-style ul > li a {
  background: #e5e5e5;
  color: #333333;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.pagination.theme-style ul > li a:hover {
  color: #ffffff;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.pagination.theme-style ul > li a,
.pagination.theme-style ul > li span {
  border: none;
  border-radius: 0px;
  padding: 1px 0 0 0;
  margin: 0;
  width: 32px;
  height: 29px;
  line-height: 30px;
  text-align: center;
}
.pagination.theme-style ul > li.active span {
  color: #ffffff;
}
.pagination .totalPages {
  float: left;
  line-height: 30px;
  margin-right: 15px;
  word-spacing: 5px;
  margin-bottom: 0px;
}
.pagination.theme-style .bpn-last-page-link a {
  padding: 0 8px;
}
.pagination.theme-style .bpn-first-page-link a {
  padding: 0 8px;
}

/* 10.5 Search Page Styles */
.searchPage article {
  margin-bottom: 40px;
}
#mainContent .no-fullwidth.searchPage .colorBg {
padding: 0;
}
.searchPage article:last-child {
  margin-bottom: 0px;
}
.searchPage .blogTitle {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
  margin-bottom: 20px;
  margin-top: 0;
}
.searchPage .post .blogTitle{
  background: none;
  padding: 10px 0;
  margin-bottom: 20px;
  margin-top: 0;
}
/* 11. sidebar */
.subNavigation {
  list-style: none;
  background-color: rgba(242, 242, 242, 0.6);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 0)), to(rgba(242, 242, 242, 0.6)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(242, 242, 242, 0.6));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#99f2f2f2', GradientType=1);
  background-color: transparent;
  border-right: 1px solid #E6E6E6;
  padding-bottom: 15px;
  margin: 0px;
}
.subNavigation li {
  border-bottom: 1px solid #E6E6E6;
  font-size: 14px;
  margin-bottom: 0px;
}
.subNavigation li a {
  display: block;
  padding: 16px 15px;
  color: #4d4d4d;
  line-height: 1.8;
}
.subNavigation li a:hover {
  background-color: #ffffff;
  background-image: -moz-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(242, 242, 242, 0.6)), to(#ffffff));
  background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff);
  background-image: -o-linear-gradient(left, rgba(242, 242, 242, 0.6), #ffffff);
  background-image: linear-gradient(to right, rgba(242, 242, 242, 0.6), #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f2f2f2', endColorstr='#ffffffff', GradientType=1);
  background-color: transparent;
}
.subNavigation li.current-menu-item a, .subNavigation li.current_page_item a {
  position: relative;
  color: #ffffff;
}
.subNavigation li.current-menu-item a:after, .subNavigation li.current_page_item a:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: transparent url(../img/sub-nav-arrow.png) no-repeat right center;
  right: 0px;
  top: -1px;
}
.subNavigation li.current-menu-item a:hover, .subNavigation li.current_page_item a:hover, .subNavigation li.current-menu-item a:active, .subNavigation li.current_page_item a:active {
  color: #ffffff;
}
.subNavigation.right {
  background-color: rgba(255, 255, 255, 0);
  background-image: -moz-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(242, 242, 242, 0.6)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(left, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to right, rgba(242, 242, 242, 0.6), rgba(255, 255, 255, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99f2f2f2', endColorstr='#00ffffff', GradientType=1);
  background-color: transparent;
  border-left: 1px solid #E6E6E6;
  border-right: none;
}
.subNavigation.right li a:hover {
  background-color: rgba(242, 242, 242, 0.6);
  background-image: -moz-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(242, 242, 242, 0.6)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6));
  background-image: -o-linear-gradient(left, #ffffff, rgba(242, 242, 242, 0.6));
  background-image: linear-gradient(to right, #ffffff, rgba(242, 242, 242, 0.6));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#99f2f2f2', GradientType=1);
  background-color: transparent;
}
.subNavigation.right li.current-menu-item a:after, .subNavigation.right li.current_page_item a:after {
  content: '';
  background: transparent url(../img/right-sub-nav-arrow.png) no-repeat left center;
  left: 0px;
}
.subNavigation.right li.current-menu-item a:hover, .subNavigation.right li.current_page_item a:hover, .subNavigation.right li.current-menu-item a:active, .subNavigation.right li.current_page_item a:active {
  color: #ffffff;
}
.subNavigation.affix {
  top: 20px;
}
.subNavigation.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 340px;
}
.sidebar {
  /* 11.1. Widgets */

  /* 11.2. Popular Posts */

  /* 11.3. Recent Tweets */

  /* 11.4. Flickr */

}
.sidebar .widgets {
  *zoom: 1;
  margin-bottom: 30px;
}
.sidebar .widgets:before,
.sidebar .widgets:after {
  display: table;
  content: "";
  line-height: 0;
}
.sidebar .widgets:after {
  clear: both;
}
.widgets .textfield, .pageTop .textfield {
  width: 171px;
  float: left;
  height: 18px;
}
.widgets .textfield, .widgets:focus, .pageTop .textfield, .pageTop .textfield:focus {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.widgets .searchBtn, .searchBtn {
  width: 27px;
  height: 28px;
  margin-right: -2px;
  border: none;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.36);
  float: left;
  padding: 0px;
}
.pageTop .topSearchForm{
	float: right;
	margin-left: 10px;
	margin-top: 6px;
  margin-bottom: 0;
}
.pageTop .topSearchForm .textfield {
	width: 100px;
 	height: 13px;
	margin: 0;
	border-radius: 0px !important;
}
.pageTop .topSearchForm .searchBtn {
  	height: 23px
}
.pageTop .topSearchForm .searchBtn .search-icon{
	line-height: 23px;
}
.subNavigation li.current-menu-item a:after, .subNavigation li.current_page_item a:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: transparent url(../img/sub-nav-arrow.png) no-repeat right center;
  right: -1px;
  top: 0px;
}
.subNavigation.right li.current-menu-item a:after, .subNavigation.right li.current_page_item a:after {
  content: '';
  background: transparent url(../img/right-sub-nav-arrow.png) no-repeat left center;
  left: -1px;
}
.sidebar .widgets .searchBtn .search-icon, .searchBtn .search-icon  {
  font-size: 14px;
  font-family: fontAwesome;
  color: #fff;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  display: block;
}
.sidebar .widgets .searchBtn .search-icon:before, .searchBtn .search-icon:before{

}
.sidebar .widgets h1.widgetTitle, .sidebar .widgets h2.widgetTitle, .sidebar .widgets h3.widgetTitle, 
.sidebar .widgets h4.widgetTitle, .sidebar .widgets h5.widgetTitle, .sidebar .widgets h6.widgetTitle,.sidebar .widgets .widgetTitle     {
  font-size: 16px;
  height: 30px;
  background: transparent url(../img/sep.png) repeat-x left bottom;
  margin-bottom: 25px;
}
.sidebar .widgets{
  word-wrap: break-word;	
}
.sidebar .widgets ul {
  margin: 0px;
  list-style: none;
}
.sidebar .widgets ul li {
  padding: 0 0 0 13px;
  background: url(../img/arrow-black.png) no-repeat left 5px;
  margin: 10px 0px;
}
.sidebar .widgets ul li:last-child {
  margin-bottom: 0px;
}
.sidebar .popularPosts .popularPost {
  margin-bottom: 25px;
  overflow: hidden;
}
.sidebar .popularPosts .popularPost:last-child {
  margin-bottom: 0px;
}
.sidebar .popularPosts .featured-thumbnail {
  float: left;
  margin-right: 13px;
  width: 70px;
  height: 58px;
}
.sidebar .popularPosts .author {
  display: inline-block;
  color: #b2b2b2;
  font-style: italic;
}
.sidebar .recentTweets ul li {
  background: transparent url(../img/twitter-black.png) no-repeat left 4px;
  padding-left: 34px;
  margin-bottom: 20px;
}
.sidebar .flickr img {
  width: 65px;
  height: 58px;
  max-width: 100%;
  max-height: auto;
  margin-right: 5px;
  margin-bottom: 10px;
}
.sidebar .flickr img:nth-child(3n) {
  margin-right: 0px;
}

.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
#wp-calendar thead { font-size: 12px;}
#wp-calendar thead th { padding-bottom: 15px; text-align: center; font-weight: bold;}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5;  text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad:hover , #wp-calendar tbody .pad{ background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
.footer #wp-calendar caption { color: #fff; }
.footer #wp-calendar thead { color: #fff;}
#pageFooterCon #wp-calendar tbody td a:hover{
	color: #333;
}
#pageFooterCon .tagcloud a{
	font-size:14px !important;
	margin-right:10px;
}
/* 12. Clients */
.ourClients {
  position: relative;
  width: 100%;
  max-width: 940px;
}
.ourClients .clients {
  padding: 15px 0;
  background: #ffffff;
}
.ourClients .clients .carousel-items {
  height: auto;
}
.ourClients .clients .carousel-items .carousel-item {
  width: 155px;
}
.ourClients .clients .carousel-items a {
  margin: 0px 14px;
  display: inline-block;
  width: 153px;
  overflow: hidden;
  opacity: 0.7;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.ourClients .clients .carousel-items a:hover {
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.ourClients .clients .carousel-items a img {
  width: 153px;
  max-width: 153px;
}
/* 13. Page Footer */
#pageFooterCon {
  background: #333333 url(../img/pat.png) repeat left top;
  color: #ffffff;
}
#pageFooterCon ::-moz-selection {
  text-shadow: none;
  color: #ffffff;
}
#pageFooterCon ::selection {
  text-shadow: none;
  color: #ffffff;
}
#pageFooterCon a:hover,
#pageFooterCon a:active {
  text-decoration: none;
  color: #f0f0f0;
}
#pageFooterCon .sep {
  background: transparent url(../img/sep-black.png) repeat-x left bottom;
}
/* 13.1. Copyright */
#pageFooterCon .copyright {
  width: 940px;
  height: 45px;
  line-height: 45px;
}
#pageFooterCon .copyright p {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
#pageFooterCon i.slash{
	padding: 0 4px 0 8px;
}

#pageFooterCon i.slash:last-child{
	display: none;	
}
#pageFooter {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
#pageFooter h2,
#pageFooter h3, 
#pageFooter .widgetTitle {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-top: 0px;
}
#pageFooter ul,
#pageFooter li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#pageFooter li {
  margin: 0 0 10px 3px;
  background: transparent url(../img/arrow-white.png) no-repeat left 5px;
  padding-left: 13px;
}
#pageFooter ul.tweets {
  margin: 0;
  padding: 0;
}
#pageFooter ul.tweets li {
  margin: 0 0 15px 3px;
  background: transparent url(../img/twitter-white.png) no-repeat left 5px;
  padding-left: 30px;
}
#pageFooter .widgets {
  padding: 50px 0px 0px;
}
#pageFooter .widgets i,
#pageFooter .widgets em,
#pageFooter .widgets strong,
#pageFooter .widgets b {
  color: #b2b2b2;
}
#pageFooter .col3 {
  background: transparent url(../img/sep-ver.png) repeat-y right top;
  width: 31.18279569892473%;
  padding-right: 1.6129032258064515%;
  margin-right: 1.6129032258064515%;
  float: left;
  margin-bottom: 30px;
}
#pageFooter .col3:nth-child(3n) {
	margin-right: 0;
	padding-right: 0;
	background: none;
}
/* 14. Pricing Table*/
.priceTable {
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  text-align: center;
  border: 5px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.priceTable .planTitle {
  margin: 12px 10px;
  letter-spacing: 1px;
  font-size: 15px;
}
.priceTable ul {
  margin: 0px 0px 0px 0px;
}
.priceTable li {
  list-style: none;
  background: transparent url(../img/sep.png) repeat-x center bottom;
  padding: 12px 10px;
  font-size: 14px;
  margin-bottom: 0;
}
.priceTable .value {
  background: #F2F2F2;
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 24px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.priceTable .value .vAlign {
  vertical-align: top;
  font-size: 13px;
}
.priceTable .value small {
  font-family: "museo_sans_500", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.priceTable p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.priceTable.bestPlan.span3 {
  box-shadow: 0px 0px 10px #999999;
  margin-top: -13px;
  width: 25.806451612903224%;
  margin-left: 1.6129032258064515%;
  margin-right: -1.6129032258064515%;
}
.priceTable.bestPlan.span4 {
  box-shadow: 0px 0px 10px #999999;
  margin-top: -13px;
  width: 34.40860215053763%;
  margin-left: 1.6129032258064515%;
  margin-right: -1.6129032258064515%;
}
.priceTable.bestPlan .value {
  color: #ffffff;
}
.priceTable.bestPlan li {
  padding: 15px 10px;
}
.priceTable.bestPlan .btn {
  font-size: 16px;
}
/* 15. Single Portfolio */
.singlePortfolio .desc {
  color: #333333;
  background: transparent url(../img/sep.png) repeat-x center bottom;
  padding-bottom: 5px;
  font-size: 16px;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  margin-bottom: 16px;
}
.singlePortfolio [class*="span"] img {
  max-width: 100%;
}
.singlePortfolio h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.singlePortfolio p {
  margin-bottom: 25px;
}
.singlePortfolio .socialIcons {
  color: #000;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}
.singlePortfolio .btn .fa {
  margin-left: 5px;
}
.map_api,.map {
  margin-bottom: 40px;
}
.google-maps iframe {
  width: 100%;
}
/* 16. Contact Page */
.contactForm {
  margin-top: 30px;
}
.contactForm form {
  margin-bottom: 0px;
}
/* 16.1. Form Styles */
.sent.success {
  color: #46a546;
}
.textArea {
  width: 100%;
  margin-bottom: 20px;
}
.textArea textarea {
  width: 98.5%;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  height: 200px;
  margin-bottom: 10px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  width: 94%;
  border: 1px solid #e5e5e5;
  background: #ffffff;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: 0 0 5px rgba(237, 95, 48, 0.5);
  -moz-box-shadow: 0 0 5px rgba(237, 95, 48, 0.5);
  box-shadow: 0 0 5px rgba(237, 95, 48, 0.5);
}
/* 17. Shortcodes */
/* 17.1 DropCaps */
.dropcaps.default {
  line-height: 40px;
  font-size: 40px;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
  text-transform: uppercase;
}
.dropcaps.square {
  line-height: 40px;
  font-size: 29px;
  width: 39px;
  height: 39px;
  text-align: center;
  float: left;
  margin-right: 10px;
  background: #4d4d4d;
  color: #ffffff;
  margin-top: 3px;
  border-radius: 2px;
  text-transform: uppercase;
}
.dropcaps.circle {
  line-height: 51px;
  font-size: 29px;
  width: 50px;
  height: 50px;
  text-transform: uppercase;
  text-align: center;
  float: left;
  margin-right: 10px;
  background: #4d4d4d;
  color: white;
  margin-top: 3px;
  border-radius: 50%;
  border: 1px solid #333;
  box-shadow: inset 0px 0px 1px white, inset 0px 0px 1px white, inset 0px 0px 1px white;
}
/* 17.2 Highlight */
.highlight {
  background: #fff9CC;
  color: #111;
  padding: 3px;
}
/* 17.3 ToolTips */
.tool-tip {
  font-style: italic;
}
/* 17.4. Pop Over */
.popover-title {
  color: #ffffff;
}
/* 17.5. Message Box */
.alert {
  border-radius: 0px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.close {
  font-size: 16px;
}
.alert .icon {
  font-size: 25px;
  line-height: 22px;
  float: left;
}
.alert div {
  margin-left: 33px;
}
.alert-success {
  border: 1px solid #bce580;
  border-left: 5px solid #bce580;
  background: #d5efa8;
  color: #6a7f2f;
}
.alert-error {
  border: 1px solid #eaacb2;
  border-left: 5px solid #eaacb2;
  background: #fde9ea;
  color: #c46a77;
}
.alert-info {
  border: 1px solid #90b6d3;
  border-left: 5px solid #90b6d3;
  background: #d7e7f5;
  color: #5b91b2;
}
.alert-block {
  border: 1px solid #d6ca87;
  border-left: 5px solid #d6ca87;
  background: #fff9cc;
  color: #a0925a;
}
/* 17.6. Tabs */
.nav {
  margin-bottom: 0px;
}
.nav li {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  font-size: 15px;
}
.nav .icon {
margin-right: 5px;
}
.nav li a {
  border-radius: 0;
  background: #4d4d4d;
  color: #ffffff;
  padding-top: 11px;
  margin-right: 5px;
}
.nav li a:hover {
  background: #585858;
}
.nav li.active a:before {
  content: "";
  height: 8px;
  display: block;
  margin: -13px -13px 0px;
  color: #4d4d4d;
}
.tab-content {
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0px 0px 2px #e5e5e5;
}
/* 17.7. Accordion & Toggle */
.accordion h3,
.toggle h3 {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 8px;
  margin-bottom: 0px;
  font-size: 15px;
  padding: 13px 0px;
  zoom: 1;
  color: #ffffff;
  background: #4d4d4d;
  padding-left: 75px;
}
.accordion h3 span, .toggle h3 span {
  position: absolute;
  left: .5em;
  top: 9px;
  margin-top: -10px;
  background: url(../img/plus-minus.png) no-repeat -34px 15px;
  padding-left: 6px;
  width: 16px;
  padding-right: 20px;
  height: 46px;
  border-right: 1px solid white;
}
.accordion .ui-accordion-content, .toggle .ui-accordion-content {
  padding: 2% 3%;
  border-top: 0;
  overflow: auto;
  zoom: 1;
  line-height: 23px;
  font-size: 12px;
}
.accordion h3.ui-state-active span, .toggle h3.ui-state-active span {
  background: url(../img/plus-minus.png) no-repeat 10px -42px;
}
/*****************************************************
 ****             18. Hover Effects              *****
 *****************************************************/
.featuredWorks {
  margin-left: 0px;
}
.featuredWork {
  position: relative;
  cursor: default;
  text-align: center;
}
.featuredWork p {
  color: #ffffff;
  margin-bottom: 10px;
}
.featuredWork .content > div {
  height: 100%;
}
.featuredWork .content .backCon {
  width: 100%;
}
.featuredWork .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.featuredWork .bg .content{
height:100%;
}
.featuredWork .title {
  color: #ffffff;
  margin-top: 0;
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 0px;
  padding-bottom: 2.38%;
  text-transform: uppercase;
}
.featuredWork .header {
  margin: 0px auto;
  width: 70%;
}
.featuredWork .description {
  margin: 10px auto 0px;
  width: 85%;
}
.featuredWork .category {
  color: white;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.2;
  margin-top: 10px;
}
.featuredWork .sep {
  background-position: left top;
  min-height: 2px;
  margin-top: 8px;
}
.featuredWork small {
  color: #1a1a1a;
  font-style: italic;
  display: block;
  font-size: 12px;
}
.featuredWork a {
  color: #1a1a1a;
}
.featuredWork a:hover {
  color: #ffffff;
}
.featuredWork .content .front {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.featuredWork .content .front img {
  width: 100%;
}
.featuredWork .back {
  width: 100%;
  height: 100%;
}
.featuredWork .socialIcons a {
  margin-left: 0;
}
.featuredWork .socialIcons a:hover,
.featuredWork .socialIcons a:active {
  background-color: #333333;
}

/* Isotope filtering */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.portfolio-content {
  margin-left: -4px;
}
.element {
  float: left;
  overflow: hidden;
  position: relative;
  margin-left: 4px;
  margin-right: 0;
  margin-bottom: 4px;
}
/* 18.1. Hover Effects1 */
.featuredWorks.hover-effect1 .content > div {
  display: block;
  position: absolute;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  /*Just for webkit to have a smooth font*/

}
.featuredWorks.hover-effect1 .backCon {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  -webkit-backface-visibility: hidden;
}
.featuredWorks.hover-effect1 .backCon:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.featuredWorks.hover-effect1 .backCon:hover .content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.featuredWorks.hover-effect1 .content {
  width: 100%;
}
.featuredWorks.hover-effect1 .content .back {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.featuredWorks.hover-effect1 .featuredWork:hover .front {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.featuredWorks.hover-effect1 .featuredWork:hover .back {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* 18.2. Hover Effects2 */
.hover-effect2 .featuredWork {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -o-perspective: 900px;
  -ms-perspective: 900px;
  perspective: 900px;
}
.hover-effect2 .bg {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.hover-effect2 .content .back {
  display: block;
  position: absolute;
  background-position: center center;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.hover-effect2 .content .front {
  position: absolute;
  background-position: center center;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.hover-effect2 .bg .back {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
}
.hover-effect2 .featuredWork:hover .front {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}
.hover-effect2 .featuredWork:hover .back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
}
/* 18.3. Hover Effects3 */
.hover-effect3 .content > div {
  display: block;
  position: absolute;
  background-position: center center;
  -webkit-backface-visibility: hidden;
  /*Just for webkit to have a smooth font*/

}
.hover-effect3 .content .front {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.hover-effect3 .content .back {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
}
.hover-effect3 .featuredWork:hover .front {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.hover-effect3 .featuredWork:hover .back {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.row-fluid [class*="span"] .span4.featuredWork .title{
	font-size: 1.2em;
	margin-bottom: 1%;
}


[class*="span"] .row-fluid .span3.featuredWork .title{
	font-size: 1em;
	margin-bottom: 0;
}

[class*="span"] .row-fluid .span3.featuredWork .category{
  margin-top: 3px;
}

.col4 .featuredWork .category {
  font-size: 14px;
}
.col4 .featuredWork .title {
  font-size: 14px;
  line-height: 1.5;
}
/* 19. Members in About Pages (Our team). */
.member .featuredWork .header {
  margin: 0px auto;
}
.member .featuredWork a{
  color: #bbb;
}
.member .featuredWork a:hover{
  color: #fff;
}
.displayHidden {
  visibility: hidden;
}
/* 20. portfolio filter */
/* Custom Classes
------------------------------------------------------------ */
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/* Filter */
.group {
  margin-bottom: 20px;
  color: #333333;
  margin: 0;
}
#filters {
  margin: 0px 0px 30px 0px;
}
#filters li {
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
  float: left;
  list-style: none;
  font-size: 15px;
}
#filters li:after {
  content: "/";
}
#filters li:last-child:after {
  content: "";
}
#filters a {
  padding: 0 10px;
  color: #333333;
  text-decoration: none;
}
#filters li:first-child a {
  padding-left: 0;
}
.current a {
  cursor: default;
}
/* Portfolio Items */
.portfolio .item,
.featuredWork {
  list-style: none;
  float: left;
  margin-bottom: 2em;
}
.portfolio img {
  max-width: 100%;
}
#portfolio-content .featuredWork{
  margin-left: 2% !important;  
}
#portfolio-content [class*="span"]:first-child {
  margin-left: 2% !important;
}
#portfolio-content.marginL {
  margin-left: -2% !important;
}
#portfolio-content .span12 {
  width: 100%;
  height: 400px;
}
#portfolio-content .span6 {
  width: 47.9%;
  height: 375px;
}
#portfolio-content .span4 {
  width: 31.2%;
  height: 250px;
}
#portfolio-content .span3 {
  width: 22.9%;
  height: 182px;
}
#portfolio-masonry #portfolio-content .span3, #portfolio-masonry #portfolio-content .span4, #portfolio-masonry #portfolio-content .span6{
 height: auto;
}
#portfolio-masonry #portfolio-content{
  margin-bottom: 22px;
}
#portfolio-masonry .des-con{
  display: table;
  height: 100%;
  width: 100%;
}
#portfolio-masonry .describtion{
  display: table-cell;
  vertical-align: middle;
}
#mainContent #portfolio-masonry .describtion .header{
  padding-top: 0;
}
#portfolio-masonry #portfolio-content.marginL{
  margin-left: -8px;
}
#portfolio-masonry #portfolio-content .span3, #portfolio-masonry #portfolio-content .span4, #portfolio-masonry #portfolio-content .span6, #portfolio-masonry #portfolio-content [class*="span"]:first-child{
  margin-left: 8px !important;
  margin-bottom: 8px;
}
#portfolio-masonry #portfolio-content.marginL {
  margin-left: -1% !important;
}
#portfolio-masonry #portfolio-content .span3{
  width: 269px;
}
#portfolio-masonry #portfolio-content .span4{
  width: 361px;
}
#portfolio-masonry #portfolio-content .span6{
  width: 546px;
}
#portfolio-masonry #portfolio-content.marginL{
  margin-left: -10px;
}
.carousel-items .detail-icon, #portfolio-content .detail-icon {
  margin-top: 10px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
  text-align: center;
  display: inline-block !important;
  font-size: 18px;
  color: #000;
}
.carousel-items .detail-icon:hover, #portfolio-content .detail-icon:hover{
  color: #ed5f30;
}
.preloading {
  top: 35% !important;
}
/* 404 Page Styles */
.nav404{
	list-style: none;
	display: inline-block;
}
.nav404 li{
	float: left;
}
.nav404 li:after {
	content: '|';
}
.nav404 li:last-child:after {
	content: '';
}
/* Noise Version Rules */
.noise .mainNav li.current-menu-item {
  height: 140px;
}
.noise .slider-nav a.prevSlide {
  left: 1%;
}
.noise .slider-nav a.nextSlide {
  right: 1%;
}
.noise h1.borderLine .bg,
.noise h2.borderLine .bg,
.noise h3.borderLine .bg,
.noise h4.borderLine .bg,
.noise h5.borderLine .bg,
.noise h6.borderLine .bg {
  background: url(../img/body-bg.png) repeat left top;
}
/** IE 9 **/
.ie9 #mainContent .progress-con .progress,
.ie9 #mainContent .progress-con .progress .bar,
.ie9 #mainContent .btn,
.ie9 #mainContent .btn:hover {
  filter: none;
}

.lt-ie9 #mainContent .progress-con .progress,
.lt-ie9 #mainContent .progress-con .progress .bar {
  filter: none;
}

.ie9 .featuredWorks.hover-effect1 .featuredWork:hover .backCon {
  background: rgba(237, 95, 48, 0.8);
  opacity: 1;
}
#maincontent #filters a,
#maincontent #filters a:active,
#maincontent #filters .current a,
#maincontent #filters .current a:active,
.slider-nav a, .slider-nav a:hover, .slider-nav a:active{
  outline: none;
}

/* LightBox */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media (max-width: 1024px) {
 
  .col3 .carousel-item {
  width: 286px;
  height: 208px;
  }
  .col4 .carousel-item {
  width: 206px;
  height: 149px;
  }
}  

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {

.noFcsCarousel .carousel-items .carousel-item:nth-child(3n){
  margin-right: 0;
  margin-bottom: 0;
}
.noFcsCarousel .carousel-items .carousel-item:nth-child(4n){
  margin-right: 35px;
}
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

@media (max-width: 960px){
	#mainContent .span3.featuredWork {
		max-width: 251px;
		max-height: 182px;
		float: none;
	}

	#mainContent .span4.featuredWork {
		width: 47.9%;
	}
        #portfolio .portfolio-content.col4 .span3 {
           width: 31.2%;
        }
}

/*** Some Responsive Overrides for Hover Effects ***/
@media (min-width: 768px) and (max-width: 960px) {
  /* Hover Effect 1 */
  #back-top {
    visibility: hidden;
  }
}
@media (max-width: 480px) {
  /* Hover Effect 1 */
  #back-top {
    visibility: hidden;
  }
}


/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}


/* FlexSlider Styles*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; padding:0} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; zoom: 1; overflow:hidden;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 18px; height: 100px; margin: -60px 0 0 0; display: block; background: #ed5f30; position: absolute; top: 50%; z-index: 10; cursor: pointer;opacity: 0;color:#fff;line-height:100px;font-size: 16px;
text-align: center;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.flex-direction-nav a:hover{color: #fff;}
.flex-direction-nav a i{font-family:fontAwesome;}
.flex-direction-nav .flex-next { right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 0px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 0px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; opacity: 0;}
.flexslider:hover .flex-control-nav {
	opacity: 1; 
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.gallery-container{
	max-width: 817px;
	width: 100%;
}
.gallery-container .carousel .flex-active-slide:before {
	display: block;
	content: '';
	position: absolute;
	width: 140px;
	height: 100px;
	background: rgba(0,0,0,0.5);
	cursor: default;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

  .flexslider img{
      width: auto !important;
      height: auto !important;
  }

  h1.borderLine,
  h2.borderLine,
  h3.borderLine,
  h4.borderLine,
  h5.borderLine,
  h6.borderLine {
    background-image: url(../img/sep-double-line@2x.png);
    background-size: 10px 4px;
  }  
  .singleLine {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .sep {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .sep.double {
    background-image: url(../img/sep-double-line@2x.png);
    background-size: 10px 4px;
  }
  .pageTopCon {
    background-image: url(../img/pat@2x.png);
    background-size: 51px 51px;
  }
  .introBox {
    background-image: url(../img/pat@2x.png);
    background-size: 51px 51px;
  }
  .callOut {
    background-image: url(../img/sep-double-line@2x.png);
    background-size: 10px 4px;
  }
  .seperator{
    background-image: url(../img/sep-double-line@2x.png);
    background-size: 10px 4px;
  }  
  #mainContent .process .arrow {
    background-image: url(../img/process-arrow@2x.png);
    background-size: 36px 14px;
  }
  .post h1.blogTitle, .post h2.blogTitle, .post h3.blogTitle,
  .post h4.blogTitle, .post h5.blogTitle, .post h6.blogTitle, .post .blogTitle{
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .post .meta {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .post .permalink {
    background-image: url(../img/arrow-black@2x.png);
    background-size: 7px 8px;
  }
  .sidebar .widgets h1.widgetTitle, .sidebar .widgets h2.widgetTitle, .sidebar .widgets h3.widgetTitle, 
  .sidebar .widgets h4.widgetTitle, .sidebar .widgets h5.widgetTitle, .sidebar .widgets h6.widgetTitle,.sidebar .widgets .widgetTitle     {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .sidebar .widgets ul li {
    background-image: url(../img/arrow-black@2x.png);
    background-size: 7px 8px;
  }
  .sidebar .recentTweets ul li {
    background-image: url(../img/twitter-black@2x.png);
    background-size: 23px 16px;
  }
  #pageFooterCon {
    background-image: url(../img/pat@2x.png);
    background-size: 51px 51px;
  }
  #pageFooterCon .sep {
    background-image: url(../img/sep-black@2x.png);
    background-size: 2px 2px;
  }
  #pageFooter li {
    background-image: url(../img/arrow-white@2x.png);
    background-size: 7px 8px;
  }
  #pageFooter ul.tweets li {
    background-image: url(../img/twitter-white@2x.png);
    background-size: 23px 16px;
  }
  #pageFooter .col3 {
    background-image: url(../img/sep-ver@2x.png);
    background-size: 2px 2px;
  }
  .priceTable li {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .singlePortfolio .desc {
    background-image: url(../img/sep@2x.png);
    background-size: 3px 3px;
  }
  .accordion h3 span, .toggle h3 span {
    background-image: url(../img/plus-minus.png);
    background-position: -34px 15px;
  }
  .accordion h3.ui-state-active span, .toggle h3.ui-state-active span {
    background-image: url(../img/plus-minus.png)l
    background-position: 10px -42px;
  }
}


/* wooCommerce */

.add_to_cart_button.btn.btn-theme-pri.btn-small.product_type_simple.added {
  display: none;
}
.added_to_cart {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #4f4f4f;
  background: -moz-linear-gradient(top,  #4f4f4f 0%, #303030 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#303030));
  background: -webkit-linear-gradient(top,  #4f4f4f 0%,#303030 100%);
  background: -o-linear-gradient(top,  #4f4f4f 0%,#303030 100%);
  background: -ms-linear-gradient(top,  #4f4f4f 0%,#303030 100%);
  background: linear-gradient(to bottom,  #4f4f4f 0%,#303030 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#303030',GradientType=0 );

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 1px 1px rgba(0, 0, 0, .15);
  font-size: 14px;
  padding: 2px 10px 2px;
  color: #ffffff;
  text-shadow: none;
  text-transform: uppercase;
  font-family: "nexa_500", Tahoma, Geneva, sans-serif;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
  font-size: 12px;
  border: 1px solid;
  padding-top: 2px;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
}
.woocommerce #mainContent .title {
  font-size: 18px;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
  margin: 5px 0 1em;
  display: none !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  margin-bottom: 50px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{
  color: #333;
  font-size: 18px;
  margin-bottom: 15px;
}
.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img,.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
ins{
  text-decoration: none;
}
.woocommerce ul.products li.product a:hover .price, .woocommerce-page ul.products li.product a:hover .price{
  color: #ed5f30;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14);
}
.woocommerce table.cart input, .woocommerce-page table.cart input, .woocommerce #content table.cart input, .woocommerce-page #content table.cart input {
  line-height: 1.8;
}
.woocommerce-info{
  border: 1px solid #90b6d3;
  background: #d7e7f5;
  color: #5b91b2;
  box-shadow: none;
}
.woocommerce-info:before{
  background: none;
  color: #5b91b2;
  box-shadow: none;
  font-size: 18px;
  width: 10px;
  padding-top: 7px;
}
.woocommerce-message{
  border: 1px solid #bce580;
  background: #d5efa8;
  color: #6a7f2f;
  box-shadow: none;
}
.woocommerce-message:before{
  background: none;
  color: #6a7f2f;
  box-shadow: none;
  font-size: 14px;
  width: 10px;
  padding-top: 11px;
}
.woocommerce-error {
  border: 1px solid #eaacb2;
  background: #fde9ea;
  color: #c46a77;
  box-shadow: none;
}
.woocommerce-error:before{
  background: none;
  color: #c46a77;
  box-shadow: none;
  font-size: 16px;
  width: 10px;
  padding-top: 10px;
}

#coupon_code.woo-textfield {
  height: 27px;
}
.woocommerce form.checkout_coupon, .woocommerce-page form.checkout_coupon{
  padding-bottom: 5px;
}
.woocommerce-page form .form-row.woo-margin-left{
  margin-left: 3px;
  float: left;
}
.woocommerce-message li, .woocommerce-error li, .woocommerce-info li{
  margin-bottom: 0;
}
.woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation{
  margin: 0;
}
.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd {
  line-height: 1;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
  padding: 14px 12px;
  font-size: 13px;
}
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus{
  border-radius: 2px;
  padding: 0;
  background: #F5F5F5;
  color: #888;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  margin: 0;
  display: inline;
  border: 0;
  outline: 0;
  width: 28px;
  box-shadow: none;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.woocommerce .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .minus, .woocommerce-page #content .quantity .minus{
  left: 0;
  top: 0;
}
.woocommerce .quantity, .woocommerce-page .quantity, .woocommerce #content .quantity, .woocommerce-page #content .quantity {
  width: 96px;
}
.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity{
  margin-right: 30px;
}
.woocommerce div.product form.cart, .woocommerce-page div.product form.cart, .woocommerce #content div.product form.cart, .woocommerce-page #content div.product form.cart{
  margin-top: 30px;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty{
  border: none;
  margin-left: 28px;
}
.woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove{
  margin-left: 10px;
  color: #666;
  font-size: 14px;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text{
  width: 120px;
}
.woocommerce table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover{
  background: none;
  color: #ed5f30;
}

.woocommerce .page-title.noMargin {
  margin-bottom: 10px;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
  margin-bottom: 30px;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
  margin: 0 0 50px;
  float: right;
}
.woocommerce ul.products li.product a.loading, .woocommerce-page ul.products li.product a.loading{
  position: relative;
}
.woocommerce #mainContent a.loading:before,.woocommerce-page #mainContent a.loading:before,.woocommerce #mainContent button.loading:before,.woocommerce-page #mainContent button.loading:before,.woocommerce #mainContent input.loading:before,.woocommerce-page #mainContent input.loading:before,.woocommerce #mainContent #respond input#submit.loading:before,.woocommerce-page #mainContent #respond input#submit.loading:before,.woocommerce #mainContent #content input.loading:before,.woocommerce-page #mainContent #content input.loading:before{content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;background:url(../img/ajax-loader3.gif) center no-repeat;
}
.woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price{
  margin-bottom: 15px;
  color: #ed5f30;
}
.woocommerce .marginBottom{
  margin-bottom: 15px;
}



.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs{
  padding-left: 0;
}
.woocommerce div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs {
  clear: none;
  width: 48%;
  float: right;
  margin-left: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:after{
  content: '';
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  position: static;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{
  border: none;
  background: #4d4d4d;
  border-radius: 0;
  box-shadow: none;
  padding: 11px 15px;
  color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a{
  background: #fff;
  color: #333;
  top: 0;border: 1px solid #ddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after,.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active:before{  
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before{
  position: static;
  content: " ";
}
/* / Tabs */

.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
  float: left;
  text-align: left;
  clear: none;
}

.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table {
  float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text{
  height: 30px;
}

.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea{
  height: 150px;
}