body {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    color: #4a4a4a;
    font-size: 15px
}

h1, h2, h3 {
    font-family: korolevlight
}

h4, h5, h6 {
    font-family: korolevmedium
}

a, a:focus, a:hover, button, button:focus, button:hover, img, img:focus, input, input:focus, input:hover {
    outline: 0 !important
}

a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a:hover {
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.row {
    margin: 0 10px
}

.none {
    display: none
}

.pager .pagination-nav .pagination li a {
    border-radius: 0;
    border: 0
}

hr {
    border-top: 1px solid #dfdfdf
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto !important;
    max-width: 100%
}

.bootstrap-select .dropdown-menu {
    padding: 0
}

.bootstrap-select .dropdown-menu > li > a:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.bootstrap-select button.btn-default {
    background: #70a81b;
    border: 0;
    border-radius: 0;
    padding: 0 30px 0 0;
    color: #373737 !important;
    font-family: "Open Sans";
    outline: 0 !important;
    box-shadow: none
}

.bootstrap-select button.btn.active, .bootstrap-select button.btn:active, .bootstrap-select.open > button.btn-default.dropdown-toggle {
    background-color: #70a81b !important;
    opacity: .9
}

.bootstrap-select button.btn span.filter-option {
    background-color: #fff;
    padding: 5px 7px
}

.bootstrap-select button.btn i.fa {
    position: absolute;
    top: 30%;
    right: 10px;
    vertical-align: middle;
    color: #fff
}

.bootstrap-select button.btn:focus {
    outline: thin dotted rgba(112, 166, 28, .4) !important;
    outline: 3px auto rgba(112, 166, 28, .4) !important;
    outline-offset: -2px
}

.bootstrap-select button.disabled:focus, .bootstrap-select button.disabled:hover {
    background-color: #70a81b
}

.bootstrap-select .dropdown-menu li a span.text {
    color: #373737 !important;
    font-family: "Open Sans"
}

.bootstrap-select.white button.btn-default {
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 0;
    padding: 0 30px 0 0;
    color: #373737 !important;
    font-family: "Open Sans";
    outline: 0 !important;
    box-shadow: none
}

.bootstrap-select.white.btn-group .btn .filter-option {
    border-right: 1px solid #cacaca
}

.bootstrap-select button.btn.active, .bootstrap-select.open > button.btn-default.dropdown-toggle, .bootstrap-select.white button.btn:active {
    background-color: #fff !important;
    border: 1px solid #70a81b;
    box-shadow: 0 0 4px 0 #70a81b
}

.bootstrap-select.white button.btn i.fa {
    color: #70a81b;
    font-size: 19px;
    top: 27%
}

.bootstrap-select.white button.btn:hover i.fa {
    color: #4a4a4a
}

.bootstrap-select button.disabled:hover, .bootstrap-select.white button.disabled:focus {
    background-color: #fff
}

.invitel-radius {
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px
}

.margin-0, .margin-left-0 {
    margin-left: 0 !important
}

.margin-0, .margin-right-0 {
    margin-right: 0 !important
}

.margin-0, .margin-top-0 {
    margin-top: 0 !important
}

.margin-0, .margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-5, .margin-left-5 {
    margin-left: 5px !important
}

.margin-5, .margin-right-5 {
    margin-right: 5px !important
}

.margin-5, .margin-top-5 {
    margin-top: 5px !important
}

.margin-5, .margin-bottom-5 {
    margin-bottom: 5px !important
}

.margin-10, .margin-left-10 {
    margin-left: 10px !important
}

.margin-10, .margin-right-10 {
    margin-right: 10px !important
}

.margin-10, .margin-top-10 {
    margin-top: 10px !important
}

.margin-10, .margin-bottom-10 {
    margin-bottom: 10px !important
}

.margin-15, .margin-left-15 {
    margin-left: 15px !important
}

.margin-15, .margin-right-15 {
    margin-right: 15px !important
}

.margin-15, .margin-top-15 {
    margin-top: 15px !important
}

.margin-15, .margin-bottom-15 {
    margin-bottom: 15px !important
}

.margin-20, .margin-left-20 {
    margin-left: 20px !important
}

.margin-20, .margin-right-20 {
    margin-right: 20px !important
}

.margin-20, .margin-top-20 {
    margin-top: 20px !important
}

.margin-20, .margin-bottom-20 {
    margin-bottom: 20px !important
}

.margin-25, .margin-left-25 {
    margin-left: 25px !important
}

.margin-25, .margin-right-25 {
    margin-right: 25px !important
}

.margin-25, .margin-top-25 {
    margin-top: 25px !important
}

.margin-25, .margin-bottom-25 {
    margin-bottom: 25px !important
}

.margin-30, .margin-left-30 {
    margin-left: 30px !important
}

.margin-30, .margin-right-30 {
    margin-right: 30px !important
}

.margin-30, .margin-top-30 {
    margin-top: 30px !important
}

.margin-30, .margin-bottom-30 {
    margin-bottom: 30px !important
}

.margin-35, .margin-left-35 {
    margin-left: 35px !important
}

.margin-35, .margin-right-35 {
    margin-right: 35px !important
}

.margin-35, .margin-top-35 {
    margin-top: 35px !important
}

.margin-35, .margin-bottom-35 {
    margin-bottom: 35px !important
}

.margin-40, .margin-left-40 {
    margin-left: 40px !important
}

.margin-40, .margin-right-40 {
    margin-right: 40px !important
}

.margin-40, .margin-top-40 {
    margin-top: 40px !important
}

.margin-40, .margin-bottom-40 {
    margin-bottom: 40px !important
}

.margin-45, .margin-left-45 {
    margin-left: 45px !important
}

.margin-45, .margin-right-45 {
    margin-right: 45px !important
}

.margin-45, .margin-top-45 {
    margin-top: 45px !important
}

.margin-45, .margin-bottom-45 {
    margin-bottom: 45px !important
}

.margin-50, .margin-left-50 {
    margin-left: 50px !important
}

.margin-50, .margin-right-50 {
    margin-right: 50px !important
}

.margin-50, .margin-top-50 {
    margin-top: 50px !important
}

.margin-50, .margin-bottom-50 {
    margin-bottom: 50px !important
}

.padding-0, .padding-left-0 {
    padding-left: 0 !important
}

.padding-0, .padding-right-0 {
    padding-right: 0 !important
}

.padding-0, .padding-top-0 {
    padding-top: 0 !important
}

.padding-0, .padding-bottom-0 {
    padding-bottom: 0 !important
}

.padding-5, .padding-left-5 {
    padding-left: 5px !important
}

.padding-5, .padding-right-5 {
    padding-right: 5px !important
}

.padding-5, .padding-top-5 {
    padding-top: 5px !important
}

.padding-5, .padding-bottom-5 {
    padding-bottom: 5px !important
}

.padding-10, .padding-left-10 {
    padding-left: 10px !important
}

.padding-10, .padding-right-10 {
    padding-right: 10px !important
}

.padding-10, .padding-top-10 {
    padding-top: 10px !important
}

.padding-10, .padding-bottom-10 {
    padding-bottom: 10px !important
}

.padding-15, .padding-left-15 {
    padding-left: 15px !important
}

.padding-15, .padding-right-15 {
    padding-right: 15px !important
}

.padding-15, .padding-top-15 {
    padding-top: 15px !important
}

.padding-15, .padding-bottom-15 {
    padding-bottom: 15px !important
}

.padding-20, .padding-left-20 {
    padding-left: 20px !important
}

.padding-20, .padding-right-20 {
    padding-right: 20px !important
}

.padding-20, .padding-top-20 {
    padding-top: 20px !important
}

.padding-20, .padding-bottom-20 {
    padding-bottom: 20px !important
}

.padding-25, .padding-left-25 {
    padding-left: 25px !important
}

.padding-25, .padding-right-25 {
    padding-right: 25px !important
}

.padding-25, .padding-top-25 {
    padding-top: 25px !important
}

.padding-25, .padding-bottom-25 {
    padding-bottom: 25px !important
}

.padding-30, .padding-left-30 {
    padding-left: 30px !important
}

.padding-30, .padding-right-30 {
    padding-right: 30px !important
}

.padding-30, .padding-top-30 {
    padding-top: 30px !important
}

.padding-30, .padding-bottom-30 {
    padding-bottom: 30px !important
}

.padding-35, .padding-left-35 {
    padding-left: 35px !important
}

.padding-35, .padding-right-35 {
    padding-right: 35px !important
}

.padding-35, .padding-top-35 {
    padding-top: 35px !important
}

.padding-35, .padding-bottom-35 {
    padding-bottom: 35px !important
}

.padding-40, .padding-left-40 {
    padding-left: 40px !important
}

.padding-40, .padding-right-40 {
    padding-right: 40px !important
}

.padding-40, .padding-top-40 {
    padding-top: 40px !important
}

.padding-40, .padding-bottom-40 {
    padding-bottom: 40px !important
}

.padding-45, .padding-left-45 {
    padding-left: 45px !important
}

.padding-45, .padding-right-45 {
    padding-right: 45px !important
}

.padding-45, .padding-top-45 {
    padding-top: 45px !important
}

.padding-45, .padding-bottom-45 {
    padding-bottom: 45px !important
}

.padding-50, .padding-left-50 {
    padding-left: 50px !important
}

.padding-50, .padding-right-50 {
    padding-right: 50px !important
}

.padding-50, .padding-top-50 {
    padding-top: 50px !important
}

.padding-50, .padding-bottom-50 {
    padding-bottom: 50px !important
}

.invitel-light-green-color {
    color: #e1fabb
}

.invitel-green-color {
    color: #70a61c
}

.invitel-red {
    color: #e6462a
}

.invitel-grey-color {
    color: #373737
}

.invitel-white-color {
    color: #fff
}

.invitel-green-bg {
    background-color: #70a61c
}

.invitel-green-darker-bg {
    background-color: #577d1c
}

.invitel-turkiz-bg {
    background-color: #17808f
}

.invitel-blue-bg {
    background-color: #337aa6
}

.invitel-white-bg {
    background-color: #fff
}

.invitel-front-box-1 {
    background-color: #63b9ae
}

#black-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/black_bg.png) repeat;
    z-index: 2000;
    display: none
}

.btn-blue, .btn-green, .btn-inverse, .btn-red {
    padding: 6px 18px;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .1);
    font-family: "Open Sans"
}

.btn i.fa-angle-right {
    margin-left: 5px
}

.btn-green {
    background: #73ac37;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus, .btn-green:hover, .open > .dropdown-toggle.btn-green {
    background: #86c300;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green.disabled, .btn-green.disabled.active, .btn-green.disabled.focus, .btn-green.disabled:active, .btn-green.disabled:focus, .btn-green.disabled:hover, .btn-green[disabled], .btn-green[disabled].active, .btn-green[disabled].focus, .btn-green[disabled]:active, .btn-green[disabled]:focus, .btn-green[disabled]:hover, fieldset[disabled] .btn-green, fieldset[disabled] .btn-green.active, fieldset[disabled] .btn-green.focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:hover {
    background: #3b3e43;
    border-color: #3b3e43;
    color: #ddd
}

.btn-green .badge {
    color: #70a61c;
    background: #fff
}

.btn-green-dark {
    background: #497621;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green-dark.active, .btn-green-dark.focus, .btn-green-dark:active, .btn-green-dark:focus, .btn-green-dark:hover, .open > .dropdown-toggle.btn-green-dark {
    background: #3f681b;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green-outline {
    background: 0 0;
    border: 1px solid #7cb700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 12px 10px;
    width: 100%;
    color: #7cb700;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green-outline i.fa {
    margin-top: -5px;
    font-size: 30px;
    color: #4a4a4a;
    float: left
}

.btn-green-outline.active, .btn-green-outline.focus, .btn-green-outline:active, .btn-green-outline:focus, .btn-green-outline:hover, .open > .dropdown-toggle.btn-green-outline {
    text-decoration: none;
    color: #7cb700;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-green-outline.disabled, .btn-green-outline.disabled.active, .btn-green-outline.disabled.focus, .btn-green-outline.disabled:active, .btn-green-outline.disabled:focus, .btn-green-outline.disabled:hover, .btn-green-outline[disabled], .btn-green-outline[disabled].active, .btn-green-outline[disabled].focus, .btn-green-outline[disabled]:active, .btn-green-outline[disabled]:focus, .btn-green-outline[disabled]:hover, fieldset[disabled] .btn-green-outline, fieldset[disabled] .btn-green-outline.active, fieldset[disabled] .btn-green-outline.focus, fieldset[disabled] .btn-green-outline:active, fieldset[disabled] .btn-green-outline:focus, fieldset[disabled] .btn-green-outline:hover {
    background: #3b3e43;
    border-color: #3b3e43;
    color: #ddd
}

.btn-green-outline .badge {
    color: #70a61c;
    background: #fff
}

.btn-white-outline {
    background: 0 0;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 11px 12px 6px;
    width: 100%;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-white-outline i.fa {
    margin-top: -5px;
    font-size: 30px;
    color: #fff;
    float: left
}

.btn-white-outline.active, .btn-white-outline.focus, .btn-white-outline:active, .btn-white-outline:focus, .btn-white-outline:hover, .open > .dropdown-toggle.btn-white-outline {
    text-decoration: underline;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-white-outline.disabled, .btn-white-outline.disabled.active, .btn-white-outline.disabled.focus, .btn-white-outline.disabled:active, .btn-white-outline.disabled:focus, .btn-white-outline.disabled:hover, .btn-white-outline[disabled], .btn-white-outline[disabled].active, .btn-white-outline[disabled].focus, .btn-white-outline[disabled]:active, .btn-white-outline[disabled]:focus, .btn-white-outline[disabled]:hover, fieldset[disabled] .btn-white-outline, fieldset[disabled] .btn-white-outline.active, fieldset[disabled] .btn-white-outline.focus, fieldset[disabled] .btn-white-outline:active, fieldset[disabled] .btn-white-outline:focus, fieldset[disabled] .btn-white-outline:hover {
    background: #fff;
    border-color: #fff;
    color: #fff
}

.btn-white-outline .badge {
    color: #fff;
    background: #fff
}

.btn-red-outline {
    background: 0 0;
    border: 1px solid #d54c34;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 12px 6px;
    width: 100%;
    color: #d54c34;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-red-outline i.fa {
    margin-top: -5px;
    font-size: 30px;
    color: #d54c34;
    float: left
}

.btn-red-outline.active, .btn-red-outline.focus, .btn-red-outline:active, .btn-red-outline:focus, .btn-red-outline:hover, .open > .dropdown-toggle.btn-red-outline {
    text-decoration: underline;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-red-outline.disabled, .btn-red-outline.disabled.active, .btn-red-outline.disabled.focus, .btn-red-outline.disabled:active, .btn-red-outline.disabled:focus, .btn-red-outline.disabled:hover, .btn-red-outline[disabled], .btn-red-outline[disabled].active, .btn-red-outline[disabled].focus, .btn-red-outline[disabled]:active, .btn-red-outline[disabled]:focus, .btn-red-outline[disabled]:hover, fieldset[disabled] .btn-red-outline, fieldset[disabled] .btn-red-outline.active, fieldset[disabled] .btn-red-outline.focus, fieldset[disabled] .btn-red-outline:active, fieldset[disabled] .btn-red-outline:focus, fieldset[disabled] .btn-red-outline:hover {
    background: #3b3e43;
    border-color: #3b3e43;
    color: #ddd
}

.btn-red-outline .badge {
    color: #d54c34;
    background: #fff
}

.btn-gray {
    background: #fff;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #d4e5ba;
    color: #71a71b;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-gray.active, .btn-gray.focus, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .open > .dropdown-toggle.btn-gray {
    background: #fff;
    color: #71a71b;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-gray.disabled, .btn-gray.disabled.active, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled], .btn-gray[disabled].active, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover {
    background: #3b3e43;
    border-color: #d4e5ba;
    color: #71a71b
}

.btn-dark-gray {
    background: #6a6a6a;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #494949;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-dark-gray.active, .btn-dark-gray.focus, .btn-dark-gray:active, .btn-dark-gray:focus, .btn-dark-gray:hover, .open > .dropdown-toggle.btn-dark-gray {
    background: #7a7a7a;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-dark-gray.disabled, .btn-dark-gray.disabled.active, .btn-dark-gray.disabled.focus, .btn-dark-gray.disabled:active, .btn-dark-gray.disabled:focus, .btn-dark-gray.disabled:hover, .btn-dark-gray[disabled], .btn-dark-gray[disabled].active, .btn-dark-gray[disabled].focus, .btn-dark-gray[disabled]:active, .btn-dark-gray[disabled]:focus, .btn-dark-gray[disabled]:hover, fieldset[disabled] .btn-dark-gray, fieldset[disabled] .btn-dark-gray.active, fieldset[disabled] .btn-dark-gray.focus, fieldset[disabled] .btn-dark-gray:active, fieldset[disabled] .btn-dark-gray:focus, fieldset[disabled] .btn-dark-gray:hover {
    background: #3b3e43;
    border-color: #494949;
    color: #ddd
}

.btn-red {
    background: #d54c34;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open > .dropdown-toggle.btn-red {
    background: #ec492c;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-red.disabled, .btn-red.disabled.active, .btn-red.disabled.focus, .btn-red.disabled:active, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red[disabled], .btn-red[disabled].active, .btn-red[disabled].focus, .btn-red[disabled]:active, .btn-red[disabled]:focus, .btn-red[disabled]:hover, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red.active, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:hover {
    background: #3b3e43;
    border-color: #3b3e43;
    color: #ddd
}

.btn-red .badge {
    color: #ec492c;
    background: #fff
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #373737;
    background-image: linear-gradient(to bottom, #444, #373737);
    background-repeat: repeat-x;
    border-color: #373737 #373737 #000
}

.btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover {
    outline: 0 !important;
    outline-offset: -2px
}

.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
    background-color: #333;
    background-image: linear-gradient(to bottom, #333, #373737);
    color: #fff
}

.btn-blue {
    background: #4f6d8c;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open > .dropdown-toggle.btn-blue {
    background: #3e5f81;
    color: #fff;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.btn-blue.disabled, .btn-blue.disabled.active, .btn-blue.disabled.focus, .btn-blue.disabled:active, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled], .btn-blue[disabled].active, .btn-blue[disabled].focus, .btn-blue[disabled]:active, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue, fieldset[disabled] .btn-blue.active, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:active, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover {
    background: #3b3e43;
    border-color: #3b3e43;
    color: #ddd
}

.btn-blue .badge {
    color: #70a61c;
    background: #fff
}

.tooltip {
    position: fixed
}

.tooltip-inner {
    max-width: 250px;
    background: #70a81b;
    padding: 10px;
    white-space: pre-line;
    text-align: left;
    font: 11px;
    color: #fff;
    white-space: normal
}

.tooltip-inner h6 {
    font: bold 15px "Open Sans";
    margin-top: 0
}

.tooltip-inner p {
    font: 12px "Open Sans"
}

.tooltip-inner ul {
    margin: 5px 10px;
    padding: 0 0 0 5px
}

.tooltip-inner ul li {
    margin: 2px 0
}

.tooltip.in {
    opacity: 1
}

.tooltip.top .tooltip-arrow {
    border-top-color: #70a81b
}

.tooltip.bottom-left .tooltip-arrow, .tooltip.left .tooltip-arrow, .tooltip.top-left .tooltip-arrow {
    border-left-color: #70a81b
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #70a81b
}

.tooltip.bottom-right .tooltip-arrow, .tooltip.right .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-right-color: #70a81b
}

input[type=password], input[type=text], textarea {
    border: 1px solid #cacaca;
    background: #fff;
    padding: 6px 5px;
    font: bold 14px "Open Sans";
    width: 50%
}

input[type=password]:focus, input[type=text]:focus, textarea:focus {
    border: 1px solid #70a81b;
    box-shadow: 0 0 4px 0 #70a81b
}

.has-error .bootstrap-select button, .has-error input[type=password], .has-error input[type=password]:focus, .has-error input[type=text], .has-error input[type=text]:focus, .has-error textarea, .has-error textarea:focus, input[type=password].ferror, input[type=text].ferror, textarea.ferror {
    border: 1px solid #e6462a !important;
    box-shadow: 0 0 4px 0 #e6462a !important
}

input[type=text].disable.on, input[type=text][readonly=readonly], textarea.disable.on {
    background: #e9e9e9 !important
}

.radio {
    background: #dfdfdf !important;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    text-align: center
}

.radio svg {
    display: none;
    width: 12px;
    height: 12px;
    margin-top: -2px
}

.radio input {
    display: none
}

.radio.checked {
    background: #70a81b !important
}

.radio.checked svg {
    display: inline-block;
    vertical-align: middle
}

.radio.checked svg path {
    fill: #fff !important
}

.checkbox {
    background: #dfdfdf !important;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    text-align: center
}

.checkbox svg {
    display: none;
    width: 12px;
    height: 12px;
    margin-top: -4px
}

.checkbox svg path {
    fill: #fff
}

.checkbox input {
    display: none
}

.checkbox.checked {
    background: #70a81b !important
}

.checkbox.checked.disabled, .checkbox.disable {
    background: #f2f2f2 !important
}

.checkbox.checked.disabled {
    background: grey !important;
    cursor: auto
}

.checkbox.checked svg {
    display: inline-block;
    vertical-align: middle
}

.form-control {
    height: auto !important
}

#preloader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -46px 0 0 -144px;
    padding: 30px 50px;
    background: #70a81b;
    border-radius: 0 15px 0 15px;
    text-align: center;
    z-index: 2030;
    box-sizing: border-box;
    box-shadow: 2px 2px 13px -2px #000
}

#preloader img, #preloader p {
    display: inline-block;
    vertical-align: middle
}

#preloader p {
    font: 24px korolevmedium;
    margin: 0 0 0 10px;
    color: #fff
}

.csatornaeloszto .csat-logok:after {
    content: '';
    display: inline-block;
    width: 100%
}

.csatornaeloszto .csat-logok {
    text-align: left
}

.csatornaeloszto .csat-logok .img-wrapper {
    border: 1px solid #d3d3d3;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 90px
}

.csatornaeloszto .csat-logok .csat-item {
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    vertical-align: top
}

.csatornaeloszto .csat-logok .csat-item p {
    margin-top: 10px;
    margin-bottom: 20px
}

.csatornaeloszto .csat-logok .csat-item p a {
    display: inline-block;
    color: #70a81b;
    width: 120px;
    height: 45px
}

.csatorna .csatorna-leiras .left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.csatorna .img-wrapper {
    border: 1px solid #d3d3d3;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 90px
}

.csatorna .adatok, .csatorna .csomag-lista {
    display: table;
    width: 100%;
    margin-top: 30px
}

.csatorna .adatok .left, .csatorna .adatok .right, .csatorna .csomag-lista .left, .csatorna .csomag-lista .right {
    display: table-cell;
    width: 50%;
    float: none !important
}

.csatorna .adatok .left p, .csatorna .adatok .right p {
    margin-bottom: 0
}

.csatorna .adatok .left span, .csatorna .adatok .right span {
    font-size: 16px
}

#content_pages .ugyfel {
    display: table;
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 10px 0;
    font-family: korolevmedium;
    margin-top: 50px;
    background: #fff
}

#content_pages .ugyfel .left {
    border-right: 1px solid #d3d3d3
}

#content_pages .ugyfel .left, #content_pages .ugyfel .right {
    width: 50%;
    display: table-cell;
    padding: 0 30px;
    float: none !important
}

#content_pages .ugyfel .left h2, #content_pages .ugyfel .right h2 {
    font-size: 26px;
    margin-bottom: 5px
}

#content_pages .ugyfel .left p, #content_pages .ugyfel .right p {
    font-size: 19px
}

.csatlog {
    display: inline-block;
    vertical-align: bottom
}

.mbox {
    border: 1px solid #d3d3d3;
    border-bottom: 3px solid #d3d3d3;
    clear: both;
    margin-bottom: 30px;
    background: #fff
}

.mbox .header {
    background: #eee;
    padding: 10px
}

.mbox .body, .mbox .header {
    display: table;
    width: 100%
}

.mbox .body .left {
    float: none !important;
    display: table-cell;
    width: 60%;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #d3d3d3
}

.mbox .body .right {
    float: none !important;
    display: table-cell;
    width: 40%;
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

.mbox .body .left .csatlog {
    margin: 10px;
    width: 100px
}

.mbox .body, .mbox .header {
    clear: both
}

.mbox .header .left, .mbox .header .right {
    display: table-cell;
    vertical-align: middle
}

.mbox .header .right {
    text-align: right;
    width: 25%
}

.mbox .header .left p {
    font-size: 18px
}

.mbox .header p {
    margin: 0;
    color: #70a81b
}

.mbox .header p a {
    margin: 0
}

#content_pages a svg {
    width: 8px;
    height: 10px
}

#content_pages a:hover svg path {
    fill: #70a81b
}

#content_pages a:hover svg path {
    fill: #4c6310
}

.mbox .body .csatlog p {
    margin: 0
}

.mbox .body .kiemelt {
    font-size: 18px;
    font-weight: 700;
    color: #e6462a
}

.mbox .body.short p {
    display: table-cell;
    padding: 30px 20px;
    vertical-align: middle
}

.minuscule, .minuscules {
    font-size: 12px;
    color: #999;
    text-align: justify
}

#content_pages .offer-block {
    background: #fff;
    padding: 20px;
    border-bottom: 3px solid #dfdfdf
}

.minicsomagok .img-wrapper {
    background: #fff;
    border: 1px solid #d3d3d3;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    height: 90px;
    padding: 10px;
    box-sizing: border-box
}

.minicsomagok .mini-ar {
    margin-top: 30px;
    text-align: center;
    display: table;
    width: 100%;
    border: 1px solid #d3d3d3;
    font-size: 21px;
    background: #fff
}

.minicsomagok .mini-ar .t-row {
    display: table-row
}

.minicsomagok .mini-ar .t-row .cell {
    display: table-cell;
    padding: 30px 10px
}

.minicsomagok .mini-ar .t-row:first-child .cell {
    background: #eee;
    color: #70a81b;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 10px
}

.minicsomagok .bevezeto {
    margin-bottom: 20px
}

.minicsomagok .reszletek .left {
    float: left;
    margin-right: 20px;
    overflow: auto
}

.minicsomagok .reszletek {
    margin-bottom: 25px
}

.minicsomagok .reszletek p {
    overflow: auto;
    margin-bottom: 5px
}

.mini-packages.nav-tabs {
    margin-bottom: 20px
}

.mini-packages.nav-tabs li {
    margin-bottom: -2px
}

.mini-packages.nav-tabs li a {
    padding: 14px 14px;
    font-size: 13px
}

.mini-packages.nav-tabs li a:hover {
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f2f2f2
}

.analog-channels table {
    background: #fff;
    border-bottom: 3px solid #dfdfdf
}

.analog-channels table td {
    padding: 5px 20px !important;
    vertical-align: middle !important
}

#video-programs {
    background: #fff
}

#video-programs .nav-tabs {
    margin: 0;
    border-bottom: 0;
    display: table;
    width: 100%
}

#video-programs .nav-tabs > li, #video-programs .nav-tabs > li.active {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    float: none;
    margin: 0
}

#video-programs .nav-tabs > li {
    background-color: #f2f2f2;
    padding: 0 15px
}

#video-programs .nav-tabs > li > a > img {
    max-width: 100%
}

#video-programs .nav-tabs > li.active, #video-programs .nav-tabs > li:hover {
    background-color: #fff
}

#video-programs .nav-tabs > li.active > a, #video-programs .nav-tabs > li.active > a:focus, #video-programs .nav-tabs > li.active > a:hover, #video-programs .nav-tabs > li > a, #video-programs .nav-tabs > li > a:focus, #video-programs .nav-tabs > li > a:hover {
    border: 0;
    padding: 30px 0;
    background-color: transparent
}

#video-programs .tab-pane {
    padding: 30px 30px 20px
}

#video-programs .carousel-inner > .item > .slider-img img {
    width: 100%;
    margin: 20px auto 0;
    height: auto
}

#video-programs .carousel-inner > .item {
    width: 100%;
    margin: auto
}

.carousel-control {
    width: 5%
}

#video-programs .carousel-inner {
    width: 90%;
    margin: auto
}

#video-programs .carousel-indicators {
    position: relative;
    display: table;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    margin: auto;
    text-align: center;
    list-style: none;
    background-color: #412a84;
    overflow: auto;
    clear: both
}

#video-programs .carousel-indicators li {
    display: table-cell;
    width: auto;
    height: auto;
    margin: 0;
    text-indent: 0;
    cursor: pointer;
    background-color: #412a84;
    border: 0 solid #fff;
    border-radius: 0;
    padding: 25px 15px;
    color: #fff;
    border-bottom: 3px solid #291b4e;
    position: relative
}

#video-programs .carousel-indicators li.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #70a81b transparent transparent transparent
}

#video-programs .carousel-indicators li.active, #video-programs .carousel-indicators li:hover {
    background-color: #70a81b;
    border-bottom: 3px solid #5c8a16
}

#video-programs .carousel-control.left, #video-programs .carousel-control.right {
    background-image: none
}

#video-programs .glyphicon.glyphicon-chevron-left {
    background-color: #70a81b;
    border-radius: 50%;
    padding: 5px
}

#video-programs .slider-text {
    padding: 20px 15px;
    background-color: #f2f2f2
}

#video-programs .slider-arrow-right {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #70a81b url(../images/icons/arrow_right_bold_white.svg) 7px center no-repeat;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    top: 50%;
    right: -5px
}

#video-programs .slider-arrow-left {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #70a81b url(../images/icons/arrow_left_bold_white.svg) 3px center no-repeat;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    top: 50%;
    left: -5px
}

#video-programs .carousel-control, #video-programs .carousel-control:hover {
    opacity: 1
}

#content_page .video-wrapper {
    max-width: 640px;
    margin: 0 auto
}

#content_page .video-container {
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px
}

#content_page .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#content_page .open-block .clear.header {
    padding: 8px 0 8px 20px;
    cursor: pointer;
    background: url(../images/content/csomagdesc_down.png) no-repeat top right;
    margin: 0
}

#content_page .open-block .body {
    display: none;
    padding: 20px 15px 0
}

#content_page .open-block .clear.header h2 {
    margin: 0
}

#content_page .open-block {
    background-color: #fff;
    border-bottom: 3px solid #dfdfdf;
    margin: 10px 0
}

#livechat {
    position: fixed;
    left: -206px;
    top: 50%;
    margin-top: -135px;
    cursor: pointer;
    z-index: 30
}

#livechat .right {
    background: url(../images/onlinechet.png) no-repeat;
    width: 42px;
    height: 170px;
    float: right
}

#livechat .left {
    float: left;
    width: 206px;
    height: 170px;
    background: url(../images/chat_inaktiv.png) no-repeat center right
}

footer #footer-top a {
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 1.428;
    color: #4a4a4a
}

@media (max-width: 1200px) {
    .mini-packages.nav-tabs li a {
        padding: 9px 7px
    }
}

@media (min-width: 768px) {
    .mobil-tel {
        display: none
    }
}

@media (max-width: 768px) {
    .dt-tel {
        display: none
    }
}

#page-404 .extrah1 {
    font-family: supernett_cnregular;
    font-style: normal;
    font-weight: bolder;
    color: #373737;
    font-size: 89px;
    transform: rotate(355deg);
    -webkit-transform: rotate(355deg);
    -moz-transform: rotate(355deg);
    -o-transform: rotate(355deg);
    -ms-transform: rotate(355deg);
    margin-bottom: 26px;
    text-align: left
}

#page-404 .extrap, .offeredp {
    color: #4a4a4a;
    font-size: 28px
}

#page-404 .extrap2 {
    margin-top: -20px
}

#page-404 .extracode {
    color: #4a4a4a;
    font-size: 21px
}

#page-404 .offeredgreen a {
    color: #73ac37;
    font-size: 18px
}

#page-404 .error_img {
    margin-bottom: 130px;
    margin-top: 74px
}

#page-404 .margin63 {
    margin-top: 10px
}

.d2_cable_developer_banner {
    margin-top: 30px;
    border-top: 0 solid #2eb9ce;
    border-right: 0 solid #2eb9ce;
    border-bottom: 0 solid #2eb9ce;
    border-left: 3px solid #f49811;
    margin-bottom: 45px;
    background-color: #fff;
    border-width: 0 0 0 3px;
    border-style: solid solid solid solid;
    border-color: #2eb9ce #2eb9ce #2eb9ce #f49811;
    border-bottom: 2px solid #dfdfdf
}

#packages .selectors {
    margin-top: 0
}

.leftorangecol {
    padding-left: 0
}

.bannertext {
    font-size: 19px;
    margin-top: 30px
}

.interestedbutton {
    padding-left: 46px;
    padding-right: 46px;
    margin-top: 10px;
    margin-bottom: 20px
}

.greenmark {
    margin-top: 30px;
    margin-left: 13px
}

.toptext {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px
}

#forms .body {
    padding: 15px 10px 15px
}

.call_center_woman {
    margin-top: 24px
}

/* # sourceMappingURL=style.min.css.map */