/* General page structure */
html.model-open {
	overflow: hidden;
	position: fixed;
}
body {
	background-color:#E1E8F0;
	background-image:  url('../assets/images/framework/background.jpg');
	background-position: center 0;
	background-repeat: no-repeat;
	width: 100%;
	overflow-x: hidden;
	line-height: 1.240;
}
#page {
	border-top: 1px solid #bdbbbb;
	position: relative;
	width: 100%;
}
.row {
	margin: 0;
}
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0;
}
.content-block {
	min-height: 320px;
}
.content-block.block-2 {
	min-height: 640px;
}
.content-block.block-3 {
	min-height: 0px;
}
.content-block.top-border {
	border-top: 1px solid #333;
}
.content-block.bottom-border {
	border-bottom: 1px solid #333;
}
.content-block.margin-bottom {
	margin-bottom: 20px;
}
.content-block-primary {
	background-color: #fbb900;
}
.content-block-secondary {
	background-color: #dbdfe5;
}
.content-block-success {
	background-color: #1ca9a0;
}
.content-text {
	padding: 18px 15px 0;
}
.content-text h1 {
	color: #fbb900;
	font-family: 'HelveticaNeue-MediumCond', arial, verdana, sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 5px;
	text-transform: none;
}
.content-text h2 {
	color: #333;
	font-family: 'HelveticaNeue-MediumCond', arial,verdana, sans-serif;
	font-size: 34px;
	font-weight: normal;
	margin: 0 0 15px;
	text-transform: uppercase;
}
.content-text h3 {
    color: #333;
    font-size: 24px;
    text-transform: uppercase;
	margin: 0;
}
.content-text a {
	text-decoration: underline;
}
.content-text .swap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.content-breadcrumb {
	margin-bottom: 28px;
    text-transform: uppercase;
}
.content-breadcrumb a {
	text-decoration: underline;
}
.content-image img {
	width: 100%;
}

/* Modals */
.modal-backdrop {
	background-color: #FABB00;
	background-image: url('../assets/images/framework/modal-back.png');
	background-repeat: repeat;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop,.modal-backdrop.fade.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.modal-dialog {
	width: 700px;
	margin: 40px auto;
}
.modal-content {
	border: none;
	border-radius: 0;
	box-shadow: none;
	background-color: #E2E9F1;
}
.modal-header {
	padding: 0 30px;
	border: none;
}
.modal-header-content {
	border-bottom: #333 solid 1px;
}
.modal-header a {
	font-family: "HelveticaNeue-MediumCond", arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}
.modal-body {
	padding: 10px 30px 10px;
}
.modal-link {
	float: left;
}
.modal-close {
	float: right;
}

/* modal content */
.article-image {
	margin-bottom: 20px;
}
.article-buttons {
	margin-top: 10px;
}
.article-read-more {
	display: block;
	float: left;
	width: 305px;
	height: 42px;
	background-image: url('../assets/images/pages/find_out_morelg.gif');
	background-repeat: no-repeat;
}
.article-watch-video {
	display: block;
	float: right;
	width: 305px;
	height: 42px;
	background-image: url('../assets/images/pages/watch_videolg.gif');
	background-repeat: no-repeat;
}
.article-download {
	display: block;
	float: right;
	width: 195px;
	height: 42px;
	background-image: url('../assets/images/pages/download.gif');
	background-repeat: no-repeat;
}
.article-read-more:hover, .article-watch-video:hover, .article-dowmload:hover {
	background-position: 0 -42px;
}
.article-share .article-share-btn {
	position: absolute;
	top: 10px;
	right: 30px;
	background-image: url('../assets/images/framework/sharepoptop.gif');
	background-repeat:  no-repeat;
	cursor: pointer;
	float: right;
	width: 75px;
	height: 25px;
	overflow: hidden;
	z-index: 10;
}
.article-share.active .article-share-btn {
	background-position: 0 -40px;
	height: 37px;
}
.article-share .article-share-content {
	display: none;
	position: absolute;
	top: 47px;
	right: 30px;
	width: 198px;
	height: 74px;
	background-image: url('../assets/images/framework/sharepop.gif');
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 10;
}
.article-share.active .article-share-content {
	display: block;
}







/* Header */
header {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}
header #logo {
	text-align: center;
	padding: 10px 0;
}
header #logo a {
	display: inline-block;
}
header #logo img {
	margin: 0 auto;
	display: inline-block !important;
}
header .nav-btn {
	display: none;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -12px;
	width: 30px;
	height: 24px;
	outline: none !important;
	background-image: url('../assets/images/pages/nav-icon.svg');
	background-repeat: no-repeat;
}
header #header-login {
	position: absolute;
	top: 0;
	left: 15px;
	line-height: 39px;
	font-size: 10px;
}
header #header-login a {
	color: #999;
	text-decoration: underline;
}
header #header-login a:hover {
	color :#fbb900;
}
header #social-header {
	position: absolute;
	top: 0;
	right: 0;
}
header #social-header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 224px;
}
header #social-header ul li {
	margin: 0;
	padding: 0;
	float: left;
}
header #social-header ul li a {
	display: block;
    height: 39px;
	width: 32px;
	background-image: url('../assets/images/framework/social.gif');
	background-repeat: no-repeat;
}
header #social-header ul li a span {
	display: none;
}
header #social-header ul li a.share-fb {
	background-position: 0 0;
}
header #social-header ul li a.share-tw {
	background-position: -32px 0;
}
header #social-header ul li a.share-pi {
	background-position: -64px 0;
}
header #social-header ul li a.share-gl {
	background-position: -96px 0;
}
header #social-header ul li a.share-yt {
	background-position: -128px 0;
}
header #social-header ul li a.share-li {
	background-position: -160px 0;
}
header #social-header ul li a.share-rs {
	background-position: -192px 0;
}
header #social-header ul li a.share-fb:hover {
	background-position: 0 -39px;
}
header #social-header ul li a.share-tw:hover {
	background-position: -32px -39px;
}
header #social-header ul li a.share-pi:hover {
	background-position: -64px -39px;
}
header #social-header ul li a.share-gl:hover {
	background-position: -96px -39px;
}
header #social-header ul li a.share-yt:hover {
	background-position: -128px -39px;
}
header #social-header ul li a.share-li:hover {
	background-position: -160px -39px;
}
header #social-header ul li a.share-rs:hover {
	background-position: -192px -39px;
}

/* Footer */
footer {
	margin-top: 20px;
}
footer #footer-links {
	float: left;
	position: relative;
	min-height: 255px;
	background-color: #d4d9df;
}
footer #footer-links ul {
	margin: 26px 15px 0;
	padding: 0;
	list-style: none;
	float: left;
}
footer #footer-links ul li {
	margin: 0 0 20px;
	padding: 0;
	font-family: "HelveticaNeue-MediumCond", arial, verdana, sans-serif;
	font-size: 11px;
	color: #333;
}
footer #footer-links ul li h6 {
	margin: 0;
}
footer #footer-links ul li a {
	color: #666;
}
footer #footer-links ul li a:hover {
	color: #1caa9f;
	text-decoration: none;
}
footer #footer-newsletter {
	float: right;
	background-color: #fbb900;
	min-height: 255px;
	position: relative;
}
footer #footer-newsletter form {
	margin: 15px 10px 30px;
}
footer #footer-newsletter form h6 {
	color: #fff;
	font-family: "HelveticaNeue-MediumCond",arial,verdana,sans-serif;
	font-size: 28px;
	margin-bottom: 8px;
}
footer #footer-newsletter form p {
	color: #333;
    font-family: "HelveticaNeue-MediumCond",arial,verdana,sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
footer #footer-newsletter form #subscribe-email {
	width: 100%;
	margin-bottom: 12px;
}
footer #footer-newsletter form #subscribe-submit {
	border: none;
	width: 100%;
	border-top: 1px solid #333;
	border-bottom: 5px solid #333;
	text-align: left;
	line-height: 36px;
	font-family: "HelveticaNeue-MediumCond", arial, verdana, sans-serif;
	font-size: 19px;
	background-color: transparent;
	background-image: url('../assets/images/framework/button-yellow-plus.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
footer #footer-newsletter form #subscribe-submit:hover {
    color: #FFFFFF !important;
    background-position:right -42px !important;
}
footer #newsletter-links {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
footer #newsletter-links a {
	color: #fff;
	font-size: 10px;
	text-decoration: underline;
}
footer #footer-bottom {
	color: #666;
	font-size: 10px;
	margin: 15px 10px;
}

.check-input label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.check-input label a{
  text-decoration: underline;
}
.check-input label a:hover{
  color:#000;
}

.check-input input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

#scroll-top-button {
    cursor:pointer;
    display:none;
    position:fixed;
    width:20px;
    height:20px;
    bottom:40px;
    right:13px;
    font-size:30px;
    opacity:0.75;
}

/* Navigation */
#nav {
	max-width: 960px;
	margin: 10px auto 30px;
}
#nav > ul {
	margin: 0;
	padding: 0;
	list-style: none;
    text-align: center;
}
#nav > ul > li {
	display: inline-block;
	position: relative;
	margin: 0;
}
#nav > ul > li#mobile-login {
	display: none;
}
#nav > ul > li .space {
	display: none;
	position: absolute;
	top: 100%;
	left: 3px;
	right: 3px;
	border-top: 3px solid #e1e8f0;
	margin-top: -3px;
	z-index: 301;
}
#nav > ul > li:hover .space {
	display: block;
}
#nav > ul > li > a {
	display: block;
	height: 27px;
	background-image: url('../assets/images/framework/navigation_sprite.png');
	background-repeat: no-repeat;
	z-index: 300;
}
#nav > ul > li#nav1 > a {
	background-position: -5px 0;
	width: 80px;
}
#nav > ul > li#nav2 > a {
	background-position: -92px 0;
	width: 108px;
}
#nav > ul > li#nav3 > a {
	background-position: -207px 0;
	width: 110px;
}
#nav > ul > li#nav4 > a {
	background-position: -324px 0;
	width: 92px;
}
#nav > ul > li#nav5 > a {
	background-position: -423px 0;
	width: 65px;
}
#nav > ul > li#nav6 > a {
	background-position: -495px 0;
	width: 77px;
}
#nav > ul > li#nav7 > a {
	background-position: -579px 0;
	width: 56px;
}
#nav > ul > li#nav8 > a {
	background-position: -642px 0;
	width: 89px;
}
#nav > ul > li#nav1:hover > a, #nav > ul > li#nav1 > a.active {
	background-position: -5px -28px;
}
#nav > ul > li#nav2:hover > a, #nav > ul > li#nav2 > a.active {
	background-position: -92px -28px;
}
#nav > ul > li#nav3:hover > a, #nav > ul > li#nav3 > a.active {
	background-position: -207px -28px;
}
#nav > ul > li#nav4:hover > a, #nav > ul > li#nav4 > a.active {
	background-position: -324px -28px;
}
#nav > ul > li#nav5:hover > a, #nav > ul > li#nav5 > a.active {
	background-position: -423px -28px;
}
#nav > ul > li#nav6:hover > a, #nav > ul > li#nav6 > a.active {
	background-position: -495px -28px;
}
#nav > ul > li#nav7:hover > a, #nav > ul > li#nav7 > a.active {
	background-position: -579px -28px;
}
#nav > ul > li#nav8:hover > a, #nav > ul > li#nav8 > a.active {
	background-position: -642px -28px;
}
#nav > ul > li > a > span {
	display: none;
}
#nav > ul > li > ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 10px 30px;
	list-style: none;
	background-color: #e1e8f0;
	border: 3px solid #fbb900;
	margin-top: -3px;
	z-index: 299;
	text-align: left;
}
#nav > ul > li#nav7 > ul {
	left: auto;
	right: 0;
}
#nav > ul > li#nav8 > ul {
	left: auto;
	right: 0;
}
#nav > ul > li:hover > ul {
	display: block;
}
#nav > ul > li > ul > li {
	margin: 0;
	padding: 0 15px;
	background-image: url('../assets/images/framework/arrow.gif');
	background-repeat: no-repeat;
	background-position: center left;
	font-family: "HelveticaNeue-MediumCond",arial,verdana,sans-serif;
	font-size: 12px;
	white-space: nowrap;
	line-height: 22px;
}
#nav > ul > li > ul > li:first-child {
	margin-left: -15px;
}
#nav > ul > li > ul > li > a {
	color: #e3147c;
	text-decoration: none;
}
#nav > ul > li > ul > li > a:hover {
	color: #333;
}
#nav .close-btn {
  display: none;
}
.close-btn {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	height: 30px;
	background-image: url('../assets/images/pages/close-btn.svg');
	background-repeat: no-repeat;
}

/* Share box */
#share {
	position: fixed;
	left: 0;
	top: 70px;
	background-color: #fab800;
	background-image: url('../assets/images/framework/share.gif');
	background-repeat: no-repeat;
	height: 82px;
	width: 80px;
	z-index: 150;
}
#share-content {
	font-size: 10px;
	line-height: 12px;
	margin-left: 3px;
	width: 80px;
}
#share-content a {
	color: #fff;
}
#share-addthis-btn {
	cursor: pointer;
	float: left;
	height: 43px;
	width: 80px;
}
#share-addthis {
    display: none;
    position: absolute;
	right: -10px;
    top: 10px;
    width: 150px;
	margin-right: -150px;
    z-index: 100;
}
#share-addthis.active {
	display: block;
}




/* Slideshow */
#slideshow-container {
	position: relative;
	min-height: 320px;
}
#slideshow img {
	width: 100%;
}
#slideshow-prev {
	position: absolute;
	bottom: 80px;
	right: 40px;
	cursor: pointer;
	width: 40px;
	height: 80px;
	z-index: 40;
	margin-top: -40px;
	background-image: url('../assets/images/pages/scroll.jpg');
	background-repeat: no-repeat;
}
#slideshow-next {
	position: absolute;
	bottom: 80px;
	right: 0;
	cursor:pointer;
	width: 40px;
	height: 80px;
	z-index: 40;
	margin-top: -40px;
	background-image: url('../assets/images/pages/scroll.jpg');
	background-position: -40px 0;
	background-repeat: no-repeat;
}
#slideshow-pagination {
	position: absolute;
	bottom: 20px;
	right: 10px;
	z-index: 100;
	height: 8px;
}
#slideshow-pagination a {
	float: left;
	width: 8px;
	height: 8px;
	background-image: url('../assets/images/pages/pagination.gif');
	background-repeat: no-repeat;
	text-indent: -200px;
	margin-left: 3px;
	overflow: hidden;
	outline: none;
}
#slideshow-pagination a.activeSlide {
	background-position: 0 -8px;
}
.col-md-4 .logos {
	min-width: 320px;
}
.col-md-8 .logos {
	min-width: 640px;
}
.logos .logo {
	float: left;
	width: 80px;
	height: 80px;
}




.content-custom {
    border-top: 1px solid #333;
	margin-right: 15px;
}
.content-custom h2 {
	color: #fbb900;
	font-size: 28px;
	margin: 12px 0 5px;
	text-transform: none;
}
.content-custom h3 {
	color: #333;
	font-size: 12px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.content-custom img {
	margin-bottom: 12px;
	width: 100%;
}
.content-custom .content {
    min-height: 90px;
}
.content-custom .read-more {
	background-image: url('../assets/images/pages/readmorelg.png');
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	display: block;
	float: left;
	height: 42px;
	width: 305px;
}
.content-custom .read-more:hover {
	background-position: 0 -42px;
}
.content-custom .read-more-sm {
	background-image: url('../assets/images/pages/readmore.png');
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	display: block;
	float: left;
	height: 42px;
	width: 148px;
}
.content-custom .read-more-sm:hover {
	background-position: 0 -42px;
}
.content-custom .download-sm {
	background-image: url('../assets/images/pages/downloadsm.png');
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 42px;
	width: 148px;
}
.content-custom .download-sm:hover {
	background-position: 0 -42px;
}
.content-custom.made-by .roll {
	height: 160px;
	overflow: hidden;
	display: block;
	margin-bottom: 12px;
}
.content-custom.made-by .roll:hover img {
	margin-top: -160px;
}

/* Pagination */
#page-numbers ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#page-numbers li {
	display: inline-block;
	margin: 0 7px 0 0;
	padding: 0;
}
#page-numbers li.active a {
	color: #e3147d;
}

@media (max-width: 1010px) {
	#share {
		display: none;
	}
	.content-block.block-1 {
		min-height: 0;
	}
	.content-block.block-2 {
		min-height: 0;
	}
	.content-block-primary .content-text, .content-block-secondary .content-text, .content-block-success .content-text {
		 padding: 18px 15px;
	}
	.img-responsive.swap {
		display: none;
	}
	.content-custom.made-by .roll:hover img {
		margin-top: 0;
	}
	.col-md-4 .logos, .col-md-8 .logos {
		min-width: 320px;
	}
	
}
@media (max-width: 940px) {
	footer #footer-links ul {
		margin: 26px 2% 0;
		width: 21%;
	}
	footer #footer-newsletter form #subscribe-email {
		width: 50%;
	}
	footer #footer-newsletter form #subscribe-submit {
		width: 50%;
	}
	.modal-content {
		min-height: 0;
	}
}
@media (max-width: 720px) {
	#share {
		display: none;
	}
	header #header-login {
		display: none;
	}
	header #social-header {
		display: none;
	}
	header .nav-btn {
		display: block;
	}
	footer #footer-links {
		display: none;
	}
	footer #footer-newsletter form #subscribe-email {
		width: 100%;
	}
	footer #footer-newsletter form #subscribe-submit {
		width: 100%;
	}
	.modal-dialog {
		margin: 0 auto;
		padding-left: 17px;
		width: 100%;
	}
	.article-read-more {
		float: none;
		margin: 0 auto;
	}
	.article-watch-video {
		display: none;
	}
	.article-download {
		float: none;
		margin: 20px auto 0;
	}
	#nav {
		display: none;
	}
	.js-nav #nav {
		display: block;
		position: absolute;
		top: 0;
		width: 70%;
		height: 100%;
		margin: 0;
		background: #333;
		-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
		box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
	}
	.js-nav #nav > ul {
		text-align: left;
		margin-top: 50px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	.js-nav #nav > ul > li, #nav > ul > li#mobile-login  {
    	display: block;
	}
	.js-nav #nav > ul > li > a {
		background-image: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		font-family: "HelveticaNeue-MediumCond", arial, verdana, sans-serif;
		color: #fff;
		display: block;
		margin: 2px 0 0;
		padding: 5px 15px;
		font-size: 16px;
    	line-height: 26px;
		text-decoration: none;
		width: 100% !important;
		height: auto;
	}
	.js-nav #nav > ul > li > a > span {
		display: block;
	}
	.js-nav #nav > ul > li > ul > li.parent {
		display: none;
	}
	.js-nav #nav > ul > li .space {
		display: none;	
	}
	.js-nav #nav > ul > li > ul {
		position: static;
		background-color: transparent;
		border: none;
		margin: 0;
		padding: 0;
		display: block;
	}
	.js-nav #nav > ul > li > ul > li {
		margin: 0;
		padding: 0;
		background-image: none;
		font-size: 16px;
		line-height: 26px;
	}
	.js-nav #nav > ul > li > ul > li > a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		padding: 4px 15px 4px 30px;
		display: block;
		color: #fff;
	}
	.js-ready #nav .close-btn {
		display: block;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	.js-ready #nav {
		left: -70%;
	}
	.js-ready #page {
		left: 0;
	}
	.js-nav #page {
		left: 70%;
	}
	.csstransforms3d.csstransitions.js-ready #nav {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.csstransforms3d.csstransitions.js-ready #page {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.csstransforms3d.csstransitions.js-nav #page {
		-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
	}
}

@media (max-width: 500px) {
	header #logo img {
		max-width: 160px !important;
	}
	header .nav-btn {
		background-size: 70%;
	}
	footer #footer-bottom {
		text-align: center;
	}
	.modal-dialog {
		padding: 0;
	}
	#article-share {
		display: none;
	}
}