@import "../../../mc/css/less/common/for";
@import "../../../mc/css/less/common/mq";
@import "../../../mc/css/less/common/prefixer";


@import "../../../mc/css/less/ctrl_buttons";
@import "../../../mc/css/less/ctrl_common";


@import "var";

@font-face {
    font-family: "MuseoSans";
    src: url("../f/MuseoSansRegular.eot");
    src: url("../f/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../f/MuseoSansRegular.woff") format("woff"),
    url("../f/MuseoSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "MuseoSans";
    src: url("../f/MuseoSansLight.eot");
    src: url("../f/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("../f/MuseoSansLight.woff") format("woff"),
    url("../f/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: "MuseoSans";
    src: url("../f/MuseoSansBlack.eot");
    src: url("../f/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
    url("../f/MuseoSansBlack.woff") format("woff"),
    url("../f/MuseoSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
}


.rounded{border-radius: 50% 50% 50% 50%;}
.galaxy {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.galaxy-v {position:absolute;top:0;bottom:0;margin:auto;}
.galaxy-h {position:absolute;left:0;right:0;margin:auto;}
.txtover {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.break {word-wrap:break-word;}
.after-abs, .before-abs {display:block;position:absolute;text-align:center;font-family:glyph;}
.bb {box-sizing:border-box;}

.fixed {
	width:@width-total;
	margin:auto;
	.media_mobile({
		width:100%;
		padding:0 16px;});
}

body {font-family:@basefont;}

body, div[class^=w-] p {
    font-weight: 300;
}

header {
	padding:16px;
}

a {
	color:#E1A810;
}

.info {
	p {
		font-size:12px;
		&:nth-of-type(1) {font-size:30px;margin-top:16px;}
	}
  ul {text-align: right;}
  li {
    display: inline-block;
    font-size: 16px;
    margin-left: 16px;
  }
}

.nav {
	width:300px;
	li {
		width:48%;
		font-size:16px;
		line-height:32px;
		position:relative;
		&:before {
			content:'';
			position:absolute;
			display:block;
			height:12px;
			width:12px;
			border:2px solid @second-color;
			.rounded;
			top:0;
			bottom:0;
			left:-24px;
			margin:auto;
			transition:.3s;
		}
		&:after {
			content:'';
			position:absolute;
			display:block;
			width:2px;
			background:@second-color;
			height:20px;
			top:22px;
			left:-17px;
			margin:auto;
		}
		&:nth-of-type(5) {&:after{display:none;}}
		&:nth-of-type(2) {width:30%;}
		&:nth-of-type(4) {width:30%;&:after{display:none;}}
		&:nth-of-type(6) {&:after{display:none;}width:30%;}
		a {
			color:#000;
			text-decoration:none;
		}
		&:hover {
			&:before {
				background:@second-color;
			}
		}
	}

}

.slider {
	padding:32px 0;
	background:url('../i/bg_slider.jpg') no-repeat fixed center center;
	.bxslider {width:@width-total;}
	.row {width:992px;}
	img {
		margin-right:32px;
	}
	p {
		width:700px;
		font-weight:900;
		font-size:38px;
		color:#000;
		padding:0 16px;
		margin-top:58px;
		span {
			display:inline-block;
			background:#fff;
			font-size:50px;
			position:relative;
			padding:16px 0;
			.var {
				display:block;
				background:#fff;
				width:16px;
				height:100%;
				position:absolute;
				top:0;
				bottom:0;
				content:'';
			}
			&:before {.var;right:100%;}
			&:after {.var;left:100%;}
		}
		em {
			font-style:normal;
			font-size:26px;
			font-weight:100;
			display:block;
			line-height:140%;
		}
	}
	.bx-pager {
		bottom:0;
		.bx-pager-item {
			a {
				height:12px;
				width:12px;
				margin:0 12px;
				position:relative;
				&:after {
					content:'';
					height:1px;
					background:#fff;
					width:25px;
					display:block;
					left:100%;
					top:0;
					bottom:0;
					margin:auto;
					position:absolute;
				}
			}
			&:last-of-type{a{&:after{display:none;}}}
		}
	}
	&.nobg {
		background:transparent;
		padding-top:0;
		.bx-pager {
			.bx-pager-item {
				a {
					border:1px solid #6805DC;
					&:after {background:#6805DC;}
					&.active {background:#6805DC;}
				}
			}
		}
	}
}

.box-1 {
	padding:32px 0;
	p {
		font-size:15px;
		line-height:160%;
		font-family:'PT Sans';
	}
}

.box-2 {
	padding:32px 0 0 0;
	background: url('../i/bg_box_2.jpg') no-repeat fixed center center;
	img {max-height:64px;float:left;}
	color:#fff;
	h2 {
		font-size:32px;
		font-weight:900;
		line-height:64px;
		display:inline-block;
		background: url('../i/logo_gear.png') no-repeat center right;
		padding-right:164px;
		margin-bottom:32px;

	}
	h3 {
		font-size:17px;
		text-transform:uppercase;
		font-weight:900;
		margin:8px 0 4px 0;
	}
	p {
		font-size:14px;
		margin-left:64px;
		font-family:'PT Sans';
	}
	.w-48 {
		margin-bottom:32px;
	}

}

.box-3 {
	padding:64px 0;
	background:url('../i/bg_box_3.jpg') no-repeat center 180px;
	h2 {
		font-weight:900;
		font-size:52px;
		text-align:center;
		width:100%;
	}
	h3 {
		font-weight:900;
		font-size:22px;
		margin-bottom:12px;
		position:relative;
	}
	.w-30 {margin-top:64px;}
	li {
		font-size:16px;
		margin-bottom:12px;
		list-style:none;
		position:relative;
		font-family:'PT Sans';
	}
	.l-1 {
		h3 {
			text-align:right;
			right:-64px;
			}

		li {
			text-align:right;
			&:nth-of-type(1) {right:-24px;}
			&:nth-of-type(2) {right:14px;}
		}
	}
	.l-2 {
		h3 {
			top:54px;
			left:-24px;
			}

		li {
			&:nth-of-type(1) {left:-8px;top:54px;}
			&:nth-of-type(2) {left:8px;top:54px;}
		}
	}
	.l-3 {
		h3 {
			text-align:right;
			right:-16px;
			}

		li {
			text-align:right;
			&:nth-of-type(1) {right:-24px;}
			&:nth-of-type(2) {right:-32px;}
			&:nth-of-type(3) {right:-128px;}
		}
	}
	.l-4 {
		h3 {
			top:32px;
			left:-16px;
			}

		li {
			&:nth-of-type(1) {left:-68px;top:32px;}
			&:nth-of-type(2) {left:-98px;top:32px;}
		}
	}
}

.box-4 {
	padding:32px 0;
	background:url('../i/bg_box_4.jpg') no-repeat center center;
	color:#fff;
	h2 {
		font-size:32px;
		font-weight:900;
		margin-bottom:32px;
		text-align:center;
		width:100%;
	}
	ul {
		columns:2;
		-webkit-columns:2;
		-moz-columns:2;
		width:100%;
		li {
			font-size:18px;
			margin-bottom:18px;
			list-style:none;
			position:relative;
			font-family:'PT Sans';
			&:before {
				content:'';
				position:absolute;
				display:block;
				height:12px;
				width:12px;
				border:2px solid #fff;
				.rounded;
				top:0;
				bottom:0;
				left:-24px;
				margin:auto;
				transition:.3s;
			}
			&:after {
				content:'';
				position:absolute;
				display:block;
				width:2px;
				background:#fff;
				height:28px;
				top:20px;
				left:-17px;
				margin:auto;
			}
			&:nth-of-type(3) {&:after{display:none;}}
			&:nth-of-type(5) {&:after{display:none;}}
		}
	}
	&.gear {

		margin-bottom:32px;
		background: url('../i/bg_box_2.jpg') no-repeat center center;
		ul {
			columns:auto;
			-webkit-columns:auto;
			-moz-columns:auto;
			li {
				&:nth-of-type(3) {&:after{display:block;}}
				&:nth-of-type(4) {&:after{display:block;}}
				&:nth-of-type(4) {&:after{display:none;}}
			}
		}
	}
	&.m2m {
		margin-top:32px;
		ul {width:75%;}
		li {
			&:nth-of-type(4) {&:after{display:block!important;}}
			&:nth-of-type(5) {&:after{display:block;}}
			&:nth-of-type(6) {&:after{display:none;}}
			&:last-of-type {margin-bottom:0;}
		}
	}
	&.billing {
		margin-top:32px;
		ul {width:75%;}
		li {
			&:nth-of-type(4) {&:after{display:block!important;}}
			&:nth-of-type(5) {&:after{display:block;}}
			&:last-of-type {margin-bottom:0; &:after{display:none;}}
		}
	}

	&.mvno {
		margin-top:32px;
		ul {width:50%;}
		li {
			&:nth-of-type(4) {&:after{display:block!important;}}
			&:nth-of-type(5) {&:after{display:none;}}
		}
	}

	&.crm {
		li {&:after{display:none!important;}}
	}

	& + footer {
		margin-top:0;
		border:0;
	}
}

footer {
	padding:32px 0;
	margin-top:32px;
	border-top:1px solid #707070;
	.logo {margin-top:16px;}
	.nav {
		li {
			&:before {border:2px solid #707070;}
			&:after {background:#707070;}
			&:hover {&:before{background:#707070;}}
		}
		a {color:#707070;}
	}
}

.page-header {
	background:url('../i/bg_slider.jpg') no-repeat center center;
	padding:32px;
	margin-bottom:32px;
	h1 {
		font-weight:900;
		font-size:38px;
		background:#fff;
		line-height:54px;
		position:relative;
		.var {
			display:block;
			background:#fff;
			width:16px;
			height:100%;
			position:absolute;
			top:0;
			bottom:0;
			content:'';
		}
		&:before {.var;right:100%;}
		&:after {.var;left:100%;}
	}
}

.txt {
	p {
		line-height:160%;
		margin-bottom:32px;
		font-family:'PT Sans';
		&:last-of-type {margin-bottom:0;}
	}
	h4 {
		font-size:17px;
		font-weight:900;
		margin-bottom:12px;
	}
	&.w-40 {
		ol {
			margin-bottom:16px;
			li {
				font-size:13px;
				margin-bottom:8px;
				list-style:none;
				&:before {
					width:18px;
					height:18px;
					display:inline-block;
					background:#000;
					color:#fff;
					margin-right:8px;
					.rounded;
					line-height:19px;
					text-align:center;
					font-weight:900;
				}
				&:nth-of-type(1){&:before{content:'1';}}
				&:nth-of-type(2){&:before{content:'2';}}
				&:nth-of-type(3){&:before{content:'3';}}
				&:nth-of-type(4){&:before{content:'4';}}
				&:nth-of-type(5){&:before{content:'5';}}
			}
		}
	}
	table {
		width:100%;
		font-size:14px;
		margin:32px 0;
		th {padding:16px;}
		td {padding:16px;}
		tr {
			border-bottom:1px solid #707070;
			&:last-of-type {border-bottom:0;}
		}
	}
}

.cert {
	li {
		margin-bottom:32px;
		&:last-of-type{margin-bottom:0;}
	}
	img {max-width:100%;}
	span {
		font-size:12px;
		display:block;
		margin-top:8px;
		text-align:center;
	}
}
.map {
	background: url('../i/bg_box_2.jpg') no-repeat center center;
	margin-top:32px;
	position:relative;
	#map {
		width:100%;
		height:300px;
	}
	h3 {
		color:#fff;
		font-weight:900;
		text-align:center;
		font-size:28px;
		line-height:64px;
	}

}

.banner {
	font-size:52px;
	font-weight:900;
	margin-bottom:32px;
	span {
		display:block;
		font-weight:100;
		font-size:42px;
	}
	em {
		font-style:normal;
		font-size:22px;
		font-weight:100;
		display:block;
		color:#999;
	}
}

.gr {
	position:relative;
	padding-top:64px;
	z-index:0;
	margin-bottom:64px;
	h4 {
		position:relative;
		&:after {
			display:block;
			position:absolute;
			content:'';
			width:32px;
			height:32px;
			.rounded;
			border:1px solid #EAC51F;
			right:0;
			left:0;
			top:-64px;
			margin:auto;
			background:#fff;
		}
	}
	&:nth-of-type(2) {

		&:after {
			display:block;
			content:'';
			width:662px;
			height:1px;
			background:#EAC51F;
			position:absolute;
			left:-183px;
			top:16px;
			z-index:-1;
		}
	}
}

.spec {
  &.mh {
      min-height: 410px;
      margin-bottom:32px;
  }
  li {
		list-style:none;
		position:relative;
		font-size:16px;
		line-height:160%;
		margin-bottom: 24px;
		font-family:'PT Sans';
		padding-left:48px;
		&:last-of-type{margin-bottom:0;}
		&:before {
			content:'';
			display:block;
			width:32px;
			height:37px;
			background: url('../i/spec.png') no-repeat center center;
			position:absolute;
			top:8px;
			left:0;
		}
	}
	.lst & {
		margin-bottom:32px;
		li {
			font-size:14px;
			line-height:140%;
			padding-left:24px;
			margin-bottom:16px;

			&:before {
				width:16px;
				height:19px;
				background-size:cover;
			}
			span {
				display:block;
				font-size:12px;
				margin:4px 0;
			}
		}
	}
	.gear & {li {min-height:78px;}}
}

.brd {
	padding:16px;
	border:1px solid #E8BC1B;
	min-height:180px;
	border-radius:16px;
}


.ads {
	padding-left:24px;
	li {
		font-size:16px;
		margin-bottom:16px;
		list-style:none;
		position:relative;
		font-family:'PT Sans';
		&:before {
			font-family:'glyph';
			content:'\F000D';
			position:absolute;
			display:block;
			height:16px;
			width:16px;
			top:0;
			bottom:0;
			left:-25px;
			margin:auto;
			transition:.3s;
			color:#6805DC;
			font-size:16px;
			line-height:16px;
			text-align:center;
		}
	}
}

.hexagon {
	position: relative;
	width: 218px;
	height: 125.86px;
	background-color: #B22CF1;
	margin: 62.93px 0;
	&:hover {opacity:.8;}
	.ba {
		content: "";
		position: absolute;
		width: 0;
		border-left: 109px solid transparent;
		border-right: 109px solid transparent;
	}
	&:before {
		.ba;
		bottom: 100%;
		border-bottom: 62.93px solid #B22CF1;
	}
	&:after {
		.ba;
		top: 100%;
		width: 0;
		border-top: 62.93px solid #B22CF1;
	}
	span {
		position:absolute;
		top:0;
		bottom:0;
		display:block;
		line-height:109px;
		padding:0 16px;
		text-align:center;
		width:100%;
		.bb;
		a {
			font-size:24px;
			font-weight:900;
			display:inline-block;
			line-height:32px;
			vertical-align:middle;
			color:#fff;
			text-decoration:none;
		}
	}
	&.year {
		span {line-height:85px;}
		width: 150px;
		height: 86.60px;
		margin: 43.30px 0;
		background-color: #780ee1;
		&:hover {opacity:1;}
		em {
			font-size:20px;
			font-weight:900;
			display:inline-block;
			line-height:32px;
			vertical-align:middle;
			color:#fff;
			text-decoration:none;
			font-style:normal;
		}
		&:before {
			 border-left: 75px solid transparent;
			 border-right: 75px solid transparent;
			 border-bottom: 43.30px solid #780ee1!important;
		}
		&:after {
			border-left: 75px solid transparent;
			border-right: 75px solid transparent;
			border-top: 43.30px solid #780ee1!important;
		}
		& + .projects {margin-top:43px;}
	}
	&:nth-of-type(4n+1) {
		background-color:#780ee1;
		&:before {border-bottom: 62.93px solid #780ee1;}
		&:after {border-top: 62.93px solid #780ee1;}
	}
	&:nth-of-type(4n+2) {
		background-color:#921be8;
		&:before {border-bottom: 62.93px solid #921be8;}
		&:after {border-top: 62.93px solid #921be8;}
	}
	&:nth-of-type(4n+3) {
		background-color:#a223ec;
		&:before {border-bottom: 62.93px solid #a223ec;}
		&:after {border-top: 62.93px solid #a223ec;}
	}
	&:nth-of-type(4n+4) {
		background-color:#a223ec;
		&:before {border-bottom: 62.93px solid #a223ec;}
		&:after {border-top: 62.93px solid #a223ec;}
	}
	&:nth-of-type(5) {margin-left:129px;margin-top:40px;}
	&:nth-of-type(6) {margin-top:40px;}
	&:nth-of-type(7) {margin-right:129px;margin-top:40px;}
}

.bill-line {
	background:url(../i/bill_icon.png) repeat-x top center;
	height:48px;
	display:inline-block;
	width:100%;
}

.special {
	margin-top:48px;
	li {
		font-size:20px;
		list-style:none;
		line-height:160%;
		font-weight:100;
		margin-bottom:32px;
		span {
			font-size:28px;
			font-weight:900;

			margin-bottom:4px;
		}
	}
}


.projects {
	width:calc(~'100% - 180px');
	margin:0 0 43px 0;
	height:87px;
	dt {
		font-size:26px;
		font-weight:900;
		span {font-size:16px;display:block;color:#E1A810;}
	}
	dd {
		font-size:22px;
		font-weight:100;
		margin-top:6px;
	}
}

#i-viewer {

	overflow-y: auto;

	.modal-content {
		width: 800px;
		border-radius:@ctrl-border-radius;
		background:transparent;
		height:600px;
		.modal-close {
			right:-32px;
			top:-32px;
			font-size:32px;
			color:#E5B817;
			.media_mobile({
				top:0;
				right:0;
			});
		}
		.slide {

			text-align:center;
			position:relative;

			img {
				max-width:100%;
				max-height:600px;
			}

			& > a {
				position:absolute;
				width:50%;
				height:100%;

				&:before {
					position:absolute;
					display:block;
					top:0;
					bottom:0;
					height:60px;
					line-height:60px;
					font-size:32px;
					color:#fff;
					background:#E5B817;
					font-family: "glyph";
					width:40px;
					margin:auto;
				}

				&.prev {
					left:0;
					&:before {
						content: '\F0029';
						left:0;
						border-radius:0 @ctrl-border-radius @ctrl-border-radius 0;
					}
				}
				&.next {
					right:0;
					&:before {
						content: '\F0028';
						right:0;
						border-radius:@ctrl-border-radius 0 0 @ctrl-border-radius;
					}
				}

			}

			.inscript {
				background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
				bottom: 0;
				color: #fff;
				font-size: 13px;
				left: 0;
				padding: 32px;
				position: absolute;
				right: 0;
				.media_mobile({padding:16px;});
			}

		}
		.media_mobile({
			width:100%;
			height:100%;
		});

	}
}