body {
	background: none repeat scroll 0 0  rgba(40, 40, 40, 1);
	font-family:"Open Sans",Arial,sans-serif;
	color: #303030;
}

/* header */
header {
	background: url(/images/bg_header.jpg) no-repeat scroll center bottom rgb(37, 98, 177);
	background-size: cover;
}
	header .logo {
		float: left; 
		background: url(/images/msi_logo.png) no-repeat;
		width: 400px;
		height: 135px;
		margin: 0 0 0.5rem 0;
	}
	header i.social {
		margin: 0.6rem 0.2rem 0 0;
		box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.50) inset;
	}
	header i.social:hover {
		box-shadow: inset 0px 15px 20px -7px rgba(0,0,0,0.5);
		color: #fff;
	}
	header .phone {
		margin: 1rem 0.25rem 0.1rem 0;
		font-size: 1.2rem;
		font-weight: 600;
		color: #daeaf3;
		text-shadow: 2px 2px #2b5294;
		text-transform: uppercase;
	}

/* navigation */
nav {
	background: none repeat scroll 0 0 rgba(36, 80, 143, 1);
	box-shadow: 0px 3px 8px #032453 inset;
}
.sticky {
	transition: all 1.20s linear 0s;
	-o-transition: all 1.20s linear 0s;
	-ms-transition: all 1.20s linear 0s;
	-moz-transition: all 1.20s linear 0s;
	-webkit-transition: all 1.20s linear 0s;
}
.fixed {
	background: none repeat scroll 0 0 rgba(36, 80, 143, 1);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
.pagetop-sticky {
	background: url(/images/bg_header.jpg) no-repeat scroll center rgb(37, 98, 177);
	/* background: none repeat scroll 0 0 rgba(21, 60, 117, 1); */
	font-family: 'Century Gothic', Tahoma, Verdana, sans-serif;
	font-size: 1.2rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	text-shadow: 1px 1px #114784;
	padding: 0.4rem 0;
	display: none;
	box-shadow: 0px 3px 6px #032453;
}
.top-nav ul {
	margin: 0 auto;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
.top-nav li a {
	color: #fff;
	font-size: 1rem;
	padding: 1.1rem 1rem;
	border-top: 2px solid transparent;
	text-transform: uppercase;
	transition: all 0.40s linear 0s;
	-o-transition: all 0.40s linear 0s;
	-ms-transition: all 0.40s linear 0s;
	-moz-transition: all 0.40s linear 0s;
	-webkit-transition: all 0.40s linear 0s;
}
.top-nav li a:hover, .top-nav li.active-item a {
	background: none repeat scroll 0 0 rgba(21, 59, 106, 0.5);
	border-top: 2px solid #dfa30a;
	color: #f0cf85;
	position: relative;
}
.top-nav li a.order {
	background: none repeat scroll 0 0 rgba(223, 163, 10, 1);
	background: -moz-linear-gradient(top, #f1d564 0%, #eaa122 100%);
	background: -webkit-linear-gradient(top, #f1d564 0%,#eaa122 100%);
	background: -ms-linear-gradient(top, #f1d564 0%,#eaa122 100%);
	background: linear-gradient(to bottom, #f1d564 0%,#eaa122 100%);
	border-radius: 5px;
	box-shadow: 2px 2px 3px #204783, 0 1px 0 rgba(255, 255, 255, 0.50) inset;
	color: #204a87;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.5rem 1.2rem;
	margin: 0.6rem 0 0.6rem 1.4rem;
	border-top: none;
	text-transform: uppercase;
}
.top-nav li a.order:hover {
	background: none repeat scroll 0 0 rgba(223, 163, 10, 1);
	background: -moz-linear-gradient(top, #eaa122 0%, #f1d564 100%);
	background: -webkit-linear-gradient(top, #eaa122 0%,#f1d564 100%);
	background: -ms-linear-gradient(top, #eaa122 0%,#f1d564 100%);
	background: linear-gradient(to bottom, #eaa122 0%,#f1d564 100%);
}
ul.chevron .submenu > a:after {
	margin: 0 0 0 0.425rem;
}
.top-nav ul ul {
	background: none repeat scroll 0 0 #1f4a84;
}
.top-nav li ul li a {
	background: none repeat scroll 0 0 #1f4a84;
	border: none;
	padding: 0.3rem 1.25rem;
	text-transform: none;
	font-size: 0.9rem;
	color: #fff;
}
.top-nav li ul li.active-item a {
	border: none;
}
.top-nav li ul li a:hover {
	background: none repeat scroll 0 0 rgba(21, 59, 106, 0.7);
	border: none;
	color: #f0cf85;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}

/* content blocks */
.block {
	margin: 0 auto;
	clear: left;
}
	.block-promo {
		background: url(/images/bg_promo_globe.jpg) no-repeat scroll center center #c1bca9;
		background-size: cover;
		clear: both;
		padding: 0.8rem 1.5rem;
	}
	.block-title {
		background: none repeat scroll 0 0 #c1bca9;
		padding: 0.8rem 0.5rem;
	}
	.block-plain, .block-alt, .block-trans, .block-overlay, .block-stripe {
		text-align: center;
		padding: 1.5rem 0;
	}
	.block-plain {
		background: rgb(248, 248, 248);
	}
	.block-alt {
		background: rgb(240, 240, 240);
	}
	.block-trans {
		background: url(/images/bg_msi.jpg) no-repeat fixed top center #1b5a9a;
		background-size: cover;
		clear: both;
	}
	.block-trans h2 {
		font-family: 'Maven Pro', sans-serif;
		font-size: 2.1rem;
		color: #f1d462;
		font-weight: 900;
	}
	.block-trans p {
		color: #ececec;
	}
	.block-trans li {
		color: #ececec;
		font-size: 0.9rem;
		padding: 0.2rem;
	}
	.block-overlay {
		background: none repeat scroll 0 0 rgba(36, 80, 143, 0.5);
	}
	.block-map {
		background: rgb(255, 255, 255);
		height: 450px;
	}
	.block-stripe {
		background: url(/images/stripe.png) repeat fixed top center #aacbef;
		color: #295e97;
	}

.box {
	background: none repeat scroll 0 0 rgb(250, 250, 250);
	border-radius: 7px;
	padding: 0 1rem 1rem 1rem;
	box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.50) inset;
}
	.box-icon {
		display: inline-block;
		background: none no-repeat scroll center #fff;
		width: 64px;
		height: 64px;
		border-radius: 50%;
		margin-top: -1.9rem;
	}
	.box-icon-padding {
		padding-top: 4rem;
	}
	.box-icon.bi-hosting {
		background: url(../images/icon_hosting.png) no-repeat scroll center #3367a7;
	}
	.box-icon.bi-colo {
		background: url(../images/icon_colo.png) no-repeat scroll center #3367a7;
	}
	.box-icon.bi-backup {
		background: url(../images/icon_backup.png) no-repeat scroll center #3367a7;
	}
	.box-icon.bi-cloud {
		background: url(../images/icon_cloud.png) no-repeat scroll center #3367a7;
	}
	.box-icon.bi-repair {
		background: url(../images/icon_repair.png) no-repeat scroll center #3367a7;
	}
	.box-icon.bi-dedicated {
		background: url(../images/icon_dedicated.png) no-repeat scroll center #3367a7;
	}
	.box p.pbox {
		min-height: 5.1rem;
	}

.gallery-image {
	position: relative;
	display: inline-block;
}
	.gallery-overlay {
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border-radius: 7px;
		padding-top: 3.5rem;
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.gallery-overlay-play {
		padding: 0.7rem 1.4rem 0 0;
		text-align: right;
	}
	.gallery-overlay:hover {
		background: rgba(0, 0, 0, 0.15);
		color: rgba(255, 255, 255, 0.85);
	}
	.gallery-image:hover .gallery-overlay {
		opacity: 1;
	}
	#lightcase-overlay {
		background: #31465c;
   }

/* alignment & adjustments */
.clear {
	clear: both;
}
.nomargin {
	margin: 0;
}
.margin-top {
	margin-top: 1rem;
}
.nopadding {
	padding: 0;
}
.xpadding {
	padding: 0 1em;
}
.small {
	font-size: 0.8rem;
}
.blue {
	color: #214d8b;
}
.grayscale {
	filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

/* elements */
section h1 {
	font-size: 2.5rem;
	font-weight: 600;
	margin: 0;
}
section h2 {
	font-size: 1.9rem;
	color: #24508f;
	font-weight: 400;
	margin: 0 0 1.5rem 0;
}
section h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin: 0.8rem 0 0.5rem 0;
	color: #3367a7;
}
section h4 {
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom: 1.4rem;
}
section h5 {
	font-size: 1.3rem;
	font-weight: 400;
	margin: 0.2rem 0 0.1rem 0;
}
section p {
	font-size: 0.9rem;
	line-height: 1rem;
}
section hr {
	padding: 0;
	border: none;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(40, 40, 40,0.1), rgba(40, 40, 40,1), rgba(40, 40, 40,0.1));
	background-image: -moz-linear-gradient(left, rgba(40, 40, 40,0.1), rgba(40, 40, 40,1), rgba(40, 40, 40,0.1));
	background-image: -ms-linear-gradient(left, rgba(40, 40, 40,0.1), rgba(40, 40, 40,1), rgba(40, 40, 40,0.1));
	background-image: -o-linear-gradient(left, rgba(40, 40, 40,0.1), rgba(40, 40, 40,1), rgba(40, 40, 40,0.1));
	color: #2a2a2a;
	margin: 0.4rem auto;
	width: 90%;
}
section img.edge {
	border-radius: 7px;
}
section img.circle {
	border-radius: 50%;
}
section img.scale {
	width:100%; 
	height: auto;
}
section img.inline {
    display: inline-block;
    margin: 0.5rem 1rem;
}
section em {
	font-style: normal;
	font-weight: 700;
}
section mark {
	background: none;
	color: #929292;
	font-style: italic;
}
a, a:link, a:visited, a:active {
   text-decoration: none;
   color: #b68f0a;
}
a.alt, a.alt:link, a.alt:visited, a.alt:active {
   text-decoration: none;
   color: #3581cf;
}
a.black, a.black:link, a.black:visited, a.black:active {
   text-decoration: none;
   color: #303030;
}
a.white, a.white:link, a.white:visited, a.white:active, a.white:hover {
   text-decoration: none;
   color: #FFF;
}
a:hover, a.alt:hover, a.black:hover {
   text-decoration: none;
   color: #3363a8;
}
a.overlay, a.overlay:link, a.overlay:visited, a.overlay:active {
   text-decoration: none;
   color: #3363a8;
}
a.overlay:hover {
   text-decoration: none;
   color: #f2f2f2;
}
a.button.blue, a.button.blue:link, a.button.blue:active, a.button.blue:visited {
	background: none no-repeat scroll center #2a5a9d;
	font-family: 'Century Gothic', Tahoma, Verdana, sans-serif;
	color: #f1d462;
	font-weight: bold;
	font-style: italic;
	margin-top: 1rem;
	border-radius: 3px;
	font-size: 1.1rem;
}
a.button.blue:hover {
	background: #1c4783;
}
a.button.yellow, a.button.yellow:link, a.button.yellow:active, a.button.yellow:visited {
	font-size: 1rem;
	font-weight: 600;
	border-radius: 4px;
	padding: 6px 10px;
	margin: 0.5rem 0.2rem;
	background: #edba42;
	background: -moz-linear-gradient(top, #f1d564 0%, #eaa122 100%);
	background: -webkit-linear-gradient(top, #f1d564 0%, #eaa122 100%);
	background: -ms-linear-gradient(top, #f1d564 0%, #eaa122 100%);
	background: linear-gradient(to bottom, #f1d564 0%, #eaa122 100%);
	border: #dc9315 1px solid;
	color: #2c5999;
	text-shadow: 1px 1px #f3e198;
	box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.50) inset;
	-o-animation-duration: 0.4s;
	-ms-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
}
a.button.yellow:hover {
	background: #e5ac27;
	background: -moz-linear-gradient(top, #eaa122 0%, #f1d564 100%);
	background: -webkit-linear-gradient(top, #eaa122 0%, #f1d564 100%);
	background: -ms-linear-gradient(top, #eaa122 0%, #f1d564 100%);
	background: linear-gradient(to bottom, #eaa122 0%, #f1d564 100%);
	box-shadow: none;
}
a.button.silver, a.button.silver:link, a.button.silver:active, a.button.silver:visited {
	font-size: 1rem;
	font-weight: 600;
	border-radius: 4px;
	padding: 6px 10px;
	margin: 0.5rem 0.2rem;
	background: #dcdcdc;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #d3d3d3 100%);
   background: -webkit-linear-gradient(top, #e7e7e7 0%, #d3d3d3 100%);
   background: -ms-linear-gradient(top, #e7e7e7 0%, #d3d3d3 100%);
   background: linear-gradient(to bottom, #e7e7e7 0%, #d3d3d3 100%);
	border: #bbbbbb 1px solid;
	color: #577197;
	text-shadow: 1px 1px #f8f8f8;
	box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.50) inset;
	-o-animation-duration: 0.4s;
	-ms-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-webkit-animation-duration: 0.4s;
}
a.button.silver:hover {
	background: #e5ac27;
	background: -moz-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: -ms-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: linear-gradient(to bottom, #d3d3d3 0%, #e7e7e7 100%);
	box-shadow: none;
}
ul.checklist, ul.arrowlist {
	list-style: none;
}
ul.checklist li:before {    
   font-family: "sli";
   content: "\e080";
   margin-right: 0.3rem;
}
ul.arrowlist li:before {    
   font-family: "mfg";
   content: "\21C9";
   margin-right: 0.3rem;
}
table {
	background: none repeat scroll 0 0 #e4e4e4;
	border: 1px solid #cccccc;	
	text-align: center;
}
	table thead {
		background: #24558f;
		background: -moz-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
		background: -webkit-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
		background: -ms-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
		background: linear-gradient(to bottom, #2a64a8 0%, #1d4573 100%);
		color: #efc44f;
		border-left: 1px solid #4f86c5;
	}
	th {
   	border-right: 1px solid #4f86c5;
	}
	td {
		border-right: 1px solid #cccccc;
		width: 16.6%;
	}
	td.skinny {
		width: 10%;
	}
	table tr:nth-of-type(2n) td {
		border-right: 1px solid #cccccc;
	}
	table tr:nth-of-type(2n) { /* row 2 col 1 */
		background: none repeat scroll 0 0 #f0f0f0;
   }
	td:nth-child(even) { /* row 1 col 2 */
		background: #d6d9e3 none repeat scroll 0 0;
	}
	table tr:nth-of-type(2n) td:nth-child(even) { /* row 2 col 2 */
		background: none repeat scroll 0 0 #e4e5f3;
   }
fieldset {
	border: #dedede 1px solid;
	border-radius: 5px;
	padding: 0.4rem;
	margin: 1rem 0;
	font-size: 0.85rem;
}
legend {
	margin-left: 2rem;
	padding: 0 0.2rem;
	font-family: 'Century Gothic', Tahoma, Verdana, sans-serif;
	font-size: 0.75rem;
	color: #a2a2a2;
	font-weight: 600;
}

/* social icons */
i.social {
	background: none repeat scroll 0 0 #4e4e4e;
	border-radius: 5px;
	color: #ededed;
	font-size: 1.2rem;
	text-align: center;
	display: inline-block;
	line-height: 40px;
	width: 40px;
	transition: all 0.30s linear 0s;
	-o-transition: all 0.30s linear 0s;
	-ms-transition: all 0.30s linear 0s;
	-moz-transition: all 0.30s linear 0s;
	-webkit-transition: all 0.30s linear 0s;
}
i.facebook {
	background-color: #56749a;
}
i.twitter {
	background-color: #63a0a6;
}
i.google {
	background-color: #aa3030;
}
i.linkedin {
	background-color: #497ea1;
}
i.instagram {
	background-color: #c21b75;
}

/* title */
#title {
	position: relative;
	overflow: hidden;
}
	#title h1 {
		color: #133a6c;
		font-size: 1.7rem;
		font-weight: 700;
		margin-top: 0.2rem;
		line-height: 1.8rem;
	}
	#title h1:before {    
	   font-family: "sli";
	   content: "\e034";
	   color: #9d9781;
	   margin-right: 0.4rem;
	}
	#title h2 {
		font-size: 1.1rem;
		color: #57523e;
		font-weight: 300;
		margin: 0.2rem 0 0 0.9rem;
		text-transform: uppercase;
	}

/* promo */
#promo {
	min-height: 18rem;
	position: relative;
	overflow: hidden;
}
	#promo h1 {
		color: #133a6c;
		font-family: 'Maven Pro', sans-serif;
		font-size: 2.4rem;
		font-weight: 900;
		margin: 0.3rem 0;
		-o-animation-duration: 0.8s;
		-ms-animation-duration: 0.8s;
		-moz-animation-duration: 0.8s;
		-webkit-animation-duration: 0.8s;
	}
	#promo p {
		font-style: italic;
		-o-animation-duration: 2s;
		-ms-animation-duration: 2s;
		-moz-animation-duration: 2s;
		-webkit-animation-duration: 2s;
	}
	#promo a.button {
		font-size: 1rem;
		font-weight: 600;
		border-radius: 4px;
		padding: 6px 10px;
		margin-top: 0.5rem;
		background: #edba42;
		background: -moz-linear-gradient(top, #f1d564 0%, #eaa122 100%);
		background: -webkit-linear-gradient(top, #f1d564 0%, #eaa122 100%);
		background: -ms-linear-gradient(top, #f1d564 0%, #eaa122 100%);
		background: linear-gradient(to bottom, #f1d564 0%, #eaa122 100%);
		border: #dc9315 1px solid;
		color: #2c5999;
		text-shadow: 1px 1px #f3e198;
		box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.50) inset;
		-o-animation-duration: 0.4s;
		-ms-animation-duration: 0.4s;
		-moz-animation-duration: 0.4s;
		-webkit-animation-duration: 0.4s;
	}
	#promo a.button:hover {
		box-shadow: none;

	}

	#promo .timer1 {
		-o-animation-delay: 0.2s;
		-ms-animation-delay: 0.2s;
		-moz-animation-delay: 0.2s;
		-webkit-animation-delay: 0.2s;
	}
	#promo .timer2 {
		-o-animation-delay: 0.7s;
		-ms-animation-delay: 0.7s;
		-moz-animation-delay: 0.7s;
		-webkit-animation-delay: 0.7s;
	}
	#promo .timer3 {
		-o-animation-delay: 1.4s;
		-ms-animation-delay: 1.4s;
		-moz-animation-delay: 1.4s;
		-webkit-animation-delay: 1.4s;
	}
	#promo .timer4 {
		-o-animation-delay: 1.7s;
		-ms-animation-delay: 1.7s;
		-moz-animation-delay: 1.7s;
		-webkit-animation-delay: 1.4s;
	}
	#promo .timer5 {
		-o-animation-delay: 2.0s;
		-ms-animation-delay: 2.0s;
		-moz-animation-delay: 2.0s;
		-webkit-animation-delay: 1.9s;
	}
	#promo .timer6 {
		-o-animation-delay: 2.3s;
		-ms-animation-delay: 2.3s;
		-moz-animation-delay: 2.3s;
		-webkit-animation-delay: 2.6s;
	}

/* faqs */
#faqs {
	position: relative;
}
	#faqs dt { 
		background: rgba(235, 235, 235, 0.5);
		margin-bottom: 0.7rem;
		cursor: pointer;
		padding: 0.6rem;
		border: #dbdbdb 1px solid;
		border-radius: 5px;
		color: #505050;
	}
	#faqs dt:before {    
	   font-family: "mfg";
	   content: "\21C9";
	   margin-right: 0.4rem;
	}
	#faqs dt:hover { 
		color: #828282;
		border: #939393 1px solid;
		transition: all 0.20s linear 0s;
		-o-transition: all 0.20s linear 0s;
		-ms-transition: all 0.20s linear 0s;
		-moz-transition: all 0.20s linear 0s;
		-webkit-transition: all 0.20s linear 0s;
	}
	#faqs dt.open:before	{ 
		font-family: "mfg";
	   content: "\21CA";
	   margin-right: 0.5rem;
	}
	#faqs dd { 
		margin: 0 0 1.5rem 1rem;
	}
	#faqs dd *:first-child { 
		margin-top: 0;
		padding-top: 0;
	}

/* comments */
#comments {
	position: relative;
}
	#comments .post {
		position: relative;
		padding: 0.6rem;
		min-height: 6rem;
		background: #e9e9e9;
		border-radius: 7px;
	}
	#comments .post span {
		border-top: 30px solid #e9e9e9;
		border-left: 40px solid transparent;
		top: 20px;
		left: -40px;
		color: transparent !important;
		height: 0;
		width: 0;
		position: absolute;
	}
	#comments .loading {
		text-align: center;
		clear: both;
		display: none;
	}

/* div based table */
.table-head {
	background: #24558f;
	background: -moz-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: -ms-linear-gradient(top, #d3d3d3 0%, #e7e7e7 100%);
	background: linear-gradient(to bottom, #2a64a8 0%, #1d4573 100%);
	border-radius: 5px 5px 0 0;
	color: #dfded2;
	font-size: 1.1rem;
	padding: 1rem 0.25rem;
	text-align: center;
}
	.table-head h3 {
		color: #dfded2;
		margin: 0.2rem 0;
		padding-bottom: 0.5rem;
		border-bottom: #174880 1px solid;
		box-shadow: 0 1px 0 #4f86c5;
		text-transform: uppercase;
	}
	.table-head h4 {
		color: #ecaf34;
		margin: 0;
		font-size: 1.3rem;
		font-weight: 600;
	}
	.table-head h5 {
		color: #dfded2;
		margin: 0.7rem 0 0 0;
		font-size: 0.9rem;
		text-transform: uppercase;
	}
	.table-head p {
		color: #ecaf34;
		line-height: 0.7rem;
		font-size: 0.7rem;
	}
.table-col {
	background: #e4e4e4 none repeat scroll 0 0;
	border-radius: 0 0 5px 5px;
	color: #3e3e3e;
	text-align: center;
	margin-bottom: 0.9rem;
}
	.table-col li {
		border-top: 1px solid rgba(200, 200, 200, 0.8);
		list-style: outside none none;
		padding: 0.8rem;
	}
	.table-col li:nth-child(even) {
		background: #dddddd none repeat scroll 0 0;
	}
	.table-col li span {
		font-size: 0.8rem;
	}
	.table-col li p.price {
		font-size: 0.9rem;
		font-weight: 600;
		color: #2760a2;
	}
	.table-col i, i.green {
		color: #57b100;
		margin-right: 0.3rem;
	}
	.table-col i.icon-cross_mark, i.red {
		color: #9f1c0e;
	}
	.table-col li a.button.yellow {
	  display: block;
	  margin: 0;
	  padding: inherit;
	  width: 100%;
	}









footer {
	background: none repeat scroll 0 0 rgb(40, 40, 40);
}
	footer #footer-data {
		background: url(../images/bg_footer.png) repeat scroll center center rgb(40, 40, 40);
		padding-top: 1.5rem;
		border-bottom: 1px solid #343434;
		box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7);
	}
	footer #footer-data a, footer #footer-data a:link, footer #footer-data a:visited, footer #footer-data a:active {
		text-decoration: none;
		color: #e5e5e5;
	}
	footer #footer-data a:hover {
	   color: #efc854;
	}
	footer p {
		color: #fff;
	}
	footer h4 {
		font-family: 'Century Gothic', Tahoma, Verdana, sans-serif;
		font-size: 1.2rem;
		color: #317ecc;
		text-transform: uppercase;
		font-weight: bold;
		font-style: italic;
		margin: 0 0 0.3rem 0;
		text-shadow: 1px 1px #000;
	}
	footer h5 {
		margin: 0;
		color: #b5b5b5;
		font-size: 1rem;
		padding-left: 0.3rem;
		border-left: #444444 8px solid;
	}
	footer .icontab {
		width: 24px; 
		display: inline-block;
		color: #b1b1b1;
	}
	footer i.social {
		margin: 0 0.2rem 1rem 0rem;
		box-shadow: inset 0px 15px 20px -7px rgba(0,0,0,0.5);
	}
	footer i.social:hover {
		background-color: #545454;
		color: #fff;
	}
	footer ul.quicklinks {
		list-style: none;
		padding: 0;
		margin: 0.2rem 0 1rem 0.2rem;
	}
	footer ul.quicklinks li {
		font-family: Verdana, Tahoma, sans-serif;
		font-size: 0.8rem;
		line-height: 0.9rem;
		font-variant: small-caps;
		text-shadow: 1px 1px #000;
	}
	footer ul.quicklinks li:before {    
	   font-family: "mfg";
	   content: "\E002";
	   color: #efc854;
	   margin-right: 0.3rem;
	}
	footer #footer-legal {
		padding: 1.2rem 0;
		text-align: center;
	}
	footer #footer-legal p, footer #footer-legal a, footer #footer-legal a:hover {
		font-size: 0.8rem;
		color: #6a6a6a;
	}

@media screen and (max-width: 1024px) {
	.top-nav li a {
		font-size: 0.9rem;
		padding: 1.1rem 0.5rem;
	}
	.top-nav li a.order {
		font-size: 0.9rem;
		font-weight: 600;
		padding: 0.3rem 1rem;
		margin: 0.9rem 0 0 0.5rem;
	}
	#promo h1 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 768px) {
	.pagetop-mobile {
		background: url(../images/bg_header.jpg) no-repeat fixed center 0 / 100% auto  rgb(37, 98, 177);
		text-align: center;
		font-family: 'Century Gothic', Tahoma, Verdana, sans-serif;
		font-size: 1.3rem;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		font-style: italic;
		letter-spacing: 0.1rem;
	}
	nav {
		line-height: 3.2rem;
	}
	.fixed {
		position: relative;
	}
	.nav-text {
		background: none repeat scroll 0 0 rgba(223, 163, 10, 1);
		background: -moz-linear-gradient(top, #f1d564 0%, #eaa122 100%);
		background: -webkit-linear-gradient(top, #f1d564 0%,#eaa122 100%);
		background: -ms-linear-gradient(top, #f1d564 0%,#eaa122 100%);
		background: linear-gradient(to bottom, #f1d564 0%,#eaa122 100%);
		box-shadow: 0px 3px 4px #be851c inset;
		margin: 0;
		line-height: 3rem;
		color: #133960;
	}
	.nav-text:after {
		font-size: 1.5rem;
		margin-left: 0;
	}
	.top-nav ul {
		margin: 0 auto;
	   width: initial;
	}
	.top-nav li a {
		background: none repeat scroll 0 0 #1f4a87;
		color: #f4f4f4;
		border-top: 1px solid #102f5a;
		font-size: 1rem;
		padding: 0.7rem;
		text-align: center;
		text-transform: none;
	}
	.top-nav li a:hover, .top-nav li.active-item a {
		background: none repeat scroll 0 0 #194076;
		color: #f0cf85;
		border-top: 1px solid #102f5a;
	}
	.top-nav ul ul {
		background: none repeat scroll 0 0 #3a6ab2;
	}
	.top-nav li ul li a {
		background: none repeat scroll 0 0 #3a6ab2;
		border: none;
		padding: 0.5rem;
		text-transform: none;
		font-size: 0.9rem;
		color: #ffd7e4;
		border-top: 1px solid #194076;
	}
	.top-nav li ul li a:hover {
		background: #194076;
		border-top: 1px solid #194076;
		color: #d89214;
	}
	.block-trans {
		background: none repeat scroll 0 0  rgba(42, 90, 157, 1);
	}
	.block-trans h2 {
		font-family: 'Maven Pro', sans-serif;
		font-size: 1.8rem;
		color: #f1d462;
		font-weight: 900;
	}
	.box {
		margin-top: 3rem;
	}
	.box-notop {
		margin-top: 0rem;
	}
	#title h1 {
		font-size: 1.4rem;
	}
	#title h2 {
		font-size: 0.9rem;
	}
}