@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i&subset=cyrillic');
html, body { position: relative; overflow-y:scroll; background:#f5f5f5; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:125%; color:#263238; }


h2 {  margin-bottom:1rem; font-family: 'PT Sans Narrow', sans-serif; font-size:1.75rem }
a { color:#1aa1ee; }

table th { border-top:0; color: #1aa1ee; font-size: 0.9rem; font-weight: normal; font-style: italic; }
table tr { padding-left:15px; }
table .td-check { padding-left:30px;  }
table .td-title { width:100%; }
table .td-price { white-space: nowrap; padding-right:30px; }
table td.td-price { font-weight:bold; }


.tooltip { font-size:0.75rem; line-height:1rem;}

.cloud {position: relative; width:100%; background: #fff; border: 1px solid #dae1e4; border-radius: 4px; margin: 30px 0; padding: 30px; }
.gradient-top { position: relative; border-top: 7px solid #1aa1ee; }
.gradient-top:before { content:''; position:absolute; height:7px; top:-7px; left:0; right:0; width:100%; background: #1aa1ee; background: -moz-linear-gradient(left, #00c6ff 0%, #327fdf 100%); background: -webkit-linear-gradient(left, #00c6ff 0%,#327fdf 100%); }
.gradient-block { position:relative; padding:30px; margin-bottom:30px; border-radius:4px; color:#fff; font-family:'PT Sans Narrow', sans-serif; background: #1aa1ee; background: -moz-linear-gradient(45deg, #00c6ff 0%, #327fdf 100%); background: -webkit-linear-gradient(45deg, #00c6ff 0%,#327fdf 100%); background: linear-gradient(45deg, #00c6ff 0%,#327fdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#327fdf',GradientType=1 );  }
.gradient-block-blur {  background: rgba(255, 255, 255, 0.2); margin: 0 -30px 15px; padding:21px 15px; text-align: center; }
.gradient-block-line { position:relative; padding:30px; margin-bottom:30px; border-radius:4px; color:#fff; font-family:'PT Sans Narrow', sans-serif; background: #1aa1ee; background: -moz-linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); background: -webkit-linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); background: linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#327fdf',GradientType=1 ); }

.purple .gradient-block-line { background: #6943b6; background: -moz-linear-gradient(90deg, #7E57C2 0%,#512DA8 100%); background: -webkit-linear-gradient(90deg, #7E57C2 0%,#512DA8 100%); background: linear-gradient(90deg, #7E57C2 0%,#512DA8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7E57C2', endColorstr='#512DA8',GradientType=1 ); }
.purple .gradient-block-line a.g-header-btn { color:#6943b6; }
.purple.group table th, .purple.group .vk-widget-title { color:#6943b6; }
.purple.group .fa-info-circle { color:#6943b6; }
.purple.group .td-check .checkbox:before { border-color:#6943b6 }

#container { margin-top:100px; margin-bottom:120px; }
#header {display:flex; justify-content: space-between; padding:20px; }
.col-contacts { margin-top:-5px; }
.main-cloud { margin-top:0px; }

.manager-link { display:inline-block; margin:3px 0 -5px;  }
.manager-link i { vertical-align:bottom; position: relative; top: -1px; margin-right:5px; }

.countries-wrap { min-height:7px; background: #1aa1ee; background: -moz-linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); background: -webkit-linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); background: linear-gradient(90deg, #00c6ff 0%,#327fdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', endColorstr='#327fdf',GradientType=1 ); }

.navigation-wrap {display: flex; align-items: center; }
.col-logo { padding: 10px 20px; margin-right: 5px; }
.col-logo img { width: 70px; }

#navigation { position: fixed; top: 0; left: 0; right: 0; background: #fff; border-bottom: 2px solid #dbe1e5; z-index:10; }
.fixed-tabs .tabs-wrap { padding:0 23px; }
.tabs { display: flex; }
.tab { user-select:none; }
.tab.channel { display:none; border-color:#fff; padding:15px 20px; text-align:center; cursor:pointer; color: #607d8b; font-weight: bold; transition:0.2s; }
.tab.channel.active-country { display:block; }
.tab.channel:hover { background: #f5f5f5; }
.tab.channel.active { color:#1aa1ee; background: #fff; }

.tabs-countries { margin-left:100px; }
.tab.country { display: flex; padding:6px 20px; line-height:16px; color:#fff; font-size:14px; cursor:pointer; transition:0.2s; }
.tab.country:hover { background:rgba(255, 255, 255, 0.25); }
.tab.country.active { background:#fff; color:#1aa1ee; }

.group { position:relative; margin-bottom:7px; border-radius:4px; }
.g-header { display:flex; padding:10px 15px; margin:0; min-height:50px; align-items: center; justify-content: center;  cursor:pointer;  }
.g-header-img {position: absolute; width: 20%; height: 50px; top: 0; right: 0; background-color: #327fdf; background-size: cover; background-repeat: unset; background-position: center center; border-radius:0 4px 4px 0; }
.g-header-title { font-size: 1.3rem; width:100%;  }
.g-header-title span { display:inline-block; margin-left:15px; opacity:0.7; font-size:1rem; vertical-align: bottom; }
.g-header-title .fab {margin-right: 0.5em; }
.g-header-btn { display:inline-block; background: #fff; border-radius: 4px; color: #327fdf; text-align: center; padding: 3px 7px; margin-left: 10px; white-space: nowrap; font-size: 0.8rem; transition:0.5s; }
.g-header-btn-price { background:none; color:#fff; opacity:0; }
.g-header-btn-link i { margin-right:5px; }
.g-header:hover .g-header-btn-price, .group.active .g-header-btn-price { opacity:1; }
.g-body { padding:0; height:0; overflow:hidden;  }

.group .fa-level-up-alt { transform: rotate(90deg); margin-right: 10px; color: #b0bec5; }
.group .fa-info-circle { color: #1aa1ee; margin-left: 5px; cursor:pointer; }
.group .checkbox { width: 20px; height: 20px; vertical-align: inherit; cursor: pointer; }
.group select { margin:-9px 0; min-width: 80px; padding-left: 5px; padding-right: 5px; }
.group.inst select { min-width: 105px; }
.group .service-descr { font-size: 12px; line-height: 110%; font-weight: normal; padding-top: 5px; color: #37474f; }

.td-check .checkbox { position:relative; }
.td-check .checkbox:before { content:''; position: absolute; z-index:0; left:0; top:0; right:0; bottom: 0; border: 2px solid #1aa1ee; border-radius:4px; }

.td-price .old-price { color:#999; text-decoration: line-through; font-weight: normal; }
.td-price .code-price { color: #d40b0b; }

th.td-count { white-space:nowrap; }
.group .td-check, .group .td-count { vertical-align:middle; }

.total-wrap { max-height: 100%; overflow-y: scroll; position: fixed; z-index:30; background: #37474f; color:#fff; padding:30px; margin: 0; bottom: 0; left: 0; right: 0; border-radius: 0; border-top: 1px solid #fff; box-shadow: 0 -1px 0 #37474f; }
.total-tutorial { font-family: 'PT Sans'; font-style: italic; text-align:center; }
.total-info { display:none; }
.total-button { display:block; background: none; padding:0.75rem 1.25rem; font-size:1.15rem; text-transform:uppercase; color:#fff; border: 3px solid #fff; font-weight:bold; text-align:center; text-decoration: none; border-radius: 4px; transition:0.3s; }
.total-button:hover { transform:scale(1.05); text-decoration:none; color:#1aa1ee; background:#fff;  }

.total-suminfo { font-size:1.5rem; }
.total-suminfo-price-final { background: #fff; display: inline-block; padding: 5px 12px; border-radius: 50px; font-weight: bold; color: #37474f; }
.total-suminfo-price-total, .total-suminfo-price-sale, .total-suminfo-equal-symbol, .total-suminfo-price-codesale { display:none; }
.total-suminfo-price-sale { color:#00c6ff; font-weight:bold; }
.total-suminfo-price-codesale { color: #ff4439; font-weight: bold; }
.total-suminfo-price-total-socials { display:none; }

.total-saleinfo { font-size:0.9rem; }

.vk-widget-title { padding: 0.75rem; color: #1aa1ee; font-size: 0.9rem; font-weight: normal; font-style: italic; text-align: center; }
.vk-widget-wrap {  margin:0 0 8px; border-radius: 4px; background: #f2f2f2;  min-height: 141px; }
.vk_widget, .vk_widget iframe {width: 100% !important; }

.copyright { margin-top:-15px; margin-bottom:15px; width:100%; text-align:center; padding:0 15px; font-size:0.9em; }
.copyright a { white-space:nowrap; }

.order-button { width: 100px; background: #049D4F; display: inline-block; margin: 0 0.25rem; text-align: center; padding: 5px 8px; border-radius: 4px; font-size: 1.15rem; vertical-align: bottom; font-weight: bold; cursor: pointer; transition:0.3s; }
.order-button:hover { background:#00bf54 }
.order-form { display:none; padding:0;  margin-top:1rem;}




.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.color-lblue { color:#00c6ff; }
.color-blue { color:#1aa1ee; }
.color-dblue { color:#327fdf; }
.color-gray { color:#607d8b; }
.color-yellow { color:#ffe148; }
.center {text-align: center; }
.right {text-align: right; }
.bold {font-weight:bold; }
.italic {font-style:italic; }
.upcase { text-transform:uppercase; }
.nowrap { white-space:nowrap; }
.va-bottom { vertical-align:bottom; }
.flex-v-center { align-items:center; }


.a_floatUp { position:relative; animation-name: floatUp; animation-duration: 1s;}
@keyframes floatUp { from {opacity:0; top:100px; } to {opacity:1; top:0px; }}

.a_fadeIn { position:relative; animation-name: fadeIn; animation-duration: 1s; }
@keyframes fadeIn { from {opacity:0.01; } to { opacity:1; } }


@media (max-width:400px) {
	.cloud { padding:30px 15px; }
	#header { text-align:center; }
	.col-logo { margin:0 auto; }
	.col-contacts { display:none; }
	.total-suminfo-label { display:none; }
	.g-header-title .fab { display:none; }
	h2#title { text-align:center; font-size: 1.25rem; }
}

@media (max-width:768px) {
	.g-header-btn span { display:none; }
	.g-header-btn i { margin-right: 0; font-weight: bold; }
	.g-header-title { font-size: 1.25rem; }

	thead { display:none; }
	.table tr { padding:15px 10px; border-top: 1px solid #dee2e6; display:flex; align-items: center; flex-flow: row wrap; }
	.table td { border:none; padding: 3px; }
	.table .td-check { width:10%;  }
	.table .td-title { width:70%; }
	.table .td-price { max-width:20%; color:#1aa1ee;}
	.table .td-count { display:none; order:4; width:100%; }
	.table .td-count select { margin:7px 0 0; }
	.table .td-title i { display: none; }

	.total-info { padding:0; }
	.total-saleinfo { text-align:center; line-height: 110%; }
	.total-suminfo { font-size:1.1rem; text-align:center; }
	.total-wrap { padding:10px 20px 15px; }
	.total-button { padding:0.5rem; }
    .total-suminfo-label { display:none; }
	.total-suminfo-price-final { padding:3px 12px; margin-top:2px; }
	.order-button { font-size:1rem; width:90px; padding:3px 8px; margin-top:2px; }
	.total-tutorial-wrap { padding:0; line-height:110%; }

	.td-price .old-price { display:none; }

	.tab.channel { padding:10px 8px; }
	.tab.channel span { display:none; }
	.tab.channel i.fab { font-size: 1.5em; }
	.tabs-countries { margin: 0 auto; }

	.order-form .form-group { margin-bottom:0.5rem; }
}

@media (max-width:991px) {
	.g-header-btn-price,
	.g-header-title span { display:none; }
	.vk-widget-wrap { margin-top:0; }
	.vk-widget-title { display:none; }
	h2 { font-size:1.35rem; }
}


@media (max-width:1170px) {
	#totalWrap { font-size: 0.9em; } 
}