/* ------------------------------------------
                  LAYOUTS
------------------------------------------ */

* {
	box-sizing: border-box;
}

body {
	background: #fff;
	font:15px "Lato",sans-serif;
	line-height: 150%;
	text-align: center;
	color: #1a1a1a;
}

a {
	color: #1690A4;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a:active {
	color: #1690A4;
	text-decoration: none;
}

header {
	position: fixed;
	top:0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.90);
    z-index: 1000;
}

header .inner {
	max-width: 980px;
	margin: 0 auto;
}

header h1 {
	width: 214px;
	float: left;
	padding-top: 8px;
}

header h1 img {
	width: 100%;
}

header nav {
	width: 75%;
	float: right;
	font: 700 12px "Lato",sans-serif;
	text-align: right;
}

header nav ul li {
	display: inline-block;
}

header nav ul li a {
	display: inline-block;
	height: 60px;
	margin-left: 3em;
	color: #fff;
	line-height: 60px;
	letter-spacing: 0.1em;
}

header nav ul li a:hover {
	color: #1690A4;
	text-decoration: none;
}

main h1 {
	margin-bottom: 15px;
	font: 100 70px "Lato",sans-serif;
	line-height: 110%;
}

#publishing {
	width: 100%;
	height: 100%;
	background: #1690A4;
	background: -webkit-linear-gradient(top, #1690A4, #117A8C);
    background-image: linear-gradient(#1690A4 0px, #117A8C 100%);
    color: #fff;
}

#publishing .wrapper {
	padding: 100px 0 0;
	background: url(../images/bg-publishing.png) no-repeat center top;
}

#publishing .inner {
	max-width: 980px;
	margin: 0 auto;
}

#publishing h1 {
	color: #fff;
}

#publishing p {
	margin-bottom: 2em;
	font: 400 17px "Lato",sans-serif;
	letter-spacing: 0.05em;
	color: #D1E7EB;
}

#publishing p.lead {
	margin-bottom: 10px;
}

#publishing p.releasenote {
	margin-bottom: 1em;
}

#publishing p.releasenote a {
    color: #fff;
    text-decoration: underline;
}

#publishing p.releasenote a:hover {
    text-decoration: none;
}

#publishing .links {
	margin-bottom: 2em;
}

#publishing .links ul {

}

#publishing .links ul li {
	display: inline-block;
	width: 37%;
	margin: 0 1em;
}

#publishing .links ul li a {
	display: inline-block;
	width: 100%;
	padding: 0.7em 1em;
	text-align: center;
	border: solid 1px #fff;
	font: 400 17px "Lato",sans-serif;
	color: #fff;
}

#publishing .links ul li a:hover {
	background: rgba(255,255,255,0.1);
	text-decoration: none;
}

#buy {
	padding: 3em 0;
	background: #e9e9e9;
}

#buy > .inner {
	max-width: 860px;
	margin: 0 auto;
}

#buy h1 {
	font-size: 75px;
}

#buy h1 span {
	font: 100 75px "Lato",sans-serif;
	color: #178799;
}

#buy p.lead {
	margin-bottom: 2em;
	font: 400 17px "Lato",sans-serif;
}

#buy .agreement {
	width: 100%;
	height: 300px;
	padding: 1em;
	margin-bottom: 2em;
	overflow: auto;
	background: #fff;
	text-align: left;
	box-shadow: 1px 1px 1px #e1e1e1;
}

#buy .agreement p {
	margin-bottom: 1.5em;
}

#buy .agreement p.title {
	margin-bottom: 0.2em;
	font-weight: bold;
}

#buy .buy-price-boxies {

}

#buy .buy-price-boxies ul li {
	width: 47.5%;
	float: left;
	margin-right: 5%;
	padding: 1em;
	background: #17889A;
}

#buy .buy-price-boxies ul > li:last-of-type {
	margin-right: 0;
}

#buy h2 {
	margin-bottom: 15px;
	font: 700 30px "Lato",sans-serif;
	color: #fff;
	letter-spacing: 0.1em;
}

#buy h2 span {
    display: block;
    font-size: 20px;
    line-height: 1.2;
}

#buy .buy-price-boxies ul li ul li {
	width: 100%;
	padding: 0;
	margin-bottom: 1em;
}

#buy .buy-price-boxies ul li ul li:last-of-type {
	margin-bottom: 0;
}

#buy .buy-price-boxies ul li ul li a {
	display: block;
	padding: 1.2em 1em;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background-image: linear-gradient(#fff 0px, #f1f1f1 100%);
	box-shadow: 1px 2px 2px #777;
	transition: all 0.2s ease-out 0s;
	cursor: pointer;
}

#buy .buy-price-boxies ul li ul li.upgrade a {
	background: #D1E7EB;
	background: -webkit-linear-gradient(top, #D1E7EB, #B8CED2);
    background-image: linear-gradient(#D1E7EB 0px, #B8CED2 100%);
}

#buy .buy-price-boxies ul li ul li a:hover {
	background: #f1f1f1;
	background: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1);
    background-image: linear-gradient(#f1f1f1 0px, #d1d1d1 100%);
    color: #1690A4;
}

#buy .buy-price-boxies ul li ul li a:active {
	background: #d1d1d1;
	background: -webkit-linear-gradient(top, #d1d1d1, #f1f1f1);
    background-image: linear-gradient(#d1d1d1 0px, #f1f1f1 100%);
    color: #1690A4;
}

#buy .buy-price-boxies ul li ul li.upgrade a:hover {
	background: #C8DEE2;
	background: -webkit-linear-gradient(top, #C8DEE2, #B1C7CB);
    background-image: linear-gradient(#C8DEE2 0px, #B1C7CB 100%);
    color: #1690A4;
}

#buy .buy-price-boxies ul li ul li.upgrade a:active {
	background: #B1C7CB;
	background: -webkit-linear-gradient(top, #B1C7CB, #C8DEE2);
    background-image: linear-gradient(#B1C7CB 0px, #C8DEE2 100%);
    color: #1690A4;
}

.buy-price-boxies ul li ul li a .type {
	float: left;
	color: #1a1a1a;
	font-size: 17px;
}

.buy-price-boxies ul li ul li a .price {
	float: right;
	font-size: 30px;
}

#buy .buybox .agreement {
	width: 48%;
	float: left;
	height: 270px;
}

#buy .buybox-mt7 .agreement {
	height: 170px;
}

#buy .buybox .buy-price-boxies {
	width: 48%;
	float: right;
}

#buy .buybox .buy-price-boxies ul {
	 
}

#buy .buybox .buy-price-boxies ul li {
	width: 100%;
	height: 270px;
}

#buy .buybox-mt7 .buy-price-boxies ul li {
	height: 170px;
}

#buy .buybox .buy-price-boxies ul li h2 {
}

#buy .buybox .buy-price-boxies ul li ul li {
	height: auto;
	margin-bottom: 1.5em;
}

#aws {
	padding: 3em 0;
	margin-bottom: 0;
	background: url(../images/whatsmt.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

#aws .inner {
	max-width: 1180px;
	margin: 0 auto;
}

#aws h1 {
	font-weight: 400;
}

#aws h1 span {
	color: #178799;
}

#aws h1 span.or {
	color: #F7A80D;
}

#aws .lead {
	margin-bottom: 0.7em;
	font: 100 30px "Lato",sans-serif;
}

#aws .links {
	margin-bottom: 2.5em;
}

#aws .links:last-of-type {
    margin-bottom: 0;
}

#aws .to-org a {
color: #fff;
text-decoration: underline;
}

#aws .to-org a:hover {
text-decoration: none;
}

#aws .links a {
    font: 400 20px "Lato",sans-serif;
	display: inline-block;
	background: #F7A80D;
	background: -webkit-linear-gradient(top, #F7A80D, #E69218);
    background-image: linear-gradient(#F7A80D 0px, #E69218 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0.2rem;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    margin: 0 0.5em 1em 0.5em;
    padding: 0.6em 2.5em;
    text-align: center;
    transition: all 0.2s ease-out 0s;
}

#aws .links .marginbottom-none {
    margin-bottom: 0px;
}

#aws .links a:hover  {
	background: #E69218;
	background: -webkit-linear-gradient(top, #E69218, #F7A80D);
	background-image: linear-gradient(#E69218 0px, #F7A80D 100%);
	text-decoration: none;
}

#aws .to-org a {
    display: inline-block;
    width: fit-content;
    text-decoration: none;
    padding: 0.7em 2em;
    text-align: center;
    border: solid 1px #fff;
    color: #fff;
}

#aws .to-org a:hover {
	background: rgba(255,255,255,0.1);
	text-decoration: none;
}

.col-group {
	margin-bottom: 2em;
}

.col-4 {
	width: 32%;
	float: left;
	margin-right: 2%;
}

.col-4:nth-child(3n) {
    margin-right: 0;
}

.col-6 {
	width: 46%;
	float: left;
	margin-right: 4%;
}

.col-group .col-4:last-of-type,
.col-group .col-6:last-of-type {
	margin-right: 0;
}

#aws h2 {
	margin-bottom: 0.5em;
	font: 100 25px "Lato",sans-serif;
	text-shadow: 1px 1px 1px #000;
}

#aws h3 {
	padding-top: 10px;
	margin-bottom: 10px;
	font: 400 38px "Lato",sans-serif;
	line-height: 110%;
	text-shadow: 1px 1px 1px #000;
}

#aws h3 span {
	color: #178799;
}

#aws h3 span.or {
	color: #F7A80D;
}

#aws h4 {
    margin-bottom: 0.5em;
    font: 100 25px "Lato",sans-serif;
    text-shadow: 1px 1px 1px #000;
}

#aws .aws-btm-text {
	margin-bottom: 2em;
}

footer {
	padding: 2em 0 1em 0;
	background: #1a1a1a;
	color: #fff;
}

footer p {
	margin-bottom: 10px;
}

footer .footer-logo {

}

footer .footer-logo img {
	width: 150px;
}

footer address {
	margin-bottom: 10px;
}

footer nav ul li {
	display: inline-block;
	padding: 0 1em;
}

#tech-support {
	padding: 3em 0;
	background: #f9f9f9;
	border-top: solid 1px #e1e1e1;
}

#tech-support > .inner {
	max-width: 860px;
	margin: 0 auto;
}

#tech-support h1 {
	font-size: 75px;
}

#tech-support h1 span {
	font: 100 75px "Lato",sans-serif;
	color: #175498;
}

#tech-support p.lead {
	margin-bottom: 2em;
	font: 400 17px "Lato",sans-serif;
}

#tech-support .agreement {
	width: 100%;
	height: 300px;
	padding: 1em;
	margin-bottom: 2em;
	overflow: auto;
	background: #fff;
	text-align: left;
	box-shadow: 1px 1px 1px #e1e1e1;
}

#tech-support .agreement h2 {
	margin-bottom: 5px;
	color: #111;
	font-size: 20px;
}

#tech-support .agreement p {
	margin-bottom: 1.5em;
}

#tech-support .agreement p.title {
	margin-bottom: 0.2em;
	font-weight: bold;
}

#tech-support .agreement dl {
	margin-bottom: 1.5em;
}

#tech-support .agreement dl dt {
	font-weight: bold;
}

#tech-support .agreement dl dd {
	padding-left: 1em;
	margin-bottom: 0.5em;
}

#tech-support .agreement ol {
	padding-left: 1em;
	margin-bottom: 1.5em;
}

#tech-support .agreement ol li {
	margin-nottom: 0.5em;
}

#tech-support .agreement ul {
	list-style: circle;
	padding-left: 1em;
	margin-bottom: 1.5em;
}

#tech-support .agreement ul li {
	margin-bottom: 0.5em;
}

#tech-support .buy-price-boxies {

}

#tech-support .buy-price-boxies ul li {
	width: 47.5%;
	float: left;
	margin-right: 5%;
	padding: 1em;
	background: #175498;
}


#tech-support .buybox .buy-price-boxies-20211201 {
    background: #175498;
    padding: 0 0 2rem 0;
}

#tech-support .buybox .buy-price-boxies-20211201 ul li {
	width: 100%;
	float: none;
	padding: 2em;
}

#tech-support .buybox .buy-price-boxies-20211201 ul li ul.supportlist li {
    width: calc(100% / 2 - 20px);
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
}

#tech-support .buybox .buy-price-boxies-20211201 .links {
    width: auto;
    display: flex;
    background-color: #fff;
    padding: 2rem;
    margin: 0 2rem 0 2rem;
    justify-content: space-between;
    align-items: center;
}

#tech-support .buybox .buy-price-boxies-20211201 .links-logo {
    display: block;
    width: calc(50% - 80px);
}

#tech-support .buybox .buy-price-boxies-20211201 .links-logo img {
    display: block;
    width: 100%;
}

#tech-support .buybox .buy-price-boxies-20211201 .links-logo p {
    margin-top: 0.5em;
}

#tech-support .links a.links-btn {
    width: 50%;
    font: 400 20px "Lato",sans-serif;
    display: inline-block;
    background: #F7A80D;
    background: -webkit-linear-gradient(top, #F7A80D, #E69218);
    background-image: linear-gradient(#F7A80D 0px, #E69218 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0.2rem;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    margin: 0;
    padding: 1em 2.5em;
    text-align: center;
    transition: all 0.2s ease-out 0s;
}

#tech-support .links a.links-btn:hover {
    background: #E69218;
    background: -webkit-linear-gradient(top, #E69218, #F7A80D);
    background-image: linear-gradient(#E69218 0px, #F7A80D 100%);
    text-decoration: none;
}


#tech-support .buy-price-boxies ul > li:last-of-type {
	margin-right: 0;
}

#tech-support h2 {
	margin-bottom: 15px;
	font: 700 30px "Lato",sans-serif;
	color: #fff;
	letter-spacing: 0.1em;
}

#tech-support h2 span {
    display: block;
    font-size: 20px;
    line-height: 1.2;
}

#tech-support .buy-price-boxies ul li ul li {
	width: 100%;
	padding: 0;
	margin-bottom: 1em;
}

#tech-support .buy-price-boxies ul li ul li:last-of-type {
	margin-bottom: 0;
}

#tech-support .buy-price-boxies ul li ul li a {
	display: block;
	padding: 1.2em 1em;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background-image: linear-gradient(#fff 0px, #f1f1f1 100%);
	box-shadow: 1px 2px 2px #777;
	transition: all 0.2s ease-out 0s;
	cursor: pointer;
	color: #175498;
}

#tech-support .buy-price-boxies ul li ul li.upgrade a {
	background: #e1e1e1;
	background: -webkit-linear-gradient(top, #e1e1e1, #c9c9c9);
    background-image: linear-gradient(#e1e1e1 0px, #c9c9c9 100%);
}

#tech-support .buy-price-boxies ul li ul li a:hover {
	background: #f1f1f1;
	background: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1);
    background-image: linear-gradient(#f1f1f1 0px, #d1d1d1 100%);
    color: #175498;
}

#tech-support .buy-price-boxies ul li ul li a:active {
	background: #d1d1d1;
	background: -webkit-linear-gradient(top, #d1d1d1, #f1f1f1);
    background-image: linear-gradient(#d1d1d1 0px, #f1f1f1 100%);
    color: #175498;
}

#tech-support .buy-price-boxies ul li ul li.upgrade a:hover {
	background: #d9d9d9;
	background: -webkit-linear-gradient(top, #d9d9d9, #aaa);
    background-image: linear-gradient(#d9d9d9 0px, #aaa 100%);
    color: #175498;
}

#tech-support .buy-price-boxies ul li ul li.upgrade a:active {
	background: #aaa;
	background: -webkit-linear-gradient(top, #aaa, #d9d9d9);
    background-image: linear-gradient(#aaa 0px, #d9d9d9 100%);
    color: #175498;
}

#tech-support .buy-price-boxies ul li ul li a .type {
	float: left;
	color: #1a1a1a;
	font-size: 17px;
}

#tech-support .buy-price-boxies ul li ul li a .price {
	float: right;
	font-size: 30px;
}

#tech-support .buybox .agreement {
	width: 48%;
	float: left;
	height: 270px;
}

#tech-support .buybox .buy-price-boxies {
	width: 48%;
	float: right;
}

/* 20211201 */
#tech-support .buybox .buy-price-boxies-20211201 {
    width: 100%;
    float: none;
}

.buy-price-boxies-20211201 ul.supportlist {
    display: flex;
}

.buy-price-boxies-20211201 ul.supportlist li .type {
    float: none;
    background-color: #1690a4;
    padding: 1rem;
    font-size: 1.5rem;
    color: #fff;
    position: relative;
}

.buy-price-boxies-20211201 ul.supportlist li .type:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 12px 0 12px;
border-color: #1690a4 transparent transparent transparent;
position: absolute;
left: calc(50% - 12px);
bottom: -12px;
}

.buy-price-boxies-20211201 ul.supportlist li .type span {
    font-size: 2rem;
}

.buy-price-boxies-20211201 ul.supportlist li .price {
    float: none;
    font-size: 32px;
    padding: 32px 0;
    color: #175498;
    font-weight: bold;
}

#tech-support .buybox .buy-price-boxies ul {
	 
}

#tech-support .buybox .buy-price-boxies ul li {
	width: 100%;
	height: auto;

}

#tech-support .buybox .buy-price-boxies ul li h2 {
    font-size: 25px;
}

#tech-support .buybox .buy-price-boxies ul li ul li {
	height: auto;
	margin-bottom: 1.5em;
	padding-top: 0;
}

#tech-support .col-group h2 {
    color: #175498;
}

#tech-support .col-group .logo {
    margin-bottom: 1em;
}

#tech-support .col-group .logo a {
    display: block;
    padding: 1em;
    background: #fff;
    border: solid 1px #e1e1e1;
}

#tech-support .col-group img {
    width: auto;
    height: 90px;
}

#support-eu img {
    width: 130px;
}

#tech-support .col-group a:hover {
color: #1690a4;
}

/* ------------------------------------------
                   PRIVACY
------------------------------------------ */

#privacy-header {
	width: 100%;
	height: 100%;
	background: #1690A4 url(/assets/images/bg-privacy.jpg) no-repeat top center;
	background-size: cover;
    color: #fff;
}

#privacy-header .inner {
	max-width: 860px;
	padding: 100px 0 50px 0;
	margin: 0 auto;
}

#privacy-header .lead-mark {
    margin: 20px 0 0;
    font-size: 18px;
}

#privacy-header p.lead a {
    color: white;
    font-weight: bold;
}

#privacy-header .inner p {
	color: #9fd5e0;
}

#privacy-body {
	background: #f1f1f1;
}

#privacy-body .inner {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}

#privacy-body h3 {
	margin-bottom: 15px;
	font: 400 30px "Lato",sans-serif;
}

#privacy-body p {
	margin-bottom: 30px;
}
                                        
#purchase-body {
	background: #f1f1f1;
}

#purchase-body .inner {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
                                        
#purchase-body p {
	margin-bottom: 30px;
}
                                        
#purchase-body .btn {
	display: inline-block;
	width: 45%;
	padding: 0.7em 0;
	text-align: center;
	background: #1c5fa8;
	color: #fff;
	font-size: 17px;
}

#purchase-body .btn:hover {
	opacity: 0.7;
	text-decoration: none;
}

#campanies {
	padding: 3em;
}

#campanies .inner {
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
}

#campanies .inner h1 {
    margin-bottom: 60px;
}

#mtios {
	padding: 3em 0;
	margin-bottom: 0;
    background: url(/images/bg-mtios-top.png) no-repeat center top;
	background-size: cover;
}

#mtios .inner {
	max-width: 1180px;
	margin: 0 auto;
}

#mtios h1 span {
color: #178799;
}

#mtios h1 span.re {
color :#6F0A0C;
}

#mtios .lead {
    margin-bottom: 2em;
}

#mtios .download {
    margin-bottom: 1.5em;
}

#mtios .download img {
width: 220px;
}

#mtios h2 {
margin-bottom: 10px;
font-size: 30px;
}

#mtios-video {
margin: 0 auto 1em auto;
}




/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(/movabletype/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -30px;
	background: url(/movabletype/images/controls.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
	right: -30px;
	background: url(/movabletype/images/controls.png) no-repeat -22px 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -64px;
}

.bx-wrapper .bx-next:hover {
	background-position: -22px -64px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	outline: 0;
	width: 22px;
	height: 64px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#mtios-detail {
position: relative;
height: 744px;
overflow: hidden;
z-index: 100;
}

#iphone-screen {
position: absolute;
top: 0;
left: 50%;
width: 360px;
height: 744px;
margin-left: -180px;
background: url(/assets/images/bg-iphone.png) no-repeat;
}

#iphone-screen-body-wrapper {
position: absolute;
top: 91px;
left: 22px;
width: 317px;
height: 561px;
}

#mtios-detail .bx-wrapper .bx-prev {
background: none;
}

#mtios-detail .bx-wrapper .bx-next {
background: none;
}

#mtios-detail .bx-wrapper .bx-controls-direction a.bx-prev {
width: 50px;
height: 50px;
left: -60px;
border-top: solid 1px #fff;
border-left: solid 1px #fff;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

#mtios-detail .bx-wrapper .bx-controls-direction a.bx-next {
width: 50px;
height: 50px;
right: -60px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

#mtios-detail .bx-wrapper .bx-caption {
text-align: center;
font-size: 114%;
}

#iphone-screen-body-wrapper {
position: relative;
}

.mtios-detail-excerpt {
width: 330px;
}

.mtios-detail-excerpt li {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom: solid 1px #fff;
font-size: 114%;
}

.mtios-detail-excerpt li .icon {
margin-bottom: 10px;
}

.mtios-detail-excerpt li i {
font-size: 60px;
}

.mtios-detail-excerpt01 {
position: absolute;
left : 0;
top: 0;
padding-top: 30px;
}

.mtios-detail-excerpt02 {
position: absolute;
right : 0;
top: 0;
padding-top: 80px;
}

.requirements-list {
margin-bottom: 1em;
}

#mtios-features {
position: relative;
padding: 3em 0;
background: linear-gradient(#1A6260, #227D79);	
color: #fff;
}

#mtios-features:before {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -30px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 30px 30px 30px;
border-color: transparent transparent #1A6260 transparent;
}

#mtios-features .inner {
max-width: 1180px;
margin: 0 auto;
}

/* ------------------------------------------
                   INQUIRY
------------------------------------------ */

#inquiry-body {
background: #f1f1f1;
}

#inquiry-body .inner {
	max-width: 860px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: left;
}

#inquiry-body .input {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: solid 1px #ccc;
}

#inquiry-body .input .input-label {
width: 20%;
float: left;
padding-top: 0.3em;
text-align: right;
}

#inquiry-body .input .input-detail {
width: 80%;
float: left;
padding-left: 1em;
}

#inquiry-body .input input[type="text"],
#inquiry-body .input textarea {
	display: inline-block;
	padding: 7px 5px;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	font-size: 1rem;
}

#inquiry-body .input input[type="text"]:focus,
#inquiry-body .input textarea:focus {
	border-color:#138e9f;
	outline:0;
	outline:thin dotted \9;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 8px rgba(118,224,239,.8);
}

#inquiry-body .input input[type="text"] {
width: 65%;
}

#inquiry-body .input textarea {
width: 100%;
min-height: 250px;
}

#inquiry-body .submitarea {
text-align: center;
}

#inquiry-body .btn {
	display: inline-block;
	background: #2A55A2;
	background: -webkit-linear-gradient(top, #2A55A2, #254A8B);
    background-image: linear-gradient(#2A55A2 0px, #254A8B 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 0.2rem;
    border-style: solid;
    border-width: 1px;
    color: #fff !important;
    cursor: pointer;
    margin: 0;
    padding: 0.8em 3em;
    text-align: center;
    transition: all 0.2s ease-out 0s;
	font-size: 114%;
}

#inquiry-body .btn:hover {
	background: #254A8B;
	background: -webkit-linear-gradient(top, #254A8B, #2A55A2);
	background-image: linear-gradient(#16418D 0px, #113779 100%);
	text-decoration: none;
}

#inquiry-body .btn:active {
	background: -webkit-linear-gradient(top, #2A55A2, #254A8B);
	background-image: linear-gradient(#113779 0px, #16418D 100%);		
}

.formErrorMsg {
color: #ff0000;
}

.formErrorClose {
display: none;
}

#partners {
padding-top: 30px;
}

.has-marign-top {
margin-top: 2em;
}

#support-eu {
float: none;
margin: 0 auto;
}

.required {
color: #F01952;
}

.form-privacy {
margin-top: 20px;
text-align: center;
}

#privacy-header .align-right {
margin-bottom: 15px;
text-align: right;
}

#privacy-header .lead.align-left {
text-align: left;
}

/* ------------------------------------------
                 for tablet
------------------------------------------ */

@media(max-width:768px){

header {
	position: static;
}

header .inner {
	padding-left: 1em;
	padding-right: 1em;
}

#publishing .wrapper {
	padding: 50px 0 0;
}

#publishing .links ul {
	padding: 0 2em;
}

#publishing .links ul li {
	display: inline-block;
	width: 100%;
	margin: 0 0 1em 0;
}

#publishing .links ul li:last-of-type {
	margin-bottom: 0;
}

#publishing figure {
	width: 100%;
	padding: 0 1em;
}

#publishing figure img {
	max-width: 100%;
}

#buy {
	padding-left: 1em;
	padding-right: 1em;
}

#privacy-header .inner {
	padding: 50px 1em;
	margin: 0 auto;
}

#privacy-body .inner {
	padding: 30px 1em;
}

#buy .buybox .agreement {
	width:100%;
	float: none;
	height: 270px;
}

#buy .buybox .buy-price-boxies {
	width: 100%;
	float: none;
}

#buy .buybox .buy-price-boxies ul {
	 
}

#buy .buybox .buy-price-boxies ul li {
	height: auto;
}

#buy .buybox .buy-price-boxies ul li h2 {
}

#buy .buybox .buy-price-boxies ul li ul li {
	height: auto;
	margin-bottom: 1.5em;
}

#aws .inner {
	padding-left: 1em;
	padding-right: 1em;
}

.col-4 {
	width: 100%;
	float: none;
	margin-bottom: 1.5em;
	margin-right: 0;

}

.col-6 {
	width: 100%;
	float: none;
	margin-bottom: 1.5em;
	margin-right: 0;
}

#tech-support {
	padding-left: 1em;
	padding-right: 1em;
}

#tech-support .buybox .agreement {
	width:100%;
	float: none;
	height: 270px;
}

#tech-support .buybox .buy-price-boxies {
	width: 100%;
	float: none;
}

#tech-support .buybox .buy-price-boxies ul {
	 
}

/* 20211201 */
#tech-support .buybox .buy-price-boxies-20211201 ul {
	display: block;
}
#tech-support .buybox .buy-price-boxies-20211201 ul li ul.supportlist li {
    width: 100%;
}
#tech-support .buybox .buy-price-boxies-20211201 ul li ul.supportlist li:first-child {
    margin-bottom: 1rem;
}

#tech-support .buybox .buy-price-boxies-20211201 .links {
    display: block;
}

#tech-support .buybox .buy-price-boxies-20211201 .links-logo {
    width: 100%;
    margin-bottom: 1em;
}

#tech-support .buybox .buy-price-boxies-20211201 .links a.links-btn {
    width: 100%;
}


#tech-support .links a {
    width: calc(100% - 4em);
}

#tech-support .buybox .buy-price-boxies ul li {
	height: auto;
}

#tech-support .buybox .buy-price-boxies ul li ul li {
	height: auto;
	margin-bottom: 1.5em;
}

#tech-support .buybox .agreement {
	width: 100%;
	float: none;
}

#tech-support .buybox .buy-price-boxies ul li {
	padding-top: 40px;
}


#mtios {
padding-left: 1em;
padding-right: 1em;
}

#mtios iframe {
width: 100%;
}

.mtios-detail-excerpt01 {
position: static;
padding-top: 0;
}

.mtios-detail-excerpt02 {
position: static;
padding-top: 0;
}

#mtios-detail {
height: auto;
}

.mtios-detail-excerpt {
width: 50%;
float: left;
padding: 0 1em;
}

#iphone-screen {
    position: static;
    width: 360px;
    height: 744px;
    margin: 0 auto;
}

#inquiry-body {
padding-left: 1em;
padding-right: 1em;
}
 
}

/* ------------------------------------------
                 for sp
------------------------------------------ */

@media(max-width:480px){

header {
	height: auto;
}

header .inner {
	padding: 0;
}

header h1 {
	width: 214px;
	float: none;
	padding: 10px 0;
	margin: 0 auto 10px auto;
}

header h1 img {
	width: 100%;
}

header nav {
	width: 100%;
	float: none;
	text-align: left;
	border-top: solid 1px #333;
}

header nav ul li {
	display: block;
}

header nav ul li a {
	display: block;
	height: auto;
	margin-left: 0;
	padding: 1em 0.8em;
	line-height: 120%;
	border-bottom: solid 1px #333;
}

header nav ul li a:hover {
	color: #1690A4;
	text-decoration: none;
}

main h1 {
	margin-bottom: 15px;
	font: 100 35px "Lato",sans-serif;
	line-height: 110%;
}

#publishing .wrapper {
	padding: 30px 0 0;
}

#publishing p {
	margin-bottom: 2em;
	font: 400 15px "Lato",sans-serif;
	letter-spacing: 0;
}

#publishing .links ul li a {
	width: 100%;
	padding: 0.7em 0;
	font: 400 15px "Lato",sans-serif;
}

#buy h1,
#tech-support h1 {
	font-size: 35px;
}

#tech-support h1 span {
	font-size: 35px;
}

#buy h1 span {
	font: 100 35px "Lato",sans-serif;
}

#buy .buy-price-boxies ul li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 1em;
}

#aws .lead {
	font-size: 20px;
}

#aws h3 {
	font-size: 35px;
}

#mtios iframe {
height: 300px;
}

.mtios-detail-excerpt {
width: 100%;
float: none;
}

#iphone-screen {
    width: 260px;
height: 568px;
margin-top: 2em;
background-size: 100% 100%;
}

#iphone-screen-body-wrapper {
    top: 91px;
    left: 15px;
    width: 230px;
}

.bx-wrapper {
    width: 100% !important;
}

#mtios-features .bx-wrapper .bx-controls-direction a.bx-prev {
    width: 25px;
    height: 25px;
    left: -30px;
}

#mtios-features .bx-wrapper .bx-controls-direction a.bx-next {
    width: 25px;
    height: 25px;
    right: -30px;
}

#tech-support .col-group img {
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
}

#tech-support h2 {
font-size: 20px;
}

}


/* ------------------------------------------
                  ClearFix
------------------------------------------ */

.group,
.col-group {
zoom:1;
}

.group:after,
.col-group:after {
    content: "";
    display: block;
    clear: both;
}