/* CSS Document */

body {
	background-color:#000;
	background-image:none;
}

.pageHeader {
	position:relative; width:100%; height:calc(100vh - 58px); background-repeat:no-repeat; background-position:center bottom; background-size:cover;
}
.pageHeaderSub {
	position:relative; width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;
}
.pageHeaderContent {
	width:984px; max-width:984px; height:400px; margin:0 auto; color:#fff; padding:60px 20px 0 20px;
}
.pageHeaderLogo {
	-webkit-text-shadow: 2px 2px 4px #000000;
    -moz-text-shadow: 2px 2px 4px #000000;
    text-shadow: 2px 2px 4px #000000;
}
.pageHeaderTitle {
	margin-top:30px; font-size:3em; line-height:1.1em; font-weight:700;
	-webkit-text-shadow: 2px 2px 4px #000000;
    -moz-text-shadow: 2px 2px 4px #000000;
    text-shadow: 2px 2px 4px #000000;
}
.pageHeaderSubTitle {
	margin-top:20px; font-size:1.4em; font-weight:400;
	-webkit-text-shadow: 1px 1px 4px #000000;
    -moz-text-shadow: 1px 1px 4px #000000;
    text-shadow: 1px 1px 4px #000000;
}

a.mc:link, a.mc:active, a.mc:visited {
	color:#5a98b4; text-decoration:none; font-weight:600;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}
a.mc:hover {
	color:#fe989a;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}

a.bigBtn:link, a.bigBtn:active, a.bigBtn:visited {
	width:300px; height:50px; line-height:50px; font-size:1.2em; color:#fff; font-weight:600; text-decoration:none; text-align:center;
	background-color:#5a98b4; border-radius:30px; border:4px solid #fff; display:block;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.bigBtn:hover {
	background-color:#714067;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.bigBtnD:link, a.bigBtnD:active, a.bigBtnD:visited {
	width:420px; height:60px; line-height:60px; font-size:1.0em; color:#fff; font-weight:600; text-decoration:none; text-align:center;
	background-color:#4d4d4d; border-radius:30px; display:inline-block;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}
a.bigBtnD:hover {
	background-color:#714067;
	-webkit-transition: all 0.5s ease; transition: all 0.4s ease; 
}

a.subMBtn:link, a.subMBtn:active, a.subMBtn:visited {
	float:right; font-size:0.8em; color:#fff; font-weight:400; text-decoration:none; margin-left:40px;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}
a.subMBtn:hover {
	color:#fe989a;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}
.subMBtnA {
	float:right; font-size:0.8em; color:#5a98b4; font-weight:600; margin-left:40px;
}

.priceCircle {
	width:150px; height:150px; line-height:150px; border-radius:150px; background-color:#714067; border:6px solid #fff;
	background-image:url(i/priceBack.svg); background-position:center center;
	font-size:1.8em; color:#fff; font-weight:700; text-align:center; letter-spacing:-2px;
	position:absolute; right:25%; top:260px;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
}

.pageHeaderBtmBar {
	position:absolute; bottom:0;
	width:100%; height:60px; line-height:60px; background-color:#3c4e5e; border-bottom:2px solid #000;
}
.pageHeaderBtmBarF {
	position:fixed; top:0;
	width:100%; height:60px; line-height:60px; background-color:#3c4e5e; z-Index:100; border-bottom:2px solid #000;
}

.container {
	width:100%; max-width:984px; margin:0 auto; padding:0 20px;
}
.container2 {
	width:100%; max-width:1400px; margin:0 auto;
}
.containerP {
	width:100%; max-width:1300px; margin:0 auto;
}

.column {
	width:50%; background-color:#000; float:left;
}

.topTitle {
	font-size:1em; font-weight:600; color:#d2fbfe; padding:0 50px;
}
.divider {
	width:calc(100% - 100px); height:20px; margin-top:20px; border-top:2px solid #d2fbfe; margin-left:50px;
}
.mainTitle {
	font-size:1.4em; font-weight:700; color:#5a98b4; padding:0 50px;
}
.cText {
	font-size:1em; line-height:1.4em; font-weight:400; color:#d2fbfe; padding:0 50px; margin-top:20px; 
}
.cIncl {
	font-size:0.7em; font-weight:300; color:#fff; padding:0 50px; margin-top:20px; 
}

.column33 {
	width:calc(33% - 80px); font-size:0.8em; color:#fff; float:left; margin-left:60px; 
}
.column25 {
	width:calc(25% - 80px); font-size:0.8em; color:#000; float:left; margin-left:60px;
}


.compTitle {
	width:calc(100% - 100px); font-size:1.6em; font-weight:700; color:#5a98b4; padding-bottom:30px; border-bottom:1px solid #fff
}
.compRow {
	width:calc(100% - 100px); border-bottom:1px solid #fff; padding:15px 0;
}
.compL {
	float:left; width:50%; padding-left:20px; color:#d2fbfe; font-size:1.1em
}
.compR {
	float:right; width:20%; text-align:center; color:#d2fbfe; 
}


a.audioBtn:link, a.audioBtn:active, a.audioBtn:visited {
	float:right; font-size:0.6em; color:#fff; font-weight:400; text-decoration:none; text-align:center;
	width:160px; height:40px; line-height:40px; background-color:#5a98b4; display:block;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}
a.audioBtn:hover {
	background-color:#fe989a;
	-webkit-transition: all 0.5s ease; transition: all 0.2s ease; 
}
.audioSlot {
	float:left; width:calc(28.8% - 30px); padding:20px; color:#fff; background-color:#3c4e5e; margin-right:30px; margin-top:30px;
}
audio {
	margin-top:20px; margin-bottom:20px; width:100%; outline:none;
}

.orderDescr {
	margin-top:10px; font-size:0.8em;
}
.orderPrice {
	font-size:1.2em; font-weight:600;
}