/*
	Theme Name: SmartStart WP - Responsive HTML5 Theme
	Theme URI: http://themeforest.net/user/smuliii/?ref=smuliii
	Description: SmartStart is a simple and clean but still professional template suitable for any business or portfolio, and it's created by using the latest HTML5 and CSS3 techniques.
	Author: Samuli Saarinen
	Author URI: http://www.samuli.me/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.08
*/

/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 17px; }
h4, h4 .button { font-size: 15px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 12px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	background: #fff;
	border-top: 6px solid #3a3a3a;
	color: #909090;
	font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

::-moz-selection { background: #f15a23; color: #fff; text-shadow: none; }
::selection { background: #f15a23; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #474747;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}

h3, h4, h5 { font-weight: 600; }

a, a > * {
	color: #3a3a3a;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover { color: #f15a23; }

hr {
	background: #efefef;
	color: #efefef;
	margin: 5px 0 25px;
}

	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }

blockquote {
	background: #f8f8f8 url(images/quote.png) no-repeat 17px 21px;
	font-style: italic;
	font-size: 15px;
	line-height: 1.6;
	padding: 20px 20px 20px 55px;
}

	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #bbb;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}

	blockquote p:last-of-type { margin-bottom: 0; }

	blockquote small { font-size: 12px; }

.button, input[type="submit"], input[type="reset"], button {
	background: #f15a23;
	border: none;
	color: #fff;
	cursor: pointer;	
	font-weight: 400;
	height: auto;
	overflow: visible;
	padding: 7px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
}

	.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		background: #3a3a3a;
		color: #fff;
	}

.button {
	font-size: 12px;
	display: inline-block;
	padding: 5px 16px;
}

	.button.medium { font-size: 13px; }

	.button.large { font-size: 15px; }

	.button.no-bg {
		background: none;
		color: #3a3a3a;
		padding: 0;
	}

		.button.no-bg:hover, #footer .button.no-bg:hover {
			background: none;
			color: #f15a23;
		}

	.button .icon, .button .arrow {
		color: transparent;
		cursor: pointer;
		display: inline-block;
		font: 0/0 a;
		height: 19px;
		margin: -3px 0 0 3px;
		text-shadow: none;
		vertical-align: middle;
		width: 19px;
	}

	.ie7 .button .icon, .ie7 .button .arrow { display: inline; }

	.button .arrow { background: #ddd url(images/button-arrows.png) no-repeat 0 0; }

	.button .icon.left, .button .arrow.left {
		margin-left: 0;
		margin-right: 3px;
	}

	.button .arrow.left { background-position: 0 -19px; }

		.button:hover .arrow { background-color: #f15a23; }

.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

	.dropcap.dark {
		background: #3a3a3a;
		color: #fff;
	}

.infobox {
	background: #fbfbfb;
	border: 1px solid #efefef;
	margin: 0 0 20px;
	padding: 25px;
}

	.infobox .one-half { width: 434px; }

	.infobox .one-third { width: 282px; }

		 .infobox .two-third { width: 586px; }

	.infobox .one-fourth { width: 207px; }

		.infobox .three-fourth { width: 661px; }

.single-image, .image-gallery, .iframe {
	cursor: pointer;
	margin-bottom: 5px;
}

.single-image.none, .image-gallery.none, .iframe.none,
.single-image.none img, .image-gallery.none img, .iframe.none img {
	display: inline;
	margin-bottom: 0;
	overflow: visible;
}
	
	.single-image.align-left, .image-gallery.align-left, .iframe.align-left { margin-bottom: 15px; margin-right: 15px; }
	.single-image.align-right, .image-gallery.align-right, .iframe.align-right { margin-bottom: 15px; margin-left: 15px; }

	.single-image img, .image-gallery img, .iframe img { margin-bottom: -5px; }

	.single-image .zoom, .image-gallery .zoom, .iframe .zoom {
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.4);
		color: transparent;
		display: block;
		font: 0/0 a;
		height: 0;
		left: 0;
		filter: alpha(opacity=0); 
		opacity: 0;
		position: absolute;
		text-shadow: none;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
		width: 0;
		z-index: 1;
	}

	.single-image .zoom:before, .image-gallery .zoom:before, .iframe .zoom:before {
		background: url(images/zoom.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 58px;
		margin: -29px 0 0 -29px;
		left: 50%;
		top: 50%;
		width: 58px;
	}

	.single-image.video .zoom:before, .image-gallery.video .zoom:before, .iframe.video .zoom:before {
		background-image: url(images/zoom-video.png);
	}

	.single-image.link .zoom:before, .image-gallery.link .zoom:before, .iframe.link .zoom:before {
		background-image: url(images/zoom-link.png);
	}

	.single-image:hover .zoom, .image-gallery:hover .zoom, .iframe:hover .zoom {
		filter: alpha(opacity=40); 
		opacity: 1;
	}
 	 

/* ---------------------------------------------------------------------- */
/*	Alert Boxes
/* ---------------------------------------------------------------------- */

.error, .success, .info, .notice, .wpcf7-response-output {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked {
	color: #FFFFFF;
	background-color: #666666;
	background-repeat: no-repeat;
	background-position: 10px 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.success, .wpcf7-mail-sent-ok {
	background: #e3ebc6 url(images/icon-box-success.png) no-repeat 12px 8px;
	border: 1px solid #c2d288;
	border-left-width: 4px;
	color: #8fa442;
}

.info {
	background: #d8ecf5 url(images/icon-box-info.png) no-repeat 10px 8px;
	border: 1px solid #9ac9df;
	border-left-width: 4px;
	color: #528da9;
}

.notice {
	background: #fcf7d9 url(images/icon-box-notice.png) no-repeat 10px 9px;
	border: 1px solid #f5dc7d;
	border-left-width: 4px;
	color: #c4a21b;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */

label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f8f8f8;
	border: 1px solid #e8e8e8;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8f8f8f;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #dedede; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], input[type="reset"], button {
	font-size: 13px;
	text-transform: uppercase;
}

	input[type="submit"].medium, input[type="reset"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, input[type="reset"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

input[type="checkbox"], input[type="radio"],
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }

/* Fix for Mobile Safari */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }

/* jQuery fallback */
input.placeholder, textarea.placeholder, .wpcf7 .watermark { color: #b0b0b0; }
 
/* ---------------------------------------------------------------------- */
/*	Wrap
/* ---------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	position: relative;
	width: 940px;
}

  
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	border-bottom: 1px solid #efefef;
	height: 60px;
	z-index: 97;
}

	#logo {
		float: left;
		height: 60px;
	}

		#logo h1 { padding: 18px 0; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	#main-nav { float: right; }

		#main-nav > ul,
		#main-nav .menu > ul { margin: -6px 0 0; }

			#main-nav li {
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
			}

				#main-nav a {
					border-bottom: 1px solid transparent;
					border-top: 6px solid transparent;
					color: #3a3a3a;
					font-size: 12px;
					font-weight: 800;
					display: block;
					letter-spacing: -0.08px;
					padding: 20px 20px 20px;
					position: relative;
					text-align: center;
					text-transform: uppercase;
					z-index: 98;
				}

				.ie7 #main-nav a { padding: 33px 20px; }

				#main-nav a:after {
					color: #aeaeae;
					content: attr(data-description);
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					margin: 3px 0 -3px;
					text-align: center;
					text-transform: lowercase;
				}

					#main-nav a:hover, #main-nav .hover > a,
					#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
					#main-nav .current_page_parent > a,
					#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a {
						border-bottom-color: #f15a23;
						border-top-color: #f15a23;
						color: #f15a23;
					}

					#main-nav a:hover, #main-nav .hover > a,
					#main-nav .current_page_item > a, #main-nav .current-menu-item > a,
					#main-nav .current_page_parent > a,
					#main-nav .current_page_ancestor > a, #main-nav .current-menu-ancestor > a { background: #f8f8f8; }

					.not-ie #main-nav .current_page_item:after, .not-ie #main-nav .current-menu-item:after,
					.not-ie #main-nav .current_page_parent:after,
					.not-ie #main-nav .current_page_ancestor:after, .not-ie #main-nav .current-menu-ancestor:after {
						background: #f15a23;
						bottom: -2.5px;
						content: '';
						left: 50%;
						display: block;
						height: 5px;
						margin: 0 0 0 -2.5px;
						-webkit-transform: rotate(45deg);
						   -moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							 -o-transform: rotate(45deg);
								transform: rotate(45deg);
						position: absolute;
						width: 5px;
					}

				/* Dropdown */

			 
				/* Sub Dropdown */

				#main-nav ul ul ul {
					left: 200px !important;
					top: 0 !important;
				}

		/* Responsive Nav */

		#main-nav .responsive-nav {
			background-image: url(images/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
	padding-top: 20px;
}

.ie7 #content { padding-top: 25px; }

	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */

	.page-header {
		border-bottom: 1px solid #efefef;
		margin: -15px 0 40px;
	}

	.ie7 .page-header { margin-top: 0; }

		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}

		.page-title, .page-description, .page-subdescription, .project-title {
			font-size: 28px;
			margin-top: -10px;
			padding: 0 0 35px;
		}

		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
		}

		.page-title { margin-top: 0; }

		.page-subdescription { font-size: 20px; }

		.project-title {
			margin-top: -15px;
			padding-bottom: 30px;
		}

		.page-description {
			font-size: 32px;
			font-weight: 400;
			padding: 0 0 40px;
		}

			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}

	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}
  
  
	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */

	.no-js .projects-carousel, .no-js .post-carousel {
		border-top: 1px solid #efefef;
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
	float: left;
	list-style: none;
	overflow: hidden;
	position: relative;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 5px;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 220px; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }

		.projects-carousel a, #portfolio-items article .project-meta {
			border-bottom: 1px solid #efefef;
			display: block;
			text-align: center;
		}
		
		.projects-carousel a { padding: 20px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto;
				filter: alpha(opacity=70); /* Fallback for old IE */
				opacity: 0.7;
			}

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin: -25px auto 20px; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin: -1px 0 0;
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories, #portfolio-items > article a + .project-meta .categories {
				color: #aeaeae;
				display: block;
				font-style: italic;
				margin: -1px 0 20px;
			}

			#portfolio-items > article .categories { margin-bottom: 19px; }

			.projects-carousel a:hover, #portfolio-items > article:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #f15a23;
			}

			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #f15a23;
				bottom: -2.5px;
				content: '';
				left: 50%;
				display: block;
				height: 5px;
				margin: 0 0 0 -2.5px;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					 -o-transform: rotate(45deg);
						transform: rotate(45deg);
				position: absolute;
				width: 5px;
			}

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1;
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }

   
/* ---------------------------------------------------------------------- */
/*	Footer / boja slova
/* ---------------------------------------------------------------------- */

#footer {
	background: #3a3a3a;
	color: #868686;
	margin-top: 80px;
	padding: 35px 0 30px;
	position: relative;
}

.not-ie #footer:before {
	background: #fff;
	content: '';
	left: 50%;
	display: block;
	height: 15px;
	margin: 0 0 0 -7.5px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);
	position: absolute;
	top: -8px;
	width: 15px;
}

	x:-o-prefocus, .not-ie #footer:before { display: none; } /* Fix for Opera */

	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #868686; }

  
/* ---------------------------------------------------------------------- */
/*	Footer Bottom
/* ---------------------------------------------------------------------- */

#footer-bottom {
	background: #303030;
	line-height: 17px;
	padding: 12px 0;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #484848;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	.social-links { margin: 0; }

		.social-links li {
			background: none;
			border: none;
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
			text-indent: -9999px;
		}

		.ie7 .social-links li {
			display: inline;
			font-size: 0;
			text-indent: 0;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links li a {
				background: url(images/icon-social-links.png) no-repeat;
				display: block;
				height: 16px;
				padding: 0;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				width: 20px;
			}

	 
			.social-links .facebook a { background-position: 0 -51px; }
				.social-links .facebook a:hover { background-position: 0 -35px; }