/* Colors */
.red    {color: #f78181;}
.green  {color: #59b38e;}
.blue   {color: #7186d1;}
.red-bg   {background-color: #f78181;}
.green-bg {background-color: #59b38e;}
.blue-bg  {background-color: #7186d1;}
.purple-bg  {background-color: #716688;}
.darkpurple-bg  {background-color: #62486F;} /* #504250;} */

/* Alerts */
.alert-Bluereach-info {
    background-color: #dcdcdc;
    color: #62486F;
    border-color: #62486F;
}

.index_indicator {
    background-color:#3e75ae;
}

/* BIG ASS icon fonts */
.icon-jumbo {
  display: block;
  font-size: 100px;
  text-align: center;
}

/*Custom Styles*/
a{
  -webkit-transition: color 0.15s linear;
-moz-transition: color 0.15s linear;
-o-transition: color 0.15s linear;
transition: color 0.15s linear;
text-decoration: none;
}
/*Buttons*/
.m-btn{margin-top:0px;}


.btntop {
  margin:0 auto!important; border-radius:0!important;
}

.features{}
.features h3{line-height: 24px!important; font-weight:200;}
.featured{margin-bottom:20px;}
.featured img{margin-bottom:20px;}
.featured a.desc{font-size:.9em; }


/*EFFECTS*/

.hover { 
  opacity:.5; 
  -webkit-transition:all .3s ease-in-out; 
  -moz-transition:all .3s ease-in-out; 
  -ms-transition:all .3s ease-in-out; 
  -o-transition:all .3s ease-in-out; 
  transition:all .3s ease-in-out; 
} 
  
.entry:hover .hover { opacity:1; } 


/* HEADINGS */

h2{
  font-weight: 200;
  text-align: left;
  font-size: 3em;
  color: #000;
  text-transform: uppercase;
  line-height: 1.15em;
  margin-top: 30px;
}



/*NAV*/

nav.primary{margin-bottom:10px;}

nav.primary ul li a:active, nav.primary ul li a.selected { 
  background:#000; color:#fff; 
} 


nav.primary li { 
  float:left; 
  list-style:none;
} 

nav.primary ul li a {} 

nav.primary ul li a:active, nav.primary ul li a.selected { background:; text-shadow:none; } 



.page { 
  float:left; 
  width:100%; 
} 

.main { 
  padding:20px 20px 0; 
  margin:70px 0 0 0; 
} 
  


.entry { 
  position:relative; 
  float:left; 
  margin-right:20px; 
  margin-bottom:20px; 
  cursor:pointer; 
  padding:0px; 
  width:190px; 
} 


nav.primary ul li a { 
  height:39px; 
  width:166px; 
  display:block;
  font-size:18px; 
  color:#000; 
  text-indent:0px; 
  text-decoration:none; 
  line-height:39px; 
} 
nav.primary ul li a:hover { 
  color:#999; 
  background-position:center bottom; 
  text-shadow:none;
} 



/*ISOTOPE GALLERY*/


.isotope-item { 
  z-index: 2; 
} 
  
  .isotope-hidden.isotope-item { 
  pointer-events: none; 
  z-index: 1; 
  } 
  
.isotope, 
.isotope .isotope-item { 
-webkit-transition-duration: 0.8s; 
   -moz-transition-duration: 0.8s; 
        transition-duration: 0.8s; 
} 
  
.isotope { 
-webkit-transition-property: height, width; 
   -moz-transition-property: height, width; 
        transition-property: height, width; 
} 
  
.isotope .isotope-item img:hover { 
-webkit-transition: all 0.3s ease;
-webkit-transform: perspective(800px) rotateY(0deg);
}


div.portfolio figure.entry a:hover{text-decoration: none;}
div.portfolio figure.entry a h2{font-size: 14px!important;font-weight: bold; margin-bottom: 5px;}


div.explain nav.primary ul{margin:0!important;}

/*SHARED STYLES*/

.intro{margin: 0 auto 2em; font-weight:100; font-size:200%; line-height:1; color:#6A6A6A; text-align: left;}

/*HEADER*/

.header{ padding:0px;}

.slidebox{background:#0072BB; width: 12em; padding: 1.2em 20px; -webkit-animation:slideIn; -webkit-animation-duration:1s; animation-duration:1s; animation:slideIn; height: 12em; margin-left: 50px; font-size: .8em;
width: 23.4375em;bottom: 3em;padding: 1.4em 25px; position:absolute; left:40px; top:20px; color: #fff; text-align: left; display:inline-block; zoom:1;}
.slidebox p{line-height: 20px; font-size: 14px;}
.section{padding:0;}

.companycallout{ margin-bottom:20px; background:#eee;}
.companycallout p{}
.companycallout h1{text-transform: uppercase; font-size:10em; line-height:2em; color:#fff; text-align: center;}
.mobilelogo{margin-bottom:20px;}

/*HOME*/

.home_news{background:#F1F1F1;}
.calloutleft h2{ margin-top:0; font: 20px/14px "Open Sans",Helvetica,Arial,Sans-serif; color:#9099A3; margin-bottom:18px;text-transform: uppercase; font-weight:200;}
.calloutleft h1{font: bold 54px/50px "Open Sans",Helvetica,Arial,Sans-serif;margin-bottom:30px; margin-top:0; text-transform: uppercase;}
h2.explain{line-height:34px;}

.homesection{border-bottom:1px solid #ECEEF1; margin-bottom:50px; padding-bottom:50px;}
.homecallout p{font-size:11px; font-weight: 200; line-height: 13px; }
.features{margin-top:30px; border-bottom:0px solid #ECEEF1; margin-bottom:0px;}
.actionbtn{background:#DD4A38; color: #ECEEF1!important; text-shadow:none; font-weight:bold; margin-right:20px; padding: 15px 25px;}
.actionbtn:hover{background:#DD4A38; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset; -webkit-transition:all .3s linear;}

.contactbtn{background:#712514; color: #ECEEF1!important; text-shadow:none; font-weight:bold; padding: 15px 25px;}
.contactbtn:hover{background:#96331D; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset;-webkit-transition:all .3s linear}
.homecallout{color:#A2A9B4;}
.homecallout h2{font:bold 18px/40px "Open Sans",Helvetica,Arial,Sans-serif; color:#2E3846;}

.social{padding-left:10px;}
.social img{margin-bottom:5px;}
.social img:hover{opacity: 0.75;}

.news h2{font-weight: 200;}



/*PORTFOLIO*/
#portfolio{}
.port{background:#eee; padding:80px 0; color: #000;}
.portfolio .span4{margin-bottom:12px;}
.portfoliocarousel h2{font-size:12px; line-height:14px; text-transform: uppercase;}
.portfoliocarousel p{margin:0px;}
.portfolio figure{margin:0; margin-right:5px; margin-bottom:10px;}


/*CONTACT*/

ul.contactlinks{margin-left:0; font-size: 24px; line-height: 24px;}
.contactlinks li{display: block; list-style: none; padding-right: 5px; margin-bottom:20px; line-height:10px;}
.contactlinks li a:hover{text-decoration: none!important;}

/*CONTACT Map*/
#map {height:350px; width:100%; margin-bottom:80px; position: relative; z-index:2000; }
#form fieldset {padding:0;}
#contact-form .field {padding:0 0 10px 0; }
#contact-form .input-text {height:38px;border:1px solid #ebebeb;border-top:1px solid #bfbfbf;background:#f5f5f5;padding:0 10px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;}
#contact-form .input-textarea {height:100px;border:1px solid #ebebeb;border-top:1px solid #bfbfbf;background:#f5f5f5;padding:10px;resize:none;font-family:Tahoma, Geneva, sans-serif;font-size:12px;overflow:hidden;}
#contact-form .input-submit {cursor:pointer;font-size:12px;}
#contact-form label {width:100px;float:left;line-height:30px;text-align:left; font-weight:400; color:#ff1440;font-size: 13px;}
#contact-form .holder {position:relative;}
#contact-form .message {display:none;position:absolute;top:20px;left:160px;color:#fff; font-weight:bold;}
#contact-form .message .top {background:#000; width:428px;height:17px;line-height:0;}
#contact-form .message .contents {background:#000; width:428px;padding:5px 0;}
#contact-form .message .bottom {background:#000; width:428px;height:14px;line-height:0;margin-left:-1px;}
#contact-form #alert {padding:0 20px;}
#contact-form #alert ul {padding:10px 0 0 0;}
#contact-form #alert ul li {line-height:18px;}


/*ABOUT*/
#about{}
.about{background: #121210; color: #CBCBCB; padding:80px 0; }
a.member:hover{opacity: .7;}


/*SERVICES*/
.serviceicon{font-size:40px!important;}

/*BLOG or NEWS*/
#blog h2{max-width: 100%}
.blog_entry h2{font-size:26px!important;}
.leadimage{margin-top:30px;}
.sidebar h4{margin:0 0 10px 0;}
.sidebar .nav-list > li > a, .nav-list > li > a, .nav-list .nav-header{padding-left:2px;}
.sidebar .label{margin-bottom:5px; border-radius: 0px; display:inline-block;}
.sidebar .author a{color:#08C; font-weight:800;}
.sidebar .author a:hover{text-decoration: none;}
.sidebar .sidebar-preview{border-bottom: 1px solid #ECEEF1; padding-bottom: 20px; margin-bottom:20px; font-weight: 200; text-transform: uppercase;}
.sidebar .sidebar-preview img{margin-bottom:10px;}
.sidebar .sidebar-preview a.sidebar-link{color:#424242;}
.sidebar .sidebar-preview a.sidebar-link:hover{color:#08C;text-decoration: none;}
.sidebar .sidebar-preview .sidebar-link{font-size:1.125em;}
.article-body{line-height: 1.8em;}
.article-body > p:first-child::first-letter{
font-family: "Helvetica Neue", "Helvetica", Arial, serif;
float: left;
color: #08C;
font-weight: 700;
font-size: 500%;
height: auto;
line-height: 0.9em;
padding-top: 1px;
padding-right: 9px;
padding-left: 3px;
top: 0px;

}

/*FOOTER*/
.footer{ color: #eee; margin-top:30px; padding:0px 0; background-color: #3e75ae}
.footer a{color: #fff;}
.footer .m-btn{margin-top:0px!important;}
.footer h2{font-weight:200;font-size: 30px;color: #fff;}
.footer a:hover{text-decoration: none!important;}
.footer .follow li {margin-top: 10px; margin-bottom: 10px;}

/*SUBFOOTER*/
.subfooter .address{font-size:10px; padding:0px 0;}
.subfooter .address p{margin: 0;}



/* PAGES */

/* --- Team --- */
#team .media-body {padding-left: 100px;}





/* RWD */
@media (max-width: 979px) {
  .navbar .nav-collapse .nav.pull-right {
    margin-top: 0;
  }
  .navbar .btn-navbar {
    width: 100%;
    padding: 0;
    line-height: 40px;
    border: 0;
    background-color: #3e75ae; /* 62486F; 59B38E; */
  }
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 0;
  }
  .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 10px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 10px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 10px rgba(0, 0, 0, 0);
  }
  .navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav > li > a.active {
    color: #d1d1d1;
  }
}


@media (max-width: 767px) {
  .footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}