@charset "UTF-8";

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.channelStyle{
   border-color:red !important;
    border-width:5px !important;
    border-style:solid !important
        -webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
  filter: blur(2px);
}

.channelStyleMouseOver{
   border-color:red !important;
    border-width:5px !important;
    border-style:solid !important
        -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  filter: blur(0px);
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

.channel__list__container .listOf__channels li {
	width: 90px;
	height: 60px;
	float: left;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 40px;
	border: 1px solid #EAEAEA;
	position: relative;
}
.channel_namestl {
	position: relative;
	top: 72px;
	width: 100%;
	font-size: 8px;
}
a.chl_name_alct {
	color: #f94576;
}


a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: 0;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role="button"] {
    cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

small,
.small {
    font-size: 85%;
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase,
.initialism {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
}

.bg-primary {
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eeeeee;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.42857;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0;
    text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.container:before,
.container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

@media (min-width: 768px) {
    .container {
        width: 740px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1180px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
      /* position: relative; */
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    /*width: 50%;*/
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-1 {
        width: 8.33333%;
    }
    .col-sm-2 {
        width: 16.66667%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-4 {
        width: 33.33333%;
    }
    .col-sm-5 {
        width: 41.66667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-7 {
        width: 58.33333%;
    }
    .col-sm-8 {
        width: 66.66667%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-10 {
        width: 83.33333%;
    }
    .col-sm-11 {
        width: 91.66667%;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-pull-1 {
        right: 8.33333%;
    }
    .col-sm-pull-2 {
        right: 16.66667%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-4 {
        right: 33.33333%;
    }
    .col-sm-pull-5 {
        right: 41.66667%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-7 {
        right: 58.33333%;
    }
    .col-sm-pull-8 {
        right: 66.66667%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-10 {
        right: 83.33333%;
    }
    .col-sm-pull-11 {
        right: 91.66667%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-push-1 {
        left: 8.33333%;
    }
    .col-sm-push-2 {
        left: 16.66667%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-4 {
        left: 33.33333%;
    }
    .col-sm-push-5 {
        left: 41.66667%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-7 {
        left: 58.33333%;
    }
    .col-sm-push-8 {
        left: 66.66667%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-10 {
        left: 83.33333%;
    }
    .col-sm-push-11 {
        left: 91.66667%;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.33333%;
    }
    .col-md-2 {
        width: 16.66667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        /*width: 33.33333%;*/
         width: 36.33333%;
    }
    .col-md-5 {
        width: 41.66667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333%;
    }
    .col-md-8 {
        width: 66.66667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333%;
    }
    .col-md-11 {
        width: 91.66667%;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-pull-1 {
        right: 8.33333%;
    }
    .col-md-pull-2 {
        right: 16.66667%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-4 {
        right: 33.33333%;
    }
    .col-md-pull-5 {
        right: 41.66667%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-7 {
        right: 58.33333%;
    }
    .col-md-pull-8 {
        right: 66.66667%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-10 {
        right: 83.33333%;
    }
    .col-md-pull-11 {
        right: 91.66667%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-push-1 {
        left: 8.33333%;
    }
    .col-md-push-2 {
        left: 16.66667%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-4 {
        left: 33.33333%;
    }
    .col-md-push-5 {
        left: 41.66667%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-7 {
        left: 58.33333%;
    }
    .col-md-push-8 {
        left: 66.66667%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-10 {
        left: 83.33333%;
    }
    .col-md-push-11 {
        left: 91.66667%;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333%;
    }
    .col-md-offset-2 {
        margin-left: 16.66667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333%;
    }
    .col-md-offset-5 {
        margin-left: 41.66667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333%;
    }
    .col-md-offset-8 {
        margin-left: 66.66667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333%;
    }
    .col-md-offset-11 {
        margin-left: 91.66667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-1 {
        width: 8.33333%;
    }
    .col-lg-2 {
        width: 16.66667%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-4 {
        width: 33.33333%;
    }
    .col-lg-5 {
        width: 41.66667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-7 {
        width: 58.33333%;
    }
    .col-lg-8 {
        width: 66.66667%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-10 {
        width: 83.33333%;
    }
    .col-lg-11 {
        width: 91.66667%;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-pull-1 {
        right: 8.33333%;
    }
    .col-lg-pull-2 {
        right: 16.66667%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-4 {
        right: 33.33333%;
    }
    .col-lg-pull-5 {
        right: 41.66667%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-7 {
        right: 58.33333%;
    }
    .col-lg-pull-8 {
        right: 66.66667%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-10 {
        right: 83.33333%;
    }
    .col-lg-pull-11 {
        right: 91.66667%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-push-1 {
        left: 8.33333%;
    }
    .col-lg-push-2 {
        left: 16.66667%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-4 {
        left: 33.33333%;
    }
    .col-lg-push-5 {
        left: 41.66667%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-7 {
        left: 58.33333%;
    }
    .col-lg-push-8 {
        left: 66.66667%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-10 {
        left: 83.33333%;
    }
    .col-lg-push-11 {
        left: 91.66667%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777777;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0;
}

.table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.table .table {
    background-color: #fff;
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
    background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
    background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
    background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
    background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .srstatusclass {
        text-align:left;

    }
    .compwidth {
        left:0 !important;
    }
    
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap;
    }
    .table-responsive>.table-bordered {
        border: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0;
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0;
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0;
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #7A7D81;
}

.form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #7A7D81;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s, -moz-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    .input-group-sm>input[type="date"].form-control,
    .input-group-sm>input[type="date"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="date"].btn,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm>input[type="time"].form-control,
    .input-group-sm>input[type="time"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="time"].btn,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm>input[type="datetime-local"].form-control,
    .input-group-sm>input[type="datetime-local"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm>input[type="month"].form-control,
    .input-group-sm>input[type="month"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="month"].btn,
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg,
    .input-group-lg>input[type="date"].form-control,
    .input-group-lg>input[type="date"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="date"].btn,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg>input[type="time"].form-control,
    .input-group-lg>input[type="time"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="time"].btn,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg>input[type="datetime-local"].form-control,
    .input-group-lg>input[type="datetime-local"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg>input[type="month"].form-control,
    .input-group-lg>input[type="month"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="month"].btn,
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}

.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0;
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>.input-group-btn>select[multiple].btn {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>.input-group-btn>select[multiple].btn {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.has-feedback {
    position: relative;
}

.has-feedback .form-control {
    padding-right: 42.5px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label~.form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group>.form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 10px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

.btn-link {
    color: #337ab7;
    font-weight: normal;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none;
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    -moz-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #777777;
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open>.dropdown-menu {
    display: block;
}

.open>a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar:before,
.btn-toolbar:after {
    content: " ";
    display: table;
}

.btn-toolbar:after {
    clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left;
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group>.btn:first-child {
    margin-left: 0;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.btn-group>.btn-group {
    float: left;
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group>.btn-lg+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table;
}

.btn-group-vertical>.btn-group:after {
    clear: both;
}

.btn-group-vertical>.btn-group>.btn {
    float: none;
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%;
}

.btn-group-justified>.btn-group .btn {
    width: 100%;
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto;
}

[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control:focus {
    z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #7A7D81;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.input-group-addon:first-child {
    border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn>.btn+.btn {
    margin-left: -1px;
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2;
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}

.nav:after {
    clear: both;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav>li.disabled>a {
    color: #777777;
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #777777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #7A7D81;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills>li {
    float: left;
}

.nav-pills>li>a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.nav-pills>li+li {
    margin-left: 2px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #337ab7;
}

.nav-stacked>li {
    float: none;
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%;
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px;
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%;
    }
    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0;
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
    content: " ";
    display: table;
}

.navbar:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}

.navbar-header:before,
.navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
    content: " ";
    display: table;
}

.navbar-collapse:after {
    clear: both;
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 10px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}

.navbar-brand>img {
    display: block;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -10px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -10px;
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-form {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .navbar-form .form-control-static {
        display: inline-block;
    }
    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }
    .navbar-form .input-group>.form-control {
        width: 100%;
    }
    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-btn.btn-sm,
.btn-group-sm>.navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs,
.btn-group-xs>.navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px;
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }
    .navbar-right {
        float: right !important;
        margin-right: -10px;
    }
    .navbar-right~.navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
    color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #777;
}

.navbar-default .navbar-nav>li>a {
    color: #777;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #e7e7e7;
    color: #555;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

.navbar-default .navbar-link:hover {
    color: #333;
}

.navbar-default .btn-link {
    color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #333;
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #090909;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #090909;
    color: #fff;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-default {
    background-color: #777777;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #337ab7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

.media {
    margin-top: 15px;
}

.media:first-child {
    margin-top: 0;
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

.media-object.img-thumbnail {
    max-width: none;
}

.media-right,
.media>.pull-right {
    padding-left: 10px;
}

.media-left,
.media>.pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item:first-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5;
}

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef;
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table;
}

.modal-header:after {
    clear: both;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857;
}

.modal-body {
    position: relative;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 1180px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        border-radius:10px;
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs {
    display: none !important;
}

.visible-sm {
    display: none !important;
}

.visible-md {
    display: none !important;
}

.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
   
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
       
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #999;
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}

.select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #d2d6de;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc;
    border: 1px solid #367fa9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
    border: 1px solid #aaa;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
    background-image: -moz-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
    background-image: -moz-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
    background-image: -moz-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
    background-image: -moz-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-nav {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-nav span {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer {
    position: relative;
}

.fancybox-inner {
    position: relative;
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../images/blank.gif");
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}


/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url("../images/fancybox_sprite@2x.png");
        -moz-background-size: 44px 152px;
        background-size: 44px 152px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
    #fancybox-loading div {
        background-image: url("../images/fancybox_loading@2x.gif");
        -moz-background-size: 24px 24px;
        background-size: 24px 24px;
        /*The size of the normal image, half the size of the hi-res image*/
    }
}


/* Slider */

.slick-loading .slick-list {
    background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}


/* Icons */

@font-face {}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-slide:focus {
    outline: 0;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*! jQuery UI - v1.12.1 - 2017-05-12
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}


/* with multiple calendars */

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}


/* Component containers
----------------------------------*/

.ui-widget {
    /* font-family: Arial,Helvetica,sans-serif; */
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    /* font-family: Arial,Helvetica,sans-serif; */
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a {
    color: #454545;
    text-decoration: none;
}

.ui-state-default a:link,
.ui-state-default a:visited {
    color: #454545;
    text-decoration: none;
}

a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-state-focus a {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: #2b2b2b;
    text-decoration: none;
}

a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
    -moz-box-shadow: 0 0 3px 1px #5e9ed6;
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("../../assets/images/datepicker/ui-icons_444444_256x240.png");
}

.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_555555_256x240.png");
}

.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("../../assets/images/datepicker/ui-icons_777777_256x240.png");
}


/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start,
.ui-icon-seek-first {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    -moz-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/


/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/


/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}


/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}


/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}


/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
    left: -26px;
}


/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    bottom: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 21px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}


/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
    width: 260px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    height: 6px;
    margin: 6px auto;
    background-color: #5E5E5E;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}


/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}


/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}


/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
    left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}


/* RTL direction/left-side scrollbar */


/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible horizontal scrollbar */


/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}


/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/


/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/


/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* ---------------------------------------- */


/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}


/* ---------------------------------------- */


/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}


/* theme "dark-thin" */


/* ---------------------------------------- */


/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}


/* ---------------------------------------- */


/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme: "minimal", "minimal-dark" */

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* ---------------------------------------- */


/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* ---------------------------------------- */


/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}


/* ---------------------------------------- */


/*! jQuery UI - v1.12.1 - 2017-10-25
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}


/* Layout helpers
  ----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
  ----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
  ----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}


/* Misc visuals
  ----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}


/* icon support */

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}


/* left-aligned */

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}


/* right-aligned */

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
    text-decoration: none;
}

.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}


/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
    width: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}


/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}


/* button icon element(s) */

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* workarounds */


/* Support: Firefox 5 - 40 */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: -webkit-calc( 100% - 2.4em);
    width: -moz-calc( 100% - 2.4em);
    width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}


/* Spinner specific style fixes */

.ui-checkboxradio-label .ui-icon-background {
    -webkit-box-shadow: inset 1px 1px 1px #ccc;
    -moz-box-shadow: inset 1px 1px 1px #ccc;
    box-shadow: inset 1px 1px 1px #ccc;
    -webkit-border-radius: .12em;
    -moz-border-radius: .12em;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}


/* with multiple calendars */

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}


/* support: IE8 - See #6727 */

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}


/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

html,
body {
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

html .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar,
body .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 4px;
    height: 50px;
    min-height: 50px !important;
    background-color: #CBCBCB;
}

html .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail,
body .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 5px;
    background-color: #EAEAEA;
}

html .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 60px !important;
}

html .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 50px !important;
    min-width: 50px !important;
    height: 4px !important;
    top: 2px;
    background-color: #CBCBCB;
}

html .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100% !important;
    height: 5px !important;
    background-color: #EAEAEA;
}

html .mCSB_container_wrapper>.mCSB_container,
body .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0;
}

body.no-scroll {
    overflow: hidden;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url("../fonts/montserrat-regular/Montserrat-Regular.woff2") format("woff2"), url("../fonts/montserrat-regular/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat-regular/Montserrat-Regular.ttf") format("truetype"), url("../fonts/montserrat-regular/Montserrat-Regular.svg#Montserrat-Regular") format("svg"), url("../fonts/montserrat-regular/Montserrat-Regular.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url("../fonts/montserrat-light/Montserrat-Light.eot");
    src: url("../fonts/montserrat-light/Montserrat-Light.woff2") format("woff2"), url("../fonts/montserrat-light/Montserrat-Light.woff") format("woff"), url("../fonts/montserrat-light/Montserrat-Light.ttf") format("truetype"), url("../fonts/montserrat-light/Montserrat-Light.svg#Montserrat-Light") format("svg"), url("../fonts/montserrat-light/Montserrat-Light.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url("../fonts/montserrat-ExtraLight/Montserrat-ExtraLight.eot");
    src: url("../fonts/montserrat-ExtraLight/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-ExtraLight/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/montserrat-ExtraLight/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/montserrat-ExtraLight/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url("../fonts/montserrat-Medium/Montserrat-Medium.eot");
    src: url("../fonts/montserrat-Medium/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-Medium/Montserrat-Medium.woff2") format("woff2"), url("../fonts/montserrat-Medium/Montserrat-Medium.woff") format("woff"), url("../fonts/montserrat-Medium/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url("../fonts/montserrat-bold/Montserrat-Bold.eot");
    src: url("../fonts/montserrat-bold/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat-bold/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat-bold/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat-bold/Montserrat-Bold.svg#MontserratAlternates-Bold") format("svg"), url("../fonts/montserrat-bold/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url("../fonts/montserrat-semibold/Montserrat-SemiBold.eot");
    src: url("../fonts/montserrat-semibold/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/montserrat-semibold/Montserrat-SemiBold.woff") format("woff"), url("../fonts/montserrat-semibold/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/montserrat-semibold/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg"), url("../fonts/montserrat-semibold/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'Montserrat-Italic';
    src: url("../fonts/montserrat-italic/Montserrat-Italic.eot");
    src: url("../fonts/montserrat-italic/Montserrat-Italic.woff2") format("woff2"), url("../fonts/montserrat-italic/Montserrat-Italic.woff") format("woff"), url("../fonts/montserrat-italic/Montserrat-Italic.ttf") format("truetype"), url("../fonts/montserrat-italic/Montserrat-Italic.svg#Montserrat-Italic") format("svg"), url("../fonts/montserrat-italic/Montserrat-Italic.eot?#iefix") format("embedded-opentype");
}

@font-face {
    font-family: 'WebRupee';
    src: url("../fonts/WebRupee/WebRupee.V2.0.eot");
    src: url("../fonts/WebRupee/WebRupee.V2.0.eot?#iefix") format("embedded-opentype"), url("../fonts/WebRupee/WebRupee.V2.0.woff") format("woff"), url("../fonts/WebRupee/WebRupee.V2.0.ttf") format("truetype"), url("../fonts/WebRupee/WebRupee.V2.0.svg#WebRupee.V2.0") format("svg");
    font-weight: 400;
    font-style: normal;
}

.rupee {
    font-family: "WebRupee" !important;
    vertical-align: middle;
}

body {
    font-family: "Montserrat-Regular";
    font-size: 16px;
    line-height: 1;
    color: #000000;
    background: #FFFFFF;
}

a,
a:hover {
    color: inherit;
}

td,
th {
    padding: 10px 5px;
    font-size: 80%;
    line-height: 20px;
}

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
.radio-custom-label {
    font-weight:normal;
    font-size:14px;
}
input[type='checkbox']+label {
    line-height: 20px;
}

.checkbox-custom-label,
.radio-custom-label {
    position: relative;
}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 1px;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\2713";
    font-family: 'FontAwesome';
    background: #F16122;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    border: none;
}

ul,
li {
    list-style: none;
    padding-left: 0;
}

img {
    max-width: 100%;
}

h1,
.mainHead,
.inner-main__title,
.addons-section__title,
.addons-box__title {
    font-family: "Montserrat-Regular";
    font-weight: 400;
    font-size: 45px;
}

h1 span,
.mainHead span,
.inner-main__title span,
.addons-section__title span,
.addons-box__title span {
    font-family: "Montserrat-ExtraLight";
}

h2 {
    font-family: "Montserrat-ExtraLight";
    font-weight: 200;
    font-size: 40px;
}

h3 {
    font-family: "Montserrat-Regular";
    font-weight: 400;
    font-size: 30px;
}

h4 {
    font-family: "Montserrat-Light";
    font-weight: 300;
    font-size: 25px;
}

h5 {
    font-family: "Montserrat-Regular";
    font-weight: 400;
    font-size: 20px;
}

h6 {
    font-family: "Montserrat-SemiBold";
    font-weight: 700;
    font-size: 20px;
}

.mainHead,
.inner-main__title,
.addons-section__title,
.addons-box__title {
    margin-bottom: 20px;
}

.gradientHead,
.mv-block h2,
.mv-box__title,
.milestone-block__title,
.milestone-block__subtitle,
.yourConeconOne__list.active h2>span,
.active.yourConeconTwo__list h2>span,
.yourConeconOne__list.active h2 strong,
.active.yourConeconTwo__list h2 strong,
.yourConeconOne__list:hover h2>span,
.yourConeconTwo__list:hover h2>span,
.yourConeconOne__list:hover h2 strong,
.yourConeconTwo__list:hover h2 strong,
.yourConeconOne .upgrade:hover h2,
.yourConeconOne .multiroom:hover h2,
.yourConeconOne .upgrade:hover strong,
.yourConeconOne .multiroom:hover strong,
.yourConeconTwo__list.active h2,
.yourConeconTwo__list:hover h2,
.yourConeconTwo__list.active strong,
.yourConeconTwo__list:hover strong,
.yourConecon .list-inline li.active,
.yourConecon .list-inline li:hover,
.channel__list__container h2,
.myDetails__listVal,
.rechargeSec__listVal,
.subcribedtl-block h4,
.myProfile__listVal,
.myTransaction__head h2,
.rechargeSec__addOnlistVal,
.addonpack-col p,
.rechargeSec__bestOffers li h3,
.basePack__addOnlistVal,
.policies__nav>ul>li.current span,
.qckrge__right h3 span,
.qckrge__btnlogin,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
.offerregsec__row .nav-item.active,
.offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item.active a,
.hdmulti-block__title,
.faqs__title.active h3 span,
.payment__typeList.active h3 input[type="radio"]+label span+span,
.mainHead,
.inner-main__title,
.addons-section__title,
.addons-box__title,.popover-title {
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.common-btn-link {
    display: inline-block;
    font-size: 14px;
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
    padding: 5px 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.common-btn-link:hover {
    border: none;
    color: #fff;
    background-position: right center;
}

.common-btn-link+.common-btn-link {
    margin-left: 10px;
}

p {
    font-family: "Montserrat-Light";
    font-size: 16px;
    line-height: 24px;
    color: #6E6E6E;
}

main {
    padding-top: 130px;
    width: 100%;
    margin-bottom: 20px;
}

input:focus {
    outline: none;
}

.common_input input {
    line-height: 1.42857143;
}

.common-btn,
.common-btn-medium,
.common-btn-small,
input.common-btn-small,
.common-btn-medium-greyBorder,
.common-btn-medium-grey,
input[type="submit"] {
    display: inline-block;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 26px 70px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
}

.common-btn.transparent-btn,
.transparent-btn.common-btn-medium,
.transparent-btn.common-btn-small,
.transparent-btn.common-btn-medium-greyBorder,
.transparent-btn.common-btn-medium-grey,
input.transparent-btn[type="submit"] {
    background: #fff;
}

.common-btn.transparent-border-btn,
.transparent-border-btn.common-btn-medium,
.transparent-border-btn.common-btn-small,
.transparent-border-btn.common-btn-medium-greyBorder,
.transparent-border-btn.common-btn-medium-grey,
input.transparent-border-btn[type="submit"] {
    background: none transparent;
    border: 1px solid white;
    padding: 22px 47px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.common-btn.transparent-border-btn:before,
.transparent-border-btn.common-btn-medium:before,
.transparent-border-btn.common-btn-small:before,
.transparent-border-btn.common-btn-medium-greyBorder:before,
.transparent-border-btn.common-btn-medium-grey:before,
input.transparent-border-btn[type="submit"]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: #FFf;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}

.common-btn.transparent-border-btn:hover:before,
.transparent-border-btn.common-btn-medium:hover:before,
.transparent-border-btn.common-btn-small:hover:before,
.transparent-border-btn.common-btn-medium-greyBorder:hover:before,
.transparent-border-btn.common-btn-medium-grey:hover:before,
input.transparent-border-btn[type="submit"]:hover:before,
.common-btn.transparent-border-btn:focus:before,
.transparent-border-btn.common-btn-medium:focus:before,
.transparent-border-btn.common-btn-small:focus:before,
.transparent-border-btn.common-btn-medium-greyBorder:focus:before,
.transparent-border-btn.common-btn-medium-grey:focus:before,
input.transparent-border-btn[type="submit"]:focus:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.common-btn.transparent-border-btn:hover span,
.transparent-border-btn.common-btn-medium:hover span,
.transparent-border-btn.common-btn-small:hover span,
.transparent-border-btn.common-btn-medium-greyBorder:hover span,
.transparent-border-btn.common-btn-medium-grey:hover span,
input.transparent-border-btn[type="submit"]:hover span,
.common-btn.transparent-border-btn:focus span,
.transparent-border-btn.common-btn-medium:focus span,
.transparent-border-btn.common-btn-small:focus span,
.transparent-border-btn.common-btn-medium-greyBorder:focus span,
.transparent-border-btn.common-btn-medium-grey:focus span,
input.transparent-border-btn[type="submit"]:focus span {
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.common-btn:hover,
.common-btn-medium:hover,
.common-btn-small:hover,
.common-btn-medium-greyBorder:hover,
.common-btn-medium-grey:hover,
input[type="submit"]:hover {
    background-position: right center;
    color: #fff;
    -webkit-box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.15);
}

.common-btn-medium,
.common-btn-small,
input.common-btn-small,
.common-btn-medium-greyBorder,
.common-btn-medium-grey,
input[type="submit"] {
    font-family: "Montserrat-Medium";
    font-size: 13px;
    padding: 20px 25px;
    min-width: 180px;
}

.common-btn-small,
input.common-btn-small {
    padding: 14px 25px;
    min-width: 140px;
}

.common-btn-medium-greyBorder {
    background-color: #fff;
    background-image: none;
    color: #acacac;
    padding: 19px 25px;
    border: 1px solid #acacac;
}

.common-btn-medium-greyBorder:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    border-color: transparent;
    padding: 19px 25px;
}

.common-btn-medium-grey {
    background-color: #7F807B;
    background-image: none;
    color: #fff;
}

.common-btn-medium-grey:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
}

.common-btn.transparent-btn:before,
.transparent-btn.common-btn-medium:before,
.transparent-btn.common-btn-small:before,
.transparent-btn.common-btn-medium-greyBorder:before,
.transparent-btn.common-btn-medium-grey:before,
input.transparent-btn[type="submit"]:before {
    z-index: -1;
    opacity: 0;
}

.common-btn:hover:before,
.common-btn-medium:hover:before,
.common-btn-small:hover:before,
.common-btn-medium-greyBorder:hover:before,
.common-btn-medium-grey:hover:before,
input[type="submit"]:hover:before,
.common-btn:focus:before,
.common-btn-medium:focus:before,
.common-btn-small:focus:before,
.common-btn-medium-greyBorder:focus:before,
.common-btn-medium-grey:focus:before,
input[type="submit"]:focus:before,
.common-btn:active:before,
.common-btn-medium:active:before,
.common-btn-small:active:before,
.common-btn-medium-greyBorder:active:before,
.common-btn-medium-grey:active:before,
input[type="submit"]:active:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.recharge__btn,
.account__btn {
    content: "";
    position: relative;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 18px;
    background-position: -20px -20px;
    top: 0;
    left: 0;
    margin-right: 10px;
}

.account__btn {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background-position: -43px -20px;
}

.rainbow2 {
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.connect_with_us {
    display:inline-block;
    margin-top:30px;
    width: 100%;
    text-align: center;
}
.fb_icon a {
    background: url(../images/social_new_ft.png) no-repeat -75px 0;
    height: 31px;
    display: block;
    width: 31px;
       
}
.tweet_icon a {
    background: url(../images/social_new_ft.png) no-repeat 0 0;
    height: 31px;
    display: block;
    width: 31px;
       
}
.insta_icon a {
    background: url(../images/social_new_ft.png) no-repeat -112px 0;
    height: 31px;
    display: block;
    width: 31px;
       
}
.utube_icon a {
    background: url(../images/social_new_ft.png) no-repeat -38px 0;
    height: 31px;
    display: block;
    width: 31px;
       
}
.fb_icon, .utube_icon, .insta_icon, .tweet_icon {
    display:inline-block;
    margin:15px;
}
.red {
    width: 100%;
    background: #F74278;
    height: 300px;
    padding: 50px 0px;
}

.transparent-btn {
    background-image: none;
    background-color: #fff;
    padding: 20px 70px;
    border: 1px solid transparent;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.transparent-btn:hover {
    background-color: transparent;
    border: 1px solid white;
}

.transparent-btn:hover span {
    color: #fff;
    background-image: none;
    background-color: transparent;
    -webkit-text-fill-color: #fff;
}

.transparent-border-btn {
    border: 1px solid white;
    background-image: none;
    background-color: transparent;
    padding: 22px 47px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.transparent-border-btn:hover {
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.social-btn {
    padding: 10px 25px;
    letter-spacing: 1px;
    background-color: #282828;
}

.btn-app-store i,
.btn-play-store i {
    font-size: 20px;
    padding-right: 10px;
}

.stlye-main {
    padding-top: 200px;
}

no-scroll {
    overflow: hidden;
}

.selectBox__label {
    color: #848484;
    font-size: 10px;
}

.selectBox--flRight {
    float: right;
}

.selectBox .dropdown-toggle {
    padding: 20px 30px 20px 20px;
    margin: 0px auto;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: transparent;
    font-family: "Montserrat-Light";
    font-size: 14px;
    background: #fafafa;
    line-height: 1.42857143;
}

.selectBox .dropdown-toggle:hover,
.selectBox .dropdown-toggle:focus {
    background: #fafafa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.selectBox .dropdown-toggle .bs-caret {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background-position: -381px -38px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.selectBox .dropdown-toggle .bs-caret .caret {
    border: none;
}

.selectBox.open.dropdown-toggle:hover {
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

.selectBox.open .bs-caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.selectBox.open .dropdown-menu {
    border-top: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0;
    padding: 0;
}

.selectBox.open .dropdown-menu li>a {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #5E5E5E;
    display: block;
}

.selectBox.open .dropdown-menu li>a:hover,
.selectBox.open .dropdown-menu li>a:focus {
    background: #f16122;
    color: #fff;
}

.selectBox.open .dropdown-menu li.active a,
.selectBox.open .dropdown-menu li.select a {
    color: #fff;
}

.selectBox:focus,
.selectBox .dropdown-toggle:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.selectBox.open .dropdown-toggle {
    border: 1px solid #797D80 !important;
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.selectBox.open .dropdown-toggle:hover,
.selectBox.open .dropdown-toggle:focus {
    background: #fafafa !important;
    border: 1px solid #797D80 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.form-groupCustom input:focus+label+span:before,
.form-groupCustom input.active+label+span:before {
    width: 100%;
    -webkit-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.form-groupCustom input:focus+label,
.form-groupCustom input.active+label {
    top: -10px;
    -webkit-transition: top 0.2s ease;
    -o-transition: top 0.2s ease;
    -moz-transition: top 0.2s ease;
    transition: top 0.2s ease;
    color: #1D1D1D;
}

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}

.vErrMsg {
    color: red;
    font-size: 12px;
    padding-top: 7px;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    position: relative;
}

@-webkit-keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}

@-moz-keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}

@-o-keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}

@keyframes ripple {
    5%,
    100% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
}

input[type="radio"] {
    display: none;
}

input[type="radio"]+label {
    margin-right: 10px;
    padding-left: 28px;
    color: #5E5E5E;
    font-size: 12px;
}

input[type="radio"]+label:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 21px;
    height: 21px;
    border: 2px solid #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
}

input[type="radio"]+label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    background: rgba(213, 59, 59, 0.46);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

input[type="radio"]:checked+label:before {
    padding: 3px;
    border: 2px solid #F16122;
}

input[type="radio"]:checked+label:after {
    background: #F16122;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

input[type='checkbox']+label {
    position: relative;
    display: inline-block;
    color: #5E5E5E;
    -webkit-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
    -o-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
    -moz-transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
    transition: color 250ms cubic-bezier(0.4, 0, 0.23, 1);
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    padding-left: 25px;
}

input[type='checkbox']+label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background-position: -132px -422px;
}

input[type='checkbox']+label:after {
    content: "";
    position: absolute;
    top: 49%;
    left: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 54px;
    height: 54px;
    opacity: 0;
    background: rgba(213, 59, 59, 0.46);
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

input[type='checkbox']:checked+label:before {
    background-position: -104px -422px;
}

input[type='checkbox']:checked+label:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-animation: ripple 1s none;
    -moz-animation: ripple 1s none;
    -o-animation: ripple 1s none;
    animation: ripple 1s none;
    z-index: 99999;
}

@-webkit-keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes shrink-bounce {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -moz-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes shrink-bounce {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes shrink-bounce {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    33% {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

[data-popup-open] {
    cursor: pointer;
}

input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}


/* Normal Track */

input[type="checkbox"].ios-switch+div {
    vertical-align: middle;
    width: 40px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition-duration: .4s;
    -webkit-transition-property: background-color, box-shadow;
    -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.2);
    margin: 15px 1.2em 15px 2.5em;
}

input[type="checkbox"].ios-switch+div:after,
input[type="checkbox"].ios-switch:checked+div:after {
    content: "";
    position: relative;
    top: 4px;
    right: -25px;
    width: 10px;
    height: 10px;
    border: 3px solid #D2D2D2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
}

input[type="checkbox"].ios-switch:checked+div:after {
    left: 5px;
    right: auto;
}


/* Green Track */

input[type="checkbox"].green.ios-switch:checked+div {
    border: none;
}


/* Normal Knob */

input[type="checkbox"].ios-switch+div>div {
    float: left;
    width: 16px;
    height: 16px;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    background: #C64E49;
    -webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
    -moz-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
    -o-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
    transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color, -webkit-transform, -webkit-box-shadow;
    transition-property: background-color, -webkit-transform, -webkit-box-shadow;
    -o-transition-property: background-color, box-shadow, -o-transform;
    -moz-transition-property: transform, background-color, box-shadow, -moz-transform, -moz-box-shadow;
    transition-property: transform, background-color, box-shadow;
    transition-property: transform, background-color, box-shadow, -webkit-transform, -moz-transform, -o-transform, -webkit-box-shadow, -moz-box-shadow;
    transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
    transition-duration: 0.4s;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    -o-transition-property: background-color, -o-transform;
    -moz-transition-property: transform, background-color, -moz-transform;
    transition-property: transform, background-color;
    transition-property: transform, background-color, -webkit-transform, -moz-transform, -o-transform;
    pointer-events: none;
    margin-top: 1px;
    margin-left: 1px;
}


/* Checked Knob (Blue Style) */

input[type="checkbox"].ios-switch:checked+div>div {
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    background-color: #2AB99A;
    width: 16px;
    height: 16px;
}


/* Green Knob */

input[type="checkbox"].green.ios-switch:checked+div>div {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #00a23f;
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #00a23f;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #00a23f;
}

.ie9 .gradientHead,
.ie9 .mv-block h2,
.mv-block .ie9 h2,
.ie9 .mv-box__title,
.ie9 .milestone-block__title,
.ie9 .milestone-block__subtitle,
.ie9 .yourConeconOne__list.active h2>span,
.yourConeconOne__list.active .ie9 h2>span,
.ie9 .active.yourConeconTwo__list h2>span,
.active.yourConeconTwo__list .ie9 h2>span,
.ie9 .yourConeconOne__list.active h2 strong,
.yourConeconOne__list.active h2 .ie9 strong,
.ie9 .yourConeconOne__list:hover h2>span,
.yourConeconOne__list:hover .ie9 h2>span,
.ie9 .yourConeconTwo__list:hover h2>span,
.yourConeconTwo__list:hover .ie9 h2>span,
.ie9 .yourConeconOne__list:hover h2 strong,
.yourConeconOne__list:hover h2 .ie9 strong,
.ie9 .yourConeconOne .upgrade:hover h2,
.yourConeconOne .upgrade:hover .ie9 h2,
.ie9 .yourConeconOne .multiroom:hover h2,
.yourConeconOne .multiroom:hover .ie9 h2,
.ie9 .yourConeconOne .upgrade:hover strong,
.yourConeconOne .upgrade:hover .ie9 strong,
.ie9 .yourConeconOne .multiroom:hover strong,
.yourConeconOne .multiroom:hover .ie9 strong,
.ie9 .yourConeconTwo__list.active h2,
.yourConeconTwo__list.active .ie9 h2,
.ie9 .yourConeconTwo__list:hover h2,
.yourConeconTwo__list:hover .ie9 h2,
.ie9 .yourConeconTwo__list.active strong,
.yourConeconTwo__list.active .ie9 strong,
.ie9 .yourConeconTwo__list:hover strong,
.yourConeconTwo__list:hover .ie9 strong,
.ie9 .yourConecon .list-inline li.active,
.yourConecon .list-inline .ie9 li.active,
.ie9 .yourConecon .list-inline li:hover,
.yourConecon .list-inline .ie9 li:hover,
.ie9 .channel__list__container h2,
.channel__list__container .ie9 h2,
.ie9 .myDetails__listVal,
.ie9 .rechargeSec__listVal,
.ie9 .subcribedtl-block h4,
.subcribedtl-block .ie9 h4,
.ie9 .myProfile__listVal,
.ie9 .myTransaction__head h2,
.myTransaction__head .ie9 h2,
.ie9 .rechargeSec__addOnlistVal,
.ie9 .addonpack-col p,
.addonpack-col .ie9 p,
.ie9 .rechargeSec__bestOffers li h3,
.rechargeSec__bestOffers li .ie9 h3,
.ie9 .basePack__addOnlistVal,
.ie9 .policies__nav>ul>li.current span,
.policies__nav>ul>li.current .ie9 span,
.ie9 .qckrge__right h3 span,
.qckrge__right h3 .ie9 span,
.ie9 .qckrge__btnlogin,
.ie9 .exchangebox__sliderList__tableCol .exchangebox__hdtxt,
.exchangebox__sliderList__tableCol .ie9 .exchangebox__hdtxt,
.ie9 .exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt .ie9 small,
.ie9 .offerregsec__row .nav-item.active,
.offerregsec__row .ie9 .nav-item.active,
.ie9 .offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item:hover .ie9 a,
.ie9 .offerregsec__Type .nav-tabs .nav-item.active a,
.offerregsec__Type .nav-tabs .nav-item.active .ie9 a,
.ie9 .hdmulti-block__title,
.ie9 .faqs__title.active h3 span,
.faqs__title.active h3 .ie9 span,
.ie9 .payment__typeList.active h3 input[type="radio"]+label span+span,
.payment__typeList.active h3 input[type="radio"]+label .ie9 span+span,
.ie10 .gradientHead,
.ie10 .mv-block h2,
.mv-block .ie10 h2,
.ie10 .mv-box__title,
.ie10 .milestone-block__title,
.ie10 .milestone-block__subtitle,
.ie10 .yourConeconOne__list.active h2>span,
.yourConeconOne__list.active .ie10 h2>span,
.ie10 .active.yourConeconTwo__list h2>span,
.active.yourConeconTwo__list .ie10 h2>span,
.ie10 .yourConeconOne__list.active h2 strong,
.yourConeconOne__list.active h2 .ie10 strong,
.ie10 .yourConeconOne__list:hover h2>span,
.yourConeconOne__list:hover .ie10 h2>span,
.ie10 .yourConeconTwo__list:hover h2>span,
.yourConeconTwo__list:hover .ie10 h2>span,
.ie10 .yourConeconOne__list:hover h2 strong,
.yourConeconOne__list:hover h2 .ie10 strong,
.ie10 .yourConeconOne .upgrade:hover h2,
.yourConeconOne .upgrade:hover .ie10 h2,
.ie10 .yourConeconOne .multiroom:hover h2,
.yourConeconOne .multiroom:hover .ie10 h2,
.ie10 .yourConeconOne .upgrade:hover strong,
.yourConeconOne .upgrade:hover .ie10 strong,
.ie10 .yourConeconOne .multiroom:hover strong,
.yourConeconOne .multiroom:hover .ie10 strong,
.ie10 .yourConeconTwo__list.active h2,
.yourConeconTwo__list.active .ie10 h2,
.ie10 .yourConeconTwo__list:hover h2,
.yourConeconTwo__list:hover .ie10 h2,
.ie10 .yourConeconTwo__list.active strong,
.yourConeconTwo__list.active .ie10 strong,
.ie10 .yourConeconTwo__list:hover strong,
.yourConeconTwo__list:hover .ie10 strong,
.ie10 .yourConecon .list-inline li.active,
.yourConecon .list-inline .ie10 li.active,
.ie10 .yourConecon .list-inline li:hover,
.yourConecon .list-inline .ie10 li:hover,
.ie10 .channel__list__container h2,
.channel__list__container .ie10 h2,
.ie10 .myDetails__listVal,
.ie10 .rechargeSec__listVal,
.ie10 .subcribedtl-block h4,
.subcribedtl-block .ie10 h4,
.ie10 .myProfile__listVal,
.ie10 .myTransaction__head h2,
.myTransaction__head .ie10 h2,
.ie10 .rechargeSec__addOnlistVal,
.ie10 .addonpack-col p,
.addonpack-col .ie10 p,
.ie10 .rechargeSec__bestOffers li h3,
.rechargeSec__bestOffers li .ie10 h3,
.ie10 .basePack__addOnlistVal,
.ie10 .policies__nav>ul>li.current span,
.policies__nav>ul>li.current .ie10 span,
.ie10 .qckrge__right h3 span,
.qckrge__right h3 .ie10 span,
.ie10 .qckrge__btnlogin,
.ie10 .exchangebox__sliderList__tableCol .exchangebox__hdtxt,
.exchangebox__sliderList__tableCol .ie10 .exchangebox__hdtxt,
.ie10 .exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt .ie10 small,
.ie10 .offerregsec__row .nav-item.active,
.offerregsec__row .ie10 .nav-item.active,
.ie10 .offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item:hover .ie10 a,
.ie10 .offerregsec__Type .nav-tabs .nav-item.active a,
.offerregsec__Type .nav-tabs .nav-item.active .ie10 a,
.ie10 .hdmulti-block__title,
.ie10 .faqs__title.active h3 span,
.faqs__title.active h3 .ie10 span,
.ie10 .payment__typeList.active h3 input[type="radio"]+label span+span,
.payment__typeList.active h3 input[type="radio"]+label .ie10 span+span,
.ie11 .gradientHead,
.ie11 .mv-block h2,
.mv-block .ie11 h2,
.ie11 .mv-box__title,
.ie11 .milestone-block__title,
.ie11 .milestone-block__subtitle,
.ie11 .yourConeconOne__list.active h2>span,
.yourConeconOne__list.active .ie11 h2>span,
.ie11 .active.yourConeconTwo__list h2>span,
.active.yourConeconTwo__list .ie11 h2>span,
.ie11 .yourConeconOne__list.active h2 strong,
.yourConeconOne__list.active h2 .ie11 strong,
.ie11 .yourConeconOne__list:hover h2>span,
.yourConeconOne__list:hover .ie11 h2>span,
.ie11 .yourConeconTwo__list:hover h2>span,
.yourConeconTwo__list:hover .ie11 h2>span,
.ie11 .yourConeconOne__list:hover h2 strong,
.yourConeconOne__list:hover h2 .ie11 strong,
.ie11 .yourConeconOne .upgrade:hover h2,
.yourConeconOne .upgrade:hover .ie11 h2,
.ie11 .yourConeconOne .multiroom:hover h2,
.yourConeconOne .multiroom:hover .ie11 h2,
.ie11 .yourConeconOne .upgrade:hover strong,
.yourConeconOne .upgrade:hover .ie11 strong,
.ie11 .yourConeconOne .multiroom:hover strong,
.yourConeconOne .multiroom:hover .ie11 strong,
.ie11 .yourConeconTwo__list.active h2,
.yourConeconTwo__list.active .ie11 h2,
.ie11 .yourConeconTwo__list:hover h2,
.yourConeconTwo__list:hover .ie11 h2,
.ie11 .yourConeconTwo__list.active strong,
.yourConeconTwo__list.active .ie11 strong,
.ie11 .yourConeconTwo__list:hover strong,
.yourConeconTwo__list:hover .ie11 strong,
.ie11 .yourConecon .list-inline li.active,
.yourConecon .list-inline .ie11 li.active,
.ie11 .yourConecon .list-inline li:hover,
.yourConecon .list-inline .ie11 li:hover,
.ie11 .channel__list__container h2,
.channel__list__container .ie11 h2,
.ie11 .myDetails__listVal,
.ie11 .rechargeSec__listVal,
.ie11 .subcribedtl-block h4,
.subcribedtl-block .ie11 h4,
.ie11 .myProfile__listVal,
.ie11 .myTransaction__head h2,
.myTransaction__head .ie11 h2,
.ie11 .rechargeSec__addOnlistVal,
.ie11 .addonpack-col p,
.addonpack-col .ie11 p,
.ie11 .rechargeSec__bestOffers li h3,
.rechargeSec__bestOffers li .ie11 h3,
.ie11 .basePack__addOnlistVal,
.ie11 .policies__nav>ul>li.current span,
.policies__nav>ul>li.current .ie11 span,
.ie11 .qckrge__right h3 span,
.qckrge__right h3 .ie11 span,
.ie11 .qckrge__btnlogin,
.ie11 .exchangebox__sliderList__tableCol .exchangebox__hdtxt,
.exchangebox__sliderList__tableCol .ie11 .exchangebox__hdtxt,
.ie11 .exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt .ie11 small,
.ie11 .offerregsec__row .nav-item.active,
.offerregsec__row .ie11 .nav-item.active,
.ie11 .offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item:hover .ie11 a,
.ie11 .offerregsec__Type .nav-tabs .nav-item.active a,
.offerregsec__Type .nav-tabs .nav-item.active .ie11 a,
.ie11 .hdmulti-block__title,
.ie11 .faqs__title.active h3 span,
.faqs__title.active h3 .ie11 span,
.ie11 .payment__typeList.active h3 input[type="radio"]+label span+span,
.payment__typeList.active h3 input[type="radio"]+label .ie11 span+span {
    background: #F74278;
}


/** Privacy Policy **/

.privacy__policy__userInfo li {
    list-style: disc;
    margin: 10px 30px;
    line-height: 20px;
    font: 16px/24px "Montserrat-Light";
}

.errormeg input {
    border-color: #f12222 !important;
    background: #f5e3df !important;
}

.errormeg__txt,
.errormeg .vErrMsg {
    color: #f12222;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
}

.selectBox .dropdown-menu>.active>a,
.selectBox .dropdown-menu>.active>a:hover,
.selectBox .dropdown-menu>.active>a:focus {
    background: #f16122;
    color: #fff;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
}


/** Dropdown Animation **/

.arrow {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    bottom: -30px;
    left: -10px;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;
    margin-top: 2px;
    text-align: left;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
}

.arrow:before,
.arrow:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 12px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transition: 0.4s ease;
}

.arrow:after {
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: -5px;
    left: 5px;
}


/** table style **/

.table__style table {
    color: #787878;
    width: 100%;
}

.table__style table th {
    padding: 15px 20px;
    text-align: left;
    background: #EAEEF2;
    text-transform: uppercase;
    width: 20%;
}

.table__style table th:first-child,
.table__style table th:last-child,
.table__style table th:nth-child(4) {
    text-align: center;
}

.table__style table td {
    padding: 0px 20px;
    text-align: left;
    width: 20%;
}

.table__style table td:first-child,
.table__style table td:last-child,
.table__style table td:nth-child(4) {
    text-align: center;
}

.table__style table td input {
    max-width: 40px;
}

.table__style table td i {
    padding-right: 10px;
}

.table__style table tr {
    border-bottom: 1px solid #ccc;
}

.table__style table tr:first-child {
    border-bottom: 1px solid transparent;
}

.input-mb-0 {
    margin-bottom: 0 !important;
}

.ui-datepicker td span,
.ui-datepicker td a.ui-state-default {
    border: none;
    background: none;
    padding: 8px;
}

.ui-datepicker td a.ui-state-default.ui-state-highlight {
    background: #ED1D24;
    color: #FFFFFF;
}

.ui-datepicker .ui-datepicker-calendar th {
    font-weight: normal;
    color: #777777;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: normal;
    color: #000000;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #ED1D24;
    font-weight: bold;
    background: #D53B3B;
}

.ui-datepicker .ui-datepicker-title select,
.ui-datepicker .ui-datepicker-title select:focus {
    background: none;
    border: none;
    outline: none;
}

.ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    border-bottom: 1px solid #ccc;
}

.ui-widget-header .ui-datepicker-prev .ui-icon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -244px -101px;
}

.ui-widget-header .ui-datepicker-prev:hover,
.ui-widget-header .ui-datepicker-next:hover {
    border: none;
    background: none;
}

.ui-widget-header .ui-datepicker-next .ui-icon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: -267px -101px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-prev:focus {
    top: 2px;
    left: 2px;
    cursor: pointer;
}

.ui-datepicker-next:hover,
.ui-datepicker-next:focus {
    top: 2px;
    right: 2px;
    cursor: pointer;
}

.ui-datepicker td a.ui-state-default.ui-state-highlight {
    background: #D53B3B;
    color: #fff;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar th {
    font-weight: normal;
    color: #BCBCBC;
}

.slick-dots li {
    height: 8px;
    width: 8px;
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
}

.slick-dots li button {
    height: 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 8px;
    background: #fff;
    padding: 0;
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
}

.slick-dots li button:before {
    content: none;
}

.slick-dots li.slick-active {
    width: 20px;
}

.slick-dots li.slick-active button {
    width: 20px;
    -moz-background-clip: inherit;
    background-clip: inherit;
    background-color: #F74278;
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.inner-main {
    padding-top: 80px;
}

.inner-main h1 {
    margin-top: 0;
}

.inner-main__title {
    text-align: center;
    margin: 0 auto 36px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.setipLeRi:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 76px;
    height: 659px;
    background: url("../images/new-connection/vectorleft-c00.png");
    z-index: -1;

    animation: Circlered 3s infinite;
    -webkit-animation: Circlered 3s infinite;
    -moz-animation: Circlered 3s infinite;
    -ms-animation: Circlered 3s infinite;
    -o-animation: Circlered 3s infinite;
}

.setipLeRi:after {
    content: "";
    position: fixed;
    top: 33%;
    right: 0;
    width: 68px;
    height: 537px;
    background: url("../images/new-connection/vectorright-c00.png");
    z-index: -1;

    animation: Circlered 3s infinite;
    -webkit-animation: Circlered 3s infinite;
    -moz-animation: Circlered 3s infinite;
    -ms-animation: Circlered 3s infinite;
    -o-animation: Circlered 3s infinite;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #FFFFFF;
    border-color: #F74278;
    background-color: #F74278;
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.pagination>.disabled>a,
.pagination>li>a,
.pagination>li>span,
.pagination>.disabled>span {
    color: #535353;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    input[type="checkbox"].ios-switch:checked+div>div {
        position: relative;
        right: -20px;
    }
    .gradientHead,
    .mv-block h2,
    .mv-box__title,
    .milestone-block__title,
    .milestone-block__subtitle,
    .yourConeconOne__list.active h2>span,
    .active.yourConeconTwo__list h2>span,
    .yourConeconOne__list.active h2 strong,
    .active.yourConeconTwo__list h2 strong,
    .yourConeconOne__list:hover h2>span,
    .yourConeconTwo__list:hover h2>span,
    .yourConeconOne__list:hover h2 strong,
    .yourConeconTwo__list:hover h2 strong,
    .yourConeconOne .upgrade:hover h2,
    .yourConeconOne .multiroom:hover h2,
    .yourConeconOne .upgrade:hover strong,
    .yourConeconOne .multiroom:hover strong,
    .yourConeconTwo__list.active h2,
    .yourConeconTwo__list:hover h2,
    .yourConeconTwo__list.active strong,
    .yourConeconTwo__list:hover strong,
    .yourConecon .list-inline li.active,
    .yourConecon .list-inline li:hover,
    .channel__list__container h2,
    .myDetails__listVal,
    .rechargeSec__listVal,
    .subcribedtl-block h4,
    .myProfile__listVal,
    .myTransaction__head h2,
    .rechargeSec__addOnlistVal,
    .addonpack-col p,
    .rechargeSec__bestOffers li h3,
    .basePack__addOnlistVal,
    .policies__nav>ul>li.current span,
    .qckrge__right h3 span,
    .qckrge__btnlogin,
    .exchangebox__sliderList__tableCol .exchangebox__hdtxt,
    .exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
    .offerregsec__row .nav-item.active,
    .offerregsec__Type .nav-tabs .nav-item:hover a,
    .offerregsec__Type .nav-tabs .nav-item.active a,
    .hdmulti-block__title,
    .faqs__title.active h3 span,
    .payment__typeList.active h3 input[type="radio"]+label span+span,
    .rainbow2,
    .mainHead,
    .inner-main__title,
    .addons-section__title,
    .addons-box__title {
        background: transparent;
        color: #F74278;
    }
    .checkbox-custom+.checkbox-custom-label:before {
        padding: 3px;
    }
    .errormeg__txt,
    .errormeg .vErrMsg {
        left: 0px;
        width: 100%;
        bottom: 0px;
    }
    .checkbox-custom+.checkbox-custom-label:before,
    .radio-custom+.radio-custom-label:before {
        padding: 0;
    }
    .policies__nav>ul {
        top: 1px !important;
    }
    .transparent-border-btn:before {
        display: none;
    }
    .transparent-border-btn:hover,
    .transparent-border-btn:focus {
        background: #fff;
        color: #F74278;
    }
    .transparent-border-btn:hover span,
    .transparent-border-btn:focus span {
        background: transparent !important;
        color: #F74278;
    }
}

.bs-searchbox .form-control {
    color: #7A7D81;
    background: #fff;
    padding: 7px 10px 10px 10px;
}

.icon-sd {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 19px;
    background-position: -234px -20px;
}

.icon-hd {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 19px;
    background-position: -193px -20px;
}

.icon-upgrade {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-position: -25px -290px;
}

.icon-multi {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-position: -115px -20px;
}

.icon-add-ons {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: -138px -265px;
	width: 39px;
	height: 26px;
}

.icon-add-ons-a-la-carte {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: -138px -265px;
	width: 39px;
	height: 26px;
}

.icon-fb {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 16px;
    background-position: -367px -61px;
}

.icon-twitter {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 14px;
    background-position: -303px -61px;
}

.icon-linkedin {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    background-position: -275px -61px;
}

.icon-youtube {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 12px;
    background-position: -335px -61px;
}

.active .icon-sd,
li:hover .icon-sd {
    background-position: -234px -61px;
}

.active .icon-hd,
li:hover .icon-hd {
    background-position: -193px -61px;
}

.active .icon-upgrade,
li:hover .icon-upgrade {
    background-position: -71px -290px;
}

.active .icon-multi,
li:hover .icon-multi {
    background-position: -115px -61px;
}

.active .icon-add-ons, li:hover .icon-add-ons {
    background-position: -191px -265px;
}

.active .icon-add-ons-a-la-carte, li:hover .icon-add-ons-a-la-carte {
    background-position: -191px -265px;
}

.icon-sharper {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 26px;
    background-position: -87px -101px;
}

.icon-digital {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 33px;
    background-position: -51px -101px;
}

.icon-recharge {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 26px;
    background-position: -276px -20px;
}

.icon-changepacks {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 26px;
    background-position: -303px -20px;
}

.icon-callcenter {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-position: -343px -20px;
}

.icon-eye {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 26px;
    background-position: -241px -130px;
}

.icon-colors {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 26px;
    background-position: -291px -141px;
}

.icon-sound {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 27px;
    background-position: -289px -100px;
}

header {
    border-bottom: 1px solid #DBDBDB;
    width: 100%;
    float: left;
    background: #FFFFFF;
    padding: 36px 0;
    position: fixed;
    top: 0;
    z-index: 9;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

header .logo img {
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
    display: inline-block;
    width: 136px;
}

.fixed-header {
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    padding: 15px 0px;
    -webkit-box-shadow: 0 11px 27px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 11px 27px rgba(0, 0, 0, 0.04);
    box-shadow: 0 11px 27px rgba(0, 0, 0, 0.04);
}

.fixed-header .logo img {
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
    width: 80px;
}

.fixed-header .menu li .common-btn,
.fixed-header .menu li .common-btn-medium,
.fixed-header .menu li .common-btn-small,
.fixed-header .menu li .common-btn-medium-greyBorder,
.fixed-header .menu li .common-btn-medium-grey,
.fixed-header .menu li input[type="submit"] {
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    padding: 10px 20px;
}

.fixed-header .back-to-link {
    padding-top: 15px;
}

.menu {
    width: 88%;
    float: right;
    padding-top: 17px;
}

.menu ul li:last-child {
    float: right;
    padding-left: 20px;
}

.menu li {
    float: left;
    text-transform: uppercase;
    padding-left: 28px;
    letter-spacing: 0.6px;
    font-size: 12px;
    font-family: "Montserrat-Regular";
}

.menu li a:hover,
.menu li.active a {
    color: #F16122;
}

.menu li.active a {
    font-family: "Montserrat-SemiBold";
}

.menu li .common-btn,
.menu li .common-btn-medium,
.menu li .common-btn-small,
.menu li .common-btn-medium-greyBorder,
.menu li .common-btn-medium-grey,
.menu li input[type="submit"] {
    padding: 15px 20px;
    min-width: 170px;
    font-size: 13px;
    margin-top: -15px;
    margin-left: 20px;
    font-family: "Montserrat-Medium";
}

.menu li .common-btn:hover,
.menu li .common-btn-medium:hover,
.menu li .common-btn-small:hover,
.menu li .common-btn-medium-greyBorder:hover,
.menu li .common-btn-medium-grey:hover,
.menu li input[type="submit"]:hover {
    color: #FFFFFF;
}

.menu li .common-btn:first-child,
.menu li .common-btn-medium:first-child,
.menu li .common-btn-small:first-child,
.menu li .common-btn-medium-greyBorder:first-child,
.menu li .common-btn-medium-grey:first-child,
.menu li input[type="submit"]:first-child {
    min-width: 170px;
}

.mobileMenu {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 17px;
    right: 20px;
    display: none;
}

.mobileMenu__hamburger,
.mobileMenu__cross {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mobileMenu__hamburger span {
    display: block;
    width: 18px;
    height: 2px;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative;
}

.mobileMenu__hamburger span:last-child {
    margin: 0;
}

.mobileMenu__hamburger span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0f0f0f;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: -webkit-transform ease 300ms;
    transition: -webkit-transform ease 300ms;
    -o-transition: -o-transform ease 300ms;
    -moz-transition: transform ease 300ms, -moz-transform ease 300ms;
    transition: transform ease 300ms;
    transition: transform ease 300ms, -webkit-transform ease 300ms, -moz-transform ease 300ms, -o-transform ease 300ms;
}

.mobileMenu__hamburger span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0f0f0f;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: -webkit-transform ease 300ms;
    transition: -webkit-transform ease 300ms;
    -o-transition: -o-transform ease 300ms;
    -moz-transition: transform ease 300ms, -moz-transform ease 300ms;
    transition: transform ease 300ms;
    transition: transform ease 300ms, -webkit-transform ease 300ms, -moz-transform ease 300ms, -o-transform ease 300ms;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.mobileMenu__hamburger span:nth-child(2):before,
.mobileMenu__hamburger span:nth-child(2):after {
    -webkit-transition-delay: 75ms;
    -moz-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms;
}

.mobileMenu__hamburger span:last-child:before,
.mobileMenu__hamburger span:last-child:after {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.mobileMenu:hover .mobileMenu__hamburger span:before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.mobileMenu:hover .mobileMenu__hamburger span:after {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}

.mobileMenu.open .mobileMenu__hamburger span:before {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.mobileMenu.open .mobileMenu__hamburger span:after {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}

.mobileMenu__cross span {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #0f0f0f;
    -webkit-transform: translateY(50%) rotate(45deg) scaleX(0);
    -moz-transform: translateY(50%) rotate(45deg) scaleX(0);
    -ms-transform: translateY(50%) rotate(45deg) scaleX(0);
    -o-transform: translateY(50%) rotate(45deg) scaleX(0);
    transform: translateY(50%) rotate(45deg) scaleX(0);
    -webkit-transition: -webkit-transform ease 200ms;
    transition: -webkit-transform ease 200ms;
    -o-transition: -o-transform ease 200ms;
    -moz-transition: transform ease 200ms, -moz-transform ease 200ms;
    transition: transform ease 200ms;
    transition: transform ease 200ms, -webkit-transform ease 200ms, -moz-transform ease 200ms, -o-transform ease 200ms;
}

.mobileMenu__cross span:last-child {
    -webkit-transform: translateY(-50%) rotate(-45deg) scaleX(0);
    -moz-transform: translateY(-50%) rotate(-45deg) scaleX(0);
    -ms-transform: translateY(-50%) rotate(-45deg) scaleX(0);
    -o-transform: translateY(-50%) rotate(-45deg) scaleX(0);
    transform: translateY(-50%) rotate(-45deg) scaleX(0);
}

.mobileMenu.open .mobileMenu__cross span {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
    -webkit-transform: translateY(50%) rotate(45deg) scaleX(1);
    -moz-transform: translateY(50%) rotate(45deg) scaleX(1);
    -ms-transform: translateY(50%) rotate(45deg) scaleX(1);
    -o-transform: translateY(50%) rotate(45deg) scaleX(1);
    transform: translateY(50%) rotate(45deg) scaleX(1);
}

.mobileMenu.open .mobileMenu__cross span:last-child {
    -webkit-transform: translateY(-50%) rotate(-45deg) scaleX(1);
    -moz-transform: translateY(-50%) rotate(-45deg) scaleX(1);
    -ms-transform: translateY(-50%) rotate(-45deg) scaleX(1);
    -o-transform: translateY(-50%) rotate(-45deg) scaleX(1);
    transform: translateY(-50%) rotate(-45deg) scaleX(1);
}

.myaccount-btn {
    position: relative;
    padding: 11px 47px !important;
    min-width: 287px !important;
    margin-left: 0 !important;
    text-align: left;
}

.myaccount-btn:active {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.myaccount-btn:focus {
    color: #FFF;
    outline: none;
}

.myaccount-btn:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 16px;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background-position: -43px -20px;
}

.myaccount-btn:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 14px;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.dropdown.open .myaccount-btn:after {
    top: 17px;
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
}

.menu li .dropdown-menu {
    width: 100%;
    margin-top: 0;
    padding: 17px 10px 0 10px;
    -webkit-border-bottom-right-radius: 22px;
    -moz-border-radius-bottomright: 22px;
    border-bottom-right-radius: 22px;
    -webkit-border-bottom-left-radius: 22px;
    -moz-border-radius-bottomleft: 22px;
    border-bottom-left-radius: 22px;
    overflow: hidden;
    top: 32%;
    z-index: -1;
    border: 1px solid rgba(216, 216, 216, 0.15);
    -webkit-box-shadow: 13px 10px 40px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 13px 10px 40px rgba(0, 0, 0, 0.175);
    box-shadow: 13px 10px 40px rgba(0, 0, 0, 0.175);
}

.menu li .dropdown-menu>li {
    padding-left: 0;
    float: none;
    border-bottom: 1px solid rgba(216, 216, 216, 0.52);
}

.menu li .dropdown-menu>li>a {
    padding: 16px 20px 16px 37px;
    position: relative;
}

.menu li .dropdown-menu>li>a:before {
    content: "";
    left: 5px;
    position: absolute;
    top: 18px;
}

.menu li .dropdown-menu>li>a:hover,
.menu li .dropdown-menu>li>a:focus {
    background: none;
}

.trans-link:before {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 17px;
    background-position: -19px -141px;
}

.myprofile-link:before {
    top: 15px !important;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 18px;
    background-position: -87px -141px;
}

.logout-link:before {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 13px;
    background-position: -121px -141px;
}

.back-to-link {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 12px;
    font-family: "Montserrat-Regular";
    color: #F16122;
    float: right;
    padding-top: 25px;
}

.securePayment {
    float: right;
    margin-bottom: 5px;
}

.securePayment .paymentPartner {
    width: 100%;
    display: inline-block;
    position: relative;
}

.securePayment .paymentPartner img {
    width: 73px;
    height: 30px;
    float: right;
}

.securePayment .paymentPartner:before {
    content: "Powered by";
    position: absolute;
    top: -8px;
    right: -1px;
    font-size: 8px;
    font-family: "Montserrat-Light";
}

.securePayment .secureConnection {
    display: block;
    font-size: 12px;
    font-family: "Montserrat-Light";
    position: relative;
    padding-left: 15px;
    line-height: 14px;
}

.securePayment .secureConnection:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 13px;
    background-position: -247px -233px;
}

@media screen and (max-width: 1319px) {
    .menu {
        width: 88%;
    }
    .menu ul li:last-child {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1300px) {
    .menu ul li:last-child {
        padding-left: 40px;
    }
    .menu .dropdown-menu>li:last-child {
        padding-left: 0;
    }
}

@media screen and (max-width: 1199px) {
    header .logo img {
        width: 100px;
    }
    .menu li,
    .menu ul li:last-child {
        padding-left: 15px;
    }
    .menu li .common-btn,
    .menu li .common-btn-medium,
    .menu li .common-btn-small,
    .menu li .common-btn-medium-greyBorder,
    .menu li .common-btn-medium-grey,
    .menu li input[type="submit"] {
        margin-left: 5px;
    }
    .back-to-link {
        padding-top: 17px;
    }
    main {
        padding-top: 115px;
    }
}

@media screen and (max-width: 991px) {
    header {
        padding: 15px 0;
    }
    .mobileMenu {
        display: block;
    }
    .menu {
        padding-top: 0;
    }

    #mobile_helpline {
        background: url(../images/callimg.png) no-repeat;
        display: inline-block;
        width: 54px;
        right: 63px;
        top: 3px;
        background-size: 30px 31px;
        height: 36px;
        position: absolute;
        background-position: 10px 3px;
    }
    .mob-quicklink {
        background: url(../images/qckrecharge.png) no-repeat;
        display: inline-block;
        width: 54px;
        right: 125px;
        top: 3px;
        background-size: 22px 31px;
        height: 40px;
        position: absolute;
        background-position: 14px 3px;
    }
    #mobile_helpline span, .mob-quicklink span {
        text-align: center;
        display: block;
        position: relative;
        top: 36px;
        left: 0px;
        font-family: "sky_textregular", Tahoma, Arial !important;
        font-size: 11px;
        color: #797979;
    }
    .popover-content {
        position: relative;
        text-align: center;
        top: 30px;
        width: 95%;
        padding-top: 5px;
        background-color: rgb(240, 240, 240);
    }
    .popover-title {
    margin-top: 50px;
    top: 30px;
    margin-bottom: 13px;
    position: relative;
    text-align: center;
    font-size: 24px;
}
    .menu ul {
        opacity: 0;
        width: 95.5%;
        visibility: hidden;
        -webkit-transform: translate3d(0, -500px, -500px);
        -moz-transform: translate3d(0, -500px, -500px);
        transform: translate3d(0, -500px, -500px);
        position: absolute;
        background: #fff;
        right: 20px;
        padding: 10px 20px 0px;
        top: 72px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
        -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .menu ul.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .menu li,
    .menu ul li:last-child {
        padding: 0;
        margin-top: 10px;
    }
    .menu li {
        float: none;
        margin-bottom: 10px;
    }
    .menu li .open>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        right: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        top: 15px !important;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .menu li .dropdown-menu {
        top: -100% !important;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }
    .menu li .common-btn,
    .menu li .common-btn-medium,
    .menu li .common-btn-small,
    .menu li .common-btn-medium-greyBorder,
    .menu li .common-btn-medium-grey,
    .menu li input[type="submit"] {
        margin: 0 0 10px;
        display: block;
    }
    main {
        padding-top: 72px;
    }
    .fixed-header .mobileMenu {
        top: 15px;
    }
    .fixed-header .menu ul {
        top: 64px;
    }
    .back-to-link {
        padding-top: 15px;
    }
}

.banner {
    width: 100%;
    float: left;
    margin-bottom: 74px;
}

.banner .js-banner {
    position: relative;
    overflow: hidden;
}

.banner .js-banner .slick-dots {
    bottom: 10%;
    left: 0;
}

.banner .js-banner .slick-dots li {
    height: 8px;
    width: 8px;
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
}

.banner .js-banner .slick-dots li button {
    height: 8px;
    width: 8px;
    background: #fff;
    padding: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: width 0.6s;
    -o-transition: width 0.6s;
    -moz-transition: width 0.6s;
    transition: width 0.6s;
}

.banner .js-banner .slick-dots li.slick-active {
    width: 20px;
}

.banner .js-banner .slick-dots li.slick-active button {
    width: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
}

.bannerItem {
    color: #FFFFFF;
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 500px;
}

.bannerItem .container {
    height: 100%;
}

.bannerItem figure img {
    padding-top: 10px;
    position: relative;
}

.bannerItem figcaption {
    float: right;
    position: relative;
    padding-top: 130px;
}

.bannerItem figcaption .common-btn,
.bannerItem figcaption .common-btn-medium,
.bannerItem figcaption .common-btn-small,
.bannerItem figcaption .common-btn-medium-greyBorder,
.bannerItem figcaption .common-btn-medium-grey,
.bannerItem figcaption input[type="submit"] {
    -webkit-box-shadow: 7px 9px 20px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 7px 9px 20px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 7px 9px 20px 0px rgba(0, 0, 0, 0.13);
    position: absolute;
    bottom: -213px;
    left: 0;
}

.bannerHead {
    font-size: 43px;
    color: #FFFFFF;
    font-family: "Montserrat-Regular";
    font-weight: 400;
    margin-bottom: 30px;
}

.bannerHead small {
    color: #FFFFFF;
    display: block;
    font-size: 44px;
    font-family: "Montserrat-ExtraLight";
    font-weight: 200;
    letter-spacing: 0.5px;
    padding-bottom: 5px;
}

.bannerHead small.color-black {
    color: #525355;
}

.bannerHead--small {
    font-size: 40px;
    font-family: "Montserrat-Medium";
}

.bannerHead--small small {
    font-size: 26px;
}

.bannerList li {
    list-style: none;
    font-size: 20px;
    font-family: "Montserrat-ExtraLight";
    color: #fff;
    padding-bottom: 12px;
}

.valueSub {
    position: relative;
    width: 100%;
    float: left;
    min-height: 860px;
    padding-top: 40px;
    margin-bottom: 40px;
}

.valueSub h2 {
    font-family: "Montserrat-Regular";
    font-size: 45px;
}

.valueSub h2 span {
    font-family: "Montserrat-ExtraLight";
}

.valueSub:before,
.valueSub:after {
    content: '';
    position: absolute;
    width: 93%;
    right: 0;
    -webkit-border-top-left-radius: 400px;
    -moz-border-radius-topleft: 400px;
    border-top-left-radius: 400px;
    -webkit-border-bottom-left-radius: 400px;
    -moz-border-radius-bottomleft: 400px;
    border-bottom-left-radius: 400px;
}

.valueSub:before {
    height: 520px;
    background: #f6f6f6;
    top: 170px;
}

.valueSub:after {
    width: 61.6%;
    height: 590px;
    bottom: 10px;
    background-color: #F74278;
    background-image: url("../images/pattern-sundirect.png"), -webkit-gradient(linear, left top, right top, from(#F74278), to(#FF7A36));
    background-image: url("../images/pattern-sundirect.png"), -webkit-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -moz-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -o-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), linear-gradient(to right, #F74278, #FF7A36);
}

.valueSub__list {
    float: left;
}

.valueSub__list ul {
    width: 300px;
    position: relative;
    margin-top: 160px;
    float: left;
}

.valueSub__list li {
    width: 50%;
    float: left;
    text-align: center;
    padding: 40px 15px;
    border-bottom: 1px solid #ccc;
    min-height: 144px;
    border-left: 1px solid #ccc;
    font-family: "Montserrat-Light";
    min-height:160px
}

.valueSub__list li:first-child,
.valueSub__list li:nth-child(3) {
    border-left: 1px solid transparent;
}

.valueSub__list li:nth-last-child(-n+2) {
    border-bottom: 1px solid transparent;
}

.valueSub__list li:hover a {
    color: #ED1D24;
}

.valueSub__list li.active a {
    font-family: "Montserrat-SemiBold";
    color: #ED1D24;
}

.valueSub__list a {
    display: inline-block;
}

.valueSub__list span {
    display: block;
    margin: 0 auto 20px;
}

.valueSub__content {
    position: relative;
    z-index: 1;
    float: right;
    padding-top: 244px;
}

.valueSub__content figure {
    color: #fff;
    font-family: "Montserrat-Light";
    transform: translateX(1000%);
    transition: all 1s;
}

.valueSub__content  .valueSub__contentList.active figure{
    transform: translateX(0%);
    transition: all 1s;
}

.valueSub__content figure img {
    float: left;
    width: 276px;
    margin-right: 70px;
    margin-top: 10px;
}

.valueSub__content figcaption {
    float: right;
    max-width: 333px;
}

.valueSub__content figcaption small {
    font-size: 25px;
    display: block;
    padding: 9px 4px 0 0px;
}

.valueSub__content figcaption h2 {
    font-size: 118px;
    font-family: "Montserrat-ExtraLight";
    line-height: 109px;
    margin: 0 0 0px;
}

.valueSub__content ul {
    padding-bottom: 10px;
}

.valueSub__content ul li {
    font-size: 16px;
    position: relative;
    padding: 0 0 0px 10px;
    line-height: 27px;
}

.valueSub__content ul li:before {
    content: '.';
    position: absolute;
    top: 5px;
    font-size: 24px;
    left: 0;
    line-height: 0;
}

.valueSub__content .common-btn,
.valueSub__content .common-btn-medium,
.valueSub__content .common-btn-small,
.valueSub__content .common-btn-medium-greyBorder,
.valueSub__content .common-btn-medium-grey,
.valueSub__content input[type="submit"] {
    color: #000;
    padding: 26px 70px;
}

.valueSub__contentList {
    display: none;
}

.valueSub__contentList.active {
    display: block;
}

.valueSub__contentList p {
	color :#ffffff;
}

.sunHigh {
    padding: 100px 0 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sunHigh__conatiner {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.sunHigh__block {
    -webkit-box-shadow: 14px 16px 10px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 14px 16px 10px rgba(0, 0, 0, 0.23);
    box-shadow: 14px 16px 10px rgba(0, 0, 0, 0.23);
    color: #FFFFFF;
    width: 500px;
    height: 500px;
    padding: 15px;
    margin-left: 70px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #F74278;
    background-image: url("../images/pattern-sundirect.png"), -webkit-gradient(linear, left top, right top, from(#F74278), to(#FF7A36));
    background-image: url("../images/pattern-sundirect.png"), -webkit-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -moz-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -o-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), linear-gradient(to right, #F74278, #FF7A36);
    text-align: center;
    padding-top: 87px;
    position: absolute;
    margin: auto 0;
    top: -30px;
    bottom: 0;
    left: 70px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.sunHigh__block ul {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}

.sunHigh__block li {
    font-size: 16px;
    border-left: 1px solid #fe8e87;
    width: 160px;
    display: inline-block;
    padding: 0 26px;
    font-family: "Montserrat-Light";
}

.sunHigh__block li:first-child {
    border-left: none;
    padding-left: 0;
}

.sunHigh__block li span {
    display: block;
}

.sunHigh__block [class*="icon-"] {
    margin: 0px auto 16px;
}

.sunHigh h2 {
    font-size: 27px;
    font-family: "Montserrat-Bold";
    width: 214px;
    margin: 0 auto 22px;
    font-weight: normal;
}

.sunHigh h3 {
    font-size: 20px;
    font-family: "Montserrat-Regular";
    margin: 0 0 28px;
}

.scrollTopanied .sunHigh__block {
    -webkit-animation: scale1 1.4s forwards;
    -moz-animation: scale1 1.4s forwards;
    -o-animation: scale1 1.4s forwards;
    animation: scale1 1.4s forwards;
    -webkit-animation-direction: 2s;
    -moz-animation-direction: 2s;
    -o-animation-direction: 2s;
    animation-direction: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes scale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes scale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes scale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -o-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale1 {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.imageSlider {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.imageSlider__block {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.imageSlider .twentytwenty-wrapper {
    position: relative;
    top: 0;
    left: 0;
}

.imageSlider .twentytwenty-wrapper:before,
.imageSlider .twentytwenty-wrapper:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 45px;
    top: -5px;
    left: 0;
    z-index: 1;
    background: url("../images/bg-hdsupertop.png") center no-repeat;
}

.imageSlider .twentytwenty-wrapper:after {
    bottom: -5px;
    top: auto;
    background: url("../images/bg-hdsuperbottom.png") center no-repeat;
}

.sunHigh .twentytwenty-handle {
    border: none;
    width: 190px;
    height: 190px;
    top: 40%;
    margin-left: -96px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sunHigh .twentytwenty-handle span {
    display: none;
}

.sunHigh .twentytwenty-horizontal .twentytwenty-handle:before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    bottom: -550%;
    margin: 0;
}

.sunHigh .twentytwenty-horizontal .twentytwenty-handle:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 190px;
    height: 190px;
    background: url("../images/bg-hdsuperroll.png") center no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.twentytwenty-container img {
    overflow: hidden;
    width: 100%;
}

.sunHigh .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 1px;
}

.sunHigh.scrollTopanied .twentytwenty-handle {
    -webkit-animation: handleSlide 1.5s;
    -moz-animation: handleSlide 1.5s;
    -o-animation: handleSlide 1.5s;
    animation: handleSlide 1.5s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes handleSlide {
    0% {
        left: 1108.1px !important;
    }
    50% {
        left: 750px;
    }
    100% {
        left: 1108.1px !important;
    }
}

@-moz-keyframes handleSlide {
    0% {
        left: 1108.1px !important;
    }
    50% {
        left: 750px;
    }
    100% {
        left: 1108.1px !important;
    }
}

@-o-keyframes handleSlide {
    0% {
        left: 1108.1px !important;
    }
    50% {
        left: 750px;
    }
    100% {
        left: 1108.1px !important;
    }
}

@keyframes handleSlide {
    0% {
        left: 1108.1px !important;
    }
    50% {
        left: 750px;
    }
    100% {
        left: 1108.1px !important;
    }
}




.sunHigh.scrollTopanied .imageSlider__block img:first-child {
    -webkit-animation: handleSlide_v1 1.5s;
    -moz-animation: handleSlide_v1 1.5s;
    -o-animation: handleSlide_v1 1.5s;
    animation: handleSlide_v1 1.5s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes handleSlide_v1 {
    0% {
        clip: rect(0px 1108.1px auto 0px);
    }
    50% {
        clip: rect(0px 750px auto 0px);
    }
    100% {
        clip: rect(0px 1108.1px auto 0px);
    }
}

@-moz-keyframes handleSlide_v1 {
    0% {
        clip: rect(0px 1108.1px auto 0px);
    }
    50% {
        clip: rect(0px 750px auto 0px);
    }
    100% {
        clip: rect(0px 1108.1px auto 0px);
    }
}

@-o-keyframes handleSlide_v1 {
    0% {
        clip: rect(0px 1108.1px auto 0px);
    }
    50% {
        clip: rect(0px 750px auto 0px);
    }
    100% {
        clip: rect(0px 1108.1px auto 0px);
    }
}

@keyframes handleSlide_v1 {
    0% {
        clip: rect(0px 1108.1px auto 0px);
    }
    50% {
        clip: rect(0px 750px auto 0px);
    }
    100% {
        clip: rect(0px 1108.1px auto 0px);
    }
}

.sunHigh.scrollTopanied .imageSlider__block img:nth-child(2) {
    -webkit-animation: handleSlide_v2 1.5s;
    -moz-animation: handleSlide_v2 1.5s;
    -o-animation: handleSlide_v2 1.5s;
    animation: handleSlide_v2 1.5s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes handleSlide_v2 {
    0% {
        clip: rect(0px auto auto 1108.1px);
    }
    50% {
        clip: rect(0px auto auto 750px);
    }
    100% {
        clip: rect(0px auto auto 1108.1px);
    }
}

@-moz-keyframes handleSlide_v2 {
    0% {
        clip: rect(0px auto auto 1108.1px);
    }
    50% {
        clip: rect(0px auto auto 750px);
    }
    100% {
        clip: rect(0px auto auto 1108.1px);
    }
}

@-o-keyframes handleSlide_v2 {
    0% {
        clip: rect(0px auto auto 1108.1px);
    }
    50% {
        clip: rect(0px auto auto 750px);
    }
    100% {
        clip: rect(0px auto auto 1108.1px);
    }
}

@keyframes handleSlide_v2 {
    0% {
        clip: rect(0px auto auto 1108.1px);
    }
    50% {
        clip: rect(0px auto auto 750px);
    }
    100% {
        clip: rect(0px auto auto 1108.1px);
    }
}

.twentytwenty-overlay {
    display: none;
}

.downloadApp {
    padding-top: 50px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 50px;
}

.downloadApp:before {
    content: '';
    position: absolute;
    width: 56%;
    height: 380px;
    top: 29%;
    left: 0;
    -webkit-border-top-right-radius: 400px;
    -moz-border-radius-topright: 400px;
    border-top-right-radius: 400px;
    -webkit-border-bottom-right-radius: 400px;
    -moz-border-radius-bottomright: 400px;
    border-bottom-right-radius: 400px;
    background-color: #F74278;
    background-image: url("../images/pattern-sundirect.png"), -webkit-gradient(linear, left top, right top, from(#F74278), to(#FF7A36));
    background-image: url("../images/pattern-sundirect.png"), -webkit-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -moz-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), -o-linear-gradient(left, #F74278, #FF7A36);
    background-image: url("../images/pattern-sundirect.png"), linear-gradient(to right, #F74278, #FF7A36);
}

.downloadApp h2 {
    font-family: "Montserrat-Regular";
    font-size: 45px;
    margin-bottom: 60px;
}

.downloadApp h2 span {
    font-family: "Montserrat-ExtraLight";
}

.downloadApp h2 span+span {
    display: block;
    font-family: "Montserrat-Regular";
}

.downloadApp__content {
    margin-top: 38%;
    padding: 0% 0 0 16%;
}

.downloadApp ul {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.downloadApp li {
    font-size: 16px;
    width: 33.333%;
    float: left;
    color: #606060;
    font-family: "Montserrat-Light";
    padding: 0 26px 15px 0;
}

.downloadApp li span {
    display: block;
}

.downloadApp [class*="icon-"] {
    margin: 0 0 10px;
}

.downloadApp .appplaybtn a {
    float: left;
    padding-left: 15px;
}

.downloadApp .appplaybtn a:first-child {
    padding-left: 0px;
}

.nearest {
    width: 100%;
    overflow: hidden;
    padding: 100px 0 230px;
    position: relative;
}

.nearest:before {
    content: "";
    position: absolute;
    top: 0;
    left: -13%;
    width: 128%;
    height: 100%;
    -webkit-border-top-left-radius: 54%;
    -moz-border-radius-topleft: 54%;
    border-top-left-radius: 54%;
    -webkit-border-top-right-radius: 28%;
    -moz-border-radius-topright: 28%;
    border-top-right-radius: 28%;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, top, bottom, from(#EDF3FC), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #EDF3FC, #FFFFFF);
    background-image: -moz-linear-gradient(top, #EDF3FC, #FFFFFF);
    background-image: -o-linear-gradient(top, #EDF3FC, #FFFFFF);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EDF3FC), to(#FFFFFF));
    background-image: linear-gradient(to bottom, #EDF3FC, #FFFFFF);
}

.nearest__locationBg {
    width: 670px;
    height: 673px;
}

.nearest__locationBg span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #FF7A36;
    
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
}

.nearest__locationBg span:first-child {
    width: 150px;
    height: 153px;
}

.nearest__locationBg span:nth-child(2) {
    width: 290px;
    height: 293px;
}

.nearest__locationBg span:nth-child(3) {
    width: 460px;
    height: 463px;
}

.nearest__locationBg span:nth-child(4) {
    width: 668px;
    height: 668px;
}

.nearest__loactionLeftSec {
    padding-top: 200px;
}

.nearest__loactionPara {
    font-size: 42px;
    font-family: "Montserrat-ExtraLight";
}

.nearest__loactionPara span+span {
    font-family: "Montserrat-Medium";
    display: block;
    padding-top: 8px;
}

.nearest__loactionRecharge {
    font-size: 20px;
    font-family: "Montserrat-Regular";
    margin: 18px 0 60px;
}

.nearest__loactionForm {
    max-width: 521px;
    position: relative;
}

.nearest__loactionInput {
    font-size: 20px;
    font-family: "Montserrat-Light";
    color: #ccc;
    line-height: 22px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D8DEEA;
    padding: 26px 125px 26px 40px;
    height: 76px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #000000;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.nearest__loactionInput:focus{
    -webkit-box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 9px 8px 20px 0px rgba(0, 0, 0, 0.05);
}

.nearest__loactionInput::-webkit-input-placeholder {
    color: #c8c8c8;
    font-size: 20px;
}

.nearest__loactionInput::-moz-placeholder {
    color: #c8c8c8;
    font-size: 20px;
}

.nearest__loactionInput:-ms-input-placeholder {
    color: #c8c8c8;
    font-size: 20px;
}

.nearest__loactionInput:-moz-placeholder {
    color: #c8c8c8;
    font-size: 20px;
}

/*.nearest__loactionInput:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}*/

.nearest__loactionBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 113px;
    height: 76px;
    background: #FFFFFF;
    border: 1px solid #D8DEEA;
    border-left: none;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    outline: none;
}

.nearest__loactionBtn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 25px;
    width: 1px;
    background: #D8DEEA;
}

.nearest__loactionBtn::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 25px;
    background-position: -133px -101px;
}

.nearest__loactionRightSec {
    float: right;
    width: 670px;
    height: 673px;
    position: relative;
    right: -11%;
    top: -15px;
    /*background: url("../images/location-circle2.png") no-repeat;*/
}

.nearest__loactionRightSec [class^="icon-"] {
    border: 1px solid #ccd6e7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 67px;
    height: 67px;
    background: #eff5fb;
    position: absolute;
    z-index: 1;
}

.nearest__loactionRightSec [class^="icon-"]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 26px;
    background-position: -19px -101px;
}

.nearest__loactionRightSec .icon-loaction1 {
    top: 146px;
    left: 4px;
}

.nearest__loactionRightSec .icon-loaction2 {
    right: 157px;
    top: 119px;
}

.nearest__loactionRightSec .icon-loaction3 {
    bottom: 0;
    right: 164px;
}

.nearest__loactionRightSec .icon-center {
    width: 85px;
    height: 85px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
}

.nearest__loactionRightSec .icon-center:before {
    content: none;
}

.nearest__address {
    position: absolute;
    top: 0;
    left: 100%;
    width: 260px;
    margin-left: 30px;
    color: #606060;
}

.nearest__name {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: "Montserrat-Medium";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.nearest__place,
.nearest__phone {
    font-size: 17px;
    font-family: "Montserrat-Light";
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 20px;
}

.nearest__phone {
    position: relative;
    padding-left: 30px;
}

.nearest__phone:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 23px;
    background-position: -286px -181px;
}

.scrollTopanied .nearest__locationBg.showSunShine span {
    -webkit-animation: spker 8s infinite;
    -moz-animation: spker 8s infinite;
    -o-animation: spker 8s infinite;
    animation: spker 8s infinite;
}

.scrollTopanied .nearest__locationBg span:first-child {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.scrollTopanied .nearest__locationBg span:nth-child(2) {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.scrollTopanied .nearest__locationBg span:nth-child(3) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.scrollTopanied .nearest__locationBg span:nth-child(4) {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

@-webkit-keyframes spker {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }
    75% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
        visibility: visible;
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
}


@-moz-keyframes spker {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
    50% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        border-color:#FF7A36;
    }
    75% {
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
        visibility: visible;
        border-color:#F74278;
    }
    100% {
        -moz-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
}

@-o-keyframes spker {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
    50% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        border-color:#FF7A36;
    }
    75% {
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
        visibility: visible;
        border-color:#F74278;
    }
    100% {
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes spker {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        border-color:#FF7A36;
    }
    75% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0.7;
        visibility: visible;
        border-color:#F74278;
    }
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        visibility: hidden;
    }
}

.nearest__loactionRightSec div.icon-center {
    background: url("../images/gradientHeadicon.png") no-repeat;
}

.nearest__loactionInput:focus+.nearest__loactionBtn::before {
    -webkit-animation-name: example;
    -moz-animation-name: example;
    -o-animation-name: example;
    animation-name: example;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.nearest__loactionInput+.nearest__loactionBtn {
    overflow: hidden;
}

.nearest__loactionInput+.nearest__loactionBtn::before {
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

@-webkit-keyframes example {
    0% {
        left: 0px;
        top: 0px;
    }
    20% {
        left: 100%;
        top: 0px;
    }
    40% {
        left: 100%;
        top: 100px;
    }
    60% {
        left: -200px;
        top: 100px;
    }
    80% {
        left: -200px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-moz-keyframes example {
    0% {
        left: 0px;
        top: 0px;
    }
    20% {
        left: 100%;
        top: 0px;
    }
    40% {
        left: 100%;
        top: 100px;
    }
    60% {
        left: -200px;
        top: 100px;
    }
    80% {
        left: -200px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@-o-keyframes example {
    0% {
        left: 0px;
        top: 0px;
    }
    20% {
        left: 100%;
        top: 0px;
    }
    40% {
        left: 100%;
        top: 100px;
    }
    60% {
        left: -200px;
        top: 100px;
    }
    80% {
        left: -200px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@keyframes example {
    0% {
        left: 0px;
        top: 0px;
    }
    20% {
        left: 100%;
        top: 0px;
    }
    40% {
        left: 100%;
        top: 100px;
    }
    60% {
        left: -200px;
        top: 100px;
    }
    80% {
        left: -200px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

.nearest__loactionForm .common_input {
    float: left;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: 230px;
    padding-right: 20px;
    margin-bottom: 0;
}

.nearest__loactionForm .common_input .selectBox .dropdown-toggle {
    float: left;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.valueSub:after,
.valueSub:before {
    width: 0;
}

.valueSub__list,
.valueSub__content {
    opacity: 0;
    visibility: hidden;
}

.scrollTopanied .valueSub__list {
    -webkit-animation: fadeIn 0.6s forwards;
    -moz-animation: fadeIn 0.6s forwards;
    -o-animation: fadeIn 0.6s forwards;
    animation: fadeIn 0.6s forwards;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

.scrollTopanied .valueSub__content {
    -webkit-animation: fadeIn 1s forwards;
    -moz-animation: fadeIn 1s forwards;
    -o-animation: fadeIn 1s forwards;
    animation: fadeIn 1s forwards;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}

.valueSub.scrollTopanied:before {
    -webkit-animation: slide 1s forwards;
    -moz-animation: slide 1s forwards;
    -o-animation: slide 1s forwards;
    animation: slide 1s forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    opacity: 1;
}

.valueSub.scrollTopanied:after {
    -webkit-animation: slideaf 1s forwards;
    -moz-animation: slideaf 1s forwards;
    -o-animation: slideaf 1s forwards;
    animation: slideaf 1s forwards;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    opacity: 1;
}

@-webkit-keyframes slide {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}

@-moz-keyframes slide {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}

@-o-keyframes slide {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}

@keyframes slide {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}

@-webkit-keyframes slideaf {
    0% {
        width: 0;
    }
    100% {
        width: 62.3%;
    }
}

@-moz-keyframes slideaf {
    0% {
        width: 0;
    }
    100% {
        width: 62.3%;
    }
}

@-o-keyframes slideaf {
    0% {
        width: 0;
    }
    100% {
        width: 62.3%;
    }
}

@keyframes slideaf {
    0% {
        width: 0;
    }
    100% {
        width: 62.3%;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

.come-in {
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    -ms-transform: translateY(150px);
    -o-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-animation: come-in 1.5s ease forwards;
    -moz-animation: come-in 1.5s ease forwards;
    -o-animation: come-in 1.5s ease forwards;
    animation: come-in 1.5s ease forwards;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.come-in:nth-child(odd) {
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
}

.come-in-normal {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: come-in 1s ease forwards;
    -moz-animation: come-in 1s ease forwards;
    -o-animation: come-in 1s ease forwards;
    animation: come-in 1s ease forwards;
}

.already-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

@-webkit-keyframes come-in {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes come-in {
    to {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes come-in {
    to {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes come-in {
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.color-black {
    color: #525355;
}

.bannerItem .figcapWrapper {
    padding-top: 80px;
}

.about-topblock {
    text-align: center;
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}

.about-topblock p {
    margin-bottom: 20px;
}

.tvgallery-section {
    width: 100%;
    position: relative;
    margin-top: 35px;
}

.mv-block {
    margin-bottom: 175px;
}

.mv-block h2 {
    font-family: "Montserrat-Regular";
    font-size: 45px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 85px;
}

.mv-box {
    text-align: center;
    max-width: 265px;
    margin: auto;
}

.mv-box__img {
    margin-bottom: 40px;
}

.mv-box__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 28px;
    font-size: 22px;
}

.mstone-section {
    margin-bottom: 95px;
}

.milestone-block__title {
    font-family: "Montserrat-Regular";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 28px;
    font-size: 45px;
}

.milestone-block__subtitle {
    font-size: 22px;
    font-family: "Montserrat-Light";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 20px;
}

.milestone-block__bottom p {
    text-align: center;
    margin: auto;
    max-width: 560px;
    color: #636363;
}

.milestone__mainSec {
    position: relative;
    margin: 40px 0 90px;
}

.milestone__pinkCurve {
    position: absolute;
    width: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.milestone__pinkCurve:before {
    content: '';
    background: url("../images/about-us/curve-pink.png") no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.milestone__pinkImg {
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.milestone__listSec {
    padding: 0;
    margin: 0;
}

.milestone__listSec li {
    list-style: none;
    position: absolute;
    width: 18px;
    height: 18px;
    background: #E1E1E1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.milestone__listSec li:hover,
.milestone__listSec li.active {
    background: #FE6651;
}

.milestone__listSec li:before {
    content: '';
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #FE6651;
    position: absolute;
    top: -9px;
    left: -8px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.milestone__listSec li:hover:before,
.milestone__listSec li.showCircle:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.milestone__listOne {
    left: 13%;
    bottom: 7px;
}

.milestone__listTwo {
    left: 25%;
    bottom: -7px;
}

.milestone__listThree {
    top: 77px;
    left: 37%;
    bottom: 0;
    margin: auto;
}

.milestone__listFour {
    top: 57px;
    left: 48%;
}

.milestone__listFive {
    top: 25px;
    left: 59%;
}
.milestone__listSix {
    top: 3px;
    left: 70%;
}
.milestone__listSeven {
    top: -3px;
    left: 81%;
}

.milestone__pinkCurve.one {
    width: 13%;
}

.milestone__pinkCurve.two {
    width: 25%;
}

.milestone__pinkCurve.three {
    width: 38%;
}

.milestone__pinkCurve.four {
    width: 49%;
}

.milestone__pinkCurve.five {
    width: 60%;
}
.milestone__pinkCurve.six {
    width: 71%;
}
.milestone__pinkCurve.seven {
    width: 100%;
}

.milestone__tabSec {
    display: none;
    text-align: center;
}


/** Inner page - New connection startup **/

.new__concStartup {
    text-align: center;
}

.new__concStartup__benifits {
    display: table;
    margin: 70px auto;
}

.new__concStartup .mainHead,
.new__concStartup .inner-main__title,
.new__concStartup .addons-section__title,
.new__concStartup .addons-box__title {
    margin: 0;
}

.new__concStartup .mainHead--steps {
    margin: 0 0 50px;
}

.new__concStartup .mainHead--steps span {
    display: block;
    padding-bottom: 10px;
}

.new__concStartup__intro p {
    font-family: "Montserrat-Light";
    font-size: 16px;
    padding: 25px 280px;
    line-height: 30px;
    word-spacing: 4px;
}

.new__concStartup__wrapper {
    margin-bottom: 40px;
}

.new__concStartup__wrapper span {
    display: block;
    min-height: 108px;
}

.new__concStartup__wrapper h2 {
    font-family: "Montserrat-Regular";
    font-size: 22px;
    padding: 10px 30px;
}

.new__concStartup__wrapper p {
    padding: 5px 10px;
}

.new__concStartup__btn {
    margin: 30px auto;
}

.new__concStartup__btn a {
    padding: 24px 68px;
}

.scrollTopani .new__concStartup__wrapper {
    opacity: 0;
    -webkit-transform: scale(0.94, 0.7);
    -moz-transform: scale(0.94, 0.7);
    -ms-transform: scale(0.94, 0.7);
    -o-transform: scale(0.94, 0.7);
    transform: scale(0.94, 0.7);
}

.scrollTopanied .new__concStartup__wrapper {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.new__concStartup__wrapper.animation1 {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    -moz-transition: .5s ease;
    transition: .5s ease;
}

.new__concStartup__wrapper.animation2 {
    -webkit-transition: .5s .5s ease;
    -o-transition: .5s .5s ease;
    -moz-transition: .5s .5s ease;
    transition: .5s .5s ease;
}

.new__concStartup__wrapper.animation3 {
    -webkit-transition: .5s 1s ease;
    -o-transition: .5s 1s ease;
    -moz-transition: .5s 1s ease;
    transition: .5s 1s ease;
}

.new__concStartup__wrapper.animation4 {
    -webkit-transition: .5s 1.6s ease;
    -o-transition: .5s 1.6s ease;
    -moz-transition: .5s 1.6s ease;
    transition: .5s 1.6s ease;
}

.col-sm-6:first-child .new__concStartup__wrapper img {
    -webkit-animation: updown 6s linear infinite;
    -moz-animation: updown 6s linear infinite;
    -o-animation: updown 6s linear infinite;
    animation: updown 6s linear infinite;
}

.col-sm-6:nth-child(2) .new__concStartup__wrapper img {
    -webkit-animation: updown 8s linear infinite;
    -moz-animation: updown 8s linear infinite;
    -o-animation: updown 8s linear infinite;
    animation: updown 8s linear infinite;
}

.col-sm-6:nth-child(3) .new__concStartup__wrapper img {
    -webkit-animation: updown 6s linear infinite;
    -moz-animation: updown 6s linear infinite;
    -o-animation: updown 6s linear infinite;
    animation: updown 6s linear infinite;
}

.col-sm-6:last-child .new__concStartup__wrapper img {
    -webkit-animation: updown 8s linear infinite;
    -moz-animation: updown 8s linear infinite;
    -o-animation: updown 8s linear infinite;
    animation: updown 8s linear infinite;
}

@-webkit-keyframes updown {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
    80% {
        -webkit-transform: translate(0, -15px);
        transform: translate(0, -15px);
    }
}

@-moz-keyframes updown {
    0%,
    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -moz-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
    80% {
        -moz-transform: translate(0, -15px);
        transform: translate(0, -15px);
    }
}

@-o-keyframes updown {
    0%,
    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -o-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
    80% {
        -o-transform: translate(0, -15px);
        transform: translate(0, -15px);
    }
}

@keyframes updown {
    0%,
    100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    50% {
        -webkit-transform: translate(0, 15px);
        -moz-transform: translate(0, 15px);
        -o-transform: translate(0, 15px);
        transform: translate(0, 15px);
    }
    80% {
        -webkit-transform: translate(0, -15px);
        -moz-transform: translate(0, -15px);
        -o-transform: translate(0, -15px);
        transform: translate(0, -15px);
    }
}

.connection-menu {
    margin: 0 auto 32px;
    counter-reset: step;
    display: table;
    width: 85%;
    padding: 0px 0 30px;
    table-layout: fixed;
    counter-reset: number;
}

.connection-menu li {
    list-style: none;
    text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.connection-menu li:first-child:after {
    content: none;
}

.connection-menu li.active span:after {
    background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
    -webkit-animation-name: line;
    -moz-animation-name: line;
    -o-animation-name: line;
    animation-name: line;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    width: 100%;
}



.connection-menu li.active-default span:after{
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}
.connection-menu li.active:nth-of-type(2) span:after, .connection-menu li.active-default:nth-of-type(2) span:after {
    background: rgb(222,37,117); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de2575', endColorstr='#ee3a52',GradientType=1 ); /* IE6-9 */
}
.connection-menu li.active:nth-of-type(3) span:after{
    background: rgb(245,68,69); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(245,68,69,1) 0%, rgba(248,71,63,1) 46%, rgba(248,71,63,1) 46%, rgba(248,71,63,1) 61%, rgba(255,81,48,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(245,68,69,1) 0%,rgba(248,71,63,1) 46%,rgba(248,71,63,1) 46%,rgba(248,71,63,1) 61%,rgba(255,81,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(245,68,69,1) 0%,rgba(248,71,63,1) 46%,rgba(248,71,63,1) 46%,rgba(248,71,63,1) 61%,rgba(255,81,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54445', endColorstr='#ff5130',GradientType=1 ); /* IE6-9 */
}
.connection-menu li.active strong {
    color: #484848;
}

.connection-menu li:before {
    font-family: "Montserrat-Regular";
    content: counter(number);
    counter-increment: number;
    color: #FFFFFF;
    width: 46px;
    height: 46px;
    background-color: #ccc;
    line-height: 20px;
    display: block;
    font-size: 20px;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto 5px;
    z-index: 2;
    position: relative;
    padding: 10px;
    -webkit-box-shadow: 0 0 0 1px #ccc;
    -moz-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc;
    border: 4px solid #FFFFFF;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.connection-menu li span {
    width: 100%;
    height: 3px;
    background: #CCCCCC;
    position: absolute;
    left: -50%;
    top: 22px;
    z-index: 1;
}

.connection-menu li span:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #CCCCCC;
    position: absolute;
    left: 0%;
    z-index: 9;
}

.connection-menu li strong {
    font-weight: 400;
    font-family: "Montserrat-Regular";
    font-size: 13px;
    color: #ccc;
}

.connection-menu li:nth-child(1):before {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-box-shadow: 0 0 0 1px #F74278;
    -moz-box-shadow: 0 0 0 1px #F74278;
    box-shadow: 0 0 0 1px #F74278;
}

.connection-menu li.active:nth-child(1):before, .connection-menu li.active-default:nth-child(1):before {
    background-color: #dd2475;
    background-image: none;
    -webkit-box-shadow: 0 0 0 1px #dd2475;
    -moz-box-shadow: 0 0 0 1px #dd2475;
    box-shadow: 0 0 0 1px #dd2475;
}

.connection-menu li.active-default:nth-child(2):before {
    background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
    -webkit-box-shadow: 0 0 0 1px #ff7937;
    -moz-box-shadow: 0 0 0 1px #ff7937;
    box-shadow: 0 0 0 1px #ff7937;
}
.connection-menu li.active:nth-child(2):before {
    -webkit-animation: round 4s forwards;
    -moz-animation: round 4s forwards;
    -o-animation: round 4s forwards;
    animation: round 4s forwards;
     -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
   animation-delay: 1.5s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.connection-menu li.active:nth-child(3):before {
    -webkit-animation: round1 4s forwards;
    -moz-animation: round1 4s forwards;
    -o-animation: round1 4s forwards;
    animation: round1 4s forwards;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

@-webkit-keyframes line {
    0% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 0;
    }
    100% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 100%;
    }
}

@-moz-keyframes line {
    0% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 0;
    }
    100% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 100%;
    }
}

@-o-keyframes line {
    0% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 0;
    }
    100% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 100%;
    }
}

@keyframes line {
    0% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 0;
    }
    100% {
        background: #ccc;
        background: -moz-linear-gradient(left, rgba(222,37,117,1) 0%, rgba(230,48,99,1) 50%, rgba(238,58,82,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(222,37,117,1) 0%,rgba(230,48,99,1) 50%,rgba(238,58,82,1) 100%);
        width: 100%;
    }
}

@-webkit-keyframes round {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px #ccc;
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px #F74278;
        box-shadow: 0 0 0 1px #F74278;
    }
}

@-moz-keyframes round {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -moz-box-shadow: 0 0 0 1px #ccc;
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -moz-box-shadow: 0 0 0 1px #F74278;
        box-shadow: 0 0 0 1px #F74278;
    }
}

@-o-keyframes round {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        box-shadow: 0 0 0 1px #F74278;
    }
}

@keyframes round {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px #ccc;
        -moz-box-shadow: 0 0 0 1px #ccc;
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
       background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px #F74278;
        -moz-box-shadow: 0 0 0 1px #F74278;
        box-shadow: 0 0 0 1px #F74278;
    }
}

@-webkit-keyframes round1 {
    0% {
        background: #ff7937; /* Old browsers */
        -webkit-box-shadow: 0 0 0 1px #ff7937;
        -moz-box-shadow: 0 0 0 1px #ff7937;
        box-shadow: 0 0 0 1px #ff7937;
    }
    100% {
        background: #ff7937; /* Old browsers */
        -webkit-box-shadow: 0 0 0 1px #ff7937;
        -moz-box-shadow: 0 0 0 1px #ff7937;
        box-shadow: 0 0 0 1px #ff7937;
    }
}

@-moz-keyframes round1 {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -moz-box-shadow: 0 0 0 1px #ccc;
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        -moz-box-shadow: 0 0 0 1px #F74278;
        box-shadow: 0 0 0 1px #F74278;
    }
}

@-o-keyframes round1 {
    0% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        box-shadow: 0 0 0 1px #ccc;
    }
    100% {
        background: rgb(236,55,85); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(236,55,85,1) 0%, rgba(234,53,92,1) 50%, rgba(237,58,84,1) 70%, rgba(239,60,80,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(236,55,85,1) 0%,rgba(234,53,92,1) 50%,rgba(237,58,84,1) 70%,rgba(239,60,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3755', endColorstr='#ef3c50',GradientType=1 ); /* IE6-9 */
        box-shadow: 0 0 0 1px #F74278;
    }
}

@keyframes round1 {
    0% {
        background: rgb(246,69,66); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(246,69,66,1) 0%, rgba(250,75,56,1) 46%, rgba(251,75,57,1) 46%, rgba(251,75,57,1) 61%, rgba(254,80,47,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(246,69,66,1) 0%,rgba(250,75,56,1) 46%,rgba(251,75,57,1) 46%,rgba(251,75,57,1) 61%,rgba(254,80,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(246,69,66,1) 0%,rgba(250,75,56,1) 46%,rgba(251,75,57,1) 46%,rgba(251,75,57,1) 61%,rgba(254,80,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f64542', endColorstr='#fe502f',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px ff7937;
        -moz-box-shadow: 0 0 0 1px #ff7937;
        box-shadow: 0 0 0 1px #ff7937;
    }
    100% {
        background: rgb(246,69,66); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(246,69,66,1) 0%, rgba(250,75,56,1) 46%, rgba(251,75,57,1) 46%, rgba(251,75,57,1) 61%, rgba(254,80,47,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(246,69,66,1) 0%,rgba(250,75,56,1) 46%,rgba(251,75,57,1) 46%,rgba(251,75,57,1) 61%,rgba(254,80,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(246,69,66,1) 0%,rgba(250,75,56,1) 46%,rgba(251,75,57,1) 46%,rgba(251,75,57,1) 61%,rgba(254,80,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f64542', endColorstr='#fe502f',GradientType=1 ); /* IE6-9 */
        -webkit-box-shadow: 0 0 0 1px #ff7937;
        -moz-box-shadow: 0 0 0 1px #ff7937;
        box-shadow: 0 0 0 1px #ff7937;
    }
}

.yourConecon {
    width: 100%;
    float: left;
}

.yourConeconOne {
    margin-top: 36px;
}

.yourConeconOne__list,
.yourConeconTwo__list {
    text-align: left;
    color: #acacac;
    position: relative;
    background: #fff;
    padding: 1px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    cursor: pointer;
}

.yourConeconOne__list:before,
.yourConeconTwo__list:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ebebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.yourConeconOne__listImg {
    display: table-cell;
    vertical-align: middle;
    padding-right: 36px;
    width: 44%;
}

.yourConeconOne__list figure,
.yourConeconTwo__list figure {
    display: table;
    background: #fff;
    height: 100%;
    margin: 1px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 99.8%;
    padding: 50px 64px;
    min-height: 100px;
}

.yourConeconOne__list figure img,
.yourConeconTwo__list figure img {
    width: 178px;
}

.yourConeconOne__list figcaption,
.yourConeconTwo__list figcaption {
    display: table-cell;
    vertical-align: middle;
}

.yourConeconOne__list h2,
.yourConeconTwo__list h2 {
    font-family: "Montserrat-Regular";
    font-size: 44px;
    margin: 0 0 26px;
}

.yourConeconOne__list h2>span,
.yourConeconTwo__list h2>span {
    display: block;
    font-family: "Montserrat-Medium";
}

.yourConeconOne__list h2 small,
.yourConeconTwo__list h2 small {
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #acacac;
    line-height: 30px;
    display: block;
}

.yourConeconOne__list h2 strong,
.yourConeconTwo__list h2 strong {
    display: block;
    font-weight: 400;
    line-height: 34px;
}

.yourConeconOne__list ul,
.yourConeconTwo__list ul {
    padding-bottom: 6px;
}

.yourConeconOne__list ul li,
.yourConeconTwo__list ul li {
    font-size: 14px;
    font-family: "Montserrat-Light";
    position: relative;
    padding: 0 0 6px 20px;
    line-height: 24px;
}

.yourConeconOne__list ul li:before,
.yourConeconTwo__list ul li:before {
    content: '';
    position: absolute;
    top: 9px;
    font-size: 32px;
    left: 4px;
    line-height: 0;
    width: 6px;
    height: 6px;
    background-color: #acacac;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.yourConeconOne__list .common-btn,
.yourConeconTwo__list .common-btn,
.yourConeconOne__list .common-btn-medium,
.yourConeconTwo__list .common-btn-medium,
.yourConeconOne__list .common-btn-small,
.yourConeconTwo__list .common-btn-small,
.yourConeconOne__list .common-btn-medium-greyBorder,
.yourConeconTwo__list .common-btn-medium-greyBorder,
.yourConeconOne__list .common-btn-medium-grey,
.yourConeconTwo__list .common-btn-medium-grey,
.yourConeconOne__list input[type="submit"],
.yourConeconTwo__list input[type="submit"] {
    background-color: #fff;
    background-image: none;
    color: #acacac;
    font-family: "Montserrat-Medium";
    font-size: 13px;
    border: 1px solid #acacac;
    padding: 16px 64px;
}

.yourConeconOne__list .common-btn:hover,
.yourConeconTwo__list .common-btn:hover,
.yourConeconOne__list .common-btn-medium:hover,
.yourConeconTwo__list .common-btn-medium:hover,
.yourConeconOne__list .common-btn-small:hover,
.yourConeconTwo__list .common-btn-small:hover,
.yourConeconOne__list .common-btn-medium-greyBorder:hover,
.yourConeconTwo__list .common-btn-medium-greyBorder:hover,
.yourConeconOne__list .common-btn-medium-grey:hover,
.yourConeconTwo__list .common-btn-medium-grey:hover,
.yourConeconOne__list input[type="submit"]:hover,
.yourConeconTwo__list input[type="submit"]:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.yourConeconOne__list.active,
.active.yourConeconTwo__list,
.yourConeconOne__list:hover,
.yourConeconTwo__list:hover {
    color: #484848;
}

.yourConeconOne__list.active:before,
.active.yourConeconTwo__list:before,
.yourConeconOne__list:hover:before,
.yourConeconTwo__list:hover:before {
    background-color: #F74278;
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.yourConeconOne__list.active h2 small,
.active.yourConeconTwo__list h2 small,
.yourConeconOne__list:hover h2 small,
.yourConeconTwo__list:hover h2 small {
    color: #484848;
}

.yourConeconOne__list.active ul li:before,
.active.yourConeconTwo__list ul li:before,
.yourConeconOne__list:hover ul li:before,
.yourConeconTwo__list:hover ul li:before {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.yourConeconOne__list.active .common-btn,
.active.yourConeconTwo__list .common-btn,
.yourConeconOne__list.active .common-btn-medium,
.active.yourConeconTwo__list .common-btn-medium,
.yourConeconOne__list.active .common-btn-small,
.active.yourConeconTwo__list .common-btn-small,
.yourConeconOne__list.active .common-btn-medium-greyBorder,
.active.yourConeconTwo__list .common-btn-medium-greyBorder,
.yourConeconOne__list.active .common-btn-medium-grey,
.active.yourConeconTwo__list .common-btn-medium-grey,
.yourConeconOne__list.active input[type="submit"],
.active.yourConeconTwo__list input[type="submit"],
.yourConeconOne__list:hover .common-btn,
.yourConeconTwo__list:hover .common-btn,
.yourConeconOne__list:hover .common-btn-medium,
.yourConeconTwo__list:hover .common-btn-medium,
.yourConeconOne__list:hover .common-btn-small,
.yourConeconTwo__list:hover .common-btn-small,
.yourConeconOne__list:hover .common-btn-medium-greyBorder,
.yourConeconTwo__list:hover .common-btn-medium-greyBorder,
.yourConeconOne__list:hover .common-btn-medium-grey,
.yourConeconTwo__list:hover .common-btn-medium-grey,
.yourConeconOne__list:hover input[type="submit"],
.yourConeconTwo__list:hover input[type="submit"] {
    border: 1px solid transparent;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
}

.yourConeconOne__list.active .common-btn:hover,
.active.yourConeconTwo__list .common-btn:hover,
.yourConeconOne__list.active .common-btn-medium:hover,
.active.yourConeconTwo__list .common-btn-medium:hover,
.yourConeconOne__list.active .common-btn-small:hover,
.active.yourConeconTwo__list .common-btn-small:hover,
.yourConeconOne__list.active .common-btn-medium-greyBorder:hover,
.active.yourConeconTwo__list .common-btn-medium-greyBorder:hover,
.yourConeconOne__list.active .common-btn-medium-grey:hover,
.active.yourConeconTwo__list .common-btn-medium-grey:hover,
.yourConeconOne__list.active input[type="submit"]:hover,
.active.yourConeconTwo__list input[type="submit"]:hover,
.yourConeconOne__list:hover .common-btn:hover,
.yourConeconTwo__list:hover .common-btn:hover,
.yourConeconOne__list:hover .common-btn-medium:hover,
.yourConeconTwo__list:hover .common-btn-medium:hover,
.yourConeconOne__list:hover .common-btn-small:hover,
.yourConeconTwo__list:hover .common-btn-small:hover,
.yourConeconOne__list:hover .common-btn-medium-greyBorder:hover,
.yourConeconTwo__list:hover .common-btn-medium-greyBorder:hover,
.yourConeconOne__list:hover .common-btn-medium-grey:hover,
.yourConeconTwo__list:hover .common-btn-medium-grey:hover,
.yourConeconOne__list:hover input[type="submit"]:hover,
.yourConeconTwo__list:hover input[type="submit"]:hover {
    background-position: right center;
}

.yourConeconOne__list--none {
    margin-top: 78px;
    color: #6d6d6d;
}

.yourConeconOne__list--none:before {
    content: none;
}

.yourConeconOne__list--none figure {
    padding: 0;
    display: block;
    min-height: 80px;
}

.yourConeconOne__list--none h2 {
    font-family: "Montserrat-Light";
}

.yourConeconOne__list--none h2>span {
    font-family: "Montserrat-Light";
}

.yourConeconOne__list--none h2 small {
    color: #6d6d6d;
}

.yourConeconOne__list--none h2 strong {
    font-family: "Montserrat-Light";
}

.yourConeconOne__list--none .yourConeconOne__listImg {
    text-align: center;
    float: left;
    width: 50%;
    padding-right: 0;
}

.yourConeconOne__list--none .yourConeconOne__listImg strong {
    display: block;
    text-align: left;
}

.yourConeconOne__list--none .yourConeconOne__listImg img {
    width: auto;
}

.yourConeconOne__list--none figcaption {
    width: 50%;
    float: right;
    padding-left: 24px;
}

.yourConeconOne .upgrade:hover small,
.yourConeconOne .multiroom:hover small {
    color: #484848;
}

.yourConeconOne .upgrade:hover strong:before,
.yourConeconOne .multiroom:hover strong:before {
    display: none;
}

.yourConeconOne .upgrade:hover .upgradeImg:before,
.yourConeconOne .multiroom:hover .upgradeImg:before {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 39px;
    background-position: -71px -232px;
}

.yourConeconOne .upgrade:hover .multiroomImg:before,
.yourConeconOne .multiroom:hover .multiroomImg:before {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 39px;
    background-position: -20px -235px;
}

.yourConeconOne .upgrade .upgradeImg,
.yourConeconOne .multiroom .upgradeImg {
    position: relative;
}

.yourConeconOne .upgrade .upgradeImg:before,
.yourConeconOne .multiroom .upgradeImg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 39px;
    background-position: -71px -179px;
    width: 41px;
    height: 39px;
}

.yourConeconOne .upgrade figure,
.yourConeconOne .multiroom figure {
    display: block;
    min-height: auto;
    padding: 25px;
}

.yourConeconOne .upgrade figcaption,
.yourConeconOne .multiroom figcaption {
    float: none;
    width: 48%;
    display: inline-block;
    padding-right: 110px;
}

.yourConeconOne .upgrade h2,
.yourConeconOne .multiroom h2 {
    font-family: "Montserrat-Medium";
    font-size: 30px;
    line-height: 36px;
    padding-right: 20px;
    float: left;
    width: 46%;
    display: block;
}

.yourConeconOne .upgrade small,
.yourConeconOne .multiroom small {
    font-size: 16px;
    font-family: "Montserrat-Light";
    line-height: 30px;
    display: block;
    color: #acacac;
}

.yourConeconOne .upgrade strong,
.yourConeconOne .multiroom strong {
    font-size: 54px;
    line-height: 40px;
    float: left;
    padding-right: 15px;
    padding-bottom: 10px;
    font-weight: normal;
}

.yourConeconOne .upgrade .rupee,
.yourConeconOne .multiroom .rupee {
    margin-right: -10px;
}

.yourConeconOne .upgrade .common-btn-medium-greyBorder,
.yourConeconOne .multiroom .common-btn-medium-greyBorder {
    min-width: 140px;
}

.yourConeconOne .multiroom .multiroomImg {
    position: relative;
}

.yourConeconOne .multiroom .multiroomImg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 39px;
    background-position: -20px -178px;
    width: 38px;
    height: 39px;
}

.yourConeconOne .multiroom strong {
    position: relative;
}

.yourConeconOne .proceed_btn {
    margin-top: 60px;
}

.yourConeconTwo {
    margin-top: 9px;
    color: #6d6d6d;
}

.yourConeconTwo__list {
    background: #fff;
    margin-bottom: 36px;
    color: #6d6d6d;
}

.yourConeconTwo__list:before {
    background-color: #6d6d6d;
}

.yourConeconTwo__list__inner {
    display: table;
    background: #fff;
    height: 100%;
    margin: 1px;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 99.9%;
    padding: 30px 33px 24px 33px;
    min-height: 143px;
}

.yourConeconTwo__list__inner strong.connection__price {
    font-family: "Montserrat-Medium";
    font-size: 46px;
    display: block;
    margin-bottom: 0;
    padding-right: 18px;
    line-height: 34px;
    font-weight: 400;
}

.yourConeconTwo__list__inner strong.connection__price span+span {
    font-size: 14px;
    font-family: "Montserrat-light";
    color: #6A6A6A;
    text-transform: lowercase;
    line-height: 20px;
}

.yourConeconTwo__list__DetCont {
    width: 70%;
    float: left;
}

.yourConeconTwo__list__submitCont {
    width: 16%;
    float: right;
    text-align: right;
}

.yourConeconTwo__list__submitCont p.rechargeSec__offers {
    font-size: 13px;
    font-family: "Montserrat-Light";
    color: #6d6d6d;
    text-align: center;
}

.yourConeconTwo__list__submitCont p.rechargeSec__offers .rupee {
    padding-left: 5px;
}

.yourConeconTwo__list__Details {
    padding: 0px;
    width: 100%;
    float: left;
}

.yourConeconTwo__list__Details h2 {
    font-family: "Montserrat-Medium";
    font-size: 20px;
    margin-right: 15px;
    width: 100%;
    margin-bottom: 5px;
}

.yourConeconTwo__list__Details span {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 4px;
}

.yourConeconTwo__list__Details span a {
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 8px;
    color: #6d6d6d;
}

.yourConeconTwo__list__Details span.pckg__details {
    font-size: 19px;
    padding-right: 32px;
}

.yourConeconTwo__list input[type='checkbox']+label {
    color: #797979;
    font-family: "Montserrat-Light";
    font-size: 12px;
    float: left;
    margin-left: 0;
    padding-left: 25px;
    margin-top: 10px;
    font-weight: normal;
}

.yourConeconTwo__list__Tariff {
    width: 100%;
    float: left;
}

.yourConeconTwo__list__Tariff input[type='radio']+label {
    color: #484848;
    float: left;
    font-size: 12px;
    padding-right: 46px;
    padding-left: 33px;
    font-family: "Montserrat-Light";
    font-weight: normal;
    margin-left: 0;
}

.yourConeconTwo__list.active,
.yourConeconTwo__list:hover {
    color: #484848;
}

.yourConeconTwo__list.active:before,
.yourConeconTwo__list:hover:before {
    background-color: #F74278;
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.yourConeconTwo__list.active .yourConeconTwo__logo:before,
.yourConeconTwo__list:hover .yourConeconTwo__logo:before {
    background-color: #F74278;
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.yourConeconTwo__list.active h3 span,
.yourConeconTwo__list:hover h3 span {
    background-color: #F74278;
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.yourConeconTwo__list.active strong.connection__price span+span,
.yourConeconTwo__list:hover strong.connection__price span+span {
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -moz-background-clip: initial;
    -moz-text-fill-color: initial;
    -ms-background-clip: initial;
    -ms-text-fill-color: initial;
}

.yourConeconTwo__list .common-btn-medium-grey {
    background-color: #7F807B;
    color: #FFF;
}

.yourConeconTwo__logo {
    width: 180px;
    margin-right: 26px;
    float: left;
    position: relative;
    margin-top: 26px;
}

.yourConeconTwo__logo:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #acacac;
}

.yourConeconTwo__logo h2 {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    padding: 9px 0;
    font-family: "Montserrat-Medium";
    font-size: 38px;
}

.yourConeconTwo__logo h3 {
    position: absolute;
    background-color: #FFF;
    font-size: 14px;
    padding: 1px 5px;
    text-transform: uppercase;
    margin: 0;
    font-family: "Montserrat-Medium";
}

.yourConeconTwo__logo h3 span {
    position: relative;
    color: #7F807B;
}

.yourConeconTwo__logo h3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
}

.yourConeconTwo__logoInner {
    background-color: #FFF;
    position: relative;
    margin: 2px;
}

.yourConeconTwo__logoTop {
    top: -8px;
    left: 6px;
}

.yourConeconTwo__logoBtm {
    right: 6px;
    bottom: -8px;
}

.yourConecon .list-inline {
    margin: 30px auto;
    margin-bottom: 54px;
}

.yourConecon .list-inline li {
    padding: 0px 40px;
    color: #6d6d6d;
    font-family: "Montserrat-Regular";
    font-size: 16px;
    text-transform: uppercase;
    border-right: 1px solid #acacac;
}

.yourConecon .list-inline li:first-child {
    padding-left: 0px;
}

.yourConecon .list-inline li:last-child {
    padding-right: 0px;
    border: none;
}

.yourConecon .list-inline li.active {
    font-family: "Montserrat-SemiBold";
}

.yourConecon .proceed_btn {
    padding: 20px 50px;
    margin-top: 20px;
    font-size: 13px;
}

.yourConeconThree {
    width: 100%;
    max-width: 848px;
    margin: 0 auto;
}

.yourConeconThree__radiolist {
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

.yourConeconThree__radiolist li {
    float: left;
    padding: 22px 0 33px;
}

.yourConeconThree__radiolist li label {
    font-weight: 400;
    font-family: "Montserrat-Light";
    font-size: 12px;
    color: #797979;
}
/*--new connection offer--*/
.connection__offer__sumCont{
    padding: 17px 0 17px 22px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    margin-top: 20px;
}
.connection__offer__sumCont h6{
    font-family: "Montserrat-Regular";
    font-size: 18px;
    margin-top: 0;
    text-align: left;
    color: #6d6d6d;
    font-weight: normal;
}
ul.newconnection_offer__radiolist{
    overflow: hidden;
    margin: 0;
}
ul.newconnection_offer__radiolist li{
    display: inline-block;
    float: left;
    margin-right: 15px;
    width: 18%;
    text-align: left;
}

/*--end--*/
.connection__step3 {
    margin-top: 90px;
    margin-bottom: 60px;
    padding: 50px 0px;
    text-align: center;
}

.connection__step3__summary {
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #6d6d6d;
}

.connection__step3 .container {
    width: 55%;
}

.connection__step3__sumHead {
    font-family: "Montserrat-Regular";
    font-size: 16px;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
    padding: 20px;
    margin: 0;
}

.connection__step3__sumCont {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    border-right: 1px solid #EAEAEA;
    padding: 17px 18px 17px 0;
    text-align: left;
}

.connection__step3__sumCont>span {
    display: block;
    padding-top: 8px;
}

.connection__step3__sumCont span.rupee {
    font-size: 18px;
}

.connection__step3__Total {
    border: none;
}

.connection__step3__sumCont span {
    font-family: "Montserrat-Medium";
    font-size: 18px;
}

[class*="col-"]:first-child .connection__step3__sumCont {
    padding-left: 22px;
}

[class*="col-"]:last-child .connection__step3__sumCont {
    border: none;
}

.common_input {
    position: relative;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    float: left;
}

.common_input input {
    padding: 20px;
    margin: 0px auto;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #C0C0C0;
    pointer-events: all;
    font-family: "Montserrat-Light";
    font-size: 14px;
    background: #fafafa;
}

.common_input input:focus+label.placeholder,
.common_input input[data-empty="false"]+label.placeholder {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    font-size: 12px;
    color: #787878;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.common_input input:focus {
    border: 1px solid #797D80;
    background: #fff;
}

.common_input .placeholder {
    position: absolute;
    top: 0px;
    left: 15px;
    float: left;
    font-size: 14px;
    color: #C0C0C0;
    pointer-events: none;
    font-family: "Montserrat-Light";
    -webkit-transform: translateY(22px);
    -moz-transform: translateY(22px);
    -ms-transform: translateY(22px);
    -o-transform: translateY(22px);
    transform: translateY(22px);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 1;
    font-weight: 400;
}

.common_input select::-ms-expand {
    display: none;
}

.common_input select {
    padding: 20px;
    margin: 0px auto;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    font-family: "Montserrat-Light";
    font-size: 14px;
    pointer-events: all;
    background: #fafafa;
}

.common_input select option {
    padding: 20px;
    width: 100%;
    border-bottom: 1px solid #C0C0C0;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.common_input select option:hover {
    background: #FF7A36;
    color: #fff;
}

.common_input select:focus+label.placeholder {
    color: #787878;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    font-size: 12px;
}

.common_input .calender__icon {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
    right: 15px;
    cursor: pointer;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background-position: -208px -101px;
    pointer-events: none;
}

.common_input .down__arrow {
    position: absolute;
    top: 25px;
    right: 15px;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background-position: -381px -38px;
    width: 12px;
    height: 8px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.common_input.active label.placeholder {
    -webkit-transform: translateY(-20px) !important;
    -moz-transform: translateY(-20px) !important;
    -ms-transform: translateY(-20px) !important;
    -o-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
    color: #787878;
    font-size: 12px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.common_input.active input {
    border: 1px solid #797D80;
}

.selectBox+label.placeholder {
    opacity: 0;
    color: #787878;
    font-size: 12px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.selectBox button[aria-expanded='false'] {
    border: 1px solid #797D80;
}

.selectBox button[aria-expanded='false']+label.placeholder {
    opacity: 1;
    -webkit-transform: translateY(-20px) !important;
    -moz-transform: translateY(-20px) !important;
    -ms-transform: translateY(-20px) !important;
    -o-transform: translateY(-20px) !important;
    transform: translateY(-20px) !important;
}

.form__container {
    text-align: left;
    margin: 85px auto;
}

.form__container .checkbox-custom-label {
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.form__container .connection__agree {
    margin-bottom: 28px;
    position: relative;
    top: -12px;
}

.form__container .connection__agree label {
    font-family: "Montserrat-ExtraLight";
    font-size: 14px;
    color: #797979;
    margin-left: 0;
}

.form__container .common-btn,
.form__container .common-btn-medium,
.form__container .common-btn-small,
.form__container .common-btn-medium-greyBorder,
.form__container .common-btn-medium-grey,
.form__container input[type="submit"] {
    text-align: center;
    margin: 0 auto;
}

.form__container .conc__submit {
    padding: 20px 60px;
    font-family: "Montserrat-Medium";
    font-size: 13px;
}

.form__container .cancel_link {
    margin: 20px auto;
}

.form__container .cancel_link a {
    padding: 20px 0px;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.down__arrow.rotateCaret {
    -webkit-animation-name: rotateCaret;
    -moz-animation-name: rotateCaret;
    -o-animation-name: rotateCaret;
    animation-name: rotateCaret;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes rotateCaret {
    0% {
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Chrome, Safari, Opera */
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }
}

@-moz-keyframes rotateCaret {
    0% {
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Chrome, Safari, Opera */
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@-o-keyframes rotateCaret {
    0% {
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Chrome, Safari, Opera */
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes rotateCaret {
    0% {
        -ms-transform: rotate(0deg);
        /* IE 9 */
        -webkit-transform: rotate(0deg);
        /* Chrome, Safari, Opera */
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(180deg);
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.state__dropdown option {
    padding: 20px;
    border-bottom: 1px solid #C0C0C0;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.state__dropdown option:hover {
    background: #FF7A36;
}


/*for IE10*/

.common_input input[type=date]::-webkit-datetime-edit-month-field,
.common_input input[type=date]::-webkit-datetime-edit-day-field,
.common_input input[type=date]::-webkit-datetime-edit-year-field,
.common_input input[type=date]::-webkit-datetime-edit-text {
    color: transparent;
}

.common_input input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.common_input input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.get__location {
    position: absolute;
    top: 20px;
    right: 25px;
}

.get__location a {
    text-decoration: underline;
    color: #787878;
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.get__location a:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 105px;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-position: -178px -101px;
}

.get__location a:visited label.placeholder,
.get__location a:active label.placeholder {
    top: -20px;
    left: 0;
    color: #787878;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.common-btn-medium-grey {
    background-color: #7F807B;
    background-image: none;
    color: #fff;
}

.common-btn-medium-grey:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
}

.calender_info {
    font-family: "Montserrat-Light";
    font-size: 10px;
    color: #c1c1c1;
}

@media screen and (min-width: 0\0) {
    select {
        background-image: none\9;
        padding: 5px\9;
    }
}


/** POPUP **/

.compareSelect {
    display: block;
    padding: 20px 0px;
    text-align: center;
    border-top: 1px solid #EAEAEA;
    background: #383838;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.compareSelect .compareChannel {
    padding: 20px;
    width: 100%;
    max-width: 400px;
    display: inline-block;
    border: 1px solid #EAEAEA;
    position: relative;
    background: #fff;
    color: #6E6E6E;
    text-align: left;
    margin-right: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 96px;
    vertical-align: middle;
}

.compareSelect .compareChannel .cancel {
    position: absolute;
    top: -10px;
    right: 5px;
    font-family: "Montserrat-ExtraLight";
    font-size: 56px;
    color: #B7B7B7;
    z-index: 2;
}

.compareSelect .compareChannel h2 {
    font-family: "Montserrat-Regular";
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 8px;
}

.compareSelect .compareChannel span.pckg__details {
    font-size: 20px;
    color: #6D6D6D;
    letter-spacing: 1px;
}

.compareSelect .compareChannel.compareSelect__Two {
    margin-right: 100px;
}

.compareSelect .compareChannel .channelContent {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.compareSelect .compareChannel .addChannel {
    display: none;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.compareSelect .compareChannel .addChannel p {
    padding: 35px;
    display: block;
}

.compareSelect .compare-btn {
    padding: 13px 35px;
    font-size: 13px;
    position: relative;
}

.hepl-pop-model{
     height: 260px;
    width: 100%;
    position: relative;
    z-index: 10;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.ref-pop-model {
    width: 100%;
    height:auto;
    min-height:471px;
    position: relative;
    z-index: 10;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;

}

.channel__compare,
.channel__list {
    height: 600px;
    width: 100%;
    position: relative;
    z-index: 10;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.mysrcomstat {
    height: 350px;
    width: 100%;
    position: relative;
    z-index: 10;
    /*background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    border-radius: 10px;
    overflow: hidden;
}
.srwidth {
    padding:25px;
    text-align:center;
}

.model-head-style {
    font-weight: 700;
    padding: 15px;
    text-align: center;
}

.text-t-right {
    text-align: right;
    font-weight: 700;
    padding: 10px;
}
.text-t-left {
    text-align: left;
    padding: 10px;
}
.srresponceerrordiv {
    text-align:center;
}
.channel__compare:before,
.channel__list:before,
.hepl-pop-model:before,
.ref-pop-model:before {
    content: "";
    position: absolute;
    width: 99.7%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    z-index: -1;
    overflow: hidden;
}
.Errordiv {
    font-size: 27px;
    padding: 10px;
    border: 1px dashed #6E6E6E;
    margin: 69px 82px;
}
.channel__compare .cancel,
.channel__list .cancel,.hepl-pop-model .cancel,.ref-pop-model .cancel{
    display: block;
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    right: 25px;
    text-decoration: none;
    text-align: center;
    z-index: 2;
}


.channel__compare .cancel,
.mysrcomstat .cancel,
.channel__list .cancel {
    display: block;
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    right: 25px;
    text-decoration: none;
    text-align: center;
    z-index: 2;
}

.channel__compare .cancel span,
.mysrcomstat .cancel span,
.channel__list .cancel span,
.hepl-pop-model .cancel span,
.ref-pop-model .cancel span {
    font-family: "Montserrat-Regular";
    font-size: 20px;
    color: #6d6d6d;
    vertical-align: middle;
}

.channel__compare .cancel span:nth-child(2),
.mysrcomstat .cancel span:nth-child(2),
.channel__list .cancel span:nth-child(2),
.hepl-pop-model .cancel span:nth-child(2),
.ref-pop-model .cancel span:nth-child(2) {
    font-size: 12px;
    text-decoration: underline;
    margin-left: 5px;
}

.mysrcomstat:before {
    content: "";
    position: absolute;
    width: 99.7%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    z-index: -1;
    overflow: hidden;
}
.channel__compare .cancel span,
.channel__list .cancel span {
    font-family: "Montserrat-Regular";
    font-size: 20px;
    color: #6d6d6d;
    vertical-align: middle;
}

.channel__compare .cancel span:nth-child(2),
.channel__list .cancel span:nth-child(2) {
    font-size: 12px;
    text-decoration: underline;
    margin-left: 5px;
}

.channel__compare .compareTable,
.channel__list .compareTable {
    color: #6d6d6d;
    width: 100%;
    padding: 5px 25px;
    height: 100%;
}

.channel__compare .compareTable__Head,
.channel__list .compareTable__Head {
    width: 100%;
    overflow: hidden;
}

.channel__compare .compareTable__container,
.channel__list .compareTable__container {
    height: 82%;
    width: 100%;
}

.channel__compare .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar,
.channel__list .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 4px;
    height: 50px;
    min-height: 50px !important;
    background-color: #CBCBCB;
}

.channel__compare .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail,
.channel__list .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 5px;
    background-color: #EAEAEA;
}

.channel__compare .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger,
.channel__list .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 60px !important;
}

.channel__compare .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.channel__list .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 50px !important;
    min-width: 50px !important;
    height: 4px !important;
    top: 2px;
    background-color: #CBCBCB;
}

.channel__compare .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.channel__list .compareTable__container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100% !important;
    height: 5px !important;
    background-color: #EAEAEA;
}

.channel__compare .compareTable__container .mCSB_container_wrapper>.mCSB_container,
.channel__list .compareTable__container .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0;
}

.channel__compare .compareTable table,
.channel__list .compareTable table {
    width: 100%;
    position: relative;
    top: 28px;
    min-width: 700px;
}

.channel__compare .compareTable table thead,
.channel__list .compareTable table thead {
    min-width: 700px;
    background: #fff;
}

.channel__compare .compareTable table thead tr,
.channel__list .compareTable table thead tr {
    position: fixed;
    top: 68px;
    width: 93%;
    min-width: 700px;
}

.channel__compare .compareTable table thead tr th,
.channel__list .compareTable table thead tr th {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    text-align: right;
    padding: 15px 60px;
    background: #fff;
    width: 34%;
}

.channel__compare .compareTable table thead tr th:first-child,
.channel__list .compareTable table thead tr th:first-child {
    text-align: left;
    width: 34.9%;
}

.channel__compare .compareTable table tr,
.channel__list .compareTable table tr {
    border-bottom: 1px solid #EAEAEA;
}
.channel__list__container .listOf__channels li {
	width: 90px;
	height: 60px;
	float: left;
	margin-right: 10px;
	text-align: center;
	margin-bottom: 40px;
	border: 1px solid #EAEAEA;
	position: relative;
}
.channel_namestl {
	position: relative;
	top: 72px;
	width: 100%;
	font-size: 8px;
}
a.chl_name_alct {
	color: #f94576;
}

.channel__compare .compareTable table tr td,
.channel__list .compareTable table tr td {
    text-align: right;
    font-family: "Montserrat-Light";
    font-size: 14px;
    padding: 15px 60px;
}

.channel__compare .compareTable table tr td:first-child,
.channel__list .compareTable table tr td:first-child {
    text-align: left;
    background: #FAFAFA;
    width: 28%;
}

.channel__compare .compareTable h2,
.channel__list .compareTable h2 {
    font-family: "Montserrat-Regular";
    font-size: 32px;
    padding: 5px 14px 16px 14px;
}

.channel__list__container {
    padding: 20px;
    color: #6d6d6d;
}

.channel__list__container .listOf__channels {
    margin-bottom: -15px;
    display: inline-block;
    height: 500px;
}

.channel__list__container .listOf__channels .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 4px;
    height: 50px;
    min-height: 50px !important;
    background-color: #CBCBCB;
}

.channel__list__container .listOf__channels .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 5px;
    background-color: #EAEAEA;
}

.channel__list__container h2 {
    font-family: "Montserrat-Regular";
    font-size: 30px;
    margin: 8px 21px 8px 0px;
    float: left;
}

.channel__list__container span.pckg__details {
    font-size: 20px;
    color: #6D6D6D;
    margin-top: 16px;
    float: left;
    letter-spacing: 1px;
}

.channel__list__container .listOf__channels h3 {
    display: inline-block;
    width: 100%;
    font-family: "Montserrat-Regular";
    font-size: 14px;
    margin: 15px 10px;
    letter-spacing: 0.6px;
    color: #fff;
    padding: 15px 10px;
    background-color: #999;
}

.channel__list__container .listOf__channels h3 span {
    padding-left: 4px;
}

.channel__list__container .listOf__channels ul {
    padding: 0px 10px;
}

.channel__list__container .listOf__channels li {
    width: 90px;
    height: 60px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #EAEAEA;
    position: relative;
}

.channel__list__container .listOf__channels li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.plandtl-block {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.plandtl-block__hldr {
    margin-bottom: 45px;
}

.plandtl-block__hldr {
    width: 100%;
    float: left;
}

.plandtl-block__link {
    float: right;
    font-size: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.56);
    margin-bottom: 42px;
}

.planpack {
    clear: both;
    display: table;
    width: 100%;
    border-top: 1px solid #CCC;
}

.planpack:first-child {
    position: relative;
    top: 48px;
    border-top: none;
}

.planpack:first-child .planpack__header {
    float: left;
    padding: 0;
}

.planpack:first-child .planpack__header--topspace {
    -webkit-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    -moz-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
}

.planpack:last-child .planpack__header {
    padding: 37px 35px 40px;
}

.planpack-box__strip {
    background-color: #FF7A39;
    color: #FFF;
    position: absolute;
    top: -15px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 250px;
    left: -90px;
    padding: 35px 70px 0 70px;
}

.planpack-box__strip h4 {
    font-family: "Montserrat-Bold";
    font-size: 20px;
}

.planpack__header {
    display: table-cell;
    width: 46%;
    padding: 36px 38px;
}

.planpack__header--plans {
    background-color: #F5F8FF;
}

.planpack__header--bestPack {
    width: 27%;
    overflow: hidden;
    background-color: #FFF;
    -webkit-box-shadow: 0px 10px 39px rgba(204, 204, 204, 0.53);
    -moz-box-shadow: 0px 10px 39px rgba(204, 204, 204, 0.53);
    box-shadow: 0px 10px 39px rgba(204, 204, 204, 0.53);
    position: relative;
}

.planpack__header--topspace {
    top: -48px;
}

.planpack__header--price {
    background-color: #FFF4F0;
    width: 27%;
    overflow: hidden;
}

.planpack__headerInner {
    text-align: left;
    padding: 95px 39px 45px;
    height: 287px;
    position: relative;
}

.planpack__headerInner h2 {
    font-size: 38px;
    margin: 0;
}

.planpack__bestpack {
    padding: 150px 45px 45px;
    text-align: center;
    height: 335px;
    position: relative;
}

.planpack__bestpack--edit {
    padding: 105px 45px;
    text-align: center;
    height: 287px;
    position: relative;
}

.planpack__price {
    padding: 45px;
    text-align: center;
    min-height: 287px;
    display: table;
    width: 100%;
    position: relative;
}

.planpack__bestpack h2 {
    font-size: 30px;
	font-family: "Montserrat-Regular";
    margin-top: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.planpack-box__rate {
    font-family: "Montserrat-Medium";
    font-size: 46px;
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 400;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.planpack-box__rate span+span {
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #6A6A6A;
    text-transform: lowercase;
    line-height: 20px;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #6A6A6A;
    -moz-background-clip: unset;
    -moz-text-fill-color: #6A6A6A;
    -ms-background-clip: unset;
    -ms-text-fill-color: #6A6A6A;
}

.planpack__channelLanguage,
.planpack__channelTitle {
    font-family: "Montserrat-Light";
    font-size: 16px;
    line-height: 1;
    color: #6D6D6D;
    margin: 0;
}

.planpack__channelLanguage {
    text-align: left;
    cursor: pointer;
    padding-left: 25px;
    position: relative;
}

.planpack__channelLanguage.active {
    color: #FE7A39;
}

.planpack__channelLanguage.active:before {
    content: "-";
}

.planpack__channelLanguage:before {
    position: absolute;
    top: -5px;
    left: 0;
    content: "+";
    font-size: 24px;
}

.planpack-box__row {
    display: none;
    padding-top: 20px;
    margin: 0 -5px;
    overflow: auto;
}

.planpack-box__tv {
    float: left;
    padding: 0 10px;
    width: 25%;
}
/*venugopal 02-04-2019*/
a.linlog {
    display: block;
    margin: 27px;
    font-size: 12px;
    color: #6D6D6D;
}
.planpack-box__tvlogo {
    border: 1px solid #ececec;
    position: relative;
    height: 41px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    background: #FFF;
}

.planpack-box__tvlogo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .modal__inner {
        width: 90%;
    }
    .yourConeconTwo__list__Details h2 {
        width: 100%;
        margin-bottom: 10px;
    }
    .yourConeconTwo__list__Details span {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .yourConeconTwo__list__DetCont {
        width: 54%;
    }
    .yourConeconTwo__list__submitCont {
        width: 22%;
    }
    .nearest {
        max-height: 560px;
    }
}

@media screen and (max-width: 991px) {
    .bannerItem {
        min-height: 410px;
        margin-bottom: 0;
    }
    .modal__inner {
        width: 90%;
    }
    .modal__inner .channel__compare:before,
    .modal__inner .channel__list:before {
        width: 99.5%;
    }
    .channel__compare .compareTable table th,
    .channel__list .compareTable table th {
        padding: 15px 20px !important;
        text-align: left !important;
        width: 32% !important;
        min-width: 150px !important;
    }
    .channel__compare .compareTable table th:first-child,
    .channel__list .compareTable table th:first-child {
        width: auto !important;
        min-width: 150px !important;
    }
    .channel__compare .compareTable table td,
    .channel__list .compareTable table td {
        padding: 15px 20px !important;
        text-align: left !important;
        width: 32% !important;
        min-width: 150px !important;
    }
    .channel__compare .compareTable table td:first-child,
    .channel__list .compareTable table td:first-child {
        width: auto !important;
        min-width: 150px !important;
    }
    .channel__list__container h2 {
        margin-bottom: 0;
        font-size: 20px;
        width: 100%;
        text-align: left;
    }
    .channel__list__container span.pckg__details {
        font-size: 14px;
        margin: 5px 0 15px 4px;
    }
    .channel__list__container .listOf__channels h3 {
        font-size: 12px;
    }
    .channel__list__container .listOf__channels h3 span {
        padding-left: 5px;
    }
    .mCSB_inside>.mCSB_container {
        margin-right: 20px;
    }
    .yourConeconTwo__list__DetCont {
        width: 70%;
    }
    .yourConeconTwo__list__Details {
        padding: 0px;
    }
    .yourConeconTwo__list__submitCont {
        width: 30%;
    }
    .yourConecon .list-inline li {
        padding: 0 10px !important;
    }
    .compareSelect .compareChannel {
        width: 44%;
        display: inline-block;
        margin: 20px;
        margin-right: 20px !important;
    }
    .compareSelect .compare-btn {
        bottom: 0;
        margin: 0px 0px 15px;
    }
    .yourConeconTwo__logo {
        margin-top: 0;
        float: none;
        display: table;
        margin-bottom: 20px;
    }
    .yourConeconTwo__list__DetCont {
        width: 65%;
        margin-top: 0;
    }
    .yourConeconTwo__list__Details input[type='checkbox']+label {
        margin-left: 0;
    }
    .yourConeconTwo__list__submitCont {
        width: 35%;
        float: right;
    }
}

@media screen and (max-width: 767px) 
{
    .srwidth
    {
        padding-left: 0px;
        padding-right: 0px;}
    .yourConeconTwo__list__DetCont {
        width: 100%;
        margin-bottom: 20px;
    }
    .yourConeconTwo__list__submitCont {
        width: 100%;
    }
    .yourConeconTwo__list__Details span.pckg__details {
        width: 100%;
    }
    .yourConecon .list-inline li {
        font-size: 12px;
    }
    .modal__inner .channel__compare:before,
    .modal__inner .channel__list:before,
    .modal__inner .channel__list:before {
        width: 99.25%;
    }
    .compareSelect .compareChannel {
        width: 90%;
        display: block;
        margin: 20px;
    }
    .yourConeconTwo__logo {
        margin: 0 auto 30px;
        float: none;
        display: table;
    }
    .yourConeconTwo__list__DetCont,
    .yourConeconTwo__list__submitCont {
        width: 50%;
    }
    .yourConeconTwo__list h2 {
        font-size: 28px;
    }
    .yourConeconTwo__list__inner strong.connection__price {
        font-size: 32px;
    }
    ul.newconnection_offer__radiolist li{
        width:45%;
    }
    
}

@media screen and (max-width: 480px) {
    .yourConeconTwo__list__DetCont,
    .yourConeconTwo__list__submitCont {
        width: 100%;
        float: left;
    }
    .yourConeconTwo__list__submitCont {
        margin: auto;
        display: table;
        text-align: center;
    }
    .yourConeconTwo__list__inner {
        text-align: center;
    }
    .yourConeconTwo__list__Details h2+span {
        float: none;
        margin-bottom: 10px;
        display: inline-block;
    }
}

@media screen and (max-width: 375px) {
    .yourConeconTwo__list__Details span {
        padding-right: 0 !important;
        width: 100%;
        margin-left: 0 !important;
        text-align: center;
    }
    .modal__inner .channel__compare:before,
    .modal__inner .channel__list:before,
    .modal__inner .channel__list:before {
        width: 99%;
    }
    .yourConeconTwo__list__Tariff,
    .compare__check {
        padding-left: 50px;
    }
}

.sunHD__brief {
    text-align: center;
}

.sunHD__brief h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 20px;
}

.sunHD__brief p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.sunHD__mainImg {
    text-align: center;
}

.sunHD__features {
    max-width: 992px;
    margin: 50px auto 70px;
}

.sunHD__features .col-sm-6:first-child {
    position: relative;
}

.sunHD__features .col-sm-6:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 71%;
    width: 1px;
    background-color: #ccc;
}

.sunHD__features__Cont {
    text-align: center;
}

.sunHD__features__Cont img {
    margin: 0 auto 15px auto;
    display: block;
}

.sunHD__features__Cont span {
    font-size: 30px;
    font-family: "Montserrat-Regular";
}

.sunHD__features__Cont p {
    font-family: "Montserrat-ExtraLight";
    font-size: 28px;
    margin-top: 5px;
    color: #666666;
}

.sunHD__FAQ {
    padding-top: 25px;
    padding-bottom: 125px;
    float: left;
    width: 100%;
}

.sunHD__FAQ__Cont {
    padding: 50px 0px 35px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
}

.sunHD__FAQ__Cont h2 {
    margin: 0 auto 32px;
    font-size: 35px;
    font-family: "Montserrat-Regular";
    letter-spacing: -1px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.sunHD__FAQ__Cont h2 span {
    font-size: 35px;
    font-family: "Montserrat-Light";
}

.sunHD__FAQ__Cont p {
    font-family: "Montserrat-Light";
    font-size: 16px;
    color: #484848;
}

.sunHD__FAQ__Cont .listOf__channels {
    width: 100%;
    float: left;
}

.sunHD__FAQ__Cont .listOf__channels li {
    display: inline-block;
    width: 14%;
    padding-right: 10px;
    margin-bottom: 15px;
}

.sunHD__FAQ__Cont span a {
    text-decoration: underline;
    font-size: 13px;
    float: right;
    position: relative;
    top: -40px;
    right: 10px;
}

.sunHD__FAQ__Cont .need__Cont {
    counter-reset: section;
}

.sunHD__FAQ__Cont .need__Cont h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    color: #999999;
    counter-reset: subsection;
}

.sunHD__FAQ__Cont .need__Cont h3:before {
    counter-increment: section;
    content: "0" counter(section) " ";
    font-family: "Montserrat-ExtraLight";
    font-size: 45px;
}

.sunHD__FAQ__Cont .need__Cont p {
    font-family: "Montserrat-Light";
    font-size: 16px;
    color: #666666;
}

.sunHD__FAQ__Cont:last-child {
    border: none;
}

.sunHD__benifits {
    padding: 25px 0px 8px 0px;
    display: table;
}

.sunHD__benifits__Cont {
    display: table-cell;
    width: 33.1%;
    text-align: left;
    padding-right: 57px;
}

.sunHD__benifits__Cont i {
    margin-bottom: 10px;
    display: block;
}

.sunHD__benifits__Cont span {
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Montserrat-Regular";
    color: #666666;
}

.sunHD__benifits__Cont p {
    font-family: "Montserrat-Light";
    font-size: 16px;
    margin-top: 10px;
    line-height: 21px;
    color: #666666;
}

.menu ul.recharge_menu li:last-child {
    padding-left: 570px;
}

.myaccsec {
    position: relative;
    color: #797979;
    padding-bottom: 100px;
    background: #f3f5fb;
    background: -webkit-gradient(linear, left top, right top, color-stop(44%, #f3f5fb), color-stop(44%, white));
    background: -webkit-linear-gradient(left, #f3f5fb 44%, white 44%);
    background: -moz-linear-gradient(left, #f3f5fb 44%, white 44%);
    background: -o-linear-gradient(left, #f3f5fb 44%, white 44%);
    background: linear-gradient(to right, #f3f5fb 44%, white 44%);
}

.myaccsec:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 43%;
    height: 100%;
    background: #F3F5FB;
}

.myDetails {
    height: 100%;
    position: relative;
    display: inline-block;
}

.myDetails__Cont {
    width: 100%;
    float: right;
    text-align: left;
    padding-bottom: 100px;
}

.myDetails__Cont h1 {
    font-family: "Montserrat-SemiBold";
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 25px;
}

.myDetails__Cont h1 span {
    font-family: "Montserrat-Light";
    display: block;
}

.myDetails__Cont h1 span+span{
    font-family: "Montserrat-SemiBold";
    display: block;
}
.myDetails__list,
.rechargeSec__list,
.subcribedtl-block {
    margin-bottom: 32px;
}

.myDetails__list h2,
.rechargeSec__list h2,
.subcribedtl-block h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 17px;
    margin-bottom: 19px;
}

.myDetails__listVal,
.rechargeSec__listVal,
.subcribedtl-block h4 {
    font-family: "Montserrat-Light";
    font-size: 30px;
	height:35px;
}

.myDetails__edit {
    background: url("../images/sprite.png") no-repeat -124px -168px;
    width: 15px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.innerDetails {
    padding: 0px 0px 0px 50px;
    position:relative;
}

.edit-link {
    text-decoration: underline;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.mb-5 {
    margin-bottom: 5px;
}

.myProfile {
    position: relative;
    height: 100%;
}

.myProfile__list {
    margin-bottom: 24px;
}

.myProfile__list h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.myProfile__listVal {
    font-family: "Montserrat-Light";
    font-size: 30px;
    line-height: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.myProfile .common-btn-small {
    font-size: 13px;
    padding: 14px 25px;
    min-width: 140px;
    cursor: pointer;
    margin-bottom: 10px;
}

.changeProfileInfo {
    margin:10px auto;
    margin-bottom:20px;
}

.changeProfileInfo .common_input {
    margin-bottom:10px;
}

.myProfile__inputhlr {
    width: 100%;
}

.myProfile__input {
    width: 100%;
    font-size: 16px;
    height: 37px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #7A7E81;
    font-family: "Montserrat-Light";
    max-width: 188px;
    display: inline-block;
    vertical-align: middle;
    background-color: #FAFAFA;
    padding: 5px 15px;
}

.myProfile__input::-webkit-input-placeholder {
    color: #797979;
    font-size: 30px;
}

.myProfile__input::-moz-placeholder {
    color: #797979;
    font-size: 30px;
}

.myProfile__input:-ms-input-placeholder {
    color: #797979;
    font-size: 30px;
}

.myProfile__input:-moz-placeholder {
    color: #797979;
    font-size: 30px;
}

.myProfile__btnholder {
    margin-top: 60px;
}

.changepwd-btn,
.changemob-btn {
    min-width: 220px;
}

.changepwd-btn {
    margin-right: 20px;
}

input.myProfile__input::-webkit-input-placeholder {
    position: relative;
    top: 12px;
}

input.myProfile__input::-moz-placeholder {
    position: relative;
    top: 12px;
}

input.myProfile__input:-ms-input-placeholder {
    position: relative;
    top: 12px;
}

input.myProfile__input:-moz-placeholder {
    position: relative;
    top: 12px;
}

input.myProfile__input:placeholder {
    position: relative;
    top: 12px;
}

.myProfile__save .myProfile__btn {
    padding: 14px 25px;
    margin-left: 10px;
    min-width: 140px;
}

.myTransaction {
    width: 100%;
}

.myTransaction .tab-content {
    padding-top: 30px;
}

.myTransaction__head {
    width: 100%;
}

.myTransaction__head h2 {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    padding: 0 14px 6px 17px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
}

.myTransaction__head .common_input {
    float: right;
}

.myTransaction__headLink {
    float: right;
}

.myTransaction th {
    font-family: "Montserrat-Medium";
    font-size: 15px;
    width: 33%;
    padding: 15px;
    color: #797979;
    background: #F3F5FB;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    pointer-events: all;
    font-weight: 400;
}

.myTransaction th a:after {
    content: none;
    position: absolute;
    margin-left: 10px;
    top: 19px;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #797979;
    border-right: solid 1px #797979;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.myTransaction table {
    width: 100%;
    color: #535353;
}

.myTransaction table tr {
    border-bottom: 1px solid #EAEAEA;
}

.myTransaction table tr td {
    text-align: left;
    font-family: "Montserrat-Light";
    font-size: 14px;
    padding: 15px;
    width: 33.3%;
}

.myTransaction table tr:first-child {
    border-bottom: none;
}

.myTransaction table .rupee {
    display: inline-block;
    vertical-align: top;
}

.rechargeSec {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    padding: 0 0px 50px 0px;
}

.rechargeSec__planDet {
    width: 28%;
    float: left;
}

.rechargeSec__list,
.subcribedtl-block {
    margin-bottom: 40px;
}

.rechargeSec__listVal,
.subcribedtl-block h4 {
    line-height: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.rechargeSec__list h2,
.subcribedtl-block h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.rechargeSec__list .common-btn,
.subcribedtl-block .common-btn,
.rechargeSec__list .common-btn-medium,
.subcribedtl-block .common-btn-medium,
.rechargeSec__list .common-btn-small,
.subcribedtl-block .common-btn-small,
.rechargeSec__list .common-btn-medium-greyBorder,
.subcribedtl-block .common-btn-medium-greyBorder,
.rechargeSec__list .common-btn-medium-grey,
.subcribedtl-block .common-btn-medium-grey,
.rechargeSec__list input[type="submit"],
.subcribedtl-block input[type="submit"] {
    padding: 12px 44px;
    font-family: "Montserrat-Medium";
    font-size: 13px;
    margin-top: 16px;
}

.rechargeSec .common_input {
    width: 60%;
}

.rechargeSec .common_input .common-btn,
.rechargeSec .common_input .common-btn-medium,
.rechargeSec .common_input .common-btn-small,
.rechargeSec .common_input .common-btn-medium-greyBorder,
.rechargeSec .common_input .common-btn-medium-grey,
.rechargeSec .common_input input[type="submit"] {
    margin-top: 20px;
    padding: 13px 35px;
}

.rechargeSec__subsDet {
    width: 57%;
    float: left;
}

.rechargeSec__subsDet .rechargeSec__list h2,
.rechargeSec__subsDet .subcribedtl-block h2 {
    margin-bottom: 4px;
}

.rechargeSec__subsDet .rechargeSec__listVal,
.rechargeSec__subsDet .subcribedtl-block h4,
.subcribedtl-block .rechargeSec__subsDet h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.rechargeSec__subsDet .rechargeSec__list span,
.rechargeSec__subsDet .subcribedtl-block span {
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.rechargeSec__subsDet .rechargeSec__list span {
font-size:14px;
}

.planTerms {
    position: absolute;
    bottom: 0;
    left: 50px;
    font-family: "Montserrat-Light";
    font-size: 14px;
}

.rechargeSec__subsDet .rechargeSec__list .rupee,
.rechargeSec__subsDet .subcribedtl-block .rupee {
    font-size: inherit;
}

.rechargeSec__addOnWrapper {
    width: 90%;
    max-height: 225px;
}

.rechargeSec__addOn h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 17px;
    margin-bottom: 17px;
}

.rechargeSec__addOnlist,
.addonpack-col {
    padding-bottom: 10px;
}

.rechargeSec__addOnlist h3,
.addonpack-col h3 {
    font-family: "Montserrat-Medium";
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 6px;
}

.rechargeSec__addOnlist span a,
.addonpack-col span a {
    font-family: "Montserrat-Light";
    font-size: 14px;
    text-decoration: underline;
}

.rechargeSec__addOnlistVal,
.addonpack-col p {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.rechargeSec__bestOffers {
    width: 100%;
    display: inline-block;
}

.rechargeSec__bestOffers h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 17px;
    margin-bottom: 19px;
}

.rechargeSec__bestOffers li {
    text-align: center;
    float: left;
    list-style: none;
    width: 30%;
    margin-left: 20px;
    margin-bottom: 30px;
}

.rechargeSec__bestOffers li:first-child {
    padding-left: 0;
}

.rechargeSec__bestOffers li h3 {
    font-family: "Montserrat-Medium";
    font-size: 43px;
    width: 100%;
}

.rechargeSec__bestOffers li p {
    font-family: "Montserrat-Light";
    font-size: 12px;
    line-height: 20px;
    width: 100%;
}

.rechargeSec__bestOffers li p.rechargeSec__offers {
    font-size: 16px;
    font-family: "Montserrat-Medium";
}

.rechargeSec__bestOffers li p.rechargeSec__offers .rupee {
    padding-left: 5px;
}

.rechargeSec__bestOffersList {
    border: 1px dotted #AFAEAF;
    padding: 15px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.rechargeSec__bestOffersList:hover,
.rechargeSec__bestOffersList.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
}

.rechargeSec__bestOffersList:hover h3,
.rechargeSec__bestOffersList.active h3 {
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
}

.rechargeSec__bestOffersList:hover p,
.rechargeSec__bestOffersList.active p {
    color: #fff;
}

.rechargeSec .connection__agree {
    padding-top: 0px;
    padding-bottom: 20px;
}

.rechargeSec .connection__agree input[type='checkbox']+label {
    font-size: 12px;
    color: #797979;
    line-height: 14px;
    font-family: "Montserrat-ExtraLight";
}

.rechargeSec .connection__agree input[type='checkbox']+label:before {
    padding: 3px;
}

.rechargeSec .connection__agree input[type='checkbox']+label:after {
    top: 30%;
}

.rechargeNow {
    padding-top: 0px;
    display: inline-block;
    width: 100%;
}

.rechargeNow h3 {
    margin: 10px 0;
}

.rechargeNow h3.smcnumhead {
    margin-bottom: 0;
}

.rechargeNow h3 small {
    font-size: 12px;
    font-family: "Montserrat-Light";
    color: #797979;
    display: block;
    padding-bottom: 10px;
}

.rechargeNow .common_input {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 9px;
}

.rechargeNow input[type="submit"] {
    margin-top: 42px;
}

.basePack {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

.basePack__brief {
    border: 1px solid #EBEBEB;
    color: #797979;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 28px;
}

.basePack__Type {
    padding: 25px 25px 0px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
}

.basePack__Type h2 {
    font-size: 15px;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 7px;
}

.basePack__Type p {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    margin-bottom: 0;
}

.basePack__Price {
    text-align: right;
    padding: 23px 23px 18px 23px;
}

.basePack__Price p {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    margin-bottom: 0;
}

.basePack__Price span+span {
    font-size: 14px;
    font-family: "Montserrat-light";
    color: #6A6A6A;
    text-transform: lowercase;
    line-height: 20px;
}

.basePack__addOn {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding: 20px 25px 30px 25px;
    border-top: 1px solid #EBEBEB;
}

.basePack__addOn h2 {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px;
}

.basePack__addOnlist {
    margin-right: 15px;
    float: left;
    width: 32%;
}

.basePack__addOnlist h3 {
    font-family: "Montserrat-Medium";
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 14px;
}

.basePack__addOnlist span a {
    font-family: "Montserrat-Light";
    font-size: 14px;
    text-decoration: underline;
}

.basePack__addOnlistVal {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}


/** Policies  **/

.panel-body ul li {
    list-style: disc;
    margin: 10px 30px;
    line-height: 20px;
}

.policies__wrapper {
    padding-top: 20px;
    min-height: 600px;
}

.policies__wrapper h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px;
}

.policies__wrapper .editor_list li {
    list-style: disc;
    margin: 0 0 10px 20px;
    line-height: 20px;
}

.policies__mobileNav {
    display: none;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-family: "Montserrat-Medium";
    line-height: 18px;
    padding: 15px 0 15px 2%;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.policies__mobileNav:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.policies__mobileNav.active:after {
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
    top: 18px;
}

.policies__nav {
    height: 100%;
    margin: auto;
    color: #333;
}

.policies__nav>ul {
    float: left;
    width: 310px;
    display: block;
    position: relative;
    top: 0;
    border: 1px solid #ebebeb;
    border-right-width: 0;
    margin: auto 0;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}

.policies__nav>ul>li {
    width: 100%;
    list-style-type: none;
    display: block;
    font-size: 18px;
    font-family: "Montserrat-Regular";
    position: relative;
    border-right-width: 0;
    border-bottom: 1px solid #ebebeb;
    margin: 0;
}

.policies__nav>ul>li:last-child {
    border-bottom: none;
}

.policies__nav>ul>li span {
    color: #6d6d6d;
}

.policies__nav>ul>li a {
    padding: 25px 20px;
    display: block;
}

.policies__nav>ul>li.current {
    border-right: none;
    width: 101%;
    background: #fff;
    position: relative;
}

.policies__nav>ul>li.current span {
    font-size: 18px;
}

.policies__nav>.policies__content {
    margin-left: 310px;
    font-size: 14px;
    font-family: "Montserrat-Light";
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background-color: #FFF;
    min-height: 416px;
    position: relative;
    padding: 12px;
    display: block;
    padding: 60px 0 20px 60px;
}

.policies__nav>.policies__content ul.no-style li {
    list-style: none;
    margin-left: 0;
    display: table;
}

.policies__nav>.policies__content ul.no-style li span {
    display: table-cell;
}

.policies__nav>.policies__content ul.no-style li span+span {
    padding-left: 10px;
}

.policies__nav>.policies__content ul.the-policy-list>li {
    list-style: none;
    color: #6d6d6d;
    position: relative;
    font-size: 14px;
    font-family: "Montserrat-Light";
}

.policies__nav>.policies__content ul.the-policy-list>li:before {
    width: 5px;
    height: 5px;
    border: 1px solid #FF7A36;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    content: "";
    position: absolute;
    left: -15px;
    top: 10px;
}

.policies__nav>.policies__content ul.the-policy-list>li ul li {
    list-style: disc;
    font-size: 14px;
    font-family: "Montserrat-Light";
    line-height: 20px;
    color: #FF7A36;
}

.policies__nav>.policies__content ul.the-policy-list>li ul li span {
    color: #6d6d6d;
}

.policies__nav>.policies__content p {
    margin-bottom: 30px;
    font-size: 14px;
    font-family: "Montserrat-Light";
    line-height: 20px;
}

.policies__nav>.policies__content h2 {
    margin-top: 0;
    font-size: 14px;
    font-family: "Montserrat-Regular";
    color: #FF7A36;
}

.policies__nav>.policies__content h2 strong,
.policies__nav>.policies__content h2 b {
    font-weight: normal;
}

.policies__nav>.policies__content h3 {
    font-size: 17px;
    font-family: "Montserrat-Regular";
    color: #FF7A36;
}

.policies__nav>.policies__content li {
    /*color: #FF7A36;*/	
      color: #6E6E6E;
}

.policies__nav>.policies__content li span {
    color: #6d6d6d;
}

.policies__nav>.policies__content .editor_list {
    margin-bottom: 30px;
}

#v-nav>div.policies__content>h4 {
    font-size: 1.2em;
    color: #6d6d6d;
    border-bottom: 1px dotted #EEEDED;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nodalOfficers {
    color: #535353;
}

.nodalOfficers .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 60px !important;
}

.nodalOfficers .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 50px !important;
    min-width: 50px !important;
    height: 4px !important;
    top: 2px;
    background-color: #CBCBCB;
}

.nodalOfficers .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100% !important;
    height: 5px !important;
    background-color: #EAEAEA;
}

.nodalOfficers .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0;
}

.nodalOfficers tr {
    border-bottom: 1px solid #EAEAEA;
}

.nodalOfficers tr td {
    text-align: left;
    font-family: "Montserrat-Light";
    font-size: 13px;
    padding: 5px 10px;
}

.nodalOfficers tr:first-child {
    border-bottom: none;
}

.nodalOfficers th {
    font-family: "Montserrat-Medium";
    font-size: 13px;
    padding: 5px 10px;
    color: #797979;
    background: #F3F5FB;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    pointer-events: all;
    font-weight: 400;
}

.related_doc>ul {
    display: inline-block;
}

.related_doc .doc_wrapper {
    display: block;
    float: left;
    color: #3c3845;
    position: relative;
    width: 32%;
    margin-bottom: 40px;
    margin-right: 10px;
    padding-left: 50px;
}

.fa {
    color: #F74278;
   }


.related_doc .doc_wrapper>a:before {
    content: " ";
    margin-right: 20px;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 50px;
    background-position: -190px -133px;
    top: 0;
    left: 0;
    position: absolute;
}

.related_doc .doc_wrapper img {
    float: left;
    padding-right: 15px;
}

.related_doc .doc_wrapper h4 {
    font-family: "Montserrat-Medium";
    font-size: 14px;
    color: #3c3845;
    margin-top: 0;
    padding-top: 6px;
    margin-bottom: 5px;
}

.related_doc .doc_wrapper small {
    font-family: "Montserrat-Light";
    font-size: 12px;
    color: #3c3845;
}

.qckrge {
    padding: 0 0 60px;
}

.qckrge__left {
    padding-right: 27px;
    margin-bottom: 20px;
    overflow: hidden;
}

.qckrge__left .bannerItem, .loginsec__left .bannerItem{
    background-size:contain;
    min-height:390px;
}

.qckrge__right {
    margin-bottom: 20px;
}

.qckrge__right h1 {
    font-size: 45px;
    margin-top: 0;
    position: relative;
    top: -10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0;
}

.qckrge__right p {
    font-size: 16px;
    font-family: "Montserrat-Light";
}

.qckrge__right .regmob {
    margin: 0;
    width: 100%;
    display: table;
}

.qckrge__right .regmob .common_input {
    width: 66%;
    margin-bottom: 0px;
}

.qckrge__right .selectBox {
    margin-bottom: 20px;
}

.qckrge__right h3 {
    margin: 10px 0;
}

.qckrge__right h3.smcnumhead {
    margin-bottom: 0;
}

.qckrge__right h3 small {
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #797979;
    display: block;
    padding-bottom: 10px;
}

.qckrge__right h3 span {
    font-size: 30px;
    font-family: "Montserrat-Regular";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
}

.qckrge__right h3 .smalltxt {
    font-size: 11px;
    color: #797979;
    font-family: "Montserrat-Light";
    width: auto;
    background: transparent;
    -webkit-text-fill-color: black;
    display: block;
}

.qckrge__right h3 .checkbox-custom-label {
    margin-left: 0;
}

.qckrge__right .entersub {
    padding-top: 0px;
}

.qckrge__right .entersub input[type="submit"] {
    margin-top: 42px;
    /*margin-top: 85px;*/
}

.qckrge__right .forlog {
    font-size: 11px;
    color: #797979;
    font-family: "Montserrat-Light";
    font-weight: 400;
}

.qckrge__right .forlog a {
    text-decoration: underline;
    text-transform: uppercase;
    font-family: "Montserrat-Light";
}

.qckrge__right .form__container {
    margin: 0;
    margin-bottom:20px;
}

#multiSMC{
    margin-bottom:55px;
}

.qckrge__right .connection__agree {
    padding-top: 0;
    position: relative;
    top: -15px;
}

.qckrge__right .connection__agree input[type='checkbox']+label {
    font-size: 12px;
    color: #797979;
    font-family: "Montserrat-ExtraLight";
}

.qckrge__right .packageName {
    font-size: 18px;
    padding-right: 172px;
    line-height: 22px;
}

.qckrge__btn {
    position: absolute;
    right: 0;
    bottom: -19px;
    left: 0;
    text-align: center;
    background: #f5f8fc;
    margin: 0 auto;
    width: 250px;
}

.qckrge__btnlogin {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 40px;
    font-family: "Montserrat-Bold";
}

.qckrge__radiolist {
    padding-top: 10px;
}

.compwidth .qckrge__radiolist{
    display: block;
text-align: center;
width: 100%;}
.comp-tabs-navlist li a
{
    font-family: "Montserrat-Regular" !important;    
    }

.compwidth input[type="radio"] + label
{
    margin-right: 5px}

.qckrge__radiolist li {
    float: left;
    padding-bottom: 10px;
}

.compwidth .qckrge__radiolist li
{
    float: none;
    display: inline}

.qckrge__radiolist li label {
    font-weight: 400;
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.exchangebox {
    /*padding: 50px;*/
    background: #f5f8fc;
    width: 100%;
    float: left;
    /*padding-bottom: 100px;*/
}

.exchangebox h2 {
    font-size: 24px;
    font-family: "Montserrat-Regular";
    color: #6d6d6d;
    text-transform: uppercase;
    margin: 0 0 10px;
    text-align: center;
}

.exchangebox__slider {
    width: 100%;
    float: left;
    padding: 4px;
    background-color: #F74278;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.exchangebox__sliderBg {
    background: #f5f8fc;
    width: 100%;
    float: left;
    padding: 60px 15px;
    position: relative;
}

.exchangebox__sliderList__table {
    display: table;
    width: 100%;
    padding-bottom: 15px;
}

.exchangebox__sliderList__tableCol {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    background: #f5f8fc;
    left: -19px;
}

.exchangebox__sliderList__tableCol h3 {
    font-family: "Montserrat-Bold";
    font-size: 100px;
    color: #f94b6f;
}

.exchangebox__sliderList__tableCol .exchangebox__hdtxt {
    font-size: 57px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.exchangebox__sliderList__tableCol .exchangebox__hdtxt small {
    font-size: 20px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.exchangebox__sliderList__tableCol .rupee {
    display: inline-block;
    color: #f94b6f;
    padding-right: 8px;
}

.exchangebox__sliderList__tableCol img {
    width: 190px;
}

.exchangebox__sliderList__also {
    text-align: center;
    padding-bottom: 10px;
}

.exchangebox__sliderList__also h4 {
    font-size: 24px;
    font-family: "Montserrat-SemiBold";
    line-height: 24px;
}

.exchangebox__sliderList__also span {
    font-family: "Montserrat-Regular";
    display: block;
    font-size: 18px;
    color: #323232;
}

.js--exchangebox .slick-dots {
    bottom: 20px;
}

.js--exchangebox .slick-dots li button {
    background-color: #aaafba;
}

.js--exchangebox .slick-dots li.slick-active button {
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-color: #F74278;
}

.js--exchangebox .slick-list {
    /*padding-bottom: 40px;*/
}

.singleUser {
    padding-bottom: 30px;
}

.offerregsec__head p {
    width: 74%;
    margin: 0 auto 45px;
}

.offerregsec__row {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 100px;
    position: relative;
}

.offerregsec__row .nav-item {
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Montserrat-SemiBold";
}

.offerregsec__row.loading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 440px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(46%, white));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 46%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 46%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 46%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 46%);
}

.offerregsec__col {
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 40px;
    position: relative;
}

.offerregsec__col:nth-child(3n+2) {
    position: relative;
    top: -100px;
}

.offerregsec__link {
    display: block;
    padding-top: 20px;
}

.offerregsec__list {
    width: 266px;
    background: #ffc843;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffab42;
    background: -webkit-gradient(linear, left top, right top, from(#ffab42), color-stop(50%, #ffc643), to(#ffd742));
    background: -webkit-linear-gradient(left, #ffab42 0%, #ffc643 50%, #ffd742 100%);
    background: -moz-linear-gradient(left, #ffab42 0%, #ffc643 50%, #ffd742 100%);
    background: -o-linear-gradient(left, #ffab42 0%, #ffc643 50%, #ffd742 100%);
    background: linear-gradient(to right, #ffab42 0%, #ffc643 50%, #ffd742 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(255, 200, 67, 0.4);
    -moz-box-shadow: 0px 15px 36px 3px rgba(255, 200, 67, 0.4);
    box-shadow: 0px 15px 36px 3px rgba(255, 200, 67, 0.4);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.offerregsec__list.graclrtwo {
    background: -webkit-gradient(linear, left top, right top, from(#f66f54), color-stop(50%, #ff8e32), to(#ffb432));
    background: -webkit-linear-gradient(left, #f66f54 0%, #ff8e32 50%, #ffb432 100%);
    background: -moz-linear-gradient(left, #f66f54 0%, #ff8e32 50%, #ffb432 100%);
    background: -o-linear-gradient(left, #f66f54 0%, #ff8e32 50%, #ffb432 100%);
    background: linear-gradient(to right, #f66f54 0%, #ff8e32 50%, #ffb432 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(246, 111, 84, 0.4);
    -moz-box-shadow: 0px 15px 36px 3px rgba(246, 111, 84, 0.4);
    box-shadow: 0px 15px 36px 3px rgba(246, 111, 84, 0.4);
}

.offerregsec__list.graclrthree {
    background: -webkit-gradient(linear, left top, right top, from(#a4c02c), color-stop(50%, #b7d225), to(#cde71e));
    background: -webkit-linear-gradient(left, #a4c02c 0%, #b7d225 50%, #cde71e 100%);
    background: -moz-linear-gradient(left, #a4c02c 0%, #b7d225 50%, #cde71e 100%);
    background: -o-linear-gradient(left, #a4c02c 0%, #b7d225 50%, #cde71e 100%);
    background: linear-gradient(to right, #a4c02c 0%, #b7d225 50%, #cde71e 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(183, 210, 37, 0.45);
    -moz-box-shadow: 0px 15px 36px 3px rgba(183, 210, 37, 0.45);
    box-shadow: 0px 15px 36px 3px rgba(183, 210, 37, 0.45);
}

.offerregsec__list.graclrfour {
    background: -webkit-gradient(linear, left top, right top, from(#eb5f98), color-stop(50%, #ff63a3), to(#f69a69));
    background: -webkit-linear-gradient(left, #eb5f98 0%, #ff63a3 50%, #f69a69 100%);
    background: -moz-linear-gradient(left, #eb5f98 0%, #ff63a3 50%, #f69a69 100%);
    background: -o-linear-gradient(left, #eb5f98 0%, #ff63a3 50%, #f69a69 100%);
    background: linear-gradient(to right, #eb5f98 0%, #ff63a3 50%, #f69a69 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(235, 95, 152, 0.37);
    -moz-box-shadow: 0px 15px 36px 3px rgba(235, 95, 152, 0.37);
    box-shadow: 0px 15px 36px 3px rgba(235, 95, 152, 0.37);
}

.offerregsec__list.graclrfive {
    background: -webkit-gradient(linear, left top, right top, from(#a53fff), color-stop(50%, #b35bff), to(#cb8eff));
    background: -webkit-linear-gradient(left, #a53fff 0%, #b35bff 50%, #cb8eff 100%);
    background: -moz-linear-gradient(left, #a53fff 0%, #b35bff 50%, #cb8eff 100%);
    background: -o-linear-gradient(left, #a53fff 0%, #b35bff 50%, #cb8eff 100%);
    background: linear-gradient(to right, #a53fff 0%, #b35bff 50%, #cb8eff 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(179, 91, 255, 0.42);
    -moz-box-shadow: 0px 15px 36px 3px rgba(179, 91, 255, 0.42);
    box-shadow: 0px 15px 36px 3px rgba(179, 91, 255, 0.42);
}

.offerregsec__list.graclrsix {
    background: -webkit-gradient(linear, left top, right top, from(#13a1a5), color-stop(50%, #04c9cf), to(#00f6ff));
    background: -webkit-linear-gradient(left, #13a1a5 0%, #04c9cf 50%, #00f6ff 100%);
    background: -moz-linear-gradient(left, #13a1a5 0%, #04c9cf 50%, #00f6ff 100%);
    background: -o-linear-gradient(left, #13a1a5 0%, #04c9cf 50%, #00f6ff 100%);
    background: linear-gradient(to right, #13a1a5 0%, #04c9cf 50%, #00f6ff 100%);
    -webkit-box-shadow: 0px 15px 36px 3px rgba(4, 201, 207, 0.3);
    -moz-box-shadow: 0px 15px 36px 3px rgba(4, 201, 207, 0.3);
    box-shadow: 0px 15px 36px 3px rgba(4, 201, 207, 0.3);
}

.offerregsec__list:hover {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

.offerregsec__list::before,
.offerregsec__list::after {
    content: '';
    background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 0, 0, 0)), color-stop(51%, rgba(255, 255, 255, 0.73)));
    background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0) 46%, rgba(255, 255, 255, 0.73) 51%);
    background: -moz-linear-gradient(left, rgba(255, 0, 0, 0) 46%, rgba(255, 255, 255, 0.73) 51%);
    background: -o-linear-gradient(left, rgba(255, 0, 0, 0) 46%, rgba(255, 255, 255, 0.73) 51%);
    background: linear-gradient(to right, rgba(255, 0, 0, 0) 46%, rgba(255, 255, 255, 0.73) 51%);
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 72px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.offerregsec__list::before {
    left: 5px;
}

.offerregsec__list::after {
    right: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.offerregsec__list h2 {
    font-size: 25px;
    color: #FFFFFF;
    font-family: "Montserrat-SemiBold";
    text-transform: uppercase;
    margin-bottom: 22px;
}

.offerregsec__list span {
    display: block;
    font-family: "Montserrat-ExtraLight";
}

.offerregsec__list hr {
    background: url("../images/offer/border.png") no-repeat;
    width: 70px;
    height: 1px;
    margin: 0 auto 26px;
    border: none;
}

.offerregsec__dotes {
    position: relative;
    padding-top: 12px;
}

.offerregsec__btn {
    font-size: 16px;
    font-family: "Montserrat-Bold";
    padding: 29px 0;
    text-transform: uppercase;
    color: #7f5f21;
    display: block;
}

.offerregsec__Type .nav-tabs {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border: none;
}

.offerregsec__Type .nav-tabs .nav-item {
    margin: 0 auto;
    text-align: center;
    float: none;
    display: inline-block;
    color: #6d6d6d;
    font-size: 16px;
    font-family: "Montserrat-SemiBold";
    text-transform: uppercase;
}

.offerregsec__Type .nav-tabs .nav-item a {
    border: none;
    position: relative;
    padding: 10px 45px;
}

.offerregsec__Type .nav-tabs .nav-item a:hover {
    border: none;
}

.offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item.active a {
    border: none;
}

.offerregsec__Type .nav-tabs .nav-item:first-child a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 20px;
    background: #DDD;
}

.offerregsec__Type .tab-content {
    padding: 45px 0px;
    width: 100%;
    margin: 0 auto 0 2.6%;
    display: inline-block;
}

.offerregsec__Type .tab-content li {
    display: inline-block;
    padding: 0 20px 20px 0px;
}

@media screen and (max-width: 991px) {
    .offerregsec__col:nth-child(3n+2) {
        top: 0;
    }
    .offerregsec__head p {
        margin: 0 auto 5px;
    }
    .offerregsec__row {
        padding-top: 50px;
    }
    .offerregsec__Type .tab-content {
        margin: 0 auto;
    }
}

.chennal-topblock {
    text-align: center;
    max-width: 1280px;
    width: 100%;
    margin: 55px auto;
}

.chennal-topblock p {
    color: #6E6E6E;
    margin-bottom: 20px;
}

.chennal-menu {
    display: table;
    margin: auto;
    max-width: 1280px;
}

.chennal-menu li {
    float: left;
    position: relative;
}

.chennal-menu li:after {
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    top: -2px;
    right: 0;
    background-color: #e4e4e4;
}

.chennal-menu li:last-child:after {
    display: none;
}

.chennal-menu li a {
    font-family: "Montserrat-Regular";
    margin: 0px 38px;
    display: block;
    text-transform: uppercase;
    color: #6D6D6D;
}

.chennal-menu li.active a,
.chennal-menu li:hover a {
    color: #F64476;
}

.addons-section__title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 0 50px;
}

.addons-block {
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 51px;
    position: relative;
}

.addons-block.loading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(46%, #fff));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 46%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 46%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 46%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 46%);
}

.addons-box {
    float: left;
    margin: 0 0 34px;
    width: 305px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
}

.addons-box__navlist {
    margin-bottom: 53px;
}

.addons-box__navlist ul {
    text-align: center;
    border: none;
}

.addons-box__navlist li {
    float: none;
    display: inline-block;
    position: relative;
}

.addons-box__navlist li:after {
    content: '';
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    height: 17px;
    width: 1px;
    background: #dcdcdc;
    margin: auto;
}
.comp-tabs-navlist li:after {
    content: '';
    position: absolute;
    right: -2px;
    top: 0;
    bottom: 0;
    height: 17px;
    width: 1px;
    background: #dcdcdc;
    margin: auto;
}
.comp-tabs-navlist ul {
    text-align: center;
   border: none;
}
.comp-tabs-navlist li {
    float: none;
    display: inline-block;
    position: relative;
}
.addons-box__navlist li:last-child:after, .comp-tabs-navlist li:last-child:after {
    display: none;
}
.comp-tabs-navlist li a, .addons-box__navlist li a {
    color: #595959;
    border: none !important;
    font-family: "Montserrat-Medium";
}

.addons-box__navlist .nav-tabs>li.active>a,
.addons-box__navlist .nav-tabs>li.active>a:hover,
.addons-box__navlist .nav-tabs>li.active>a:focus,
.comp-tabs-navlist .nav-tabs>li.active>a,
.comp-tabs-navlist .nav-tabs>li.active>a:hover,
.comp-tabs-navlist .nav-tabs>li.active>a:focus
 {
    color: #f94576;
}

.addons-box__navlist .nav>li>a:hover,
.addons-box__navlist .nav>li>a:focus,
.comp-tabs-navlist .nav>li>a:hover,
.comp-tabs-navlist .nav>li>a:focus {
    background: #FFFFFF;
}

.addons-box__header {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.addons-box__title {
    font-size: 22px;
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.addons-box__row {
    margin: 0 -5px;
}

.addons-box__tvholder {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.addons-box__tv {
    float: left;
    padding: 0 5px;
    width: 33.3%;
}

.addons-box__tvlogo {
    border: 1px solid #ececec;
    position: relative;
    height: 49px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.addons-box__tvlogo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.addons-box__rteholder {
    float: left;
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

.addons-box__colleft,
.addons-box__colright {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.addons-box__colleft p,
.addons-box__colright p {
    font-size: 12px;
    color: #787878;
    float: right;
    width: 100%;
    font-family: "Montserrat-Medium";
    text-align: right;
}

.addons-box__prize {
    font-family: "Montserrat-Bold";
    font-size: 21px;
    line-height: 34px;
    margin: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FA8D78), to(#F65FA2));
    background-image: -webkit-linear-gradient(#FA8D78, #F65FA2);
    background-image: -moz-linear-gradient(#FA8D78, #F65FA2);
    background-image: -o-linear-gradient(#FA8D78, #F65FA2);
    background-image: linear-gradient(#FA8D78, #F65FA2);
}

.addons-box__prize .rupee {
    font-size: 20px;
    display: inline-block;
    padding-right: 5px;
    background-image: inherit;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.addons-box__duration {
    font-size: 11px;
    text-transform: uppercase;
    color: #B8B8B8;
    letter-spacing: 1px;
}

.addons-box__pcode {
    font-size: 12px;
    font-family: "Montserrat-Medium";
    color: #787878;
    float: right;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
}

.addons-box__pcode:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 16px;
    background-position: -357px -106px;
}

.addons-box__btn {
    width: 100%;
    max-width: 255px;
    height: 62px;
    display: inline-block;
    padding: 0;
}

.addons-box__btn button.btn:hover,
.addons-box__btn button.btn {
    color: #000000;
    background: #fff;
    border-color: #fa4a39;
    padding: 20px 40px 20px 30px;
}

.addons-box__btn .selectBox.open .dropdown-toggle {
    border-color: #fa4a39 !important;
    background: #fff !important;
}

.addons-box__btn .selectBox .dropdown-toggle .bs-caret {
    width: 15px;
    height: 8px;
    background-position: -353px -190px;
}

.addons-box__pluseclick {
    color: #FFFFFF;
    background-image: -webkit-gradient(linear, left top, right top, from(#F84378), to(#FF7A37));
    background-image: -webkit-linear-gradient(left, #F84378, #FF7A37);
    background-image: -moz-linear-gradient(left, #F84378, #FF7A37);
    background-image: -o-linear-gradient(left, #F84378, #FF7A37);
    background-image: linear-gradient(to right, #F84378, #FF7A37);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 22px 25px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}

.addons-box__pluseclick:after {
    content: '';
    background: url(../images/sprite.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-position: -375px -212px;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.addons-box.gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(#F84378), to(#FF7A37));
    background-image: -webkit-linear-gradient(left, #F84378, #FF7A37);
    background-image: -moz-linear-gradient(left, #F84378, #FF7A37);
    background-image: -o-linear-gradient(left, #F84378, #FF7A37);
    background-image: linear-gradient(to right, #F84378, #FF7A37);
    padding: 20px;
    color: #FFF;
}

.addons-box__inner {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 37px;
}

.addons-box__smstitle {
    font-size: 26px;
    margin: 0;
}

.addons-box__format {
    font-family: "Montserrat-Medium";
    font-size: 16px;
    margin: 0;
    line-height: 18px;
}

.addons-box__format span {
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.addons-box__smsholder {
    padding-left: 45px;
    position: relative;
}

.addons-box__smsholder:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/chennal-packs/addsms.png") no-repeat;
    width: 37px;
    height: 60px;
}

.dropdown.open .addons-box__btn::before {
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
}

.chennal-box {
    border: 1px solid #EBEBEB;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    max-width: 250px;
    height:253px;
}

.chennal-box a {
    padding: 20px;
    display: block;
}

.chennal-box__title {
    font-family: "Montserrat-Regular";
    font-size: 22px;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #666666;
    min-height: 55px;
}

.chennal-box__prize {
    font-family: "Montserrat-Bold";
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}


.chennal-box__prize .rupee {
    font-size: 24px;
    display: inline-block;
    padding-right: 5px;
    background-image: inherit;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.chennal-box__prize.orange-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD042), to(#FEB942));
    background-image: -webkit-linear-gradient(#FFD042, #FEB942);
    background-image: -moz-linear-gradient(#FFD042, #FEB942);
    background-image: -o-linear-gradient(#FFD042, #FEB942);
    background-image: linear-gradient(#FFD042, #FEB942);
}

.chennal-box__prize.red-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAB34), to(#FA7D43));
    background-image: -webkit-linear-gradient(#FFAB34, #FA7D43);
    background-image: -moz-linear-gradient(#FFAB34, #FA7D43);
    background-image: -o-linear-gradient(#FFAB34, #FA7D43);
    background-image: linear-gradient(#FFAB34, #FA7D43);
}

.chennal-box__prize.green-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C8E221), to(#ADC926));
    background-image: -webkit-linear-gradient(#C8E221, #ADC926);
    background-image: -moz-linear-gradient(#C8E221, #ADC926);
    background-image: -o-linear-gradient(#C8E221, #ADC926);
    background-image: linear-gradient(#C8E221, #ADC926);
}

.chennal-box__prize.ping-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FA8D78), to(#F65FA2));
    background-image: -webkit-linear-gradient(#FA8D78, #F65FA2);
    background-image: -moz-linear-gradient(#FA8D78, #F65FA2);
    background-image: -o-linear-gradient(#FA8D78, #F65FA2);
    background-image: linear-gradient(#FA8D78, #F65FA2);
}

.chennal-box__prize.purple-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C47DFF), to(#A94BFB));
    background-image: -webkit-linear-gradient(#C47DFF, #A94BFB);
    background-image: -moz-linear-gradient(#C47DFF, #A94BFB);
    background-image: -o-linear-gradient(#C47DFF, #A94BFB);
    background-image: linear-gradient(#C47DFF, #A94BFB);
}

.chennal-box__prize.blue-prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01EAF1), to(#0CB1B5));
    background-image: -webkit-linear-gradient(#01EAF1, #0CB1B5);
    background-image: -moz-linear-gradient(#01EAF1, #0CB1B5);
    background-image: -o-linear-gradient(#01EAF1, #0CB1B5);
    background-image: linear-gradient(#01EAF1, #0CB1B5);
}

.chennal-box__duration {
    font-family: "Montserrat-Regular";
    font-size: 12px;
    text-transform: uppercase;
    color: #B8B8B8;
    display: block;
    margin-bottom: 10px;
    line-height: 14px;
    background-image: linear-gradient(#fff, #fff);
    -webkit-text-fill-color: #999999;
}



.chennal-box p {
    font-family: "Montserrat-Light";
    font-size: 11px;
    color: #999999;
    line-height: 14px;
    padding: 0 20px;
}

.chennal-section {
    margin-bottom: 95px;
}

.chennalpack-block {
    padding-bottom: 50px;
    border-bottom: 1px solid #EBEBEB;
}

.chennalpack-block .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

.chennalpack-block .channelPackageList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
}

.chennalpack-block .chennal-box:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
}

.chennalpack-block .chennal-box:hover .chennal-box__title,
.chennalpack-block .chennal-box:hover .chennal-box__prize,
.chennalpack-block .chennal-box:hover .chennal-box__duration,
.chennalpack-block .chennal-box:hover p,
.chennalpack-block .chennal-box:hover .chennal-box__prize .rupee {
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
}

.hdmulti-section {
    padding-top: 55px;
    padding-bottom: 90px;
}

.hdmulti-block__link {
    border-bottom: 1px solid #6E6E6E;
}

.hdmulti-block__col.hdchennals {
    padding: 65px 120px 0 0;
}

.hdmulti-block__title {
    font-family: "Montserrat-Light";
    font-size: 35px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 38px;
    position: relative;
}
.widget_Chennalpack_Icon {
    padding-top:60px;
}
.hdmulti-block__title:before {
    content: none;
    background: url("../images/sprite.png") no-repeat;
    background-position: -290px -215px;
    width: 70px;
    height: 62px;
    position: absolute;
    top: -4px;
    left: 0;
}

.hdmulti-block p {
    font-family: "Montserrat-Light";
    font-size: 14px;
    margin-bottom: 43px;
}

.hdmulti-block__prize {
    font-family: "Montserrat-Bold";
    font-size: 45px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.hdmulti-block__prize .rupee {
    font-size: 40px;
    display: inline-block;
    padding-right: 5px;
    background-image: inherit;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}

.hdmulti-block__list {
    margin-bottom: 42px;
}

.hdmulti-block__list li {
    position: relative;
    float: left;
    width: 33.3%;
}

.hdmulti-block__list li:nth-child(1) .hdmulti-block__prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C5C5C5), to(#C5C5C5));
    background-image: -webkit-linear-gradient(#C5C5C5, #C5C5C5);
    background-image: -moz-linear-gradient(#C5C5C5, #C5C5C5);
    background-image: -o-linear-gradient(#C5C5C5, #C5C5C5);
    background-image: linear-gradient(#C5C5C5, #C5C5C5);
}

.hdmulti-block__list li:nth-child(1) a {
    margin-left: 0;
}

.hdmulti-block__list li:nth-child(2) .hdmulti-block__prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#9F9F9F));
    background-image: -webkit-linear-gradient(#9F9F9F, #9F9F9F);
    background-image: -moz-linear-gradient(#9F9F9F, #9F9F9F);
    background-image: -o-linear-gradient(#9F9F9F, #9F9F9F);
    background-image: linear-gradient(#9F9F9F, #9F9F9F);
}

.hdmulti-block__list li:nth-child(3) .hdmulti-block__prize {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7F7F7F), to(#808080));
    background-image: -webkit-linear-gradient(#7F7F7F, #808080);
    background-image: -moz-linear-gradient(#7F7F7F, #808080);
    background-image: -o-linear-gradient(#7F7F7F, #808080);
    background-image: linear-gradient(#7F7F7F, #808080);
}

.hdmulti-block__list li:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 20%;
    width: 1px;
    height: 56%;
    background-color: #A8A8A8;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.hdmulti-block__list li:last-child:after {
    content: none;
}

.hdmulti-block__list li a {
    display: block;
    margin: 0 15px;
}

.hdmulti-block__list span {
    font-family: "Montserrat-Regular";
    font-size: 11px;
    text-transform: uppercase;
    color: #B8B8B8;
    letter-spacing: 1px;
}

.hdmulti-block__list+p {
    margin-bottom: 10px;
}

.cartesection {
    width: 100%;
    max-width: 1065px;
    margin: auto;
}

.cartesection__packHD {
    text-align: center;
}

.cartesection__packHD li {
    display: inline-block;
    padding-right: 15px;
}

.cartesection__packHD li:last-child {
    padding-right: 0;
}

.cartesection__packHD li label {
    font-weight: 400;
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.cartesection__leftsection {
    width: 20.5%;
    float: left;
}

.cartesection__leftsection li {
    padding-bottom: 23px;
}

.cartesection__leftsection a {
    font-size: 16px;
    font-family: "Montserrat-Light";
}

.cartesection__leftsection a.active {
    font-family: "Montserrat-Regular";
    color: #f94576;
}

.cartesection__rightsection {
    width: 79.5%;
    float: left;
}

.cartesection__channes {
    margin: 0 -10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cartesection__channellist {
    width: 25%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding: 0 10px 18px;
}

.cartesection__channesec {
    width: 100%;
    padding: 20px;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cartesection__channesec--edit {
    display: inline-block;
    width: 100%;
    border: none;
    padding: 0;
}

.cartesection__channesec--edit .addons-box {
    width: 100%;
    margin: 0;
    text-align: left;
}

.cartesection__channesec--edit .addons-box__inner {
    padding: 30px 10px 30px 21px;
}

.cartesection__channesec--edit .addons-box__smsholder {
    padding: 64px 0 0;
}

.cartesection__channesec--edit .addons-box__format--edit {
    font-size: 14px;
    line-height: 21px;
}

.cartesection__channesec img {
    margin-bottom: 7px;
    max-height: 90px;
}

.cartesection__channesec .addons-box__btn button.btn:hover,
.cartesection__channesec .addons-box__btn button.btn {
    padding: 11px 25px 10px 15px;
}

.cartesection__channesec .addons-box__btn {
    max-width: 115px;
    height: 44px;
    float: left;
}

.cartesection__channesec .addons-box__pluseclick {
    padding: 12px 12px;
}

.cartesection__mobilelist {
    font-size: 12px;
    font-family: "Montserrat-Regular";
    position: relative;
    padding: 9px 0 10px;
    margin: 16px 0 19px;
   /* border-top: 1px solid #dcdcdc;*/
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}

.cartesection__mobilelist:before {
    content: '';
    background: url("../images/sprite.png") no-repeat;
    background-position: -357px -106px;
    width: 10px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 24px;
    bottom: 3px;
    margin: auto;
}

.cartesection__mobileNav {
    display: none;
}

.thankyou__mainSection {
    position: relative;
    color: #5C5C5C;
}

.thankyou__mainSection:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 55%;
    z-index: -1;
    /*background-color: #F7F6F4;*/
}

.thankyou__leftSec {
    padding-top: 100px;
    background: #FFFFFF;
}

.thankyou__leftSec h1 {
    font-size: 50px;
    margin: 43px 0 0;
}

.thankyou__leftSec h3 {
    font-size: 50px;
    font-family: "Montserrat-Bold";
    letter-spacing: -0.5px;
    line-height: 61px;
    margin: 0;
}

.thankyou__rightSec {
    background: #F7F6F4;
    float: left;
    width: 100%;
}

.thankyou__rightTopSec {
    padding: 100px 45px 20px;
    display: inline-block;
    width: 100%;
}

.thankyou__rightBottomSec {
    color: #FFFFFF;
    background: #19388A;
    position: relative;
    padding: 75px 0 63px 86px;
}

.thankyou__paymentSumm {
    font-size: 35px;
    font-family: "Montserrat-Regular";
    letter-spacing: 0.5px;
    margin: 0 0 6px;
    max-width: 575px;
}

.thankyou__yourPayment {
    font-size: 16px;
    font-family: "Montserrat-Bold";
    letter-spacing: 1px;
}

.thankyou__transReference {
    letter-spacing: 1px;
    margin: 0;
}

.thankyou__refNumber {
    font-size: 26px;
    letter-spacing: 0.5px;
    font-family: "Montserrat-Regular";
    margin: 0;
}
.thankyou__transReferencecontent {
    text-align:left;
    letter-spacing: 1px;
    margin: 0;
}

.thankyou__futurePurpose {
    font-size: 14px;
    letter-spacing: -0.3px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.thankyou__futurePurpose sup {
    font-size: 17px;
    top: 2px;
    padding-right: 8px;
}

.thankyou__catchHeading {
    font-size: 40px;
    font-family: "Montserrat-Light";
    letter-spacing: 2.6px;
    margin: 0 0 13px;
}

.thankyou__smsTo {
    font-size: 14px;
    font-family: "Montserrat-Bold";
    letter-spacing: 0.6px;
    margin: 0;
}

.thankyou__topChannelsTxt {
    font-family: "Montserrat-SemiBold";
    font-size: 14px;
    margin: 57px 0 2px;
    letter-spacing: -0.5px;
}

.thankyou__threeChanges {
    display: table;
    width: 100%;
    margin: 0;
}

.thankyou__threeChanges li {
    float: left;
    padding-right: 10px;
}

.thankyou__threeChanges li a {
    display: block;
    width: 114px;
    height: 40px;
    position: relative;
}

.thankyou__threeChanges li img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.thankyou__threeChanges li:last-child {
    padding: 0;
}

.thankyou__cornerChannelLogo {
    position: absolute;
    right: 0;
    bottom: 52px;
}

.print__Icon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-position: -153px -141px;
    float: right;
    margin: 10px 0px 0 8px;
    display: inline-block;
}

.print__IconMail {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background-position: -153px -173px;
    float: right;
    margin-top: 14px;
    display: inline-block;
}

.subcribedtl-block h5 {
    margin-bottom: 40px;
}

.subcribedtl-block__holder {
    margin-bottom: 40px;
}

.subcribedtl-block h4 {
    margin: 0;
}

.addonpack-row {
    margin-left: -10px;
    margin-right: -10px;
}

.addonpack-block__bottom {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.addonpack-block__bottom .common-btn-small.addonpack__btn {
    margin-top: 0;
    min-width: 135px;
    padding: 13px 20px;
}

.addonpack-block__bottom h3 {
    font-family: "Montserrat-Medium";
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 12px;
    float: left;
    width: 66%;
    color: #797979;
}

.addonpack-block {
    margin-top: 30px;
}

.addonpack-col {
    float: left;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px;
    color: #797979;
}

.addonpack-col a {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    background-position: -331px -188px;
    font-size: 0;
    margin-left: 8px;
}


/** FAQs  **/

.faqs h1 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px;
}

.faqs__accordionCont:last-child {
    border-bottom: 1px solid #dddddd;
}

.faqs__title {
    position: relative;
    display: block;
    border-top: 1px solid #dddddd;
    margin-bottom: 6px;
}

.faqs__title h3 {
    font-size: 18px;
    margin: 0px;
    line-height: 1.3;
    position: relative;
    cursor: pointer;
    padding-right: 25px;
}

.faqs__titleName {
    display: block;
    padding: 28px 0 17px 0;
    color: #6D6D6D;
    font-size: 22px;
}

.faqs__title a i {
    font-size: 22px;
    margin-right: 5px;
}

.faqs__title i {
    position: absolute;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background-position: -381px -38px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 30px;
    right: 0;
}

.faqs__title .arrow {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 36px;
    right: 5px;
    left: auto;
}

.faqs__title .arrow:before,
.faqs__title .arrow:after {
    background-color: #ccc;
    width: 2px;
    height: 20px;
    display: inline-block;
    position: absolute;
    border-bottom: 9px solid #fff;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.faqs__title .arrow:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.faqs__title .arrow:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.faqs__title.active h3 span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.faqs__title.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.faqs__title.active .arrow {
    -webkit-transform: rotate(180deg) translate(0, 8px) !important;
    -moz-transform: rotate(180deg) translate(0, 8px) !important;
    -ms-transform: rotate(180deg) translate(0, 8px) !important;
    -o-transform: rotate(180deg) translate(0, 8px) !important;
    transform: rotate(180deg) translate(0, 8px) !important;
}

.faqs__title.active .arrow:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.faqs__title.active .arrow:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.faqs__inner {
    padding: 6px 25px 10px 0;
    display: none;
    margin: -7px 0 6px;
    color: #6D6D6D;
}

.faqs__inner div {
    max-width: 100%;
}

.faqs__inner ul li {
    list-style: disc;
    margin: 10px 30px;
    line-height: 20px;
    font: 16px/24px "Montserrat-Light";
}
.help__topSec.help_intro_outer{
	border-bottom: 1px solid #fd6058;
	padding-bottom: 30px;
}
.help_intro_list{
    margin-top: 50px;
}
.help_intro_list ul{
    overflow: hidden;
    display: flex;
    
}
.help_intro_list ul li{
        width: 33.33%;
    /* float: left; */
    /* flex: 1; */
    padding: 0 40px;
    overflow: hidden;
    display: table;
    /* table-layout: fixed; */
}
.help_intro_list ul li img{
    float: left;
    margin-right: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 64px;
	height: 64px;
}
.help_intro_list ul li p{
    text-align: left;
    margin: 0;
    width: 80%;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
	padding-left: 10px;
}
.connection__offer__sumCont .errormeg__txt{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}
.help__secMain {
    /* margin-top:130px; */
    padding: 55px 0 80px;
}

.help__topSec {
    text-align: center;
    padding: 0 0 50px;
}

.help__topSec p {
    margin: 35px 0 0;
}

.help__innerList {
    margin: 0 -40px;
}

.help__innerList li {
    width: 33.33%;
    float: left;
    display: flex;
    padding: 0 40px;
    margin-bottom: -1px;
}

.help__filterImg {
    height: 67px;
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.help__filterImg img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.compwidth {
    width: 100%;
    /*max-width: 593px;
    left: 30%;
    */
    position: relative;    
    text-align:center;
}
.comphead {
    color: #737373;
    margin: 0 auto 30px;
}


.help__innerList li a:hover .help__filterImg img {
    -webkit-filter: inherit;
    filter: inherit;
}

.help__innerList li a:hover .help__innerContent h5{
    color: #F16122;
}

.help__innerList li a {
    display: block;
    position: relative;
    padding: 40px 0;
    border-bottom: 1px solid #dcdcdc;
}

/*.help__innerList li a:first-of-type {
    border-top: 1px solid #dcdcdc;
}*/

.help__innerContent {
    position: relative;
    margin-top: 40px;
    padding-right: 50px;
}

.help__innerContent:after {
    content: '';
    width: 30px;
    height: 1px;
    background: url(../images/sprite.png) -47px -146px no-repeat;
    width: 32px;
    height: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.help__innerList h5 {
    font-size: 22px;
    color: #737373;
    margin: 0 0 20px;
}

.help__innerList p {
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    min-height: 45px;
}


/** Help Form **/

.help__issueType {
    padding: 19px 20px 13px 20px;
    border: 1px solid #EBEBEB;
    color: #797979;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
    width: 100%;
    max-width: 850px;
}

.help__issueType h2 {
    font-size: 12px;
    font-family: "Montserrat-Light";
    margin-top: 0px;
    margin-bottom: 2px;
}

.help__issueType p {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    margin-bottom: 0;
}

#resultdiv {
    padding-bottom: 29px;
    width: 83%;
    position: relative;
    left: 52px;
    top:81px;
    text-align:center;
}

#resultdiv p,#upresultdiv p {
    font-size: 20px;
    font-family: "Montserrat-Medium";
    /**border: 2px dashed #737373;**/
    padding: 20px;
}

.help__issueType a {
    font-size: 14px;
    font-family: "Montserrat-Light";
    text-decoration: underline;
    text-align: right;
    margin: 5px auto;
    width: 100%;
    display: inline-block;
}

.help__form .common_input {
    margin-bottom: 40px;
}
.help__form .rcommon_input {
    margin-bottom: 6px !important;
}
#btnrefreshlead {
    margin-bottom: 10px;
}
.help__form .row {
    display: block;
    margin: 0 auto;
    max-width: 850px;
}

.help__slideShowSec {
    position: relative;
    overflow: hidden;
}

.help__innerList {
    width: 100%;
    position: relative;
    display: flex;
    left: 0%;
    margin: 0 auto;
    visibility: visible;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    flex-flow: row wrap;
}

.help__innerList.showActive {
    position: absolute;
    visibility: hidden;
    left: -100%;
}

.help__slideShowForm {
    width: 100%;
    clear: both;
    position: absolute;
    right: -100%;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    margin-top: 21px;
}

.help__slideShowForm.showFormActive {
    position: relative;
    right: 0;
    visibility: visible;
}

.summary {
    width: 100%;
    display: inline-block;
}

.summary__AddOns,
.summary__Al-carte {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.summary .addonpack-block {
    margin-top: 0px;
}

.summary .addonpack-block h3 {
    margin-top: 10px;
}

.summary .addonpack-col {
    margin-bottom: 0px;
    width: 100%;
}

.summary .addonpack-col p+p {
    background-image: none;
    -webkit-text-fill-color: #6d6d6d;
}
.help-model-pope {
    width:60%;
}
.summary__subHead {
    font-size: 20px;
    font-weight: bold;
}

.summary .gradientHead,
.summary .mv-block h2,
.mv-block .summary h2,
.summary .mv-box__title,
.summary .milestone-block__title,
.summary .milestone-block__subtitle,
.summary .yourConeconOne__list.active h2>span,
.yourConeconOne__list.active .summary h2>span,
.summary .active.yourConeconTwo__list h2>span,
.active.yourConeconTwo__list .summary h2>span,
.summary .yourConeconOne__list.active h2 strong,
.yourConeconOne__list.active h2 .summary strong,
.summary .yourConeconOne__list:hover h2>span,
.yourConeconOne__list:hover .summary h2>span,
.summary .yourConeconTwo__list:hover h2>span,
.yourConeconTwo__list:hover .summary h2>span,
.summary .yourConeconOne__list:hover h2 strong,
.yourConeconOne__list:hover h2 .summary strong,
.summary .yourConeconOne .upgrade:hover h2,
.yourConeconOne .upgrade:hover .summary h2,
.summary .yourConeconOne .multiroom:hover h2,
.yourConeconOne .multiroom:hover .summary h2,
.summary .yourConeconOne .upgrade:hover strong,
.yourConeconOne .upgrade:hover .summary strong,
.summary .yourConeconOne .multiroom:hover strong,
.yourConeconOne .multiroom:hover .summary strong,
.summary .yourConeconTwo__list.active h2,
.yourConeconTwo__list.active .summary h2,
.summary .yourConeconTwo__list:hover h2,
.yourConeconTwo__list:hover .summary h2,
.summary .yourConeconTwo__list.active strong,
.yourConeconTwo__list.active .summary strong,
.summary .yourConeconTwo__list:hover strong,
.yourConeconTwo__list:hover .summary strong,
.summary .yourConecon .list-inline li.active,
.yourConecon .list-inline .summary li.active,
.summary .yourConecon .list-inline li:hover,
.yourConecon .list-inline .summary li:hover,
.summary .channel__list__container h2,
.channel__list__container .summary h2,
.summary .myDetails__listVal,
.summary .rechargeSec__listVal,
.summary .subcribedtl-block h4,
.subcribedtl-block .summary h4,
.summary .myProfile__listVal,
.summary .myTransaction__head h2,
.myTransaction__head .summary h2,
.summary .rechargeSec__addOnlistVal,
.summary .addonpack-col p,
.addonpack-col .summary p,
.summary .rechargeSec__bestOffers li h3,
.rechargeSec__bestOffers li .summary h3,
.summary .basePack__addOnlistVal,
.summary .policies__nav>ul>li.current span,
.policies__nav>ul>li.current .summary span,
.summary .qckrge__right h3 span,
.qckrge__right h3 .summary span,
.summary .qckrge__btnlogin,
.summary .exchangebox__sliderList__tableCol .exchangebox__hdtxt,
.exchangebox__sliderList__tableCol .summary .exchangebox__hdtxt,
.summary .exchangebox__sliderList__tableCol .exchangebox__hdtxt small,
.exchangebox__sliderList__tableCol .exchangebox__hdtxt .summary small,
.summary .offerregsec__row .nav-item.active,
.offerregsec__row .summary .nav-item.active,
.summary .offerregsec__Type .nav-tabs .nav-item:hover a,
.offerregsec__Type .nav-tabs .nav-item:hover .summary a,
.summary .offerregsec__Type .nav-tabs .nav-item.active a,
.offerregsec__Type .nav-tabs .nav-item.active .summary a,
.summary .hdmulti-block__title,
.summary .faqs__title.active h3 span,
.faqs__title.active h3 .summary span,
.summary .payment__typeList.active h3 input[type="radio"]+label span+span,
.payment__typeList.active h3 input[type="radio"]+label .summary span+span {
    margin-top: 0;
}

.summary .addonpack-block__bottom {
    width: 100%;
}

.summary .addonpack-block__bottom .totalSummary {
    /*background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 10px;
    width: 100%;
    float: right;
    border-bottom: 1px solid #ececec;
}

.addOnSumForm {
    float: left;
    width: 100%;
}

.cmp-div-style {
    position: relative;
    left: 56px;
    top: -17px;
   
}
    .cmp-div-style .checkbox-custom-label {
         color: #999999 !important;
         font-size: 11px !important;
         font-weight: normal;
    }
.addonpack-block__bottom .addOnSumForm .common-btn-small {
    margin-top: 45px;
    float: left;
}

.summary .addonpack-block__bottom .totalSummary h3 {
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
    width: 100%;
    font-size: 16px;
}

.summary .addonpack-block__bottom .totalSummary p {
    color: #fff;
    width: 100%;
    padding-left: 10px;
    font-size: 14px;
}

.summary .addonpack-block__bottom .common_input {
    margin-bottom: 0;
    width: 315px;
    margin-right: 20px;
}

.summary .addonpack-block__bottom .common_input h4 {
    font-size: 16px;
    padding-top: 5px;
}

.summary .addonpack-block__bottom .common_input input {
    padding: 12px;
    width: 308px;
}

.payment {
    padding: 50px 0px;
    width: 100%;
    color: #6d6d6d;
}

.payment .common-btn-medium,
.payment .common-btn-small,
.payment .common-btn-medium-greyBorder,
.payment .common-btn-medium-grey,
.payment input[type="submit"] {
    margin-top: 15px;
}

.payment label {
    font-size: 12px;
    font-family: "Montserrat-Bold";
    position: relative;
}

.payment .radio-custom,
.payment .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.payment .radio-custom+.radio-custom-label:before {
    content: '';
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #A0A0A3;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin-right: 10px;
    text-align: center;
}

.payment input[type="radio"]+label {
    margin-right: 10px;
    padding-left: 28px;
    color: #5E5E5E;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.payment input[type="radio"]+label:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 16px;
    height: 16px;
    border: 2px solid #ddd;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
}

.payment input[type="radio"]+label:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    background: rgba(213, 59, 59, 0.46);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.payment input[type="radio"]:checked+label:before {
    padding: 3px;
    border: 2px solid #F16122;
}

.payment input[type="radio"]:checked+label:after {
    background: #F16122;
    z-index: 99999;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.payment__method {
    width: 66%;
    display: inline-block;
    margin-right: 15px;
}

.payment__head {
    padding-bottom: 20px;
}

.payment__head h2 {
    font-size: 16px;
    font-family: "Montserrat-Medium";
    text-transform: uppercase;
}

.payment__head p {
    font-size: 12px;
    font-family: "Montserrat-Light";
}

.payment__methodContainer {
    background: #f4f6fb;
}

.payment__methodContainer h3 {
    font-size: 12px;
    font-family: "Montserrat-Light";
    margin-top: 5px;
}

.payment__methodContent {
    display: none;
}

.payment__formDetails {
    display: table;
}

.payment__formDetails form {
    width: 98%;
    display: inline-block;
    padding: 20px 10px;
}

.payment__formDetails form .common-btn-medium,
.payment__formDetails form .common-btn-small,
.payment__formDetails form .common-btn-medium-greyBorder,
.payment__formDetails form .common-btn-medium-grey,
.payment__formDetails form input[type="submit"] {
    margin-top: 30px;
}

.payment__formDetails form .common_input {
    position: relative;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 0px;
    padding-bottom: 0;
}

.payment__formDetails form .common_input h4 {
    font-size: 11px;
    font-family: "Montserrat-SemiBold";
    text-transform: uppercase;
    font-weight: normal;
}

.payment__formDetails form .common_input input {
    font-size: 12px;
    font-family: "Montserrat-Regular";
    position: relative;
    padding: 13px;
    margin: 0px auto;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #C0C0C0;
    pointer-events: all;
    background: #fafafa;
}

.payment__formDetails form .common_input input::-webkit-input-placeholder {
    color: #d2d2d2 !important;
}

.payment__formDetails form .common_input input:-moz-placeholder {
    /* Firefox 18- */
    color: #d2d2d2 !important;
}

.payment__formDetails form .common_input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #d2d2d2 !important;
}

.payment__formDetails form .common_input input:-ms-input-placeholder {
    color: #d2d2d2 !important;
}

.payment__formDetails form .common_input .iconCC {
    position: relative;
    top: -37px;
    float: right;
    right: 10px;
}

.payment__formDetails form .cardHolder {
    width: 60%;
    float: left;
    padding-right: 5px;
}

.payment__formDetails form .expDate,
.payment__formDetails form .cvv {
    width: 20%;
    float: left;
    padding-left: 15px;
}

.payment__formDetails form .cvv {
    padding-right: 0;
}

.payment__formDetails form .saveCardFuture {
    padding: 40px 0px 0px 20px;
}

.payment__formDetails form .saveCardFuture label {
    font-size: 12px;
    font-family: "Montserrat-Light";
}

.payment__formDetails .cardImg {
    width: 39%;
    display: table-cell;
    vertical-align: top;
    padding: 52px 10px;
}

.payment__formDetails .card-wrapper {
    width: 39%;
    display: table-cell;
    vertical-align: top;
    padding: 30px 10px;
    position: relative;
}

.payment__formDetails .card-wrapper:before {
    content: none;
    border: 2px solid #F16122;
    width: 212px;
    height: 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 22px;
    left: 0;
    right: 40px;
    margin: auto;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.payment__formDetails .card-wrapper .jp-card .jp-card-front,
.payment__formDetails .card-wrapper .jp-card .jp-card-back {
    background: #fff;
    color: #a9a9a9;
    border: 1px solid #a9a9a9;
}

.payment__formDetails .card-wrapper .jp-card.jp-card-identified .jp-card-front,
.payment__formDetails .card-wrapper .jp-card.jp-card-identified .jp-card-back {
    background-color: #fff;
    background: #fff;
    color: #a9a9a9;
}

.payment__formDetails .card-wrapper .jp-card.jp-card-identified .jp-card-front:before,
.payment__formDetails .card-wrapper .jp-card.jp-card-identified .jp-card-back:before {
    background-color: #fff;
    background: #fff;
}

.payment__formDetails .card-wrapper .jp-card .jp-card-front .jp-card-lower {
    width: 80%;
    position: absolute;
    left: 10%;
    bottom: 15px;
}

.payment__formDetails .card-wrapper .jp-card-display {
    border: 1.5px solid transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 5px;
    color: #a9a9a9 !important;
}

.payment__formDetails .card-wrapper .jp-card-display.jp-card-expiry {
    padding-bottom: 10px;
}

.payment__formDetails .card-wrapper .jp-card .jp-card-back .jp-card-cvc {
    padding-right: 10px;
}

.payment__formDetails .card-wrapper .jp-card-focused {
    border: 1.5px solid #F16122;
    font-weight: normal !important;
}

.payment .cardIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 17px;
    background-position: -245px -169px;
}

.payment .bankingIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 21px;
    background-position: -203px -195px;
}

.payment .upiIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 16px;
    background-position: -174px -199px;
}

.payment .walletIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 20px;
    background-position: -138px -197px;
}

.payment__Icon {
    margin-right: 10px;
    width: 26px;
    height: 25px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.payment__typeList {
    border-bottom: 1px solid #D9DADF;
    padding: 20px;
}

.payment__typeList:last-child {
    border-bottom: 1px solid transparent;
}

.payment__typeList h3 {
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.payment__typeList h3 .radio-custom+.radio-custom-label {
    padding-left: 0;
    width: 100%;
    display: block;
}

.payment__typeList h3 .radio-custom+.radio-custom-label:before,
.payment__typeList h3 .radio-custom+.radio-custom-label:after {
    display: none;
}

.payment__typeList h3 .radio-custom+.radio-custom-label span+span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.payment__typeList h3:after {
    content: "";
    right: 0;
    top: 10px;
    position: absolute;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 8px;
    background-position: -353px -190px;
    pointer-events: none;
}

.payment__typeList.active h3:after {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 8px;
    background-position: -381px -167px;
}

.payment__typeList.active h3 input[type="radio"]+label {
    width: 100%;
}

.payment__typeList.active .cardIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 17px;
    background-position: -245px -201px;
}

.payment__typeList.active .bankingIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 21px;
    background-position: -203px -229px;
}

.payment__typeList.active .upiIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 16px;
    background-position: -174px -231px;
}

.payment__typeList.active .walletIcon {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 20px;
    background-position: -138px -231px;
}

.payment__orderSummary {
    width: 32%;
    float: right;
}

.payment__summaryContainer {
    background: #f4f6fb;
    margin-top: 32px;
}

.payment__summaryContainer h3 {
    font-size: 12px;
    font-family: "Montserrat-Light";
    margin-top: 5px;
    margin-bottom: 20px;
}

.payment__smc {
    padding: 22px 30px;
    border-bottom: 1px solid #D9DADF;
}

.payment__smcList li {
    font-size: 12px;
    font-family: "Montserrat-Medium";
    padding: 8px 0px;
    color: #373737;
}

.payment__smcListName {
    width: 35%;
    display: table-cell;
}

.payment__smcListValue {
    width: 55%;
    text-align: left;
    display: table-cell;
}

.payment__offerForYou {
    padding: 22px 30px 30px 30px;
    border-bottom: 1px solid #D9DADF;
}

.payment__offerOption {
    padding-bottom: 15px;
}

.payment__offerOption:last-child {
    padding-bottom: 0;
}

.payment__offerOption input[type="radio"]+label {
    padding-left: 28px;
}

.payment__offerOption input[type="radio"]+label:before,
.payment__offerOption input[type="radio"]+label:after {
    margin-top: 2px;
}

.payment__summaryAmt {
    display: inline-block;
    padding: 25px 30px;
    color: #F16122;
    width: 100%;
}

.payment__summaryAmt label {
    font-size: 12px;
    width: 30%;
    font-family: "Montserrat-Medium";
    float: left;
}

.payment__summaryAmt p {
    width: 40%;
    font-size: 12px;
    font-family: "Montserrat-Medium";
    float: left;
    line-height: 12px;
}

.savedCard {
    padding: 20px;
    padding-left: 35px;
}

.savedCard__list {
    text-align: left;
    color: #6D6D6D;
    position: relative;
    background: #fff;
    padding: 1px;
    margin-bottom: 20px;
    margin-right: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    display: inline-block;
}

.savedCard__list.active:before {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.savedCard__listInner {
    display: table;
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    min-height: 150px;
}

.savedCard__listInner h2 {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 0px 15px;
}

.savedCard__listInner h2 a {
    font-size: 10px;
    font-family: "Montserrat-Light";
    line-height: 18px;
    margin-top: 14px;
    float: right;
}

.savedCard__listInner h2 input[type="radio"]+label {
    width: 70%;
    font-size: 12px;
    text-transform: uppercase;
}

.savedCard__list:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ebebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.savedCard__list:hover:before {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}

.savedCard__Details {
    padding: 20px;
    display: inline-block;
    width: 100%;
    color: #484848;
}

.savedCard__Details img {
    padding-right: 10px;
}

.savedCard__Details .common_input {
    width: 150px;
    float: right;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.savedCard__Details .common_input input {
    padding: 10px;
    width: 62%;
    float: right;
}

.paymentNetBanking {
    padding: 20px;
    padding-left: 35px;
}

.paymentNetBanking h2 {
    font-size: 14px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    margin-top: 0;
}

.paymentNetBanking .popularBanks ul {
    display: inline-block;
    width: 100%;
}

.paymentNetBanking .popularBanks__List {
    padding: 3px;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    list-style: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.paymentNetBanking .popularBanks__List input[type="radio"]+label span {
    display: block;
}

.paymentNetBanking .popularBanks__List input[type="radio"]+label span img {
    width: 150px;
    height: 40px;
}

.paymentNetBanking .popularBanks__List input[type="radio"]+label:before {
    top: 12px;
}

.paymentNetBanking .popularBanks__List input[type="radio"]+label:after {
    top: 15px;
}

.paymentNetBanking .popularBanks__List.active {
    border: 1px solid #F16122;
}

.paymentNetBanking .otherBanks {
    display: inline-block;
    width: 100%;
}

.paymentNetBanking .otherBanks .common_input {
    width: 250px;
    margin: 0;
    padding-bottom: 0;
}

.paymentNetBanking .otherBanks .common_input .dropdown-toggle {
    padding-top: 12px;
    padding-bottom: 12px;
}

.paymentNetBanking .common-btn-medium,
.paymentNetBanking .common-btn-small,
.paymentNetBanking .common-btn-medium-greyBorder,
.paymentNetBanking .common-btn-medium-grey,
.paymentNetBanking input[type="submit"] {
    margin-top: 40px;
}

.upiPayment {
    padding: 20px;
    padding-left: 35px;
}

.upiPayment h2 {
    font-size: 14px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    margin-top: 0;
}

.upiPayment p {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}

.upiPayment .common_input {
    width: 300px;
    margin: 0;
    padding-bottom: 0;
}

.upiPayment .common_input input {
    padding: 13px;
}

.upiPayment .saveUPI label {
    font-size: 12px;
    font-family: "Montserrat-Light";
}

.upiPayment .common-btn-medium,
.upiPayment .common-btn-small,
.upiPayment .common-btn-medium-greyBorder,
.upiPayment .common-btn-medium-grey,
.upiPayment input[type="submit"] {
    margin-top: 30px;
}

.walletPayment {
    padding: 20px;
    padding-left: 35px;
}

.walletPayment h2 {
    font-size: 14px;
    font-family: "Montserrat-Regular";
    text-transform: uppercase;
    margin-top: 0;
}

.walletPayment .popularWallets ul {
    display: inline-block;
    width: 100%;
}

.walletPayment .popularWallets__List {
    padding: 3px;
    border: 1px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    list-style: none;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.walletPayment .popularWallets__List input[type="radio"]+label span {
    display: block;
}

.walletPayment .popularWallets__List input[type="radio"]+label:before {
    top: 12px;
}

.walletPayment .popularWallets__List input[type="radio"]+label:after {
    top: 15px;
}

.walletPayment .popularWallets__List.active {
    border: 1px solid #F16122;
}

.walletPayment .common-btn-medium,
.walletPayment .common-btn-small,
.walletPayment .common-btn-medium-greyBorder,
.walletPayment .common-btn-medium-grey,
.walletPayment input[type="submit"] {
    margin-top: 0px;
}

.securePartners li {
    float: left;
    padding-right: 10px;
}


/* MEDIA */

@media screen and (max-width: 1199px) {
    .payment__method {
        width: 100%;
        display: block;
        margin-right: 0;
    }
    .payment__orderSummary {
        width: 100%;
        float: none;
        margin-top: 32px;
    }
    
}

@media screen and (max-width: 991px) {
	
	.help_intro_list ul li p{
		width: 65%;
	}

    .payment__formDetails {
        display: block;
    }
    .payment__formDetails form {
        width: 100%;
        display: block;
    }
    .payment__formDetails form .cardHolder {
        width: 100%;
    }
    .payment__formDetails form .expDate,
    .payment__formDetails form .cvv {
        width: 90px;
        padding-left: 0;
        padding-right: 15px;
    }
    .payment__formDetails .cardImg {
        display: block;
        width: auto;
    }
    .payment__formDetails .cardImg:before {
        width: 200px;
        top: 25px;
        bottom: 0;
        left: 35px;
        right: auto;
    }
    .payment__formDetails .card-wrapper {
        display: block;
        width: 100%;
        padding: 5px;
    }
    .jp-card {
        min-width: 350px !important;
    }
    .upiPayment .common_input {
        width: 220px;
    }
    .jp-card-container {
        left: -25px;
        -webkit-transform: scale(0.8) !important;
        -moz-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -o-transform: scale(0.8) !important;
        transform: scale(0.8) !important;
    }
    .payment__formDetails form .saveCardFuture {
        padding: 15px 0px;
    }
    .savedCard {
        padding: 20px 0px;
    }
    .SD_link_url{
    /*top: -115px!important;
    left: 128px!important;
    position: relative!important;
    width: 35px!important;
    height: 15px!important;
    display: inline-block!important;*/
    top: -148px!important;
    left: 118px!important;
    position: relative!important;
    width: 35px!important;
    height: 15px!important;
    display: inline-block!important;
}
.HD_link_url{
    top: -175px!important;
    left: 395px!important;
    position: relative!important;
    width: 65px!important;
    height: 25px!important;
    display: inline-block!important;
}
}

.loginsec__left {
    padding-right: 27px;
}

.loginsec__left .slick-dots {
    bottom: 20px;
}

.loginsec__left .slick-dots li button {
    color: #aaafba;
}

.loginsec__right .smcnumhead small {
    font-size: 14px;
    font-family: "Montserrat-Light";
    color: #797979;
    display: block;
}

.loginsec__right .common_input,
.loginsec__right .smcnumhead {
    width: 100%;
    float: left;
}

.loginsec__right .common_input {
    margin-bottom: 10px;
}

.loginsec__right .selectBox {
    margin-bottom: 40px;
}

.loginsec__radiolist {
    padding-top: 10px;
}

.loginsec__radiolist li {
    float: left;
    padding-bottom: 10px;
}

.loginsec__radiolist li label {
    font-weight: 400;
    font-family: "Montserrat-Light";
    font-size: 12px;
}

.loginsignlist {
    padding: 14px 0 40px;
    margin: 0;
    width: 100%;
    float: left;
}

.loginsignlist li {
    float: left;
    font-size: 16px;
    font-family: "Montserrat-SemiBold";
    color: #6d6d6d;
    padding: 0 40px;
    border-left: 1px solid #e1e1e1;
}

.loginsignlist li:first-child {
    padding-left: 0;
    border-left: none;
}

.loginsignlist li.active,
.loginsignlist li:hover {
    color: #ff773a;
}

.loginsignlist li a {
    color: inherit;
}

.signup__leftSec {
    position: relative;
    background: url(../images/signup/signup.jpg) no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    padding: 60px 0 12px;
    margin-right: 25px;
    text-align: center;
}

.signup__leftSec h2 {
    font-size: 45px;
    font-family: "Montserrat-Bold";
    line-height: 41px;
    margin: 0;
}

.signup__leftSecPara {
    font-size: 26px;
    font-family: "Montserrat-Light";
    line-height: 32px;
    margin: 14px 0 24px;
}

.signup__innerLists {
    display: table;
    width: 100%;
    max-width: 440px;
    margin: auto;
}

.signup__innerLists li {
    width: 50%;
    float: left;
    padding: 0 15px 37px;
    display: table;
}

.signup__imageLists {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #FD5960;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 183px;
}

.signup__imageLists p {
    font-size: 15px;
    font-family: "Montserrat-Light";
    line-height: 18px;
    margin: 9px 0 0;
    color: #000;
}

.signup__TCPara {
    font-family: "Montserrat-Light";
    font-size: 11px;
    line-height: 18px;
    margin: 0px 0 20px;
}

.signup__linkTC {
    border-bottom: 1px solid #BCBCBC;
}

.signup__rightSec .loginsignlist {
    padding: 14px 0 27px;
}

.signup__rightSec h1 {
    line-height: 55px;
    margin-bottom: 40px;
}

.signup__rightSec .common_input {
    margin-bottom: 28px;
}

.common_input.marginZero {
    margin-bottom: 0;
}

.footer {
    padding: 140px 0px 100px 0px;
    color: #000000;
    position: relative;
    width: 100%;
    float: left;
}

.footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20%;
    width: 100%;
    height: 100%;
    -webkit-border-top-left-radius: 70%;
    -moz-border-radius-topleft: 70%;
    border-top-left-radius: 70%;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, left, right, from(#EDF3FC), to(#FFFFFF));
    background-image: -webkit-linear-gradient(left, #EDF3FC, #FFFFFF);
    background-image: -moz-linear-gradient(left, #EDF3FC, #FFFFFF);
    background-image: -o-linear-gradient(left, #EDF3FC, #FFFFFF);
    background-image: -webkit-gradient(linear, left top, right top, from(#EDF3FC), to(#FFFFFF));
    background-image: linear-gradient(to right, #EDF3FC, #FFFFFF);
}

.footer__cont {
    width: 20%;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative;
}

.footer hr {
    width: 100%;
    position: relative;
    border-top: 1px solid #DEDFE3;
}

.footer h3 {
    font-family: "Montserrat-SemiBold";
    font-size: 16px;
    margin-bottom: 20px;
}

.footer li {
    margin-bottom: 7px;
}

.footer li a {
    font-family: "Montserrat-Light";
    font-size: 15px;
    color: #8F9AAB;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 2px;
    display: inline-block;
}

.footer li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.footer li:hover a {
    color: #000;
}

.footer li:hover a:before {
    width: 100%;
}

.footer__contact h4 {
    font-size: 16px;
    color: #8F9AAB;
    margin: 21px 0px 14px;
}

.footer__contact p {
    font-size: 30px;
    font-family: "Montserrat-Medium";
    margin-bottom: 44px;
}

.footer__contact p.rainbow2 {    
    margin-bottom: 10px;
}

.footer__address {
    width: 100%;
    color: #919AAC;
    font-family: "Montserrat-Light";
    font-size: 14px;
    padding: 15px 0px;
    margin-top: 0px;
}

.footer__social {
    float: right;
    padding: 15px 0px;
    margin-top: 0px;
}

.footer__social a {
    margin-right: 22px;
}

.footer__social a:last-child {
    margin-right: 0;
}

.footer--myacc {
    padding: 38px 0px 0 0px;
}

.footer--myacc .sunDir-info {
    font-family: "Montserrat-Light";
    font-size: 13px;
    color: #909cae;
    line-height: 20px;
}

.footer--myacc:before {
    display: none;
}

.footer--myacc .footer__Cont {
    margin-top: -17px;
    padding-left: 67px;
}

.footer--myacc .footer__contact {
    float: left;
}

.footer--myacc .footer__contact:first-child {
    padding-right: 60px;
}

.footer--myacc .footer__contact h4 {
    font-family: "Montserrat-Light";
    font-size: 16px;
    color: #909cae;
    padding-bottom: 10px;
}

@media screen and (max-width: 1199px) {
    .footer {
        padding: 40px 0 0;
    }
    .footer:before {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
    }
    .footer__cont {
        width: 25%;
    }
    .footer__cont:last-child {
        width: 100%;
    }
    .footer__contact h4 {
        margin: 10px 0 10px;
    }
    .footer__contact p {
        margin-bottom: 0px;
    }
    .footer__address {
        line-height: 26px;
    }
    .footer__social,
    .footer__address {
        margin-top: 0;
        padding-top: 0;
    }
    .footer h3 {
        margin: 0 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .footer__cont {
        width: 100%;
    }
    .footer__cont ul {
        margin-bottom: 10px;
    }
    .footer li {
        margin-bottom: 7px;
        padding-right: 15px;
        float: none;
        display: inline-block;
    }
}


.siteMap {
    padding: 30px 0px 30px 0px;
    color: #000000;
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.siteMapContainer {
    width: 90%;
    display: inline-block;
    margin: 0 auto 0 10%;
}

.siteMap__cont {
    width: 20%;
    float: left;
    padding: 0px 20px 10px 20px;
    margin-bottom: 10px;
    position: relative;
    margin-right:20px;
    border: 1px solid #ccc;
}

.siteMap hr {
    width: 100%;
    position: relative;
    border-top: 1px solid #DEDFE3;
}

.siteMap h3 {
    font-family: "Montserrat-SemiBold";
    font-size: 16px;
    margin-bottom: 20px;
}

.siteMap li {
    margin-bottom: 7px;
    padding-left: 12px;
}

.siteMap li::before {
  content: "• ";
  font-size:20px;
  color: #8F9AAB; /* or whatever color you prefer */
}

.siteMap li:hover:before {
    color: #FF512F;
}

.siteMap li a {
    font-family: "Montserrat-Light";
    font-size: 15px;
    color: #8F9AAB;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 2px;
    display: inline-block;
}

.siteMap li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 1px;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.siteMap li:hover a {
    color: #000;
}

.siteMap li:hover a:before {
    width: 100%;
}

.siteMap__contact h4 {
    font-size: 16px;
    color: #8F9AAB;
    margin: 21px 0px 14px;
}

.siteMap__contact p {
    font-size: 30px;
    font-family: "Montserrat-Medium";
    margin-bottom: 44px;
}

.siteMap__address {
    width: 100%;
    color: #919AAC;
    font-family: "Montserrat-Light";
    font-size: 14px;
    padding: 15px 0px;
    margin-top: 0px;
}

.siteMap__social {
    float: right;
    padding: 15px 0px;
    margin-top: 0px;
}

.siteMap__social a {
    margin-right: 22px;
}

.siteMap__social a:last-child {
    margin-right: 0;
}

.siteMap--myacc {
    padding: 38px 0px 0 0px;
}

.siteMap--myacc .sunDir-info {
    font-family: "Montserrat-Light";
    font-size: 13px;
    color: #909cae;
    line-height: 20px;
}

.siteMap--myacc:before {
    display: none;
}

.siteMap--myacc .siteMap__Cont {
    margin-top: -17px;
    padding-left: 67px;
}

.siteMap--myacc .siteMap__contact {
    float: left;
}

.siteMap--myacc .siteMap__contact:first-child {
    padding-right: 60px;
}

.siteMap--myacc .siteMap__contact h4 {
    font-family: "Montserrat-Light";
    font-size: 16px;
    color: #909cae;
    padding-bottom: 10px;
}


@media screen and (max-width: 1199px) {
    .siteMap {
        padding: 40px 0 0;
    }
    .siteMap:before {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
    }
    .siteMap__cont {
        width: 31%;
        padding: 20px;
    }
    .siteMap__cont:last-child {
        width: 100%;
    }
    .siteMap__contact h4 {
        margin: 10px 0 10px;
    }
    .siteMap__contact p {
        margin-bottom: 0px;
    }
    .siteMap li a {
        font-size:13px;
    }
    .siteMap__address {
        line-height: 26px;
    }
    .siteMap__social,
    .siteMap__address {
        margin-top: 0;
        padding-top: 0;
    }
    .siteMap h3 {
        margin: 0 0 10px;
    }
    .siteMapContainer {
        width:100%;
        margin:0 auto;
        display: flex;
        flex-flow: row wrap;
    }
}

@media screen and (max-width: 767px) {
    .siteMap__cont {
        width: 100%;
    }
    .siteMap__cont ul {
        margin-bottom: 10px;
    }
    .siteMap li {
        margin-bottom: 7px;
        padding-right: 15px;
        float: none;
        display: inline-block;
    }
    .valueSub__contentList p {
	color :#6E6E6E;
    }
}

/*SUNDIRECT.RAGEDEV*/

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.myProfile__form {
    padding-top: 25px;
}

.loginsec-password h1 {
    margin-bottom: 30px;
}

.loginsec__right .nya-bs-select {
    margin-bottom: 40px;
}

.nya-bs-select__label {
    color: #848484;
    font-size: 10px;
}

.nya-bs-select--flRight {
    float: right;
}

.nya-bs-select--fullwidth {
    width: 100% !important;
}

/*dropdown style to display packname*/

.nya-bss-select--fullwidth {
    width: 108% !important;
}

.nya-bs-select .dropdown-toggle {
    padding: 20px 30px 20px 20px;
    margin: 0px auto;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: transparent;
    font-family: "Montserrat-Light";
    font-size: 14px;
    background: #fafafa;
    line-height: 1.42857143;
}

.nya-bs-select .dropdown-toggle:hover,
.nya-bs-select .dropdown-toggle:focus {
    background: #fafafa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.nya-bs-select .dropdown-toggle .caret {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    background-position: -381px -38px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    border: none;
}

.nya-bs-select .dropdown-toggle .caret .caret {
    border: none;
}

.nya-bs-select.open.dropdown-toggle:hover {
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

.nya-bs-select.open .caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nya-bs-select.open .dropdown-menu {
    border-top: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0;
    padding: 0;
}

.nya-bs-select.open .dropdown-menu li>a {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #5E5E5E;
    display: block;
}

.nya-bs-select.open .dropdown-menu li>a:hover,
.nya-bs-select.open .dropdown-menu li>a:focus {
    background: #f16122;
    color: #fff;
}

.nya-bs-select.open .dropdown-menu li.active a,
.nya-bs-select.open .dropdown-menu li.select a {
    color: #fff;
}

.nya-bs-select:focus,
.nya-bs-select .dropdown-toggle:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nya-bs-select.open .dropdown-toggle {
    border: 1px solid #797D80 !important;
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nya-bs-select.open .dropdown-toggle:hover,
.nya-bs-select.open .dropdown-toggle:focus {
    background: #fafafa !important;
    border: 1px solid #797D80 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.yourConeconOne__listImg {
    width: 44%;
}

.channel__list__container .listOf__channels {
    margin-bottom: -15px;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: left;
}

.compareSelect {
    display: none;
    z-index: 100;
}

.channel__compare .cancel,
.channel__list .cancel,
.channel__list .cancel {
    z-index: 2;
}

.orSeparattor {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 15px 25px;
}

.channel__listWrapper {
    width: 97%;
    display: inline-block;
    margin: 50px auto;
    margin: 0px auto;
    padding: 0 5px;
    height: 500px;
}

.yourConeconTwo__list__submitCont {
    width: 100%;
}

.yourConeconTwo__list__inner strong.connection__price {
    margin-bottom: 16px;
}

.channel__list__container .listOf__channels ul li {
    position: relative;
}

.channel__list__container .listOf__channels ul li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
}

.autocom .list-group {
    position: absolute;
    top: 60px;
    width: 100%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    height: 180px;
    overflow-y: auto;
}

.autocom .list-group li {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #5E5E5E;
    display: block;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}

.autocom .list-group li:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.autocom .list-group li:hover {
    background: #f16122;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.autocom .ng-not-empty+.list-group {
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    /*border: 1px solid rgba(0, 0, 0, 0.15);*/
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    height: 100%;
}

.ng-not-empty+.placeholder {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    font-size: 12px;
    color: #787878;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.planpack-box__row {
    display: block;
}

.planpackHead {
    position: relative;
    top: 48px;
    border-top: none;
}

.planpackHead:first-child .planpack__header {
    float: left;
    padding: 0;
}

.planpackHead .planpack__header--topspace {
    -webkit-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    -moz-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
}

.planpackBody {
    border: none;
}

.planpackBody .planpack__header--plans {
    text-align: left;
}

.planpack-box__tvlogo img {
    max-height: 100%;
    max-width: 100%;
}

.planpackBody .planpack__header {
    border-top: 1px solid #ccc;
}

.autocom .list-group.clear {
    display: none;
}

.footer {
    padding: 140px 0px 100px 0px;
    color: #000000;
    position: relative;
    width: 100%;
    float: left;
}


/* 30-12-2017 by Sathish */


/* .yourConeconOne {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow:row wrap;
  -webkit-flex-flow:row wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
} */


/* .yourConeconOne__wrappper {
  width:49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
 } */

.yourConeconOne__wrappper {
    position: relative;
}

.yourConeconOne__wrappper .yourConeconOne__listequal figure {
    padding-bottom: 80px;
}

.yourConeconOne__wrappper .common-btn {
    position: absolute;
    bottom: 40px;
    left: 44%;
}

.yourConeconOne__list figure,
.yourConeconTwo__list figure {
    padding: 40px 50px;
}

.yourConeconOne__list:before,
.yourConeconTwo__list:before,
.yourConeconTwo__list:before {
    height: 100%;
}

.yourConeconOne__list,
.yourConeconTwo__list {
    padding: 1px 1px 2px 1px;
}

.yourConeconTwo__list {
    padding: 1px;
}

.yourConeconOne-static {
    display: inline-block;
    width: 100%;
    float: none;
}

.yourConeconOne-static .yourConeconOne__wrappper {
    margin: 0 auto;
    float: none;
}

.yourConeconOne__list figure img,
.yourConeconTwo__list figure img {
    width: 200px;
}


/* Quick recharge*/

.qckrge__right .regmob .common_input,
.qckrge .common_input {
    width: 100%;
}

.qckrge__right .regmob .common_input,
.qckrge__right .common_input, .srwidth .common_input {
    margin-bottom: 6px;
}

.qckrge__right .packageName {
    font-size: 18px;
    padding-right: 172px;
    line-height: 22px;
}


/* Add-on */

.smsBox {
    float: none;
    margin: auto;
}

.addons-boxPad {
    max-width: 400px;
    min-width: 300px;
}

.addons-boxWrap {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 230px;
    padding-top: 15px;
}

.full-width-price {
    width: 32%;
}

.classActive {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.classNonActive {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.channelContent.classNonActive+.addChannel {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.cartesection__mobilelist:before {
    left: 15px;
}

.cartesection__channellist {
    width: 33.3%;
}

.packageError {
    position: relative;
}

.packageError .errormeg__txt {
    left: 0;
    right: 0;
    text-align: center;
}

.chennal-menu {
    margin-bottom: 50px;
}

.yourConecon #callback .special-title,
.yourConecon #online .special-title {
    display: none;
}

.yourConecon .nya-bs-select .dropdown-toggle:hover,
.yourConecon .nya-bs-select .dropdown-toggle:active,
.yourConecon .nya-bs-select .dropdown-toggle:focus {
    z-index: 0;
}

.nearest__loactionBlock.autocom {
    padding-bottom: 20px;
    position:relative;
}

.nearest__loactionBlock.autocom .errormeg__txt {
    padding-left: 25px;
}

.form__container .errormeg__txt {
    left: 0;
}

.form__container .connection__agree .errormeg__txt {
    top: 30px;
}

.mCSB_scrollTools .mCSB_dragger {
    height: 50px !important;
}

.inner-main.chennal-section {
    /* padding-top:0; */
    margin-bottom: 50px;
}

.chennal-topblock {
    margin: 30px auto;
}

.chennalpack-block {
    padding-bottom: 15px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .addons-box__prize {
        background-image: none;
    }
    .chennal-box__prize.orange-prize {
        background-image: none;
        color: #FFD042;
    }

   .nya-bss-select--fullwidth {
    width: 93% !important;

   }
}

.alcarteImg {
    min-height: 45px;
}

.channel__list__container .listOf__channels li,
.addons-box__tvlogo {
    height: 70px;
}

.mobileMenu {
    border: none;
}


.policies__nav>ul {
    top: 70px;
}

.chennal-stripName {
    display: none;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-family: "Montserrat-Medium";
    line-height: 18px;
    padding: 15px 0 15px 2%;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.chennal-stripName:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.chennal-stripName.active:after {
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
    top: 18px;
}


/*09/01/2018*/

.addons-box__header {
    border-bottom: none;
    margin-bottom: 0;
}

.addons-box__tvholder {
    height: 76px;
    overflow: hidden;
    border-bottom: none;
    margin-bottom: 10px;
}

.addons-box__rteholder {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 15px 0px;
}

.viewAllAddOn {
    float: right;
    padding-bottom: 20px;
    text-decoration: none
    font-size: 14px;
    letter-spacing: 1px;
    color: #6d6d6d;
}


/*10-01-2018*/

.loaderImage {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.57);
    position: fixed;
}

.loaderImage img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.addons-block {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*-webkit-justify-content: space-around;*/
    -ms-flex-pack: distribute;
    /*justify-content: space-around;*/
}

.addons-box__pcode {
    float: none;
    width: 100%;
    display: table;
    text-align: left;
}

.addons-box__pcode .lightFont {
    font-family: "Montserrat-Light";
}

.addons-box__pcode:before {
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0.5;
}

.cartesection__mobilelist:before {
    display: none;
}

.cartesection__mobilelist {
    padding-left: 15px;
}

.searchWrapper {
    width: 100%;
    display: inline-block;
}

.search-box {
    float: right;
    width: 31.3%;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-bottom: 30px;
}


/*.cartesection .search-box {
    width: 25%;
    padding-right: 10px;
}*/

.search-box .errormeg__txt {
    left: 20px;
    bottom: 10px;
}

.search-box input {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.search-box input::-ms-clear {
    display: none;
}

.searchWrapper .list-group.list-group-search {
    right: 46px;
    width: 80%;
    margin: 1px auto;
    z-index: 1;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    display: none;
}

.searchWrapper .list-group.list-group-search.clear {
    display: none;
}

.searchInputWrapper {
    position: relative;
}

.searchClear {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    font-size: 28px;
    color: #C0C0C0;
    height: 32px;
}

.clearBoth {
    clear: both;
}

.addons-block.searchList {
    -webkit-box-pack: initial;
    -webkit-justify-content: initial;
    -moz-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
}

.yourConeconTwo__list__Tariff {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.yourConeconTwo__list__TariffList {
    float: left;
    padding-bottom: 5px;
}

.saveWrapper {
    width: 100%;
    padding-left: 33px;
    text-align: left;
}

.package-save,
.package-offer {
    font-size: 12px;
    font-family: "Montserrat-Light";
    width: 100%;
    color: #F64476;
}

.msg-text {
    font-size: 12px;
    font-family: "Montserrat-Medium";
}

.success {
    color: #256704;
}

.fail {
    color: #f12222;
}


/* pre login style anfd home 12-01-2017 */

.inner-main {
    padding-top: 50px;
}

.nearest {
    padding: 100px 0 100px;
}

.downloadApp__content {
    padding-top: 0;
}

.downloadApp__content>h2 {
    margin-top: 0;
    margin-bottom: 25px;
}

.downloadApp ul {
    margin-bottom: 30px;
}

.nearest__loactionInput,
.common_input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* pre login style anfd home 12-01-2017 */


/*mysun direct style*/


/*Satz Css*/

.loginForm .nya-bs-select--fullwidth {
    margin-bottom: 30px;
}

.rechargeForm .nya-bs-select {
    margin-bottom: 8px;
}

.channel__list__container .listOf__channels li img,
.addons-section .addons-box__tvlogo img {
    max-height: 100%;
}

.rechargeSec__bestOffers ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rechargeSec__bestOffers ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.rechargeSec__bestOffers .slick-prev,
.rechargeSec__bestOffers .slick-next,
.rechargeSec__bestOffers .slick-prev:hover,
.rechargeSec__bestOffers .slick-next:hover {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    color: #fff;
}

.rechargeSec__bestOffers .slick-prev {
    left: -28px;
    top: 40%;
}

.rechargeSec__bestOffers .slick-next {
    right: -24px;
    top: 40%;
}

.rechargeSec__bestOffers .slick-prev:before,
.rechargeSec__bestOffers .slick-next:before {
    font-size: 28px;
    color: #fff;
    font-family: cursive;
}

.rechargeSec__bestOffers .slick-prev:before {
    content: "<";
}

.rechargeSec__bestOffers .slick-next:before {
    content: ">";
}

.rechargeSec__bestOffers .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding-right: 2px;
    width: 97%;
    margin: 0 auto 0 0;
}

.rechargeNow .nya-bs-select {
    margin-bottom: 15px;
}

.rechargeSec__bestOffers li h3 {
    font-size: 40px;
    margin-top: 10px;
}

.rechargeSec__bestOffersList {
    padding: 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.rechargeNow {
    position: relative;
    margin-bottom: 15px;
}

.addons-box__btnholder {
    display: inline-block;
    width: 100%;
    position: relative;
}

.addons-boxPad {
    max-width: 400px;
    min-width: 300px;
}

.addons-boxWrap {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 230px;
    padding-top: 15px;
}


/*Toast Notification*/

#toast {
    visibility: visible;
    width: 250px;
    height: 50px;
    /*margin-left: -125px;*/
    margin: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#F84378), to(#FF7A37));
    background-image: -webkit-linear-gradient(left, #F84378, #FF7A37);
    background-image: -moz-linear-gradient(left, #F84378, #FF7A37);
    background-image: -o-linear-gradient(left, #F84378, #FF7A37);
    background-image: linear-gradient(to right, #F84378, #FF7A37);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    font-size: 17px;
    white-space: nowrap;
    float: left;
    cursor: pointer;
}

#toast .toastMsg {
    color: #fff;
    padding: 16px;
    overflow: hidden;
    white-space: nowrap;
}


/*
    #toast.show {
        visibility: visible;
       -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
       -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 1s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, expand 0.5s 0.5s,stay 1s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    }
*/

.addon-proceed .common-btn-small {
    display: block;
    margin: 0 auto;
    float: right;
}

.addon-proceed {
    text-align: center;
    position: relative;
    margin-top: 35px;
}

.addon-proceed .alertWrapper {
    display: block;
    text-align: center;
}

.addon-proceed .errormeg__txt {
    left: 0;
    right: 0;
    top: 8px;
    text-align: center;
    color: #fff;
}

.cartesection__mobilelist:before {
    left: 15px;
}

.errormeg__txt {
    left: 0;
}

.smsBox {
    float: none;
    margin: auto;
}

.cartesection__channellist {
    width: 33.3%;
}

.addons-box__navlist {
    margin-bottom: 30px;
}

.yourConeconTwo__list__submitCont {
    width: 100%;
}

.connection__price+.common-btn-medium-grey {
    margin-top: 16px;
}

.basePack-step3 .basePack__Type:first-child {
    border-bottom: 1px solid #EBEBEB;
}

.addOnRupee {
    font-size: 20px;
    font-family: "Montserrat-Regular";
    padding-left: 5px;
}

.summary .addonpack-block__bottom {
    padding: 0;
}

.summary .addonpack-block__bottom .totalSummary p {
    padding: 10px 0px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    float: right;
    font-family: "Montserrat-Medium";
    font-size: 18px;
}

.alcarteImg {
    min-height: 45px;
}

.inner-main.chennal-section {
    margin-bottom: 50px;
}

.chennal-topblock {
    margin: 30px auto;
}

.chennalpack-block {
    padding-bottom: 15px;
}

.thankyou__rightSec {
    background: inherit;
    padding-left: 30px;
}


/* --- 10-01-2018--- */

.yourConecon .chennal-menu {
    margin: 30px auto;
    margin-bottom: 54px;
}

.chennal-stripName {
    display: none;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-family: "Montserrat-Medium";
    line-height: 18px;
    padding: 15px 0 15px 2%;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.chennal-stripName:after {
    content: '';
    position: absolute;
    right: 21px;
    top: 12px;
    width: 12px;
    height: 12px;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}

.chennal-stripName.active:after {
    -webkit-transform: rotate(-134deg);
    -moz-transform: rotate(-134deg);
    -ms-transform: rotate(-134deg);
    -o-transform: rotate(-134deg);
    transform: rotate(-134deg);
    top: 18px;
}


/* --- 10-01-2018--- */

.yourConeconOne__listImg {
    width: 44%;
}

.channel__list__container .listOf__channels {
    margin-bottom: -15px;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: left;
}

.compareSelect {
    display: none;
    z-index: 100;
}

.channel__compare .cancel,
.channel__list .cancel,
.channel__list .cancel {
    z-index: 2;
}

.orSeparattor {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 15px 25px;
}

.channel__listWrapper {
    width: 97%;
    display: inline-block;
    margin: 50px auto;
    margin: 0px auto;
    padding: 0 5px;
    height: 500px;
}

.yourConeconTwo__list__submitCont {
    width: 100%;
}

.yourConeconTwo__list__inner strong.connection__price {
    margin-bottom: 16px;
}

.channel__list__container .listOf__channels ul li {
    position: relative;
}

.channel__list__container .listOf__channels ul li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.autocom .list-group {
    position: absolute;
    top: 60px;
    width: 100%;
    left: 0;
    z-index: 1000;
    margin: 2px 0 0;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    height: 180px;
    overflow-y: auto;
}

.autocom .list-group li {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #5E5E5E;
    display: block;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
}

.autocom .list-group li:first-child {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}

.autocom .list-group li:hover {
    background: #f16122;
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.autocom .ng-not-empty+.list-group {
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    /*border: 1px solid rgba(0, 0, 0, 0.15);*/
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    max-height:140px;
}

.ng-not-empty+.placeholder {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    font-size: 12px;
    color: #787878;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.list-group.list-group-home {
    height: auto !important;
    right: 0;
    width: 90%;
    margin: 14px auto;
    z-index: 8;
}

.planpack-box__row {
    display: block;
}

.planpackHead {
    position: relative;
    top: 48px;
    border-top: none;
}

.planpackHead:first-child .planpack__header {
    float: left;
    padding: 0;
}

.planpackHead .planpack__header--topspace {
    -webkit-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    -moz-box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
    box-shadow: 0 1px 33px 10px rgba(204, 204, 204, 0.53);
}

.planpackBody {
    border: none;
}

.planpackBody .planpack__header--plans {
    text-align: left;
}

.planpack-box__tvlogo img {
    max-height: 100%;
    max-width: 100%;
}

.planpackBody .planpack__header {
    border-top: 1px solid #ccc;
}

.autocom .list-group.clear {
    display: none;
}

.header.mobileHeaderMenu, .inner-header.mobileHeaderMenu {
    display:none;
}

.menuButtons {
    margin:10px auto;
    float:right;
}
.menuButtons .common-btn-small {
    margin-bottom:10px;
    min-width:200px;
}
.menuHead {
    display:inline-block;
    width:100%;
    min-height:44px;
    position:relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #ececec;
}

.menuHead p {
    width:50%;
    float:left;
    line-height: 20px;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    font-family: "Montserrat-Regular";
}

.menuHead span {
    font-family: "Montserrat-Medium";
}

.menuHead a {
    float:right;
    min-width: 100px;
}

.footer {
    padding: 140px 0px 20px 0px;
    color: #000000;
    position: relative;
    width: 100%;
    float: left;
}


/* Quick recharge*/

.qckrge__right .regmob .common_input,
.qckrge .common_input {
    width: 100%;
}

.qckrge__right .packageName {
    font-size: 18px;
    padding-right: 172px;
    line-height: 22px;
}


/* Add-on */

.smsBox {
    float: none;
    margin: auto;
}

.addons-boxPad {
    max-width: 400px;
    min-width: 300px;
}

.addons-boxWrap {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 230px;
    padding-top: 15px;
}

.full-width-price {
    width: 32%;
}

.classActive {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.classNonActive {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.channelContent.classNonActive+.addChannel {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.cartesection__mobilelist:before {
    left: 15px;
}

.cartesection__channellist {
    width: 33.3%;
}

.common_error.common_input {
    position: relative;
    bottom: 24px;
    margin-bottom: -20px;
    width: 100%;
}

.common_error .errormeg__txt {
    top: 0;
}

.basePackSubmit {
    position: relative;
}

.basePackSubmit .errormeg__txt {
    left: 0;
    top: -20px;
    margin: auto;
    right: 0;
    bottom: 0;
}

.fixed-proceed {
    padding: 20px 0px;
    text-align: center;
    border-top: 1px solid #EAEAEA;
    background: #383838;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1050;
}

.addonpack-block__bottom .common-btn-small {
    margin-top: 15px;
}

.addonpack-block__bottom .common_error.common_input {
    bottom: -8px;
}


/* 10-1-2018*/

.addons-block {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: center;
    justify-content: center;
}

.addons-box {
    float: none;
    margin-bottom: 26px;
    padding: 17px;
    margin-left:15px;
}

.myProfilePas .common_input {
    margin-bottom:10px;
}

/*09/01/2018*/

.addons-box__header {
    border-bottom: none;
    margin-bottom: 0;
}

.addons-box__tvholder {
    height: 76px;
    overflow: hidden;
    border-bottom: none;
    margin-bottom: 10px;
}

.addons-box__rteholder {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 10px 0px 10px 0px;
}

.viewAllAddOn {
    float: left;
    padding-bottom: 20px;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    color: #6d6d6d;
}

.addons-box__pcode {
    float: none;
    width: 100%;
    display: table;
    text-align: left;
    font-size: 11px;
}

.addons-box__pcode .lightFont {
    font-family: "Montserrat-Light";
}

.addons-box__pcode:before {
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0.5;
}

.cartesection__mobilelist:before {
    display: none;
}

.cartesection__mobilelist {
    padding-left: 10px;
}

.searchWrapper {
    width: 31.3%;
    display: inline-block;
    float: right;
}

.search-box {
    float: right;
    width: 100%;
    margin-bottom: 0;
    padding-right: 15px;
}

.search-box input {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.searchWrapper .list-group.list-group-search {
    right: 18px;
    width: 85%;
    height: auto;
    margin: 1px auto;
    max-height: 194px;
    overflow-y: scroll;
    z-index: 1;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    display: none;
}


/*11-01-2018*/

.searchWrapper .list-group.list-group-search.clear {
    display: none;
}

.searchInputWrapper {
    position: relative;
}

.searchClear {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    font-size: 28px;
    color: #C0C0C0;
    height: 32px;
}

.clearBoth {
    clear: both;
}

.addons-box__colleft {
    width: 120px;
    float: left;
}

.addons-box__colright {
    width: 220px;
}

.addons-section .addons-box__btn button.btn {
    padding: 11px 17px 10px 8px;
}

.cartesection__channesec .addons-box__btn button.btn:hover,
.cartesection__channesec .addons-box__btn button.btn {
    padding: 11px 25px 10px 15px;
}

.addons-section .addons-box__btn button.btn .caret {
    right: 6px;
}

.addons-section .addons-box__pluseclick,
.addons-section .addons-box__pluseclick.active {
    padding: 6px;
    min-height: 30px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
}

.cartesection__channesec .addons-box__pluseclick,
.cartesection__channesec .addons-box__pluseclick.active {
    padding: 12px;
    min-height: 44px;
}

.addons-box__pluseclick.active:after {
    background-position: -375px -258px;
    width: 20px;
    height: 2px;
}

.addons-section .addons-box__btn {
    max-width: 100px;
}

.cartesection__channesec .addons-box__btn {
    max-width: 164px;
}

.acc_expire p {
    font-size:32px;
    font-weight:bold;
}

/*.glow1 {
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: glow;
    -webkit-animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -moz-animation-name: glow;
    -o-animation-name: glow;
    animation-name: glow;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes glow {
    from {
        text-shadow: 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 15px #fff, 0px 0px 20px #fff;
        color: red;
        -webkit-text-fill-color: red;
    }
    to {
        text-shadow: 0px 0px 20px red, 0px 0px 15px red, 0px 0px 10px red, 0px 0px 5px red;
        color: white;
        -webkit-text-fill-color: white;
    }
}*/


/*11-01-2018*/


/*12-01-2018*/

#totalPurchased h2 {
    margin-left: 0;
    margin-top: 0;
}

#totalPurchased .addonpackWarapper {
    padding-left: 20px;
}

#totalPurchased .addonpackWarapper>h2 {
    font-size: 20px;
    width: 100%;
}

.yourConeconTwo__list__Tariff {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.yourConeconTwo__list__TariffList {
    float: left;
    padding-bottom: 5px;
    width: 33.33%;
}

.yourConeconTwo__list__TariffList .package-offer {
    float: left;
    line-height: 16px;
}

.saveWrapper {
    width: 100%;
    padding-left: 33px;
    text-align: left;
}

.package-save,
.package-offer {
    font-size: 12px;
    font-family: "Montserrat-Light";
    width: 100%;
    color: #F64476;
}

.alert-success {
    color: #fff;
    border-color: transparent;
    background-color: #FF512F;
}

.alert-dismissable .close,
.alert-dismissible .close {
    opacity: 1;
    color: #fff;
}

.alertWrapper {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.57);
    position: fixed;
    display: none;
    z-index: 99999;
    text-align:center;
}

.alert-compare {
    color: #fff;
    width: 400px;
    /*height: 110px;*/
    margin: 0 auto;
    position: relative;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* border: 1px solid #fa4a39; */
    /*-moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;*/
   background-color: #fd6058;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
}

.alert-compare p {
    display: block;
    width: 100%;
    color: #fff;
    font-family: "Montserrat-Medium";
    line-height: 18px;
}

.alert-compare a {
    display: block;
    width: 50px;
    margin: 0 auto;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
    font-family: "Montserrat-Medium";
    font-size: 12px;
}

.alcarteError {
    width: 100%;
    text-align: center;
}

.cartesection__channesec .addons-box__btnholder .errormeg__txt {
    bottom: -15px;
}

.alcarteError .errormeg__txt {
    font-size: 20px;
}


/*12-01-2018*/


/*LOADER*/

@-webkit-keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@-moz-keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@-o-keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@-webkit-keyframes loaderBlock {
    0%,
    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-moz-keyframes loaderBlock {
    0%,
    30% {
        -moz-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-o-keyframes loaderBlock {
    0%,
    30% {
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loaderBlock {
    0%,
    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-webkit-keyframes loaderBlockInverse {
    0%,
    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@-moz-keyframes loaderBlockInverse {
    0%,
    20% {
        -moz-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@-o-keyframes loaderBlockInverse {
    0%,
    20% {
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@keyframes loaderBlockInverse {
    0%,
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #FF512F;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.cssloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    -webkit-animation: loader 1.2s infinite ease-in-out;
    -moz-animation: loader 1.2s infinite ease-in-out;
    -o-animation: loader 1.2s infinite ease-in-out;
    animation: loader 1.2s infinite ease-in-out;
}

.cssloader span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #DD2476;
    -webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
    -moz-animation: loaderBlock 1.2s infinite ease-in-out both;
    -o-animation: loaderBlock 1.2s infinite ease-in-out both;
    animation: loaderBlock 1.2s infinite ease-in-out both;
}

.cssloader span:nth-child(1) {
    top: 0;
    left: 0;
}

.cssloader span:nth-child(2) {
    top: 0;
    right: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    -moz-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    -o-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.cssloader span:nth-child(3) {
    bottom: 0;
    left: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    -moz-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    -o-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.cssloader span:nth-child(4) {
    bottom: 0;
    right: 0;
}

.loader_wrapper {
    position: absolute;
    top: 0;
    background-color: rgba(93, 90, 90, 0.54);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.banner {
    margin-bottom: 0;
}

.loaderImage {
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.57);
}

.loaderImage img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.form__container .errormeg__txt {
    left: 0;
}

.form__container .connection__agree .errormeg__txt {
    top: 30px;
}

.mCSB_scrollTools .mCSB_dragger {
    height: 50px !important;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .addons-box__prize {
        background-image: none;
    }
    .chennal-box__prize.orange-prize {
        background-image: none;
        color: #FFD042;
    }
}

.alcarteImg {
    min-height: 45px;
}

.channel__list__container .listOf__channels li {
    height: 70px;
    margin-bottom: 40px
}

.addons-box__tv {
    height: 100%;
}

.addons-box__row .addons-box__tvlogo {
    height: 70px !important;
}

.addonpackWarapper {
    display: inline-block;
    width: 100%;
}

.successmeg__txt {
    color: green;
}


/*-----server error style ---*/

.servererror-block {
    max-width: 700px;
    margin: 50px auto 20px;
    padding: 30px;
    text-align: center;
    min-height: 400px;
}

.servererror-block h3 {
    margin-bottom: 20px;
}

.servererror-block a {
    border-bottom: 1px solid #FF7A36;
}


/*-----server error style ---*/


/*Add on searchbox*/


/* .addons-section .stickySearch {
    width: 29.65%;
    float: right;
    margin-right: 14px;
    position: fixed;
    right: 24px;
    top: 60px;
    z-index: 1;
    /*background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    border-radius: 5px;
} */

.searchWrapper.stickySearch {
    width: 25%;
    display: inline-block;
    transition: all 0.7s;
    transform: translateX(100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    margin-right: 14px;
    position: fixed;
    right: 24px;
    top: 68px;
    z-index: 1;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    border-radius: 5px;
}

.searchWrapper.stickySearch .search-box {
    width: 85%;
    margin: 0;
    padding: 20px 15px 20px 0px;
}

.searchWrapper.stickySearch .search-box .errormeg__txt {
    bottom:5px;
    color:#fff;
}
/* .cartesection .stickySearch {
    right: 118px;
    width: 20%;
} */


/* .addons-section .stickySearch .search-box {
    float: right;
    width: 95%;
    margin-bottom: 0;
    padding-right: 15px;
    padding-top: 25px;
} */

.addons-section .stickySearch .search-box {
    width: 100%;
    float: right;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 40px;
}


/* .cartesection .stickySearch .search-box {
    width: 95%;
} */

.search-box input {
    padding: 10px 20px;
    border-color: #fa4a39;
}

.searchWrapper .list-group.list-group-search {
    top: 40px;
}

.stickySearch .list-group.list-group-search {
    top: 60px;
    right: 14px;
    width: 80%;
}

.searchWrapper.stickySearch.active {
    transform: translateX(0);
    transition: all 0.7s;
    right: 0;
    margin-right: -3px;
}

.searchImgWrap {
    width: 25px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 12px 0;
    margin: auto;
    left: 8px;
    z-index: 99;
    display: none;
    cursor: pointer;
    transition: all 0.7s;
}

.searchWrapper img {
    width: 100%;
}

.searchWrapper.stickySearch .searchImgWrap {
    display: block;
}


/*Add on searchbox*/


/* Change Base pack */

.changeBase .yourConeconOne__list figure {
    min-height: 180px;
    padding: 15px;
    width: 99.5%;
    display: table;
}

.changeBase .yourConeconOne__list h2 {
    font-size: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.changeBase .yourConeconOne {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    align-content: space-between
}

.changeBase .yourConeconOne__listWrap {
    width: 17%;
    margin-right: 20px;
    transition: all 0.6s;
    transform: translateY(0px);
}

.changeBase .yourConeconOne__listWrap figure:hover,
.changeBase .yourConeconOne__listWrap figure.active {
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
}

.changeBase .yourConeconOne__listWrap figure:hover h2>span,
.changeBase .yourConeconOne__listWrap figure.active h2>span {
    color: #fff;
    background: transparent;
    -webkit-text-fill-color: #fff;
}

.changeBase .yourConeconOne__listWrap:hover {
    transition: all 0.6s;
    transform: translateY(-20px);
}

.changeBase .yourConeconOne__listWrap:last-child {
    margin-right: 0px;
}

.changeBase .yourConeconOne__listWrap .yourConeconOne__list:before {
    background-image: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
}


/* Change Base pack */

/* Packs and Channel Popup */

.packChannelPopup .channel__list__container h2, .packChannelPopup .channel__list__container span.pckg__details{
    float: none;
    text-align: center;
    display:block;
    margin-top:0;
}
.gst-class {
    text-transform: capitalize;
    display: block;
    text-align: center;
    margin-top:10px;
}
.packChannelPopup .channel__listWrapper{
    height:380px;
}

.packChannelPopup .channel__list__container .listOf__channels h3{
	background-color: #999;
    padding: 10px 5px;
    color: #fff;
}

.header_block{
    width:85%;
    margin:0 auto;
    display:block;
    padding:25px;
    border: 1px solid #CACACA;
    border-radius: 10px;
    margin-bottom: 20px;
}

.freeSubs h2{
	font-size:25px;
	margin-bottom:0;
	padding-bottom:0; 
}

.packChannelPopup .packagePrice{
	/* background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
	    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
	    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
	    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
	    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    -moz-background-clip: text;
	    -moz-text-fill-color: transparent;
	    -ms-background-clip: text;
	    -ms-text-fill-color: transparent; */
	color:#F74278;
font-size:1.6em;
}
.packChannelPopup .rupee{
	font-size:1.6em;
}

.mt-20{
    margin-top:20px;
}

.monthDurationList{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 15px 0px 0px 0pc;

}


.monthDurationList p{
    color: #484848;
    display:inline-block;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #ccc;
    font-family: "Montserrat-Light";
    font-weight: normal;
    margin-left: 0;
	margin-bottom: 5px;
	    line-height: 13px;
}

.monthDurationList p:last-child{
    border-right:0;
}



/* Packs and Channel Popup */

@media screen and (max-width: 1660px) {
    .sunHD__mainImg img {
        max-width: 100%;
        left: 0;
    }
   
}

@media screen and (max-width: 1580px) {
    .nearest__loactionRightSec {
        right: 0;
    }
    .valueSub__list {
        padding-left: 12%;
    }
    .sunHigh__block {
        top: -8px;
    }
    @-webkit-keyframes scale1 {
        0% {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        100% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(0.8);
            transform: scale(0.8);
        }
    }
    @-moz-keyframes scale1 {
        0% {
            opacity: 0;
            visibility: hidden;
            -moz-transform: scale(0);
            transform: scale(0);
        }
        100% {
            opacity: 1;
            visibility: visible;
            -moz-transform: scale(0.8);
            transform: scale(0.8);
        }
    }
    @-o-keyframes scale1 {
        0% {
            opacity: 0;
            visibility: hidden;
            -o-transform: scale(0);
            transform: scale(0);
        }
        100% {
            opacity: 1;
            visibility: visible;
            -o-transform: scale(0.8);
            transform: scale(0.8);
        }
    }
    @keyframes scale1 {
        0% {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }
        100% {
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8);
        }
    }
    /*18-01-2018*/
    .setipLeRi:before,
    .setipLeRi:after {
        width: 30px;
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: -1;
        transition: all 1s;
    }
    .setipLeRi:before {
        top: 80px;
    }
    .setipLeRi:after {
        top: 300px;
    }
    /*18-01-2018*/
  
}

@media only screen and (max-width: 6000px) and (min-width: 1320px) {
    .container {
        width: 1300px;
    }
   
}

@media only screen and (max-width: 1319px) and (min-width: 1202px) {
    .container {
        width: 1180px;
    }
    .yourConeconTwo__list__DetCont {
        width: 65%;
    }
   
}

@media only screen and (max-width: 1299px) and (min-width: 1201px) {
    .container {
        width: 1180px;
    }
    
}

@media screen and (max-width: 1300px) {
    .bannerItem figcaption .common-btn,
    .bannerItem figcaption .common-btn-medium,
    .bannerItem figcaption .common-btn-small,
    .bannerItem figcaption .common-btn-medium-greyBorder,
    .bannerItem figcaption .common-btn-medium-grey,
    .bannerItem figcaption input[type="submit"] {
        bottom: -90px;
    }
    /*.banner .js-banner .slick-dots {
        bottom: 22%;
        left: 130px;
    }*/
    .yourConeconOne__list--none {
        margin-top: 60px;
    }
    /* Help Page css start */
    .help__innerList, .help_intro_list ul {
        margin: 0 -20px;
    }
    .help__innerList li, .help_intro_list ul li {
        padding: 0 20px;
    }
    .nodalOfficers {
        width: 100%;
    }
    .sunHD__FAQ__Cont .listOf__channels li {
        width: 13%;
    }
    .addons-block {
        width: 100%;
        max-width: 850px;
        margin: auto;
    }
    .cartesection__channellist {
        width: 33.33%;
    }
    .yourConeconTwo__list__TariffList {
        width: 36%;
    }
    .qckrge__left .bannerItem, .loginsec__left .bannerItem{
        background-size: 100% 100%;
    }
    .newconnboxType{
    font-family: Montserrat-Light;
    font-size: 20px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxmodel{
    font-family: Montserrat-Regular;
    font-size: 15px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxcontent{
    font-family: Montserrat-Light;
    font-size: 16px!important;
    background-image: -webkit-gradient(linear, right top, left top, from(#a8a9ad), color-stop(50%, #a8a9ad), to(#a8a9ad));
    background-image: -webkit-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -moz-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -o-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: linear-gradient(right, #a8a9ad 0%, #ccc 50%, #a8a9ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #6e6e6e;
    -moz-background-clip: text;
    -moz-text-fill-color: #6e6e6e;
    -ms-background-clip: text;
    -ms-text-fill-color: #6e6e6e;
    top:30px;
    width:50%;
    position:relative;
    left:40px;
    display:inline-block;
    line-height:24px!important;
}
.newboxproduct{
    font-family: Montserrat-Light;
    font-size: 16px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:66px!important;
    display:inline-block;
}
.newboxproductHD{
    font-family: Montserrat-Light;
    font-size: 16px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:122px!important;
    display:inline-block;
}
.newboxsplit{
    top:50px!important;
    position:relative;
    left:70px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:20px!important;
}
.newboxcost{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:40px!important;
    /*display:inline-block;*/
}
.newboxcostHD{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:92px!important;
    /*display:inline-block;*/
}
.newboxbuybtn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:38px!important;
    left:-16px!important;
    font-size:12px;
    /*display:inline-block;*/
}
.newboxbuybtnHD{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:38px!important;
    left:-19px!important;
    font-size:12px;
    /*display:inline-block;*/
}
.newboxsplitHD{
    top:50px!important;
    position:relative;
    left:120px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;    
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:-110px!important;
}
.newconnbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    font-weight:bold;
    text-decoration-color:#949494;
    text-align:center;
    background-color: #E6E7E9;  
    position:absolute;    
    display:inline-block;
    bottom:0px;
    height:50px;
    width:50%;
}
.newconngstbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
}
.newconngstbottomtext{
    font-family: Montserrat-Light;
    font-size: 12px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
    width:189px!important;
    top:-13px!important;
}
.newconnheight{
    height:289px!important;
}
.newconnbottomtext{
    height:50px!important;
    top:10px!important;
    position:relative;
    font-size:12px!important;
}
.newboxbuybtnEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:40px!important;
    left:-19px!important;
    font-size:12px!important;
    /*display:inline-block;*/
}
.newboxbuybtnHDEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:41px!important;
    left:31px!important;
    font-size:12px!important;
    /*display:inline-block;*/
}
.newboxsplitHDOut{
    top:50px!important;
    position:relative;
    left:70px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;
    margin-left: -3px!important;
    width:12px;
    padding-left:0px!important;
    margin-left:10px!important;
}
.newboxbuybtnHDOut{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px!important;
    left:-24px!important;
    /*display:inline-block;*/
}
.newboxcostHDOut{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:45px!important;
    /*display:inline-block;*/
}
.newboxproductHDOut{
    font-family: Montserrat-Light;
    font-size: 16px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:75px!important;
    display:inline-block;
}
}

@media screen and (max-width: 1200px) {
    .compareSelect .compareChannel.compareSelect__Two {
        margin-right: 15px;
    }
    .chennal-menu li a {
        margin: 0px 20px;
    }
    .compareSelect .compareChannel.compareSelect__Two {
        margin-right: 15px;
    }
    /* 12-01-2018*/
    .chennal-menu li a {
        margin: 0px 24px;
    }
    .yourConeconTwo__list__inner strong.connection__price {
        font-size: 30px;
        margin-bottom: 5px;
    }
    /*18-01-2018*/
    .changeBase .yourConeconOne__listWrap {
        width: 25%;
        margin: 0 0 0 20px;
    }
    .cartesection .stickySearch {
        right: 84px;
        width: 20.35%;
    }
    /*18-01-2018*/
    .yourConeconTwo__list__TariffList {
        width: 50%;
    }
    .loginsec__left .slick-dots {
        bottom: 80px;
    }
   
}

@media screen and (max-width: 1199px) {
    .modal-dialog {
        width: 90%;
    }
    .bannerItem {
        padding-bottom: 30px;
        margin-bottom: 60px;
        -moz-background-size: cover;
        background-size: cover;
    }
    .bannerItem figure {
        display: block;
        width: 50%;
        float: right;
    }
    .bannerItem figure [class*="col-sm-6"] {
        display: block;
        width: 90%;
        float: none;
        padding-top: 30px;
        padding-left: 100px;
    }
    .bannerItem figcaption .common-btn,
    .bannerItem figcaption .common-btn-medium,
    .bannerItem figcaption .common-btn-small,
    .bannerItem figcaption .common-btn-medium-greyBorder,
    .bannerItem figcaption .common-btn-medium-grey,
    .bannerItem figcaption input[type="submit"] {
        bottom: -108px;
        margin-left: 100px;
    }
    .banner {
        margin-bottom: 0;
    }
    .banner .js-banner .slick-dots {
        bottom: 20%;
        left: 38px;
    }
    .valueSub {
        min-height: 100px;
        padding-top: 0;
    }
    .valueSub:before,
    .valueSub:after {
        content: none;
    }
    .valueSub__list {
        width: 100%;
        padding-left: 0;
        margin: 0 auto;
    }
    .valueSub__list ul {
        margin-top: 30px;
        width: 100%;
    }
    .valueSub__list li {
        width: 25%;
        padding: 24px 15px;
        min-height: 120px;
    }
    .valueSub__list li:nth-last-child(-n+2) {
        border-bottom: 1px solid #ccc;
    }
    .valueSub__list li:nth-child(3) {
        border-left: 1px solid #ccc;
    }
    .valueSub__content {
        width: 100%;
        padding-top: 30px;
    }
    .valueSub__content figure img {
        width: 276px;
    }
    .valueSub__content figcaption {
        color: #000;
        float: left;
        max-width: 100%;
    }
    .valueSub__content figcaption h2 {
        font-size: 60px;
        line-height: 60px;
    }
    .valueSub__content .common-btn,
    .valueSub__content .common-btn-medium,
    .valueSub__content .common-btn-small,
    .valueSub__content .common-btn-medium-greyBorder,
    .valueSub__content .common-btn-medium-grey,
    .valueSub__content input[type="submit"] {
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(#F74278), to(#FF7A36)) #F74278;
        background: -webkit-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: -moz-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: -o-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: linear-gradient(to right, #F74278, #FF7A36) #F74278;
    }
    .valueSub__content .common-btn span,
    .valueSub__content .common-btn-medium span,
    .valueSub__content .common-btn-small span,
    .valueSub__content .common-btn-medium-greyBorder span,
    .valueSub__content .common-btn-medium-grey span,
    .valueSub__content input[type="submit"] span {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }
    .valueSub__content .common-btn:hover,
    .valueSub__content .common-btn-medium:hover,
    .valueSub__content .common-btn-small:hover,
    .valueSub__content .common-btn-medium-greyBorder:hover,
    .valueSub__content .common-btn-medium-grey:hover,
    .valueSub__content input[type="submit"]:hover {
        background: -webkit-gradient(linear, left top, right top, from(#F74278), to(#FF7A36)) #F74278;
        background: -webkit-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: -moz-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: -o-linear-gradient(left, #F74278, #FF7A36) #F74278;
        background: linear-gradient(to right, #F74278, #FF7A36) #F74278;
    }
    .valueSub__content .common-btn::before,
    .valueSub__content .common-btn-medium::before,
    .valueSub__content .common-btn-small::before,
    .valueSub__content .common-btn-medium-greyBorder::before,
    .valueSub__content .common-btn-medium-grey::before,
    .valueSub__content input[type="submit"]::before {
        opacity: 1;
    }
    .scrollTopanied .valueSub__list,
    .valueSub__content {
        -webkit-animation: inherit;
        -moz-animation: inherit;
        -o-animation: inherit;
        animation: inherit;
        opacity: 1;
        visibility: visible;
    }
    .downloadApp:before {
        width: 46%;
        top: 16%;
    }
    .downloadApp__content {
        padding-top: 20px;
        margin-top:0;
    }
    .nearest::before {
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topleft: 0;
        border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
    }
    .nearest__loactionLeftSec {
        padding-top: 0;
    }
    .nearest__loactionRightSec {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: top right;
        -moz-transform-origin: top right;
        -ms-transform-origin: top right;
        -o-transform-origin: top right;
        transform-origin: top right;
    }
    .sunHigh {
        padding: 40px 0 0;
    }
    .sunHigh__block {
        margin: 0 auto;
        position: static;
    }
    .new__concStartup {
        margin-top: 0;
    }
    .new__concStartup__intro p {
        padding: 25px 80px;
    }
    .yourConeconOne__list h2,
    .yourConeconTwo__list h2 {
        font-size: 30px;
    }
    .yourConeconTwo__list h2 {
        font-size: 20px;
    }
    .yourConeconOne .upgrade figcaption,
    .yourConeconOne .multiroom figcaption,
    .yourConeconOne .multiroom figcaption {
        width: 36%;
        padding-right: 0;
    }
    .exchangebox {
        /*padding: 20px;*/
    }
    .qckrge__left {
        padding-right: 0;
    }
    .qckrge__right .regmob .common_input {
        width: 100%;
    }
    .qckrge__right h3 span {
        font-size: 24px;
    }
    .exchangebox__sliderList__tableCol h3 {
        font-size: 74px;
    }
    .milestone__listSec li {
        width: 10px;
        height: 10px;
    }
    .milestone__listSec li:before {
        width: 22px;
        height: 22px;
        top: -6px;
        left: -6px;
    }
    .milestone__listOne {
        bottom: 8px;
    }
    .milestone__listTwo {
        bottom: -4px;
    }
    .milestone__listThree {
        top: 60px;
    }
    .milestone__listFour {
        top: 46px;
    }
    .milestone__listFive {
        top: 22px;
    }
    .milestone__listSix {
        top: 6px;
    }
    .milestone__listSeven {
        top: 0px;
    }
    /*Policies*/
    .related_doc .doc_wrapper {
        width: 47%;
    }
    /** My Profile and Recharge Plan */
    .myaccsec {
        top: -16px;
    }
    .myaccsec:before {
        width: 100%;
        height: 480px;
    }
    .rechargeSec {
        padding: 0;
    }
    .rechargeSec__addOnlist h3,
    .addonpack-col h3 {
        margin-bottom: 6px;
    }
    .rechargeSec .innerDetails {
        padding: 0;
    }
    /** My Profile Footer **/
    .footer--myacc .sunDir-info {
        padding-bottom: 20px;
    }
    .footer--myacc .footer__Cont {
        padding-left: 0px !important;
    }
    .footer--myacc .footer__contact {
        padding-bottom: 20px;
    }
    .signup__leftSec {
        margin-right: 0;
    }
    .signup__leftSec h2 {
        font-size: 38px;
        line-height: 38px;
    }
    .signup__leftSecPara {
        font-size: 22px;
        line-height: 28px;
        margin: 5px 0 20px;
    }
    .signup__rightSec h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .common_input.marginZero {
        margin-bottom: 28px;
    }
    .myaccsec {
        background: none;
        padding-bottom: 20px;
    }
    .innerDetails {
        padding-left: 0;
    }
    .yourConeconTwo__list__inner strong.connection__price {
        padding-right: 0;
    }
    
}

@media screen and (max-width: 1180px) {
    .cartesection__channesec .addons-box__btn {
        max-width: 145px;
    }
   
}

@media screen and (max-width: 1024px) {
	.help_intro_list ul li p{
		width: 75%;
	}
    .chennal-menu li a {
        margin: 0px 20px;
    }
    .cartesection .stickySearch {
        right: 10px;
        width: 23.35%;
    }
   
}

@media screen and (max-width: 991px) {
	.help_intro_list ul li p{
		width: 65%;
	}
    .bannerItem {
        -moz-background-size: contain;
        background-size: contain;
        min-height: 280px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .bannerItem figure [class*="col-sm-6"] {
        width: 100%;
        padding-top: 0;
        padding-left: 30px;
    }
    .bannerItem figcaption h1 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .bannerItem figcaption .common-btn,
    .bannerItem figcaption .common-btn-medium,
    .bannerItem figcaption .common-btn-small,
    .bannerItem figcaption .common-btn-medium-greyBorder,
    .bannerItem figcaption .common-btn-medium-grey,
    .bannerItem figcaption input[type="submit"] {
        bottom: -170px;
        margin-left: 30px;
    }
    .bannerItem figcaption .bannerList {
        margin-bottom: 0;
    }
    .bannerItem figcaption .bannerList li {
        padding-bottom: 6px;
    }
    .banner .js-banner .slick-dots {
        /*margin-left: -10px;
        bottom: 72%;*/
        left: 40%;
    }
    .bigfnt,
    .bannerHead,
    .valueSub h2,
    .downloadApp__content h2,
    .nearest__loactionPara,
    .mainHead,
    .inner-main__title,
    .addons-section__title,
    .addons-box__title,
    .qckrge__right h1,
    .inner-main h1 {
        font-size: 30px;
    }
    .bigfnt small,
    .bannerHead small,
    .valueSub h2 small,
    .downloadApp__content h2 small,
    .nearest__loactionPara small,
    .mainHead small,
    .inner-main__title small,
    .addons-section__title small,
    .addons-box__title small,
    .qckrge__right h1 small,
    .inner-main h1 small {
        font-size: 28px;
    }
    .hdmulti-section {
        padding-top: 0;
        padding-bottom: 60px;
    }
    .chennalpack-block {
        padding-bottom: 20px;
    }
    .chennal-box a {
        padding: 15px;
    }
    .hdmulti-block__col.hdchennals {
        padding-right: 20px;
    }
    .hdmulti-block__col.multichennals {
        padding-left: 20px;
    }
    .hdmulti-block__title {
        font-size: 28px;
    }
    .hdmulti-block__prize,
    .chennal-box__prize {
        font-size: 32px;
    }
    .hdmulti-block__prize .rupee,
    .chennal-box__prize .rupee {
        font-size: 28px;
    }
    .chennal-section {
        margin-bottom: 60px;
    }
    .addons-block {
        max-width: initial;
    }
    .addons-box {
        width: 50%;
        max-width: 280px;
    }
    .addons-box__prize {
        font-size: 20px;
    }
    .addons-box__prize .rupee {
        font-size: 20px;
    }
    .addons-box__btn {
        max-width: 185px;
    }
    /* Help Page css start */
    .help__secMain {
        padding: 60px 0;
    }
    .help__topSec {
        padding: 0 0 60px;
    }
    .help__innerContent {
        margin-top: 30px;
    }
    /* POLICIES */
    .policies__nav>ul {
        float: none;
        width: 100%;
    }
    .policies__nav>div.policies__content {
        margin-left: 0;
        top: 10px;
        padding: 20px;
    }
    .policies__nav>ul>li {
        border-right: 1px solid #DDD;
    }
    .policies__nav>ul>li.current {
        width: 100%;
        border-right: 1px solid #DDD;
        border-left: 1px solid #DDD;
    }
    .policies__nav>ul {
        display: none;
    }
    .policies__mobileNav {
        display: block;
    }
    .thankyou__mainSection:after {
        display: none;
    }
    .thankyou__rightTopSec,
    .thankyou__rightBottomSec {
        padding: 60px 0 60px 60px;
    }
    .thankyou__cornerChannelLogo {
        position: static;
        padding-top: 20px;
        display: block;
    }
    /** My Profile and Recharge Plan */
    .myaccsec {
        background: #f3f5fb;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f3f5fb 37%, white 37%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f5fb 37%, white 37%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(37%, #f3f5fb), color-stop(37%, white));
        background: -o-linear-gradient(top, #f3f5fb 37%, white 37%);
        background: linear-gradient(to bottom, #f3f5fb 37%, white 37%);
    }
    .myaccsec:before {
        width: 100%;
        height: 350px;
    }
    .myTransaction {
        padding-top: 50px;
    }
    .rechargeSec {
        padding: 30px 0px 0px 0px;
    }
    .myDetails {
        padding-bottom: 0;
    }
    .rechargeSec__addOnlist h3,
    .addonpack-col h3 {
        margin-bottom: 6px;
    }
    .innerDetails {
        padding: 0;
    }
    /** My Profile Footer **/
    .footer--myacc .sunDir-info {
        padding-bottom: 20px;
    }
    .footer--myacc .footer__Cont {
        padding-left: 0px !important;
    }
    .footer--myacc .footer__contact {
        padding-bottom: 20px;
    }
    .js--tableScrollmob {
        width: 100%;
        max-width: 100%;
    }
    .SD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
   
}

@media screen and (max-width: 991px) {
    .bigfnt,
    .bannerHead,
    .valueSub h2,
    .downloadApp__content h2,
    .nearest__loactionPara,
    .mainHead,
    .inner-main__title,
    .addons-section__title,
    .addons-box__title,
    .qckrge__right h1,
    .inner-main h1 {
        font-size: 30px;
    }
    .bigfnt small,
    .bannerHead small,
    .valueSub h2 small,
    .downloadApp__content h2 small,
    .nearest__loactionPara small,
    .mainHead small,
    .inner-main__title small,
    .addons-section__title small,
    .addons-box__title small,
    .qckrge__right h1 small,
    .inner-main h1 small {
        font-size: 28px;
    }
    .qckrge__right h1 {
        top: 0;
    }
    .inner-main {
        padding-top: 25px;
    }
    .downloadApp:before {
        content: none;
    }
    .downloadApp__content {
        padding-left: 0;
    }
    .qckrge__right h3 {
        margin-bottom: 20px;
    }
    .qckrge__right .entersub .common_input {
        width: 210px;
    }
    .entersub {
        float: left;
    }

    .entersubs {
        float: left;
        left:auto;
    }
    .entersub .common_input {
        margin: 0;
    }
    .entersub .conc__submit {
        margin-bottom: 30px;
    }
    .milestone__listOne {
        bottom: 0px;
    }
    .milestone__listTwo {
        bottom: -4px;
    }
    .milestone__listThree {
        top: 45px;
    }
    .milestone__listFour {
        top: 34px;
    }
    .milestone__listFive {
        top: 16px;
    }
    .milestone__listSix {
        top: 3px;
    }
    .chennal-box {
        padding-bottom: 15px;
    }
    .chennal-menu li a {
        font-size: 14px;
        margin: 0px 20px;
    }
    /* Help Page css start */
    .help__innerList li {
        width: 50%;
    }
    .hdmulti-block__col.hdchennals {
        padding-right: 0;
        border-right: 0;
        margin-bottom: 40px;
    }
    .hdmulti-block__col.multichennals {
        padding-left: 0;
    }
    .hdmulti-block__title {
        padding-left: 70px;
        padding-top: 0;
    }
    .thankyou__leftSec {
        padding-top: 50px;
    }
    .thankyou__rightSec {
        margin-top: 35px;
    }
    .sunHD__FAQ__Cont h2 {
        font-size: 24px;
    }
    .sunHD__FAQ__Cont h2 span {
        font-size: 24px;
    }
    .sunHD__features__Cont span,
    .sunHD__features__Cont p {
        font-size: 24px;
    }
    .addons-box {
        max-width: 330px;
    }
    .myaccsec {
        background: #f3f5fb;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f3f5fb 28.5%, white 28.5%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f5fb 28.5%, white 28.5%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(28.5%, #f3f5fb), color-stop(28.5%, white));
        background: -o-linear-gradient(top, #f3f5fb 28.5%, white 28.5%);
        background: linear-gradient(to bottom, #f3f5fb 28.5%, white 28.5%);
    }
    .myDetails__listVal,
    .rechargeSec__listVal,
    .subcribedtl-block h4,
    .rechargeSec__listVal,
    .subcribedtl-block h4,
    .myProfile__listVal {
        font-size: 24px;
    }
    .myDetails__list h2,
    .rechargeSec__list h2,
    .subcribedtl-block h2,
    .rechargeSec__list h2,
    .subcribedtl-block h2 {
        margin-bottom: 10px;
    }
    .myDetails__Cont {
        padding-bottom: 0px;
    }
    .qckrge__right .entersub input[type="submit"] {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .signup__leftSec {
        margin-bottom: 30px;
    }
    .cartesection__channellist {
        width: 50%;
    }
    .cartesection__leftsection {
        width: 30%;
    }
    .cartesection__rightsection {
        width: 65%;
    }
    .cartesection__channellist {
        width: 50%;
    }
    .cartesection__rightsection {
        width: 70%;
    }
    .addons-box__inner {
        padding: 30px;
    }
    .search-box {
        width: 50%;
    }
    .addons-box__title {
        font-size: 18px;
    }
    .addons-box {
        margin-bottom: 20px;
    }
    .qckrge__right .entersub input[type="submit"] {
        /*margin-top: 20px;*/
         margin-top: 44px;
    }
    /* compare style*/
    .planpack__header {
        padding: 20px 10px;
    }
    .planpack__channelLanguage {
        word-break: break-word;
    }
    .planpack__channelLanguage,
    .planpack__channelTitle {
        font-size: 13px;
    }
    .planpack__headerInner {
        padding: 95px 20px 45px;
        height: 220px;
    }
    .planpack:last-child .planpack__header {
        padding: 37px 35px 10px;
    }
    .planpack__headerInner h2,
    .planpack__bestpack h2 {
        font-size: 30px;
    }
    .planpack-box__rate {
        font-size: 30px;
    }
    .planpack .common-btn-medium,
    .planpack .common-btn-small,
    .planpack .common-btn-medium-greyBorder,
    .planpack .common-btn-medium-grey,
    .planpack input[type="submit"] {
        padding: 16px 22px;
        min-width: 100px;
    }
    .planpack__bestpack {
        padding: 100px 16px 45px;
        word-break: break-word;
        height: 270px;
    }

    .planpack__bestpack--edit{
        height: 220px;
    }
    /* compare style end*/
    .cartesection__channellist {
        width: 50%;
    }
    .addons-box__inner {
        padding: 30px;
    }
    .cartesection__rightsection {
        width: 70%;
    }
    .cartesection__channesec .addons-box__btn {
        max-width: 160px;
    }
    /*.addons-box__btn button.btn, .addons-box__btn button.btn:hover {
            padding:15px;
             max-width: 185px;
        }*/
    .addons-box__pluseclick {
        padding: 15px;
    }
    .addons-box__btn .nya-bs-select {
        max-width: 185px;
    }
    .loginsec__right {
        padding: 30px 0px;
    }
    .addons-box__smsholder {
        padding-left: 45px;
    }
    .search-box {
        width: 50%;
    }
    .addons-box__title {
        font-size: 18px;
    }
    .addons-box {
        margin-bottom: 20px;
    }
    /* 11-01-2018*/
    .addons-box__colright {
        /*width: 100%;
        display: inline-block;*/
        padding-top: 10px;
    }
    .addons-section .addons-box__btn {
        height: 52px;
        margin-bottom: 5px;
    }
    .yourConeconTwo__list__inner {
        padding: 20px;
    }
    .policies__nav>ul {
        position: static;
    }
    /*16-01-2018*/
    .menu ul {
        width: 95%;
        left: 0;
        right: 0;
        margin: auto;
        transform: translate3d(200%, 0, 0);
    }
    .nodalOfficers {
        overflow-x: scroll;
    }
    .nodalOfficers table {
        width: 720px;
    }
    .yourConeconOne__wrappper {
        width: 100%;
    }
    /*16-01-2018*/
    /*18-01-2018*/
    .changeBase .yourConeconOne__listWrap {
        width: 33.3%;
        margin: 0 0 0 20px;
    }
    .cartesection .stickySearch {
        width: 28.35%;
    }
    /*18-01-2018*/
    .searchWrapper.stickySearch {
        width: 33.3%;
    }
    .yourConeconTwo__list__TariffList {
        width: 100%;
    }
    .yourConeconTwo__list__Tariff input[type='radio']+label {
        padding-right: 20px;
    }
    .rechargeSec__bestOffers .slick-list {
        width: 85%;
        margin: 0 auto;
    }
    .rechargeSec__bestOffers .slick-prev {
        left: 0;
    }
    .rechargeSec__bestOffers .slick-next {
        right: 0;
    }
    .loginsec__left {
        padding-right: 0;
    }
    .header.mobileHeaderMenu, .inner-header.mobileHeaderMenu {
        display:block;
    }
    .header, .inner-header {
        display:none;
    }
    .menu li {
        margin: 0;
        padding:0;
        position:relative;
    }



    .menu li a {
        display:block;
        width:100%;
        padding: 12px 0px;
        border-bottom: 1px solid #ececec;
    }

    .menu li a:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 1px;
        background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
        background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
        background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
        background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

    .menu li:hover a:after {
        width: 100%;
    }

    .menu ul li:last-child, .supportLink {
        float:left;
        width: 100%;
        margin: 0;
        border-bottom: none;
        margin-bottom:10px;
    }
    .supportLink a{
         padding: 12px 0px;
         border-bottom: 1px solid #ececec;
         
    }
    .planTerms {
        left: 20px;
    }
    .loginsec__left .slick-dots {
        bottom: 20px;
    }

    .packChannelPopup .header_block{
        width: 100%;
        border:none;
        margin-bottom: 0px;
        padding:0px 0px 10px 6px;
    }

    .packChannelPopup .channel__list__container h2, .packChannelPopup .channel__list__container span.pckg__details{
        text-align:left;
        float:left;
        padding-bottom: 10px;
        margin-left:0;
    }

    .monthDurationList p:first-child{
        padding-left:0;
    }
    .monthDurationList{
        text-align:left;
        padding-top:0;
    }

    .monthDurationList p{
        margin-bottom:0;
    }

    .packChannelPopup .channel__list__container span.pckg__details{
        margin-bottom:0;
    }
    .SD_link_url {
        top: -134px!important;
        left: 87px!important;
        position: relative!important;
        width: 28px!important;
        height: 13px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -134px!important;
        left: 177px!important;
        position: relative!important;
        width: 28px!important;
        height: 13px!important;
        display: inline-block!important;
    }
   
}

@media screen and (max-width: 767px) {
	.help_intro_list ul li p{
		width: 80%;
	}
    .help-model-pope {
    width: 90%;
     }
    .text-t-right {
        text-align:left;
        margin-left:40px;
    }
    .text-t-left {
        margin-left:40px;
    }
    .bannerItem {
        -moz-background-size:100% 100%;
         background-size: 100% 100%;
         min-height: 300px;
    }
    .bigfntxs,
    .bannerHead,
    .valueSub h2,
    .downloadApp__content h2,
    .nearest__loactionPara,
    .mainHead,
    .inner-main__title,
    .addons-section__title,
    .addons-box__title,
    .qckrge__right h1,
    .inner-main h1 {
        font-size: 26px;
    }
    .bigfntxs small,
    .bannerHead small,
    .valueSub h2 small,
    .downloadApp__content h2 small,
    .nearest__loactionPara small,
    .mainHead small,
    .inner-main__title small,
    .addons-section__title small,
    .addons-box__title small,
    .qckrge__right h1 small,
    .inner-main h1 small {
        font-size: 24px;
    }
    .nearest__loactionLeftSec {
        padding-top: 25px;
    }
    .bannerItem {
        padding-bottom: 0px;
        margin-bottom: 0;
    }
    .bannerItem figure {
        text-align: center;
        display: block;
        width: 100%;
        padding-top: 30px;
    }
    .bannerItem figure [class*="col-sm-6"] {
        display: block;
        width: 100%;
        margin: 0 auto;
        float: left;
    }
    .bannerItem figure figcaption {
        padding-top: 10px;
    }
    .bannerItem figure figcaption .common-btn,
    .bannerItem figure figcaption .common-btn-medium,
    .bannerItem figure figcaption .common-btn-small,
    .bannerItem figure figcaption .common-btn-medium-greyBorder,
    .bannerItem figure figcaption .common-btn-medium-grey,
    .bannerItem figure figcaption input[type="submit"] {
        margin-top: 10px;
        position: static;
        padding: 20px 50px;
        margin-left: 0;
    }
    .bannerItem figure figcaption .bannerList li {
        font-size: 16px;
    }
    .banner .js-banner {
        margin-bottom: 0;
    }
    .banner .js-banner .slick-dots {
        bottom: 30px;
        left: 0;
        margin-left: 20px;
    }
    .bannerItem figure img {
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .bannerItem figure [class*="col-sm-6"] {
        padding-left: 0;
    }
    .nearest {
        padding-top: 10px;
        padding-bottom: 40px;
    }
    .nearest__loactionRightSec {
        display: none;
    }
    .nearest__loactionRecharge {
        margin-bottom: 20px;
    }
    .nearest__loactionForm {
        max-width: 100%;
    }
    .imageSlider {
        display: none;
    }
    .scrollTopanied .sunHigh__block {
        -webkit-animation: inherit;
        -moz-animation: inherit;
        -o-animation: inherit;
        animation: inherit;
        margin: 0 auto;
        position: static;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 40px 15px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        max-width: 100%;
        left: 0;
        right: 0;
        animation: inherit;
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .new__concStartup__wrapper h2 {
        font-size: 20px;
    }
    .new__concStartup__benifits {
        margin-bottom: 0;
    }
    .new__concStartup__intro p {
        padding: 25px 0px 0;
    }
    .yourConeconOne__list--none {
        margin-top: 0px;
    }
    .yourConeconOne .upgrade h2,
    .yourConeconOne .multiroom h2,
    .yourConeconOne .multiroom h2 {
        width: 100%;
    }
    .yourConeconOne .upgrade figcaption,
    .yourConeconOne .multiroom figcaption,
    .yourConeconOne .multiroom figcaption {
        width: 100%;
    }
    .qckrge {
        padding: 20px 0;
    }
    .exchangebox__sliderList__tableCol {
        display: block;
        left: 0;
    }
    .exchangebox__sliderBg {
        padding: 0px 15px 30px;
    }
    .about-topblock p,
    .mv-block p,
    .milestone-block p {
        font-size: 14px;
    }
    .mv-block {
        margin-bottom: 40px;
    }
    .mv-block h2,
    .milestone-block__title {
        font-size: 28px;
        margin: 0 auto 30px;
    }
    .milestone-block__subtitle {
        font-size: 18px;
    }
    .mv-box {
        margin: 0 auto 45px;
    }
    .mv-box__img {
        margin-bottom: 10px;
    }
    .mv-box__title {
        margin: 0 auto 10px;
    }
    .mv-box p {
        line-height: 18px;
    }
    .milestone__mainSec {
        margin: 100px 0 50px;
    }
    .milestone__grayImg {
        display: none;
    }
    .milestone__mainSec {
        border-top: 2px solid #E1E1E1;
    }
    .milestone__pinkCurve:before {
        top: -2px;
        background: transparent;
        border-top: 2px solid #FE6651;
    }
    .milestone__listSec li {
        width: 12px;
        height: 12px;
        top: -7px;
        bottom: inherit;
    }
    .milestone__listSec li:before {
        width: 24px;
        height: 24px;
        border: 2px solid #FE6651;
        top: -6px;
        left: -6px;
    }
    .milestone__pinkCurve.five {
        width: 100%;
    }
    .chennal-box__title {
        margin-bottom: 20px;
    }
    .hdmulti-block__col {
        margin-bottom: 50px;
    }
    .chennal-box {
        min-height: initial;
        margin: 0 auto 15px;
    }
    .hdmulti-block__title {
        font-size: 24px;
        margin: 0 auto 30px;
    }
    .hdmulti-block p {
        margin-bottom: 30px;
    }
    .hdmulti-block__list+p {
        margin-bottom: 10px;
    }
    .hdmulti-block__list {
        margin-bottom: 20px;
    }
    .hdmulti-section {
        padding-top: 0;
        padding-bottom: 0;
    }
    .hdmulti-block__list li {
        text-align: center;
    }
    .hdmulti-block__list li a {
        margin: 0;
    }
    .addons-block {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .addons-box {
        margin: 0 auto 20px;
        display: table;
        padding: 20px;
    }
    .addons-section__title {
        margin: 0 auto 30px;
    }
    .addons-box__title {
        font-size: 22px;
    }
    .addons-block.loading:after {
        height: 200px;
    }
    .chennal-topblock {
        margin: 20px auto 20px;
    }
    .chennal-menu li {
        float: none;
    }
    .chennal-menu li:after {
        width: 100%;
        height: 1px;
        position: absolute;
        top: 100%;
        right: 0;
    }
    .chennal-menu li a {
        padding: 15px 0;
    }
    /* Help Page css start */
    .help__secMain {
        padding: 30px 0;
    }
    .help__topSec {
        padding: 0 0 25px;
    }
    .help__topSec p {
        font-size: 14px;
        line-height: 22px;
        margin: 0;
    }
    .help__innerList, .help_intro_list ul {
        margin: 0 -10px;
    }
    .help_intro_list ul{
        display: block;
    }
    .help__innerList li, .help_intro_list ul li {
        width: 100%;
        float: none;
        padding: 0 10px;
    }
    .help_intro_list ul li{
        margin-bottom: 20px;
    }
    .help__innerList li a {
        padding: 20px 0;
    }
    .help__innerContent {
        margin-top: 20px;
        padding-right: 35px;
    }
    .help__innerList h5 {
        font-size: 18px;
        margin: 0 0 10px;
    }
    /*Policies*/
    .related_doc .doc_wrapper {
        width: 100%;
    }
    .thankyou__leftSec {
        padding-top: 30px;
    }
    .thankyou__leftSec h1 {
        font-size: 26px;
        margin: 15px 0 0;
    }
    .thankyou__leftSec h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .thankyou__tickImg {
        width: 40px;
    }
    .thankyou__rightSec {
        margin-top: 20px;
    }
    .thankyou__rightTopSec,
    .thankyou__rightBottomSec {
        padding: 25px 15px;
    }
    .thankyou__paymentSumm {
        font-size: 22px;
    }
    .thankyou__yourPayment {
        margin: 0 0 15px;
    }
    .thankyou__futurePurpose {
        padding-left: 0;
    }
    .thankyou__catchHeading {
        font-size: 24px;
    }
    .thankyou__topChannelsTxt {
        margin: 15px 0 2px;
    }
    .thankyou__threeChanges li {
        padding-bottom: 10px;
    }
    .thankyou__threeChanges li:last-child {
        padding-bottom: 0;
    }
    .subcribedtl-block h5 {
        margin-bottom: 25px;
    }
    .subcribedtl-block__holder {
        margin-bottom: 25px;
    }
    .subcribedtl-block h4 {
        font-size: 20px;
    }
    .addonpack-block {
        margin-top: 20px;
    }
    .print__Icon {
        margin-top: 5px;
        margin-left: 5px;
    }
    .print__IconMail {
        margin-top: 8px;
    }
    .faqs h1 {
        margin-bottom: 30px;
    }
    .faqs__titleName {
        padding: 15px 0 6px 0;
    }
    .faqs__title h3 {
        font-size: 16px;
    }
    .faqs__inner p {
        font-size: 14px;
    }
    .faqs__title .arrow {
        top: 22px;
    }
    .sunHD__features__Cont {
        margin-bottom: 25px;
    }
    .sunHD__FAQ {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sunHD__brief {
        margin: 0 auto 20px;
    }
    .sunHD__FAQ__Cont {
        padding: 20px 0 10px;
    }
    .sunHD__FAQ__Cont h2 {
        margin-top: 0;
    }
    .sunHD__benifits__Cont {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
    .sunHD__FAQ__Cont .need__Cont h3:before {
        font-size: 28px;
    }
    .sunHD__features .col-sm-6:first-child:after {
        content: none;
    }
    /** My Profile and Recharge Plan **/
    .myaccsec {
        padding-bottom: 20px;
        background: #f3f5fb;
        /* Old browsers */
        background: -moz-linear-gradient(top, #f3f5fb 10%, white 10%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #f3f5fb 10%, white 10%);
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f3f5fb), color-stop(10%, white));
        background: -o-linear-gradient(top, #f3f5fb 10%, white 10%);
        background: linear-gradient(to bottom, #f3f5fb 10%, white 10%);
    }
    .myaccsec .col-lg-5 {
        background: #f3f5fb;
    }
    .myaccsec:before {
        width: 100%;
        height: 350px;
    }
    .innerDetails {
        padding-top: 15px;
    }
    .rechargeSec {
        padding-bottom: 0;
    }
    .rechargeSec__bestOffers li {
        width: 50%;
        padding-right: 25px;
    }
    .rechargeSec__planDet {
        width: 100%;
    }
    .rechargeSec__subsDet {
        width: 100%;
        float: none;
        padding-bottom: 30px;
    }
    .myTransaction table th a:after {
        position: relative;
        margin-left: 10px;
        display: inline-block;
        top: -2px;
    }
    .addons-box {
        width: 100%;
        max-width: 100%;
    }
    .signup__leftSec {
        padding: 20px 0 10px;
    }
    .signup__leftSec h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .signup__leftSecPara {
        font-size: 18px;
        line-height: 22px;
    }
    .signup__innerLists li {
        padding: 0 5px 15px;
    }
    .signup__imageLists {
        height: 160px;
    }
    .signup__imageLists p {
        font-size: 13px;
        line-height: 16px;
        margin: 5px 0 0;
    }
    .signup__rightSec h1 {
        line-height: 30px;
        margin-bottom: 30px;
    }
    .addons-box__navlist,
    .chennal-section {
        margin-bottom: 30px;
    }
    .chennalpack-block .row {
        display: block;
    }
    .addons-box__btn {
        max-width: 175px;
    }
    .cartesection__rightsection,
    .cartesection__leftsection {
        width: 100%;
    }
    .cartesection__channesec .addons-box__btn {
        max-width: 195px;
    }
    .cartesection__channesec .addons-box__pluseclick {
        float: left;
    }
    .cartesection__leftsection ul {
        display: none;
        border: 1px solid #ccc;
        padding: 15px 15px 0;
    }
    .cartesection__mobileNav {
        display: block;
        font-size: 18px;
        font-family: "Montserrat-Medium";
        line-height: 18px;
        text-align: left;
        padding: 15px;
        color: #fff;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        position: relative;
    }
    .cartesection__mobileNav:after {
        content: '';
        position: absolute;
        right: 21px;
        top: 12px;
        width: 12px;
        height: 12px;
        border-bottom: solid 2px #FFF;
        border-right: solid 2px #FFF;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        -moz-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    .cartesection__mobileNav.active:after {
        -webkit-transform: rotate(-134deg);
        -moz-transform: rotate(-134deg);
        -ms-transform: rotate(-134deg);
        -o-transform: rotate(-134deg);
        transform: rotate(-134deg);
        top: 18px;
    }
    .cartesection__channellist {
        width: 100%;
    }
    .cartesection__rightsection {
        width: 100%;
    }
    .addons-boxWrap {
        min-height: 230px;
    }
    .search-box {
        width: 100%;
        padding-right: 0;
    }
    .searchWrapper .list-group.list-group-search {
        right: 0;
        width: 92%;
    }
    .search-box input {
        padding: 12px 20px;
    }
    /*Chennal pack addons start*/
    .cartesection__channellist {
        width: 100%;
    }
    .cartesection__rightsection {
        width: 100%;
    }
    .addons-boxWrap {
        min-height: 230px;
    }
    /*Chennal pack addons end*/
    /* compare chennal*/
    .planpack__headerInner h2,
    .planpack__bestpack h2 {
        font-size: 16px;
    }
    .planpack-box__rate {
        font-size: 20px;
    }
    .planpack__channelLanguage,
    .planpack__channelTitle {
        line-height: 20px;
		text-align:center;
    }
    .plandtl-block {
        overflow-x: scroll;
    }
    .planpack-box__tv {
    width: 100%;
	}
    .planpack .common-btn-medium,
    .planpack .common-btn-small,
    .planpack .common-btn-medium-greyBorder,
    .planpack .common-btn-medium-grey,
    .planpack input[type="submit"] {
        padding: 12px 20px;
    }
    .planpack-box__rate span+span {
        font-size: 11px;
    }
    .planpack__channelLanguage:before {
        top: 0;
    }
    /*12-01-2018*/
    /* pre login style anfd home 12-01-2017 */
    .nearest__loactionInput,
    .nearest__loactionBtn {
        height: 60px;
    }
    .nearest__loactionInput::-webkit-input-placeholder {
        font-size: 14px;
    }
    .nearest__loactionInput::-moz-placeholder {
        font-size: 14px;
    }
    .nearest__loactionInput:-ms-input-placeholder {
        font-size: 14px;
    }
    .nearest__loactionInput:-moz-placeholder {
        font-size: 14px;
    }
    .nearest__loactionInput {
        font-size: 14px;
    }
    .autocom .ng-not-empty+.list-group {
        z-index: 99;
        position: absolute;
        top: 59px;
        margin-top: 1px;
    }
    .nearest {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .hdmulti-block__title {
        padding-left: 80px;
    }
    .hdmulti-block__title:before {
        top: -18px;
    }
    .hdmulti-block__col {
        text-align: center;
    }
    /* footer */
    .footer {
        padding: 30px 0px 0px 0px;
    }
    /* pre login style anfd home 12-01-2017 */
    .chennal-stripName {
        display: block;
    }
    .chennal-menu {
        display: none;
        width: 100%;
        margin-bottom: 0;
    }
    .packageError {
        margin-top: 50px;
    }
    .yourConeconOne__listImg {
        width: 100%;
    }
    /*12-01-2018*/
    .chennal-menu,
    .list-inline {
        display: none;
        width: 100%;
        margin-bottom: 0;
        margin-top: 0 !important;
    }
    .yourConecon .list-inline li {
        float: none;
        display: block;
        position: relative;
        font-size: 14px;
        border-right: 0px solid transparent;
        border-bottom: 1px solid #acacac;
    }
    .list-inline li a {
        padding: 15px 0;
        display: block;
    }
    /*12-01-2018*/
    .cartesection__channellist {
        width: 100%;
    }
    .cartesection__rightsection {
        width: 100%;
    }
    .addons-boxWrap {
        min-height: 230px;
    }
    .addons-box__btn {
        max-width: 185px;
    }
    .cartesection__channellist {
        width: 100%;
    }
    .cartesection__rightsection {
        width: 100%;
    }
    .addons-box__pluseclick {
        margin-left: 10px;
    }
    .addons-box__navlist {
        margin-bottom: 15px;
    }
    .search-box {
        width: 100%;
        padding-right: 0;
    }
    /* .searchWrapper .list-group.list-group-search {
        right: 0;
        width: 92%;
        top: 45px;
    } */
    .search-box input {
        padding: 12px 20px;
    }
    /* 10-01-18 */
    .chennal-stripName {
        display: block;
    }
    .chennal-menu {
        display: none;
        width: 100%;
        margin-bottom: 0;
    }
    .yourConecon .chennal-stripName.active+.chennal-menu {
        margin-top: 0;
    }
    .yourConecon .chennal-stripName.active {
        margin-bottom: 0;
    }
    .packageError {
        margin-top: 50px;
    }
    .yourConeconTwo .chennal-stripName {
        margin-bottom: 20px;
    }
    /* 10-01-18 */
    /* 12-01-18 */
    .yourConeconOne__listImg {
        width: 100%;
    }
    .alert-compare {
        top: 80px;
        bottom: auto;
    }
    .compareSelect {
        padding: 0;
    }
    .compareSelect .compareChannel {
        width: 40%;
        margin: 20px;
        float: left;
        padding: 10px;
        min-height: 75px;
    }
    .compareSelect .compareChannel h2 {
        font-size: 15px;
    }
    .compareSelect .compareChannel span.pckg__details {
        font-size: 14px;
    }
    #totalPurchased h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    #totalPurchased .addonpackWarapper>h2 {
        font-size: 16px;
    }
    /* 12-01-18 */
    /*16-01-2018*/
    .nearest__loactionRightSec div.icon-center {
        background: url(../images/gradientHeadicon.png) no-repeat center;
    }
    .nearest__loactionRightSec .icon-center {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 7%;
        bottom: auto;
        margin: auto;
        border: none;
        transition: all 1s;
    }
    /*
	.nearest__loactionRightSec .icon-center.active {
		 right:40%;
		 transition:all 1s;
	}
*/
    .nearest__loactionRightSec .icon-center.active .nearest__address {
        position: absolute;
        top: 100%;
        left: -100%;
        width: 220px;
        margin-top: 15px;
        margin-left: 0;
        transition: all 1s;
    }
    .nearest__loactionRightSec {
        height: 220px;
        width: 100%;
        background: none;
        float: left;
        display: block;
        transform: none;
    }
    .nearest__loactionRightSec .icon-loaction1,
    .nearest__locationBg,
    .nearest__loactionRightSec .icon-loaction2,
    .nearest__loactionRightSec .icon-loaction3 {
        display: none;
    }
    .list-group.list-group-home {
        position: absolute;
        top: 59px;
    }
    /*16-01-2018*/
    .offerregsec__Type .tab-content {
        padding-top: 20px;
    }
    .offerregsec__Type .nav-tabs .nav-item {
        margin: 0;
        font-size: 14px;
    }
    .offerregsec__Type .nav-tabs .nav-item a {
        padding: 10px;
    }
    .setipLeRi:before,
    .setipLeRi:after {
        content: none;
    }
    .searchWrapper.stickySearch {
        width: 100%;
        left: 0;
		top: 0;
    }
    .addons-section .stickySearch .search-box {
        padding-left: 20px;
        padding-right: 20px;
    }
    .searchWrapper.stickySearch .searchImgWrap {
        display: none;
    }
    .searchWrapper .list-group.list-group-search {
        right: 0;
        width: 90%;
        top: 45px;
    }
    .searchWrapper.stickySearch .list-group.list-group-search {
        top: 69px;
        width:78%;
    }
    .yourConeconTwo__list__Tariff input[type='radio']+label {
        text-align: left;
        padding-right: 0;
        padding-left: 27px;
    }
    .rechargeSec__bestOffers .slick-list {
        margin: 0 auto;
    }
    .qckrge__left .bannerItem, .loginsec__left .bannerItem {
        background-size: 100% 100%;
        height: 300px;
        min-height: 300px;
    }
    .monthDurationList p {
        margin-bottom: 0;
        padding: 0;
        border: none;
        display: block;
		line-height: 22px;
    }
    .packChannelPopup .channel__list__container h2{
        width:80%;
    }
    .SD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    
}

@media screen and (max-width: 600px) {
    .valueSub__list li {
        width: 50%;
        padding: 24px 15px;
        min-height: 120px;
    }
    .valueSub__list li:nth-last-child(-n+2) {
        border-bottom: 1px solid transparent;
    }
    .valueSub__list li:nth-child(3) {
        border-left: 1px solid transparent;
    }
    .downloadApp h2 {
        margin-bottom: 30px;
    }
    .downloadApp ul {
        margin-bottom: 20px;
    }
    .downloadApp li {
        width: 100%;
        position: relative;
        padding-left: 40px;
        margin-bottom: 15px;
    }
    .downloadApp li [class*="icon-"] {
        display: inline-block;
        position: absolute;
        left: 0;
    }
    .downloadApp .appplaybtn a {
        /*width: 100%;*/
        padding-left: 0;
        padding-bottom: 10px;
    }
    .sunHigh__block li {
        width: 50%;
        float: left;
    }
    .sunHigh__block li:last-child {
        padding-right: 0;
    }
    .sunHigh__block li span {
        font-size: 12px;
    }
    .yourConeconOne__list figure,
    .yourConeconTwo__list figure {
        padding: 30px;
        display: block;
        min-height: 100px;
        float: left;
    }
    .yourConeconOne__list--none figure {
        padding-bottom: 50px;
    }
    .yourConeconOne__listImg,
    .yourConeconOne__list figcaption,
    .yourConeconTwo__list figcaption {
        width: 100%;
        float: left;
    }
    .yourConeconOne__listImg {
        padding-right: 0;
        margin-bottom: 0px;
    }
    .yourConeconOne__list--none .yourConeconOne__listImg {
        width: 100%;
        text-align: left;
        margin-bottom: 8px;
    }
    .yourConeconOne__listImg,
    .yourConeconOne__list figcaption,
    .yourConeconTwo__list figcaption {
        padding-left: 0;
    }
    .yourConeconOne__list--none .yourConeconOne__listImg strong {
        min-height: 100px;
        margin-bottom: 14px;
    }
    .yourConeconOne__list--none figure {
        padding-bottom: 50px;
    }
    .yourConeconOne__list--none .common-btn,
    .yourConeconOne__list--none .common-btn-medium,
    .yourConeconOne__list--none .common-btn-small,
    .yourConeconOne__list--none .common-btn-medium-greyBorder,
    .yourConeconOne__list--none .common-btn-medium-grey,
    .yourConeconOne__list--none input[type="submit"] {
        position: absolute;
        bottom: 0;
    }
    .connection-menu {
        width: 100%;
    }
    .tvbox {
        width: 450px;
        height: 335px;
    }
    .tvbox__screen {
        width: 278px;
        height: 164px;
        left: -16px;
        top: 30px;
    }
    .hdmulti-block__list li {
        float: none;
        width: 100%;
        margin-bottom: 0;
        text-align: center;
        border-bottom: 1px solid #efefef;
        padding: 20px 0;
    }
    .hdmulti-block__list li:after {
        content: none;
    }
    .hdmulti-block__list li:last-child {
        border: none;
    }
    .addons-box {
        width: 100%;
    }
    .cartesection__channes {
        display: block;
    }
    .cartesection__channellist {
        width: 100%;
    }
    .cartesection__channesec .addons-box__btn {
        max-width: 195px;
    }
    .cartesection__channesec .addons-box__pluseclick {
        float: left;
    }
    /*18-01-2018*/
    .changeBase .yourConeconOne__listWrap {
        width: 50%;
        margin: 0 0 0 20px;
    }
    .changeBase .yourConeconOne__listWrap figcaption {
        float: none;
    }
    /*18-01-2018*/
    /*31-02-2018*/
    .valueSub__content figure img {
        float: none;
        width: 276px;
        margin: 10px auto;
        display: block;
        background-image:linear-gradient(to right, #F74278, #FF7A36);
    }
    .valueSub__content figcaption {
        color: #000;
        margin: 0 auto;
        float: none;
        max-width: 320px;
        display: block;
    }
    .common-btn.transparent-btn {
        padding:20px;
        width:180px;
    }
    .SD_link_url {
        top: -113px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -113px!important;
        left: 153px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    /*31-02-2018*/
 
}

@media screen and (max-width: 490px) {
    .addons-box__navlist li a {
        font-size: 14px;
        padding: 10px 4px;
    }
    .cartesection__packHD {
        text-align: left;
    }
    .cartesection__packHD li {
        display: inline-block;
        padding-right: 0;
        width: 50%;
    }
    .yourConeconTwo__list__inner {
        padding: 20px;
    }
    .yourConeconOne__list figure {
        padding: 0px;
    }
    .yourConeconTwo__list figure {
        padding: 30px;
    }
    /*11-01-2018*/
    #toast {
        margin: 0px auto 15px auto;
        float: none;
        height: 41px;
        width: 220px;
    }
    #toast .toastMsg {
        padding: 12px;
    }
    .addon-proceed .common-btn-small {
        float: none;
    }
    .cancel span:nth-child(2) {
        display: none;
    }
    .channel__compare:before,
    .channel__list:before,
    .channel__list:before {
        width: 99%;
    }
    /*12-01-2018*/
    .yourConeconTwo__list__inner {
        padding: 20px;
    }
    .yourConeconOne__list figure {
        padding: 0px;
    }
    .yourConeconTwo__list figure {
        padding: 30px;
    }
    #totalPurchased h2 {
        font-size: 18px;
        padding-right: 20px;
    }
    #totalPurchased .addonpackWarapper>h2 {
        font-size: 14px;
    }
    .addonpack-col h3 {
        font-size: 11px;
    }
    .addonpack-col a {
        margin-left: 5px;
    }
    .addonpack-col p {
        font-size: 10px;
    }
    .addonpack-col {
        width: 100%;
        margin-bottom: 0;
    }
    .menuButtons {
        margin: 10px auto;
        float: none;
        text-align: center;
    }
    .menuButtons .common-btn-small {
        margin-bottom: 10px;
        min-width: 200px;
        float: none;
        margin: 5px auto;
    }
    .SD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -83px!important;
        left: 87px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    
}

@media screen and (max-width: 480px) {
    .exchangebox h2 {
        font-size: 18px;
    }
    .exchangebox__sliderList__tableCol h3 {
        font-size: 50px;
    }
    .exchangebox__sliderList__tableCol .exchangebox__hdtxt {
        font-size: 40px;
    }
    .exchangebox__sliderList__tableCol .exchangebox__hdtxt small {
        font-size: 18px;
    }
    .exchangebox__sliderList__also h4 {
        font-size: 18px;
    }
    .exchangebox__sliderList__also span {
        font-size: 14px;
    }
    .qckrge__btn {
        bottom: -14px;
        width: 180px;
    }
    .qckrge__btnlogin {
        font-size: 24px;
    }
    /** My Profile and Recharge Plan**/
    .rechargeSec__bestOffers li {
        width: 100%;
    }
    .js--tableScrollmob table {
        width: 480px;
        max-width: 100%;
    }
    .myProfile__input {
        max-width: 140px;
    }
    .myProfile__save .myProfile__btn {
        min-width: 140px;
    }
    .addonpack-col {
        width: 100%;
    }
    .addonpack-block__bottom h3 {
        width: 50%;
    }
    .offerregsec__Type .nav-tabs {
        display: table;
    }
    .offerregsec__Type .nav-tabs .nav-item {
        font-size: 10px;
        display: table-cell;
    }
    /*18-01-2018*/
    .yourConeconOne__wrappper .common-btn {
        left: 20%;
    }
    .alert-compare {
        width: 90%;
        height: 120px;
    }
    .addonpack-block__bottom .addOnSumForm .common-btn-small {
        margin-top: 15px;
    }
    .SD_link_url {
        top: -75px!important;
        left: 73px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -75px!important;
        left: 127px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    
}

@media screen and (max-width: 400px) {
    /*12-01-2018*/
    .compareSelect .compareChannel {
        width: 90%;
        margin-bottom: 0;
    }
    .compareSelect .compare-btn {
        margin-top: 10px;
    }
    .yourConeconTwo__list__Tariff,
    .compare__check {
        padding-left: 50px;
        display: block;
    }
    .form__container .connection__agree {
        padding-top: 10px;
    }
    /*18-01-2018*/
    .changeBase .yourConeconOne__listWrap {
        width: 100%;
    }
    .changeBase .yourConeconOne__list figure {
        min-height: 100px;
    }
    /*18-01-2018*/
    .addons-box__colright {
        width: 100%;
        display: inline-block;
    }
     .menuHead p {
        height: 90%;
    }
    .nav-tabs > li > a {
        font-size:12px;
        padding:8px;
    }
     .myTransaction th {
        font-size: 13px;
    }
    .qckrge__left .bannerItem, .loginsec__left .bannerItem {
        height: 250px;
        min-height: 250px;
    }
    .SD_link_url {
        top: -73px!important;
        left: 67px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    .HD_link_url {
        top: -73px!important;
        left: 117px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
    
}

@media screen and (max-width: 360px) {
    .addons-boxPad {
        min-width: 275px;
    }
    .addons-box__navlist li a {
        font-size: 11px;
        padding: 10px 2px;
    }
    .yourConeconTwo__list__Tariff {
        padding-left: 0;
    }
    .myTransaction table tr td {
        font-size: 12px;
    }
    .summary .addonpack-block__bottom .common_input input {
        width: 300px;
    }
    .summary .gradientHead {
        font-size: 25px;
    }
   .SD_link_url {
        top: -70px!important;
        left: 70px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
   .HD_link_url {
        top: -69px!important;
        left: 115px!important;
        position: relative!important;
        width: 20px!important;
        height: 8px!important;
        display: inline-block!important;
    }
   
}


/*.nearest__locationBg {*/


/*    display: none;*/


/*}*/


/**/


/*.nearest__loactionRightSec {*/


/*    background: none;*/


/*}*/

.pulse-container{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

.pulse-box {
    float: none;
    width: 100%;
    height: 673px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* pulse in SVG */

svg.pulse-svg {
    overflow: visible;
}

svg.pulse-svg .first-circle,
svg.pulse-svg .second-circle,
svg.pulse-svg .third-circle,
svg.pulse-svg .fourth-circle,
svg.pulse-svg .fifth-circle {
    stroke: #FF6347;
    stroke-width: 0.4px;
    stroke-opacity: 1;
    transform: scale(0.5);
    transform-origin: center center;
    animation: pulse-me 5.5s ease-in-out infinite;
    animation-fill-mode: forwards;
    fill: transparent;
}

svg.pulse-svg .second-circle {
    animation-delay: 1s;
}

svg.pulse-svg .third-circle {
    animation-delay: 2s;
}

svg.pulse-svg .fourth-circle {
    animation-delay: 3s;
}

svg.pulse-svg .fifth-circle {
    animation-delay: 4.5s;
    /* animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    /* Safari 4.0 - 8.0 
    animation-direction: alternate; */
}

@keyframes pulse-me {
    /* 0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 0.1;
    }
    70% {
        opacity: 0.09;
    }
    100% {
        transform: scale(5);
        opacity: 0;
    } */
    0% {
        stroke-opacity: 0.2;
        transform: scale(0.5);
    }
    50% {
        stroke-opacity: 0.3;
    }
    70% {
        stroke-opacity: 0.6;
    }
    100% {
        stroke-opacity: 0;
        transform: scale(4.2);
    }
    /* from {
        stroke-opacity: 1;
        transform: scale(0.5);
    }
    to {
        stroke-opacity: 0;
        transform: scale(5);
    } */
}

.sunDirect_Contact{
cursor:default;
}


/*-------animate----*/
@keyframes Circlered{
	0%{
		transform: translate(4px,0px);
	}
	12%{
		transform: translate(2px,2px);
	}
	25%{ 
		transform: translate(0,4px);
	}
	37%{ 
		transform: translate(-2px,2px);
	}
	50%{
		transform: translate(-4px,0px);
	}
	62%{
		transform: translate(-2px,-2px);
	}
	75%{
		transform: translate(0px,-4px);
	}
	87%{
		transform: translate(2px,-2px);
	}
	100%{		
		transform: translate(4px,0px);
	}
}
@-webkit-keyframes Circlered{
	0%{
		-webkit-transform: translate(4px,0px);
	}
	12%{
		-webkit-transform: translate(2px,2px);
	}
	25%{ 
		-webkit-transform: translate(0,4px);
	}
	37%{ 
		-webkit-transform: translate(-2px,2px);
	}
	50%{
		-webkit-transform: translate(-4px,0px);
	}
	62%{
		-webkit-transform: translate(-2px,-2px);
	}
	75%{
		-webkit-transform: translate(0px,-4px);
	}
	87%{
		-webkit-transform: translate(2px,-2px);
	}
	100%{		
		-webkit-transform: translate(4px,0px);
	}
}
@-moz-keyframes Circlered{
	0%{
		-moz-transform: translate(4px,0px);
	}
	12%{
		-moz-transform: translate(2px,2px);
	}
	25%{ 
		-moz-transform: translate(0,4px);
	}
	37%{ 
		-moz-transform: translate(-2px,2px);
	}
	50%{
		-moz-transform: translate(-4px,0px);
	}
	62%{
		-moz-transform: translate(-2px,-2px);
	}
	75%{
		-moz-transform: translate(0px,-4px);
	}
	87%{
		-moz-transform: translate(2px,-2px);
	}
	100%{		
		-moz-transform: translate(4px,0px);
	}
}
@-ms-keyframes Circlered{
	0%{
		-ms-transform: translate(4px,0px);
	}
	12%{
		-ms-transform: translate(2px,2px);
	}
	25%{ 
		-ms-transform: translate(0,4px);
	}
	37%{ 
		-ms-transform: translate(-2px,2px);
	}
	50%{
		-ms-transform: translate(-4px,0px);
	}
	62%{
		-ms-transform: translate(-2px,-2px);
	}
	75%{
		-ms-transform: translate(0px,-4px);
	}
	87%{
		-ms-transform: translate(2px,-2px);
	}
	100%{		
		-ms-transform: translate(4px,0px);
	}
}
@-o-keyframes Circlered{
	0%{
		-o-transform: translate(4px,0px);
	}
	12%{
		-o-transform: translate(2px,2px);
	}
	25%{ 
		-o-transform: translate(0,4px);
	}
	37%{ 
		-o-transform: translate(-2px,2px);
	}
	50%{
		-o-transform: translate(-4px,0px);
	}
	62%{
		-o-transform: translate(-2px,-2px);
	}
	75%{
		-o-transform: translate(0px,-4px);
	}
	87%{
		-o-transform: translate(2px,-2px);
	}
	100%{		
		-o-transform: translate(4px,0px);
	}
}



#remarksinfo {
    background:#fafafa;
}

.chat-sticky{
      position: fixed;
    bottom: -16px;
    right: -12px;
    width: auto;
    padding: 0;
    z-index: 99;
}
.chat-sticky img{
    max-width:90px
}

@media (max-width: 991px) {
 
    .footer__social {
        float:left
    }
}

.calcent_table {
    height: 250px; 
    width: 750px;
}


@media screen and (max-width: 480px) {
    .calcent_table {
        width: 320px;
    }
}



@media screen and (max-width: 480px) {
    .swap-main-div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        /* optional */
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .swap-main-div .swap-first-div {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
            width: 100%;
        }

        .swap-main-div .swap-second-div {
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
        }
    .qckrge__right .packageName {
        padding-right:0px;
    }
    .expdate {
        top: 13px;
        width: 100%;
        font-size: 14px;
    }
    .quick_acbal {
        width: 129px;
        display: inline-block;
        margin-left: 10px;
    }
    .qck_subcharg {
        width: 165px;
        display: inline-block;
        margin-left: 5px;
    }
    .qckrge__right h3 span {
        font-size:20px;
    }
    .qckrge__right h3 small {
        font-size:13px;
    }
   
}
.qck_username {
    
    font-size: 18px;
}
.expdate {
    float: right;
    position: relative;
    color: #797979;

}
.quick_acbal {
    width: 46%;
    display: inline-block;
    margin-left: 10px;
}
    .qck_subcharg {
        width: 46%;
        display: inline-block;
        margin-left: 5px;
    }

/*-----------FAQ Styles---------------*/


.faqs__accordions {
    padding-left:20px;
}
.faqactive_style li.active a{
    border:solid 1px #F74278;
}
.faq_container {
    width:70% !important;
    
}

.faq_span a span {
    color: #797979;
    position: relative;
    top: 101px;
}
.faq_span {
    width:179px !important;
    margin-right: 133px !important;
   }
.faq_span a{
    width:179px;
    /*margin-left:65px;
    margin-right:45px;*/
    left:68px;
}

.faq_content {
    display: inline-block;
    text-align: left;
     /*background: url(../images/faqback.png) no-repeat center;
     background-size:cover;*/
    background: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(20%, #F8F8FF),color-stop(80%, #F8F8FF), to(#ffffff));
    background: -webkit-linear-gradient(right, #ffffff 0%, #F8F8FF 20%,#F8F8FF 80%, #ffffff 100%);
    background: -moz-linear-gradient(right, #ffffff 0%, #F8F8FF 20%,#F8F8FF 80%, #ffffff 100%);
    background: -o-linear-gradient(right, #ffffff 0%, #F8F8FF 20%,#F8F8FF 80%, #ffffff 100%);
    background: linear-gradient(right, #ffffff 0%, #F8F8FF 20%,#F8F8FF 80%, #ffffff 100%);
    
}

@media screen and (max-width: 991px) {
    .faq_container {
        width: 100% !important;
    }
     .faq_span {
        width: 98px !important;
        margin-right: 121px !important;
    }
    .trblsh_pop {
        width: 100% !important;
    }     
}

@media screen and (max-width: 360px) {
    .faq_span {
        width: 224px !important;
        margin-right: 121px !important;
    }
     .modal-bodysmc {
        position: relative!important;
        z-index:1054;
        left:-20px!important;
        bottom:-20px;
   } 
}
@media screen and (max-width: 320px) {
    .faq_span {
        width: 177px !important;
        margin-right: 121px !important;
    }
     .modal-bodysmc {
        position: relative!important;
        z-index:1054;
        left:-20px!important;
        bottom:-20px;
   } 
}
@media (min-width: 361px) and (max-width: 480px) {
    .faq_span {
        width: 284px !important;
        margin-right: 121px !important;
    }
      .modal-bodysmc {
        position: relative!important;
        z-index:1054;
        left:-20px!important;
        bottom:-20px;
   } 
}


.faq_span a img {
  width:50%;
}

.modal-close {
    background: url(../images/close-btn.png) no-repeat center;
    font-size:32px;
    color:#fff;
    width:32px;
    height:32px;
}
.faq_span .faq-main {
  width: 150px;
  height: 120px;
  display: inline-block;
  position: relative;
    top: -13px;
}
.faq_span #FAQ_prod .faq-main {
  background: url(../images/prod_fq.png) no-repeat center;
  background-size: 69px;
 }
.faq_span.active #FAQ_prod .faq-main {
  background: url(../images/prod_fq_active.png) no-repeat center;
  background-size: 69px;
}
.faq_span #FAQ_accou .faq-main {
  background: url(../images/account_faq.png) no-repeat center;
  background-size: 69px;
  
}
.faq_span.active #FAQ_accou .faq-main {
  background: url(../images/account_faq_active.png) no-repeat center;
  background-size: 69px;
  
}
.faq_span #FAQ_tech .faq-main {
  background: url(../images/tech_faq.png) no-repeat center;
  background-size: 69px;
  
}
.faq_span.active #FAQ_tech .faq-main {
  background: url(../images/tech_faq_active.png) no-repeat center;
  background-size: 69px;
  
}
.faq_span #FAQ_dest_resell .faq-main {
  background: url(../images/cust_faq.png) no-repeat center;
  background-size: 69px;
  
}
.faq_span.active #FAQ_dest_resell .faq-main {
  background: url(../images/cust_faq_active.png) no-repeat center;
  background-size: 69px;
  
}
.trblsh_pop {
    width:55%;
}

#upresultdiv {
    padding-bottom: 0px;
    width: 83%;
    position: relative;
    left: 129px;
    top: 0px;
    text-align: center;
}
.btnupgrade{
    position: relative;
    top: -116px;
    left: -328px;
    padding: 7px;
}

@media screen and (max-width: 991px) {
    .btnupgrade {
        display:none;
    }
    .newconnboxType{
    font-family: Montserrat-Light;
    font-size: 20px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxmodel{
    font-family: Montserrat-Regular;
    font-size: 15px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxcontent{
    font-family: Montserrat-Light;
    font-size: 10px!important;
    background-image: -webkit-gradient(linear, right top, left top, from(#a8a9ad), color-stop(50%, #a8a9ad), to(#a8a9ad));
    background-image: -webkit-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -moz-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -o-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: linear-gradient(right, #a8a9ad 0%, #ccc 50%, #a8a9ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #6e6e6e;
    -moz-background-clip: text;
    -moz-text-fill-color: #6e6e6e;
    -ms-background-clip: text;
    -ms-text-fill-color: #6e6e6e;
    top:30px;
    width:50%;
    position:relative;
    left:40px;
    display:inline-block;
    line-height:24px!important;
}
.newboxproduct{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:35px!important;
    display:inline-block;
}
.newboxproductHD{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:100px!important;
    display:inline-block;
}
.newboxsplit{
    top:50px!important;
    position:relative;
    left:40px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:20px!important;
}
.newboxcost{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:10px!important;
    /*display:inline-block;*/
}
.newboxcostHD{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:73px!important;
    /*display:inline-block;*/
}
.newboxbuybtn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:38px!important;
    left:-45px!important;
    font-size:10px;
    /*display:inline-block;*/
}
.newboxbuybtnHD{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:38px!important;
    left:25px!important;
    font-size:10px;
    /*display:inline-block;*/
}
.newboxsplitHD{
    top:50px!important;
    position:relative;
    left:108px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;    
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:-144px!important;
}
.newconnbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    font-weight:bold;
    text-decoration-color:#949494;
    text-align:center;
    background-color: #E6E7E9;  
    position:absolute;    
    display:inline-block;
    bottom:0px;
    height:50px;
    width:50%;
}
.newconngstbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
}
.newconngstbottomtext{
    font-family: Montserrat-Light;
    font-size: 12px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
    width:109px!important;
    top:-13px!important;
}
.newconnheight{
    height:289px!important;
}
.newconnbottomtext{
    height:50px!important;
    top:5px!important;
    position:relative;
    font-size:12px!important;
}
.newboxbuybtnEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 4px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:39px!important;
    left:-47px!important;
    font-size:10px!important;
    /*display:inline-block;*/
}
.newboxbuybtnHDEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 4px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:39px!important;
    left:18px!important;
    font-size:10px!important;
    /*display:inline-block;*/
}
.newboxsplitHDOut{
    top:50px!important;
    position:relative;
    left:122px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;    
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:-144px!important;
}
.newboxproductHDOut{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:115px!important;
    display:inline-block;
}
.newboxcostHDOut{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:88px!important;
    /*display:inline-block;*/
}
}



@media screen and (max-width: 480px) {
    .network_leftmenu {
        width: 100% !important;
    }
    .network_rightmenu {
        width: 100% !important;
    }
    .newconnboxType{
    font-family: Montserrat-Light;
    font-size: 20px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxmodel{
    font-family: Montserrat-Regular;
    font-size: 15px!important;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxcontent{
    font-family: Montserrat-Light;
    font-size: 9px!important;
    background-image: -webkit-gradient(linear, right top, left top, from(#a8a9ad), color-stop(50%, #a8a9ad), to(#a8a9ad));
    background-image: -webkit-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -moz-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -o-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: linear-gradient(right, #a8a9ad 0%, #ccc 50%, #a8a9ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #6e6e6e;
    -moz-background-clip: text;
    -moz-text-fill-color: #6e6e6e;
    -ms-background-clip: text;
    -ms-text-fill-color: #6e6e6e;
    top:30px!important;
    width:47%!important;
    position:relative;
    left:20px!important;
    display:inline-block;
    line-height:17px!important;
}
.newboxproduct{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:22px!important;
    display:inline-block;
}
.newboxproductHD{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:65px!important;
    display:inline-block;
}
.newboxsplit{
    top:41px!important;
    position:relative;
    left:27px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;
    margin-left: -3px;
    width:10px;
    padding-left:0px;
    margin-left:-9px!important;
}
.newboxcost{
    font-family: Montserrat-Light;
    font-size: 12px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:-3px!important;
    /*display:inline-block;*/
}
.newboxcostHD{
    font-family: Montserrat-Light;
    font-size: 12px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:38px!important;
    /*display:inline-block;*/
}
.newboxbuybtn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:32px!important;
    left:-55px!important;
    font-size:10px;
    /*display:inline-block;*/
}
.newboxbuybtnHD{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 8px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:32px!important;
    left:16px!important;
    font-size:10px;
    /*display:inline-block;*/
}
.newboxsplitHD{
    top:41px!important;
    position:relative;
    left:76px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;    
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:-123px!important;
}
.newconnbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    font-weight:bold;
    text-decoration-color:#949494;
    text-align:center;
    background-color: #E6E7E9;  
    position:absolute;    
    display:inline-block;
    bottom:0px;
    height:50px;
    width:50%;
}
.newconngstbottomcontent{
    font-family: Montserrat-Light;
    font-size: 8px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
}
.newconngstbottomtext{
    font-family: Montserrat-Light;
    font-size: 12px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
    width:100px!important;
    top:-13px!important;
}
.newconnheight{
    height:239px!important;
}
.newconnbottomtext{
    height:50px!important;
    top:5px!important;
    position:relative;
    font-size:10px!important;
}
.newboxbuybtnEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 1px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:34px!important;
    left:-52px!important;
    font-size:9px!important;
    /*display:inline-block;*/
}
.newboxbuybtnHDEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 1px!important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:34px!important;
    left:-8px!important;
    font-size:9px!important;
    /*display:inline-block;*/
}
.newboxsplitHDOut{
    top:41px!important;
    position:relative;
    left:110px!important;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:90px!important;    
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:-144px!important;
}
.newboxproductHDOut{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:-23px!important;
    position:relative;
    left:105px!important;
    display:inline-block;
}
.newboxcostHDOut{
    font-family: Montserrat-Light;
    font-size: 15px!important;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:7px!important;
    position:relative;
    left:77px!important;
    /*display:inline-block;*/
}
}
.network_leftmenu {
    background-color:transparent;
    padding-right:20px;
    padding-top:50px;
    width:25% ;
}
.network_rightmenu {
    background-color: transparent; 
    width: 75%;
}
.pcount-link {
    color: #999999;
    font-weight: 600;
}
.newconnection-common-button{
    position:absolute;
    top:130px;
    left:-100px;
    right:auto;
    display: inline-block;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 16px 50px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
}
.newconn_summary{
    font-family: "Montserrat-Regular";
    font-weight:200;
    font-size: 18px;
    text-decoration-line:underline;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
}
.SD_link_url{
   top: -175px;
    left: 201px;
    position: relative;
    width: 65px;
    height: 25px;
    display: inline-block;
}
.HD_link_url{
    top: -175px;
    left: 395px;
    position: relative;
    width: 65px;
    height: 25px;
    display: inline-block;
}
.newconnboxType{
    font-family: Montserrat-Light;
    font-size: 30px;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxmodel{
    font-family: Montserrat-Regular;
    font-size: 25px;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #ccc 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:10px;
    position:relative;
    left:10px;
}
.newconnboxcontent{
    font-family: Montserrat-Light;
    font-size: 16px;
    background-image: -webkit-gradient(linear, right top, left top, from(#a8a9ad), color-stop(50%, #a8a9ad), to(#a8a9ad));
    background-image: -webkit-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -moz-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: -o-linear-gradient(right, #a8a9ad 0%, #a8a9ad 50%, #a8a9ad 100%);
    background-image: linear-gradient(right, #a8a9ad 0%, #ccc 50%, #a8a9ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #6e6e6e;
    -moz-background-clip: text;
    -moz-text-fill-color: #6e6e6e;
    -ms-background-clip: text;
    -ms-text-fill-color: #6e6e6e;
    top:30px;
    width:50%;
    position:relative;
    left:40px;
    display:inline-block;
    line-height:24px;
}
.newboxproduct{
    font-family: Montserrat-Light;
    font-size: 25px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:0px;
    position:relative;
    left:100px;
    display:inline-block;
}
.newboxproductHD{
    font-family: Montserrat-Light;
    font-size: 25px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:0px;
    position:relative;
    left:87px;
    display:inline-block;
}
.newboxsplit{
    top:70px;
    position:relative;
    left:90px;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:100px;
    margin-left: -3px;
    width:10px;
    padding-left:0px;
    margin-left:80px;
}
.newboxcost{
    font-family: Montserrat-Light;
    font-size: 20px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:30px;
    position:relative;
    left:60px;
    /*display:inline-block;*/
}
.newboxcostHD{
    font-family: Montserrat-Light;
    font-size: 20px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:30px;
    position:relative;
    left:45px;
    /*display:inline-block;*/
}
.newboxbuybtn{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px;
    left:-14px;
    /*display:inline-block;*/
}
.newboxbuybtnHD{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px;
    left:-24px;
    /*display:inline-block;*/
}
.newboxsplitHD{
    top:70px;
    position:relative;
    left:85px;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:100px;
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:10px;
}
.newconnbottomcontent{
    font-family: Montserrat-Light;
    font-size: 13px;
    font-weight:bold;
    text-decoration-color:#949494;
    text-align:center;
    background-color: #E6E7E9;  
    position:absolute;    
    display:inline-block;
    bottom:0px;
    height:50px;
    width:62%;
}
.newconngstbottomcontent{
    font-family: Montserrat-Light;
    font-size: 12px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
}
.newconngstbottomtext{
    font-family: Montserrat-Light;
    font-size: 12px;
    text-decoration-color:#949494;
    position:absolute;
    display:inline-block;
    bottom:30px;    
    /*background-color: #E6E7E9;*/
    right:0px;
    width:269px;
    top:10px;
}
.newconnheight{
    height:350px;
}
.newconnbottomtext{
    height:50px;
    top:20px;
    position:relative;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    border:double 5px #e9ecef;
    border-radius: .6rem;
    text-align:center;
}
.newboxbuybtnEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px;
    left:-14px;
    font-size:12px;
    /*display:inline-block;*/
}
.newboxbuybtnHDEntrust{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px;
    left:-24px;
    font-size:11px;
    /*display:inline-block;*/
}
.newboxsplitHDOut{
    top:70px;
    position:relative;
    left:85px;
    display:inline-block;
    border-left: 2px solid #a8a9ad;
    height:100px;
    margin-left: -3px;
    width:12px;
    padding-left:0px;
    margin-left:10px;
}
.newboxbuybtnHDOut{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-family: 'Montserrat-Bold';
    background-image: -webkit-gradient(linear, left top, right top, from(#DD2476), color-stop(50%, #FF512F), to(#DD2476));
    background-image: -webkit-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -moz-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: -o-linear-gradient(left, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    background-image: linear-gradient(to right, #DD2476 0%, #FF512F 50%, #DD2476 100%);
    -moz-background-size: 200% auto;
    background-size: 200% auto;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border: none;
    top:60px;
    left:-24px;
    /*display:inline-block;*/
}
.newboxcostHDOut{
    font-family: Montserrat-Light;
    font-size: 20px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#a4a8ab), color-stop(50%, #a4a8ab), to(#a4a8ab));
    background-image: -webkit-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -moz-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: -o-linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    background-image: linear-gradient(right, #a4a8ab 0%, #a4a8ab 50%, #a4a8ab 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:30px;
    position:relative;
    left:45px;
    /*display:inline-block;*/
}
.newboxproductHDOut{
    font-family: Montserrat-Light;
    font-size: 25px;
    font-weight:bold;
    text-transform: uppercase;
    background-image: -webkit-gradient(linear, right top, left top, from(#FF7A36), color-stop(50%, #FD6058), to(#F74278));
    background-image: -webkit-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -moz-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: -o-linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background-image: linear-gradient(right, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
    top:0px;
    position:relative;
    left:87px;
    display:inline-block;
}
.nya-bss-select--fullwidth {
    width: 30% !important;
}
.nya-bssmc-select--fullwidth {
    width: 50% !important;
    margin:26px !important;
}
.nya-bssmc-select .dropdown-toggle {
    padding: 20px 30px 20px 20px;
    margin: 26px auto;
    width: 30%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: transparent;
    font-family: "Montserrat-Light";
    font-size: 14px;
    background: #fafafa;
    line-height: 1.42857143;
}

.nya-bssmc-select .dropdown-toggle:hover,
.nya-bssmc-select .dropdown-toggle:focus {
    background: #fafafa;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.nya-bssmc-select .dropdown-toggle .caret {
    background: url("../images/sprite.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    margin:26px;
    background-position: -381px -38px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    border: none;
}

.nya-bssmc-select .dropdown-toggle .caret .caret {
    border: none;
    margin:26px;
}

.nya-bssmc-select.open.dropdown-toggle:hover {
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}

.nya-bssmc-select.open .caret {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nya-bssmc-select.open .dropdown-menu {
    border-top: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0;
    padding: 0;
}

.nya-bssmc-select.open .dropdown-menu li>a {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    color: #5E5E5E;
    display: block;
}

.nya-bssmc-select.open .dropdown-menu li>a:hover,
.nya-bssmc-select.open .dropdown-menu li>a:focus {
    background: #f16122;
    color: #fff;
}

.nya-bssmc-select.open .dropdown-menu li.active a,
.nya-bssmc-select.open .dropdown-menu li.select a {
    color: #fff;
}

.nya-bssmc-select:focus,
.nya-bssmc-select .dropdown-toggle:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nya-bssmc-select.open .dropdown-toggle {
    border: 1px solid #797D80 !important;
    background: #fafafa !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nya-bssmc-select.open .dropdown-toggle:hover,
.nya-bssmc-select.open .dropdown-toggle:focus {
    background: #fafafa !important;
    border: 1px solid #797D80 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.channel__listsmc {
    height: 250px;
    width: 120%;
    position: relative;
    z-index: 10;
    background: -webkit-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -moz-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: -o-linear-gradient(120deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    background: linear-gradient(330deg, #FF7A36 0%, #FD6058 50%, #F74278 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.channel__listsmc:before{
	  content: "";
    position: absolute;
    width: 99.9%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    z-index: -1;
    overflow: hidden;
}
.channel__listsmc .cancel,.hepl-pop-model .cancel,.ref-pop-model .cancel{
    display: block;
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    right: 25px;
    text-decoration: none;
    text-align: center;
    z-index: 2;
}
.channel__listsmc .cancel {
    display: block;
    text-transform: uppercase;
    position: absolute;
    top: 25px;
    right: 25px;
    text-decoration: none;
    text-align: center;
    z-index: 2;
}
.modal-bodysmc {
    position: absolute;
    z-index:1054;
    left:240px;
    bottom:-20px;
}
h3.smcnumheads {
    margin-bottom: 0;
    margin:10px;
}