@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,900);
@import url(http://fonts.googleapis.com/css?family=Slabo+27px);

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(fonts/Roboto-Condensed-webfont.woff2) format('woff2'), url(fonts/Roboto-Condensed-webfont.woff) format('woff');
}

.header {
	z-index: 5;
	position: relative;
	height: 115px;
	border-top: 0;
}

/* Logo -------------------------------- */

.logo {
	margin: 15px 0 0;
}

img.logo-img {
	width: 175px;
	height: 85px;
}

/* Links -------------------------------- */

ul.menu li a {
	padding: 0;
}

ul.menu li a.current,
ul.menu li a:hover,
ul.menu li a.current:hover {
	margin-top: 0;
	padding: 0;
	border-top: 0;
	color: inherit;
	background-color: transparent;
}

/* Top nav -------------------------------- */

.topnav {
	margin-top: 25px;
	text-align: right;
	color: #978e86;
}

.topnav ul.menu li {
	float: none;
	display: inline-block;
}

.topnav ul.menu li a {
	color: #978e86;
}

.topnav .navpipe {
	margin: 0 1em;
}

.topnav span.tagline {
	display: block;
	margin-top: 60px;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #cd1f2c;
	position: relative;
}

.topnav span.tagline:after {
	content: "™";
	font-size: .5em;
	top: 4px;
	position: absolute;
}

/* Main nav -------------------------------- */

.navmain {
	z-index: 4;
	position: absolute;
	top: 125px;
	left: 0;
	width: 100%;
}

.navmain a {
	cursor: pointer;
}

.navmain .navredbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 5000px;
	height: 300px;
	margin-right: -5000px;
	background: #cd1f2c;
}

/* First nav -------------------------------- */
/* menu */
.menu {
list-style: none;
float: right;
position: relative !important;
z-index: 500; 
}

.menu  li {
list-style: none;
float: left;
position:relative;
}

.menu  li a {
    color: #393939;
    display: block;
    font-family: 'Lato',Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    /* padding: 22px; */
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.menu li a.current, .menu li a.current:hover  {
    border-top: 4px solid #289dcc;
    margin-top: -4px;
}

.menu li a.current {
    background-color: #FCFCFC;
    color: #289dcc;
    padding-left: 21px;
    padding-right: 21px;
}

.menu li a:hover {
    border-top: 4px solid #cfcfcf;
    margin-top: -4px;
    background-color: #FCFCFC;
}

.menu li a .subtext {
    color: #B6B6B6;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding-top: 3px;
    text-transform: lowercase;
}

.menu li ul.sub-menu {
display: none;
}

.menu li:hover ul.sub-menu {
display: block;
position: absolute; 
left: 0;
z-index: 99;
}

.sub-menu li  a {
	color: #AAAAAA;
    font: 11px 'Lato',sans-serif;
	text-align: left;
	text-transform: none;
	background: #3A3A3A;
    border-color: #4C4C4C #3A3A3A #303030;
    border-style: solid;
    border-width: 1px;
	padding: 8px 20px 8px 25px;
	margin: 0;
	width: 150px;
	height: 20px;
	line-height: 20px;
}

ul.sub-menu li a:hover {
    color: #FFFFFF; 
    font: 11px 'Lato',sans-serif;
	text-align: left;
	text-transform: none;
	background: #3A3A3A;
    border-color: #4C4C4C #3A3A3A #303030;
    border-style: solid;
    border-width: 1px;
	padding: 8px 20px 8px 25px;
	margin: 0;
	width: 150px;
	height: 20px;
	line-height: 20px;
}

ul.sub-menu li a.current-item {
color: #FFFFFF;
}


.navfirst {
	background: #675958;
	overflow: hidden;
}

.navfirst ul li a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.navfirst ul.menu li {
	margin-right: 40px;
}

.navfirst .mainmenu li {
	padding: 15px 0;
}

.nav-arrow-red {
	width: 10px;
	position: absolute;
	top: 0px;
}

.opencreative #creativego, .opensuccess #successgo, .openabout #aboutgo {
	color: #231F20;
}

.opencreative .mainmenu li:first-child, .opensuccess .mainmenu li:nth-child(2), .openabout .mainmenu li:nth-child(3) {
	background-image: url('http://s3.amazonaws.com/bn-www-assets/icons/features-arrow-red.png');
	background-repeat: no-repeat;
	background-size: 12px;
}

.opencreative .mainmenu li:first-child {
	background-position: 68px 0;
}

.opensuccess .mainmenu li:nth-child(2) {
	background-position: 46px 0;
}

.openabout .mainmenu li:nth-child(3) {
	background-position: 25px 0;
}

.navfirst ul.actionmenu {
	float: right;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
	background: #cd1f2c;
	border-left: 4px solid #fff;
	box-sizing: border-box;
}

.navfirst ul.actionmenu li {
	float: right;
  	padding: 10px 0;
  	text-align: center;
  	box-sizing: border-box;
}

.navfirst ul.actionmenu li span {
	display: block;
	margin-left: 35px;
	padding: 5px 0;
}

.navfirst ul.actionmenu li:first-child span {
	padding-left: 35px;
	border-left: 1px solid #fff;
}

/* Second nav -------------------------------- */

.navsecond {
	position: relative;
}

.navsecond .container {
	z-index: 2;
	position: relative;
}

.navsecondmask {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #000;
	opacity: .5;
}

.navsecond .sub-menu {
	display: none;
	padding: 10px 0;
}

.opencreative .navsecond .sub-menu.creativemenu,
.opensuccess .navsecond .sub-menu.successmenu,
.openabout .navsecond .sub-menu.aboutmenu {
	display: block;
}

.navsecond .sub-menu:after {
	content: "";
	display: table;
	clear: both;
}

.navsecond .sub-menu li {
	float: left;
	margin-right: 20px;
	line-height: normal;
}

.navsecond ul.sub-menu li a {
  color: #fff;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  line-height: normal;
}

/* Slideshow -------------------------------- */

.camera_wrap {
	margin-top: 0!important;
	box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}

.camera_src {
	display: none!important;
}

.camera_wrap .slider-img {
	position: relative;
	width: auto;
	height: 500px;
}

.camera_wrap .slider-img img {
	height: 500px;
	margin: -140px auto 0;
}

.camera_wrap .camera_caption {
	z-index: 2;
	top: 0!important;
	width: 960px;
	height: 100%;
	padding: 125px 20px 0;
	box-sizing: border-box;
}

.camera_caption > div {
	height: 100%;
	padding: 0;
}

.camera_wrap .camera_caption .slider-title,
.camera_wrap .camera_caption .slider-subtitle,
.camera_wrap .camera_caption .slidertext {
	position: static;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	width: auto;
	height: auto;
	padding: 0;
	font-family: 'Roboto Condensed',Arial,Helvetica,sans-serif;
	font-weight: normal;
	line-height: normal;
	color: #fff;
	background-color: transparent;
}

.camera_wrap .camera_caption .slider-title,
.camera_wrap .camera_caption .slider-subtitle {
	font-size: 36px;
	margin-bottom: 9px;
}

.camera_wrap .camera_caption .slidertext {
	margin-bottom: 0;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}

.slider_button {
	right: 20px;
	bottom: 35px;
	top: auto;
	position: absolute;
}

.slider_button .button.white,
.slider_button input[type="button"] {
	font-family: 'Slabo 27px',serif;
	font-size: 18px !important;
	font-weight: 400;
	text-transform: uppercase;
	padding: 10px 30px!important;
	border-radius: 0;
	border: 0;
	background-image: none;
	background-color: #cd1f2c;
	color: #fff;
	text-shadow: none;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
	box-shadow: none;
}

.camera_prevThumbs,
.camera_nextThumbs,
.camera_prev,
.camera_next,
.camera_commands,
.camera_thumbs_cont {
	background: #cd1f2c;
}


/* Logo Slideshow -------------------------------- */

#logoslider {
	text-align: center;
	min-height: 60px;
}

#logoslider .pics {
    padding: 0;  
    margin:  0;  
} 
 
.pics-logo-wrapper {
	width: 150px;
	height: 50px;
	display: inline-block;
	margin: 0 15px;
}

.pics img {
	margin: 0 auto;
	height: 50px;
}

/* Mobile Menu -------------------------------- */

.mm-is-menu {
	background: #675958;
}

.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span {
	color: #fff;
}

/* Responsive -------------------------------- */

@media only screen and (min-width: 960px) {
	.camera_wrap .camera_caption {
		left: 50%!important;
		margin-left: -480px;
	}
}
@media only screen and (max-width: 959px) {
	.header {
		height: 85px;
	}
	.logo a {
		display: block;
		width: 125px;
		height: 60px;
	}
	img.logo-img {
	  display: block;
	  width: 125px;
	  height: 60px;
	  margin-left: 55px;
	  top: 10px;
	  position: absolute;
	}
	.navmain {
		display: none;
	}
	.topnav span.tagline {
		margin-top: 30px;
		font-size: 1.25em;
	}
	.camera_wrap {
		height: 200px!important;
	}
	.camera_wrap .slider-img img {
		width: 100%!important;
		margin: 0 auto 0;
	}
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
	.camera_wrap .camera_caption {
		width: 768px;
		padding-top: 30px;
		left: 50%!important;
		margin-left: -384px;
		box-sizing: border-box;
	}
	.camera_wrap .camera_caption .slider-title,
	.camera_wrap .camera_caption .slider-subtitle {
		margin-bottom: 10px;
	}
	.camera_wrap .camera_caption .slider-title {
		font-size: 20px!important;
	}
	.camera_wrap .camera_caption .slider-subtitle {
		font-size: 20px!important;
	}
	.camera_wrap .camera_caption .slidertext {
		font-size: 24px!important;
	}
	.slider_button {
		bottom: 20px;
	}
	.slider_button .button.white,
	.slider_button input[type="button"] {
		margin-top: 10px;
		padding: 10px 20px !important;
		font-size: 14px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
	.logo {
		float: right;
		margin-bottom: 5px;
	}
	img.logo-img {
		margin: 0;
	}
	.topnav span.tagline {
		display: none;
	}
}

@media only screen and (max-width: 479px) {
	img.logo-img {
		margin-left: 0;
		right: 0;
	}
	.topnav span.tagline {
		display: none;
	}
	.camera_wrap div.camera_caption {
		display: block!important;
		bottom: 0!important;
		top: auto!important;
		padding: 10px;
		left: 0!important;
		height: auto;
		box-sizing: border-box;
		width: 100%;
	}
	.camera_wrap .camera_caption .slider-title,
	.camera_wrap .camera_caption .slider-subtitle {
		font-size: 21px;
		margin-bottom: 5px;
	}
	.camera_wrap .camera_caption .slidertext {
		font-size: 21px;
		margin-bottom: 20px;
	}
	.slider_button {
		position: static;
	}
	.camera_wrap .slider-img {
		min-height: 400px;
		background-size: 195%;
		background-position-x: 80%;
	}
	.camera_wrap .slider-img img {
		width: auto!important;
		height: 100%!important;
		max-width: none!important;
	}

	#index_features .one-third.column {
		width: 100%;
		height: 200px;
	}

	#index_features .features_background img,#index_features .container {
		width: 100%;
	}

	.pics img {
		width: 135px;
	}
}