/* GENERAL BASE CSS
================================================== */
	
	body {
		background-image: url(../images/bg.jpg);
		background-attachment: fixed;
		background-position: 49% 50%;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
	}
	
h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #060;
	}
	
	::-moz-selection {
		color: #fff;
		background:#060;
	}
	
	::selection {
		color: #fff;
		background:#060;
	}
	
	
	a { 
		color: #060;
	}
	
	a:hover,
	a:focus {
	  color: #000000;
	}
		
	.top {
		color:#3B2ED5;
		background:#0091DA;;
	}
	
	.menu-wrap {
		color:#fff;
	}
		
	.box {
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
		background:#fff;
	}
	.box i {
		color: #060;
	}
	
	.box h3, .box-first h3, .box-second h3 {color:#000000;}
		
	.check li a {
		color:#000000;
	}
	
	.logo,
	.logo a {
		color: #000;
	}
	
	#tagline {
		background:#333333;
		color: #B2B2B6;
	}
	
	#nav li a {
		color:#fff;
	}
		
	#nav li a.active
	{
		color:#060;
	}
		
	#nav ul li ul li a,
	#nav ul li a,#nav ul li ul a {
		color:#000;
	}
	
	
	#nav > li > ul:before { color: #060; }
	nav ul a {
		color:#060;
	}

	#nav ul a:hover {
		color:#fff;
	}
	#nav ul li {
		border-top: 1px solid #12E7DF;
		background:#0091DA;
	}
	
	ul.social li {
		background: none;
	}
	
	
	ul.social li a {
		color:#B2B2B6;
	}
	
	ul.social li:hover a,
	ul.social li a:hover,
	ul.social li:hover,
	ul.social a:hover {
		background:#060 !important;
		color:#fff !important;
	}
	
	.welcome { 
	text-shadow: 1px 1px 1px #F6F5F2; 
	}
	
	.callout { text-shadow: 1px 1px 1px #F6F5F2; }
	
	.grid li .post-meta {
		color: #B2B2B6;
	}
	
	.recent-works .span4,
	.recent-videos .span4,
	.recent-posts .span4 {
		background:#fff;
		border-bottom:4px solid #EAEAEA;
	}
	.btn-general {
	  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.07)));
	  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.07));
	  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.07));
	  background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.07));
	  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.07));
	  background-color: #060;
	  border-color: #F6F5F2;
	  border-color: rgba(246, 245, 242, 0.2);
	  color: #000 !important;
	  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	  *background-color: #1b99b8;
	}
	.btn-general:hover, .btn-general:focus, .btn-general:active, .btn-general.active, .btn-general.disabled, .btn-general[disabled] {
	  background-color: #116c95;
	  color: white;
	  *background-color: #116c95;
	}
	.btn-general:hover, .btn-general:focus {
	  border-color: #F6F5F2;
	  border-color: rgba(226, 83, 57, 0.3);
	}
	.btn-general:active, .btn-general.active {
	  background-color: #116c95 \9;
	}
				
	.grid figcaption {
		background:#060;
		color: #EAEAEA;
	}
	
	.grid figcaption h3 {
		color: #fff;
	}
	.grid figcaption h3 i {margin-right:10px;}
	.grid figcaption a {
		color: #ffffff !important;
	}
	.cs-style-3 figcaption a.external {
		color: #FFFFFF;
	}
	.cs-style-3 figcaption a.zoom {
		color: #FFFFFF;
		border-left:2px solid #EAEAEA;
	}
	.cs-style-3 figcaption a.blogging {
		color: #FFFFFF;
		border-left:2px solid #EAEAEA;
	}
	.cs-style-3 figcaption a.blogging,
	.cs-style-3 figcaption a.zoom,
	.cs-style-3 figcaption  a.external {
		background:#000000;
	}
	.cs-style-3 figcaption a.blogging:hover,
	.cs-style-3 figcaption a.zoom:hover,
	.cs-style-3 figcaption  a.external:hover {
		background:#060;
	}
	.quote-box {
		color:#fff;
		box-shadow: 0 2px 2px #e6e6e6;
		background-color:#060;
	}
	.quote-box h3 {color:#fff;} 
	.quote-box textarea {
		background-color: #f4f4f4;
		
		background-image: -webkit-gradient(linear, left top, left bottom, from(#06060), to(#07070));
		background-image: -webkit-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -moz-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -ms-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -o-linear-gradient(top, #D0EBD6, #fefefe);
				
		border: solid 1px #cbcbcb;	
	}
	.quote-box textarea {border:0 solid #cbcbcb; border-radius:0;}
	.quote-box input,
	.sbHolder{
		background-color: #06060;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#D0EBD6), to(#fefefe));
		background-image: -webkit-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -moz-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -ms-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -o-linear-gradient(top, #D0EBD6, #fefefe);
				
		border:0 solid #cbcbcb;	
		color: #000000;
	}
	
	.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
		color: #C4C4C4;
	}
	.sbHolderDisabled{
		background-color: #3C3C3C;
		border: solid 1px #515151;
	}
	.sbOptions{	
		background-color: #f4f4f4;
		
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
		background-image: -webkit-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -moz-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -ms-linear-gradient(top, #D0EBD6, #fefefe);
		background-image: -o-linear-gradient(top, #D0EBD6, #fefefe);
		
		border: solid 1px #cbcbcb;	
	}
	
	.sbOptions a:link, .sbOptions a:visited{
		color: #B2B2B6;
	}
	.sbOptions a:hover,
	.sbOptions a:focus,
	.sbOptions a.sbFocus{
		color: #060;
	}
	.sbOptions .sbDisabled{
		border-bottom: dotted 1px #515151;
		color: #999;
	}
	.sbOptions .sbGroup{
		border-bottom: dotted 1px #515151;
		color: #EBB52D;
	}

	.search-input {
		background: #fff !important;
	}
	
	.search-input::-webkit-input-placeholder {
		color: #9A9A9A;
	}
	
	.search-input:-moz-placeholder {
		color: #9A9A9A;
	}
	
	.search-input::-moz-placeholder {
		color: #9A9A9A;
	}
	
	.search-input:-ms-input-placeholder {
		color: #9A9A9A;
	}
	
	.sb-icon-search {
		color: #fff;
		background: #28A011;
	}
		.search.search-open .sb-icon-search,
	.no-js .search .sb-icon-search {
		background: #333333;
		color: #fff;
	}
	
	#posthead {
		background:#333333;
	}
	
	#posthead h1 {
		color: #fff;
	}
	
	#posthead h2 {
		background:#000000;
		color: #B2B2B6;
	}
	
	.breadcrumb {
		background:#000000;
	}
	
	.check,
	.breadcrumb > li > a {
		color:#060;
	}
	.breadcrumb > .active {
		color: #B2B2B6;
	}
	
	.generalbox {
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
		background:#fff;
	}
	
		.generalbox2 {
		display: block;
		padding: 20px;
		margin-bottom: 20px;
		background: #fff;
		}
			
	.boxedbox {
		background:#000000;
		box-shadow: 0 2px 2px #e6e6e6;
	}
	
	.generaltitle span {
		background:#333333;
	}
	.bars {
		background:#fff;
	}
	.bars .skill-level {
		box-shadow:0 2px 2px #E6E6E6;
		background: #060;
	}
	
	.bars .skill-percent {
		color:#000000;
	}


	.popover.top {
		background:#fff !important;
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
	}
	
	.popover {
		color:#B2B2B6;
	}
	
	.testimonial .img-circle {
		background:#fff;
	}
	
	.popover-title {
		background-color: #060;
		color:#fff;
		text-shadow: 1px 1px 1px #060;
	}
	
	.popover.top .arrow {
	  border-top-color: #fff;
	  border-top-color: rgba(255, 255, 255, 0.25);
	}
	.popover.top .arrow:after {
	  border-top-color: #fff;
	}
	
	.footer-wrapper {
		color:#00000C;
		background: #0091DA;
		box-shadow: 0 3px 12px rgba(0,0,0,.4);
	}
	
	.footer-wrapper .widget h3 {color:#fff; }
	.footer-wrapper p{color:#00000C;margin:0 0 0 5px}
	.footer-wrapper a:hover{color:#00000C;}
	
	.footer-wrapper a {
		color: #fff;
	}

	ul.contact-details li {color:#00000C;}
	
	.wdttop {
		background-color: #333333;
	}
	.wdttop:hover { background-color: #060; }
	.footer-wrapper hr {border-top:1px solid #031425;
		border-bottom:1px solid #333333;}
	
	.clients img {
		background:#333333; 
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tweets {
		background:#333333; 
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		border: 1px solid #1a1a1a;
		color:#00000C;
	}
	
/* PAGE - POST - SIDEBAR */
	
	.singlepost .post-meta { 
		border-bottom: 1px solid #EEEEEE; 
		background: #fff; 
	}
	
	.content .post-meta { 
		border-top: 1px solid #EEEEEE; 
		background: #fff; 
	}
	.singlepost .post-icon,
	.content .post-icon {
		background: #FFFFFF;
		box-shadow: 0 2px 2px #E6E6E6;
	}

	.pagination ul > li > a,
	.pagination ul > li > span {
	  background-color: #333333;
	  color: #fff;
	}
	
	.pagination ul > li > a:hover,
	.pagination ul > li > a:focus {
	  background-color: #060;
	}

	.pagination ul > .active > a,
	.pagination ul > .active > a:hover,
	.pagination ul > .active > a:focus,
	.pagination ul > .active > span {
	  background-color: #060;
	  color: #fff;
	  cursor: default;
	}
	
	.pagination ul > .disabled > span,
	.pagination ul > .disabled > a,
	.pagination ul > .disabled > a:hover,
	.pagination ul > .disabled > a:focus {
	  background-color: #333333;
	  color: #fff;
	  border-radius:0;
	}
	
	.widget .title h3 {
		color:#555555;
	}
	
	.tab-content {
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
		border-top:1px solid #EAEAEA;
		background:#fff;
		border-left:1px solid #EAEAEA;
		border-right:1px solid #EAEAEA;
	}

	.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
		border-top:1px solid #EAEAEA;
		border-left:1px solid #EAEAEA;
		border-right:1px solid #EAEAEA;
	}
	
	.accordion-heading a,
	.nav-tabs > li > a {
		color: #6897FC;
		background: rgba(0, 145, 218, 0.02);		
	}
	.hero-unit {
		background:#333333;
		color:#B2B2B6;
	}
	.hero-unit h1, .hero-unit .hero-unit-heading {
		color:#ffffff;
	}

	.ads {
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
		background:#fff;
	}
		
	/* TIMELINE PAGE STYLE */
	#timeline .archives_list {
	  border-left: 4px double #eeeeee;
	}
	#timeline .archives_list li {
	  border-bottom: 1px solid #eeeeee;
	}
	
	#timeline .archives_list .date {
	  color: #555555;
	}
	#timeline .archives_list .comments a {
	  color: #555555;
	}
	h3.archive_year {
	  color: #555555;
	}

	/*-----------------------------------------------------------------------------------*/
	/*	PRICING TABLE
	/*-----------------------------------------------------------------------------------*/
	#pricing-table .plan {background: #FFFFFF;}
	#pricing-table-three .plan1 {background: #FFFFFF;}
	#pricing-table-three #most-popular1,
	#pricing-table #most-popular{
		background:#060;
	}
	
	#pricing-table-three #most-popular1 h3,
	#pricing-table #most-popular h3 {color:#fff;}
	
	#pricing-table-three h3 span,
	#pricing-table h3 span {
		color: #060;background: #F6F5F2;}
	
	#pricing-table-three li,
	#pricing-table li {color:#B2B2B6;border-top: 1px solid #eaeaea;}
	
	#pricing-table-three #most-popular1 li,
	#pricing-table #most-popular li {color:#fff;}
	
	
	
	/** SHOPPING STYLES */
	
	.wrap-header { background:#060; border:1px solid #e8e8e8; }
	.wrap-header .sort,
	.wrap-header .color,
	.wrap-header .limit { color: #ffffff; }
	
	.wdtShop .categories {
	  background: #F6F5F2;
		box-shadow: 0 2px 2px #e6e6e6;
		border-bottom:1px solid #EAEAEA;
	}
	.wdtShop .categories a {
	  color: #586467;
	}
	.wdtShop .categories a:hover {
	  color: #364245;
	}
	
	.shopping-cart-widget {
	  background: #ffffff;
	}
	.img-polaroid {
		border-color:#EAEAEA;
	}
	
	.product-title span {
	  color:#060;
	}


	.product-content .price-new { color: #060; }

	.required {
		color:#060; 
	}
	
	.grid-title-header {border-bottom:1px solid #F6F5F2;}
	.reviews-tabs h4 {
	  color:#1A1A1A;
	}
	
	/* PORTFOLIO */
	.sticky {
	  -webkit-box-shadow: #DDD 0px 1px 2px;
	  background-color: #F6F5F2;
	  border-color: #ddd;
	  border-bottom:1px solid #EAEAEA;
	  box-shadow: 0 2px 2px #E6E6E6
	}
	.sticky.taped:after {
		  color:#060;
		}
		
	.nav-pills > .active > a,
	.nav-pills > .active > a:hover,
	.nav-pills > .active > a:focus {
		color: #fff;
		background: #060;
	}

	.nav > li > a:hover,
	.nav > li > a:focus {
	  background-color: #333333;
	  color:#fff;
	}
	
  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

    .bannercontainer-simple {
		background-color:#fff;
	}

	#home-second {
		background:#F6F5F2;
	}
	
	#home-third {
		background:#060;
	}
	
	#home-third .box-first a, #home-third .box-second  a,
	#home-third .box h3, #home-third .box-first h3, #home-third .box-second h3,
	#home-third .box-first, #home-third .box-second {
		color:#fff;
	}
	
	#home-third .flex-direction-nav-on-top .flex-prev:before,
	#home-third .flex-direction-nav-on-top .flex-next:before {		
		 background: rgba(246, 245, 242, 0.8) !important;
	}
	
	#home-third .flex-direction-nav-on-top .flex-disabled:before, 
	#home-third .flex-direction-nav-on-top .flex-disabled:hover:before, 
	#home-third .flex-direction-nav-on-top .flex-disabled:focus:before,
	#home-third .flex-direction-nav-on-top .flex-prev:hover,
	#home-third .flex-direction-nav-on-top .flex-prev:focus,
	#home-third .flex-direction-nav-on-top .flex-next:hover,
	#home-third .flex-direction-nav-on-top .flex-next:focus,
	#home-third .flex-prev:before, 
	#home-third .flex-next:before {
		color:#060 !important;
	}
	
	#home-four {
		background:#F6F5F2;
	}
	

.tp-caption.modern_medium_light2:before {
	color:#060;
}


.tp-rightarrow.default,
.tp-leftarrow.default {
	background-color: #060;
	background-color:rgba(33, 117, 155, 0.8) !important;
} 

.flex-prev:hover, .flex-prev:focus,
.flex-next:hover,
.flex-next:focus,
.flex-prev,
.flex-next {
	background: #060;
	background: rgba(33, 117, 155, 0.8);
}

ul#countdown li:hover,
.flex-direction-nav-on-top .flex-prev:before,
.flex-direction-nav-on-top .flex-next:before,
.tooltip-inner,
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span,
.pager li > a:hover,
.pager li > a:focus,
.tp-caption.modern_big_bluebg {
	background:#060 !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #060;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #060;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #060;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #060;
}

	@media screen and (max-width: 768px) {
		.grid {
			padding: 10px 10px 100px 10px;
		}
		video,
		.grid li {
			width: 100%;
			min-width: 260px;
		}
		
		#nav {
			display:none;
		}
		
		 ul.social {margin:20px 0;}
		.tinynav{		
			color:#00000C;
			border:1px solid #333333;
			background:#000000;	
		}
	}
	
.breadcrumb {
background: #fbfbfb;
display: block;
line-height: 25px;
margin-left: 0;
margin-top: 5px;
border-radius: 0;
margin-bottom: 5px;
}