/*

Theme Name: Kreativo Theme

Theme URI: http://www.herowp.com/demos/kreativo

Author: HeroWP

Author URI: http://www.herowp.com/

Description: A multipuropse / portfolio / blog theme

Version: 1.0

Tags: portfolio, creative, design, blog

*/



/* Import Font */

@font-face {

    font-family: 'bebas_neueregular';

    src: url('fonts/bebasneue-webfont.eot');

    src: url('fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/bebasneue-webfont.woff') format('woff'),

         url('fonts/bebasneue-webfont.ttf') format('truetype'),

         url('fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* Use this br class to clear floated columns */

.clear { 

	clear:both; 

	display:block; 

}



/* Header Styles */

#branding {

	width:100%;

	position:relative;
	background:#000;
}

#branding .border {

	width:100%;

	height:1px;

	background:#ffde00;

	position:absolute;

	bottom:0px;

	z-index:100;

}

.header-content {

	max-width:1172px;

	margin:auto;

	position:relative;

	z-index:200;

}

.header-content .logo {

	float:left;

	padding: 20px 0 20px 0;

}

.header-content .top-menu {

	float:right;

}

.header-content .top-menu ul {

	list-style-type:none;

	margin:0;

	padding:0;

	position:relative;

}

.header-content .top-menu ul:after {

	content: ""; 

	clear:both; 

	display:block;

}

.header-content .top-menu ul li {

	float:left;

	margin-left:18px;

	border-top:solid 8px #171717;

}

.header-content .top-menu ul li:hover {

	border-top:solid 8px #ffde00;

}

.header-content .top-menu li:hover {

	-webkit-transition: border-color 0.2s linear;

	-moz-transition: border-color 0.2s linear;

	-ms-transition: border-color 0.2s linear;

	-o-transition: border-color 0.2s linear;

	transition: border-color 0.2s linear;

}

.header-content .top-menu ul li a {

	font-size:20px;

	line-height:20px;

	color:#ffffff;

	display:block;

	font-family: 'bebas_neueregular';

	font-style:normal;

}

.header-content .top-menu ul li:hover a {

	color:#ffde00;

	-webkit-transition: color 0.2s linear;

	-moz-transition: color 0.2s linear;

	-ms-transition: color 0.2s linear;

	-o-transition: color 0.2s linear;

	transition: color 0.2s linear;

}

.header-content .top-menu ul ul {

	display:none;

	position:absolute;

	border-bottom:solid 2px #ffde00;

	padding:10px 0;

	top:100%;

}

.header-content .top-menu ul li:hover ul {

	display:block;

}

.header-content .top-menu ul li:hover ul ul {

	display:none;

}

.header-content .top-menu ul ul li:hover ul {

	display:block;

}

.header-content .top-menu ul li ul li {

	margin:0px;

	float:none;

	border:none;

	height:45px!important;

	position:relative;

}

.header-content .top-menu ul li ul li a {

	margin:0px;

	float:none;

	border:none;

	height:33px!important;

	padding:12px 25px 0 25px!important;

}

.header-content .top-menu ul li ul li:hover {

	border:none;

}

.header-content .top-menu ul li ul ul {

	left:100%;

	top:0px!important;

}



/* Content Styles */

#main {

	width:100%

}

.title {

	width:1172px;

	margin:auto;

	height:auto;

	padding:30px 0;

	position:relative;

	background:#

}

.title .border {

	width:327px;

	height:8px;

	position:absolute;

	bottom:-4px;

	left:0px;

}

.title p {

	font-size:70px;

	line-height:100px;

	color:#ffffff;

	font-family: 'bebas_neueregular';

	padding:0px;

	margin:0px;

	display:inline-block;

}

.center-full {

	width:100%;

	height:auto;

	border-bottom:solid 1px #000;

	background:url(images/points_bg.jpg) repeat;

}

.center {

	width:1172px;

	height:auto;

	margin:auto;

	padding-bottom:40px;

}

.center .services {

	width:100%;

	padding:0px 0 0px 0; 

}

.center article.services {

	width:100%;

	padding:0;

}

.center .left-container {

	width:63.3%;

	height:auto;

	float:left;

}

.center .right-container {

	width:33.3%;

	height:auto;

	float:right;

	padding-bottom:30px;
	margin-top:65px;

}

.center .hrule {

	height:1px;

	width:100%;

	background:#1f1f1f;

	margin-top:50px;

}



/* Home Page Styles */

.home .center-full {

	border:none;

}

.home .middle {

	display:none;

}

.home .related {

	margin-bottom:0;

}

.home .services-title {

	width:100%;

	background:#000;

}

.home .services-title-center {

	margin:auto;

	width:1172px;

	text-align:center;

	position:relative;

}

.home .services-title-center p {

	font-size:35px;

	font-family: 'bebas_neueregular';

	line-height:40px;

	padding:30px 0;

}


.home .services-title-center .stitle .first-color {

	font-size:70px;

	font-family: 'bebas_neueregular';

	line-height:60px;

	padding:30px 0;

}
.home .services-title-center .border {

    bottom: -20px;

    height: 8px;

    left: 0;

    position: absolute;

 /*   width: 326px;*/

}

.home .center .services .services-item  {

	float:left;

	margin-left: 0;

    margin-right: 2%;

    width: 23.5%;

	text-align:center;
	background:#000;
	padding:30px 0 30px 0;

}


.home .center .services .services-item:hover  {

-webkit-box-shadow: 0px 0px 20px rgba(18, 18, 18, 1);
-moz-box-shadow:    0px 0px 20px rgba(18, 18, 18, 1);
box-shadow:         0px 0px 20px rgba(18, 18, 18, 1);
background:#000;

	-webkit-transition: color 0.2s linear, background-color 0.2s linear;

	-moz-transition: color 0.2s linear, background-color 0.2s linear;

	-ms-transition: color 0.2s linear, background-color 0.2s linear;

	-o-transition: color 0.2s linear, background-color 0.2s linear;

	transition: color 0.2s linear, background-color 0.2s linear;
}







.home .center .services .services-item.last  {

    margin-right: 0;

}

.home .center .services .services-item .sctitle {

	display:block;

	width:158px;

	height:97px;

	padding-top:61px;

	color:#161616;

	font-size:35px;

	line-height:35px;

	font-family: 'bebas_neueregular';

	text-align:center;

	-webkit-border-radius: 79px;

	-moz-border-radius: 79px;

	border-radius: 79px;

	margin:auto;

}

.home .center .services .services-item .sctitle:hover {

	-webkit-transition: color 0.2s linear, background-color 0.2s linear;

	-moz-transition: color 0.2s linear, background-color 0.2s linear;

	-ms-transition: color 0.2s linear, background-color 0.2s linear;

	-o-transition: color 0.2s linear, background-color 0.2s linear;

	transition: color 0.2s linear, background-color 0.2s linear;

}

.home .center .services .services-item .subtitle {

	font-family: 'bebas_neueregular';

	font-size:25px;

	line-height:25px;

	margin:45px 0 30px 0;

}

.home .center .services .services-item .description {

	font-size:12px;

	line-height:18px;

	color:#7a7a7a;

	padding:40px 50px;

}









/* Single Post Styles */

article.post {

	position:relative;

	border-bottom:1px solid #1d1d1d;

	padding-bottom:30px;

}

article.page {

	position:relative;

	border-bottom:1px solid #1d1d1d;

	padding-bottom:30px;

}

article.post h1 {

	font-size:40px;

	line-height:60px;

	font-family: 'bebas_neueregular';

	padding:45px 0 35px 0;

}

article.post img.attachment-full {

	width:100%;

	margin-bottom:40px;

}

article.page h1 {

	font-size:40px;

	line-height:60px;

	font-family: 'bebas_neueregular';

	padding:20px 0 10px 0;

}

article.page img.attachment-full {

	width:100%;

	margin-bottom:40px;

}

.post-info {

	width:20%;

	float:right;

	padding-left:35px;

}

.post-info ul {

	list-style-type:none;

	padding:0;

	margin:0;

}

.post-info ul li {

	border-top:1px solid #1f1f1f;

	color:#ffffff;

	font-size:12px;

	line-height:12px;

	padding:15px 0;

}

.post-info ul li p {

	color:#ffffff;

	font-size:11px;

	line-height:12px;

	padding:0;

	margin:0;

}

.post-info ul li.tags a {

	display:inline-block;

	height:20px;

	padding:6px 10px 0 10px;

	background:#1c1c1c;

	color:#ffffff!important;

	margin-right:10px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	margin-bottom:18px;

}

.post-info ul li.tags a:hover {

	color:#000000!important;

	background:#ffde00;

}

article.post .border {

	width:31%;

	height:18px;

	background:#ffde00;

	margin:auto;

	position:absolute;

	bottom:-9px;

	left:34.5%;

}



/* Portfolio Post Styles */

article.portfolio {

	position:relative;

	border-bottom:none!important;

	padding-bottom:30px;

}

article.portfolio {

	position:relative;

	border-bottom:1px solid #1d1d1d;

	padding-bottom:30px;

}

article.portfolio h1 {

	font-size:60px;

	line-height:60px;

	font-family: 'bebas_neueregular';

	padding:30px 0 35px 0;

}

article.portfolio img.attachment-full {

	max-width:100%;

	margin-bottom:40px;

	float:left;

}

article.portfolio .post-info {

	width:0%;

	float:right;

	padding-right:2.35%;

	padding-left:0px;
        display: none;

}

article.portfolio .meta {

	text-align:center;

}

article.portfolio .meta p {

	text-align:center;

	font-family: 'bebas_neueregular';

	font-size:40px;

	line-height:60px;

	padding:55px 0 25px;

}

article.portfolio .meta a {

	text-align:center;

	color:#111111;

	font-family: 'bebas_neueregular';

	font-size:40px;

	line-height:40px;

	display:inline-block;

	padding:8px 20px;

	margin-bottom:90px;

}

.related {

	background:#000000;

	margin-bottom:120px;

	width:100%;

}

.related .related-center {

	width:1172px;

	margin:auto;

	position:relative;

	padding-bottom:51px;

}

.related .related-center .top-icon {

	background:url(images/related-top.jpg) no-repeat;

	width:154px;

	height:136px;

	position:absolute;

	/*top:-61px;*/

	left:509px;

	z-index:2000;

}

.related .related-center .bottom-icon {

	background:url(images/related-bottom.png) no-repeat;

	width:64px;

	height:42px;

	position:absolute;

	bottom:-10px;

	left:554px;

	z-index:2000;

}

.related .related-center .rtitle {

	font-family: 'bebas_neueregular';

	font-size:65px;

	line-height:65px;

	text-align:center;

	padding:136px 0 50px 0;

}

.related .related-center .portfolio-item {

	margin-right:2%;

	margin-left:0px;

	width:23.5%;

}

.related .related-center .portfolio-item.last {

	margin-right:0;

}



/* Portfolio Page Styles */

.center.portfolio {

	padding-top:10px;

}

.center.portfolio .items {

	width:1206px;

	margin-left:-34px;

}

.portfolio-item {

	float:left;

	margin-bottom:58px;

	background:#0e1011;

	margin-left:34px;

	position:relative;

	overflow:hidden;

	cursor:pointer;

	width:267px;

}

.portfolio-item img {

	width:100%;

	display:block;

}

.portfolio-item .ptitle {

	font-size:15px;

	line-height:20px;

	margin-bottom:0;

	padding:5% 5% 0 5%; 
	text-transform: uppercase;
	font-weight: bold;

}

.portfolio-item .pdesc {

	font-size:11px;

	line-height:20px;

	margin-bottom:0;

	padding:0 5% 5% 6%;

}

.portfolio-item .line {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow:hidden;

}

.portfolio-item .overlay {

	width:100%;

	height:auto;

	position:absolute;

	left:-100%;

	top:0px;

	display:block;

	transition: all 300ms ease 0s ;

}

.portfolio-item:hover .overlay {

	width:100%;

	height:auto;

	position:absolute;

	left:0px;

	top:0px;

	display:block;

	transition: all 300ms ease 0s ;

}

.portfolio-item .overlay .bg {

	width:100%;

	height:auto;

	position:absolute;

	z-index:100;

	left:0px;

	top:0px;

	opacity: 0.9;

    filter: alpha(opacity = 90);

}

.portfolio-item .overlay .ptitle {

	position:relative;

	z-index:200;

	color:#1c1e20;

	font-weight:bold;

	font-size:20px;

	line-height:20px;

	padding:10% 10%;

}

.portfolio-item .overlay .pdesc {

	position:relative;

	z-index:200;

	font-size:15px;

	line-height:30px;

	font-weight:bold;

	padding:0 10%;

}

.portfolio-item .overlay .pdate {

	position:relative;

	z-index:200;
	display: none;

	font-size:12px;

	line-height:12px;

	color:#1c1e20;

	font-weight:bold;

	position:absolute;

	bottom:5%;

	left:10%

}

.isotope-item {

  z-index: 2;

}

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -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;

}

#filters {

	list-style-type:none;

	margin:0px;

	padding:0px;

	float:right;

	padding-top:20px;

}

#filters li {

	float:left;

	padding-bottom:15px;

}

#filters li a {

	font-family: 'bebas_neueregular';

	display:block;

	height:44px;

	padding:8px 20px 0 20px;

	color:#121212;

	font-size:35px;

	line-height:35px;

	margin-left:17px;

}



/* Team Page Styles */

.items.members {

	padding-bottom:80px;

}

.portfolio-item.team .overlay .tauthor {

	position:relative;

	z-index:200;

	font-size:12px;

	line-height:12px;

	font-weight:bold;

	position:absolute;

	bottom:5%;

	left:10%

}

article.team {

	padding-bottom:80px;

}

.portfolio-item.team {

	cursor:default;

}

.portfolio-item.single {

	margin-left:0px;

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}

.portfolio-item.team .overlay {

	cursor:pointer;

}

.portfolio-item.team p {

	padding-bottom:5px;

}

.portfolio-item.team ul {

	list-style-type:none;

	margin:0;

	padding:0;

}

.portfolio-item.team .skills {

	border-top:solid 1px #202020;

	border-bottom:solid 1px #202020;

	margin:0 5%;

	padding:15px 0;

}

.portfolio-item.team .skills ul li {

	float:left;

	display:block;

	height:18px;

	padding:8px 10px 0 10px;

	color:#121212;

	margin-right:12px;

	margin-bottom:12px;

	font-size:12px;

	line-height:12px;

}

.portfolio-item.team .skills p {

	font-size:15px;

	font-weight:bold;

	line-height:15px;

}

.portfolio-item.team .social {

	padding:25px 5%;

}

.portfolio-item.team .social ul {

	list-style-type:none;

}

.portfolio-item.team .social ul li {

	float:left;

	display:block;

	width:25px;

	height:25px;

	padding-right:11px;

}

.portfolio-item.team .social ul li a {

	background:url(images/team-social.png) no-repeat;

	display:block;

	width:25px;

	height:25px;

}

.portfolio-item.team .social ul li a:hover {

	-webkit-transition: background 0.1s linear;

	-moz-transition: background 0.1s linear;

	-ms-transition: background 0.1s linear;

	-o-transition: background 0.1s linear;

	transition: background 0.1s linear;

}

.portfolio-item.team .social ul li a.facebook {

	background-position:0px 0px;

}

.portfolio-item.team .social ul li a.twitter {

	background-position:-25px 0px;

}

.portfolio-item.team .social ul li a.vimeo {

	background-position:-50px 0px;

}

.portfolio-item.team .social ul li a.linkedin {

	background-position:-75px 0px;

}

.portfolio-item.team .social ul li a.facebook:hover {

	background-position:0px -25px;

}

.portfolio-item.team .social ul li a.twitter:hover {

	background-position:-25px -25px;

}

.portfolio-item.team .social ul li a.vimeo:hover {

	background-position:-50px -25px;

}

.portfolio-item.team .social ul li a.linkedin:hover {

	background-position:-75px -25px;

}

.related.team .related-center {

	text-align:center;

	padding-bottom:120px;	

}

.related.team .related-center h1 {

	font-size:100px;

	line-height:100px;

	padding:125px 10% 50px;

}

.related.team .related-center h2 {

	font-size:40px;

	line-height:40px;

	padding:0 10% 75px;

}

.related.team .related-center p {

	font-size:80px;

	line-height:80px;

	padding:0 10%;
	font-family:'bebas_neueregular';
	position:relative;
	top:100px;

}



/* Posts Navigation Styles */

#nav-below {

	padding:40px 0;

}

#nav-below .nav-previous {

	float:left;

	width:27px;

	height:24px;

	margin-right:2px;

}

#nav-below .nav-next {

	float:left;

	width:27px;

	height:24px;

}

#nav-below .nav-previous a {

	background-position:0px 0px;

}

#nav-below .nav-next a {

	background-position:-27px 0px;

}

#nav-below a {

	background-image:url(images/hero-controls.png);

	width:27px;

	height:24px;

	position:relative;

	text-indent:-9999px;

	display:block;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

	background-color:#181818;

}

#nav-below .nav-previous a:hover {

	-webkit-transition: background-color 0.1s linear;

	-moz-transition: background-color 0.1s linear;

	-ms-transition: background-color 0.1s linear;

	-o-transition: background-color 0.1s linear;

	transition: background-color 0.1s linear;

}

#nav-below .nav-next a:hover {

	-webkit-transition: background-color 0.1s linear;

	-moz-transition: background-color 0.1s linear;

	-ms-transition: background-color 0.1s linear;

	-o-transition: background-color 0.1s linear;

	transition: background-color 0.1s linear;

}



/* Coments Styles */

#comments .form-allowed-tags {

	display:none;

}

#comments {

	padding:30px 0;

}

#comments input#author {

	float:none;

	width:94%;

}

#comments input#email {

	float:none;

	width:94%;

}

#comments input#url {

	float:none;

	width:94%;

}

#comments textarea {

	float:none;

	width:94%;

}

#comments article {

	padding:25px 0;

	background:#0e1011;

    border:none;

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

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

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

	margin-bottom:32px;

}

#comments ol {

	margin:0px;

	padding:0px;

	list-style-type:none;

}

#comments ul {

	list-style-type:none;

}

#comments h2 {

	padding-bottom:30px;

}

#comments table td {

	vertical-align:top;

	padding:0 20px 0 25px;

}

#comments table td.first {

	width:130px;

	padding:0 0 0 25px;

}

#comments .reply {

	float:right;

	margin-right:20px;

}



/* Sidebar Styles */

.widget h3, .right-contact-info h3 {

	font-family: 'bebas_neueregular';

	font-size:40px;

	line-height:60px;

	border-bottom:1px solid #1d1d1d;

	padding:20px 0 10px 0;

	margin:10px 0 0 0;

	position:relative;

	margin-bottom:20px;

}

.widget h3 span, .right-contact-info h3 span {

	position:absolute;

	width:61%;

	height:12px;

	bottom:-6px;

	left:0px;

}

.widget ul {

	list-style-type:none;

	margin:0;

}

.widget ul li {

	font-family: 'bebas_neueregular';

	font-size:20px;

	line-height:38px;

	padding:0px;

	margin:0px;
	border-bottom: solid 1px #1d1d1d;
	
	padding-top: 15px;

}

.widget ul li a {

	font-family: 'bebas_neueregular' !important;

	font-size:20px !important;

	line-height:28px;

	padding:0px;

	margin:0px;

}

.widget .tagcloud a {

	font-family: 'bebas_neueregular';

	font-size:20px!important;

	line-height:38px;

	padding:0px;

	margin:0px;

}

.widget input {

	float:none;

	width:94%;

}

.widget #searchform label {

	display:none;

}

#searchform label {

	display:none;

}

.footer-sidebar {

	width:1172px;

	margin:auto;

	font-size:15px;

	line-height:30px;

}

.footer-sidebar a {

	font-size:15px!important;

	line-height:30px!important;

}

.footer-sidebar li {

	padding-bottom:20px!important;

	font-size:15px!important;

	line-height:30px!important;

}

.latest-twitter-tweet-time {

	padding-bottom:20px!important;

	color:#454545;

	font-size:12px;

}

.widget iframe {

	width:100%!important;

}

.footer-sidebar aside {

	width:25%;

	float:left;

	margin:0 4.16%;

}

.footer-sidebar aside h3 {

	border:none;

}

.footer-sidebar aside h3 span {

	display:none;

}



/* Contact Page Styles */

.right-contact-info {
position:relative;
top:-60px;	

}

.right-contact-info img {

	border:solid 15px #000000;

	margin-bottom:40px;

}

.right-contact-info p {

	font-size:15px;

	line-height:30px;	

}



/* Contact Form Styles */

.contact-form {

	padding-top:40px;

	position:relative;

}

.contact-form p {

	color:#111111;

	font-size:40px;

	line-height:40px;

	display:inline-block;

	height:48px;

	font-family: 'bebas_neueregular';

	padding:9px 20px 0 20px;

	margin:0 0 3px 0;

}

.contact-form input {

	float:none;

	width:94%;

	margin-bottom:50px!important;

}

.contact-form textarea {

	float:none;

	width:94%;

	margin-bottom:62px!important;

	padding-top:20px;

}

.contact-form #error_msg {

	position:absolute;

	left:170px;

	bottom:18px;

	font-family: 'bebas_neueregular';

	font-size:20px;

}



/* Footer Styles */

#colophon {

	width:100%;

}

#colophon .top-section {

	width:100%;

/*	padding:180px 0; */

	background:url(images/points_bg.jpg) repeat;

	position:relative;

}

#colophon .top-section .middle {

	background:#ffde00;

	width:266px;

	height:16px;

	position:absolute;

	top:-8px;

}

#colophon .bottom-section {

	width:1172px;

	margin:auto;

	padding:75px 0;

	position:relative;

}

#colophon .bottom-section .middle {

	background:url(images/footer-arrow.png) no-repeat;

	width:48px;

	height:24px;

	position:absolute;

	top:-12px;

}

.home #colophon .bottom-section .middle {

	display:block;

}

#colophon .bottom-section .left-section {

	float:left;

}

#colophon .bottom-section .left-section p {

	font-size:25px;

	color:#ffffff;

	padding-bottom:5px;

	font-family: 'bebas_neueregular';

	font-style:normal;

}

#colophon .bottom-section .left-section p span {

	color:#ffde00;

}

#colophon .bottom-section .left-section ul {

	margin:0;

	padding:0;

}

#colophon .bottom-section .left-section ul li {

	float:left;

	display:block;

	width:32px;

	height:32px;

	padding-right:5px;

}

#colophon .bottom-section .left-section ul li a {

	display:block;

	width:32px;

	height:32px;

	background:url(images/social-icons.png);

}

#colophon .bottom-section .left-section ul li:hover a {

	background:url(images/social-icons.png);

	-webkit-transition: background 0.1s linear;

	-moz-transition: background 0.1s linear;

	-ms-transition: background 0.1s linear;

	-o-transition: background 0.1s linear;

	transition: background 0.1s linear;

}

#colophon .bottom-section .left-section li.facebook a {

	background-position:0px 0px;

}

#colophon .bottom-section .left-section li.twitter a {

	background-position:-32px 0px;

}

#colophon .bottom-section .left-section li.rss a {

	background-position:-64px 0px;

}

#colophon .bottom-section .left-section li.vimeo a {

	background-position:-96px 0px;

}

#colophon .bottom-section .left-section li.youtube a {

	background-position:-128px 0px;

}

#colophon .bottom-section .left-section li.linkedin a {

	background-position:-160px 0px;

}

#colophon .bottom-section .left-section li.facebook:hover a {

	background-position:0px 32px;

}

#colophon .bottom-section .left-section li.twitter:hover a {

	background-position:-32px 32px;

}

#colophon .bottom-section .left-section li.rss:hover a {

	background-position:-64px 32px;

}

#colophon .bottom-section .left-section li.vimeo:hover a {

	background-position:-96px 32px;

}

#colophon .bottom-section .left-section li.youtube:hover a {

	background-position:-128px 32px;

}

#colophon .bottom-section .left-section li.linkedin:hover a {

	background-position:-160px 32px;

}

#colophon .bottom-section .bottom-menu {

	float:right;

	padding-top:20px;

}

#colophon .bottom-section .bottom-menu ul {

	list-style-type:none;

}

#colophon .bottom-section .bottom-menu ul li {

	float:left;

	margin-left:18px;

}

#colophon .bottom-section .bottom-menu ul li a {

	color:#ffffff;

	font-size:20px;

	line-height:20px;

	font-family: 'bebas_neueregular';

	font-style:normal;

}

#colophon .bottom-section .bottom-menu ul li:hover a {

	color:#ffde00;

	-webkit-transition: color 0.2s linear, background-color 0.2s linear;

	-moz-transition: color 0.2s linear, background-color 0.2s linear;

	-ms-transition: color 0.2s linear, background-color 0.2s linear;

	-o-transition: color 0.2s linear, background-color 0.2s linear;

	transition: color 0.2s linear, background-color 0.2s linear;

}

#colophon .bottom-section .bottom-menu ul ul {

	display:none;

}



.mobile-menu {

	display:none;

}

.featured{height:150px !important;
position:relative;
top:-15px;}



/* Responsive design */

@media (min-width: 1280px) { 

	.header-content {

		width:1172px;

	}

	#colophon .bottom-section {

		width:1172px;

	}

	.center {

		width:1172px;

	}

	.title {

		width:1172px;

	}

	.related .related-center {

		width:1172px;

	}

	.related .related-center .top-icon {

		left:509px;

	}

	.related .related-center .bottom-icon {

		left:554px;

	}

	.home .services-title-center {

		width:1172px;

	}

	.footer-sidebar {

		width:1172px;

	}

}

@media (min-width: 1152px) and (max-width: 1279px) { 

	.header-content {

		width:1044px;

	}

	#colophon .bottom-section {

		width:1044px;

	}

	.center {

		width:1044px;

	}

	.title {

		width:1044px;

	}

	.center.portfolio .items {

		width:1074px;

		margin-left:-30px;

	}

	.portfolio-item {

		margin-left:30px;

		width:238px;

	}

	.related .related-center {

		width:1044px;

	}

	.related .related-center .top-icon {

		left:445px;

	}

	.related .related-center .bottom-icon {

		left:490px;

	}

	.home .services-title-center {

		width:1044px;

	}

	.footer-sidebar {

		width:1044px;

	}

}
@media (min-width: 1px) and (max-width: 1151px) { 

.home .services-title-center p {
    font-size: 30px;
}
.home .services-title-center .stitle .first-color {
    font-size: 60px;
}
.home .center .services .services-item .sctitle {
font-size: 32px;
}

.home .center .services .services-item {
padding: 50px 0px 0px;
}

.home .center .services .services-item .description {
padding: 40px 15px;
}

.related .related-center .rtitle {
font-size: 70px;
padding: 106px 0px 80px;
}
.related .related-center .top-icon {
    background: url('images/related-top2.jpg') no-repeat scroll 0% 0% transparent;
width: 124px;
height: 110px;
}
.center.portfolio {
    padding-top: 0px;
}

.title p {
font-size: 60px;
}

.related.team .related-center p {
    font-size: 70px;
}

#filters li a {
font-size: 25px;
}

element {
    font-size: 14px;
}


}

@media (min-width: 1024px) and (max-width: 1151px) { 

	.header-content {

		width:916px;

	}

	#colophon .bottom-section {

		width:916px;

	}

	.center {

		width:916px;

	}

	.title {

		width:916px;

	}

	.center.portfolio .items {

		width:941px;

		margin-left:-25px;

	}

	.portfolio-item {

		margin-left:25px;

		width:288px;

	}

	.related .related-center {

		width:916px;

	}

	.related .related-center .top-icon {

		left:381px;

	}

	.related .related-center .bottom-icon {

		left:426px;

	}

	.home .services-title-center {

		width:916px;

	}

	.footer-sidebar {

		width:916px;

	}

	.portfolio-item .overlay .pdesc {

		line-height: 15px;

	}

}

@media (min-width: 980px) and (max-width: 1023px) { 

	.header-content {

		width:772px;

	}

	#colophon .bottom-section {

		width:772px;

	}

	.center {

		width:772px;

	}

	.title {

		width:772px;

	}

	.center.portfolio .items {

		width:787px;

		margin-left:-15px;

	}

	.related .portfolio-item {

		margin-right:30px!important;

		width:371px!important;

	}

	.related .portfolio-item.second {

		margin-right:0!important;

	}

	.portfolio-item {

		margin-left:15px;

		width:247px;

	}

	.related .related-center {

		width:772px;

	}

	.related .related-center .top-icon {

		left:309px;

	}

	.related .related-center .bottom-icon {

		left:354px;

	}

	.home .services-title-center {

		width:772px;

	}

	.footer-sidebar {

		width:772px;

	}

}

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

	.header-content {

		width:748px;

	}

	#colophon .bottom-section {

		width:748px;

	}

	.center {

		width:748px;

	}

	.title {

		width:748px;

	}

	.center.portfolio .items {

		width:763px;

		margin-left:-15px;

	}

	.portfolio-item {

		margin-left:15px;

		width:239px;

	}

	.related .portfolio-item {

		margin-right:20px!important;

		width:364px!important;

	}

	.related .portfolio-item.second {

		margin-right:0!important;

	}

	.related .related-center {

		width:748px;

	}

	.related .related-center .top-icon {

		left:297px;

	}

	.related .related-center .bottom-icon {

		left:342px;

	}

	.home .services-title-center {

		width:748px;

	}

	.footer-sidebar {

		width:748px;

	}

}

@media (max-width: 767px) { 

	.header-content {

		width:460px;

	}

	#colophon .bottom-section {

		width:460px;

	}

	#colophon .bottom-section .left-section {

		float:none;

		margin:auto;

		width:230px;

	}

	#colophon .bottom-section .left-section ul {

		margin-left:5px;

	}

	.center {

		width:460px;

	}

	.title {

		width:460px;

	}

	.center.portfolio .items {

		width:475px;

		margin-left:-15px;

	}

	.portfolio-item {

		margin-left:0px!important;

		width:222px;

	}

	.related .portfolio-item {

		margin-right:15px!important;

		width:222px!important;

	}

	.related .portfolio-item.second {

		margin-right:0!important;

	}

	.related .related-center {

		width:460px;

	}

	.related .related-center .top-icon {

		left:153px;

	}

	.related .related-center .bottom-icon {

		left:198px;

	}

	.home .services-title-center {

		width:460px;

	}

	.home .center .services .services-item  {

		float:left;

		margin-left: 0;

		margin-right: 10%;

		width: 45%;

		text-align:center;

		margin-bottom:20px;

	}

	.home .center .services .services-item.second  {

		margin-right: 0;

	}

	.footer-sidebar {

		width:460px;

	}

	.footer-sidebar aside {

		width:90%;

		float:left;

		margin:0 5%;

		text-align:center;

	}

	.top-menu {

		display:none;

	}

	.bottom-menu {

		display:none;

	}

	.portfolio-item .overlay .pdesc {

		line-height: 15px;

	}

	.mobile-menu {

		display:block;

		text-align:center;

		padding-bottom:20px;

	}

	footer .mobile-menu {

		display:block;

		text-align:center;

		padding-top:20px;

	}

	#branding .logo {

		float:none;

		text-align:center;

	}

	select {

		color:#000000!important;

	}

	.right-container {

		display:none!important;

	}

	.left-container {

		width:100%!important;

	}

	.post-info {

		float: right;

		padding-left: 10px;

		width: 40%;

	}

	.hero {

		display:none;

	}

	[class*="span"] {

		width:100%!important;

		margin-left:0!important;

	}

	.pricing .pricing-item {

		margin-bottom:40px!important;

	}

}

@media (max-width: 580px) { 

	.header-content {

		width:280px;

	}

	#colophon .bottom-section {

		width:280px;

	}

	#colophon .bottom-section .left-section {

		float:none;

		margin:auto;

	}

	#colophon .bottom-section .left-section ul {

		margin-left:5px;

	}

	.center {

		width:280px;

	}

	.title {

		width:280px;

	}

	.center.portfolio .items {

		width:280px;

		margin-left:0px;

	}

	.portfolio-item {

		margin-left:0px!important;

		width:280px;

	}

	.related .portfolio-item {

		margin-right:0!important;

		width:280px!important;

	}

	.related .portfolio-item.second {

		margin-right:0!important;

	}

	.related .related-center {

		width:280px;

	}

	.related .related-center .top-icon {

		left:63px;

	}

	.related .related-center .bottom-icon {

		left:108px;

	}

	.home .services-title-center {

		width:280px;

	}

	.home .center .services .services-item  {

		float:left;

		margin-left: 0;

		margin-right: 10%;

		width: 45%;

		text-align:center;

		margin-bottom:20px;

	}

	.home .center .services .services-item.second  {

		margin-right: 0;

	}

	.footer-sidebar {

		width:280px;

	}

	.footer-sidebar aside {

		width:90%;

		float:left;

		margin:0 5%;

		text-align:center;

	}

	.top-menu {

		display:none;

	}

	.bottom-menu {

		display:none;

	}

	.portfolio-item .overlay .pdesc {

		line-height: 15px;

	}

	.mobile-menu {

		display:block;

		text-align:center;

		padding-bottom:20px;

	}

	footer .mobile-menu {

		display:block;

		text-align:center;

		padding-top:20px;

	}

	#branding .logo {

		float:none;

		text-align:center;

	}

	select {

		color:#000000!important;

	}

	.home .center .services .services-item .sctitle {

		border-radius: 50px 50px 50px 50px;

		height: 100px;

		line-height: 100px;

		vertical-align:middle;

		padding:0;

		width: 100px;

	}

	.home .center .services .services-item .description {

		display:none;

	}

	.hero {

		display:none;

	}

	.related .related-center .rtitle {

		font-size: 80px;

		line-height: 80px;

	}

	.title p {

		font-size: 80px;

		line-height: 80px;

	}

	.title .border {

		width: 280px;

	}

	article.portfolio img.attachment-full {

		margin-bottom: 20px;

		width: 100%;

	}

	article.portfolio .post-info {

		display:none;

	}

	.post-info {

		display:none;

	}

}
@media (min-width: 1px) and (max-width: 640px) { 


.home .center .services .services-item .sctitle {
font-size: 25px;
}

.related .related-center .rtitle {
font-size: 60px;
line-height: 60px;
}


}