/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==================== Body ================ */
body {padding: 0px 0 0 0!important; font-size: 13px; color: #616161; padding-top: 80px; font-family: 'Open Sans', sans-serif;}

/* ==================== Typography ================ */
h1, h1 a {font-size: 2.26em; line-height: 46px; color: #577312;}
h2, h2 a {font-size: 1.75em; line-height: 38px; color: #577312}
h3, h3 a {font-size: 1.375em; line-height: 35px; color: #577312}
h4, h4 a {font-size: 1.125em; line-height: 33px; color: #577312}
h5, h5 a {font-size: 1em; line-height: 25px; color: #577312}
a, a:hover, a:active, a:focus {outline: 0;}
a:hover {text-decoration: none;}
.centered {text-align: center;}
.right {text-align: right;}

.row-fluid {margin: 3em 0;}

ul.list-style1 {
	list-style-type: none;
	margin:0px;
}
ul.list-style1 li {
	background: url(../img/list-bg-1.png) no-repeat 0 6px;
	padding-left: 10px;
	margin-bottom: 0.6em
	
}
ul.list-style1 li ul {
	margin-top: 0.5em;
}
ul.list-style1 li ul li {
	background: none;
	padding-left: 0px;
	margin-bottom: 0.2em
}
i {padding-left: 5px;}
/* ==================== Navbar ================ +70px gia Logo Quad*/
.navbar-fixed-top {
	position: fixed;
}
.nav-collapse {
	background: #fff; 
	margin-left: -10px; 

}
.navbar-inverse .nav-collapse .nav > li > a:hover{
	background: #f3fae1!important
}
.navbar-inverse .navbar-inner {
		background-image: none;
		background-color: #fff;

	background: #fff; 
	height: 100px; 
	border: none; 
	height: 156px;
	box-shadow: 0px 0px 3px #133c66 
}
.menu-clouds {
	background: url(../img/menu-clouds.png) repeat-x center bottom; 
	height: 106px;
	margin-top: 15px;
}
.navbar .nav {
	font-family: 'Open Sans', sans-serif; 
	text-transform: uppercase; 
	margin-top: 106px;
}
.navbar .nav li {
	margin-right: 10px;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a { 
	text-shadow:1px 1px 1px #fff; 
	color: #3a3a3a;
	margin-left: 0px;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
	background:#f3fae1; 
	border-radius: 8px; 
	color: #3a3a3a
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	box-shadow: none;
}
.navbar .nav > li > a {
	padding: 1px 15px;
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
	background: none repeat scroll 0 0 #f3fae1;
    border-radius: 8px 8px 8px 8px;
    color: #3A3A3A;
}

/* when we click on a menu item with a drop-down */
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background:#f3fae1; 
	border-radius: 8px; 
	color: #3a3a3a
}


/* logo */
.brand {
	background: url(../img/logo.jpg) no-repeat;
	text-indent: -9999px; 
	width: 230px; 
	height: 105px; 
	margin-top: 13px;
}

.screen {
	min-height: 490px;
/*	background: url(../img/screen-bg2.png) no-repeat center 46px,*/
				url(../img/home-bg.jpg) repeat-x
	;
	padding: 150px 0 50px 0;
	position: relative;
	text-shadow:-1px 1px 1px #FFFFFF;
}

/* ==================== Home ================ */
#home {
	background: 
				/*url(../img/home-bg2.png) no-repeat center 100px,*/
				url(../img/home-bg.jpg) repeat-x 0px 86px
	;
	padding-bottom: 0px;
	z-index: 1
	
}
#home .container img.cloud1, #home .container img.cloud2, #home .container img.cloud3, #portfolio .container img.cloud4, #portfolio .container img.cloud5, 
#team .container img.cloud4, #team .container img.cloud5, #services .container img.cloud4, #services .container img.cloud5, #contact .container img.cloud4, #contact .container img.cloud5,
#innerwelcome .container img.cloud4, #innerwelcome .container img.cloud5 {
	position: absolute;
}
/*#home .container img.cloud1{
	 
	top: 300px; 
	right: 0
}
#home .container img.cloud2 {
	left: 100px; 
	top: 250px;
	 z-index: 2 
}
#home .container img.cloud3 {
	left: 50px;
	top: 450px; 
}

#portfolio .container img.cloud4 {
	right:50px; 
}
#portfolio .container img.cloud5 {
	left: 50px; 
	top: 250px; 
}

#team .container img.cloud4 {
	right:50px; 
}
#team .container img.cloud5 {
	left: 50px; 
	top: 250px; 
}

#services .container img.cloud4 {
	right:50px; 
}
#services .container img.cloud5 {
	left: 50px; 
	top: 250px; 
}

#contact .container img.cloud4 {
	right:50px; 
}
#contact .container img.cloud5 {
	left: 50px; 
	top: 250px; 
}
#innerwelcome .container img.cloud4 {
	right:50px; 
	top: 100px;
	
}
#innerwelcome .container img.cloud5 {
	left: 50px; 
	top: 120px; 
	
}*/

.hero-unit {
	background: none; 
	text-align: center; 
	color: #fff; 
	text-shadow:-1px 1px 1px #678028;
	padding: 10px 60px 10px 60px;
	margin-bottom: 0px;
	position: relative;
	z-index: 3;
}
	
#home .container {
	padding-top: 0px;
}

#portfolio .container {
	padding: 20px;
} 
#portfolio h3 {
	color: #fff
}
.hero-unit h1 { 
	font-size: 2em; 
}
.hero-unit h1 span {
	font-family: 'Pacifico', cursive;
}
.hero-unit p {
	font-size: 15px;
	margin-bottom: 0px;
}
.hero-unit .row-fluid {
	margin-bottom: 0px; 
	margin-top: 0px
}
.hero-unit .span7 {
	text-align: right;
}
#innerwelcome .hero-unit .span7 {
	text-align: left;
}
.hero-unit .span5 {
	text-align: left;
}
#innerwelcome .hero-unit .span5 {
	text-align: right;
}

.buynow {
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #554f09;
	text-shadow:-1px 1px 1px #fff;
	padding: 4px 0 4px 15px;
	width: 185px;
	height: 42px;
	font-weight: bold;
	background: url(../img/buynow-sprites.png) no-repeat;
	margin-bottom: 20px;
	margin-top: 12px;
	text-align: center;
}

.buynow span {
	position: absolute;
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0;
	background: url(../img/buynow-sprites.png) no-repeat;
	background-position: 0px -52px;
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	-moz-transition:    opacity 0.1s;
	-o-transition:      opacity 0.1s;
	font-size: 18px;
	color: #062635;
	text-shadow:-1px 1px 1px #fff;
	padding: 4px 0 4px 15px;;
	font-weight: bold;
}

.buynow:hover span {
	opacity: 1;
}
/* ==================== Slider ================ */

#home .flexslider {margin-top: 10px;}
.flex-viewport {max-height: 2000px}

/* ==================== Features ================ */
.btn-readmore {
	background: #f8e605; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZTYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWQ3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8e605 0%, #e9d704 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e605), color-stop(100%,#e9d704)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8e605 0%,#e9d704 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e605', endColorstr='#e9d704',GradientType=0 ); /* IE6-8 */

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #725f19;
    text-shadow: -1px 0px 0px rgba(255, 255, 255, 0.9);
}
.btn-readmore:hover, .btn-readmore:active, .btn-warning.active, .btn-readmore.disabled, .btn-readmore[disabled] {
    background: #ead804 0 0;
}

.features-container {
	padding: 0 30px 60px 0;
}
.features .span3 {
	background: url(../img/features-sepparator.png) no-repeat right center;
}
.features .span3:last-child {
	background: none;
}


/* ==================== Portfolio ================ */

.screen-description {
	/*color: #fff; */
	text-shadow: -1px 1px 1px #678028; 
	margin: 3em 0
}

.screen-title {
	font-family: 'Pacifico', cursive;
	color: #98ba28;
	text-shadow:-1px 6px 5px #222222;
	font-size: 33px;
	/*	background: url('../img/screen-title.png') no-repeat 150px center; */
	padding: 10px 0;
	margin-top:20px;
}

.thumbnail {
	background: #fff; 
	box-shadow: 0px 0px 2px #7e7e7e}


a.thumbnail:hover {
	border-color: transparent;
}
.portfolio .thumbnail, #team .thumbnail {
	position: relative; 
	overflow: hidden;
}
.portfolioitem {
	text-align: center;
}
.thumbnail .photo-title {    
	background: url("../img/portfolio/description-bg.jpg") repeat scroll 0 0 transparent;
    left:-200px;
    bottom: 30px;
    color: #FFFFFF;
    font-size: 17px;
    opacity: 0.1;
    padding: 4px 10px;
    position: absolute;
    text-shadow: -1px 1px 1px #678028; z-index: 2;

-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
   
}
#team .thumbnail .photo-title {
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#team .member-photo {
	text-align: center;
}
.thumbnail:hover .photo-title{
	left: 4px; 
	opacity: 1;
}
.photo-shadow {
	margin-top: -2px
}
#filterOptions {
	background: #577312; 
	border-radius: 11px; height: 30px;
}

ul#filterOptions li {
background: url(../img/filter-sepparator.png) repeat-y bottom right;

  padding: 5px 10px;
  display: inline-block;
  float: left;
  text-align: center;

}
ul#filterOptions li:last-child {
	background: none
}
ul#filterOptions li a {
  color: #fff;
  text-shadow:-1px 0px 1px #092743;

}
ul#filterOptions li a:hover {
  
}
ul#filterOptions li:first-child.active, ul#filterOptions li.active {

	background: #f8e605; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZTYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWQ3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f8e605 0%, #e9d704 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e605), color-stop(100%,#e9d704)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8e605 0%,#e9d704 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8e605 0%,#e9d704 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e605', endColorstr='#e9d704',GradientType=0 ); /* IE6-8 */
	border-radius: 11px 0 0px 11px;
  
}
ul#filterOptions li.active {

	border-radius: 0
  
}
.portfoliodescription div.thumbnail {
	background: url(../img/portfolio/description-bg.jpg) repeat;border: 4px solid #FFFFFF;
    height: 100%;
    padding: 12px;}
.portfoliodescription div.thumbnail{
	color: #fff;
	text-shadow: -1px 1px 1px #678028;
}
.image-overlay-bg {
	background: url('../img/portfolio/image-overlay-bg.png') no-repeat center center; 
	bottom: 0; display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1; 
	opacity: 0}

/* ==================== Our Team ================ */
.social-icons {
	margin-left: 0px;
	 margin-top: 3px;
	}
.social-icons li {
	display: inline-block; float: left; margin-right: 8px;text-indent: -9999px;
}
.social-icons li a {
	background: #73a3e5; 
	padding: 4px 5px 4px 5px; 
	border-radius: 3px; 
}
.social-icons li.facebook a, .social-icons li.twitter a, .social-icons li.email a, .social-icons li.dribbble a {
	background: url(../img/team-social.png) no-repeat #73a3e5;display: block;
    height: 10px;
    width: 10px;

	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.social-icons li.facebook a, .social-icons li.facebook a:hover {
	background-position: 5px 4px;
}
.social-icons li.twitter a, .social-icons li.twitter a:hover {
	background-position: 5px -11px;
}
.social-icons li.email a, .social-icons li.email a:hover {
	background-position: 5px -24px;
}
.social-icons li.dribbble a, .social-icons li.dribbble a:hover {
	background-position: 4px -39px;
}
.social-icons li a:hover {
	background: url(../img/team-social.png) no-repeat #577312; border-radius: 3px;
}
#team .caption h5 {
	color: #215788; font-weight: normal;
}
#team .photo-shadow {
	margin-top: -8px;
}
/* ==================== Services ================ */
.services {
	margin: 0px
}
#services .tab-content{
	background: #fff; 
	padding: 0em 1em 1em; 
	box-shadow: 0px 0px 3px #8cb7d9; 
	border-radius: 0 0 4px 4px;
}
.widget .tab-content {
	box-shadow: none;
}
.widget ul.list-style1 li {
	margin-bottom: 1em;
}
#myTab {
	font-size: 0.9em
}
#myTab li.active a {background: #fff; box-shadow: 0px -1px 2px #8cb7d9; border-radius: 4px 4px 0 0; border-color:#fff;}
#myTab {margin-bottom: 0px}
.nav-tabs > a > [class^="icon-"], .active > a > [class*=" icon-"] {background-image:url("../img/glyphicons-halflings-white.png")!important;}
.nav-tabs > .active > a > [class^="icon-"], .nav-tabs > .active > a > [class*=" icon-"] {background-image:url("../img/glyphicons-halflings.png")!important;}
#myTab a {color: #577312;}
.nav-tabs > li > a:hover {background: none repeat scroll 0 0 #f3fae1}
.row-fluid [class*="span"] {min-height: 20px;}
.progress .bar {text-align: left; padding-left: 2em}
.progress-striped .bar {
    background-color: #f8e605;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    color: #725F19;
    text-shadow: -1px 0 0 rgba(255, 255, 255, 0.9);
    background-size: 40px 40px;}

#services .screen-description {margin-top: 10px;}

/* ==================== Contact Us ================ */
.mapcontent {text-align: center;}
#map_canvas {min-height: 20em}
.forminput {clear: both;}
.forminput textarea {width: 90%; min-height: 10em;}
#contact_form .alert-success, #contact_form .alert-error {display: none;}
#name {background: url(../img/name.png) no-repeat right #fff;}
#email {background: url(../img/email.png) no-repeat right #fff;}
#website {background: url(../img/website.png) no-repeat right #fff;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
	border-radius: 6px; 
	
}

#contact .row-fluid {margin: 0;}

/* ==================== FOOTER ================ */
footer {
	background: #577312;
	text-shadow:none;
	color: #77b4ee;
	padding-top: 5px;
	font-size: 12px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	z-index: 1020;
}
footer, #push { 	min-height: 40px;
}
footer ul {
	list-style-type: none;
	margin:0 0 10px 0px;
}
footer ul li {
	display: inline-block;
	margin-right: 10px;
}
footer .row-fluid {
	margin: 0px;
}
footer .contact-details {
	text-align: right;
}
footer .footer-icons a:hover {
	opacity: 0.5;
}
footer .contact-details .telephone {
	background: url(../img/telephone.png) no-repeat 0px 5px;
	padding-left: 20px;
}
footer .contact-details .email {
	background: url(../img/email.png) no-repeat 0px 5px;
	padding-left: 20px;
}
footer .contact-details .email a:link, footer .contact-details .email a:visited  { color: #77B4EE;}
footer .contact-details .address {
	background: url(../img/address.png) no-repeat 0px 2px;
	padding-left: 20px;
	margin-right: 30px;
}


/* =========================== Blog Page ============= */
#innerwelcome {
	padding: 70px 0 0 0px;
}
#innerwelcome.screen  {
	min-height: inherit;
}
#innerwelcome .container {min-height: 230px;}

.inner-content {
	background: #fff;
	box-shadow: -1px 1px 4px #133C66
}
#innerwelcome .hero-unit {
	padding: 40px 10px 10px 10px;
	margin-top: 90px;
	text-align: left;
}
.meta {
	margin:0px;
	list-style-type: none;

}
.meta li {
	display: inline-block;
	margin-right: 10px;
	padding-right: 14px;
	background: url(../img/meta-sepparator.jpg) no-repeat right center;
}
.meta li:last-child {
	background: none;
}
.meta li i {
	padding-right: 5px;
}
.post .row-fluid { 
	margin:1em 0;
}
.post .btn-readmore {
	margin-top: 1em;
}
.post {
	margin-bottom: 3em;
}
.post .span5 {
	text-align: center;
}
/* ============================== SINGLE PAGE =====================*/
.single-details {
	border-bottom: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    margin: 20px 0;
    padding: 10px 0;
    list-style-type: none;
}
.single-details li{
	margin-bottom: 7px
}
/* ============================== COMMENTS =====================*/
.comments-list {
	list-style-type: none;
	margin: 20px 0;
}
.comment-meta {
	text-align: center;
}
.comment-content {
	background: url(../img/comment-bg.jpg) no-repeat left top;
	border-left: none;
}
.comment-content p {
	margin-left: 20px;
	border: 1px solid #DDDDDD;
	border-left: none;
	padding: 15px 15px 15px 15px;
	margin-bottom: 0px
}
/* ============================== SIDEBAR =====================*/
.widget {
	margin-bottom: 3em;
}
.widget h4.widgettitle {
	font-weight: normal;
}
.widget .input-append {
	position: relative;
}
.searchbtn {
	background: url(../img/magnifier.png) no-repeat;
	border: none;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 60px;
	top: 8px
}

/* OTHER */
.ui-example {
	border: 1px solid #DDDDDD;
	padding: 3px 17px;
}
.the-icons {
	list-style: none outside none;
	margin:0px;
}
.the-icons li {
	float: left;
    line-height: 25px;
    width: 16.6%;
}
.label {
	margin-right: 5px;
}
.btn {
	margin-right: 5px;
}
.lead {margin-top: 20px;}

/******************************/
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 5px 0;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0;
}
a:link, a:visited  {
	color: #990033;
	border: none;
}
a:hover {
	font-weight: bold;
}
img {
	border-style: none;
}
li {
	list-style-type: circle;
	list-style-position: outside;
}
ul {
	padding: 0 0 0 5px;
}
#fb {
	float: right;
	/*height: 40px;
	padding-right: 30px;*/
	position: absolute;
	right: 10%;
	z-index: 10;
	width: 145px;

	clear: both;
}
.nav > li {
    list-style: none outside none;
}
.navbar .brand {
	margin-left: 20%;
}

/***************************************************
	MEDIA QUERIES
***************************************************/

@media screen and (max-width: 860px) {
	.hero-unit .span7, .hero-unit .span5 {text-align: center!important;}

	
	.caption .btn-readmore {margin-top: 80px;}
	.navbar-fixed-top {position: fixed!important;}
	.navbar-inverse .navbar-inner {height: 117px;}
	#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
.screen {padding: 130px 0 50px 0;}

}

@media (max-width: 767px) {

.container {margin-right: 20px; margin-left: 20px;}
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 117/*65*/px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
.nav-collapse {width: 120%}
.menu-clouds {height: 91px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
.screen {padding: 130px 0 50px 0;}
 }

@media only screen
and (min-width: 768px)
and (max-width: 959px)  {
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 119px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
.nav-collapse {width: 120%}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 117px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
.nav-collapse {width: 120%}
}

@media (max-width: 480px) {
.caption .btn-readmore {margin-top: 0px;}
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 65px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
#home .container img.cloud2, #home .container img.cloud3, #home .container img.cloud1 {display: none;}
.nav-collapse {width: 120%}
#innerwelcome .hero-unit .span7, #innerwelcome .hero-unit .span5 {text-align: center!important}
.menu-clouds {height: 91px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
}

/* Android landscape 320 x 240 */
@media (max-width: 320px) {
.caption .btn-readmore {margin-top: 0px;}
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 65px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
#home .container img.cloud2, #home .container img.cloud3, #home .container img.cloud1 {display: none;}
.nav-collapse {width: 120%}
#filterOptions {display: none;}
#innerwelcome .hero-unit .span7, #innerwelcome .hero-unit .span5 {text-align: center!important}
.menu-clouds {height: 35px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
}

/* Android portrait 240 x 320 */
@media (max-width: 240px) {
.caption .btn-readmore {margin-top: 0px;}
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 65px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
#home .container img.cloud2, #home .container img.cloud3, #home .container img.cloud1 {display: none;}
.nav-collapse {width: 120%}
#filterOptions {display: none;}
#innerwelcome .hero-unit .span7, #innerwelcome .hero-unit .span5 {text-align: center!important}
.menu-clouds {height: 35px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
}


/* Android portrait 295 x 515 */
@media (width: 295px) {
.caption .btn-readmore {margin-top: 0px;}
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 65px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
#home .container img.cloud2, #home .container img.cloud3, #home .container img.cloud1 {display: none;}
.nav-collapse {width: 120%}
#filterOptions {display: none;}
#innerwelcome .hero-unit .span7, #innerwelcome .hero-unit .span5 {text-align: center!important}
.menu-clouds {height: 35px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
}

/* Android landscape 515 x 295 */
@media (width: 515px) {
.caption .btn-readmore {margin-top: 0px;}	
.navbar-fixed-top, footer {position: fixed!important;}
.menu-clouds {margin-top: 0px}
.navbar-inverse .navbar-inner {height: 65px;}
#home {background: url("../img/home-bg2.png") no-repeat scroll center 100px, url("../img/home-bg.jpg") repeat-x scroll 0 64px transparent}
#home .container img.cloud2, #home .container img.cloud3, #home .container img.cloud1 {display: none;}
.nav-collapse {width: 120%}
#innerwelcome .hero-unit .span7, #innerwelcome .hero-unit .span5 {text-align: center!important}
.menu-clouds {height: 35px;}
.navbar-inverse .navbar-inner {height: 120px;}
footer, footer ul {text-align: center;}
}