/* HTML5 RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul, ul li {list-style:none; list-style-type: none;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* GENERAL */
* {
	box-sizing: border-box;
	font-family: arial, Arial, sans-serif;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: auto;
	color: #000;
}
body.noscroll {
	overflow: hidden;
	position:fixed;
}
ul, li {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
}
h1 {
}
hr {
	height: 0;
	border: none;
	border-bottom: 2px solid #999999;
	width: 100%;
	margin: 0;
}
.blue hr,
hr.blue {
	border-bottom: 2px solid #3972C4;
}
a {
	color: #000;
	text-decoration: none;
}
#viewport {
	position: relative;
	min-height: 100%;
}

/* CLASSES */
.visible-s,
.visible-xs,
.visible-xxs {
	display: none!important;
}
.logo {
}
.bg-blue,
.button.bg-blue {
	background-color: #3972C4;
}
.bg-darkgrey {
	background-color: #999999;
}
.bg-lightgrey {
	background-color: #CCCCCC;
}
.black {
	color: #000;
}
.blue {
	color: #3972C4;
}
.grey {
	color: #999999;
}
.white {
	color: #fff;
}
.red {
	color: #ff0000;
}
.s15 {
	font-size: 15px;
	line-height: 20px;
}
.s16 {
	font-size: 16px;
	line-height: 20px;
}
.s20 {
	font-size: 20px;
	line-height: 25px;
}
.s25 {
	font-size: 25px;
	line-height: 25px;
}
.s35 {
	font-size: 35px;
	line-height: 35px;
}
.s40 {
	font-size: 40px;
	line-height: 40px;
}
.s45 {
	font-size: 45px;
	line-height: 50px;
}
.bold {
	font-weight: 700;
}
.mb3 {
	margin-bottom: 3px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb13 {
	margin-bottom: 13px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb55 {
	margin-bottom: 55px;
}
.mb59 {
	margin-bottom: 59px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt75 {
	margin-top: 75px;
}

.noimage {
	width: 100%;
}
.clear {
	clear: both;
}
.w200 {
	font-weight: 200;
} 
/* FORMS */
div.field {
	margin-bottom: 20px;
}
label {
	display: block;
	font-weight: 700;
}
div.field.error label {
	color: #ff0000;
}
input[type=text],
select {
	width: 100%;
	border: 2px solid #999999;
	min-height: 32px;
	padding: 5px;
	font-size: 13px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
input[type=text].w30 {
	width: 30%;
	float: left;
}
input[type=text].w50 {
	width: 50%;
	float: left;
}
input[type=text].w70 {
	width: 70%;
	float: left;
}
textarea#notes {
	width: 100%;
	min-height: 100px;
	resize:vertical;
	border: 2px solid #999999;
	font-size: 13px;
	padding: 5px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
a.button,
div.button,
button,
input[type="submit"] {
	background-color: #999999;
	border: none;
	min-height: 32px;
	width: 100%;
	color: #fff;
	cursor: pointer;
	text-align: left;
	font-size: 15px;
	line-height: 25px;
	font-weight: 700;
	padding: 5px 15px;
	text-decoration: none;
	display: inline-block;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	overflow: hidden;
}
a:focus,
button:focus {
	outline: none;
}
a.button span.attribute {
	font-weight: 400;
}
.button span.right {
	float: right;
	font-size: 35px;
	line-height: 26px;
	margin-right: -10px;
	font-weight: 200;
}
button.attribute1-value-button,
button.attribute2-value-button,
body.callback .button-callback-time-value {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
button.attribute1-value-button.unselected,
button.attribute2-value-button.unselected,
body.callback .button-callback-time-value.unselected {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.button-back,
.button-close-button {
	position: relative;
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
button.button-addmore,
a.button-addmore {
	height: 60px;
	padding-top: 10px;
	background-color: #CCCCCC;
	text-align: center;
	line-height: 16px;
}
button.button-addmore b,
a.button-addmore b {
	font-size: 30px;
}
a.button.small,
button.small {
	text-align: center;
	width: 53px;
	margin-right: 6px;
	margin-bottom: 6px;
}
a.button.double,
button.double {
	text-align: center;
	width: 112px;
	margin-right: 6px;
	margin-bottom: 6px;
}
a.button.full,
button.full {
	text-align: center;
	width: 100%;
	margin-right: 0;
	margin-bottom: 6px;
}
/* ROW */
div.row:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
div.row {
	margin: 0 auto;
	width: 100%;
	max-width: 880px;
}
div.padding {
	margin-left: -30px;
	margin-right: -30px;
	overflow: hidden;
}
div.row.float {
	width: 100%;
	max-width: 100%;
}
div.row.margin {
	margin: 80px auto;
}
div.row.margin-top {
	margin: 80px auto 0;
}
div.row.margin-bottom {
	margin: 0 auto 80px;
}
div.row.border-top {
	border-top: 2px solid #999999;
	margin-bottom: 30px;
}
/* COL + TABLE-CELL */
[class*="col-"] {
	position: relative;
	float: left;
}
[class*="col-"].centered {
	left: 25%;
}
div.padding [class*="col-"] {
	padding-left: 30px;
	padding-right: 30px;
}
div.padding [class*="col-"].no-padding {
	padding-left: 0;
	padding-right: 0;
}

div.col-100, div.table-cell-100 {
	width: 100%;
}
div.col-50, div.table-cell-50 {
	width: 50%;
}
div.col-45 {
	width: 45%;
}
div.col-10 {
	width: 10%;
}
div.col-0 {
	width: 0;
}
/* TABLE */
.table {
	display: table;
	width: 100%;
}
table.text td {
	padding: 0 10px 10px 0;
}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
.table-cell.middle {
	vertical-align: middle;
}
.table-cell.bottom {
	vertical-align: bottom;
}
.table-cell.center {
	text-align: center;
}
.table-cell.right {
	text-align: right;
}
table.selection {
	width: 100%;
}
table.selection tr {
	cursor: pointer;
}
table.selection td {
	padding: 8px 2px;
	vertical-align: top;
}
table.selection td.arrow {
	text-align: right;
	vertical-align: middle;
	font-size: 35px;
	color: #999999;
	padding-top: 4px;
}
table.selection td.w8 {
	width: 8px;
}
table.selection td.hr {
	padding: 8px 0;
}
/* HEADER */
#header {
	margin: 40px auto 30px;
	max-width: 880px;
	position: relative;
	height: 100px;
}
body.intro #header {
	display: none;
}
#logo {
	text-align: right;
}
#header .table {
	position: absolute;
	bottom: 0;
	height: 31px;
	display: block;
}
#header .table img {
	display: bl;
}
#header .nav#back a {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
#header .nav#breadcrumbs {

}
#header .nav#breadcrumbs ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #3974C4;	
	color: #fff;
}
#header .nav#breadcrumbs ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 31px;
	font-weight: 100;
}
#header .nav#breadcrumbs ul li.active {
	font-weight: 700;
}
#header .nav#breadcrumbs ul li a:hover {
	text-decoration: underline;
}
#header .nav#breadcrumbs ul li.splitter {
	width: 10px;
	font-size: 35px;
	line-height: 26px;
	vertical-align: top;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#header .nav#breadcrumbs ul li.splitter.active {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#header .nav#breadcrumbs ul li a {
	height: 31px;
	line-height: 31px;
	display: block;
	color: #fff;
	text-decoration: none;	
}
/* FOOTER */
#footer {
	position: fixed;
	z-index: 99;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	-webkit-overflow-scrolling: touch;
}
#footer .nav#navigation {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#footer .nav#navigation .table {
	height: 70px;
	padding: 0 40px;
	max-width: 450px;
	float: right;
}
#footer .nav#navigation a {
	color: #fff;
	text-decoration: none;
	height: 25px;
	display: inline-block;
	font-weight: 700;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#footer .nav#navigation a img {
	display: inline-block;
	vertical-align: middle;
}
#footer .nav#navigation .left a {
	margin-right: 20px;
}
#footer .nav#navigation .right a {
	margin-left: 20px;
}
/* MAIN */
#main {
	padding: 0 0 100px;
}
#main.intro {
	margin: 0 0 96px;
}
.nav.lines ul {
	border-top: 2px solid #000;
}
.nav.lines li {
	border-bottom: 2px solid #000;
}
.nav.lines li a,
.nav.lines li div.button-playmovie {
	display: block;
	padding: 15px 0;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.nav.lines.blue ul {
	border-top: 2px solid #3972C4;
}
.nav.lines.blue li {
	border-bottom: 2px solid #3972C4;
}
.nav.lines.blue li a {
	color: #3972C4;
}
.nav.lines.white ul {
	border-top: 2px solid #fff;
}
.nav.lines.white li {
	border-bottom: 2px solid #fff;
}
.nav.lines.white li div,
.nav.lines.white li a {
	display: block;
	padding: 15px 0;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
/* INTRO */
body.intro {
	min-height: 100%;
}

.article.intro {
	position: relative;
}
.article.intro.black {}
.article.intro.white {}
.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	max-width: 880px;
	max-height: 677px;
	width: 100%;
}
.overlay.agentimage {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	/* FOR IE PUT STANDARD HERE */
}
.overlay.agentname div {
	position: absolute;
	background-color: #3974C4;
	bottom: 0;
	height: 34px;
	width: 100%;
	padding: 8px 40px;
	text-align: right;
	font-size: 15px;
	color: #fff;
}
.overlay.logo img {
	margin: 40px 40px 0 0;
	width: 145px;
	height: 20px;
}
.article.intro .agent.image {}
.article.intro .content {
	margin-top: 10px;
	margin-left: 70px;
	margin-right: 70px;
}
.article.intro .content h1 {
	color: #3974C4;
	font-size: 100px;
	line-height: 100px;
	font-weight: 700;
	margin-top: 110px;
	margin-bottom: 40px;
}
.article.intro .content p {
	color: #fff;
	font-size: 16px;
	/*width: 50%; /*430px;*/
	/*margin-bottom: 34px;*/
	/*max-height: 200px;*/
	overflow: hidden;
}
.article.intro .content .nav.intro {
	width: 280px;
}
/*
.article.intro a {
	display: inline-block;
	font-weight: bold;
	color: #3972C4;
	width: 255px;
	margin-bottom: 20px;
	border-top: 2px solid #3972C4;
	border-bottom: 2px solid #3972C4;
	padding: 15px 0;
}
*/
/* PROMOTION */
#main.promotion div.promocontainer,
#main.promotion a.promotion {
	display: block;
	position: relative;
}
#main.promotion .item.addons.addons {
	min-height: 220px;
	background-color: #ccc;
	color: #fff;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
#main.promotion .item.product.addons .image {
	padding-top: 10px;
}
#main.promotion .item.product.addons.selected {
	background-color: #3972C4;
}
#main.promotion .item.product.addons .name {
	position: absolute;
	z-index: 5;
	top: 0;
	text-align: left;
	font-size: 30px;
	line-height: 35px;
	font-weight: 300;
	padding: 25px;
}
#main.promotion .item.product.addons .addtocart {
	position: absolute;
	z-index: 5;
	bottom: 0;
	padding: 25px;
	font-size: 15px;
}
#main.promotion .article.product .name,
#main.promotion .article.incentive .name {
	font-weight: 700;
	padding: 0 5px;
}
#main.promotion .article.product .hr.and,
#main.promotion .article.incentive .hr.and {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}
#main.promotion .article.product .hr.and .plus,
#main.promotion .article.incentive .hr.and .plus {
	font-size: 110px;
	color: #3972C4;
}
#main.promotion .article.product .hr.and .bg-plus,
#main.promotion .article.incentive .hr.and .bg-plus {
	position: absolute;
	margin: 0 auto;
	background-color: #fff;
	width: 80px;
	height: 20px;
	left: 50%;
	margin-left: -40px;
	top: -10px;
}
#main.promotion .article.product img.image,
#main.promotion .article.incentive img.image {
	width: 100%;
	vertical-align: bottom;
}
#main.promotion .article.product table,
#main.promotion .article.incentive table {
	width: 100%;
}
#main.promotion .article.product table tr td,
#main.promotion .article.incentive table tr td {
	padding: 0 0 20px 0;
}
#main.promotion .article.product table tr td.margin,
#main.promotion .article.incentive table tr td.margin {
	padding: 0 20px 20px 0;
}
#main.promotion .article.incentive .bonus {
	z-index: 9;
	position: absolute;
	width: 80px;
	height: 75px;
	top: 30px;
	right: 60px;
}
#main.promotion.configuration .article.incentive .bonus {
	top: 10px;
	right: 0px;
	width: 60px;
	height: 56px;
}
#main.promotion .article.incentive .bonustext {
	max-width: 80%;
	min-height: 50px;
}
#main.promotion .article .table-cell.caption {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding-bottom: 20px;
}
#main.promotion .plus,
#main.promotion .or {
	position: absolute;
	width: 100px;
	height: 100px;
	font-size: 200px;
	font-weight: 700;
	color: #fff;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	line-height: 0;
	height: 1px;
	width: 100%;
	text-align: center;
	z-index: 9;
}
#main.promotion .or {
	color: #3974C4;
	font-size: 35px;
	font-weight: 700;
	padding-top: 15px;
}
#main.promotion.cart .promotion-item-container {
	display: block;
	position: relative;
}
#main.promotion.cart .plus, 
#main.promotion.cart .or {
	font-size: 100px;
	color: #3974C4;
}
#main.promotion .goto {
	font-size: 20px;
	font-weight: 700;
	color: #3972C4;
	text-align: right;
	margin-top: 10px;
}
#main.promotion .goto i.arrow {
	float: none;
	width: 15px;
	height: 14px;
	background-size: 15px 14px;
}
#main.promotion div.attribute ul:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
#main.promotion div.attribute ul li {
	float: left;
}
#main.promotion div.attribute ul li.full {
	clear: both;
	float: none;
}
.slick {
	padding: 0 40px;
}
.slick.no-border {
	padding: 0;
}
.slick-prev {
	position: absolute;
	width: 40px;
	font-size: 35px;
	color: #999999;
	top: 0;
	left: 0;
	height: 100%;
	font-size: 0px;
	text-align: left;
	color: transparent;
	background-color: transparent;
	padding: 0;
}
.main.promotion.configuration .slick-prev {
	left: -50%;
}
.slick-prev:before {
	content: '‹';
	font-size: 35px;
	color: #999999;
	font-weight: 400;
	line-height: 16px;
}
.slick-next {
	position: absolute;
	width: 40px;
	font-size: 35px;
	color: #999999;
	top: 0;
	right: 0;
	height: 100%;
	font-size: 0px;
	text-align: right;
	color: transparent;
	background-color: transparent;
	padding: 0;
}
.main.promotion.configuration .slick-next {
	right: -50%;
}
.slick-next:before {
	content: '›';
	font-size: 35px;
	color: #999999;
	font-weight: 400;
	line-height: 16px;
}
a.icon img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
div.lightbox {
	z-index: 999;
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
div.lightbox img.terms-close-button,
div.lightbox img.attribute-close-button {
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
div.lightbox .table.close {
	height: 31px;
	margin: 0 auto 30px;
	background-color: #000;
	padding: 15px 15px 0;
}
div.lightbox .table.close .table-cell {
	height: 31px;
	vertical-align: middle;
}
div.lightbox div.background {
	position: fixed;
	background-color: #000;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
div.lightbox div.content {
	display: block;
	color: #fff;
}
a.button i.arrow,
div.button i.arrow,
button i.arrow,
input[type="submit"] i.arrow {
	margin-top: 8px;
}
i.arrow {
	float: left;
	display: inline-block;
	margin-top: 4px;
	margin-right: 5px;
	width: 10px;
	height: 9px;
	background-image: url(../images/arrow-white_2x.png);
	background-size: 10px 9px;
}
i.arrow.blue {
	background-image: url(../images/arrow-blue_2x.png);
}
i.arrow.black {
	background-image: url(../images/arrow-black_2x.png);
}
.hidden {
	display: none;
}

.article table.padded > tbody > tr > td:first-child {
 	padding: 0 48px 16px 0;
}
.dbtext h1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #000;
}
.dbtext ul {
	margin: 0;
	padding: 0;
	list-style: square;
	list-style-type: square;
}
.dbtext ul li {
	margin-left: 15px;
	padding: 0;
	list-style: square;
	list-style-type: square;
}
.dbtext ol li {
	margin-left: 20px;
	padding: 0;
}
ul.arrow {
	margin-left: 0;
	list-style: none;
}
ul.arrow li {
	position: relative;
    list-style-type: none;
    padding-left: 15px;
    margin-left: 0;
 	background-size: 10px 9px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
	color: #000;
    background-image: url(../images/arrow-black-thin_2x.png);
}
ul.arrow.blue li {
	color: #3972C4;
    background-image: url(../images/arrow-blue-thin_2x.png);
}
ul.arrow.white li {
	color: #fff;
    background-image: url(../images/arrow-white-thin_2x.png);
}
.dbtext a {
	color: #3972C4;
	font-weight: 700;
	white-space: nowrap;
}
.dbtext i.arrow {
	float: none;
	background-image: url(../images/arrow-blue_2x.png);
}
body.callback #main {
	padding-bottom: 0;
}
body.callback div.callback {
	padding-bottom: 100px;
}
body.callback .padding {
	padding: 0 40px;
}
body.callback .content-top {
	padding: 0 40px;
}
body.callback .agentbackground {
	margin: 0 auto;
	max-width: 880px;
	position: relative;
	height: 410px;

	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: right -80px; 
}
body.callback .back {
	cursor: pointer;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	margin-top: 100px;
}
.button-item {
	cursor: pointer;
}
.button-item.nocursor {
	cursor: default;
}
.button-item.unselected .image,
#main.promotion .or.unselected {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
@media all and (orientation:portrait) {
	.overlay.agentimage {
		background-size: auto 100%;
		background-position: bottom right;
	}
}

@media all and (orientation:portrait) and (max-width: 870px) {
	.bg-intro {
		background-color: red;
	}
}


@media all and (orientation:landscape) {
}

/* RESPONSIVE // TABLET */

@media only screen and (max-width: 940px) {
	#header {
		margin: 0 auto 50px;
	}

	div.padding {
		margin-left: 0;
		margin-right: 0;
		overflow: hidden;
	}
	div.padding.ignore-xs {
		margin-left: -30px;
		margin-right: -30px;
	}
	div.row.margin-m {
		border-left: 30px solid #fff;
		border-right: 30px solid #fff;
	}
	#main.promotion .article.incentive .bonus:not(.ignore-xs) {
		right: 15px;
	}
	body.callback .padding {
		padding: 0px;
	}
	body.callback .agentbackground {
		background-position: 70% -80px;
	}
	.dbtext h1 {
		font-size: 20px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 930px) {
	#logo,
	#header .table {
		padding: 0 30px;
	}
	#footer .nav#navigation .table {
		padding: 0 30px;
	}
	.overlay.logo img {
		margin: 40px 30px 0 0;
	}
	.overlay.agentname div {
		padding: 8px 30px;
	}
	.overlay.agentimage {
		background-position: bottom right;
	}
	.bg-intro {
		background-color: #303030;
	}

}
	
@media only screen and (max-width: 879px) {
	body {
		font-size: 15px;
		line-height: 20px;
	}
	.article.intro .content .nav.intro {
		width: 315px;
	}
	[class*="col-"] {
		float: left;
	}
	div.padding [class*="col-"] {
		padding-left: 30px;
		padding-right: 30px;
	}
	div.col-100:not(.ignore-xs), div.table-cell-100:not(.ignore-xs)  {
		width: 76%
	}
	div.col-50:not(.ignore-xs), div.table-cell-5:not(.ignore-xs) {
		width: 76%;
	}
	div.col-45:not(.ignore-xs) {
		width: 76%;
	}
	div.col-10:not(.ignore-xs) {
		width: 76%;
	}
	div.padding.ignore-xs div.col-50:not(.ignore-xs) {
		width: 50%;
	}
	.hidden-s {
		display: none;
	}
	.visible-s {
		display: block!important;
	}
	#main.promotion .article.incentive .bonus.configuration {
		width: 60px;
		height: 57px;
		top: 0!important	;
	}
	#main.promotion .article.incentive .bonus.configuration img {
		width: 60px;
		height: 57px;
	}
}

@media only screen and (max-width: 870px) {
	.overlay {
		max-height: none;
	}
	.article.intro .content {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		/*height: 410px;*/
	}
	.article.intro .content p {
		width: 70%;
	}
	.overlay.agentname {
		bottom: 70px;
		position: fixed;
	}
}

@media only screen and (max-width: 767px) {
	.article.intro .content h1 {
		font-size: 80px;
		line-height: 80px;
	}
	.visible-xs {
		display: block!important;
	}
	.hidden-xs {
		display: none;
	}
	#main {
		padding: 0 0 100px;
	}
	a.button i.arrow,
	div.button i.arrow,
	button i.arrow,
	input[type="submit"] i.arrow {
		margin-top: 10px;
	}
	a.button,
	div.button,
	button,
	input[type="submit"] {
		min-height: 30px;
		line-height: 30px;
		font-size: 17px;
	}
	button.button-addmore,
	a.button-addmore {
		margin-top: 0;
		height: 60px;
		padding-top: 10px;
		background-color: #CCCCCC;
		text-align: center;
		line-height: 16px;
	}
	div.attribute a.button.small,
	div.attribute button.small,
	div.attribute a.button.double,
	div.attribute button.double,
	div.attribute a.button.full,
	div.attribute button.full {
		width: 100%;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	#main.promotion.cart .plus,
	#main.promotion.cart .or {
		font-size: 45px;
	}
}

/* RESPONSIVE // SMARTPHONE */
@media only screen and (max-width: 568px) {
	[class*="col-"].centered {
		left: auto;
	}
	.overlay.agentimage {
		background-color: #303030;
		background-size: auto 60%;
		background-position: bottom right;
	}
	.overlay.agentimage.logout {
		background-size: 150% 100%;
	}
	#main {
		padding: 0;
	}
	div.padding [class*="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	div.padding.ignore-xs div.col-50:not(.ignore-xs) {
		width: 100%;
	}
	div.padding.ignore-xs {
		margin-left: -15px;
		margin-right: -15px;
	}
	body {
		font-size: 13px;
		line-height: 18px;
	}
	#header {
		height: 50px;
		margin: 0 auto 15px;
		background-color: #EBEBEB;
	}
	.article.intro .content .nav.intro {
		width: 170px;
	}
	.visible-xxs {
		display: block!important;
	}
	.hidden-xxs {
		display: none!important;
	}
	div.col-100:not(.ignore-xs) , div.table-cell-100:not(.ignore-xs)  {
		width: 100%
	}
	div.col-50:not(.ignore-xs) , div.table-cell-5:not(.ignore-xs) 0 {
		width: 100%;
	}
	div.col-45:not(.ignore-xs)  {
		width: 100%;
	}
	div.col-10:not(.ignore-xs)  {
		width: 100%;
	}
	div.row.margin-m {
		border: none;
	}
	div.row.margin-s {
		border-left: 30px solid #fff;
		border-right: 30px solid #fff;
	}

	#header .table {
		margin: auto;
		top: 0;
		bottom: 0;
	}
	#logo {
		display: none;
	}
	.dbtext h1 {
		font-size: 16px;
		line-height: 22px;
		color: #fff;
	}
	.dbtext ul li {
		margin-bottom: 12px;
	}
	.article.intro .content h1 {
		color: #3974C4;
		font-size: 45px;
		line-height: 50px;
		font-weight: 700;
		margin-top: 60px;
		margin-bottom: 25px;
	}
	.overlay.logo img {
		margin: 19px 15px 0 0;
		width: 80px;
		height: 11px;
	}
	#main.intro {
		margin: 0;
	}
	#main.promotion .plus,
	#main.promotion .or {
		font-size: 35px;
	}
	#main.promotion .article.incentive .bonustext {
		min-height: 20px;
	}
	#main.promotion .article.incentive .bonus:not(.ignore-xs) {
		width: 40px;
		height: 37px;
		right: 10px;
		top: 10px;	
	}
	#main.promotion .article.incentive .bonus:not(.ignore-xs) img {
		width: 40px;
		height: 37px;
	}
	#main.promotion .article.incentive .bonus.ignore-xs {
		width: 40px;
		height: 37px;
		top: 20px;
		right: 30px;
	}
	#main.promotion .article.incentive .bonus.ignore-xs img {
		width: 40px;
		height: 37px;
	}
	#footer .nav#navigation .table {
		height: 50px;
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding: 0;
	}
	#footer .nav#navigation .right a {
		margin-left: 0px;
	}
	#footer {
		dddisplay: none;
	}
	.overlay.agentname {
		display: none;
	}
	div.col-50:not(.ignore-xs) {
		width: 100%;
	}
	#main.promotion .article .table-cell.caption {
		font-size: 13px;
		line-height: 14px;
		padding-bottom: 10px;
	}

	div.lightbox .table.close {
		margin: 0 auto 15px;
	}
	div.row.margin-s {
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
	}
	div.field {
		margin-bottom: 10px;
	}
	body.callback .padding {
		padding: 0;
	}
	body.callback div.callback {
		padding: 0;
	}
	body.callback .text {
		width: 60%;
	}
	body.callback .back {
		margin-top: 15px;
	}
	body.callback .agentbackground {
		background-position: 85% -30px;
		background-size: 160%;
		height: 320px;
	}
	#main.promotion .article.product table tr td.margin,
	#main.promotion .article.incentive table tr td.margin {
		padding: 0 10px 10px 0;
	}
	#main.promotion .article.product table tr td,
	#main.promotion .article.incentive table tr td {
		padding: 0 0 10px 0;
	}
	#logo, #header .table {
		padding: 0 15px;
	}
	.button span.right {
		margin-top: 4px;
	}
	.article.intro .content .nav.intro {
		width: 280px;
	}
	.s15 {
		font-size: 15px;
		line-height: 20px;
	}
	.s16 {
		font-size: 16px;
		line-height: 20px;
	}
	.s20 {
		font-size: 16px;
		line-height: 25px;
	}
	.s35 {
		font-size: 35px;
		line-height: 35px;
	}
	.s40 {
		font-size: 20px;
		line-height: 25px;
	}
	.s45 {
		font-size: 25px;
		line-height: 30px;
	}
	.bold {
		font-weight: 700;
	}
	.mb3 {
		margin-bottom: 3px;
	}
	.mb5 {
		margin-bottom: 5px;
	}
	.mb10 {
		margin-bottom: 10px;
	}
	.mb13 {
		margin-bottom: 13px;
	}
	.mb15 {
		margin-bottom: 15px;
	}
	.mb20 {
		margin-bottom: 20px;
	}
	.mb25 {
		margin-bottom: 13px;
	}
	.mb30 {
		margin-bottom: 10px;
	}
	.mb35 {
		margin-bottom: 16px;
	}
	.mb40 {
		margin-bottom: 20px;
	}
	.mb50 {
		margin-bottom: 30px;
	}
	.mb55 {
		margin-bottom: 27px;
	}
	.mb59 {
		margin-bottom: 22px;
	}
	.mt20 {
		margin-top: 20px;
	}
	.mt30 {
		margin-top: 30px;
	}
	.mt35 {
		margin-top: 17px;
	}
	.mt40 {
		margin-top: 20px;
	}
	.mt75 {
		margin-top: 50px;
	}
}
/* RESPONSIVE // XXS SMARTPHONE */
@media only screen and (max-width: 372px) {
	#main.promotion .item.product.addons .name {
		font-size: 24px;
	}
	.overlay.agentimage {
		background-position: 85% 100%;
	}
	body.intro.private div.padding [class*="col-"] {
		padding-left: 7px;
	}
}
/* RETINA/HIRES */
@media (min--moz-device-pixel-ratio: 1.5),
		(-o-min-device-pixel-ratio: 3/2),
		(-webkit-min-device-pixel-ratio: 1.5),
		(min-resolution: 1.5dppx) {
}