/*
Theme Name: Slope HTML
Theme URI: http://www.renklibeyaz.com/slopehtml/
Description: 
Author: RenkliBeyaz - Salih Ozovali
Version: 1.0
*/

@ColorOne : #ffd800;

.jumbotron{ padding-left:0px; padding-right:0px;  margin-bottom: 0; position:relative; opacity:0;}
.fullscreenslider{ margin:0; padding:0; }
.pageSeparator, .pageSeparator svg{ 	width: 100%; height:100px; }
.pageSeparator{ position:absolute; top:-99px; z-index:999; }
.top-button{ position:relative; margin:0 auto -45px; width:102px; height:53px; 	z-index:1001; }
.top-button-arrow{ position:absolute; left:0; top:0; width:100%; height:100%; background:url('img/top-button-arrow.png') center top no-repeat; }
.top-button a{ display:block; witdh:102px; height:53px; border:none; background-repeat:no-repeat; background-position:top center;}
body{ background-color:#212a31}
.jumbotron .container{ padding-bottom:100px; }
.row{ margin-bottom:30px; }
.row-margin-half{ margin-bottom:15px; }
html *, body *{
	font-family: 'Open Sans', sans-serif;
}
.container{ font-size:16px; }
h4, h5, h6{ font-weight:700; }
h2{ font-size:60px; font-weight:800; }
h3{ font-size:40px; font-weight:800; margin:30px 0; }
h4{ font-size:30px; font-weight:700; }
h5{ font-size:24px; font-weight:700; }
h6{ font-size:20px; font-weight:700; }

@media only screen and (min-width:0) and (max-width:768px){
	.top-button{ margin-bottom: -20px; }
}

::selection {
	background: #090909; /* Safari */
	color: @ColorOne;  
}
::-moz-selection {
	background: #090909; /* Firefox */
	color: #090909;  
}
a{
	   -moz-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
	        transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
	-webkit-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
	     -o-transition: color 0.3s ease-in-out 0s, border 0.3s ease-in-out 0s, background 0.3s ease-in-out 0s;
}
a:link, a:visited{ text-decoration:none; }
a:hover, a:active{ text-decoration:none; }

blockquote{ line-height: 1.4; }
.block-widthoutborder{ border:none; }

footer.jumbotron .container{ padding-bottom:0; }
footer.jumbotron{ padding-bottom:0; }

.subtext-dark{
	background:url('img/subtext-bg-dark.png') center center no-repeat;
	margin-bottom:40px;
}
.subtext-light{
	background:url('img/subtext-bg-light.png') center center no-repeat;
	margin-bottom:40px;
}
.subtext span{ padding:0 20px; font-size:24px; }
.portfolioDetail .subtext span{ font-size:16px; }
.team  h5{ margin:20px 0; }

/* team hover */
.animatedImage1{
	display:block;
	position:relative;
}
.animatedImage1 img{ width:100%; }
.animatedImage1 .hoverWrapper{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	-moz-box-shadow: inset 0px 0px 0px 1px #000;
	-webkit-box-shadow: inset 0px 0px 0px 1px #000;
	box-shadow: inset 0px 0px 0px 1px #000;
}
.animatedImage1 .hoverWrapperBg{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,.5);
	opacity:0;
}

.animatedImage1 .hoverIcon{
	position:absolute;
	width:70px;
	height:70px;
	border-radius:50%;
	left:50%;
	top:50%;
	margin:-35px 0 0 -35px;
	opacity:0;
	-moz-transform: scale(.5);
	-webkit-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	background:#fff url('img/hoverIcon.png') center center no-repeat;
}
.animatedImage2{ display:block; overflow:hidden;}
.animatedImage2 img{ 
	position:relative; 
	top:40px;
	-moz-transform: scale(.8) rotate(-10deg);
	-webkit-transform: scale(.8) rotate(-10deg);
	-o-transform: scale(.8) rotate(-10deg);
	-ms-transform: scale(.8) rotate(-10deg) ;
	transform: scale(.8) rotate(-10deg);
	opacity:.7;
}

.animatedImage3{
	display:block;
	position:relative;
}
.animatedImage3 img{
	width:100%;
}
.animatedImage3 .hoverWrapper{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
}
.animatedImage3 .hoverWrapperBg{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:@ColorOne;
	opacity:0; 
}
.animatedImage3 .hoverBottom{
	position:absolute;
	bottom:-50px;
	height:50px;
	background-color:@ColorOne;
	width:100%;
	opacity:0; 
}
.animatedImage3 .hoverIconChain{
	position:absolute;
	width:60px;
	height:60px;
	border-radius:50%;
	left:50%;
	top:50%;
	margin:-30px 0 0 -90px; 
	opacity:0; 
	background:@ColorOne url('img/hoverIconChain.png') center center no-repeat;
}
.animatedImage3 .hoverIconHeart{
	position:absolute;
	width:60px;
	height:60px;
	border-radius:50%;
	left:50%;
	top:50%;
	margin:-30px 0 0 30px;
	opacity:0; 
	background:@ColorOne url('img/hoverIconHeart.png') center center no-repeat;
}
.animatedImage3 .hoverBottomLike{
	float:right;
	color:#fff;
	font-size:16px;
	line-height:50px; 
	padding:0 20px 0 30px;
	float:right;
	background:url('img/likedIcon.png') left center no-repeat;
}
.animatedImage3 .hoverBottomText{	
	font-size:16px;
	line-height:50px; 
	padding-left:20px;
	float:left;
	color:#fff;
}

.bottomdivider{
	position:relative; 
	display:block;
	height:9px;
	line-height:9px;
	background:url('img/bottomdivider-bg-light.png') center center repeat-x;
	margin: -4px auto 20px auto;
	z-index:9999;
}

/* social icons */
.socialicons{ margin:30px 0; height:42px; line-height:42px; }
.socialicon{
	display:inline-block;
	width:42px;
	height:42px;
	margin:0 8px;
}
.facebook{ background:url('img/social-facebook.png') center center no-repeat; }
.twitter{ background:url('img/social-twitter.png') center center no-repeat; }
.flickr{ background:url('img/social-flickr.png') center center no-repeat; }
.googleplus{ background:url('img/social-googleplus.png') center center no-repeat; }

.socialiconsBig{ margin:10px 0 60px; height:59px; line-height:59px;}
.socialiconBig{
	display:inline-block;
	width:59px;
	height:59px;
	margin:0 8px;
	background-color:#fdfdfd;
	border-radius:50%;
}
.socialiconBig div{
	display:inline-block;
	width:59px;
	height:59px;
}
.facebookBig{ background:url('img/socialiconsBig-facebook.png') center center no-repeat; }
.twitterBig{ background:url('img/socialiconsBig-twitter.png') center center no-repeat; }
.youtubeBig{ background:url('img/socialiconsBig-youtube.png') center center no-repeat; }
.dribbleBig{ background:url('img/socialiconsBig-dribble.png') center center no-repeat; }
.skypeBig{ background:url('img/socialiconsBig-skype.png') center center no-repeat; }
.googleplusBig{ background:url('img/socialiconsBig-googleplus.png') center center no-repeat; }
.pinterestBig{ background:url('img/socialiconsBig-pinterest.png') center center no-repeat; }
.behanceBig{ background:url('img/socialiconsBig-behance.png') center center no-repeat; }

/*elements*/
.pricetable{
	text-align:center;
	position:relative;
	border:10px solid #000;
	-moz-transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg) ;
	transform: skewY(-5deg);
	overflow:hidden;
	margin-top:40px;
}
.pricetable-container{
	-moz-transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	-o-transform: skewY(5deg);
	-ms-transform: skewY(5deg) ;
	transform: skewY(5deg);
	position:relative;
	top:-20px;
}
.pt-header{
	background:url('img/1px-80-dark.png');
	padding:30px 10px 10px;
	font-size:30px;
	font-weight:700;
}
.pt-price{
	background:url('img/1px-60-dark.png');
	color:#fbfbfb;
	padding:20px 10px;
	font-size:60px;
	line-height:60px;
}
.pt-price span{
	display:block;
	font-size:25px;
	line-height:25px;
}
.pt-row{
	padding:10px;
	font-size:24px;
	background:url('img/1px-60-dark.png') left bottom repeat-x;
}
.pt-action{
	background:url('img/1px-80-dark.png');
	font-size:30px;
	padding:20px 10px 40px;
	margin-bottom:-40px;
}

.portfolio-item{
	width:340px;
}

#portfolio-filter{
	list-style:none;
	margin-bottom:40px;
}

#portfolio-filter li{
	display:inline-block;
}

.portfolio-load-more, .blog-load-more{ margin-top:80px; }
.portfolioDetail{
	padding:30px;
}
.portfolio-detail-slider-container{ border-style:solid; border-width:5px; }

.bannercontainer {
	width:100%;
	position:relative;
	position:relative;
	margin-left:auto;
	margin-right:auto;

}

.banner{
	width:100%;
	position:relative;
	overflow:hidden;
}

.animatedButton1{
	display:inline-block;
	line-height:40px;
	font-size:16px;
	font-weight:700;
	padding:0 20px;
}


/****************/

.blogitem{
	width:100%;
	position:relative;
	overflow:hidden;
	border:1px solid #000;
}
.blogentry{
	width:50%;
	background-color:#212a31;
	position:absolute;
	height:100%;
	left:0;
	top:0;
	opacity:1;
}
.blogdate{
	padding:30px;
	background-color:#000;
	text-align:center;
	line-height:2em;
	opacity:1;
	margin:0 50px;
}
.blogentry-right .blogdate{ float:left; margin-left:50px; }
.blogentry-left .blogdate{ float:right; margin-right:50px; }
.blogday{
	color:#fff;
	font-size:40px;
	font-weight:700;
}
.blogmonth{
	padding-left:20px;
	color:@ColorOne;
	font-size:35px;
}
.blogyear{
	color:#fff;
	font-size:35px;
}
div.blogentry h4{
	color:#fff;
	margin:20px 50px 10px 50px;
}
.blogentry p{
	margin:10px 50px;
	color:#fff;
}
.blogreadmore{
	display:block;
	background-color:@ColorOne;
	color:#212a31 !important;
	padding:0 10px;
	line-height:30px;
	position:absolute;
	bottom:20px;
	right:50px;
	font-weight:500;
}
.blogreadmore:hover{
	background-color:#fff;
	color:#090909 !important;
}

.blogentry-left{
	right:auto;
	left:0;
}
.blogentry-right {
	right:0;
	left:auto;
}
.entryarrow svg {
	fill:#212a31;
}
.entryarrow{
	width:20px;
	height:40px;
	position:absolute;
	top:50%;
	margin-top:-20px;
}
.blogentry-left .entryarrow{ right:-20px; }
.blogentry-right .entryarrow{ left:-20px; }
.category-name{
	display:block;
	color:#fff;
	background-color:#000;
	position:absolute;
	bottom:0;
	width:200px;
	line-height:50px;
	font-weight:700;
	font-size:26px;
	text-align:center;
	opacity:1;
}
.blogentry-left .category-name{ 	right:-200px; }
.blogentry-right .category-name{ left:-200px; }

@media only screen and (min-width:0) and (max-width:1024px){
	.blogentry{
		width:100%;
		position:relative;
		height:auto
	}
	
	.blogreadmore{
		display:block;
		position:static;
		float:right;
		margin-right:50px;
		margin-bottom:20px;
	}
}

.mapContact{ width:100%; height:350px; }

.form-contact input[type='submit'], 
.form-contact textarea{
	margin-bottom:20px;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
	        border-radius: 0px;
	border: 0px;
	padding: 40px 40px 40px 100px;
	
	   -moz-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
}
.form-contact input[type='text'], 
.form-contact input[type='email']{
	margin-bottom:20px;
	border: 0px;
	height:80px !important;
	padding:0 40px 0 100px;
	
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
	        border-radius: 0px;
	
	   -moz-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
} 
.form-contact input[type='submit']{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	padding:0;
	margin:0;
	height:60px;
	line-height:100%;
}
textarea.contactmessage{
	height:380px;
	padding-top:30px;
	resize:none;
}
.form-control:focus{
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-icon{ background-position:30px center; background-repeat:no-repeat; }
.form-icon-name{ background-image:url('img/form-icon-name.png'); }
.form-icon-email{ background-image:url('img/form-icon-email.png'); }
.form-icon-subject{ background-image:url('img/form-icon-subject.png'); }
.form-icon-website{ background-image:url('img/form-icon-website.png'); }
.form-icon-message{ background-image:url('img/form-icon-message.png'); background-position:30px 25px;}

.form-message{ padding:20px; }

.help-block ul{ list-style:none; margin-top:-10px; }
.help-block ul li{ padding:10px; margin:10px 0; }

.flickr-widget a{
	width:40%;
	display:inline-block;
	margin:5px;
	position:relative;
}
.flickr-widget a img{ width:100%; }
.flickr-widget-item-hover{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-moz-box-shadow: inset 0px 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px 0px #fff;
}
.twitter-widget ul{ list-style:none }
.twitter-widget li{ 
background:url('img/twitter-widget-icon.png') 0px 5px no-repeat;
line-height:1.4; 
padding:0 0 20px 50px;
}
.tweet-created{ display:inline-block; }

.quote-box{ padding:20px; font-style:italic; line-height:1.4; font-size:13px; margin:20px 0; }

/* blog detail */
h1.blog-detail-header{
	font-size:36px;
	font-weight:700;
	margin:20px 0 50px 0;
}
.blog-detail-image{
	position:relative;
	border:5px solid;
}
.blog-detail-date{
	position:absolute;
	left:0;
	top:0;
	opacity:1;
	margin:0;
}
.blog-detail-metas{
	margin:20px 0;
	font-size:14px;
}

/* comments */

#comments-title{
	font-size:20px;
	font-weight:600;
	margin:40px 0 40px 0;
}
.commentslist{ list-style:none;}
.commentslist li{ list-style:none;}
.commentslist li li{ margin-left:70px;}
.comment-avatar{ float:left; width:80px; }
.comment-text{ padding-left:80px; padding-bottom:30px;}
.comment-author{ margin-top:20px;}
.commentslist .avatar{
	width:70px;
	height:70px;
	border-width:4px;
	border-style:solid;
}
.comment-text p{ margin-bottom:0; }
.author-date, .author-time{ font-size:12px; margin-left:5px;}
.comment-reply-link{ margin-left:100px; font-size:13px;}
.comment-reply-link::after{ content:' »';}

#reply-title{ font-size: 24px; font-weight:400; }
#commentform label, 
#commentform span.required,
#commentform .form-allowed-tags{ display:none; }
#commentform input[type='submit'],
#commentform textarea{
	margin-bottom:20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
	padding: 20px;
	
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
#commentform input[type='text'], 
#commentform input[type='email']{
	margin-bottom:20px;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	     -o-border-radius: 0px;
	border-radius: 0px;
	border: 0px;
	height:40px !important;
	   -moz-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
}
#commentform input[type='submit']{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	padding:0;
	margin:0;
	width:180px;
	height:60px;
	line-height:100%;
}
#commentform .comment-notes{ font-size:12px; }

/* Widgets */

.sidebar-nav ul{ list-style:none }
.sidebar-nav > ul > li > div { margin-bottom:50px; }
.searchbox{ 
	border-width:3px;
	background:url('img/search-form-icon.png') right center no-repeat;
	padding-right:30px;
}
.first-wa{ font-size:18px; font-weight:600; }
.widget_recent_entries ul{ list-style:none; }
.widget_recent_entries li{ margin-bottom:20px; margin-top:-10px;}

.recent_post_image{ width:85px; float:left; margin-top:10px; }
.recent_post_text{ padding-left:95px;}
.recent_post_text p{ font-size:12px; }
.recent_post_name{ font-size:12px; font-weight:700; }

.widget_categories .cat-item{ text-align:right;}
.widget_categories .cat-item a{ float:left;}

.tagcloud a{  
	border-radius:3px; 
	font-size:14px;
	font-weight:600;
	padding:5px 15px;
}

/* menu */
.navbar{ 
	margin-bottom:0px; 
	background-color:#000; 
	-webkit-box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.2);
	border-bottom:2px solid @ColorOne;
}
#home{ height:100px; background-color:#fff; }
.navbar .container { min-height: 100px; }
.navbar-toggle{ background-color:#fcfcfc; }
.navbar-toggle  .icon-bar{ background-color: #090909; }
@media only screen and (min-width:0) and (max-width:768px){
	.navbar  nav ul{ display:none; }
	#home{ height:0px; }
}
@media (max-width: 767px) {
	.navbar-fixed-top, .navbar-fixed-bottom { position: static; }
	body{ padding-top:0px; }
}
nav ul li{
	list-style:none;
	float:left;
	margin:0;
	padding:0 12px;
}
nav ul li a{
	display:block;
	height:100px;
	line-height:100px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:600;
	position:relative;
}
nav ul li a:link, nav ul li a:visited{ color:#fff; }
nav ul li a:hover, nav ul li a:active{ color:@ColorOne; }
nav ul li.current a:link, nav ul li.current a:visited, nav ul li.current a:link, nav ul li.current a:visited{ color:@ColorOne; }
nav ul li.current a:link > .menu-active-arrow, 
nav ul li.current a:visited > .menu-active-arrow, 
nav ul li.current a:link > .menu-active-arrow, 
nav ul li.current a:visited > .menu-active-arrow { opacity:1; }

.menu-active-arrow{ position:absolute; bottom:0px; left:50%; display:block; margin-left:-12px; line-height:12px; opacity:0; }
.menu-active-arrow svg{ width:24px; height:12px; fill:@ColorOne; }

@media only screen and (min-width:0) and (max-width:768px){
	nav ul li{ clear:both; }
	.menu-active-arrow{ display:none }
	nav{ position:relative; left:48px; top:51px;}
	nav ul { position:absolute; left:-220px; z-index:2000; width:220px; background-color:#090909; border-radius:6px; 
		-webkit-box-shadow:  0px 10px 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow:  0px 5px 10px 0px rgba(0, 0, 0, 0.2);
		border-bottom:2px solid rgba(255,216,0,.7);
	}
}

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

/* Color A */
.colorA{
	background-color:@ColorOne;
	color:#090909;
	border: 0px solid #fff;
}
.colorA .pageSeparator svg polygon{
	fill:@ColorOne;
}
.colorA h1, .colorA h2, .colorA h3{
	color:#fcfcfc;
}
.colorA h4, .colorA h5, .colorA h6{
	color:#090909;
}
.colorA .top-button a svg polygon{ fill:@ColorOne; }
.colorA  .subtext span{ background-color: @ColorOne; }
.colorA a{ color:#090909; }
.colorA a:hover{ color:#fff; }
.colorA .animatedButton1{
	border-radius:4px;
	border: 3px solid @ColorOne;
}
.colorA .animatedButton1:hover, 
.colorA .animatedButton1Active{
	border: 3px solid #fff;
}
/* Color B */
.colorB{
	background-color:#212a31;
	color:#ffffff;
	border: 0px solid @ColorOne;
}
.colorB .pageSeparator svg polygon{ fill:#212a31; }
.colorB .top-button a svg polygon{ fill:#212a31; }
.colorB .subtext span{ background-color: #212a31; }
.colorB a{ color:#ffffff; }
.colorB a:hover{ color:@ColorOne; }

.colorB  input[type='text'], 
.colorB  input[type='email'], 
.colorB  textarea{
	background-color:#2c3237;
	color:#ffffff;
}
.colorB  input:focus,
.colorB textarea:focus
{
	background-color:@ColorOne;
	color:#212a31;
}

.colorB  input[type='submit']{
	background-color:@ColorOne;
	color:#212a31;
}
.colorB  input[type='submit']:hover
{
	background-color:#ffffff;
	color:#212a31;
}
.colorB .help-block ul li{
	background-color:@ColorOne;
	color:#212a31;
}
.colorB .form-message{
	background-color:@ColorOne;
	color:#212a31;
}
.colorB .portfolio-detail-slider-container{
	border-color:@ColorOne;
}
/* Color C */
.colorC{
	background-color:#ffffff;
	color:#777777;
	border: 0px solid @ColorOne;
}
.colorC *{ border-color: @ColorOne; }
.colorC h1, .colorC h2, .colorC h3{
	color:#030303;
}
.colorC h4, .colorC h5, .colorC h6{
	color:#030303;
}
.colorC .pageSeparator svg polygon{ fill:#ffffff; }
.colorC .top-button a svg polygon{ fill:#ffffff; }
.colorC .subtext span{ background-color: #ffffff; color:#030303; }
.colorC a{ color:#030303; }
.colorC a:hover{ color:@ColorOne; }
.colorC .animatedButton1{
	border-radius:4px;
	border: 3px solid #ffffff;
}
.colorC .animatedButton1:hover, .colorC .animatedButton1Active{
	border: 3px solid @ColorOne;
}
.colorC .quote-box{ background-color:#e9eaea; }

.colorC  input[type='text'], 
.colorC  input[type='email'], 
.colorC  textarea{
	background-color:#c8cbcd;
	color:#777777;
}
.colorC  input:focus,
.colorC  textarea:focus
{
	background-color:@ColorOne;
	color:#212a31;
}

.colorC  input[type='submit']{
	background-color:@ColorOne;
	color:#ffffff;
}
.colorC  input[type='submit']:hover
{
	background-color:#c8cbcd;
	color:#212a31;
}
.colorC .help-block ul li{
	background-color:@ColorOne;
	color:#212a31;
}
.colorC .form-message{
	background-color:@ColorOne;
	color:#212a31;
}
.colorC  input.searchbox[type='text']{
	border-color: #24303c;
	background-color:#ffffff;
	color:#24303c;
}
.colorC .tagcloud a{
	background-color:#24303c;
	color:#fff;
}
.colorC .tagcloud a:hover{
	background-color:@ColorOne;
	color:#fff;
}
/* Footer Style */
.colorFooter{
	background-color:#000000;
	color:#fdfdfd;
	border: 0px solid @ColorOne;
}
.colorFooter .pageSeparator svg polygon{ fill:#000000; }
.colorFooter .subtext span{ background-color: #333333; }
.colorFooter a{ color:@ColorOne; }
.colorFooter a:hover{ color:#ffffff; }
.colorFooter .animatedButton1{
	border-radius:4px;
	border: 3px solid #333333;
}
.colorFooter .animatedButton1:hover, .colorFooter .animatedButton1Active{
	border: 3px solid @ColorOne;
}
.colorFooter h1, .colorFooter h2, .colorFooter h3{
	color:#333333;
}
.colorFooter h4, .colorFooter h5, .colorFooter h6{
	color:@ColorOne;
}
.colorFooter abbr{
	color:@ColorOne;
}
.colorFooter .reverseBox{
	background-color:@ColorOne;
	color:#000000;
	border: 0px solid @ColorOne;
	font-size:16px;
	padding:5px 0;
}
.tweet-created{ color:@ColorOne; }