/** ********************************************** **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	Saturday, April 12, 2014

	TABLE CONTENTS
	-------------------------------
		01. Globals
		02. Home
		03. Header
		04. Content
		05. Portfolio
		06. Item Box (portfolio, etc)
		07. Services
		08. Team
		09. Contact
		10. Misc
		11. Featured
		12. Blog
		13. Footer
		--. Responsive

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


/** 01. Globals
 **************************************************************** **/
html,
body
{
	height: 100%;

	margin: 0;
	padding: 0;
}

body
{
	background-color: #FBFBFB;

	font-family: "Open Sans", Arial, sans-serif;
	color: #787878;

	letter-spacing: 0;
}


a
{
	outline: 0;

	transition: color .1s linear 0s, background-color .1s linear 0s !important;
}

a,
a:hover,
a:active,
#header a:hover,
#footer a:hover,
strong span,
#blog .widget a:hover,
#blog a.tag:hover,
#default .styleColor
{
	color: #F07057;
}	
p span,
i span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
div.featured-box.nobg.border-only i.fa
{
	color: #F07057 !important;
}

.btn-primary
{
	background-color: #333;

	border-color: #333;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
{
	background-color: #444;

	border-color: #444;
}
.featured-box-minimal i.fa,
div.featured-box i.fa,
i.featured-icon
{
	background-color: #F07057;
}
div.featured-box.nobg.border-only i.fa,
i.featured-icon:after,
i.featured-icon
{
	border-color: #F07057;
}

section
{
	position: relative;

	padding: 100px 0;
}

section header
{
	padding-bottom: 100px;
}

.alternate
{
	background-color: #F0F0F0;
}

a.up
{
	position: absolute;

	height: 80px;
	line-height: 110px;
	width: 80px;

	top: -140px;
	left: 50%;
	margin-left: -40px;

	background-color: #F0F0F0;

	font-size: 30px;
	color: #DDD;
	text-decoration: none;

	text-align: center;

	        border-radius: 50%;

	z-index: 0;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
}
a.up:hover
{
	color: #CCC;
}
.alternate a.up
{
	background-color: #FBFBFB;
}

.parallax
{
	position: relative;

	z-index: 1;
}
.parallax .overlay
{
	background-color: rgba(0,0,0,.8);
}



/** 02. Home
**************************************************************** **/
#home
{
	display: block;

	height: 100%;
	width: 100%;

	padding: 0;

	background-color: #333;

	color: #FFF;
}
#home h1,
#home h2,
#home h3,
#home h4,
#home h5,
#home h6
{
	color: #FFF;
}
#home ul li
{
	left: 0;
}
#home .table
{
	z-index: 10;
}
#home .btn-default
{
	color: #FFF;
}

#home h1,
#home h2,
#home h3
{
	line-height: 72px;

	margin-bottom: 60px;

	font-weight: 600;
	font-size: 72px;

	letter-spacing: 1px;
}
#home h3
{
	font-size: 60px;
}
#home h4,
#home h5,
#home h6
{
	margin-bottom: 60px;

	letter-spacing: 2px;
}

#home .overlay
{
	position: absolute;

	height: 100%;
	width: 100%;

	background-color: rgba(0,0,0,.2);

	z-index: 3;
}

#home .slider
{
	position: absolute;
	       opacity: 0;

	height: 100%;
	width: 100%;

	background-repeat: no-repeat;
	background-attachment: fixed;
	        background-size: cover !important;

	        transition: opacity 500ms;

	z-index: 2;

	-khtml-opacity: 0;
	  -moz-opacity: 0;
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
	     -o-background-size: cover !important;
	-webkit-transition: opacity 500ms;
	   -moz-transition: opacity 500ms;
	    -ms-transition: opacity 500ms;
}

#home .slider-current
{
	       opacity: 1;

	  -moz-opacity: 1;
	-khtml-opacity: 1;
}




/** 03. Header
 **************************************************************** **/
#header
{
	position: fixed;
	display: block;
	opacity: .95;

	height: 120px;
	line-height: 67px;

	top: 0;
	right: 0;
	left: 0;
	padding: 0;

	background-color: #FFF;

	border: 0;
	border-bottom: 1px solid #E5E5E5;

	box-shadow: white 0 -19px 50px -25px inset;
	box-shadow: #000 0 0 10px;

	        transition: opacity 500ms;

	z-index: 100;

	filter: alpha(opacity=95);
	-webkit-transition: opacity 500ms;
	   -moz-transition: opacity 500ms;
	    -ms-transition: opacity 500ms;
}
#header:hover
{
	opacity: 1;

	filter: alpha(opacity=100);
}

#header .navbar
{
	margin-bottom: 0;

	background-color: #FFF;

	color: #333;

	        border-radius: 0;
	border: 0;

/* border-bottom:#ddd 2px solid; */

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
}
#header .navbar-brand
{
	height: auto;
}
#header .nav.navbar-nav
{
	position: relative;

	margin-top: 35px;
	padding-bottom: 35px;

	z-index: 999;
}
#header .navbar-inverse .navbar-nav > li > a
{
	padding-right: 26px;
	padding-left: 28px;

	font-weight: 400;
	font-size: 12px;
	color: #000;

	text-transform: uppercase;
}
#header .navbar-inverse .navbar-nav > li:after
{
	position: absolute;

	top: -14px;

	font-family: arial,verdana;
	font-size: 24px;
	color: rgba(0,0,0,.3);

	content: ".";
}
#header .navbar-inverse .navbar-nav > li:first-child:after
{
	display: none;
}
#header .navbar-inverse .navbar-nav > li:first-child > a
{
	padding-left: 0;
}
#header .navbar-inverse .navbar-nav > li:last-child > a
{
	padding-right: 0;
}

#header .navbar-inverse .navbar-nav > li > a:hover,
#header .navbar-inverse .navbar-nav > .active > a,
#header .navbar-inverse .navbar-nav > .active > a:hover
{
	background-color: transparent;

	color: #F07057;
}
#mobileMenu
{
	display: none;

	margin-top: 3px;

	color: #F07057;
}




/** 04. Content
 **************************************************************** **/
section header
{
	text-align: center;
}

section header h1
{
	font-weight: 600;
	font-size: 36px;
	color: #444;

	letter-spacing: 2px;
}
section header p
{
	margin: 0;
	padding: 0;
}

div.price-table
{
	background-color: #EEE;
}
section.alternate div.price-table
{
	background-color: #FBFBFB;
}
section.alternate div.price-table.popular
{
	background-color: #676767;
}
div.price-table p span
{
	color: #666 !important;
}
div.price-table.popular p span
{
	color: #DDD !important;
}






/** 05. Portfolio
 **************************************************************** **/
#portfolio ul.isotope-filter
{
	display: inline-block;

	border: 0;
}
#portfolio .nav > li > a
{
	color: #999;
}

#portfolio .nav-pills > li:hover > a,
#portfolio .nav-pills > li.active > a,
#portfolio .nav-pills > li.active > a:hover,
#portfolio .nav-pills > li.active > a:focus
{
	background-color: transparent;

	color: #000;
}
#portfolio .nav li > a
{
	padding-left: 20px;
}
#portfolio .nav li:first-child:after
{
	display: none;
}
#portfolio .nav li:after
{
	position: absolute;

	top: 4px;
	left: 0;

	font-family: arial,verdana;
	font-size: 24px;
	color: rgba(0,0,0,.3);

	content: ".";
}
#portfolio .nav li
{
	max-width: 263px;
}
#portfolio .item-box h4
{
	white-space: nowrap;
	text-overflow: ellipsis;

	overflow: hidden;
}
#portfolio .nav-pills
{
	margin: 0;
	padding: 0;

	background: #FBFBFB;
}
.alternate #portfolio .nav-pills
{
	background: #F0F0F0;
}
#portfolio hr.menu-lines
{
	display: block;

	margin: 0 0 40px 0;
	margin-top: -28px;
	padding: 0;
}


#ajax_modal
{
	position: fixed;
	display: none;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background: #FFF;

	overflow-y: auto;

	z-index: 999;
}
#ajax_modal .btn-modal
{
	display: block;

	margin-top: -80px;
	margin-bottom: 30px;

	text-align: center;
}
#ajax_modal button.close-modal
{
	display: inline-block;

	height: 73px;
	width: 73px;

	background: url("../images/close.png") no-repeat;
	background-position: -35px -33px;
}
#ajax_modal button.close-modal:hover
{
	background-position: -35px -173px;
}


section.cover,
div.inner-cover
{
	position: relative;
	display: table;

	width: 100%;

	padding: 150px 0;

	background: #0F1113;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div.inner-cover
{
	margin-bottom: 80px;
}
div.inner-cover h1,
div.inner-cover h2,
div.inner-cover h3
{
	color: #FFF;
}
div.inner-cover.project
{
	padding: 200px 0;
}


/** 06. Item Box (portfolio, etc)
 **************************************************************** **/
.item-box
{
	position: relative;

	width: 100%;

	margin: 16px 0;

	background: #FFF;

	        border-radius: 6px;

	overflow: hidden;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
}
.item-box.fullwidth
{
	max-width: 100%;
}

.item-box figure
{
	position: relative;
	display: block;

	width: 100%;

	margin-bottom: 0;

	text-align: center;

	overflow: hidden;
}
.item-box.fixed-box figure img
{
	height: auto;
	width: 100%;
}
.item-box-desc
{
	padding: 10px 20px;

	overflow: hidden;
}
.item-box-desc p
{
	display: block;

	margin-top: 20px;

	text-overflow: ellipsis;

	overflow: hidden;
	/*white-space: nowrap;*/
}
.item-box.fixed-box .item-box-desc p
{
	height: 98px;
}
.item-box-desc h4
{
	margin: 0;
	padding: 0;
}
.item-box .item-box-desc small
{
	display: block;
}

.item-box.fixed-box .item-box-desc
{
	height: 256px;
}

.item-box.fixed-box figure
{
	max-height: 263px;
}
.item-box .socials
{
	display: block;

	text-align: center;

	border-top: #EEE 1px solid;
}


/* hover */
.item-box .item-hover,
.item-box .item-hover .overlay
{
	background-color: rgba(0,0,0,.3);

	        border-top-left-radius: 6px;
	        border-top-right-radius: 6px;

	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}
.item-box .item-hover
{
	position: absolute;
	opacity: 0;

	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	color: #FFF;

	text-align: center;

	        transition: all .2s;

	filter: alpha(opacity=0);
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a
{
	color: #FFF;
}
.item-box .item-hover .inner
{
	position: absolute;
	display: block;

	top: 50%;
	margin-top: -30px;
	right: 0;
	left: 0;

	z-index: 100;
}
.item-box:hover .item-hover
{
	opacity: 1;

	filter: alpha(opacity=100);
}





/** 07. Services
**************************************************************** **/
.service h4
{
	font-weight: 500;
}




/** 08. Team
**************************************************************** **/
.team-member
{
	display: inline-block;

	max-width: 260px;
}
.team-member h4
{
	margin: 0;
	padding: 0;
}
.team-member p
{
	margin: 0;
	padding: 0;
}
.team-member .inner
{
	margin-top: -60px !important;
}




/** 09. Contact
 **************************************************************** **/
#gmap
{
	display: block;

	height: 400px;
	width: 100%;

	z-index: 1;

	-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
	    -ms-filter: grayscale(100%);
	     -o-filter: grayscale(100%);
	        filter: grayscale(100%);
	        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	        filter: gray;
}
#gmap.last_element
{
	margin-top: 100px;
	margin-bottom: -100px;
}

#contact input,
#contact textarea,
#contact select
{
	height: 54px;

	margin-bottom: 10px;
	padding: 0 25px !important;
}
#contact textarea
{
	height: 183px;

	padding: 13px 25px !important;
}






/** 10. Misc
**************************************************************** **/
/* bx slider */
.bx-wrapper .bx-viewport
{
	left: 0;

	background: transparent;

	border: 0;

	        box-shadow: none;

	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.parallax
{
	background-color: #363636;
}

header.page-default-title
{
	margin-top: -30px;
	padding: 30px 15px;

	background-color: #FBFBFB;
}
header.page-default-title h1
{
	line-height: 30px;

	font-weight: 400 !important;
	font-size: 30px;

	text-transform: none !important;
}
p span.label
{
	color: #FFF !important;
}




/** 11. Featured
**************************************************************** **/
.featured
{
	height: 90px;

	background-color: #F07057;

	color: #FFF;
}
.featured ul
{
	display: block;

	height: 90px;

	border-left: rgba(0,0,0,.2) 1px solid;
}
.featured ul,
.featured ul li
{
	margin: 0;
	padding: 0;

	list-style: none;
}

.featured ul li
{
	float: left;

	width: 24%;

	border-right: rgba(0,0,0,.2) 1px solid;
}
.featured.five ul li
{
	width: 19.5%;
}
.featured.four ul li
{
	width: 24.5%;
}
.featured.three ul li
{
	width: 32.5%;
}
.featured.two ul li
{
	width: 49.5%;
}
.featured ul li a
{
	display: block;

	height: 90px;
	line-height: 16px;

	padding: 20px 20px 0 20px;

	font-size: 14px;
	color: #FFF;
	text-decoration: none;

	text-align: center;
	text-transform: uppercase;

	        transition: all .2s;

	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
}
.featured ul li:hover > a
{
	background-color: rgba(0,0,0,.2);

	color: #FFF;
}
.featured ul li a i.fa
{
	display: block;

	margin-bottom: 4px;

	font-size: 23px;
}
.featured .btn-group .btn:last-child
{
	border-left: rgba(0,0,0,.2) 1px solid;
}
.featured .btn
{
	margin-top: 23px;
}
.featured p.lead
{
	line-height: 90px;

	color: #FFF;
}






/** 12. Blog
**************************************************************** **/
#blog
{
	padding-top: 140px;
}
#blog header.page-default-title
{
	margin-top: -70px;
	margin-bottom: 60px;
}
#blog .widget small
{
	display: block;

	font-size: 11px;
	color: #999;
}
#blog .widget
{
	margin-bottom: 60px;
}
#blog .widget h3
{
	margin-bottom: 20px;
}
#blog .widget h3,
#blog .widget h4
{
	font-size: 17px;
}
#blog .widget a.thumb
{
	float: left;

	width: 85px;

	text-align: center;

	overflow: hidden;
}
#blog .widget a
{
	color: #333;
}
#blog .widget ul
{
	margin: 0;
	padding: 0;

	list-style: none;
}
#blog .widget ul li a i
{
	padding-right: 8px;
}
#blog .widget ul li
{
	margin: 10px 0;
}
#blog .widget ul.nav-list li
{
	margin: 0;
}
#blog .widget ul.nav-list li a
{
	padding-left: 0;

	        transition: all .2s;

	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	     -o-transition: all .2s;
}
#blog .widget ul.nav-list li a
{
	padding-left: 8px !important;
}
#blog .widget ul.nav-list li a:hover
{
	padding-left: 0;

	background-color: #E4E4E4;
}
#blog .widget ul.nav-tabs > li
{
	margin: 0 !important;
}
#blog .widget input.form-control
{
	border: 0;
}
#blog .widget .nav > li > a
{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
#blog .widget a.tag
{
	margin-bottom: 6px;
	padding-top: 6px;
	padding-bottom: 6px;

	background-color: #E4E4E4;
}
#blog a.tag
{
	background-color: #E4E4E4;

	color: #333;
}
#comments
{
	margin-top: 60px;
}
#comments h4
{
	font-size: 16px;
}
#blog .comment
{
	margin: 40px 0;
}
#blog a.replyBtn
{
	float: right;

	font-size: 11px;

	text-transform: uppercase;
}
#blog span.user-avatar
{
	float: left;

	height: 64px;
	width: 64px;

	margin-right: 10px;

	background: #EEE;
}
#blog form input[type="text"],
#blog form input[type="password"],
#blog form input[type="email"],
#blog form input[type="phone"],
#blog form textarea
{
	width: 100%;
}
#blog header.blog-post
{
	margin-bottom: 30px;
}
#blog header.blog-post h1
{
	line-height: 60px !important;

	margin: 0;
	padding: 0;

	font-weight: 300;
	font-size: 40px !important;

	text-transform: none;
}


#blog .owl-carousel
{
	margin-bottom: 30px;
}
.owl-item .item
{
	margin: 0 !important;
	padding: 0 !important;

	background: none !important;
}


#blog .socials
{
	float: right;

	margin-top: -20px;
}
#blog p
{
	padding: 10px 0;
}

#blog form .col-md-3,
#blog form .col-md-4,
#blog form .col-md-6,
#blog form .col-md-12
{
	padding: 2px;
}
#commentForm
{
	padding: 15px;
}


#blog .blog-prev-date
{
	text-align: right;
}
#blog .blog-prev-date span.date
{
	display: inline-block;

	line-height: 50px;

	font-size: 60px;
	color: #313131;

	text-align: center;
}
#blog .blog-prev-date span.date small
{
	display: block;

	line-height: 20px;

	font-size: 14px;

	text-transform: uppercase;
}
#blog .blog-prev-date span.info
{
	display: block;

	margin-top: 20px;
	padding-top: 20px;

	font-size: 11px;
	color: #333;

	border-top: #DDD 1px solid;
}
#blog .blog-prev-date span.info a
{
	color: #888;
}
#blog h1,
#blog h2.article-title
{
	line-height: 30px;

	font-size: 25px;

	text-transform: uppercase;
}
#blog h1 a,
#blog h2.article-title a
{
	color: #333;
}
#blog h1.article-title a cite,
#blog h2.article-title a cite
{
	display: block;

	margin: 0;
	padding: 0;

	font-size: 12px;
}
#blog .read-more
{
	padding-right: 0;
	padding-left: 0;
}
#blog .prev-article
{
	margin-bottom: 60px;
	padding-bottom: 60px;

	border-bottom: #DDD 1px solid;
}
#blog .prev-article:last-child
{
	margin-bottom: 0;
	padding-bottom: 0;

	border-bottom: 0;
}

#blog .prev-next
{
	display: block;

	margin-top: 100px;
	margin-bottom: -100px;
	padding: 8px 0;

	border-top: #CCC 1px dotted;
}
#blog .prev-next a
{
	line-height: 60px;

	font-size: 60px;
	color: #999;
	text-decoration: none;
}
#blog .prev-next a:hover
{
	color: #333;
}

@media only screen and (max-width: 768px)
{
	#blog .socials
	{
		float: none;

		margin-top: 0;

		text-align: center;
	}
	#blog .blog-prev-date
	{
		text-align: left;
	}
	#blog .blog-prev-date span.date
	{
		line-height: 13px;

		font-size: 13px;
		color: #888;
	}
	#blog .blog-prev-date span.date small
	{
		display: inline-block;
	}
}





/** 13. Footer
 **************************************************************** **/
footer
{
	position: relative;

	padding: 0;

	background-color: #363636;

	font-size: 13px;
	color: #FFF;

	text-align: center;
}
footer div.socials
{
	display: block;

	padding: 30px 0;
}
footer p
{
	display: inline-block;

	padding: 3px 10px;

	background-color: #FAFAFA;

	color: #444;

	        border-bottom-right-radius: 3px;
	        border-bottom-left-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}
footer p.alternate
{
	background-color: #F0F0F0;
}












/** --. Responsive
**************************************************************** **/
@media only screen and (max-width: 1220px)
{
	#header .container
	{
		display: block;

		width: 100%;
	}
}
@media only screen and (max-width: 1024px)
{
	.slider,
	.parallax
	{
		background-attachment: scroll !important;
		background-position: center !important;
		background-size: 1024px 100% !important;
	}
}


@media only screen and (max-width: 960px)
{
	#header .navbar-inverse .navbar-nav > li > a
	{
		padding-right: 20px;
		padding-left: 22px;
	}
}
@media only screen and (max-width: 767px)
{
	#header
	{
		opacity: 1 !important;

		filter: alpha(opacity=100) !important;
	}
	#header .navbar-inverse .navbar-nav > li:first-child > a
	{
		padding-left: 30px;
	}
	#header .navbar-inverse .navbar-nav > li
	{
		border-bottom: #DDD 1px solid;
	}
	#header .navbar-inverse .navbar-nav > li:last-child
	{
		border-bottom: 0;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form
	{
		border-color: #DDD;

		box-shadow: #DDD 0 0 10px;
	}
	#header .nav.navbar-nav
	{
		background-color: #ECECEC;
	}
	#mobileMenu
	{
		position: absolute;
		display: block;

		top: 40px;
		right: 40px;

		font-size: 30px;
	}

	#header .collapse ul
	{
		background-color: #ECECEC;
	}
	#header .navbar-nav li
	{
		margin-bottom: 1px;
	}
	#header .navbar-nav li.active a,
	#header .navbar-nav li:hover a
	{
		background-color: #DDD !important;
	}

	#header .navbar-inverse .navbar-nav > li:after
	{
		display: none;
	}
}


@media only screen and (max-width: 768px)
{
	.featured .row > div,
	.featured .row
	{
		margin: 0;
		padding: 0;
	}
	.featured .container
	{
		margin: 0;
		padding: 0;
	}
	.featured,
	.featured ul
	{
		height: auto;

		border: 0;

		clear: both;
	}
	.featured ul li
	{
		display: block;
		float: none !important;

		width: 100% !important;

		border: 0;
		border-bottom: rgba(0,0,0,.1) 1px solid;
	}
	.featured.five ul li
	{
		float: left !important;

		width: 49.5% !important;

		border-left: rgba(0,0,0,.1) 1px solid;
	}
	.featured.five ul li:last-child
	{
		width: 100% !important;

		border-left: 0;
	}
	.featured.four ul li
	{
		float: left !important;

		width: 49.5% !important;
	}
	.featured.four ul li:first-child
	{
		border-right: rgba(0,0,0,.1) 1px solid;
	}
	.featured.four ul li:last-child
	{
		border-left: rgba(0,0,0,.1) 1px solid;
	}
	.featured.three ul li
	{
		float: left !important;

		width: 49.5% !important;
	}
	.featured.three ul li:first-child
	{
		border-right: rgba(0,0,0,.1) 1px solid;
	}
	.featured.three ul li:last-child
	{
		width: 100% !important;
	}

	.featured.two ul li
	{
		float: left !important;

		width: 49.5% !important;
	}
	.featured.two ul li:first-child
	{
		border-right: rgba(0,0,0,.1) 1px solid;
	}

	.service-icon
	{
		display: none;
	}
	.service .service-description
	{
		display: block !important;

		width: 100% !important;

		padding-bottom: 30px !important;
	}
	.service .service-description h4
	{
		padding-left: 16px;
	}
	.service .service-description h4:before
	{
		position: absolute;
		display: inline-block;

		top: 1px;
		left: 10px;

		font-family: FontAwesome;
		font-style: normal;
		font-size: 16px;
		color: #CCC;

		content: "\f10c";
	}
	.service .text-right
	{
		text-align: left !important;
	}

	.item-box
	{
		max-width: 300px;
	}

	.bs-callout .btn
	{
		margin-top: 20px;
	}
}

@media only screen and (max-width: 640px)
{
	.item-box
	{
		max-width: 100%;
	}
}


@media only screen and (max-width: 479px)
{
	#home h1
	{
		line-height: 47px;
		line-height: 60px;

		margin-bottom: 0;
		padding-top: 60px;
		padding-bottom: 0;

		font-size: 47px;
	}

	div.portfolio-items
	{
		text-align: center;
	}
	#portfolio ul.nav-pills li,
	#portfolio ul.nav-pills
	{
		display: block;

		width: 100%;
		max-width: 100%;
	}
	#portfolio .nav-pills > li
	{
		border-top: #DDD 1px solid;
		border-bottom: #FFF 1px solid;
	}
	#portfolio .nav-pills > li:first-child
	{
		border-top: 0;
	}
	#portfolio .nav-pills > li:last-child
	{
		border-bottom: 0;
	}
	#portfolio .nav-pills > li,
	#portfolio .nav-pills > li > a
	{
		display: block;
		float: none;

		width: 100%;

		padding-right: 0;
		padding-left: 0;

		text-align: center;
	}
	#portfolio hr.menu-lines,
	#portfolio .nav li:after
	{
		display: none;
	}

	.parallax h1
	{
		line-height: 36px;

		font-size: 30px;
	}
}

@media only screen and (max-height: 450px) and (max-width: 767px)
{
	#header .navbar-nav
	{
		max-height: 160px;

		background-color: #ECECEC;

		overflow: hidden;
		overflow-y: auto;
	}
	#header,
	#header .navbar,
	#header .navbar-brand
	{
		height: 120px !important;
	}
	.navbar
	{
		min-height: 47px;
	}

	#header .navbar-brand
	{
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	#mobileMenu
	{
		margin-top: -6px;
	}
}

@media only screen and (max-height: 450px)
{
	#home h1
	{
		line-height: 30px;

		margin-top: 40px;
		margin-bottom: 10px;

		font-size: 30px;
	}
	#home h6
	{
		margin: 0 0 20px 0;
	}
}


/** DEMO ONLY
 **************************************************************** **/
/** feature-icons.html - icon text color - can be removed on production **/
.fa-hover a
{
	text-decoration: none;
}
.fa-hover i
{
	width: 20px;

	margin-right: 10px;
}
.fa-hover a span
{
	color: #666;
}
.grid-color span
{
	display: block;

	padding: 10px 0;

	background-color: #DDD;

	text-align: center;
}
/** *** **/