@import "kickoff.responsive.css";

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

	Table of content

	1. CSS Normalize / Reset
	2. Font-face
	3. In general
	4. Helper classes
	5. Grid
	6. Common page elements
	7. Skin
		7.1 - 7.5 - separate file -> css/themes/*.css
		7.6 Misc
	8. Layout
	9. Additional plugins
	10. CSS3 Media Queries

 */



/* *********************************************************************************************************************
 * 1. CSS Normalize / Reset
 *
 * Differences from default
 *      reset fieldset -> border / padding / margin : 0
 */

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:0;padding:0;margin:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/* *********************************************************************************************************************
 * 2. Font-face
 */
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../../fonts/BebasNeue-webfont.eot');
	src: url('../../fonts/BebasNeue-webfont.eot') format('embedded-opentype'),
		url('../../fonts/BebasNeue-webfont.woff') format('woff'),
		url('../../fonts/BebasNeue-webfont.ttf') format('truetype'),
		url('../../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* *********************************************************************************************************************
 * 3. In general
 */
body {
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

hr {
	display: block;
	border: 0;
	padding: 0;
	height: 50px;
	margin: 50px 0 0 0;
}

hr.minus {
	margin-top: 35px;
}

img {
	vertical-align: middle;
}

textarea {
	resize: vertical;
}



/* *********************************************************************************************************************
 * 4. helper classes
 */
.left {
	float: left;
}

.right {
	float: right;
}

.text-right {
	text-align: right;
}

/*
 * Clearfix
 */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px; /* IE 6/7 fallback */
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

/*
 * MQ checker
 *//*
body > :first-child:before {
	position: fixed;
	top: 0;
	left: 0;
	display: inline;
	padding: 7px 10px;
	background: #ff0000;
	color: #fff;
	z-index: 9999;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

@media all and (min-width: 1280px) { body > :first-child:before { content: "more than 1280px"; } }
@media all and (max-width: 1280px) { body > :first-child:before { content: "1024px - 1280px"; background: green; } }
@media all and (max-width: 1024px) { body > :first-child:before { content: "768px - 1024px"; background: blue; } }
@media all and (max-width: 768px) { body > :first-child:before { content: "480px - 768px"; background: #ff00ff; } }
@media all and (max-width: 480px) { body > :first-child:before { content: "320px - 480px"; background: orange; } }
@media all and (max-width: 320px) { body > :first-child:before { content: "240px - 320px"; background: #1cb1f2; } }
@media all and (max-width: 240px) { body > :first-child:before { content: "less than 240px"; background: #00C31F; } }*/



/* *********************************************************************************************************************
 * 5. Grid
 */

/* very top @import */



/* *********************************************************************************************************************
 * 6. Common page elements
 */
body {}

a {
	text-decoration: none;
}

a:hover, .active a {}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

	h1 {
		text-align: center;
	}

	h2 {
		margin-bottom: 20px;
	}

	h3 {}

	h4 {
		margin-bottom: 15px;
	}

p {
	margin: 0 0 20px;
	line-height: 18px;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

	ul.list-unstyled ul {
		margin: 0 0 0 20px;
	}



/* *********************************************************************************************************************
 * 7. Skin
 */
/*
	Themes are defined in separate file, please have a look at css/themes/ folder.
	There are themes which can be applied to this page or you can very easy create your own from them.
	For applying any of those just link correct one in the header of each page e.g.
	<link type="text/css" rel="stylesheet" href="assets/libs/css/themes/theme1.css">
*/



/* 7.6 Misc ***********************************************************************************************************/

/*
 * Transition
 */
a,
a h4,
.home-isotope div a div,
.item .plus,
input[type="submit"] {
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}

/*
 * Box-sizing
 */
input, textarea,
.home-isotope div a div,
.blog-search input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* *********************************************************************************************************************
 * 8. Layout
 */

/*
 * Main body content container
 */
.cont-body {
	-webkit-background-clip: padding-box;   /* Disable bg of element -> make borders transparent */
	background-clip: padding-box;
}

/*
 * Select navigation
 */
.selectnav { display: none; }

.main-logo img {
	max-width: 100% !important;
}

.main-logo div {
	max-width: 100%;
	background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

/*
 * Main navigation
 */
#main-nav {
	margin: 25px 0 0 0;
}

#main-nav, #main-nav ul {
	float: right;
}

	#main-nav li {
		display: inline;
		margin: 0 20px 0 0;
		float: left;
	}

		#main-nav li a {
			text-decoration: none;
			margin: 0 10px;
			display: block;
		}

		#main-nav li:last-child {
			margin: 0;
		}

			#main-nav li ul {
				position: absolute;
				display: none;
				float: left;
			}

				#main-nav li ul li {
					float: none;
					margin: 0;
				}

					#main-nav li ul li a {
						margin: 8px;
					}

/*
 * Top / bottom line
 */
.top-line, .bottom-line {
	height: 10px;
}

	.top-line {
		margin-bottom: 50px;
	}

	.bottom-line {
		margin-top: 50px;
	}

/*
 * Flex slider
 */
.flexslider {
	position: relative;
}

	.flex-caption {
		position: relative;
	}

		.flex-caption div {
			padding: 18px 0 14px;
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: center;
			width: 100%;
		}

			.flex-caption div h2,
			.flex-caption div h3,
			.flex-caption div h4,
			.flex-caption div h5,
			.flex-caption div h6 {
				margin: 0;
			}

	.flex-control-nav {
		position: absolute;
		top: 20px;
		right: 20px;
	}

		.flex-control-nav li {
			float: left;
		}

		.flex-control-nav li a {
			width: 10px;
			height: 10px;
			display: block;
			text-indent: 100%;
			overflow: hidden;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin: 0 0 20px 10px;
			cursor: pointer;
		}

	.flex-direction-nav {}

		.flex-direction-nav .flex-next,
		.flex-direction-nav .flex-prev {
			position: absolute;
			top: 50%;
			width: 60px;
			height: 50px;
			text-align: center;
			display: table;
			margin: -25px 0 0 0;
			text-decoration: none;
		}

			.flex-direction-nav .flex-next i,
			.flex-direction-nav .flex-prev i {
				display: table-cell;
				vertical-align: middle;
			}

		.flex-direction-nav .flex-prev {

		}

		.flex-direction-nav .flex-next {
			right: 0;
		}

/*
 * Home isotope
 */
.home-isotope {
	width: 1169px;
	display: none;
	padding: 0 0 1px;
}

	.home-isotope > div {
		position: relative;
		margin: 0 -1px -1px 0;
		border: 1px solid;
	}

		.home-isotope div a {}

			.home-isotope div a div {
				position: absolute;
				bottom: 0;
				width: 100%;
				padding: 10px 40px 7px 10px;
				opacity: 0;
			}

			.home-isotope div a div h3, .home-isotope div a div h4 {
				margin: 0;
			}

			.home-isotope div a:hover div {
				opacity: 1;
			}

			.home-isotope div a div:after {
				content: "›";
				float: right;
				width: 20px;
				height: 20px;
				text-align: center;
				position: absolute;
				top: 50%;
				right: 10px;
				margin: -9px 0 0 0;
				line-height: 14px;
			}

/*
 * Portfolio / Blog Isotope
 */
.portfolio-isotope,
.blog-isotope {
	display: none;
}

.portfolio-isotope {
	margin-top: -30px;
	margin-bottom: -35px;
}

	.portfolio-isotope .item {
		margin-top: 30px;
	}

.blog-isotope .col3 {
	margin-bottom: 50px;
}

.pfilter li {
	line-height: 30px;
}

.categories {
	line-height: 25px;
}

/*
 * Recent portfolio items
 */
.item {
	position: relative;
	display: block;
}

	.item h4 {
		padding: 0 30px 0 0;
	}

	.item img, .imgitem {
		margin-bottom: 25px;
	}

	.item .plus {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		opacity: 0;
		line-height: 10px;
	}

	.item:hover .plus {
		opacity: 1;
	}

    .recent-portfolio [class*="col"] {
	    /*margin-bottom: -20px;*/
    }

    .recent-portfolio .item {
	    margin-bottom: -35px;
    }

	.recent-portfolio .item+.like {
		top: 0;
	}

/*
 * Like
 */
.item+.like {
	position: relative;
	top: -35px;
}

/*
 * Google map
 */
.gmap iframe {
	height: 400px;
	display: block;
}

/*
 * Form
 */
/*input:not([type="submit"]), textarea {*/
input, textarea {
	border: none;
	width: 100%;
	padding: 10px;
	margin: 0 0 20px;
}

input[type="submit"] {
	background: none;
	border: none;
	width: auto;
	box-shadow: none;
}

.blog-search {
	position: relative;
}

	.blog-search input[type="submit"] {
		border: none;
		background: none;
		font-family: "FontAwesome";
		font-size: 25px;
		padding-top: 10px;
		position: absolute;
		top: 0;
		right: 0;
	}

	.blog-search input[type="search"] {
		padding-right: 30px;
	}

/*
 * Comments
 */
.comments-list {
	margin-bottom: -20px;
}

.comments-list textarea {
	height: 150px;
}

.comment-avatar {
	float: left;
	margin: 0 20px 20px 0;
}

.all-comments ul {
	margin: 0 0 0 70px;
}

.all-comments hr {
	margin: 20px 0 0 0;
	height: 20px;
}

.contact-form {
	margin-bottom: -20px;
}

.contact-form textarea {
	height: 188px;
}

/*
 * Bog tags
 */
.tags {
	margin: 0 -10px -10px 0;
}

	.tags li {
		float: left;
	}

		.tags li a {
			padding: 4px 7px;
			display: block;
			margin: 0 10px 10px 0;
			border-right: 3px solid;
		}

/*
 * Widget text
 */
.widget-text {}

	.widget-text img {
		width: auto;
		float: left;
		margin: 0 20px 20px 0;
	}

/*
 * Widget Dribbble / Flickr
 */
.widget-dribbble,
.widget-flickr,
.widget-projects {}

	.widget-dribbble ul,
	.widget-flickr ul,
	.widget-projects ul {
		margin: 0 -30px 0 0;
		display: table;
	}

	.widget-dribbble ul:hover li a,
	.widget-flickr ul:hover li a,
	.widget-projects ul:hover li a {
		opacity: 0.5;
	}

	.widget-dribbble ul li a:hover,
	.widget-flickr ul li a:hover,
	.widget-projects ul li a:hover {
		opacity: 1;
	}

		.widget-dribbble ul li,
		.widget-flickr ul li,
		.widget-projects ul li {
			float: left;
			height: 107px;
		}

			.widget-dribbble ul li a,
			.widget-flickr ul li a,
			.widget-projects a {
				margin: 0 30px 30px 0;
				display: block;
				width: 103px;
				max-height: 77px;
				overflow: hidden;
			}

				.widget-dribbble ul li a img,
				.widget-flickr ul li a img,
				.widget-projects ul li a img {
					width: 103px !important;
					height: auto;
				}

/*
 * Widget contact
 */
.widget-contact {}

	.widget-contact li {
		margin: 0 0 10px;
	}

		.widget-contact li [class*="icon-"]{
			font-size: 21px;
			position: relative;
			top: 3px;
		}

		.widget-contact li .address {
			position: relative;
			top: -20px;
			left: 30px;
			margin-bottom: -20px;
		}

/*
 * Widget twitter
 */
.widget-twitter {}

	.widget-twitter .tweet {
		position: relative;
		z-index: 1;
		padding: 0 0 0 20px;
	}

	.widget-twitter .tweet:after {
		content: "\"";
		font-size: 50px;
		position: absolute;
		top: -14px;
		left: -5px;
		z-index: -1;
	}

	.widget-twitter .time {
		display: block;
	}

/*
 * Footer
 */
.footer-nav ul {
	float: right;
}

	.footer-nav li {
		float: left;
		margin: 0 10px;
	}

        .footer-nav li a {}

		.footer-nav li a:hover {
			text-decoration: none;
		}



/* *********************************************************************************************************************
 * 9. Additional plugins
 */

/* Flex slider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}

/* Isotope */
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.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:top,left,opacity;transition-property:transform,opacity}.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}
.isotope-hidden { display: none\9; } /* ie8 */


/* *********************************************************************************************************************
 * 10. CSS3 Media Queries
 */

/*
 * 1st level
 */
@media all and (max-width: 1260px) {

	/*
	 * Main navigation
	 */
	#main-nav {
		margin: 0;
	}

	/*
	 * Logo centered + menu under centered
	 */
	.main-logo {
		float: none;
		margin-bottom: 50px;
		text-align: center;
		width: 940px;
	}

		.main-logo img,
		.main-logo div {
			display: inline-block;
		}

	.main-logo+[class*="col"] {
		width: 940px;
		float: none;
	}

		.main-logo+[class*="col"] nav {}

			.main-logo+[class*="col"] nav > ul {
				text-align: center;
				width: 100%;
			}

				.main-logo+[class*="col"] nav > ul > li {
					float: none !important;
					position: relative;
				}

					.main-logo+[class*="col"] nav > ul > li a {
						display: inline-block !important;
					}

					.main-logo+[class*="col"] nav > ul > li ul {
						left: 0;
					}

					.main-logo+[class*="col"] nav > ul > li ul li {}

						.main-logo+[class*="col"] nav > ul > li ul li a {
							display: block !important;
							text-align: left;
							white-space: nowrap;
						}

	/*
    * Home isotope
    */
	.home-isotope {
		width: 941px;
		margin: 0;
	}

	/*
     * Portfolio Isotope
     */
	.portfolio-isotope {
		/*width: 941px;
		background: red;*/
	}

	/*
	 * Google map
	 */
	.gmap iframe {
		height: 300px;
	}

	/*
	 * Widget Dribbble / Flickr
	 */
	.widget-dribbble ul,
	.widget-flickr ul,
	.widget-projects ul {
		margin: 0 -20px 0 0;
	}

		.widget-dribbble ul li,
		.widget-flickr ul li,
		.widget-projects ul li {
			height: 85px;
		}

			.widget-dribbble ul li a,
			.widget-flickr ul li a,
			.widget-projects ul li a {
				margin: 0 20px 20px 0;
				width: 86px;
				max-height: 65px;
			}

				.widget-dribbble ul li a img,
				.widget-flickr ul li a img,
				.widget-projects ul li a img {
					width: 86px !important;
				}

	/*
	 * Footer
	 */
	.footer-nav ul {
		width: 100%;
		text-align: center;
	}

	.footer-nav ul li {
		display: inline;
		float: none;
		line-height: 30px;
	}

}



/*
 * 2nd level
 */
@media all and (max-width: 1000px) {

	/*
	 * Select navigation
	 */
	.js #main-nav { display: none; }
	.js .selectnav {
		display: block;
		width: 100%;
		border: 5px solid;
	}

	/*
	 * Logo centered + menu under centered
	 */
	.main-logo, .main-logo+[class*="col"] {
		width: 645px;
	}

	.main-logo {
		border: none;
		margin-top: 0;
	}

	/*
	 * Left text
	 */
	.text-right {
		text-align: left;
	}

	/*
	 * Make border left/ right thinner
	 */
	.cont-body {
		border-left-width: 5px !important;
		border-right-width: 5px !important;
	}

	/*
	 * Home isotope
	 */
	.home-isotope {
		width: 645px;
	}

	/*
	 * Portfolio
	 */
	.row.third .pfilter {
		margin: 0 -20px 0 0;
	}

		.row.third .pfilter li {
			display: inline;
			margin: 0 20px 0 0;
		}

	/*
	 * Google map
	 */
	.gmap iframe {
		height: 250px;
	}

	/*
	 * Widget Dribbble / Flickr
	 */
	.widget-dribbble ul,
	.widget-flickr ul,
	.widget-projects ul {
		margin: 0 -25px 0 0;
	}

			.widget-dribbble ul li a,
			.widget-flickr ul li a,
			.widget-projects ul li a {
				margin-right: 25px;
			}

}



/*
 * 3rd level
 */
@media all and (max-width: 768px) {

	/*
	 * Make border left/ right thinner
	 */
	.cont-body {
		padding-left: 8px;
		padding-right: 8px;
	}

	/*
	 * Logo centered + menu under centered
	 */
	.main-logo, .main-logo+[class*="col"] {
		width: 453px;
	}

	.top-line, .bottom-line {
		width: 453px;
	}

    /*
     * Flex slider
     */
	.flex-caption div {
		padding: 6px 0 3px;
	}

	.flex-control-nav {
		top: 5px;
		right: 5px;
	}
		.flex-direction-nav .flex-next,
		.flex-direction-nav .flex-prev {
			width: 25px;
		}

	/*
	 * Home isotope
	 */
	.home-isotope {
		width: 453px;
		border-right: 1px solid;
	}

        .home-isotope .is-item, .home-isotope .is-item img {
	        width: 100% !important;
        }

        .home-isotope .is-item div {
	        opacity: 1;
        }

	/*
	 * Widget Dribbble / Flickr
	 */
	.widget-dribbble ul,
	.widget-flickr ul,
	.widget-projects ul {
		margin: 0 -20px 0 0;
	}

		.widget-dribbble ul li,
		.widget-flickr ul li,
		.widget-projects ul li {
			height: 140px;
		}

			.widget-dribbble ul li a,
			.widget-flickr ul li a,
			.widget-projects ul li a {
				margin: 0 20px 20px 0;
				width: 137px;
				max-height: 125px;
			}

				.widget-dribbble ul li a img,
				.widget-flickr ul li a img,
				.widget-projects ul li a img {
					width: 137px !important;
				}
}



/*
 * 3rd level
 */
@media all and (max-width: 768px) {

	/*
	 * Home isotope
	 */
	.home-isotope {
		width: 453px;
	}

		.home-isotope .is-item div {
			position: relative;
		}

}



/*
 * 4th level
 */
@media all and (max-width: 480px) {

	/*
	 * Logo centered + menu under centered
	 */
	.main-logo, .main-logo+[class*="col"] {
		width: 300px;
	}

	/*
     * Flex slider
     */
	.flex-caption, .flex-direction-nav, .flex-control-nav {
		display: none !important;
	}

	/*
	 * Home isotope
	 */
	.home-isotope {
		width: 300px;
	}

}



/*
 * 5th level
 */
@media all and (max-width: 320px) {

	/*
	 * Logo centered + menu under centered
	 */
	.main-logo, .main-logo+[class*="col"] {
		width: 200px;
	}

	/*
	 * Home isotope
	 */
	.home-isotope {
		width: 200px;
	}

	/*
	 * Widget Dribbble / Flickr
	 */
	.widget-dribbble ul,
	.widget-flickr ul,
	.widget-projects ul {
		margin: 0 -20px 0 0;
	}

		.widget-dribbble ul li,
		.widget-flickr ul li,
		.widget-projects ul li {
			height: 230px;
		}

			.widget-dribbble ul li a,
			.widget-flickr ul li a,
			.widget-projects ul li a {
				margin: 0 20px 20px 0;
				width: 200px;
				max-height: 200px;
			}

				.widget-dribbble ul li a img,
				.widget-flickr ul li a img,
				.widget-projects ul li a img {
					width: 200px !important;
				}
}