main{width:100% !important; overflow-x: hidden; padding:0px!important; margin:0px!important;}


body, html{

width: 100%;
height:100%;
}

body, html {padding:0;margin:0;}


@media only screen and (max-width : 950px) {
.featurette, .section-heading, .section-subheading {
  padding-left: 20px;
  padding-right: 20px;
}}



@media only screen and (min-width: 768px) {
.background{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.background1{
    background: url(../img/sitegraphics/bg-right.png) repeat-y 100% 0;
}

.background2{
    background: url(../img/sitegraphics/bg-left.png) repeat-y 0 0;
}
.background3{
    background: url(../img/sitegraphics/paperedge-right.jpg) repeat-y 100% 0;
}

.background4{
    background: url(../img/sitegraphics/paperedge-left.jpg) repeat-y 0 0;
}
}

section{padding:20px 0 !important;}

.navbar .navbar-brand{
  height: 80px; padding: 0;
}
.navbar-header{
   top: 0;
}

.navbar .nav >ul >li >ul >li a {
background-color:#ff6600;
}

.navbar .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.navbar .navbar-toggle {
  padding: 0 auto auto 0px;
  margin: 20px 15px 20px 0;
}

.navbar .nav >li >a, .navbar .nav >li >ul >a, .navbar .nav >li >ul >li >a, .navbar .navbar-toggle {
font-size:1.3em;
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500,600";
.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; 

     border-radius: 50px;
    -o-border-radius topleft: 50px;  
    -o-border-radius topright: 50px;
    -o-border-radius bottomleft: 50px;
    -o-border-radius bottomright: 50px;

    -webkit-border-radius topleft: 50px;  
    -webkit-border-radius topright: 50px;
    -webkit-border-radius bottomleft: 50px;
    -webkit-border-radius bottomright: 50px;

 background: #333; vertical-align: middle; }
.box > .icon:hover > .image { background: #FF6600; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 30px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Montserrat",sans-serif !important; font-size: 20px; color: #222; font-weight: 700; }
.box > .icon > .info > p { font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 1.2em; font-weight:400; color: #666; line-height: 1.6em; margin: 20px; padding-bottom:20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box >.icon:hover > .info > .more > a { color: #222; }

.box > .icon > .info > .more a 
{ font-family: "Roboto",sans-serif !important;font-size: 14px; color: #222; line-height: 14px; text-transform: uppercase; text-decoration: none; color: #fff; padding: 6px 8px; background-color: #333333; }
.box > .icon:hover > .info > .more > a 
{ color: #fff; padding: 6px 8px; background-color: #FF6600!important; }

.more{ position:absolute; left:0; bottom:4px; width:100%;}

.box .space { height: 20px; }


.carousel-caption > .more > a 
{ font-family: "Roboto",sans-serif !important;font-size: 14px; color: #222; line-height: 14px; text-transform: uppercase; text-decoration: none; color: #fff; padding: 6px 8px; background-color: #333333; }
.carousel-caption > .more:hover  > a
{ color: #fff; padding: 8px 8px; background-color: #FF6600; }



.carousel-caption {
	position: relative;
	top: 0px;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	padding: 10px;
	left: 0%;
	right: 0%;
	z-index: 10;
	color: #000;
	text-shadow: none;
 & .btn {
     text-shadow: none; // No shadow for button elements in carousel-caption
;
   }
}

.carousel-caption p{margin-bottom:40px; font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif!important; font-size: 1.2em; font-weight:400; color: #666; line-height: 1.8em; margin: 20 20 20 40;}

.modal .carousel-caption p{margin: 0 !important}

.carousel{margin:0;}

.controllers {
     position: absolute;
	 top:20em;
	 width:100%;
	 left:0px;
}

.carousel-control.left,
.carousel-control.right {
     background-image: none;
	}

@media only screen and (min-width: 850px) {
.carousel-control.left{left:-70px;}
.carousel-control.right{right:-70px;}
}

.carousel-indicators {
     background-image: none;
	 position:absolute;
	 top: 0;}

.carousel-indicators li {
	 background-color: #333333 !important;
	 border-width: 0px !important;
}

.carousel-indicators .active{
  background-color: #F60 !important;
}



#carouselButtons {
    right: 10px;
    position: absolute;
    bottom: 5px;
}

.item .col{padding:0px;}

.navbar-form {padding-top:15px;}
.navbar-header{padding-left:5px;}

.portfolio-link img{margin:5px; cursor: zoom-in; text-align: center;}

#portfolio {text-align:center;}

.flash{
position: relative;
display: block;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}

@media only screen and (min-width: 650px) {
.flash-lg{
height: 400px;
width: 600px;
}


.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/sitegraphics/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.loader h2 {
	width:100%;
	position:absolute;
	bottom:40px;
	text-align:center;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700; color: #666;
}