html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
:focus {
	outline: 0
}
ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear {
	clear: both;
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
border:0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline: none;
}
body {
	background: #ffffff;
	background-attachment: fixed;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #717171;
	font-size: 13px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.99);
}
html, body {
	height: 100%;
}
#body-wrapper {
	background: none repeat scroll 0 0 #03499F;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -80px 0;
}
.push {
	height: 80px;
}
a {
	text-decoration: none;
	color: #000000;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
}
a:hover {
	color: #FF7400;
}
p {
	line-height: 24px;
	font-size: 13px;
	
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Museo500';
	color: #7da1bc;
	font-weight: normal;
}
h1 {
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 15px;
}
h2 {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 10px;
}
h3 {
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 8px;
}

h3.modal-gm3s {
	color: #ffffff;
}

h4 {
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 6px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 5px;
}
h6 {
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 4px;
}
span.date {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: block;
	font-size: 11px;
	color: #b2b2b2;
}
.hr {
	background: transparent url(style/images/line1.png) repeat-x bottom center;
	height: 1px;
	padding: 25px 0 0 0;
	margin-bottom: 25px;
}
ul {
	line-height: 24px;
	overflow: hidden;
}
/*ul li {
	background: transparent url(style/images/bullet.png) left 10px no-repeat;
	padding-left: 26px;
	padding-top: 5px;
}*/
ul.notes {
	padding-top: 5px;
}
ul.notes li {
	margin-top: 10px;
}
ul.notes li:first-child {
	margin-top: 0;
}
ol {
	list-style: decimal;
	list-style-position: outside;
	line-height: 24px;
}
ol li {
	padding: 0;
	margin: 0;
}
#social {
	background: transparent url(style/images/pattern.jpg) repeat-y;
	position: fixed;
	top: 200px;
	right: 0;
	width: 16px;
	padding: 12px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
	z-index: 1000;
}
#social ul {
	line-height: 0;
}
#social ul li {
	background: none;
	padding: 0;
	margin-top: 12px;
	height: 16px;
	display: block;
}
#social ul li:first-child {
	margin: 0;
}
#intro-wrapper {
	background: #ffffff url(style/images/intro_bg2.jpg) repeat-x;
	min-width: 900px;
	overflow: hidden;
	color: #404040;
}
#intro {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#intro {
	text-shadow: none;
}
#header {
	margin: 0 auto;
	padding: 25px 0 10px 10px;
	position: relative;
	width: 900px;
}
#header:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.logo {
	float: left;
}
.nav {
	float: right;
	list-style: none;
	position: absolute;
	top: 32px;
	right: 10px;
}
.nav li {
	padding: 0;
	background: none;
	float: left;
	margin-left: 10px;
	font-family: 'Museo500';
}
.lite1 {
	color: #FF7500;
}
.lite2 {
	border-bottom: 1px dotted #717171;
}
.borderline {
	padding: 30px 0 0 0;
}
.dropcap {
	display: block;
	float: left;
	font-size: 45px;
	padding: 0;
	margin: 0;
	margin: 10px 8px 3px 0;
	font-family: 'Museo500';
}
.play {
	background: url("style/images/play.png") no-repeat scroll center center transparent;
	height: 274px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 431px;
	z-index: 100;
}
.droid.play {
	position: absolute;
	top: 75px;
	left: 79px;
	z-index: 100;
	background: transparent url(style/images/play.png) no-repeat center center;
	width: 241px;
	height: 402px;
}
.iphone-big {
	background: transparent url(style/images/iphone1.png) no-repeat;
	width: 396px;
	height: 604px;
	float: left;
	position: relative;
	z-index: 5;
}
.iphone-big img {
	width: 261px;
	height: 390px;
	background-color: white;
	display: block;
	position: absolute;
	right: 66px;
	top: 103px;
}
.iphone-small {
	background: transparent url(style/images/iphone2.png) no-repeat;
	width: 356px;
	height: 543px;
	float: left;
	position: absolute;
	right: -40px;
	bottom: 1px;
	z-index: 1;
}
.iphone-small img {
	width: 235px;
	height: 350px;
	background-color: white;
	display: block;
	position: absolute;
	right: 60px;
	top: 94px;
}
.iphone-big span {
	background: transparent url(style/images/light1.png) no-repeat;
	width: 156px;
	height: 450px;
	position: absolute;
	top: 7px;
	right: 48px;
}
.iphone-small span {
	background: transparent url(style/images/light2.png) no-repeat;
	width: 156px;
	height: 450px;
	position: absolute;
	top: 5px;
	right: 27px;
}
.droid-big {
	background: transparent url(style/images/droid1.png) no-repeat;
	width: 396px;
	height: 597px;
	float: left;
	position: relative;
	z-index: 5;
}
.droid-big img {
	width: 241px;
	height: 402px;
	background-color: white;
	display: block;
	position: absolute;
	right: 76px;
	top: 75px;
}
.droid-small {
	background: transparent url(style/images/droid2.png) no-repeat;
	width: 356px;
	height: 525px;
	float: left;
	position: absolute;
	right: -90px;
	bottom: 4px;
	z-index: 1;
}
.droid-small img {
	width: 210px;
	height: 350px;
	background-color: white;
	display: block;
	position: absolute;
	right: 72px;
	top: 68px;
}
.droid-big span {
	background: transparent url(style/images/ref1.png) no-repeat;
	width: 170px;
	height: 489px;
	position: absolute;
	top: 32px;
	left: 62px;
}
.droid-small span {
	background: transparent url(style/images/ref2.png) no-repeat;
	width: 153px;
	height: 430px;
	position: absolute;
	top: 25px;
	left: 57px;
}
.slider-wrapper {
	overflow: hidden;
	background: transparent url(style/images/shadow.png) no-repeat bottom center;
	height: 407px;
	width: 974px;
	margin-left: -37px;
}
.theme-default #slider {
	width: 900px;
	height: 400px;
	margin: 0 auto;
}
.theme-default .nivoSlider {
	position: relative;
	background: #2a2a2a url(style/images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.theme-default .nivoSlider a {
	border: 0;
	display: block;
}
.theme-default .nivo-controlNav {
	position: absolute;
	left: 50%;
	bottom: -42px;
	margin-left: -40px;
}
.theme-default .nivo-controlNav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(style/images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.theme-default .nivo-controlNav a.active {
	background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(style/images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
.theme-default a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
.theme-default a.nivo-prevNav {
	left: 15px;
}
.theme-default .nivo-caption {
	padding: 2px 5px 0 5px;
	width: 890px;
}
.theme-default .nivo-caption a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
	color: #fff;
}
/*
a.button {
	text-align: center;
	background: #ac5f69 url(style/images/button.png) repeat-x left center;
	padding: 0 25px 0 25px;
	height: 30px;
	line-height: 29px;
	color: #f3f3f3;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.40);
	font-size: 14px;
	border: 1px solid #642830;
	display: inline-block;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	font-family: 'CharisSILItalic';
	cursor: pointer;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
a.button:hover {
	background-color: #bb7881;
	color: #f3f3f3;
}
a.button.blue {
	background-color: #629ac4;
	color: #f3f3f3;
	border: 1px solid #3b6c91;
}
a.button.blue:hover {
	background-color: #73aad3;
	color: #f3f3f3;
}
a.button.green {
	background-color: #55a598;
	color: #f3f3f3;
	border: 1px solid #2b7569;
}
a.button.green:hover {
	background-color: #69b5a9;
	color: #f3f3f3;
}
a.button.lime {
	background-color: #9fb466;
	color: #f3f3f3;
	border: 1px solid #70843b;
}
a.button.lime:hover {
	background-color: #b0c37c;
	color: #f3f3f3;
}
a.button.red {
	background-color: #ac5f69;
	color: #f3f3f3;
	border: 1px solid #642830;
}
a.button.red:hover {
	background-color: #bb7881;
	color: #f3f3f3;
}*/
a.appstore {
	background: #629ac4 url(style/images/button-appstore.png) repeat-x;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #232323;
	font-size: 13px;
	margin: 40px 0 0 0;
	padding: 10px 20px;
	display: inline-block;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	font-family: 'Museo700';
	cursor: pointer;
}
a.appstore:hover {
	background-color: #79aed5;
}
a.appstore.blue {
	color: #232323;
	background-color: #629ac4
}
a.appstore.blue:hover {
	background-color: #79aed5;
}
a.appstore.green {
	color: #232323;
	background-color: #3b8c7f;
}
a.appstore.green:hover {
	background-color: #4da396;
}
a.appstore.lime {
	color: #232323;
	background-color: #889f4a;
}
a.appstore.lime:hover {
	background-color: #9fb661;
}
a.appstore.red {
	color: #232323;
	background-color: #b04755;
}
a.appstore.red:hover {
	background-color: #be5462;
}
a.appstore img {
	float: left;
	padding-right: 15px;
}
a.appstore span {
	padding-top: 4px;
	display: inline-block;
	word-wrap: normal;
	text-align: center;
}
a.appstore em {
	font-size: 18px;
	display: block;
	font-style: normal;
	padding-top: 4px;
}
a.appstore.market span {
	padding-top: 4px;
	display: inline-block;
	word-wrap: normal;
	text-align: center;
	font-size: 14px;
}
a.appstore.market em {
	font-size: 15px;
	display: block;
	font-style: normal;
	padding-top: 6px;
}
.intro {
	margin: 40px 0 14px 0;
	
	color: #6D8290;
	font-family: helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
blockquote {
	font-family: 'CharisSILItalic';
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	padding-left: 30px;
	background: transparent url(style/images/quote.png) no-repeat left 7px;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 45px 0;
}
#coda-wrapper {
	width: 942px;
	margin: 0 auto;
	padding: 0;
}
.content {
	padding-bottom: 110px;
}
.menu {
	background: transparent url(style/images/menu-bg.png) no-repeat;
	width: 942px;
	height: 46px;
	margin: 0 0 50px -21px;
	text-shadow: none;
}
.menu ul {
	text-align: center;
	list-style-type: none;
	padding: 12px 8px 0 0;
}
.menu ul li {
	display: inline;
	font-family: 'Museo500';
	padding: 0;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 8px 0 16px;
	background: transparent url(style/images/dot.png) left center no-repeat;
}
.menu ul li:first-child {
	background: none;
}
.menu ul li a {
	color: #5e5e5e;
}
.menu ul li a:hover, .menu ul li a.active {
	color: #ad6069;
}
#wrapper p, #wrapper ul {
	color: #717171;
}
a.box {
	background: #f8f8f8;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
	padding: 10px;
}
a.box img {
	display: block;
}
a.left {
	float: left;
}
a.right {
	float: right;
}
a.box.left {
	margin-right: 60px;
}
a.box.right {
	margin-left: 60px;
}
a.enlarge {
	position: relative;
	display: block;
}
a.enlarge span {
	background: transparent url(style/images/icon-enlarge.png) no-repeat;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 10;
	width: 29px;
	height: 29px;
}
.quote {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0 0 20px 0;
	background: transparent url(style/images/line1.png) repeat-x bottom center;
}
.quote blockquote {
	background: transparent url(style/images/quote.png) no-repeat 0 15px;
	padding: 15px 15px 15px 30px;
	font-size: 15px;
	color: #717171;
	display: inline-block;
}
.quote span {
	color: #a7a7a7;
	float: right;
}
.quote span em {
	font-style: normal;
	font-size: 17px;
}
.contact {
	width: 804px;
	height: 514px;
	padding: 50px;
	margin: 0 0 0 -2px;
	display: block;
}
.one-half {
	width: 48%;
}
.one-third {
	width: 30.66%;
}
.two-third {
	width: 65.33%;
}
.one-fourth {
	width: 22%;
}
.three-fourth {
	width: 74%;
}
.one-fifth {
	width: 16.8%;
}
.two-fifth {
	width: 37.6%;
}
.three-fifth {
	width: 58.4%;
}
.four-fifth {
	width: 67.2%;
}
.one-sixth {
	width: 13.33%;
}
.five-sixth {
	width: 82.67%;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}
.last {
	margin-right: 0 !important;
	clear: right;
}
.last:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.form-container {
	position: relative;
	width: 515px;
	float: left;
}
.form-container .loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 400px;
}
.form-container .loading span {
}
.form-container .response {
	display: none;
	margin: 15px 0 0 117px;
	background: #d1f7b6;
	border: 1px solid #8bca61;
	color: #5e9537;
	clear: both;
	text-shadow: none;
	padding: 10px 10px 10px 10px;
	line-height: 17px;
	width: 350px;
}
.forms {
}
.forms fieldset {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.forms ol {
	list-style: none;
}
.forms li.form-row {
	margin-bottom: 15px;
}
.forms li.text-input-row {
}
.forms li.text-area-row {
}
.forms li.checkbox-row {
}
.forms li.radio-row {
}
.forms li.select-row {
}
.forms li.button-row {
}
.forms li.button-row.form-migm3s {
	padding: 0 0 0 40px;
}
.forms li.hidden-row {
	display: none;
}
.forms fieldset .text-input {
	width: 350px;
	height: 21px;
	padding: 5px 10px;
	font-size: 12px;
	border: none;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	/*color: #717171;*/
}
.forms fieldset .text-area {
	width: 350px;
	height: 70px;
	padding: 7px 10px;
	font-size: 12px;
	border: 1px solid #cfcfcf;
	background-color: #ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	resize: none;
	/*color: #717171;*/
	margin: 0;
	display: block;
}
.forms fieldset .text-input:focus, .forms fieldset .text-area:focus {
	background-color: #e7e7e7;
}
.forms fieldset .radio {
}
.forms fieldset .checkbox {
}
.forms fieldset .select {
	height: 36px;
	margin: 4px 0;
	width: 372px;
}
.forms fieldset .btn-submit {
	text-align: center;
	background: #F68C1C url(style/images/button.png) repeat-x left center;
	padding: 0 25px 0 25px;
	height: 32px;
	line-height: 32px;
	color: #f3f3f3;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.40);
	font-size: 14px;
	line-height: 23px;
	border: 1px solid #642830;
	display: inline-block;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	font-family: 'CharisSILItalic';
	cursor: pointer;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
.forms fieldset .btn-submit:hover {
	background-color: #FBAA11;
	color: #f3f3f3;
}
.forms fieldset .btn-submit {
	padding: 0 25px 0 25px;
	height: 32px;
	line-height: 32px;
	margin: 3px 0 0 117px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.forms fieldset .btn-submit {
	line-height: 30px;
}
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
.forms fieldset .btn-submit {
	line-height: 30px;
}
}
.forms li.error input, .forms li.error textarea {
	border: 1px #ff001f solid;
}
.forms span.error {
	display: none;
}
.forms .button-row span.error {
	padding: 0;
	display: none;
}
.forms li.focus {
}

.forms label {
	display: block;
	float: left;
	width: 100px;
	padding-top: 4px;
	clear: both;
	font-family: 'Museo500';
	/*color: #737373;*/
	margin-right: 17px;
}
.forms label.form-migm3s {
	width: 140px
}
.form-container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contact-info {
	float: right;
	width: 270px;
	margin-top: -3px;
	line-height: 19px;
}
#footer-wrapper {
	min-width: 900px;
	overflow: hidden;
	color: #bababa;
	background: #03499F;
	text-shadow: none;
	height: 80px;
	border-top: 4px solid #bababa
}
#footer {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0 30px 0;
}
#footer p {
	font-size: 11px;
	margin-bottom: 15px;
}
.coda-slider-wrapper {
	padding: 0
}
.coda-slider {
	background: none
}
.coda-slider-no-js .coda-slider {
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}
.coda-slider, .coda-slider .panel {
	width: 942px
}
.coda-slider .panel-wrapper {
	padding: 21px;
}
.coda-slider p.loading {
	padding: 20px;
	text-align: center
}
.coda-nav {
	background: transparent url(style/images/menu-bg1024.png) no-repeat;
	width: 942px;
	height: 46px;
	margin: 10px 0 30px 0;
	text-shadow: none;
}
.coda-nav ul li a.current, .coda-nav ul li a:hover {
	color: #073684;
}
.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	overflow: hidden;
	padding: 12px 8px 0 0;
	text-align: center;
	width: auto;
}
.coda-nav ul li {
	display: inline;
	background: none;
	padding: 0;
}
.coda-nav ul li a {
	display: inline;
	font-family: 'Museo500';
	padding: 0;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 10px 0 15px;
	color: #ffffff;
}
.coda-nav ul li:first-child a {
	background: none;
}
.coda-slider-wrapper {
	clear: both;
	overflow: auto;
	width: 942px;
	margin: 0 auto;
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}
.coda-slider .panel {
	display: block;
	float: left
}
.coda-slider .panel-container {
	position: relative
}
.coda-nav-left, .coda-nav-right {
	float: left
}
.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}
.panel h2.title {
	display: none;
}
#intro div.one-half h1 {
	color: #F58220;
}
#intro div.one-half h2 {
	color: #F58220;
}
#intro div.one-half h1, h2 {
	padding-bottom: 23px;
}
#intro div.one-half p {
	color: #717171
}
#coda-nav-1 a {
	color: #ffffff;
	font-size: 15px;
}
#coda-nav-1 a.current {
	color: #073684;
}
#coda-nav-1 ul {
	margin-left: 17px;
	padding: 12px 8px 0 0;
}
#coda-nav-1 a:hover {
	color: #0A3883;
}
ul.nav a {
	color: #dfdfdf;
}
ul.nav a:hover {
	color: #b1b1b1;
}
#promo img {
	position: absolute;
	right: -28px;
	top: -30px;
	z-index: 100;
}
p.promo {
	text-align: right;
	font-size: 12px;
	font-style: italic;
	line-height: 0;
}
#contacto_social ul {
	margin-top: 10px;
}
#contacto_social ul li {
	display: inline;
	list-style: none;
	background: none;
	padding: 0 4px 0 0;
}
#contacto_social ul li.last {
	padding: 0;
}
.form-container .response {
	margin: 15px 0 0 117px;
}
#coda-nav-1 li.tab7 {
	display: none;
}
#coda-nav-1 li.tab8 {
	display: none;
}
#coda-nav-1 li.tab9 {
	display: none;
}
#coda-slider-1 {
	min-height: 480px;

}
#coda-nav-2 {
	background: url("style/images/menu-bg.png") no-repeat scroll center center transparent;
}
#coda-nav-2 ul {
	padding: 12px 8px 0 0;
}
p.call_to_action {
	font-size: 18px;
	text-align: right;
	margin: 25px 0 0 0;
}
strong {
	color: #1B61C1;
}
span.caption {
	float: right;
	font-style: italic;
	margin-top: 11px;
	color: #808080;
}
.beneficios {
	background: #f1f1f1;
	border-radius: 10px;
	padding-top: 25px;
	border-left: 2px solid #d3d3d3;
	width: 29.66%;
	color: #000000
}
.beneficios h2 {
	text-transform: uppercase;
	text-align: center;
}
.beneficios ul li {
	background: #f1f1f1;
	padding: 10px 10px 10px 10px;
	border-bottom: 2px solid #d3d3d3;
	line-height: 18px;
}
.beneficios ul li:first-child {
	border-radius: 10px 10px 0 0;
}
.beneficios ul li:last-child {
	border-radius: 0 0 10px 10px;
}
.beneficios img {
	border-top: 3px solid #b8b8b8;
	border-bottom: 3px solid #b8b8b8;
}
#coda-nav-1 {
	margin-left: 170px;
	width: 772px;
}
p.inversion {
	font-size: 15px;
	font-weight: bold;
	padding: 15px 5px;
	border-top: 2px solid #FF7300;
	border-bottom: 2px solid #FF7300;
	text-align: center;
	background: #f5ede4;
}
ol.inversion {
	font: italic 19px Georgia, Times, serif;
	color: #03499F;
	margin: 0 0 0 21px;
}
ol.inversion li {
	margin: 16px 0 0;
}
ol.inversion li:first-child {
	margin: 0;
}
ol.inversion p {
	font: normal .8em Arial, Helvetica, sans-serif;
	color: #000000;
}
button.inversion {
	width: 200px;
	height: 50px;
	float: right;
	margin: 50px 115px 0;
	font-weight: bold;
	padding: 5px;
}
a.oferta {
	display: block;
	width: 428px;
	height: 108px;
	background: url("style/images/boton-oferta-hover.png") left top no-repeat;
}
a.oferta:hover img {
	position: absolute;
	left: -999em;
	top: -999em;
}
a.contrata {
	display: block;
	width: 430px;
	height: 71px;
	background: url("style/images/boton-contrata-hover.png") left top no-repeat;
	margin-top: 25px;
}
a.contrata:hover img {
	position: absolute;
	left: -999em;
	top: -999em;
}
a:hover {
	zoom: 1;
}
p.notas {
	line-height: 15px;
}
@font-face {
	font-family: 'TitilliumText22L600wt';
	src: url('style/type/titillium/titilliumtext22l004-webfont.eot');
	src: url('style/type/titillium/titilliumtext22l004-webfont.eot?#iefix') format('embedded-opentype'), url('style/type/titillium/titilliumtext22l004-webfont.woff') format('woff'), url('style/type/titillium/titilliumtext22l004-webfont.ttf') format('truetype'), url('style/type/titillium/titilliumtext22l004-webfont.svg#TitilliumText22L600wt') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'TitilliumText22L600wt';
}
.nav li {
	font-family: 'TitilliumText22L600wt';
}
.menu ul {
	padding: 11px 8px 0 0;
}
.coda-nav ul {
	padding: 11px 8px 0 0;
}
a.appstore {
	font-family: 'TitilliumText22L600wt';
}
.menu ul li {
	font-family: 'TitilliumText22L600wt';
}
.coda-nav ul li a {
	font-family: 'TitilliumText22L600wt';
	padding: 0 10px 0 16px;
}
.forms label {
	font-family: 'TitilliumText22L600wt';
}
@font-face {
	font-family: 'PTSansRegular';
	src: url('style/type/ptsans/ptsans-regular-webfont.eot');
	src: url('style/type/ptsans/ptsans-regular-webfont.eot?iefix') format('eot'), url('style/type/ptsans/ptsans-regular-webfont.woff') format('woff'), url('style/type/ptsans/ptsans-regular-webfont.ttf') format('truetype'), url('style/type/ptsans/ptsans-regular-webfont.svg#webfontdeSwgHNj') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'PTSansRegular';
}
.nav li {
	font-family: 'PTSansRegular';
}
.menu ul {
	padding: 11px 8px 0 0;
}
.coda-nav ul {
	padding: 11px 8px 0 0;
}
a.appstore {
	font-family: 'PTSansRegular';
}
.menu ul li {
	font-family: 'PTSansRegular';
}
.coda-nav ul li a {
	font-family: 'PTSansRegular';
	padding: 0 10px 0 15px;
}
.forms label {
	font-family: 'PTSansRegular';
}
a {
	color: #000000;
}
a:hover {
	color: #FF7400;
}
div.migm3s a {
	color: #FF7400;
}
div.migm3s a:hover {
	color: #FF7400;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: #1B4286;
	font-weight: bold;
}

ul li {
	
}
ul.solucion li{
	background-image: url(style/images/lista.png);
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
}

ul.problemas li {
	background-image: url(style/images/problemas.png);
	background-repeat: no-repeat;
	margin: 0 0 20px ;
	padding: 0 0 0 25px;
}
ul.problemas li:last-child {
	padding: 5px 0 1px 25px;
	margin: 0;
}
.lite1 {
	color: #FF7300;
}
.lite2 {
	border-bottom: 1px dotted #717171;
}
/*
a.button {
	background-color: #629ac4;
	color: #f3f3f3;
	border: 1px solid #3b6c91;
}
a.button:hover {
	background-color: #73aad3;
	color: #f3f3f3;
}*/
a.appstore {
	color: #232323;
}
a.appstore:hover {
	background-color: #79aed5;
}
.menu ul li a {
	color: #5e5e5e;
}
.menu ul li a:hover, .menu ul li a.active {
	color: ##054CA4;
}
.coda-nav ul li a.current, .coda-nav ul li a:hover {
	color: ##054CA4;
}
.coda-nav ul li a {
	color: #ffffff;
}
#footer a {
	color: #BABABA;
}

/*TABLA MI GM3s*/

/* TABLAS PAQUETES */

table.tabla_comparativa {
	background:#ffffff;
	border:none;
	font: helvetica, arial, sans-serif;
	margin:30px 0;
	
}

table.tabla_comparativa th {
	background:#DFE6F0;
	text-align:center;
	border:none;
	color:#000000;
}


.plan, .tabla_comparativa td {
	text-align:center;
	vertical-align:central;
	border:none;
}

table.tabla_comparativa td.caracteristicas {
	text-align: right;
	vertical-align: central;
}

.seccion, .plan {
	font-weight:bold;
	
}


td.seccion  {
	background: #efefef;
	border-bottom:1px solid #000000;
}


.tabla_costo {
	font-size: 16px;
	text-align: right;
}

.tabla_banner {
	background: #000000;
	color:#ffffff;
}


table.tabla_comparativa th, table.tabla_comparativa td {
	padding:5px;
	font-size:90%;

}

table.tabla_comparativa td {
	border-bottom:1px solid #c3c3c3;
}


table.tabla_comparativa tr:last-child {
	background:#ededed;
}


.nota_tabla {
	color:#c3c3c3;
	font:85%;
	font-weight:bold;
}

p.tabla_promocion {
	text-align:center;
	font-weight:bold;
	margin: 0 0 57px;
}

p.tabla_promocion span{
	font-size:190%;
	color:#E77A01;
}


/* FORM MI GM3s */


.response {
    background: none repeat scroll 0 0 #D1F7B6;
    border: 1px solid #8BCA61;
    clear: both;
    color: #5E9537;
    display: none;
    line-height: 17px;
    margin: 15px 0 0;
    padding: 10px;
    text-align: center;
    text-shadow: none;
    width: 818px;
}

/* ZOOM IMAGE*/
.zoom{
	transition: transform .9s;
	
}
.zoom:hover {
  transform: scale(7.5);
  margin-top:-600px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.floatl {
  float: left;
}

.main {
  width: 100%;
}

.submain {
  width: 0%;
  float: left;
}

/*Codigo para card flip*/

.flip-card {
  position: relative;
  background-color: transparent;
  width: 280px;
  height: 150px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */

}
/*
@keyframes flip {
  50% {
    transform: rotateY(180deg);
  }
}*/


.flip-card-inner {
  
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  /*animation: flip 3s*/
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #295596;
  color: white;
  
}

/* Style the back side */
.flip-card-back {
  background-color: #295596;
  color: white;
  transform: rotateY(180deg);
}


/*Containers*/
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.container .grid_1 {
	width: 60px;
}
.container .grid_2 {
	width: 140px;
}
.container .grid_3 {
	width: 220px;
}
.container .grid_4 {
	width: 300px;
}

.spacer_30px {
	width: 100%;
	height: 30px;
	clear: both;
	display: block;
}

/*Estilos de botones*/

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	text-align: left;
	margin-left: -25px; /* Establecemos la barra en la izquierda */
	top: 400px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-whatsapp {background: #25D366;}
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-mail4 {background: #666666;}
	.social ul li .icon-linkedin2 {background: #0077B5	;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}