/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * CONTENTS............You’re reading it!
 * RESET...............See bootstrap.min.css
 * FONT-FACE...........Font family names
 * ELEMENTS............Extensions of bootstrap styles on basic tags
 * LAYOUT..............Template layout/structure
 * HOMEPAGE............Styles for homepage layout
 * CONTENT.............Styles for shared & inside content
 * BLOG................Specific styles for blog (copied from default theme)
 * RESPONSIVE..........Responsive styles, mobile first
 */

/*------------------------------------*\
    $FONT-FACE
    font-family:'HelveticaNeueW01-45Ligh';
	font-family:'HelveticaNeueW01-55Roma';
	font-family:'HelveticaNeueW01-56It';
	font-family:'HelveticaNeueW01-65Medi';
	font-family:'HelveticaNeueW01-75Bold';
	font-family:'HelveticaNeueW01-85Heav';
\*------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?92404553');
  src: url('../fonts/fontello.eot?92404553#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?92404553') format('woff'),
       url('../fonts/fontello.ttf?92404553') format('truetype'),
       url('../fonts/fontello.svg?92404553#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?92404553#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-facebook:before { content: '\e800'; } /* '' */
.icon-gplus:before { content: '\e803'; } /* '' */
.icon-linkedin:before { content: '\e801'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-rss:before { content: '\e805'; } /* '' */
.icon-search:before { content: '\e804'; } /* '' */
.icon-group:before { content: '\e806'; } /* '' */




/*------------------------------------*\
    $ELEMENTS
\*------------------------------------*/
strong {
	font-family:'HelveticaNeueW01-75Bold';
	font-weight: normal;
}
em {
	font-family:'HelveticaNeueW01-56It';
	font-style: normal;
}
    strong em { font-weight: bold; }
.btn-lg {
    padding: 10px 30px;
       -moz-transition: background-color .3s ease-out, border-color .5s ease-out, border-radius .3s ease-out;
    -webkit-transition: background-color .3s ease-out, border-color .5s ease-out, border-radius .3s ease-out;
            transition: background-color .3s ease-out, border-color .5s ease-out, border-radius .3s ease-out;
    background-clip: padding-box;
}
    .btn-lg:hover { border-radius: 26px; }
.video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border: 3px solid #e5e5e5;
}
.video-container iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
legend {
    font-family: 'HelveticaNeueW01-75Bold';
    border-bottom: 12px solid #ededed;
}





/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
body {
	/*background: url(../images/billboard.jpg) center 172px no-repeat #ffffff;*/
    background-position: center 172px;
    background-repeat: no-repeat;
	background-size: auto 425px;
    background-color: #ffffff;
	border-top: 18px solid #004c9a;
}
	body.inside, body.blog { background: none; }
header:not(.post-header) {
	min-height: 154px;
	background-color: #ffffff;
}
	.inside header:not(.post-header), .blog header:not(.post-header) {
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.1);
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
		box-shadow: 0 0 5px rgba(0,0,0,.1);
	}

header .social { padding: 10px 0 0 0; }
	.social a {
		display: inline-block;
		width: 42px;
		height: 42px;
		margin-right: 4px;
		font-size: 20px;
		line-height: 42px;
		color: #ffffff;
		text-align: center;
		border-radius: 21px;
		-webkit-transition: border-radius .3s ease-out;
		   -moz-transition: border-radius .3s ease-out;
		        transition: border-radius .3s ease-out;
	}
		.social a.fb { background-color: #3b5999; }
		.social a.li { background-color: #1385c4; }
		.social a.tw { background-color: #00bbf5; }
		.social a.gp { background-color: #252223; }
		.social a:hover { border-radius: 8px; }
nav { clear: both; }
	.navbar-default {
		background: none;
		border: none;
	}
	.navbar-brand { padding: 0; }
    .header-brands {
        float: left;
        margin: 17px 0 0 15px;
    }
        .header-brands img { float: left; }
	.navbar-collapse {
        max-height: none;
        padding-top: 20px;
    }
	.navbar-nav > li > a {
		padding: 14px 12px;
		font-family:'HelveticaNeueW01-45Ligh';
		font-size: 16px;
		line-height: 22px;
		color: #999999;
	}
		.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover {
			font-family:'HelveticaNeueW01-55Roma';
			color: #192127;
			background: none;
		}
	.search-btn, .navbar-nav > li > a.show-search, #mainNav6 a {
		width: 50px;
		height: 50px;
		padding: 0;
		border: 1px solid #e0e0e1;
		border-radius: 25px;
		font-family: 'fontello';
		font-size: 26px;
		line-height: 50px;
		color: #ffffff;
		text-align: center;
		background-color: #e9e9e9;
	}
        /* hide fake search button at narrow breakpoints */
        #mainNav6 { display: none; }
	.show-search:hover {
		cursor: pointer;
		text-decoration: none;
	}

footer:not(.post-footer) {
	padding: 30px 0;
	background-color: #ededed;
}
	footer .social a {
		width: 62px;
		height: 62px;
		font-size: 30px;
		line-height: 62px;
		border-radius: 31px;
	}
	.inside footer:not(.post-footer), .blog footer:not(.post-footer) { margin-top: 45px; }





/*------------------------------------*\
    $HOMEPAGE
\*------------------------------------*/
.home-billboard { padding-top: 30px; }
	.home-billboard h1 {
		font-family:'HelveticaNeueW01-85Heav';
		font-size: 40px;
		line-height: .9em;
		text-transform: uppercase;
	}
	.home-billboard h1, .home-billboard p {
		margin: 0 35px;
		text-shadow: 1px 2px 0 rgba(0,0,0,.5);
		color: #ffffff;
	}
        .home-billboard h1.background--light, .home-billboard p.background--light {
            color: #000000;
            text-shadow: none;
        }
        .home-billboard h1.background--dark, .home-billboard p.background--dark { color: #ffffff; }
	.home-billboard p { margin: 15px 35px; }

.home-features {
	margin-top: 60px;
	background-color: #ffffff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
	.home-features .feature {
		position: relative;
		padding: 40px;
	}
		.feature:last-child {
			background-color: #ededed;
			border-top-right-radius: 8px;
		}
		.home-features i {
			position: absolute;
			right: 20px;
			top: 16px;
			width: 56px;
			height: 56px;
			background-color: #cacaca;
			text-align: center;
			font-size: 36px;
			color: #ffffff;
			border-radius: 50%;
		}
        .home-features .glyphicon:empty {
            width: 56px;
            line-height: 56px;
        }
        .home-features a { text-decoration: none; }
		.home-features h2 { margin-bottom: 30px; }
		.home-features h2 small {
			font-size: 100%;
			font-family:'HelveticaNeueW01-45Ligh';
		}
		.home-features p {
			font-size: 18px;
			line-height: 30px;
		}

.brands .row, .awards .row { padding: 15px 0; }
.blog h3, .brands h3, .awards h3 {
    clear: both;
    position: relative;
    font-size: 30px;
}
    .blog h3:after, .brands h3:after, .awards h3:after {
        position: absolute;
        top: 50%;
        display: block;
        content: "";
        width: 100%;
        height: 12px;
        margin-top: -3px;
        background-color: #ededed;
    }
    .blog h3 span, .brands h3 span, .awards h3 span {
        position: relative;
        z-index: 5;
        padding-right: 20px;
        background-color: #ffffff;
    }
.blog h3 small, .brands h3 small {
	font-size: 100%;
	font-family:'HelveticaNeueW01-45Ligh';
}
.brands li {
	display: block;
    margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
    cursor: help;
}
    .popover-img {
        position: relative;
        width: 170px;
        height: 170px;
        margin: 0 auto 10px;
        border: 3px solid #d8d8d8;
        border-radius: 50%;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
        .popover-img img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }
        .brands li:hover .popover-img {
            border-color: #004c9a;
            box-shadow: 0 0 12px rgba(0,76,154,0.7);
        }
	.brands .popover { max-width: 90%; }
	.brands .popover .close {
		position: absolute;
		top: -15px;
		right: -15px;
		float: none;
		width: 30px;
		height: 30px;
		line-height: 20px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		border: 3px solid #cccccc;
		border-radius: 15px;
		background-color: #006bab;
		opacity: 100;
		filter:alpha(opacity=100);
	}
	.brands .popover img {
		float: left;
		margin: 5px 15px 10px 0;
	}

.awards img { margin: 0 auto; }
.awards p { font-size: 12px; }
.awards p.text-center {
    padding: 15px 0;
    font-size: 16px;
}



/*------------------------------------*\
    $CONTENT
\*------------------------------------*/
.inside-billboard {
	position: relative;
	height: auto;
	overflow: hidden;
}
	.inside-billboard .background { width: 100%; }
	.overlay {
		position: relative;
		z-index: 100;
		padding: 10px 0 20px;
        background-color: rgba(220,220,220,0.70);
		/*background-color: rgba(6,67,42,.87);
		color: #ffffff;*/
	}
		.overlay h1 {
			font-size: 24px;
			text-transform: uppercase;
		}
		.overlay img {
			max-width: 100%;
			margin-top: 20px;
		}
	.inside-billboard a {
		position: absolute;
		z-index: 100;
		right: 30px;
		bottom: 40px;
		text-transform: uppercase;
	}

.inside h2 {
    clear: both;
    position: relative;
    font-size: 30px;
}
    .inside h2:after {
        position: absolute;
        top: 50%;
        display: block;
        content: "";
        width: 100%;
        height: 12px;
        margin-top: -3px;
        background-color: #ededed;
    }
        .inside .well h2:after { display: none; }
    .inside h2 > span {
        position: relative;
        z-index: 5;
        padding-right: 20px;
        background-color: #ffffff;
    }
.inside h2 small {
	font-size: 100%;
	font-family:'HelveticaNeueW01-45Ligh';
}

.videos img {
	margin-bottom: 15px;
	border: 3px solid #e5e5e5;
}
.videos a, .related-products a { font-weight: bold; }

/* Careers page */
.award-logos img { margin-bottom: 30px; }

/* Search Pagination Extensions for Bootstrap */
.pagination { margin-left: 40px; }
.pagination span span, .pagination a {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

    .pagination span span:first-child, .pagination span a:first-child {
        margin-left: 0;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
    }

    .pagination span a:last-child, .pagination span span:last-child {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

    .pagination a:hover, .pagination a:focus {
        background-color: #eeeeee;
    }

.pagination .current-page {
    z-index: 2;
    color: #ffffff;
    background-color: #004c9a;
    border-color: #004c9a;
    cursor: default;
}

/* Form Validation */
label.required { color: #b94a48; }
.form-control.required { border-color: #b94a48; }
label.invalid { color: #c09853; }
.form-control.invalid { border-color: #c09853; }





/*------------------------------------*\
    $BLOG
\*------------------------------------*/
.well-global,#trackbacks { padding: 4%; margin-bottom: 15px; }
.well-global .well-global-title { margin-bottom: 15px; padding-bottom: 15px; }
.post { padding: 2% 4% 4%; }
.post .post-header { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #cacaca; }
.post .post-info { font-size: 13px; color: #cacaca; }
.post .post-info span { margin-right: 7px; }
.post .post-info a { color: #cacaca; }
.post-info .glyphicon { margin-right: 3px; }
.post .post-footer { margin-top: 30px; padding: 15px; background-color: #ededed; font-size: 13px; min-height: 35px; border-radius: 4px; border: 1px solid #ededed; }
.related-posts ul li div { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; }
#postPaging > div { }
#PostPager { display: block; text-align: center; margin: 0 0 10px; background-color: #ffffff; padding: 4%; margin-bottom: 15px; border-radius: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); }
#PostPager li { display: inline-block !important; border: 1px solid #DDD !important; margin: 1px; padding: 5px 7px !important; font-size: 13px; font-weight: normal; background: #fff; border-radius: 3px; }
#PostPager li a { padding: 2px; text-decoration: none; }
#PostPager .PagerLinkCurrent { color: #fff; padding: 5px 14px; background-color: #0681ea !important; border: 1px solid #0861ea !important; }
#PostPager .PagerLinkCurrent li { padding: 2px !important; }
#PostPager .PagerLinkDisabled { color: #ccc; padding: 5px 14px; background: #fff; border-color: #DDD !important; }
#PostPager .PagerEllipses { border: 0; padding: 2px; }
.widgetzone { padding-top: 30px; }
.widget { padding: 4%; margin-bottom: 15px; }
.widget .widget-header { margin: 0 0 15px 0; padding-bottom: 4%; }
.widget ul { list-style: none; padding: 0; }
.widget ul li { padding: 4px 0; }
.widget ul ul li { border: none; }
#calendarContainer { text-transform: capitalize; text-align: center; }
.calendar table { width: 100%; text-align: center; }
.calendar td, .calendar table { background-color: #FFF !important; text-align: center; }
.calendar .header { background: none !important; width: auto !important; height: auto !important; }
.calendar .weekend { background-color: #F1F1F1; }
.calendar .other { color: silver; }
.calendar a.exist { display: inline-block; padding: 0 5px; border-radius: 104px; color: #fff; font-weight: normal; background-color: #0681ea; }
.calendar td { vertical-align: top; background: white; }
.categorylist .widget-header { margin-bottom: 0; }
.categorylist ul li a { padding-right: 3px; }
.monthlist .widget-header { margin-bottom: 0; }
.monthlist li { font-weight: normal; }
.monthlist .year { cursor: pointer; font-weight: bold; }
.monthlist .year li { margin: 0 10px; }
.monthlist ul ul { display: none; }
.monthlist .open { display: block; }
.tagcloud ul li { display: inline-block; margin: 1px; border: none; padding: 3px; }
.tagcloud ul li a { padding: 3px; border-radius: 3px; }
.tagcloud ul li a:hover { background: #0681ea; color: #fff; }
.tagcloud ul li a.biggest { font-size: 120%; }
.tagcloud ul li a.big { font-size: 110%; }
.tagcloud ul li a.medium { font-size: 100%; }
.tagcloud ul li a.small { font-size: 90%; }
.tagcloud ul li a.smallest { font-size: 80%; }





/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 480px) {
    .brands li {
        float: left;
        width: 50%;
    }
}
@media only screen and (min-width: 600px) {
	.brands .popover { max-width: 450px; }
}
@media only screen and (min-width: 768px) {
    body { background-size: 100% auto; }
    .navbar-form {
        visibility: hidden;
        position: absolute;
        top: 50px;
        right: 0;
        z-index: 1000;
        width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        text-align: right;
        -moz-transition: all .5s ease-out;
        -webkit-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

        .navbar-form.in {
            visibility: visible;
            width: 80%;
            overflow: visible;
        }

        .navbar-form .close {
            position: absolute;
            left: 0;
            float: none;
            vertical-align: top;
        }

    .search-box {
        position: absolute;
        right: 50px;
        width: 85%;
    }
    #mainNav6 { display: block; }
    .home-billboard { padding-top: 150px; }
	.home-billboard h1 { font-size: 60px; }
    .home-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .home-features .feature {
        -webkit-box-flex: 1;
                -ms-flex: 1;
                    flex: 1;
    }
	/*.home-features .feature {
		float: left;
		width: 50%;
	}*/
}
@media only screen and (min-width: 980px) {
	.navbar-nav > li > a { padding: 14px 20px; }
	.brands li { width: 20%; }
	.inside-billboard { height: 570px; }
	.inside-billboard .background {
		position: absolute;
		top: -95px;
	}
	.inside-billboard .overlay h1 { font-size: 34px; }
}
@media only screen and (min-width: 992px) {
    .home-features i {
        right: 30px;
        top: 24px;
        width: 84px;
        height: 84px;
        font-size: 54px;
    }
    .home-features .glyphicon:empty {
        width: 84px;
        line-height: 84px;
    }
}
@media only screen and (min-width: 1200px) {
    body { background-size: auto 785px; }
    .navbar-form { top: 20px; }
        .navbar-form.in { width: 59%; }
    .search-box { width: 90%; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}