@font-face {
    font-family: 'Averta Light';
    src: url('../fonts/Averta Light [TheFontsMaster.com].eot');
    src: local('☺'), url('../fonts/Averta Light [TheFontsMaster.com].woff') format('woff'), url('../fonts/Averta Light [TheFontsMaster.com].ttf') format('truetype'), url('../fonts/Averta Light [TheFontsMaster.com].svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Averta Thin';
    src: url('../fonts/Averta Thin [TheFontsMaster.com].eot');
    src: local('☺'), url('../fonts/Averta Thin [TheFontsMaster.com].woff') format('woff'), url('../fonts/Averta Thin [TheFontsMaster.com].ttf') format('truetype'), url('../fonts/Averta Thin [TheFontsMaster.com].svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Light';
    src: url('../fonts/DINPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro';
    src: url('../fonts/DINPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Medium';
    src: url('../fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Bold';
    src: url('../fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Black';
    src: url('../fonts/DINPro-Black.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Condensed Bold';
    src: url('../fonts/DINPro-CondensedBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Condensed Black';
    src: url('../fonts/DINPro-CondensedBlack.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DinPro Condensed';
    src: url('../fonts/DINPro-CondensedRegular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Panton Bold Italic';
    src: url('../fonts/Panton-ExtraBoldItalic.otf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis Light';
    src: url('../fonts/bp/DOSIS-LIGHT.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis Regular';
    src: url('../fonts/bp/DOSIS-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis Bold';
    src: url('../fonts/bp/DOSIS-BOLD.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis ExtraBold';
    src: url('../fonts/bp/DOSIS-EXTRABOLD.TTF') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/bp/NUNITO-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 5px;
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}


/* body::-webkit-scrollbar-track {
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    background-color: #e2007d;
}

body::-webkit-scrollbar-thumb:window-inactive {
    background-color: #e2007d;
} */

#logo-white-id {
    position: absolute;
    display: none;
    transition: 0.2s ease-in;
}

#logo-pure-white-id {
    position: absolute;
    display: none;
    transition: 0.2s ease-in;
}

#logo-blue-id {
    display: none;
    transition: 0.2s ease-in;
}

.info_icon {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../img/info_icon.png');
}

.modal-dialog {
    margin: 10% auto;
}

label {
    font-weight: normal;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffffe3;
    z-index: 999999999;
    display: none;
    background-image: url(../img/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.loader-g {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffffe3;
    z-index: 999999999;
    display: none;
    background-image: url(../img/globaltel_loader200x200.gif);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 999999999;
    display: none;
    background-image: url(../img/globaltel_loader100x100.gif);
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.loader-black {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #060000bd;
    z-index: 999999999;
    display: block;
    background-image: url(../img/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.loader-input {
    top: 0;
    left: 170px;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    display: none;
    background-image: url(../img/input-loader.gif);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.close {
    display: none;
    width: 20px;
    height: 20px;
    top: 14px;
    right: 0;
    left: 250px;
    bottom: 0;
    z-index: 999999999;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.close:hover::before,
.close:hover::after {
    background: #f00;
    color: #f00;
}

.close::before,
.close::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
    color: #000;
}

.close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close.hairline::before,
.close.hairline::after {
    height: 2px;
}

.alert-notice {
    display: none;
}

.close.close-alert {
    display: block;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 0;
    left: unset;
    bottom: 0;
    z-index: 999999999;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

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

.modal-content {
    border-radius: 0;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    /* width: 100%; */
    height: 50px;
    line-height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999;
    line-height: 50px;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 13px;
}

.select2-col .help-block {
    position: absolute;
    margin-top: 2px;
}

.no-pad {
    padding: 0;
}

.navbar {
    min-height: 95px;
}

.navbar-brand {
    padding-top: 30px;
    height: auto;
}

.navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
    margin-bottom: -95px;
    z-index: 999;
    position: absolute;
    width: 100%;
}

.navbar-nav>li {
    padding-left: 10px;
}

#registration-page {
    position: relative;
    color: white !important;
}

#registration-page::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    transform: translateY(80%);
    background-color: var(--gl-pink);
    z-index: -1;
    border-radius: 4px;
    transition: .25s;
}

#registration-page:hover {
    color: var(--gl-pink) !important;
}

#registration-page:hover::after {
    background-color: white !important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.navbar-nav>li>a {
    padding-top: 40px;
    padding-bottom: 15px;
    line-height: 14px;
}

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

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #070f1f;
    background-color: transparent;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0;
    background-color: #070f1e;
    /* color: #fff; */
    border: none;
    padding: 0;
    border-left: none;
    border-right: none;
    right: auto;
    margin-left: 0;
}

.dropdown-menu>li>a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    color: #eee;
    transition: .3s ease all;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #3390d1;
    transition: .3s ease all;
}

/* .custom-nav-link::before {
    content: '|';
    position: absolute;
    top: 37px;
    left: 20px;
    color: #ffffff;
} */

.custom-nav-link a {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    min-width: 100px;
}

.btn {
    border-radius: 2px;
    transition: .3s ease all;
    text-transform: uppercase;
}

.btn:hover {
    transition: .3s ease all;
}

.btn-transparent {
    padding: 14px;
    width: 100%;
    max-width: 220px;
    background-color: transparent;
    color: #fff;
}

.btn-pink {
    background-color: #e2007d;
    padding: 14px;
    width: 100%;
    max-width: 220px;
    color: #fff;
    border: none;
    font-family: 'DINPro', sans-serif;
    transition: .2s ease-in;
}

#activatePackage {
    font-family: 'DinPro', sans-serif;
}

#activatePackage .modal-header,
#activatePackage .modal-footer {
    border: none;
}

#activatePackage .btn-pink {
    max-width: 250px;
    border-radius: 50px;
}

#activatePackage .btn-lighter {
    border-radius: 50px;
}

#activatePackage .input-group {
    width: 100%;
}

#activatePackage .form-control {
    border-radius: 50px !important;
    padding: 24px !important;
}

.btn-pink-rounded:hover,
.btn-pink-rounded:focus,
.btn-pink-rounded:active {
    color: #f5f5f5;
    background-color: #682277;
}

.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus {
    color: #ffffff;
    background-color: #d70077;
    transition: .2s ease-in;
}

.btn-purple {
    background-color: #682770;
    padding: 14px;
    width: 100%;
    max-width: 250px;
    color: #fff;
    border: none;
    font-family: 'DINPro', sans-serif;
    box-shadow: 0 0 12px rgba(0, 0, 0, .35);
    margin-bottom: 60px;
}

.btn-light {
    background-color: #ffffff;
    padding: 14px;
    width: 100%;
    max-width: 250px;
    color: #682770;
    border: none;
    font-family: 'DinPro', sans-serif;
}

.btn-lighter {
    background-color: #f5f5f5;
    padding: 14px;
    width: 100%;
    max-width: 250px;
    color: #682770;
    border: none;
    font-weight: bold;
}

.btn-orange {
    background-color: #f26822;
    padding: 14px;
    width: 100%;
    max-width: 220px;
    color: #fff;
    border: none;
    position: relative;
}

.btn-silver {
    background-color: #808080;
    padding: 14px;
    width: 100%;
    max-width: 220px;
    color: #fff;
    border: none;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 24px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
}

.form-radio-control {
    height: 5px;
    padding: 24px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
}

.section {
    width: 100%;
    float: left;
    clear: left;
}

.generic-section {
    padding-top: 90px;
    padding-bottom: 88px;
}

.main-page-title {
    min-height: 365px;
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}

.main-page-title-content {
    padding-top: 200px;
    padding-bottom: 80px;
}

.main-page-title-content h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.main-page-title-content p {
    font-family: 'Averta Light';
    padding-top: 30px;
    font-size: 20px;
    color: #fff;
}


/* Roaming tarife */

.rt-section {
    background: rgba(13, 134, 199, 1);
    background: -moz-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13, 134, 199, 1)), color-stop(91%, rgba(104, 39, 112, 1)), color-stop(100%, rgba(104, 39, 112, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: linear-gradient(135deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d86c7', endColorstr='#682770', GradientType=1);
    background-attachment: fixed;
}

.why-section {
    padding: 120px 0 0 0;
}


/* Roaming tarife */


/* intro section */

.intro-section {
    position: relative;
    /*height: 1133px;*/
    padding-top: 50px;
    padding-bottom: 160px;
    background: #3f3f3f;
    /* background: #41454c;
	background: -moz-linear-gradient(top, #41454c 0%, #858a92 100%);
	background: -webkit-linear-gradient(top, #41454c 0%,#858a92 100%);
	background: linear-gradient(to bottom, #41454c 0%,#858a92 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41454c', endColorstr='#858a92',GradientType=0 ); */
}

.wtn-section {
    position: relative;
    /* padding-top: 50px;
    padding-bottom: 80px; */
    /* background-color: #ff1f82; */
    background-color: #E10E75;
}

.wtn-section-baka-prase {
    position: relative;
    background-color: #fff;
}

.wtn-section-baka-prase-2 {
    position: relative;
    background-color: #ddd;
    background-image: url('../img/baka_prase_lading_image.jpg');
    background-repeat: no-repeat;
    height: 525px !important;
}

.wtn-section-baka-prase-3 {
    position: relative;
    background-color: #fff;
}

.wtn-section-baka-prase-4 {
    position: relative;
    background-color: #ddd;
}

.wtn-section-baka-prase-5 {
    position: relative;
    padding: 80px;
    background-image: url('../img/section-4-img.png');
    background: rgba(229, 45, 39, 1);
    background-image: url('../img/section-4-img.png'), -moz-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/section-4-img.png'), -webkit-gradient(left top, right top, color-stop(0%, rgba(229, 45, 39, 1)), color-stop(100%, rgba(179, 18, 24, 1)));
    background-image: url('../img/section-4-img.png'), -webkit-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/section-4-img.png'), -o-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/section-4-img.png'), -ms-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/section-4-img.png'), linear-gradient(to right, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e52d27', endColorstr='#b31218', GradientType=1);
    background-repeat: no-repeat;
    background-size: cover;
}

.wtn-section-baka-prase-6 {
    position: relative;
    background-color: #ddd;
    background-image: url('../img/baka_prase_lading_image.jpg') !important;
    background-repeat: no-repeat !important;
    height: 525px !important;
}

.wtn-section-esim {
    position: relative;
    /* padding-top: 50px;
    padding-bottom: 80px; */
    /* background-color: #ff1f82; */
    background-color: #1a1a1a;
}

.rinternet-section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #ffffff;
}


/*.intro-section:after {
position: absolute;
width: 650px;
height: 643px;
left: 0px;
bottom: 0px;
content: '';
background-image: url(../img/earth.png);
}*/

.intro-section-content,
.wtn-section-content {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    z-index: 99;
}

.intro-section-content h1,
.wtn-section-content h1 {
    padding-top: 90px;
    font-size: 42px;
    font-weight: 100;
    color: #fff;
    margin: 0;
}

.intro-section-content p {
    font-family: 'Averta Light';
    color: #fff;
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.wtn-section-content p {
    font-family: 'DinPro', sans-serif;
    color: #fff;
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.wtn-section-content-te p {
    font-family: 'DinPro', sans-serif;
    color: #fff;
    font-size: 22px;
    padding-top: 60px;
    padding-bottom: 40px;
}

.wtn-section-content-esim p {
    font-family: 'DinPro', sans-serif;
    color: #fff;
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.intro-section-content .btn-orange::after {
    content: '';
    position: absolute;
    left: -60px;
    top: 0;
    width: 49px;
    height: 48px;
    background-image: url(../img/mi_btn.png);
    /* background-color: #000; */
    background-size: 100%;
}

.benefit-section {
    padding-bottom: 150px;
    position: relative;
    color: #fff;
    background: #4e464d;
    background: -moz-linear-gradient(top, #4e464d 0%, #303030 100%);
    background: -webkit-linear-gradient(top, #4e464d 0%, #303030 100%);
    background: linear-gradient(to bottom, #4e464d 0%, #303030 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4e464d', endColorstr='#303030', GradientType=0);
}

.benefit-section-header {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 70px;
    /*background-image: url(../img/benefit__phone_shadow.png);*/
    background-repeat: no-repeat;
    background-position: bottom;
}

.benefit-section-header img {
    max-width: 650px;
    /*max-width: 340px;
    margin-top: -50px;*/
    height: auto;
}

.benefit-section h2 {
    color: #f79f1a;
    font-size: 42px;
    font-weight: 100;
    text-transform: uppercase;
}

.benefit-section h3 {
    font-family: 'Averta Light';
    letter-spacing: 1px;
}

.benefit-section p {
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Averta Light';
    padding: 25px;
}

.benefit-box {
    padding: 15px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.benefit-box h3 {
    font-family: 'Averta Light';
    font-size: 22px;
    height: 50px;
}

.benefit-box p {
    font-family: 'Averta Light';
    color: #afafaf;
    padding-top: 0;
    font-weight: 300;
    font-size: 16px;
    color: #afafaf;
    line-height: 17px;
    letter-spacing: .5px;
}


/* price section */

.price-section {
    padding-top: 160px;
    padding-bottom: 50px;
    background: #451851;
    background-repeat: no-repeat;
    background-position: center right;
    background-attachment: fixed;
}

.price-section h1 {
    padding-top: 120px;
    font-size: 72px;
    font-weight: 100;
    color: #e60075;
    margin: 0;
    font-family: 'DINPro Bold', sans-serif;
    text-align: center;
}

.price-section h2 {
    color: #f0648c;
    font-weight: 100;
    font-size: 42px;
}

.price-section h3 {
    font-family: 'Averta Light';
    color: #7b7b7b;
    font-size: 20px;
    line-height: 28px;
    padding-left: 12%;
    padding-right: 12%;
}

.price-section p {
    font-family: 'DINPro', sans-serif;
    line-height: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
    /*color: #b5b5b5;*/
    color: #f5f5f5;
    font-size: 16px;
    text-align: center;
}

.price-section img {
    max-width: 100%;
    height: auto;
}

.up-cover-m {
    display: none;
}

.why-section .price-section {
    padding: 25px 0;
    margin-top: 60px;
    background: #481851;
    background-repeat: no-repeat;
    background-position: center right;
    background-attachment: fixed;
}


/* .price-section span {
    font-family: 'Averta Light';
    color: #55738f;
    font-size: 12px;
    width: 100%;
    float: left;
    padding: 20px;
    text-align: center;
} */

.price-section .btn-pink {
    margin-top: 0px;
    margin-bottom: 50px;
}

.price-box {
    width: 100%;
    float: left;
    clear: left;
    padding-top: 15px;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2689c9+0,0c598a+100 */
    background: #025082;
    /* Old browsers */
}


/*.price-box h4 {
width: 175px;
padding-left: 10px;
padding-right: 10px;
border-bottom-style: solid;
border-bottom-color: #fff;
border-bottom-width: 1px;
font-size: 22px;
color: #fff;
line-height: 50px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}*/


/* Old version */

.price-box h4 {
    width: 175px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-bottom-width: 1px;
    font-size: 60px;
    color: #ffffff;
    line-height: 50px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 25px;
}

.price-box-num {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    float: right;
    font-size: 45px;
    color: #ffffff;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.pack:after {
    font-family: 'DinPro', sans-serif;
    content: 'minuta/SMS';
    position: absolute;
    top: 75px;
    font-size: 18px;
    text-align: center;
    width: 100%;
    color: #682770;
    z-index: 99;
}


/*.price-box-num:before {
font-family: 'Raleway', sans-serif;
content: 'od';
position: absolute;
left: -39px;
top: 18px;
font-size: 30px;
font-weight: bold;
}*/

/* .price-box-num:after {
    font-family: 'Raleway', sans-serif;
    content: 'RSD';
    position: absolute;
    left: 60px;
    top: 8px;
    font-size: 30px;
    font-weight: 300;
    width: 60%;
    font-size: 18px;
    color: #ffffff;
    text-align: right;
} */

.package-duration {
    width: 120px;
    height: 120px;
    background-image: url(../img/package-duration.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: -30px;
    right: -30px;
    z-index: 999;
    background-color: #0d85c7;
}

.package-duration30 {
    width: 120px;
    height: 120px;
    background-image: url(../img/package-duration30.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    bottom: -30px;
    right: -30px;
    z-index: 999;
}

.p-duration {
    font-family: 'Lato', sans-serif;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    /*color: #f7a600;*/
    background-color: #682770;
}

.p-duration p {
    margin: 0 !important;
    padding: 3px;
    font-weight: 700;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.p-duration30 {
    font-family: 'Lato', sans-serif;
    float: right;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    margin-top: 25px;
    color: #ec288c;
}

.p-duration30 p {
    margin: 0 !important;
    /*color: #ea278a !important;*/
}

.promo-box-duration {
    margin-bottom: 10px !important;
    font-size: 16px;
}

.mix-paketi h4.package-addon-mix {
    border: none;
    font-size: 18px;
    line-height: 25px;
    float: right;
    width: auto;
    padding: 0 11px 0 0;
    font-family: 'DinPro', sans-serif;
    padding: 0 12px 0 0;
}

.price-box-addon {
    width: 100%;
    float: left;
    clear: left;
    background-color: #0c598a;
    text-align: center;
    margin-top: 5px;
    min-height: 140px;
}

.price-box-addon small {
    /* line-height: 50px; */
    font-family: 'Averta Light';
    font-weight: bold;
    color: #fff;
    font-size: 13px;
    padding: 25px;
    line-height: 16px;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}


/*********************/


/******* CREDIT ******/


/*********************/

.sim-credit-section {
    background: #f6f6f6;
}

.sim-credit-section h1 {
    font-family: 'DinPro', sans-serif;
    margin-top: 200px;
    font-size: 50px;
    color: #181818;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.sim-credit-section h2 {
    font-family: 'DinPro', sans-serif;
    font-size: 18px;
    color: #181818;
    font-weight: 100;
    text-transform: uppercase;
}

.sim-credit-section p {
    font-family: 'DinPro', sans-serif;
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    color: #fff;
}

.sim-credit-section small {
    color: #fff;
    width: 100%;
    text-align: center;
}

.sim-credit-section b,
.sim-credit-section strong {
    font-weight: 700;
    color: #ec008b;
}

.sim-credit-section .btn-pink {
    max-width: 100%;
}

.sim-credit-section label {
    color: #ffffff !important;
    font-weight: normal;
}

.sim-credit-section .help-block {
    margin-top: 6px;
    margin-bottom: -10px;
    text-align: left !important;
}

.sim-credit-section .form-control-feedback {
    top: 19px !important;
}

.sim-credit-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 100%;
}

#payForm .form-control-feedback {
    top: 43px !important;
}

.credit-amount-box-mini {
    float: left;
    width: 33.3333333%;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: #eb008b;
    background-color: #eb008b;
    margin-bottom: 10px;
    z-index: 9;
    position: relative;
}

.credit-amount-box-mini.active {
    border-style: solid;
    border-width: 1px;
    border-color: #f774be;
    background-color: #f775be;
}

.credit-amount-box-mini input {
    opacity: 0;
    position: absolute;
}

.credit-amount-box-mini p {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0px;
    padding: 20px;
}

.credit-amount-hide {
    margin-top: 0px;
    position: absolute;
    top: 61px;
    width: 100%;
}

.credit-amount-hide input {
    opacity: 0;
}

.credit-amount-hide i {
    display: none !important;
}

#payModal p {
    color: #333;
    line-height: 27px;
    font-size: 16px;
    margin: 0px;
}

.card-look {
    display: block;
    position: relative;
    width: 93.75%;
    max-width: 500px;
    min-width: 300px;
    margin: 30px auto;
    padding: 20px;
    overflow: hidden;
    border-radius: 6px;
    z-index: 1;
    color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8), inset 0px 1px 3px rgba(255, 255, 255, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.2);
    background: #1db1cf;
    background: -moz-linear-gradient(top, #1db1cf 0%, #1078ab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1db1cf), color-stop(100%, #1078ab));
    background: -webkit-linear-gradient(top, #1db1cf 0%, #1078ab 100%);
    background: -o-linear-gradient(top, #1db1cf 0%, #1078ab 100%);
    background: -ms-linear-gradient(top, #1db1cf 0%, #1078ab 100%);
    background: linear-gradient(to bottom, #1db1cf 0%, #1078ab 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1db1cf', endColorstr='#1078ab', GradientType=0);
}

.card-list {
    list-style: none;
    padding: 0px;
}

.card-list li {
    background-color: #fff;
    padding: 5px;
    margin-top: 15px;
    cursor: pointer;
}

.card-list li p {
    font-family: 'Averta Light';
    padding-top: 0px;
    font-size: 16px;
    padding-bottom: 0px;
    padding: 0px;
    line-height: 50px;
    color: #000;
    height: 50px;
    float: left;
    margin: 0px;
    margin-left: 10px;
}

.card-list li button {
    height: 50px;
    width: 80px;
}

.card-list li img {
    float: left;
    height: 50px;
    width: auto;
    background-color: #000;
    padding: 5px;
    margin-right: 10px;
}


/*********************/


/******* SHOP ********/


/*********************/

.phone-section {
    background-color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08111d+0,262e3b+100 */
    background: #08111d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #08111d 0%, #262e3b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #08111d 0%, #262e3b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #08111d 0%, #262e3b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#08111d', endColorstr='#262e3b', GradientType=0);
    /* IE6-9 */
}

.phone-section h1 {
    margin-top: 200px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.phone-section h2 {
    text-align: center;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Averta Light';
}

.phone-select {
    width: 100%;
    float: left;
    padding-top: 50px;
    padding-bottom: 20px;
}

.phone-box {
    float: left;
    width: 20%;
    cursor: pointer;
    padding: 20px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: transparent;
}

.phone-box img {
    width: 100%;
}

.phone-box::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 20px;
    height: 200px;
    width: 1px;
    background-color: #3a424d;
}

.phone-box:last-child::after {
    display: none;
}

.phone-box:hover {
    transition: .3s ease all;
    z-index: 999;
    border-bottom-style: solid;
    border-bottom-color: #ef508a;
    -webkit-box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
}

.phone-box h3 {
    color: #d6d5d5;
    font-size: 19px;
    min-height: 40px;
}

.phone-disable {
    opacity: .35;
}

.phone-active {
    opacity: 1;
    transition: .3s ease all;
    z-index: 999;
    border-bottom-style: solid;
    border-bottom-color: #ef508a;
    -webkit-box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
}

.phone-box p {
    font-size: 17px;
    color: #878c98;
}

.phone-expand {
    display: none;
}

.phone-view {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #2e323d;
    display: none;
}

.phone-view table {
    color: #999;
    margin-top: 20px;
}

.phone-view table p {
    padding: 0px;
    font-style: italic;
    margin: 0px;
}

.phone-view table td {
    padding: 10px;
}

.phone-view table tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0.07);
}

.phone-view .container {
    position: relative;
}

.phone-view h1 {
    font-family: 'Averta Thin';
    font-size: 58px;
    margin: 0px;
    text-align: left;
    text-transform: none;
    margin-top: 20px;
}

.phone-view p {
    font-family: 'Averta Light';
    color: #c7c7c7;
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.phone-view h4 {
    font-size: 25px;
    margin-bottom: 20px;
    color: #4e4e4e;
}

.close-phone-view {
    right: 0px;
    position: absolute;
    font-size: 50px;
    top: -10px;
    color: #888;
    cursor: pointer;
    z-index: 99;
}

.close-phone-view:hover {
    color: #0090d0;
}

.alert-color {
    display: block;
    color: #e30d7c;
    margin-bottom: 10px;
}

.phone-pack {
    padding-top: 50px;
    padding-bottom: 160px;
    background-color: #4a4f5d;
    display: none;
}

.price-info {
    color: #babcc0;
    padding: 20px;
    padding-top: 40px;
}

.phone-pack hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #5f6470;
}

.phone-pack h4 {
    color: #a6a9ad;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.phone-img {
    list-style: none;
    padding: 0px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.phone-img li {
    padding: 3px;
    float: left;
    background: rgba(0, 0, 0, 0.07);
    margin: 1px;
    cursor: pointer;
}

.phone-img li img {
    float: left;
}

.phone-color {
    list-style: none;
    padding: 0px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.phone-color li {
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #ddd;
    margin-right: 10px;
    cursor: pointer;
}

.phone-color li.color-active,
.phone-color li:hover {
    border-color: #ef508a;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.phone-color-border {
    position: relative;
}

.phone-color-border::after {
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 0px;
    width: 1px;
    background-color: #5f6470;
    content: '';
}

.black-phone {
    background-color: #000;
}

.gold-phone {
    background-color: #dcc084;
}

.silver-phone {
    background-color: #eee;
}

.phone-pack .nav-tabs {
    border: none;
}

.phone-pack .nav-tabs>li>a {
    border-radius: 0px;
    text-align: center;
    font-size: 20px;
    color: #454b58;
    background-color: #babcc0;
    border: none;
}

.phone-pack .nav-tabs>li>a {
    line-height: 16px;
}

.phone-pack .nav-tabs>li>a small {
    font-size: 12px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background-color: #ffffff;
    color: #454b58;
}

.nav-tabs>li>a:hover {
    border: none;
}

.phone-pack .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
    width: 50%;
    border: none;
}

.phone-pack .tab-content {
    text-align: center;
}

.phone-pack-price {
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 60px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 0px;
}

.phone-pack-price sup {
    font-size: 17px;
    line-height: 17px;
}

.phone-pack-info p {
    font-family: 'Averta Light';
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    max-width: 450px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.phone-pack-info p span {
    color: #848484;
}

.phone-pack .btn-pink {
    margin-top: 40px;
    max-width: none;
}


/*********************/


/***** CHECKOUT ******/


/*********************/

.checkout-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.checkout-section h2 {
    font-size: 33px;
    padding-bottom: 30px;
    font-weight: 100;
}

.checkout-section button {
    max-width: none;
    width: 50%;
    margin-left: 1%;
    margin-top: 15px;
}

.checkout-section button.fullWidth {
    width: 100%;
}

.raffLink {
    margin-top: 0px;
    float: right;
}

.checkout-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 100%;
}

.checkout-section .help-block {
    margin-top: 5px;
}

.cart-item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    width: 100%;
    float: left;
    padding: 20px;
}

.cart-table td {
    padding: 20px;
}

.cart-table tr {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dcdbdb;
}

.cart-item-image {
    width: 20%;
    text-align: center;
}

.cart-item-image img {
    width: 100%;
    float: left;
}

.cart-item-title h4 {
    font-size: 18px;
    color: #666;
}

.cart-item-info p strong {
    color: #999;
}

.cart-item-qty {
    padding-top: 30px;
    font-family: 'Lato', sans-serif;
    color: #888;
    font-weight: 300;
}

.cart-item-qty2 {
    padding-top: 30px;
    font-family: 'Lato', sans-serif;
    color: #888;
    font-weight: 300;
}

.cart-item-price {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    text-align: right;
}

.cart-item-price del {
    color: #999;
}

.cart-total {
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 50px;
    padding-bottom: 40px;
    font-weight: 700;
}

.cart-total small {
    font-size: 10px;
}

.cart-total-price {
    font-size: 28px;
}

.cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    min-height: 90px;
    border-style: solid;
    border-width: 1px;
    border-color: #c3c3c3;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

.cart-product-box label {
    font-size: 20px;
    color: #5f5b5b;
}

.cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    margin: 6px;
    margin-left: 0px;
    color: #b7b7b7;
}

.sim-order-section .cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-family: 'DinPro', sans-serif;
    min-height: 90px;
    border-style: solid;
    border-width: 1px;
    border: none;
    background-color: #f5f5f5;
    transition: 0.2s ease-in;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

.sim-order-section .cart-product-box:hover {
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    transition: 0.2s ease-in;
}

.sim-order-section .cart-product-box label {
    font-size: 22px;
    color: #682770;
}

.sim-order-section .cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 100;
    margin: 6px;
    margin-left: 0px;
    color: #5f5b5b;
}

.ssp-section {
    background: #ffffff;
    color: #682770;
    font-family: 'DinPro', sans-serif;
    padding-bottom: 150px;
}

.radio-box label {
    margin-top: 9px;
}

.radio-box input {
    opacity: 0;
    position: absolute;
}

.radio-box i {
    /*position: absolute;
    right: 30px;
    font-size: 40px;
    top: 10px;
    color: #5f5b5b;*/
    position: absolute;
    right: 25px;
    font-size: 30px;
    top: 18px;
    color: #5f5b5b;
}

.radio-box i.rfbank {
    position: absolute;
    right: 30px;
    font-size: 40px;
    top: -5px;
    color: #eee;
}

.radio-box.active {
    border-color: #ec008b;
}

.radio-box.active p {
    color: #333;
}

.price-stroke {
    position: relative;
    float: right;
}

.price-stroke sup {
    top: -3px;
}

.price-stroke::after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    height: 2px;
    top: 15px;
    background-color: #e25a5a;
}

.discount-price {
    position: relative;
    /*float: right;*/
}

.discount-price sup {
    top: -3px;
}

.discount-price::after {
    content: '';
    position: absolute;
    left: 15%;
    right: 15%;
    height: 2px;
    top: 50%;
    background-color: #e25a5a;
}

.discount-price-spec {
    position: relative;
    /*float: right;*/
}

.discount-price-spec sup {
    top: -3px;
}

.discount-price-spec::after {
    content: '';
    position: absolute;
    left: 23%;
    right: 23%;
    height: 4px;
    top: 60%;
    background-color: #e25a5a;
}

.promo-stamp {
    width: 90px;
    height: 90px;
    background-image: url(../img/promo_price_sticker.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 10px;
}

.new-offer-stamp {
    width: 90px;
    height: 90px;
    background-image: url(../img/new_offer_sticker.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 10px;
}

.payment-form {
    display: none;
    margin-top: 20px;
}

.radio-box-credit {
    text-align: center;
    height: 45px;
    line-height: 45px;
    background-color: #ebebeb;
    color: #454b58;
    float: left;
    width: 25%;
    margin-right: 2px;
    margin-bottom: 20px;
    cursor: pointer;
}

.radio-box-credit.active {
    background-color: #383838;
    color: #fff;
}

.credit-price {
    padding-top: 30px;
    padding-bottom: 40px;
    display: none;
    font-family: 'Lato', sans-serif;
}

.credit-price h4 {
    color: #bc226e;
    font-size: 26px;
}

.credit-price small {
    color: #676767;
    padding-top: 15px;
}

.amount-radio,
.singature-radio {
    opacity: 0;
}

.pay_credit_form a,
.pay_credit_form img {
    float: left;
}

.main-page-title-content h1.pay-header,
.main-page-title-content p.pay-header {
    margin-bottom: 0px;
    padding-top: 0px;
}


/* about company */

.company-section {
    color: #fff;
    padding-top: 80px;
    padding-bottom: 100px;
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}

.company-fix-top {
    padding-top: 200px;
}

.company-section h1 {
    font-size: 46px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    margin-bottom: 100px;
}

.company-section hr {
    margin-top: 60px;
    margin-bottom: 60px;
    border-top: 1px solid #16487b;
}

.company-section h3 {
    margin-bottom: 40px;
    font-weight: 100;
    text-transform: uppercase;
}

.company-section p {
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 300;
}

.company-section td p {
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    margin: 0px;
}

.company-section table {
    background-color: transparent;
    border-color: #fff;
}


/**/


/* set up apn */


/**/

.apn-section {
    color: #fff;
    padding-top: 200px;
    padding-bottom: 100px;
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}

.apn-section h1 {
    font-size: 46px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
}

.apn-section p {
    font-size: 29px;
    font-family: 'Averta Light';
    margin-top: 250px;
    padding-left: 100px;
    padding-right: 100px;
}

.apn-section .num,
.apn-section .num-2 {
    font-size: 39px;
    color: #fff;
    font-family: 'Lato';
    margin-bottom: -270px;
    font-weight: 100;
}

.apn-section .num span,
.apn-section .num-2 span {
    color: #82d3f7;
}

.apn-section .nav-pills {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.apn-section .nav-pills>li {
    float: left;
    width: 49%;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.apn-section .nav-pills>li.active>a,
.apn-section .nav-pills>li.active>a:focus,
.apn-section .nav-pills>li.active>a:hover {
    color: #0c76de;
    background-color: white;
    border-radius: 0px;
}

.apn-section .nav-pills>li>a {
    border-radius: 4px;
    color: #fff;
}

.apn-section nav>li>a:focus,
.apn-section .nav>li>a:hover {
    background-color: transparent;
}

.owl-nav {
    position: absolute;
    left: 0;
    top: 230px;
    width: 50%;
}

.owl-prev,
.owl-next {
    width: 70px;
    height: 70px;
    border-radius: 0px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    display: block;
}

.owl-theme .owl-nav {
    text-align: left;
    margin-top: 30px;
}

.owl-theme .owl-nav .disabled {
    opacity: 0;
    cursor: default;
}

.owl-next {
    position: absolute;
    right: -30px;
    background-image: url(../img/next.png) !important;
}

.owl-prev {
    left: -30px;
    background-image: url(../img/prev.png) !important;
}


/***/


/* FAQ */


/***/

.faq-section {
    padding-bottom: 150px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010101+0,929393+100 */
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}

.faq-section h1 {
    margin-top: 200px;
    margin-bottom: 100px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.faq-section .nav-pills a {
    text-align: right;
    color: #cccccc;
}

.faq-section .col-md-9 {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ccc;
}

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

.faq-section .nav-pills a:hover {
    text-align: right;
    color: #fff;
    background-color: transparent;
}

.faq-section .panel-default>.panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: #ddd;
    border: none;
}

.faq-section .panel-title {
    padding-left: 30px;
}

.faq-section .panel {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #17466e;
}

.faq-section .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    border: none;
}

.faq-section .panel-body p {
    font-size: 16px;
    color: #c1c1c1;
    padding-left: 70px;
    font-family: 'Averta Light';
}

.faq-section .panel-body ul {
    font-size: 16px;
    color: #c1c1c1;
    padding-left: 120px;
    font-family: 'Averta Light';
}

.panel-title i::after {
    content: "\f209";
}


/* Odabir broja */

.switch-number-instruction-table {
    color: #682770;
    background: #f5f5f5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding: 30px 30px;
    margin-top: 30px;
}

.switch-number-instruction-table h2 {
    text-align: left !important;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
}

.switch-number-instruction-table h2:before {
    content: '';
    position: absolute;
    font-size: 25px;
    text-align: left;
    color: #e60075;
    line-height: 18px;
    left: 115px;
    background-image: url('../img/alert-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-top: -2px;
}

.switch-number-instruction-table ul {
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'DinPro', sans-serif;
    text-transform: justify;
    color: #682770;
    padding-left: 0;
}

.switch-number-instruction-table ul li {
    padding: 2px 0;
}


/* Odabir broja */

.panel-title .collapsed i::after {
    content: "\f218";
}

.panel-title i {
    -ms-transform: rotate(0deg);
    /* IE  */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
    transition: .3s ease all;
}

.panel-title .collapsed i {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    transform: rotate(90deg);
    transition: .3s ease all;
}

.faq-contact-section {
    background-color: #1b578c;
}

.faq-contact-section .col-md-4 {
    border-right-style: solid;
    border-right-color: #ccc;
    border-right-width: 1px;
    border-right-color: #17466f;
}

.faq-contact-section .col-md-4:last-child {
    border: none;
}

.faq-contact-box {
    padding-top: 60px;
    padding-bottom: 40px;
    color: #fff;
    text-align: center;
}

.faq-contact-box i {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    font-size: 20px;
}

.faq-contact-box h5 {
    font-size: 18px;
    margin-bottom: 30px;
}

.faq-contact-box p {
    max-width: 240px;
    display: inline-block;
}


/**/


/* Roaming internet */


/**/

.rinternet-section h1 {
    margin-top: 200px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

.rinternet-section.home .sim-landing-hero-text>h1 .brand-title-top {
    font-size: 30px;
}

.rinternet-section.home .sim-landing-hero-text>h1 .brand-title-bottom {
    font-size: 49px;
}

.rinternet-section .sim-landing-hero-text>h1 .brand-title-top {
    font-size: 48px;
}

.rinternet-section .sim-landing-hero-text>h1 .brand-title-bottom {
    font-size: 54px;
}

.rinternet-section h2 {
    font-family: 'DinPro';
    font-size: 18px;
    color: #682770;
    text-align: left;
    margin-bottom: 40px;
}

.rinternet-section.home {
    background: url('../img/roaming-hero-bg.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    box-shadow: 2px 0 12px rgb(0, 0, 0, .35);
    z-index: 1;
    padding-bottom: 0;
}

.rinternet-section.home h2 {
    color: #ffffff;
}

.rinternet-section p {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.rinternet-benefits-section {
    padding: 60px;
    position: relative;
    color: #fff;
    background: url('../img/section-2-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.rinternet-benefits-section p {
    margin-bottom: 40px;
    margin-top: 20px;
}

.rinternet-step-section {
    padding: 60px;
}

.rinternet-step-section h4 {
    text-align: center;
    color: #682770;
    margin-bottom: 36px;
    font-family: 'DinPro', sans-serif;
}

.rinternet-step-box {
    width: 20%;
    float: left;
    text-align: center;
    color: #fff;
}

.rinternet-step-box p {
    font-family: 'Averta Light';
    font-size: 16px;
    padding-top: 20px;
    color: #fff;
}

.mastercard-step-box a,
.rinternet-step-box a {
    color: #ffffff !important;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    transition: .3s ease all;
}

.mastercard-step-box a:hover,
.rinternet-step-box a:hover {
    border-color: #999;
    transition: .3s ease all;
}

.rinternet-img {
    position: absolute;
    bottom: 50px;
    left: 20px;
}


/**/


/* Contact */


/**/

.contact-section {
    padding-bottom: 150px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010101+0,929393+100 */
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
}

.contact-section h1 {
    margin-top: 200px;
    margin-bottom: 100px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.contact-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-form h4 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

.contact-form .input-div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-form form {
    display: flex;
    flex-direction: column;
}

.contact-form .btn-div {
    display: flex;
    justify-content: flex-end;
}

.contact-section h3 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 32px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.contact-section form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 40%;
    min-width: 300px;
}

.contact-section form label {
    color: white;
    margin-bottom: -5px;
}

.contact-section form input,
.contact-section form textarea,
.contact-section form select {
    padding: 10px;
    width: unset;
    font-size: 17px;
    font-family: Raleway;
    background-color: transparent;
    border: 1px solid #ffffff;
    resize: none;
    outline: none;
    color: #FFFFFF;
    margin-bottom: .5rem;
}

.contact-section form select option {
    color: black;
}

.contact-section form input::placeholder,
.contact-section form textarea::placeholder {
    color: #FFFFFF;
    opacity: .8;
    font-weight: 200;
}

.contact-section .btn-div {
    display: flex;
    justify-content: flex-end;
}

.contact-section .btn-div button {
    padding: .6rem 3rem;
    outline: none;
    border: none;
}

.contact-section h4 {
    color: #fff;
    margin-bottom: 20px;
}

.contact-section p {
    color: #bbbbbb;
    margin-bottom: 30px;
}

.contact-section p a {
    color: #fff;
}

.contact-email-icon {
    float: left;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 32px;
    width: 60px;
    border-style: solid;
    text-align: center;
    border-radius: 30px;
    border-width: 1px;
    margin-right: 20px;
}


/**/


/* Mastercard */


/**/

.mastercard-header {
    background-image: url(../img/mastercard__header_bg.png);
    padding-bottom: 160px;
    background-size: cover;
}

.mastercard-header h1 {
    color: #f79f1a;
    text-transform: uppercase;
}

.mastercard-header h2 {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Averta Thin';
    padding-bottom: 90px;
}

.mastercard-header h3 {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Averta Light';
    text-transform: uppercase;
}

.mastercard-header p {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Averta Thin';
}

.mastercard-section {
    background-color: #3a373a;
    padding-top: 15px;
}

.mastercard-benefit-section {
    background-color: #363235;
    margin-bottom: 120px;
}

.mastercard-section h3 {
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Averta Light';
    text-transform: uppercase;
    margin-bottom: 50px;
}

.mastercard-benefit-section h3 {
    text-transform: none;
    margin-bottom: 0px;
}

.mastercard-step-box {
    width: 20%;
    float: left;
    text-align: center;
    color: #fff;
}

.mastercard-step-box p {
    font-family: 'Averta Light';
    font-size: 16px;
    padding-top: 20px;
}

.mastercard-step-box p a {
    color: #fff;
}

.step-num {
    width: 40px;
    height: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 20px;
    display: inline-block;
    line-height: 37px;
    font-size: 18px;
}

.mastercard-note {
    background-color: #2c2c2c;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: 120px;
    color: #999999;
}

.mastercard-note h4 {
    text-transform: uppercase;
    margin-top: 80px;
}

.mastercard-note p {
    font-size: 16px;
    font-family: 'Averta Light';
}

.mastercard-note .btn {
    margin-top: 30px;
}

.border-l-r {
    border-left-style: solid;
    border-left-width: 15px;
    border-left-color: #3a373a;
    border-right-style: solid;
    border-right-width: 15px;
    border-right-color: #3a373a;
}


/* app page */

.app-section {
    background: -moz-linear-gradient(top, #060f1c 0%, #0a5a87 100%);
    background: -webkit-linear-gradient(top, #060f1c 0%, #0a5a87 100%);
    background: linear-gradient(to bottom, #060f1c 0%, #0a5a87 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#060f1c', endColorstr='#0a5a87', GradientType=0);
    color: #fff;
}

.app-options-box {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 70px;
    margin-bottom: 30px;
}

.app-options-box h4 {
    font-size: 25px;
    font-family: 'Averta Light';
    text-transform: uppercase;
}

.app-options-box p {
    font-size: 16px;
    font-family: 'Averta Light';
    padding: 20px;
}

.app-options-box p a {
    color: #fff;
    margin-top: 15px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.app-options-box p a:hover {
    border-color: #999;
    transition: .3s ease all;
}

.app-section h1 {
    margin-top: 200px;
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}


/* sim */

.sim-section {
    background: #ffffff;
}

.sim-section-bg {
    position: absolute;
    left: 0px;
    top: 20%;
}

.sim-section .container {
    z-index: 9;
    position: relative;
}

.sim-section .container .btn {
    margin-bottom: 60px;
}


/*
.sim-section:after {
content: '';
right: 0px;
position: absolute;
bottom: 0px;
background-image: url(../img/price__sim.png);
background-repeat: no-repeat;
background-position: center right;
width: 642px;
height: 720px;
background-size: 80%;
}

*/

.sim-section-landing-image {
    width: 100%;
    height: 600px;
    background-image: url('../img/her0.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sim-section h1 {
    margin-top: 150px;
    margin-bottom: 100px;
    font-size: 50px;
    color: #682770;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    font-family: 'DinPro', sans-serif;
}

.sim-section h2 {
    color: #682770;
    font-size: 18px;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    margin-top: 50px;
}

.sim-section h3 {
    color: #f5f5f5;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    font-family: 'DinPro Bold', sans-serif;
    margin-top: 60px;
    margin-bottom: 30px;
}

.addition-packages-section h3 {
    color: #682770;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    font-family: 'DinPro Bold', sans-serif;
    margin-top: 60px;
    margin-bottom: 30px;
}

.addition-packages-section p {
    color: #682770;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    /* margin-top: 60px; */
    margin-bottom: 90px;
}

.sim-section p {
    color: #f5f5f5;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    /* margin-top: 60px; */
    margin-bottom: 30px;
}

.sim-section .internet h3 {
    text-align: left;
    padding-left: 15px;
    line-height: 25px;
}

.sim-section .internet h4 {
    color: #682770;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    font-family: 'DinPro', sans-serif;
    margin-top: 30px;
    /* text-transform: uppercase; */
    margin-bottom: 30px;
    margin-left: 15px;
}

.sim-section .internet h4.promo-title {
    width: 175px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    border-bottom-width: 1px;
    font-size: 50px;
    color: #682770;
    line-height: 50px;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 25px;
    text-align: center;
}

.sim-section .internet h4.promo-title:last-child {
    color: #e60075;
}

.sim-section .internet h3:after {
    position: absolute;
    content: '';
    background-image: url('../img/globe-package-icon.png');
    width: 120px;
    height: 28px;
    background-repeat: no-repeat;
    margin-left: 20px;
}

.sim-section .internet .price-box {
    width: 100%;
    float: left;
    clear: left;
    padding-top: 15px;
    margin-bottom: 25px;
    position: relative;
    background: #f5f5f5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding-bottom: 0 !important;
    transform: scale(.7);
}

.sim-section .internet .price-box h4 {
    border: none;
}

.sim-section .internet .price-box hr {
    border-color: #682770;
    margin: 0 25px;
}

.sim-section .internet .price-box-num {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    float: right;
    font-size: 45px;
    color: #682770;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

/* .sim-section .internet .price-box-num:after {
    font-family: 'DinPro', sans-serif;
    content: 'RSD';
    position: absolute;
    left: 60px;
    top: 8px;
    font-size: 30px;
    font-weight: 300;
    width: 60%;
    font-size: 18px;
    color: #682770;
    text-align: right;
} */

.sim-section .min-sms .price-box {
    width: 100%;
    float: left;
    clear: left;
    padding-top: 15px;
    margin-bottom: 25px;
    position: relative;
    background: #f5f5f5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding-bottom: 0;
    transform: scale(.7);
}

.sim-section .min-sms .price-box hr {
    border-color: #682770;
    margin: 0 25px;
}

.sim-section .min-sms h3 {
    text-align: left;
    padding-left: 15px;
    line-height: 25px;
}

.sim-section .min-sms h3:after {
    position: absolute;
    content: '';
    background-image: url('../img/min-sms-icon.png');
    width: 120px;
    height: 28px;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: -4px;
}

.addition-packages-section .min-sms-icon,
.addition-packages-section .internet-icon {
    margin-top: 80px;
    margin-bottom: 50px;
    text-align: center;
}

.promo-icon-r .min-sms-icon {
    margin-top: 45px;
}

.why-section-content .min-sms-icon,
.why-section-content .internet-icon {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.sim-section .min-sms h4 {
    color: #682770;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    font-family: 'DinPro', sans-serif;
    margin-top: 25px;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: 15px;
}

.sim-section .min-sms .price-box .pack h4.promo-title {
    width: 175px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 60px;
    color: #682770;
    line-height: 50px;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 25px;
    text-align: center;
    border: none;
}

.sim-section .min-sms .price-box .price-box-num {
    color: #682770;
}

.sim-section .min-sms .price-box .price-box-num::after {
    color: #682770;
}

.sim-section .mix-paketi .price-box {
    width: 100%;
    float: left;
    clear: left;
    padding-top: 15px;
    margin-bottom: 25px;
    position: relative;
    background: #f5f5f5;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    padding-bottom: 0;
}

.sim-section .mix-paketi .price-box hr {
    border-color: #682770;
    margin: 0 25px;
}

.sim-section .mix-paketi h3 {
    text-align: left;
    padding-left: 15px;
}

.sim-section .mix-paketi h3:after {
    position: absolute;
    content: '';
    background-image: url('../img/packages-icon.png');
    width: 120px;
    height: 28px;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: -4px;
}

.sim-section .mix-paketi h4 {
    color: #682770;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    font-family: 'DinPro', sans-serif;
    margin-top: 25px;
    margin-bottom: 30px;
    margin-left: 15px;
}

.sim-section .mix-paketi h4.package-addon-mix {
    color: #682770;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    font-family: 'DinPro', sans-serif;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

.sim-section .mix-paketi h4.promo-title {
    width: 175px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 60px;
    color: #682770;
    line-height: 50px;
    margin: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 25px;
    text-align: center;
    border: none;
}

.sim-section .mix-paketi .price-box-num {
    color: #682770;
}

.sim-section .mix-paketi .price-box-num::after {
    color: #682770;
}

.sim-section .about-package {
    font-family: 'DinPro', sans-serif;
    font-weight: 400;
    color: #682770;
    margin: 40px 0 60px 0;
    text-align: center;
    font-size: 20px;
}

.sim-section .hero-text p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    margin-top: 50px;
    margin-bottom: 50px;
}

.sim-section .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
    text-align: center;
}

.sim-section .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #bbbcbc;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fefefe;
}

.sim-section .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 15px;
}

.sim-section .nav-tabs {
    border: none;
}


/*WHY CARD*/


/* .sim-section .why-section .why-section-content span {
    background: -webkit-linear-gradient(#e60075, #682770);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
} */

.addition-packages-section {
    padding: 120px;
}

.sim-section .why-card h1 {
    margin: 0 auto;
    padding: 15px;
    font-size: 20px;
}

.sim-section .why-card p {
    color: #682770;
    font-family: 'DinPro', sans-serif;
    font-weight: 300;
    text-align: center;
    font-size: 16px;
}

.sim-section .why-card hr {
    width: 25px;
    border-color: #e60075;
}


/*WHY CARD*/


/* Promo section */

.parallax-window {
    height: 350px;
    background: transparent;
}

.promo-section {
    /* background-image: url('../img/img-section.jpg'); */
    background-color: #682770;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 120px 0;
}

.promo-section h1 {
    font-family: 'DINPro Black', sans-serif;
    font-size: 45px;
    font-weight: 800;
    color: #f5f5f5;
    text-align: center;
}

.promo-section h2 {
    font-family: 'DINPro Bold', sans-serif;
    font-size: 25px;
    font-weight: 500;
    color: #f5f5f5;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
}

.promo-section-roaming {
    background-image: url('../img/roaming-promo.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}

.promo-package-addon {
    font-size: 16px;
    float: left;
    line-height: 0px;
    text-align: center;
    margin: 8px;
    color: #682770;
}

.promo-package-hr {
    margin: 10px 0;
    border-top: 2px solid #682770
}

.box-promo-net .promo-package span {
    color: #682770;
}

.promo-section-roaming h1 {
    font-family: 'DINPro', sans-serif;
    font-size: 45px;
    font-weight: 800;
    color: #ffffff;
    text-align: center;
}

.promo-section-roaming h2 {
    font-family: 'DINPro', sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    margin-top: 30px;
}

.wt-section {
    background-image: url('../img/wt-section.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
}

.package-step-duration .nav-item .nav-link:hover {
    background-color: transparent !important;
    color: #f5f5f5 !important;
}

.package-step-duration .nav-item .nav-link:active,
.package-step-duration .nav-item .nav-link:focus {
    background-color: #f5f5f5 !important;
    color: #451851 !important;
}

.package-step-duration .nav-item .nav-link:hover~.package-step-duration {
    background-color: #e2e2e2 !important;
}

.package-step-duration .nav-item.active .nav-link:hover {
    background-color: #f5f5f5 !important;
    color: #451851 !important;
}

.sim-section .nav-tabs>li.active>a,
.sim-section .nav-tabs>li.active>a:focus,
.sim-section .nav-tabs>li.active>a:hover {
    border: none;
    background-color: #163d61;
    color: #fff;
}

.sim-section .nav>li>a:focus,
.sim-section .nav>li>a:hover {
    background-color: #163d61;
    color: #fff;
}

.sim-section hr {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #bbbcbc;
}

.sim-section .hr-sim {
    width: 80px;
    border-top: 6px solid #682770;
    margin: 40px 0;
}

.sim-section .tab-content ul {
    margin: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.sim-section .tab-content li {
    clear: left;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
}

.sim-section .tab-content li i {
    color: #163d61;
    font-size: 30px;
}

.sim-section .tab-content img {
    max-height: 70px;
}


/* BG IMAGE */

.bg-image {
    background-image: url('../img/bg-girl.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 450px;
}

.brand-title-top {
    font-family: 'DinPro Black', sans-serif;
    font-size: 60px;
    font-weight: 700;
    color: #e60075;
}

.sim-landing h1 {
    font-family: 'DinPro Black', sans-serif;
    font-size: 100px;
    text-transform: initial;
    margin: 20px 0;
}

.sim-landing h1:nth-child(1) {
    color: #e60075;
}

.sim-landing h1:nth-child(2) {
    margin-top: 0px !important;
}

.brand-title-bottom {
    font-family: 'DinPro', sans-serif;
    font-size: 83px;
    font-weight: 400;
}

.rinternet-section .brand-subtitle {
    font-family: 'DinPro', sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #682770;
    margin-top: 80px;
}

.wtn-title-top {
    font-family: 'DinPro', sans-serif;
    font-size: 90px;
    font-weight: 700;
    color: #fff;
    white-space: pre-line;
}

.wtn-title-bottom {
    font-family: 'DinPro', sans-serif;
    font-size: 57px;
    font-weight: 700;
}

.up-title-top {
    font-family: 'DinPro', sans-serif;
    font-size: 90px;
    font-weight: 700;
    color: #e60075;
    white-space: pre-line;
}

.up-title-bottom {
    font-family: 'DinPro', sans-serif;
    font-size: 44px;
    font-weight: 700;
    color: #682770;
}

a.navbar-brand img {
    width: 184px;
    height: 50px;
    border: none !important;
    outline: none !important;
}

#submitSwitchNumberModal {
    font-family: 'DinPro', sans-serif;
    text-align: center;
}

#submitSwitchNumberModal h5,
p {
    font-size: 16px;
}

#submitSwitchNumberModal .modal-body {
    padding: 40px;
}

#submitSwitchNumberModal .modal-dialog .modal-header {
    border: none;
}

#submitSwitchNumberModal .modal-dialog .modal-footer {
    border: none;
}

#submitSwitchNumberModal .modal-dialog .modal-content .modal-footer .cancel-btn {
    border: none;
    background-color: #c9c9c9;
    color: #ffffff;
    transition: 0.3 ease-in;
}

#submitSwitchNumberModal .modal-dialog .modal-content .modal-footer .cancel-btn:hover {
    background-color: #e6e6e6;
    color: #333333;
    transition: 0.3 ease-in;
}


/* Transfer Number Form START */

.transfer-number-section {
    background: #035388;
    background: -moz-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: -webkit-linear-gradient(top, #035388 0%, #0169a2 100%);
    background: linear-gradient(to bottom, #035388 0%, #0169a2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#035388', endColorstr='#0169a2', GradientType=0);
    padding-top: 150px;
    padding-bottom: 180px;
}

.transfer-number-section h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.transfer-number-section h2 {
    color: #4e4e4e;
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 80px;
}

.transfer-number-section h3 {
    color: #e2007d;
    margin-top: 68px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 28px;
}

.transfer-number-section p {
    font-family: 'Averta Light';
    padding-top: 30px;
    font-size: 20px;
    color: #fff;
}

.transfer-number-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 158px;
}

.transfer-number-section .form-control {
    border-radius: 0px;
    margin-bottom: 20px;
}

.transfer-number-section .input-group {
    margin-bottom: 20px;
}

.input-group-addon {
    border-radius: 0px;
}

.transfer-number-section .input-group .form-control {
    margin-bottom: 0px;
}

.transfer-number-section-alert {
    font-family: 'Lato';
    /*padding-top: 8px;*/
    padding-bottom: 8px;
    color: #616161;
    font-size: 14px;
    float: left;
    width: 100%;
    text-align: center;
}

.form-control-feedback {
    top: 19px;
    right: 27px;
}

.transfer-number-section .btn-pink {
    max-width: none;
}


/* Transfer Number Form END */

.sim-order-section,
.wtn-example-section {
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f5f5f5;
}

a[ id="order-button"]:target~#orderSim {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
}

.sim-order-section h2 {
    color: #682770;
    font-size: 25px;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    margin-top: 0;
    margin-bottom: 40px;
}

.sim-order-section p {
    color: #682770;
}

.wtn-example-section h2 {
    color: #682770;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.sim-order-section h3,
.wtn-example-section h3 {
    color: #e2007d;
    margin-top: 68px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 28px;
}

.sim-order-section h3,
.wtn-example-section h3 {
    color: #682770;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    font-family: 'DinPro', sans-serif;
    margin-bottom: 60px;
}

.sim-order-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 158px;
}

.sim-order-section .form-control {
    border-radius: 0px;
    margin-bottom: 20px;
}

.sim-order-section .input-group {
    margin-bottom: 20px;
}

.input-group-addon {
    border-radius: 0px;
}

.sim-order-section .input-group .form-control {
    margin-bottom: 0px;
}

.sim-order-section-alert {
    font-family: 'Lato';
    /*padding-top: 8px;*/
    padding-bottom: 8px;
    color: #616161;
    font-size: 14px;
    float: left;
    width: 100%;
}

.form-control-feedback {
    top: 19px;
    right: 27px;
}

.sim-order-section .btn-pink {
    max-width: none;
}

.sim-order-section .cart-product-box.active {
    background-color: #F1EBF2;
}

.sim-order-section .cart-product-box label {
    font-size: 14px;
}

.sim-order-section .choose-number {
    margin-bottom: 50px;
    font-family: 'DinPro', sans-serif;
}

.sim-order-section .choose-number p {
    font-weight: 400;
    color: #682770;
}

.sim-order-section .sub-heading-left {
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px;
    font-family: 'DinPro', sans-serif;
}

.help-block {
    margin-top: -17px;
    margin-bottom: 10px;
}

.sim-cart-price {
    font-family: 'Lato';
    /* color: #eb008b; */
    font-size: 25px;
    font-weight: 700;
}

.sim-cart-qty {
    width: 100%;
    text-align: center;
}

.sim-cart-minus-qty {
    position: absolute;
    background-color: #e0e0e0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    left: 16px;
    top: 1px;
}

.sim-cart-minus-qty2 {
    position: absolute;
    background-color: #e0e0e0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    left: 16px;
    top: 1px;
}

.sim-cart-plus-qty {
    position: absolute;
    background-color: #e0e0e0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    right: 16px;
    top: 1px;
}

.sim-cart-plus-qty2 {
    position: absolute;
    background-color: #e0e0e0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    text-align: center;
    right: 16px;
    top: 1px;
}


/* price */

.service-section {
    padding-top: 200px;
    padding-bottom: 200px;
    background: #07101d;
    background: -moz-linear-gradient(top, #07101d 0%, #484f5c 100%);
    background: -webkit-linear-gradient(top, #07101d 0%, #484f5c 100%);
    background: linear-gradient(to bottom, #07101d 0%, #484f5c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#07101d', endColorstr='#484f5c', GradientType=0);
}

.service-section h1 {
    font-size: 46px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    margin-bottom: 20px;
}

.md-d {
    display: block;
}

.sm-d {
    display: none;
}

.dotted-link {
    color: #fff;
    margin-top: 15px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.dotted-link:hover,
.dotted-link:focus,
.dotted-link:active {
    color: #ffffff !important;
    border-color: #999;
    transition: .3s ease all;
}

.service-section p {
    font-family: 'Averta Light';
    padding-top: 30px;
    font-size: 20px;
    color: #fff;
}

.small-p {
    color: #999;
    font-size: 12px !important;
}

.select-service-group {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #5a5f69;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.select-service {
    width: 100%;
    float: left;
    height: 78px;
    line-height: 78px;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}

.select-service:after {
    background-image: url(../img/angle-down.png);
    content: '';
    width: 30px;
    height: 78px;
    position: absolute;
    right: 50px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .3s ease all;
    background-size: 12px;
}

.service-open {
    background-color: #eb008a;
    transition: .3s ease all;
}

.select-service-group a {
    transition: .3s ease all;
    text-decoration: none;
}

.service-open:after,
.select-service:hover.select-service:after {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    transform: rotate(90deg);
    transition: .3s ease all;
}

.select-service small {
    color: #fff;
    font-size: 14px;
}

.select-service i {
    font-size: 33px;
    color: #fff;
    /* line-height: 78px; */
    margin-right: 15px;
    padding-top: 22px;
    float: left;
}

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

.no-after::after {
    display: none;
}

.service-price {
    display: none;
}

.service-price h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #0090d0;
}

.service-price h3 img {
    margin-bottom: 10px;
}

.voice-price-box {
    font-family: 'Lato', sans-serif;
    width: 100%;
    max-width: 370px;
    border-style: solid;
    border-width: 1px;
    border-color: #0090d0;
    margin-bottom: 60px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.outgoing-call-sim,
.incoming-call-sim,
.outgoing-call-app,
.incoming-call-app {
    position: relative;
}

.outgoing-call-sim::before {
    position: absolute;
    content: '';
    left: -90px;
    top: -10px;
    width: 76px;
    height: 164px;
    background-size: 76px;
    background-image: url(../img/outgoing-call-sim.png);
}

.incoming-call-sim::after {
    position: absolute;
    content: '';
    right: -90px;
    top: -10px;
    width: 76px;
    height: 164px;
    background-size: 76px;
    background-image: url(../img/incoming-call-sim.png);
}

.outgoing-call-app::before {
    position: absolute;
    content: '';
    left: -90px;
    top: -10px;
    width: 76px;
    height: 164px;
    background-size: 76px;
    background-image: url(../img/outgoing-call-app.png);
}

.incoming-call-app::after {
    position: absolute;
    content: '';
    right: -90px;
    top: -10px;
    width: 76px;
    height: 164px;
    background-size: 76px;
    background-image: url(../img/incoming-call-app.png);
}

.voice-price-box-header {
    text-transform: uppercase;
    width: 100%;
    float: left;
    clear: left;
    padding-left: 20px;
    padding-right: 20px;
}

.voice-price-box-header span {
    float: right;
    font-size: 35px;
    line-height: 40px;
    color: #3390d1;
}

.voice-price-box-header sup {
    font-size: 16px;
}

.voice-price-box-header h4 {
    float: left;
    font-weight: 300;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    color: #3390d1;
}

.voice-price-box-value {
    width: 100%;
    float: left;
    clear: left;
    background-color: #0090d0;
}

.voice-price-box-value p {
    float: left;
    padding: 20px;
    font-size: 20px;
    color: #fff;
}

.voice-price-box-num {
    font-weight: 700;
    float: right;
    font-size: 68px;
    position: relative;
    color: #fff;
    margin-right: 58px;
    float: right;
}

.voice-price-box-num::after {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 18px;
    content: 'RSD';
    right: -40px;
    position: absolute;
    top: 50%;
}

.voice-price-box p {
    color: #fff;
    float: left;
}

.data-price-box {
    font-family: 'Lato', sans-serif;
    width: 100%;
    max-width: 370px;
    border-style: solid;
    border-width: 1px;
    border-color: #0090d0;
    margin-bottom: 60px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.data-price-box-header {
    text-transform: uppercase;
    width: 100%;
    float: left;
    clear: left;
    padding-left: 20px;
    padding-right: 20px;
}

.data-price-box-header sup {
    font-size: 16px;
}

.data-price-box-header h4 {
    font-weight: 300;
    line-height: 40px;
    margin: 0px;
    padding: 0px;
    color: #3390d1;
    text-align: center;
}

.data-price-box-value {
    width: 100%;
    float: left;
    clear: left;
    background-color: #0090d0;
}

.data-price-box-num {
    font-weight: 700;
    float: right;
    font-size: 47px;
    position: relative;
    color: #fff;
    text-align: center;
    width: 100%;
}

.data-price-box-num::after {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 18px;
    content: 'RSD';
    right: 40px;
    position: absolute;
    top: 50%;
}

.pink-title {
    color: #eb008a !important;
}

.app-color {
    border-color: #eb008a;
}

.app-color .voice-price-box-value,
.app-color .data-price-box-num {
    background-color: #eb008a;
}

.app-color h4,
.app-color span {
    color: #eb008a;
}

.uvs,
.uva {
    float: left;
}

.contact-search {
    padding-top: 100px;
}

.contact-search .nav-tabs {
    border: none;
}

.contact-search .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
    text-align: center;
}

.contact-search .nav-tabs>li.active>a,
.contact-search .nav-tabs>li.active>a:focus,
.contact-search .nav-tabs>li.active>a:hover {
    border: none;
    background-color: #163d61;
    color: #fff;
    border: 1px solid #163d60;
}

.contact-search .nav>li>a {
    position: relative;
    display: block;
    padding: 20px 15px;
}

.contact-search .nav-tabs>li>a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #bbbcbc;
    border-radius: 0px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fefefe;
    background-color: transparent;
}

.contact-search .btn {
    width: 45px;
    z-index: 9;
    position: absolute;
    right: 16px;
    top: 1px;
}


/*********************/


/*********************/


/*********************/


/*********************/


/*********************/


/*********************/


/* footer */

.footer {
    padding-top: 90px;
    padding-bottom: 40px;
    background-color: #1a1a1a;
    z-index: 1;
    position: relative;
}

.footer h5 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 26px;
}

.footer p {
    color: #cccccc;
}

.footer a {
    color: #fff;
    text-decoration: underline;
}

.footer i {
    font-size: 18px;
    margin-right: 6px;
}

.footer hr {
    margin-top: 20px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #333;
}

.footer ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footer ul li {
    color: #fff;
    line-height: 21px;
}

.footer-logo {
    float: left;
    clear: left;
    margin-bottom: 85px;
}

.footer-contact {
    padding-top: 25px;
}

.footer-contact p {
    margin-bottom: 20px;
}

.footer-contact a {
    text-decoration: none;
}

.footer-download {
    margin-bottom: 20px;
    float: left;
    width: 48%;
    margin-right: 2%;
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #2e2e2e;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 20px;
}

.social-icon i {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #717171;
}

.footer-copy {
    background-color: #0c0c0c;
}

.footer-copy p {
    line-height: 50px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #828282;
    margin: 0px;
    font-size: 12px;
}

.footer-copy p a {
    color: #2ddcc2;
}


/* Odgovor dopuna - START */

.success-pay-credit p a {
    color: #fff;
    margin-top: 15px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.success-pay-credit p a:hover {
    border-color: #999;
    transition: .3s ease all;
}


/* Dogovor dopuna - END */


/* Odaberi broj page */

.choose-number-section {
    background: #ffffff;
    padding-bottom: 160px;
}

.choose-number-section h1 {
    margin-top: 200px;
    font-size: 25px;
    color: #682770;
    font-weight: 100;
    text-transform: uppercase;
}

.choose-number-section h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

.choose-number-section p {
    font-family: 'Averta Light';
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    color: #fff;
}

.choose-number-section small {
    width: 100%;
    text-align: center;
}

.choose-number-section strong {
    font-weight: 700;
    color: #ec008b;
}

.choose-number-section .btn-pink {
    max-width: 100%;
}

.choose-number-section i {
    color: #5f5b5b;
}

.choose-number-section .help-block {
    margin-top: 6px;
    margin-bottom: -10px;
    text-align: left !important;
}

.choose-number-section .form-control-feedback {
    top: 19px !important;
}

.choose-number-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 0px 10px rgba(0, 0, 0, .1);
    width: 100%;
}

.choose-number-section .cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    min-height: 90px;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    background-color: #f5f5f5;
    border: none;
}

.choose-number-section .cart-product-box:hover {
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    transition: 0.2s ease-in;
}

.choose-number-section .cart-product-box label {
    color: #682770;
    font-family: 'DinPro', sans-serif;
    font-size: 16px;
    font-weight: 100;
}

.choose-number-section .cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    margin: 6px;
    margin-left: 0px;
    color: #5f5b5b;
    padding-top: 10px;
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
}


/* Odaberi broj page Final step */

.choosen-number-section {
    background: #ffffff;
    padding-bottom: 200px;
}

.choosen-number-section h1 {
    margin-top: 200px;
    font-size: 35px;
    color: #682770;
    font-family: 'DinPro', sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.choosen-number-section h2 {
    font-size: 18px;
    color: #682770;
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
    text-align: center;
}

.choosen-number-section p {
    font-family: 'Averta Light';
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    color: #fff;
}

.choosen-number-section p>h3 {
    color: #e60075 !important;
}

.choosen-number-section small {
    /*color: #3c763d;*/
    width: 100%;
    text-align: center;
}

.choosen-number-section strong {
    font-weight: 700;
    color: #ec008b;
}

.choosen-number-section .btn-pink {
    max-width: 100%;
    font-family: 'DinPro', sans-serif;
}

.choosen-number-section .cart-product-box label {
    color: #ffffff;
    font-weight: normal;
}

.choosen-number-section i {
    color: #ffffff;
}

.choosen-number-section .input-group {
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
}

.choosen-number-section .help-block {
    margin-top: 6px;
    margin-bottom: -10px;
    text-align: left !important;
    /*color: #3c763d;*/
}

.choosen-number-section .form-control-feedback {
    top: 19px !important;
}

.choosen-number-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 0px 10px rgba(0, 0, 0, .1);
    width: 100%;
}

.choosen-number-section .cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    min-height: 90px;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
    background-color: #025082;
    border: none;
}

.choosen-number-section .cart-product-box label {
    font-size: 20px;
}

.choosen-number-section .cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    margin: 6px;
    margin-left: 0px;
    color: #ffffff;
}


/* Modal za potvrdu promene broja */

.switchNumberModal {
    font-family: 'DinPro', sans-serif;
}


/* Verifikacija broja */


/*********************/


/******* CREDIT ******/


/*********************/

.cnv-section {
    background: #ffffff;
    padding-bottom: 200px;
}

.cnv-section .input-group-addon {
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
}

.cnv-section .input-group {
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
}

.cnv-section h1 {
    margin-top: 200px;
    font-size: 35px;
    color: #682770;
    font-family: 'DinPro', sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.cnv-section h2 {
    font-size: 18px;
    color: #682770;
    font-weight: 100;
    text-transform: uppercase;
}

.cnv-section p {
    font-family: 'DinPro', sans-serif;
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    color: #682770;
}

.cnv-section small {
    color: #fff;
    width: 100%;
    text-align: center;
}

.cnv-section b,
.cnv-section strong {
    font-weight: 700;
    color: #ec008b;
}

.cnv-section .btn-pink {
    max-width: 100%;
}

.cnv-section label {
    font-family: 'DinPro', sans-serif;
    color: #682770 !important;
    font-weight: 100;
}

.cnv-section .help-block {
    margin-top: 6px;
    margin-bottom: -10px;
    text-align: left !important;
}

.cnv-section .form-control-feedback {
    top: 19px !important;
}

.cnv-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 100%;
}


/* Ott verifikacija */

.ottv-section {
    background: #ffffff;
    padding-bottom: 200px;
}

.ottv-section h1 {
    margin-top: 200px;
    font-size: 35px;
    color: #682770;
    font-family: 'DinPro', sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.ottv-section h2 {
    font-size: 18px;
    color: #682770;
    font-weight: 100;
    text-transform: uppercase;
}

.ottv-section p {
    font-family: 'DinPro', sans-serif;
    padding-top: 20px;
    font-size: 20px;
    padding-bottom: 10px;
    color: #682770;
}

.ottv-section small {
    color: #fff;
    width: 100%;
    text-align: center;
}

.ottv-section b,
.ottv-section strong {
    font-weight: 700;
    color: #ec008b;
}

.ottv-section .btn-pink {
    max-width: 100%;
}

.ottv-section label {
    font-family: 'DinPro', sans-serif;
    color: #682770 !important;
    font-weight: 100;
}

.ottv-section .help-block {
    margin-top: 6px;
    margin-bottom: -10px;
    text-align: left !important;
}

.ottv-section .form-control-feedback {
    top: 19px !important;
}

.ottv-section select {
    border: none;
    background: transparent;
    margin-top: -8px;
    color: #9c999c;
    float: left;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    width: 100%;
}


/* Button */

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #999999;
    color: #ffffff;
}


/*Sim section nav tab pills*/

.where-to-pane {
    font-family: 'DinPro', sans-serif;
    font-weight: 100;
}

.where-to-pane .nav-tabs {
    border: none;
}

.where-to-pane .nav-tabs>li {
    margin-bottom: 0;
    font-size: 18px;
}

.where-to-pane .nav>li>a {
    color: #ffffff;
}

.where-to-pane .nav-tabs>li>a {
    border: none;
}

.where-to-pane .nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border: none;
    border-radius: 0;
    background-color: rgba(256, 256, 256, 0.15);
    color: #fff;
}

.where-to-pane .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    border-radius: 0;
    color: #fff;
}

.where-to-pane .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}

.where-to-pane .tab-content {
    background: rgba(0, 0, 0, 0.35);
    min-height: 190px;
    padding: 25px;
}

.sim-section .sim-landing-hero-text>h1 {
    margin-top: 300px;
    margin-bottom: 0px;
    line-height: 100px;
    text-align: left;
}

.sim-section .sim-landing-hero-text>h2 {
    text-align: left;
    font-family: 'DinPro', sans-serif;
    font-size: 25px;
    margin-bottom: 50px;
    margin-top: 0;
    text-transform: none;
    font-weight: 400;
}

.sim-section .sim-landing-hero-image {
    text-align: center;
}

.sim-section .sim-landing-hero-image>p {
    font-family: 'DinPro', sans-serif;
    color: #682770;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
    font-size: 14px;
}

.sim-section .sim-landing-hero-image>p span {
    margin: 0 10px;
}

.sim-section .sim-landing-hero-image img {
    margin-top: 250px;
    width: 80%;
    height: auto;
}

.rinternet-section .sim-landing-hero-image>p {
    font-family: 'DinPro', sans-serif;
    color: #682770;
    text-transform: uppercase;
    text-align: center;
    /* margin-top: -35px; */
    margin-bottom: 60px;
    font-size: 14px;
}

.rinternet-section .sim-landing-hero-image>p span {
    margin: 0 10px;
}

.rinternet-section .sim-landing-hero-image img {
    margin-top: 100px;
    width: 100%;
    height: auto;
}

.rinternet-section.home .sim-landing-hero-image img {
    margin-top: 0;
    width: 100%;
    height: auto;
}

.rinternet-benefits-section h1 {
    font-size: 20px;
    text-align: center;
    font-family: 'DINPro', sans-serif;
    margin-bottom: 40px;
}

.rinternet-why-section .why-card {
    margin-bottom: 25px;
}

.rinternet-why-section .why-card h3 {
    font-size: 18px;
    text-align: center;
    font-family: 'DINPro', sans-serif;
    text-align: center;
    margin-bottom: 0;
}

.rinternet-why-section .why-card p {
    text-align: center;
    font-family: 'DINPro', sans-serif;
}

.zone-heading {
    margin-left: 0;
    margin-bottom: 12px;
    font-size: 20px;
    font-family: "DINPro", sans-serif;
    color: #682770;
    text-transform: uppercase;
}

.roaming-package {
    margin-bottom: 35px;
}

.roaming-package .zone-separator {
    border-color: #682770;
    margin-bottom: 12px;
}

.sim-section p.zone-countries-list {
    font-size: 14px !important;
    font-family: "DINPro", sans-serif;
    color: #682770;
    margin-bottom: 40px;
    text-align: left;
}

.rinternet-section .section-title {
    margin-top: 250px;
}

.rinternet-section.home .section-title {
    margin-top: 150px;
}


/* ***************************************************************************************************************** */


/* ***************************************************** TABLE ***************************************************** */


/* ***************************************************************************************************************** */


/*//////////////////////////////////////////////////////////////////
[ Table ]*/

.limiter {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}

.container-table100 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.wrap-table100 {
    width: 1300px;
}


/*//////////////////////////////////////////////////////////////////
[ Table ]*/

table {
    width: 100%;
    background-color: #fff;
}

th,
td {
    font-weight: unset;
    padding-right: 10px;
}

.column100 {
    /* width: 130px; */
    padding-left: 20px;
}

.column100.column1 {
    width: 550px;
}

.row100.head th {
    padding-top: 24px;
    padding-bottom: 20px;
}

.row100 td {
    padding-top: 18px;
    padding-bottom: 14px;
}

.column2,
.column3,
.column4,
.column5,
.column6 {
    text-align: center;
}


/*==================================================================
[ Ver6 ]*/

.table100.ver6 {
    overflow: hidden;
    background: #ffffff;
    /* background: rgba(13,134,199,1);
background: -moz-linear-gradient(-45deg, rgba(13,134,199,1) 0%, rgba(104,39,112,1) 91%, rgba(104,39,112,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13,134,199,1)), color-stop(91%, rgba(104,39,112,1)), color-stop(100%, rgba(104,39,112,1)));
background: -webkit-linear-gradient(-45deg, rgba(13,134,199,1) 0%, rgba(104,39,112,1) 91%, rgba(104,39,112,1) 100%);
background: -o-linear-gradient(-45deg, rgba(13,134,199,1) 0%, rgba(104,39,112,1) 91%, rgba(104,39,112,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(13,134,199,1) 0%, rgba(104,39,112,1) 91%, rgba(104,39,112,1) 100%);
background: linear-gradient(135deg, rgba(13,134,199,1) 0%, rgba(104,39,112,1) 91%, rgba(104,39,112,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d86c7', endColorstr='#682770', GradientType=1 ); */
    /* background: #7918f2;
  background: -webkit-linear-gradient(-68deg, #ac32e4 , #4801ff);
  background: -o-linear-gradient(-68deg, #ac32e4 , #4801ff);
  background: -moz-linear-gradient(-68deg, #ac32e4 , #4801ff);
  background: linear-gradient(-68deg, #ac32e4 , #4801ff); */
}

.table100.ver6 table {
    background-color: transparent;
}

.table100.ver6 td {
    font-size: 14px;
    color: #000000;
    line-height: 1.4;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.table100.ver6 th {
    font-size: 12px;
    color: #ffffff;
    line-height: 1.4;
    font-weight: bold;
    /* background-color: rgba(255,255,255,0.32); */
}

.table100.ver6 .row100:hover td {
    background-color: rgba(13, 134, 199, 0.1);
}

.table100.ver6 .hov-column-ver6 {
    background-color: rgba(13, 134, 199, 0.1);
}

.table100.ver6 .row100 td:hover {
    background-color: rgba(13, 134, 199, 0.2);
}

.table100.ver6 thead {
    background: rgba(13, 134, 199, 1);
    background: -moz-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13, 134, 199, 1)), color-stop(91%, rgba(104, 39, 112, 1)), color-stop(100%, rgba(104, 39, 112, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    background: linear-gradient(135deg, rgba(13, 134, 199, 1) 0%, rgba(104, 39, 112, 1) 91%, rgba(104, 39, 112, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0d86c7', endColorstr='#682770', GradientType=1);
    background-attachment: fixed;
}


/* ***************************************************************************************************************** */


/* ***************************************************** TABLE ***************************************************** */


/* ***************************************************************************************************************** */

.table100 .column100min {
    padding: 10px 20px !important;
}

.video {
    max-width: 540px;
}


/* Dodatne usluge START */

.du-header {
    min-height: 365px;
    background: #451851;
    background: -moz-linear-gradient(top, #451851 0%, #682770 100%);
    background: -webkit-linear-gradient(top, #451851 0%, #682770 100%);
    background: linear-gradient(to bottom, #451851 0%, #682770 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#451851', endColorstr='#682770', GradientType=0);
}

.du-header-content {
    padding-top: 200px;
    padding-bottom: 80px;
}

.du-header-content h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-family: 'DinPro Bold', sans-serif;
}

.du-header-content p {
    font-family: 'DinPro', sans-serif;
    padding-top: 30px;
    font-size: 20px;
    color: #fff;
}

.du-main-content {
    color: #000000;
    padding-top: 80px;
    padding-bottom: 100px;
    background: #edebed;
}

.du-card {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.du-card .card-header .btn-link {
    color: #682770;
    font-size: 18px;
    font-family: 'DinPro', sans-serif;
    text-decoration: none;
}

.du-card .card-body {
    color: #000000;
    font-size: 16px;
    font-family: 'DinPro', sans-serif;
    text-decoration: none;
}

#module {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

#module h3 {
    color: #682770;
    font-size: 18px;
    font-family: 'DinPro', sans-serif;
    text-decoration: none;
    display: inline-block;
    margin-top: 4px;
}

#module .du-collapse {
    color: #000000;
    font-size: 16px;
    font-family: 'DinPro', sans-serif;
    text-decoration: none;
    clear: left;
    position: relative;
}

#module .du-collapse[aria-expanded="false"] p.testg::before {
    content: '';
    width: 100%;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    /* background: linear-gradient(transparent 150px, white);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(256, 256, 256, .6) 100%); */
    background: rgba(255, 255, 255, 0.19);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, .4) 70, rgba(255, 255, 255, .8) 90%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.19)), color-stop(70, rgba(255, 255, 255, .4)), color-stop(90%, rgba(255, 255, 255, .8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, .4) 70, rgba(255, 255, 255, .8) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, .4) 70, rgba(255, 255, 255, .8) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, .4) 70, rgba(255, 255, 255, .8) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .4) 70%, rgba(255, 255, 255, .8) 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

#module .du-collapse[aria-expanded="false"] {
    display: block;
    height: 45px !important;
    overflow: hidden;
}

#module .collapsing[aria-expanded="false"] {
    height: 45px !important;
}

#module .up-carret-icon {
    transform: rotate(0deg);
    transition: transform .2s linear;
    transform-origin: center;
    width: 15px;
    height: 10px;
    float: right;
    margin-top: 11px;
    background-repeat: no-repeat;
    background-image: url('../img/up-carret-icon.png');
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#module.active .up-carret-icon {
    transform: rotate(180deg);
    transition: transform .2s linear;
    transform-origin: center;
    width: 15px;
    height: 10px;
    float: right;
    margin-top: 11px;
    background-repeat: no-repeat;
    background-image: url('../img/up-carret-icon.png');
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.dugp-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/dugp-icon.png');
    float: left;
    margin-right: 10px;
}

.dupc-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/dupc-icon.png');
    float: left;
    margin-right: 10px;
}

.ducm-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/ducm-icon.png');
    float: left;
    margin-right: 10px;
}

.dupk-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/dupk-icon.png');
    float: left;
    margin-right: 10px;
}

.ducc-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/ducc-icon.png');
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}

.sos-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/sos-package-icon.png');
    float: left;
    margin-right: 10px;
    margin-top: -1px;
}

#module ul {
    list-style: none;
    padding-left: 20px;
    margin-top: 10px;
}

#module ul li {
    color: #682770;
}

#module ul li p {
    display: inline-block;
    background: #edebed;
    color: #682770;
    margin: 3px 0;
}

#module ul.default-list {
    list-style: disc;
    color: #000000;
}

#module ul.default-list li {
    color: #000000;
}

.messageField {
    height: 150px;
    overflow: hidden;
}

.messageBox {
    top: 150px;
    padding: 10px 20px;
    position: relative;
    width: 350px;
    height: 100px;
    background: #682770;
    margin: 0 auto;
}

.messageBox p {
    color: #ffffff;
    font-size: 14px;
}

.messageBox::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 20px 0;
    border-color: transparent #682770 transparent transparent;
    position: absolute;
    bottom: -20px;
    right: 25px;
}

.messageTime {
    position: absolute;
    bottom: 0px;
    right: 20px;
}


/* Dodatne usluge END */


/* Responsive START */

@media (max-width: 1530px) {
    .rinternet-img img {
        width: 100%;
        max-width: 530px;
    }
}

@media (max-width: 1200px) {
    .navbar-nav>li {
        padding-left: 10px;
    }

    .price-section {
        background-size: 440px;
    }

    .phone-section .container {
        width: 100%;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 30px;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 33px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 40px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 45px;
    }

    .rinternet-section.home .section-title {
        line-height: 35px;
    }

    .rinternet-section .section-title {
        line-height: 44px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 32px;
        margin-top: 40px;
    }

    .custom-nav-link::before {
        left: 0;
    }

    .sim-landing h1 {
        font-size: 80px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        line-height: 80px;
    }

    .radio-inline-circle {
        width: 157px;
        height: 157px;
    }

    .radio-internet-section .radio-inline-circle {
        line-height: 55px;
    }

    .radio-inline-promo {
        width: 150px;
        height: 150px;
        padding: 40px 25px;
    }

    .radio-inline-promo.box-promo-call {
        font-size: 35px;
        line-height: 30px;
    }

    .radio-inline-promo.box-promo-call .promo-package-addon {
        font-size: 13px;
        margin: 4px;
    }

    .radio-internet-section .radio-inline-circle {
        width: 130px;
        height: 130px;
        font-size: 60px;
        line-height: 45px;
    }
}

@media (max-width: 1090px) {
    .rinternet-img img {
        width: 100%;
        max-width: 430px;
    }
}

@media (max-width: 990px) {
    .switch-number-instruction-table {
        padding: 30px 30px;
    }

    .container {
        width: 100%;
    }

    .navbar-nav>li {
        padding-left: 0px;
    }

    .intro-section-content img,
    .wtn-section-content img {
        width: 100%;
        display: inline-block;
    }

    .intro-section-content h1,
    .wtn-section-content h1 {
        padding-top: 36px;
    }

    .intro-section {
        height: auto;
        padding-bottom: 60px;
    }

    .benefit-section h2,
    .price-section h2 {
        font-size: 39px;
    }

    .rinternet-img {
        display: none;
    }

    .phone-box {
        width: 33%;
    }

    .close-phone-view {
        right: 30px;
        top: -20px;
    }

    .video {
        max-width: 440px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 35px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 39px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 27px;
    }

    .promo-icon-r {
        display: none;
    }

    .addition-packages-section {
        padding: 120px 20px;
    }

    .radio-internet-section .radio-inline-circle {
        width: 157px;
        height: 157px;
        font-size: 70px;
        line-height: 55px;
    }
}

@media(max-width: 900px) {
    .rinternet-section.home .section-title {
        margin-top: 90px;
    }
}

@media (max-width: 830px) {
    .nav>li>a {
        padding-left: 6px;
        padding-right: 6px;
    }

    .video {
        max-width: 340px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 32px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 36px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 25px;
    }
}

@media (max-width: 200px) {

    /*.choosen-number-section h1 {
    margin-top: 120px;
    }*/
    .price-section .prepaid-hero-text {
        text-align: center;
    }

    .price-section .prepaid-hero-text h1 {
        padding-top: 120px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        margin-top: 180px;
        margin-bottom: 0px;
        line-height: 60px;
        text-align: center;
    }

    .sim-section .sim-landing-hero-text>h2 {
        text-align: center;
    }

    .sim-section .sim-landing-hero-image img {
        margin-top: 0;
    }

    .container {
        width: 100%;
        max-width: 750px;
    }

    .navbar-default {
        background: #035388;
    }

    .navbar-nav {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .nav>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

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

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

    .navbar-toggle {
        margin-top: 15px;
        margin-right: 15px;
        border-radius: 0px;
    }

    .navbar-toggle .icon-bar {
        width: 14px;
        height: 1px;
    }

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

    .navbar-nav>li>a {
        padding-top: 15px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }

    .custom-nav-link:before {
        display: none;
    }

    .navbar {
        min-height: auto;
    }

    .navbar-brand {
        padding-top: 15px;
        height: auto;
    }

    .intro-section-content,
    .wtn-section-content {
        text-align: center;
        padding-bottom: 80px;
    }

    .intro-section:after {
        display: none;
    }

    .intro-section-content p,
    .wtn-section-content p {
        font-size: 14px;
    }

    .intro-section-content .row .text-center img,
    .wtn-section-content .row .text-center img {
        max-width: 250px;
        height: auto;
        margin-bottom: 40px;
    }

    .benefit-box h3 {
        height: 30px;
    }

    .price-section {
        padding-bottom: 40px;
    }

    .price-section h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .price-section p {
        line-height: 23px;
        font-size: 14px;
        /* padding: 15px; */
    }

    .price-box-addon {
        margin-bottom: 15px;
    }

    .border-l-r {
        border: none;
    }

    .phone-view {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .phone-view h1 {
        font-size: 22px;
    }

    .phone-view p {
        font-size: 14px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .phone-view img {
        width: 100%;
    }

    .phone-pack-price {
        font-size: 30px;
        font-weight: 700;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .cart-item-image {
        width: 100%;
        clear: left;
        float: left;
    }

    .cart-item-image img {
        max-width: 100px;
        float: none;
        margin-bottom: 20px;
    }

    .cart-item-price {
        text-align: center;
    }

    .price-stroke {
        float: none;
        width: 140px;
        display: inline-block;
    }

    .rinternet-section .section-title {
        margin-top: 150px;
        text-align: center;
    }

    .rinternet-section .sim-landing-hero-image img {
        margin-top: 0;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 35px;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 39px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 35px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 39px;
    }

    .rinternet-section .brand-subtitle {
        margin-top: 40px;
        font-size: 27px;
        text-align: center;
    }

    .rinternet-section .sim-landing-hero-text>h2 {
        text-align: center;
    }

    .btn-purple {
        margin-bottom: 80px;
    }

    .rinternet-section.home .section-title {
        margin-top: 0;
        line-height: 50px;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 50px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 50px;
    }

    .rinternet-section.home .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 56px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 56px;
    }

    .rinternet-section .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 56px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 29px;
    }
}

@media (max-width: 767px) {
    .navbar-default {
        background: #e60075;
    }

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

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

    .navbar-nav {
        background-color: #383838;
    }

    .navbar-header {
        padding-bottom: 10px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }

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


/* My respnsive */


/* My responsive */

@media (max-width: 700px) {
    .switch-number-instruction-table {
        padding: 30px 15px;
    }

    .phone-box {
        width: 50%;
    }

    .benefit-section-header img {
        max-width: 450px;
    }
}

@media (max-width: 600px) {
    .close {
        display: none;
        width: 20px;
        height: 20px;
        top: 14px;
        right: 0;
        left: 320px;
        bottom: 0;
        border: 1px solid #f00;
        z-index: 999999999;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
    }

    .close:hover::before,
    .close:hover::after {
        background: #f00;
        color: #f00;
    }

    .close::before,
    .close::after {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #000;
        color: #000;
    }

    .close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .close.hairline::before,
    .close.hairline::after {
        height: 2px;
    }

    .sim-section .sim-landing-hero-image>p {
        margin-top: 20px;
    }

    /* .price-section img {
        max-width: 250px;
    } */
    .intro-section-content,
    .wtn-section-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .benefit-section-header img {
        max-width: 350px;
    }

    .main-page-title-content {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .main-page-title-content h1,
    .service-section h1 {
        font-size: 22px;
    }

    .main-page-title-content p,
    .service-section p {
        padding-top: 30px;
        font-size: 14px;
        color: #fff;
    }

    .intro-section-content h1,
    .wtn-section-content h1 {
        padding-top: 19px;
        font-size: 26px;
    }

    .intro-section-content h1,
    .wtn-section-content h1 {
        padding-top: 80px;
    }

    .benefit-section {
        padding-bottom: 60px;
    }

    .benefit-section h2,
    .price-section h2 {
        font-size: 26px;
    }

    .benefit-section h3 {
        font-size: 16px;
    }

    .benefit-section p {
        font-size: 14px;
    }

    .benefit-box {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 5px;
    }

    .benefit-box h3 {
        font-size: 18px;
    }

    .benefit-box p {
        font-size: 14px;
    }

    .price-section {
        padding-top: 120px;
    }

    .price-box {
        padding-bottom: 40px;
    }

    .price-box h4 {
        width: 100%;
        line-height: 48px;
    }

    .price-box-num {
        font-size: 46px;
    }

    .price-box-num:after {
        font-size: 18px;
    }

    .price-box-addon small {
        width: 100%;
    }

    .btn {
        border-radius: 2px;
        transition: .3s ease all;
        text-transform: uppercase;
        font-size: 12px;
    }

    .voice-price-box::before,
    .voice-price-box::after {
        display: none;
    }

    .phone-pack .nav-tabs>li>a {
        font-size: 12px;
    }

    .company-section {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .company-section h1 {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .company-section h3,
    .company-section h4 {
        margin-bottom: 10px;
        font-weight: 300;
        font-size: 16px;
    }

    .company-section p {
        font-size: 13px;
        line-height: 22px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-weight: 300;
    }

    .company-section hr {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .contact-section {
        padding-bottom: 60px;
    }

    .contact-section h1 {
        margin-top: 110px;
        margin-bottom: 50px;
        font-size: 22px;
    }

    .contact-section h4 {
        color: #fff;
        font-size: 16px;
    }

    .faq-contact-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .faq-contact-box h5 {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .faq-contact-box {
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .faq-contact-box p {
        font-size: 12px;
    }

    .apn-section {
        padding-top: 110px;
        padding-bottom: 60px;
    }

    .apn-section h1 {
        font-size: 22px;
    }

    .apn-section .num,
    .apn-section .num-2 {
        font-size: 20px;
        margin-bottom: -240px;
    }

    .apn-section p {
        font-size: 22px;
        margin-top: 250px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: -30px;
    }

    .sim-section h1 {
        margin-bottom: 0;
        font-size: 30px;
    }

    .sim-section:after {
        display: none;
    }

    .sim-section h2 {
        font-size: 14px;
        margin-top: 40px;
    }

    .sim-section p {
        margin-top: 40px;
        margin-bottom: 40px;
        font-size: 14px;
    }

    .why-section .why-section-content>p {
        font-size: 25px;
    }

    #monthlyPackages-tab,
    #weeklyPackages-tab {
        font-size: 18px;
    }

    .sim-section .container .btn {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sim-section h3 {
        /* font-size: 16px; */
        margin-bottom: 40px;
    }

    .sim-section .nav>li>a {
        padding: 20px 5px;
        font-size: 10px;
    }

    .sim-section .tab-content li,
    .sim-section .tab-content .text-right {
        text-align: center !important;
    }

    .sim-section .tab-content .col-md-9 {
        padding-top: 20px;
        font-size: 14px;
    }

    .sim-order-section,
    .wtn-example-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .sim-order-section h2,
    .wtn-example-section h2 {
        font-size: 16px;
        margin-bottom: 30px;
        color: #682770;
        font-weight: bold;
    }

    .sim-order-section h3,
    .wtn-example-section h3 {
        margin-top: 38px;
        margin-bottom: 30px;
        font-size: 14px;
    }

    .sim-cart-price {
        font-size: 18px;
        text-align: center;
        padding-bottom: 20px;
    }

    .sim-order-section-alert {
        font-size: 10px;
    }

    .mastercard-header {
        padding-bottom: 0px;
        background-position: center;
    }

    .mastercard-header h2 {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .mastercard-header h3 {
        font-size: 14px;
    }

    .main-page-title-content p {
        padding-top: 10px;
        font-size: 12px;
    }

    .mastercard-section h3 {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .mastercard-step-box,
    .rinternet-step-box {
        width: 50%;
        margin-bottom: 20px;
    }

    .mastercard-step-box:last-child,
    .rinternet-step-box:last-child {
        width: 100%;
    }

    .mastercard-step-box p,
    .rinternet-step-box p {
        font-size: 12px;
        padding-top: 17px;
    }

    .mastercard-note {
        padding-top: 0px;
        padding-bottom: 60px;
        margin-top: 20px;
        text-align: center;
    }

    .mastercard-note p {
        font-size: 14px;
        font-family: 'Averta Light';
    }

    .mastercard-note h4 {
        text-transform: uppercase;
        margin-top: 60px;
        font-size: 16px;
        margin-bottom: 20px;
    }

    .rinternet-section {
        padding-bottom: 60px;
    }

    .rinternet-section h1 {
        margin-top: 110px;
        font-size: 22px;
    }

    .rinternet-section h2 {
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .rinternet-section p {
        font-size: 14px;
    }

    .rinternet-benefits-section,
    .rinternet-step-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .rinternet-benefits-section h3 {
        font-size: 18px;
        text-align: center;
    }

    .rinternet-step-section h3 {
        margin-bottom: 50px;
        font-size: 18px;
    }

    .app-section h1 {
        margin-top: 110px;
        font-size: 22px;
    }

    .app-section p {
        font-size: 14px;
        padding: 20px;
    }

    .app-options-box {
        padding: 20px;
        margin-bottom: 10px;
    }

    .app-options-box h4 {
        font-size: 18px;
    }

    .phone-box {
        width: 100%;
    }

    .phone-section h1 {
        margin-top: 110px;
        font-size: 22px;
    }

    .cart-item img {
        display: none;
    }

    .main-page-title {
        min-height: 225px;
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .footer-logo {
        margin-bottom: 35px;
    }

    .footer-pay-logo img {
        margin-top: 10px;
    }

    .footer h5 {
        font-size: 12px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .footer-contact {
        padding-top: 0px;
    }

    .footer-contact p {
        font-size: 12px;
    }

    .pack-mix {
        margin: 0 auto;
        max-width: 160px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        margin-top: 130px;
        margin-bottom: 0px;
        line-height: 45px;
        text-align: center;
    }

    .sim-section .sim-landing-hero-text>h2 {
        text-align: center;
        font-size: 25px;
        margin-bottom: 20px;
        margin-top: 0;
        text-transform: none;
    }

    .sim-section .sim-landing-hero-text>h1 .brand-title-top {
        font-size: 50px;
    }

    .sim-section .sim-landing-hero-text>h1 .brand-title-bottom {
        font-size: 68px;
    }

    .sim-section .sim-landing-hero-image img {
        margin-top: 0;
        width: 100%;
        height: auto;
    }

    .sim-section .why-card p {
        margin-top: 0;
    }

    .sim-section p.about-package {
        margin-top: 0;
    }

    .sim-section .internet .price-box hr {
        margin: 0 auto;
        width: 250px;
    }

    .promo-section h1 {
        font-size: 45px;
    }

    .promo-section h2 {
        font-weight: 400;
    }

    .sim-section .internet h4 {
        text-align: center;
    }

    .sim-section .min-sms h4 {
        text-align: center;
    }

    .sim-section .mix-paketi h4 {
        text-align: center;
    }

    .sim-order-section h2,
    .wtn-example-section h2 {
        font-size: 25px;
    }

    .where-to-pane .nav-tabs>li {
        font-size: 16px;
    }

    .col-md-12.footer-pay-logo .row>div {
        margin: 10px 0;
    }

    .sim-section p {
        font-size: 16px;
    }

    .apn-section .nav-pills {
        margin-top: 50px;
        margin-bottom: 150px;
    }

    body {
        overflow-x: hidden;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 42px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 37px;
    }

    .up-cover {
        display: none;
    }

    .up-cover-m {
        display: block;
    }

    .price-section img {
        width: 80%;
        margin: 0 auto;
    }

    .p0 {
        padding: 0;
    }
}

@media (max-width: 500px) {
    .rinternet-benefits-section h1 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .rinternet-step-section h4 {
        font-size: 16px;
    }

    .rinternet-why-section .why-card h3 {
        padding: 15px;
    }

    .rinternet-why-section hr {
        margin-top: 0;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 37px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 32px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 25px;
    }

    /* .radio-internet-section .radio-inline-circle {
        font-size: 60px;
        width: 100%;
        height: auto;
        line-height: 50px;
    } */
}


/* eSIM PAGE START */

#logo-black {
    display: none;
    transition: 0.2s ease-in;
}

.freepaid-section-h {
    position: relative;
    background: #ffffff;
}

.esim-section {
    position: relative;
    background: #1a1a1a;
}

.freepaid-section-content-h {
    position: relative;
    padding: 180px 0;
    z-index: 99;
    font-family: 'DinPro', sans-serif;
}

.freepaid-section-h .freepaid-section-content-h .freepaid-title-top {
    font-size: 60px;
    color: #1a1a1a;
    font-weight: 700;
    font-family: 'DinPro Black', sans-serif;
}

.freepaid-section-h .freepaid-section-content-h .freepaid-title-bottom {
    font-size: 52px;
    color: #1a1a1a;
    font-weight: 700;
    font-family: 'DinPro Black', sans-serif;
}

.freepaid-section-h .freepaid-section-content-h p {
    margin: 40px 0;
}

.esim-section-content {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    z-index: 99;
    font-family: 'DinPro', sans-serif;
}

.esim-section .esim-section-content .esim-hero-img {
    height: 420px;
}

.esim-section .esim-section-content .esim-title-top {
    font-size: 60px;
    color: #f5f5f5;
    font-weight: 700;
    font-family: 'DinPro Black', sans-serif;
}

.esim-section .esim-section-content .esim-title-bottom {
    font-size: 39px;
    color: #f5f5f5;
    font-weight: 700;
    font-family: 'DinPro Black', sans-serif;
}

.esim-section .esim-section-content>p {
    font-size: 22px;
    color: #f5f5f5;
    font-family: 'DinPro Regular', sans-serif;
}

.btn-yellow {
    background-color: #f7a600;
    padding: 14px;
    width: 100%;
    max-width: 250px;
    color: #1a1a1a;
    border: none;
    font-family: 'DinPro', sans-serif;
}

.crls {
    min-height: 200px;
}

.carousel-indicators .active {
    background: #1a1a1a;
}

.carousel-indicators li {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    background: rgba(0, 0, 0, .35);
    border: none;
}

.m-underline {
    background-image: linear-gradient(120deg, #f7a600 0%, #f7a600 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 88%;
    transition: background-size 0.25s ease-in;
    color: #000000;
}

.m-underline:hover,
.m-underline:active,
.m-underline:focus {
    color: #000000;
    background-size: 100% 88%;
}

.u-btn {
    background-image: linear-gradient(120deg, #f7a600 0%, #f7a600 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0% 80%;
    transition: background-size 0.25s ease-in;
    color: #000000;
    font-size: 32px;
    font-family: 'DinPro Bold', sans-serif;
    font-weight: bold;
    margin: 0 auto;
    background-color: transparent;
    border: none;
}

.u-btn:hover,
.u-btn:active,
.u-btn:focus {
    color: #000000;
    background-size: 100% 100%;
}

.circle-boxes {
    padding: 50px 0;
}

.tdu {
    border-top: 6px dashed;
    width: 22%;
    float: left;
    color: #fff;
}

#esim_icon {
    margin-top: 155px;
    margin-left: 55px;
}

.esim-section-content p {
    padding: 40px 0;
    color: #f5f5f5;
}

.esim-hero-img {
    padding-top: 30px;
    height: auto;
}

@media (max-width: 992px) {
    .esim-title-top {
        font-size: 39px !important;
    }

    .esim-title-bottom {
        font-size: 25px !important;
    }

    .esim-title-bottom:parent {
        margin-top: 0;
    }

    .sim-landing h1 {
        font-size: 60px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        line-height: 60px;
    }

    .price-section img {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {

    .min-sms-7d,
    .dinternet-7d {
        display: none;
    }

    .internet-icon,
    .min-sms-icon {
        display: none;
    }

    .internet-icon2,
    .min-sms-icon2 {
        display: none;
    }

    .esim-section-content {
        padding-top: 80px;
        padding-bottom: 80px;
        text-align: center;
    }

    .esim-section-content h1 {
        text-align: center;
    }

    .esim-section-content p {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        color: #f5f5f5;
    }

    .esim-hero-img {
        padding: 50px;
        padding-top: 80px;
    }

    .hr-sim {
        margin: 40px auto !important;
    }

    .sim-section .sim-landing-hero-image img {
        margin-top: 50px;
        width: 50%;
    }

    .sim-section .price-section .price {
        text-align: center;
    }
}

@media (max-width: 420px) {
    #myCarousel {
        min-height: 507px;
    }
}


/* eSIM PAGE END */


/* Baka Prase START */

.choose-number-bp-section-3 {
    background-image: url('../img/section-3-img.jpg');
    background-position: center;
    background-size: cover;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.package-box-red {
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
    min-height: 120px;
    background-image: url('../img/package-box-bg.png');
    background: rgba(229, 45, 39, 1);
    background-image: url('../img/package-box-bg.png'), -moz-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/package-box-bg.png'), -webkit-gradient(left top, right top, color-stop(0%, rgba(229, 45, 39, 1)), color-stop(100%, rgba(179, 18, 24, 1)));
    background-image: url('../img/package-box-bg.png'), -webkit-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/package-box-bg.png'), -o-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/package-box-bg.png'), -ms-linear-gradient(left, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    background-image: url('../img/package-box-bg.png'), linear-gradient(to right, rgba(229, 45, 39, 1) 0%, rgba(179, 18, 24, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e52d27', endColorstr='#b31218', GradientType=1);
}

.package-box-red h1 {
    padding-top: 0;
    font-family: 'Dosis ExtraBold', sans-serif;
    line-height: 120px;
    font-size: 60px;
}

.package-box-red .separator {
    border: 2px solid #fff;
    border-radius: 5px;
}

.package-box-red .box-duration {
    font-family: 'Dosis ExtraBold', sans-serif;
    color: #ffffff;
}

.order-section-bp {
    position: relative;
    padding: 80px;
}

.table-b .anim-addon {
    color: #000000 !important;
}

.table-b .ml2 .letter {
    color: #000000 !important;
}

.table-b .ml3 .letter {
    color: #e52d27 !important;
}

#phone-b div {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    border: 2px solid #000000;
    display: inline-block;
    margin: 5px;
}

.selected-nmb-b {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #e4acae;
    display: inline-block;
}

#phone-b h1 {
    color: #000000;
    text-align: center;
}

#phone-b span {
    display: block;
    margin-top: 2px;
    font-size: 16px;
    color: #000000;
    text-align: center;
}

.package-data h1 {
    font-size: 60px;
}

@media (max-width: 370px) {
    .package-data h1 {
        font-size: 50px !important;
    }

    .radio-internet-section .radio-inline-circle {
        width: 80px;
        height: 80px;
        padding: 12px;
    }
}

@media (max-width: 320px) {
    .package-data h1 {
        font-size: 40px !important;
    }
}


/* Baka Prase END */


/* Uzbudljivi prepaid START */


/* novo start */

.cards-section {
    padding: 120px 0;
    background-color: #481851;
}

.cards-section .promo-card .promo-card-content {
    padding: 25px;
}

.cards-section .promo-card .promo-card-content .title {
    color: #f5f5f5;
    font-size: 25px;
    margin-bottom: 20px;
    font-family: 'DinPro Bold', sans-serif;
}

.cards-section .promo-card .promo-card-content .icon img {
    height: 40px;
}

.cards-section .promo-card .promo-card-content .desc {
    color: #f5f5f5;
    font-size: 18px;
    font-family: 'DinPro', sans-serif;
}

.btn-pink-rounded {
    background-color: #e2007d;
    font-size: 25px;
    border-radius: 50px;
    padding: 14px;
    width: 100%;
    color: #fff;
    border: none;
    font-family: 'DINPro Bold', sans-serif;
    transition: .2s ease-in;
    margin-top: 0;
    margin-bottom: 0 !important;
}

.btn-dark-purple-rounded {
    background-color: #481851;
    font-size: 25px;
    border-radius: 50px;
    padding: 14px;
    width: 100%;
    color: #fff;
    border: none;
    font-family: 'DINPro Bold', sans-serif;
    transition: .2s ease-in;
    margin-top: 0;
    margin-bottom: 20px;
}

.btn-rounded-border-dashed {
    background: transparent;
    border: 3px dashed #f7a600;
    font-size: 25px;
    border-radius: 50px;
    padding: 14px;
    width: 100%;
    color: #fff;
    font-family: 'DINPro Bold', sans-serif;
    transition: .2s ease-in;
    margin-top: 0;
    margin-bottom: 0 !important;
}

.btn-rounded-border-dashed:hover,
.btn-rounded-border-dashed:active {
    background: transparent;
    border: 3px dashed #f5f5f5;
    color: #f5f5f5;
}

.btn-pink-rounded:focus {
    background: #e60075;
    border: none;
    color: #f5f5f5;
}

.sim-section .price-section .price {
    color: #e60075;
    font-family: 'DinPro Bold', sans-serif;
    font-size: 25px;
    line-height: 60px;
}

.sim-section .price-section .package-price {
    color: #f5f5f5;
    font-family: 'DinPro', sans-serif;
}

.package-step-duration {
    width: 220px;
    margin: 0 auto;
    background-color: #481851;
    border-radius: 50px;
    border: none;
    font-family: 'DinPro Bold', sans-serif;
}

.package-step-duration .nav-item {
    border-radius: 50px;
}

.package-step-duration .nav-item .nav-link {
    border: none;
    padding: 10px 15px;
    border-radius: 50px;
}

.package-step-duration .nav-item.active .nav-link {
    background-color: #f5f5f5;
    color: #682277;
    border-radius: 50px;
}

#myTab2 {
    border: none;
}

.package-step-duration-m {
    width: 220px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 50px;
    border: none;
    font-family: 'DinPro Bold', sans-serif;
}

.package-step-duration-m .nav-item {
    border-radius: 50px;
    font-size: 18px;
}

.package-step-duration-m .nav-item .nav-link {
    border: none;
    padding: 10px 19px;
    border-radius: 50px;
    color: #682770 !important;
}

.package-step-duration-m .nav-item.active .nav-link {
    background-color: #f5f5f5;
    color: #e60075 !important;
    border-radius: 50px;
}

.sim-section .radio-internet-section,
.sim-section .radio-min-sms-section {
    padding: 60px;
}

.sim-section .radio-internet-section {
    padding: 30px 0;
}

.sim-section .radio-min-sms-section {
    padding: 30px 15px;
}

.radio-inline-circle {
    /* padding: 20px 25px; */
    background: #481851;
    color: #f5f5f5;
    font-size: 70px;
    width: 150px;
    text-align: center;
    margin-bottom: 25px;
    margin-right: 0px;
    width: 157px;
    height: 157px;
    border-radius: 50%;
    font-family: 'DinPro Black', sans-serif;
    /* line-height: 65px; */
}

.radio-internet-section .radio-inline-circle {
    padding: 20px 25px;
    line-height: 55px;
}

.radio-min-sms-section .radio-inline-circle {
    padding: 45px 0;
    line-height: 25px;
}

.radio-min-sms-section .radio-inline-circle span {
    font-size: 28px;
    color: #e60075 !important;
}

.radio-inline-promo {
    padding: 40px 25px;
    background: #f5f5f5;
    color: #e60075;
    font-size: 48px;
    width: 150px;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 10px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    font-family: 'DinPro Bold', sans-serif;
    line-height: 40px;
}

.radio-inline-promo.box-promo-call {
    line-height: 33px;
    font-size: 38px;
}

.radio-inline-promo.box-promo-call .promo-package-addon {
    font-size: 14px;
    margin: 4px;
}

.radio-inline-circle:hover {
    cursor: pointer;
}

.radio-inline-promo .promo-package {
    display: inline-block;
}

.radio-inline-promo .promo-price {
    clear: both;
    font-size: 25px;
    color: #682770;
    font-family: 'DinPro', sans-serif;
}

.radio-min-sms-section .radio-inline {
    padding: 45px 25px;
    background: #481851;
    color: #682770;
    font-size: 80px;
    width: 150px;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 10px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    font-family: 'DinPro Black', sans-serif;
    line-height: 35px;
}

input[name="net"]:checked+label.radio-package,
input[name="call"]:checked+label.radio-package {
    background: #f5f5f5;
    font-weight: bold;
    color: #682770;
    box-shadow: 0 0 15px rgba(72, 24, 81, 0.85);
}

.ppu-section {
    padding: 120px 0;
}


/* .internet-icon  */


/* novo end */

.package-step .nav-item .nav-link.active {
    background: #682770;
    color: #ffffff;
    border-radius: 0;
}

.package-step .nav-item .nav-link:hover {
    background: #cccccc;
    color: #682770;
    border-radius: 0;
}

.package-step .nav-item .nav-link:active,
.package-step .nav-item .nav-link:focus {
    background: #682770;
    color: #ffffff;
    border-radius: 0;
}

.sim-section .package-step>ul {
    width: 200px;
    margin: 0 auto;
}

.sim-section .package-step .nav-tabs>li {
    width: 100px;
}

.sim-section .package-step .nav-tabs>li>a {
    border: none;
    font-size: 16px;
    color: #682770;
    background: #f5f5f5;
}

.sim-section .package-step .nav-tabs>li>a:active,
.sim-section .package-step .nav-tabs>li>a:focus,
.sim-section .package-step .nav-tabs>li.active>a:hover,
.sim-section .package-step .nav-tabs>li.active>a:active,
.sim-section .package-step .nav-tabs>li.active>a:focus {
    background: #682770 !important;
    color: #ffffff;
    border-radius: 0;
}

.sim-section .package-step .nav-tabs>li>a:hover {
    background: #cccccc !important;
    color: #682770;
    border-radius: 0;
}

.package-step .nav-tabs .nav-item.active>a {
    background: #682770 !important;
    color: #ffffff;
    border-radius: 0;
}


/* Uzbudljivi prepaid END */


/** SMISLI BROJ**/

.sim-section .step1 {
    background: #f00;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.selected-nmb {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #c8b0cb;
    display: inline-block;
}

.wtn-example-section {
    font-family: 'DinPro', sans-serif;
}

.wtn-example-section h3 {
    text-align: justify;
    font-family: 'DinPro', sans-serif;
}

.wtn-example-section p {
    color: #682770;
    font-weight: 500;
    font-size: 18px;
    font-family: 'DinPro', sans-serif;
}

.example-hero {
    padding-top: 90px;
}

.example-hero p {
    font-size: 18px;
    font-family: 'DinPro', sans-serif;
}

.text-example #letter-list span {
    /*color:#682770;*/
    font-weight: 500;
    font-size: 50px;
    font-family: 'DinPro', sans-serif;
}

.text-example #number-list span {
    /*color:#682770;*/
    font-weight: 900;
    font-size: 30px;
    font-family: 'DinPro', sans-serif;
}

.text-example table thead {
    font-size: 50px;
    border-bottom: none;
    text-align: center;
    color: #682770;
    font-family: 'DinPro';
}

.text-example table tbody {
    text-align: center;
    font-family: 'DinPro';
    border-top: none;
    font-size: 25px;
    font-weight: 500;
    color: #e60075;
}

.text-example .table>thead>tr>th {
    border: none;
}

.virtual-sim-icon {
    width: 35px;
    height: 27px;
    background-image: url('../img/virtual-sim-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.standard-sim-icon {
    width: 35px;
    height: 27px;
    background-image: url('../img/standard-sim-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
}

#number-list {
    font-size: 30px !important;
}

.boxes-section {
    margin-top: 60px;
}

.circle-box {
    background: #682770;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    font-family: 'DinPro', sans-serif;
    margin-bottom: 30px;
    margin: 25px auto;
    padding: 5%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.circle-box p {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    font-family: 'DinPro', sans-serif;
    padding: 36% 0;
}

.circle-box-esim {
    min-height: 255px;
    margin-bottom: 50px;
}

.circle-box-esim p {
    color: #000;
    font-size: 32px;
    text-align: left;
    line-height: 20px;
    font-family: 'DinPro Bold', sans-serif;
    line-height: 32px;
}

.border-box {
    padding: 20px;
    border: 8px dashed #f5f5f5;
    min-height: 420px;
    margin-bottom: 25px;
}

.border-box p {
    color: #000;
    font-size: 24px;
    text-align: left;
    line-height: 20px;
    font-family: 'DinPro', sans-serif;
    padding: 15px;
    word-break: break-word;
    line-height: 24px;
}

.circle-box span {
    font-weight: 700;
    margin-left: 80px;
    color: rgba(0, 0, 0, 0.08);
    font-family: 'DinPro', sans-serif;
}

.circle-box span.numb {
    font-size: 90px;
    padding-top: 35px;
    font-weight: 100;
    color: rgba(0, 0, 0, 0.08);
    font-family: 'DinPro', sans-serif;
}

.p-font-style {
    font-family: 'DinPro', sans-serif;
    font-size: 18px;
}

.choose-number-section-4 .choose-number {
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-4 .choose-number p {
    font-size: 18px;
}

.sub-heading-center {
    color: #383838;
    font-size: 25px;
    text-align: center;
    margin: 60px 0 35px 0;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-2-esim {
    background: #f5f5f5;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-3-esimm {
    color: #fff;
    padding: 30px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-5-esimm {
    background: #fff;
    color: #1a1a1a;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.esim-choose-number-section {
    background: #fff;
    color: #1a1a1a;
    padding: 0 80px 80px 80px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-4-esimm {
    background: #f5f5f5;
    padding: 30px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-2 {
    background: #fff;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-3 {
    background: #f5f5f5;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-4 {
    background: #fff;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
    /* position: relative; */
    /* z-index: 999999; */
}

.choose-number-section-5 {
    background: #f5f5f5;
    padding: 80px;
    font-family: 'DinPro', sans-serif;
}

.choose-number-section-5 p {
    font-size: 17px;
}

.payment-type .cart-product-box label,
.payment-type .cart-product-box p {
    font-family: 'DinPro', sans-serif;
}

.wtn-heading {
    font-family: 'DinPro', sans-serif;
}

#dlvBox label {
    font-family: 'DinPro', sans-serif;
}

.sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    background-color: #fff;
}

.sa-1 {
    width: 140px;
    height: 140px;
    padding: 26px;
    background-color: #fff;
}

.sa-success {
    border-radius: 50%;
    border: 4px solid #A5DC86;
    box-sizing: content-box;
    height: 50px;
    padding: 0;
    position: relative;
    background-color: #fff;
    width: 50px;
}

.sa-success.focused {
    border: 4px solid #ffffff;
}

.sa-success.focused .sa-success-placeholder {
    border: 4px solid #ffffff;
}

.sa-success.focused .sa-success-tip,
.sa-success.focused .sa-success-long {
    background-color: #ffffff;
}

.no-req.focused {
    color: #ffffff !important;
}

.sa-success:after,
.sa-success:before {
    background: transparent;
    content: '';
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px;
}

.sa-success:before {
    border-radius: 40px 0 0 40px;
    width: 26px;
    height: 50px;
    top: -27px;
    left: 8px;
    transform-origin: 60px 60px;
    transform: rotate(-45deg);
}

.sa-success:after {
    border-radius: 0 120px 120px 0;
    left: 42px;
    top: -11px;
    transform-origin: 0 60px;
    transform: rotate(-45deg);
    animation: rotatePlaceholder 4.25s ease-in;
    width: 50px;
    height: 60px;
}

.sa-success-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(165, 220, 134, 0.25);
    box-sizing: content-box;
    height: 50px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 50px;
    z-index: 2;
}

.sa-success-fix {
    background-color: #fff;
    height: 75px;
    left: 19px;
    position: absolute;
    top: -5px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.sa-success-tip,
.sa-success-long {
    background-color: #A5DC86;
    border-radius: 2px;
    height: 5px;
    position: absolute;
    z-index: 2;
}

.sa-success-tip {
    left: 10px;
    top: 26px;
    transform: rotate(45deg);
    width: 15px;
    animation: animateSuccessTip .75s;
}

.sa-success-long {
    right: 9px;
    top: 23Px;
    transform: rotate(-45deg);
    width: 25px;
    animation: animateSuccessLong .75s;
}

@keyframes animateSuccessTip {

    0%,
    54% {
        width: 0;
        left: 2px;
        top: 8px;
    }

    70% {
        width: 30px;
        left: -3px;
        top: 21px;
    }

    84% {
        width: 10px;
        left: 14px;
        top: 29px;
    }

    100% {
        width: 15px;
        left: 10px;
        top: 26px;
        /* background-color: purple; */
    }
}

@keyframes animateSuccessLong {

    0%,
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 30px;
        right: 4px;
        top: 20px;
    }

    100% {
        width: 25px;
        right: 9px;
        top: 23px;
    }
}

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
    }

    100%,
    12% {
        transform: rotate(-405deg);
    }
}

.sa {
    width: 50px;
    height: 50px;
    padding: 30px;
}

.sa-1 {
    width: 50px;
    height: 50px;
    padding: 30px;
}

.sa-error::before {
    border-radius: 40px 0 0 40px;
    width: 26px;
    height: 50px;
    top: -30px;
    left: 15px;
    transform-origin: 60px 60px;
    transform: rotate(-45deg);
}

.sa-error {
    border-radius: 50%;
    border: 4px solid #F27474;
    box-sizing: content-box;
    height: 50px;
    padding: 0;
    position: relative;
    background-color: #fff;
    width: 50px;
    animation: animateErrorIcon .5s;
}

.sa-error:after {
    left: 50px;
    top: -15px;
    height: 50px;
    width: 25px;
}

.sa-error.focused {
    border: 4px solid #ffffff;
}

.sa-error.focused .sa-error-placeholder {
    border: 4px solid #ffffff;
}

.sa-error.focused .sa-error-left,
.sa-error.focused .sa-error-right {
    background-color: #ffffff;
}

.no-req.focused {
    color: #ffffff !important;
}

.sa-error:after,
.sa-error:before {
    background: #fff;
    content: '';
    height: 120px;
    position: absolute;
    transform: rotate(45deg);
    width: 60px;
}

.sa-error:before {
    border-radius: 40px 0 0 40px;
    width: 26px;
    height: 80px;
    top: -17px;
    left: 5px;
    transform-origin: 60px 60px;
    transform: rotate(-45deg);
}

.sa-error:after {
    border-radius: 0 120px 120px 0;
    left: 30px;
    top: -11px;
    transform-origin: 0 60px;
    transform: rotate(-45deg);
    animation: rotatePlaceholder 4.25s ease-in;
}

.sa-error-x {
    display: block;
    position: relative;
    z-index: 2;
}

.sa-error-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(200, 0, 0, 0.2);
    box-sizing: content-box;
    height: 50px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 50px;
    z-index: 2;
}

.sa-error-fix {
    height: 25px;
    left: 23px;
    position: absolute;
    top: 12px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.sa-error-left,
.sa-error-right {
    border-radius: 2px;
    display: block;
    height: 5px;
    position: absolute;
    z-index: 2;
    background-color: #F27474;
    top: 23px;
    width: 25px;
}

.sa-error-left {
    left: 13px;
    transform: rotate(45deg);
    animation: animateXLeft .75s;
}

.sa-error-right {
    right: 12px;
    transform: rotate(-45deg);
    animation: animateXRight .75s;
}


/* .sa-error-left {
	left: 13px;
	top: 23px;
	width: 25px;
	background: red;
}

.sa-error-right {
	right: 82px;
	top: 95px;
	width: 15px;
	background: red;
} */

@keyframes rotatePlaceholder {

    0%,
    5% {
        transform: rotate(-45deg);
    }

    100%,
    12% {
        transform: rotate(-405deg);
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateXLeft {

    0%,
    65% {
        left: 86px;
        top: 95px;
        width: 0;
        background: red;
    }

    84% {
        left: 12px;
        top: 33px;
        width: 47px;
    }

    100% {
        left: 12px;
        top: 23px;
        width: 25px;
    }
}

@keyframes animateXRight {

    0%,
    65% {
        right: 86px;
        top: 95px;
        width: 0;
    }

    84% {
        right: 12px;
        top: 33px;
        width: 47px;
    }

    100% {
        right: 12px;
        top: 23px;
        width: 25px;
    }
}

#simType .cart-product-box[aria-expanded="true"],
#paymentType .cart-product-box[aria-expanded="true"] {
    background-color: #e8e8e8;
}

#simType .cart-product-box[aria-expanded="true"],
#paymentType2 .cart-product-box[aria-expanded="true"] {
    background-color: #e8e8e8;
}

#simType .cart-product-box[aria-expanded="false"],
#paymentType .cart-product-box[aria-expanded="false"] {
    background-color: #f5f5f5;
}

#simType .cart-product-box[aria-expanded="false"],
#paymentType2 .cart-product-box[aria-expanded="false"] {
    background-color: #f5f5f5;
}

#simType .cart-product-box,
#paymentType .cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-family: 'DinPro', sans-serif;
    min-height: 90px;
    border-style: solid;
    border-width: 1px;
    border: none;
    background-color: #f5f5f5;
    transition: 0.2s ease-in;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

#simType .cart-product-box,
#paymentType2 .cart-product-box {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    font-family: 'DinPro', sans-serif;
    min-height: 90px;
    border-style: solid;
    border-width: 1px;
    border: none;
    background-color: #f5f5f5;
    transition: 0.2s ease-in;
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}

#simType .cart-product-box:hover,
#paymentType .cart-product-box:hover {
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    transition: 0.2s ease-in;
}

#simType .cart-product-box:hover,
#paymentType2 .cart-product-box:hover {
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
    transition: 0.2s ease-in;
}

#simType .cart-product-box label,
#paymentType .cart-product-box label {
    font-size: 22px;
    color: #682770;
}

#simType .cart-product-box label,
#paymentType2 .cart-product-box label {
    font-size: 22px;
    color: #682770;
}


#simType .cart-product-box p,
#paymentType .cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 100;
    margin: 6px;
    margin-left: 0px;
    color: #5f5b5b;
}

#simType .cart-product-box p,
#paymentType2 .cart-product-box p {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 100;
    margin: 6px;
    margin-left: 0px;
    color: #5f5b5b;
}

/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: #e10e75;
    color: #fff;
    padding: 6px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 999999999;
}

#videoBckg {
    height: 0px;
    width: 0px;
}

.chck-nmb-success,
.chck-nmb-error {
    margin-left: 170px;
    font-size: 16px;
    position: absolute;
    text-align: left;
    margin-bottom: 0;
    font-family: 'DinPro', sans-serif;
    background: transparent;
}

.sa-success:after,
.sa-success:before,
.sa-error:after,
.sa-error:before,
.chck-nmb-success .sa-success,
.chck-nmb-success .sa-success-fix,
.chck-nmb-error .sa-error,
.chck-nmb-error .sa-error-fix {
    background: transparent;
}

.numb-addon {
    margin-top: 0;
    margin-left: 87px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 5px;
}

@media (min-width: 768px) {
    #registration-page {
        color: white !important;
    }
}

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }

    .rinternet-section.home .sim-landing-hero-text {
        text-align: center;
    }

    .rinternet-section.home {
        background: url('../img/roaming-hero-bg_sm.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        box-shadow: 2px 0 12px rgb(0, 0, 0, .35);
        z-index: 1;
        padding-bottom: 0;
    }

    .choose-number-section-5-esimm,
    .choose-number-section-2-esim,
    .esim-choose-number-section {
        padding: 20px;
    }

    .tdu {
        float: none;
        margin: 20px auto;
    }

    #esim_icon {
        margin-top: 25px;
        margin-left: 0px;
    }

    .hr-sim {
        margin: 40px auto !important;
    }

    .radio-inline-promo {
        margin: 25px auto;
    }

    .why-section {
        padding: 60px 0 0 0;
    }

    .why-section .why-section-content {
        padding: 0 15px;
    }

    .ppu-section,
    .promo-section,
    .addition-packages-section {
        padding: 60px 15px;
    }

    .radio-inline-promo {
        padding: 32px 15px;
        font-size: 36px;
        width: 140px;
        height: 140px;
    }

    .radio-inline-promo .promo-price {
        font-size: 23px;
    }

    .promo-icon-r {
        display: none;
    }

    .box-promo-net {
        padding: 35px 25px !important;
        line-height: 35px !important;
    }

    .radio-inline-promo.box-promo-net {
        font-size: 40px;
    }

    .radio-inline-promo.box-promo-net .promo-price {
        font-size: 23px;
    }

    .radio-internet-section .radio-inline-circle {
        padding: 25px;
        line-height: 50px;
        font-size: 60px;
        width: 160px;
        height: 160px;
    }

    .radio-min-sms-section .radio-inline-circle {
        padding: 40px 0;
        width: 160px;
        height: 160px;
    }
}

.back-to-top:focus {
    background: #e10e75;
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #682277;
    color: #fff;
}

.focus-overlay {
    width: 100%;
    height: 100vh;
    background: rgba(230, 0, 117, 0.95);
    position: fixed;
    z-index: 999999;
    display: none;
    -webkit-animation: fadein 0.4s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.4s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.4s;
    /* Internet Explorer */
    -o-animation: fadein 0.4s;
    /* Opera < 12.1 */
    animation: fadein 0.4s;
}

#choose-number-input:focus-within+.choose-number p {
    /* transition: 0.3s ease-in; */
    color: red;
}

.testFocus {
    position: relative;
}

input[type="text"]:focus+input[type="submit"] {
    /* some sweet CSS */
    background-color: green;
    transition: 0.4 ease-in;
}

#paymentTypeBtn.btn-focused {
    background-color: #f2f2f2;
    color: #682770;
}

.arbitrary.focused {
    /* even more sweet CSS */
    color: #ffffff;
}

.no-req.focused {
    /* even more sweet CSS */
    color: #ffffff !important;
}

.choose-number-section-4 .t9-number {
    color: #e10e75;
    text-align: center;
    font-size: 25px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.wtn-section-baka-prase-5 .t9-number {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: 'Dosis Regular', sans-serif;
}

.t9-number.focused {
    color: #ffffff;
}

.btn-pink.focused {
    background-color: #ffffff;
    color: #e60075;
}

.btn-purple.focused {
    background-color: #ffffff;
    color: #e60075;
}

.no-req.focused {
    color: #ffffff !important;
}

#phone div {
    height: 110px;
    width: 110px;
    border-radius: 50%;
    border: 2px solid #682277;
    display: inline-block;
    margin: 5px;
}

#phone span {
    display: block;
    margin-top: 2px;
    font-size: 16px;
    color: #682277;
    text-align: center;
}

#phone h1 {
    color: #682277;
    text-align: center;
}

/*.already-have-nmb {*/
/*color: #0d85c7;*/
/*border-bottom-style: dotted;*/
/*border-bottom-width: 1px;*/
/*transition: .3s ease all;*/
/*}*/

/*.already-have-nmb.focused {*/
/*color: #ffffff;*/
/*border-bottom-style: dotted;*/
/*border-bottom-width: 1px;*/
/*transition: .3s ease all;*/
/*}*/

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.custom-message {
    color: #a94442;
    display: none;
    position: absolute;
    bottom: -15px;
}

.stringLength-message {
    color: #a94442;
    display: none;
    position: absolute;
    bottom: -15px;
}

.stringLength-message.focused {
    color: #ffffff !important;
}

.no-req {
    color: #333333;
    font-size: 11px;
    margin-top: 3px;
}

.no-req.focused {
    color: #ffffff !important;
}

.errorNmb-message {
    color: #a94442;
    display: none;
    position: absolute;
    bottom: -15px;
}

.errorNmb-message.focused {
    color: #ffffff !important;
}

.if-number>p.focused {
    color: #ffffff;
}

#ModalHaveNumber .modal-header .close {
    position: absolute;
    right: 20px;
    top: 13px;
}

.videoBg {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.mini-bg-video {
    object-fit: fill;
    width: 100%;
    height: 100%;
}

.response-sim-header {
    margin-bottom: 35px;
}

.response-sim-body {
    margin-bottom: 50px;
}

.response-sim-footer h4 {
    margin-bottom: 25px;
    color: #383838;
}

.shop-details-sim th,
.shop-details-sim td {
    color: #383838;
}

.choosen-ssb-heading {
    margin-top: 40px;
    line-height: 1.1;
}

.up-link {
    color: #682770 !important;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    transition: .3s ease all;
}

#ModalHaveNumber {
    font-family: 'DinPro', sans-serif !important;
}

.res-table {
    max-width: 350px;
    margin: 0 auto;
}

.res-table>thead>tr>th {
    font-size: 36px;
    font-weight: normal;
    padding: 4px;
}

.res>thead>tr>th {
    font-size: 36px;
    font-weight: normal;
    padding: 4px;
}

.res-num {
    font-weight: bold !important;
}

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

#success-alert2,
#error-alert2 {
    display: none;
}

#success-alert,
#error-alert {
    display: none;
}

.login-circles {
    display: inline-block;
}

@media(max-width: 576px) {
    .radio-inline-promo {
        margin: 25px auto !important;
    }

    .sim-section .radio-min-sms-section {
        padding: 15px 0;
    }

    .sim-section .radio-internet-section {
        padding: 15px 0;
    }

    .sim-section #weeklyPackages .radio-min-sms-section {
        padding: 15px 0;
    }

    /* #weeklyPackages .radio-min-sms-section .radio-inline-circle {
        margin-left: 11px;
    } */
    .radio-inline-promo .promo-package {
        display: inline-flex;
    }

    .md-d {
        display: none;
    }

    .sm-d {
        display: block;
    }

    .radio-internet-section .radio-inline-circle {
        padding: 10px;
        line-height: 50px;
        font-size: 60px;
        width: 125px;
        height: 125px;
    }

    /* #weeklyPackages .radio-internet-section .radio-inline-circle {
        padding: 20px 20px;
        line-height: 70px;
        font-size: 80px;
        width: 180px;
        height: auto;
    }
    #weeklyPackages .radio-min-sms-section .radio-inline-circle {
        width: 180px;
        height: 180px;
    }
    #weeklyPackages .radio-min-sms-section .radio-inline-circle {
        padding: 35px 25px;
        line-height: 35px;
        font-size: 70px;
        width: 150px;
        height: 150px;
    } */
    .radio-min-sms-section .radio-inline-circle {
        padding: 30px 0;
        line-height: 30px;
        font-size: 60px;
        width: 125px;
        height: 125px;
    }

    .radio-min-sms-section .radio-inline-circle span {
        font-size: 23px;
    }

    .radio-inline-promo {
        padding: 40px 25px;
        font-size: 45px;
        width: 150px;
        height: 150px;
    }

    .radio-inline-promo.box-promo-call {
        font-size: 32px !important;
        line-height: 35px !important;
    }

    .radio-inline-promo .promo-price {
        font-size: 20px;
    }

    .promo-icon-r {
        display: none;
    }

    .promo-package-addon {
        font-size: 12px;
        margin-top: 9px;
        margin-right: 4px;
    }

    .promo-package-addon {
        margin: 7px 0;
        margin-bottom: 0;
    }

    .radio-inline-promo.box-promo-net {
        font-size: 27px;
        width: 110px;
        height: 110px;
        padding: 27px 12px;
        line-height: 30px;
    }

    .radio-inline-promo.box-promo-call {
        font-size: 35px;
        line-height: 35px;
        width: 110px;
        height: 110px;
        padding: 25px 15px;
    }

    .promo-package-addon {
        margin: 10px 0;
        margin-bottom: 0;
    }

    .promo-package-hr {
        margin: 7px 0 !important;
    }

    .radio-inline-promo.box-promo-net .promo-price {
        font-size: 16px;
    }

    .box-promo-net {
        padding: 32px 25px !important;
        line-height: 25px !important;
    }

    .promo-box-duration {
        font-size: 12px !important;
    }

    .price-section .prepaid-hero-text h1 {
        padding-top: 100px;
    }

    .price-section h1 {
        font-size: 62px;
    }

    .price-section p {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .choose-number-section-1,
    .choose-number-section-3,
    .choose-number-section-4,
    .choose-number-bp-section-3 {
        padding: 65px 5px;
    }

    .choose-number-section-2,
    .choose-number-section-5,
    .wtn-section-baka-prase-5,
    .wtn-section-baka-prase-6,
    .order-section-bp {
        padding: 40px 5px;
    }

    .d-flex.space-around-sm {
        justify-content: space-around;
    }
}

@media(max-width: 500px) {
    .radio-min-sms-section .radio-inline-circle {
        padding: 37px 15px;
    }
}

@media (max-width: 470px) {

    /* .radio-internet-section .radio-inline-circle {
        padding: 15px 20px;
        line-height: 35px;
        font-size: 40px;
    } */
    /* #weeklyPackages .radio-min-sms-section .radio-inline-circle,
    #weeklyPackages .radio-internet-section .radio-inline-circle {
        width: 140px;
        height: 140px;
    }
    #weeklyPackages .radio-min-sms-section .radio-inline-circle {
        font-size: 80px;
        line-height: 20px;
        padding: 46px 15px;
    }
    #weeklyPackages .radio-internet-section .radio-inline-circle {
        line-height: 40px;
    }
    #weeklyPackages .radio-internet-section .radio-inline-circle span {
        font-size: 40px;
    } */
    .radio-internet-section .radio-inline-circle {
        padding: 15px;
        line-height: 40px;
        font-size: 50px;
        width: 110px;
        height: 110px;
        margin: 25px 0;
    }

    .radio-min-sms-section .radio-inline-circle {
        line-height: 30px;
        font-size: 50px;
    }

    .radio-min-sms-section .radio-inline-circle span {
        font-size: 19px;
    }

    .radio-inline-circle {
        margin-bottom: 0;
    }

    #mYTabContent {
        margin-top: 0 !important;
    }

    .radio-min-sms-section {
        margin-top: -50px;
    }

    /* .price-section {
        margin-top: 30px;
    } */
    #weeklyPackages .radio-internet-section {
        padding: 35px 0;
    }

    .radio-min-sms-section .radio-inline-circle {
        width: 110px;
        height: 110px;
        padding: 30px 0;
    }

    .price-section .prepaid-hero-text h1 {
        padding-top: 80px;
    }

    .price-section h1 {
        font-size: 52px;
    }

    .price-section p {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .messageBox {
        width: 300px;
        font-size: 12px;
    }

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

    .switch {
        display: inline-block;
        margin: 0 auto !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 440px) {
    .messageBox {
        width: 100%;
        font-size: 12px;
    }
}

@media (max-width: 420px) {
    body {
        overflow-x: hidden;
    }

    .choose-number-section-1,
    .choose-number-section-3,
    .choose-number-section-4,
    .choose-number-bp-section-3 {
        padding: 65px 5px;
    }

    .choose-number-section-2,
    .choose-number-section-5,
    .wtn-section-baka-prase-5,
    .wtn-section-baka-prase-6,
    .order-section-bp {
        padding: 40px 5px;
    }

    .example-hero {
        padding-top: 0;
    }

    #phone div {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        border: 2px solid #682277;
        display: inline-block;
        margin: 5px;
    }

    #phone-b div {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        border: 2px solid #000000;
        display: inline-block;
        margin: 5px;
    }

    #phone span {
        display: block;
        margin-top: 2px;
        font-size: 16px;
        color: #682277;
        text-align: center;
    }

    #phone-b span {
        display: block;
        margin-top: 2px;
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    #phone h1 {
        color: #682277;
        text-align: center;
    }

    #phone-b h1 {
        color: #000000;
        text-align: center;
    }

    .key>h1 {
        font-size: 25px;
    }

    #phone span,
    #phone-b span {
        font-size: 14px;
        margin-top: -13px;
    }

    .stringLength-message {
        bottom: -30px;
    }

    .video {
        max-width: 340px;
    }

    /* .wtn-title-top {
		font-size: 70px;
	}asd */
    .up-title-top {
        font-size: 70px;
    }

    .up-title-bottom {
        font-size: 34px;
    }

    .anim-addon {
        font-size: 25px !important;
        line-height: 50px !important;
    }

    .res-addon {
        font-size: 36px !important;
    }

    .text-example #letter-list span {
        font-size: 25px;
    }

    .wtn-section-content p {
        font-size: 22px;
    }

    .wtn-section-content-te p {
        font-size: 22px;
    }

    .chck-nmb-success,
    .chck-nmb-error {
        position: relative;
        margin: 0 auto;
    }

    .sa {
        padding: 0;
        margin: 35px auto;
    }

    .sa-1 {
        padding: 0;
        margin: 35px auto;
    }

    .choosen-ssb-heading {
        margin-top: 0;
    }

    .intro-section-content .row .text-center img,
    .wtn-section-content .row .text-center img {
        max-width: 390px !important;
        margin-bottom: 0;
    }

    .errorNmb-message {
        bottom: -30px;
    }

    .form_group {
        margin-bottom: 40px;
    }

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

    .rinternet-section .section-title {
        margin-top: 100px;
    }

    .rinternet-section .sim-landing-hero-image img {
        margin-top: 0;
    }

    .rinternet-section.home .sim-landing-hero-text h1 .brand-title-top {
        font-size: 22px;
    }

    .rinternet-section.home .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 30px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 28px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 31px;
    }

    .rinternet-section h2 {
        margin-bottom: 0;
    }

    .rinternet-benefits-section,
    .rinternet-step-section {
        padding-bottom: 30px;
    }

    .rinternet-step-section h4 {
        margin-top: 0;
    }

    .roaming-package p {
        margin-top: 0;
    }

    .roaming-package hr {
        width: auto !important;
    }

    .rinternet-section .sim-landing-hero-image>p {
        margin-top: -15px;
    }

    .rinternet-step-section,
    .rinternet-benefits-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .rinternet-section .brand-subtitle {
        margin-top: 30px;
        font-size: 21px;
        text-align: center;
    }

    .rinternet-section .sim-landing-hero-text>h2 {
        text-align: center !important;
    }

    .rinternet-section.home h2 {
        margin-bottom: 50px;
    }

    .rinternet-section.home .section-title {
        margin-top: 0;
        line-height: 28px;
    }

    .rinternet-section .section-title {
        line-height: 28px;
    }

    .sim-landing h1 {
        font-size: 50px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        line-height: 50px;
    }

    .why-section {
        padding: 60px 0 0 0;
    }

    /* .price-section {
        margin-top: 30px;
    } */
    .sim-section h3 {
        padding: 0 30px;
    }

    /* .sim-section .radio-min-sms-section {
        padding: 0;
    } */
    .sim-section .price-section .price {
        text-align: center;
    }

    .addition-packages-section {
        padding: 60px 15px;
    }

    .cards-section {
        padding: 60px 0;
    }

    .ppu-section {
        padding: 60px 15px;
    }

    .radio-internet-section .radio-inline-circle {
        line-height: 27px;
        font-size: 35px;
    }

    .radio-min-sms-section .radio-inline-circle {
        line-height: 14px;
        font-size: 35px;
    }

    .radio-min-sms-section .radio-inline-circle span {
        font-size: 14px;
    }

    /* #weeklyPackages .radio-min-sms-section .radio-inline-circle span {
        font-size: 21px;
    } */
    .radio-inline-promo {
        padding: 35px 20px;
        font-size: 28px;
        width: 110px;
        height: 110px;
        line-height: 25px;
    }

    .radio-inline-promo .promo-price {
        font-size: 15px;
    }

    .promo-icon-r {
        display: none;
    }

    .box-promo-net {
        padding: 15px 10px !important;
        line-height: 25px !important;
        width: 80px !important;
        height: 80px !important;
    }

    .box-promo-call {
        padding: 15px 10px !important;
        line-height: 28px !important;
    }

    .radio-inline-promo.box-promo-net {
        font-size: 25px;
    }

    .promo-package-addon {
        margin: 5px 0;
        margin-bottom: 0;
    }

    .promo-package-hr {
        margin: 6px 0;
    }

    .radio-inline-promo.box-promo-call {
        width: 80px !important;
        height: 80px !important;
        font-size: 21px !important;
        line-height: 25px !important;
    }

    .radio-internet-section .radio-inline-circle {
        width: 90px;
        height: 90px;
        padding: 16px;
    }

    .radio-min-sms-section .radio-inline-circle {
        width: 90px;
        height: 90px;
        padding: 30px 0;
    }

    .price-section .prepaid-hero-text h1 {
        padding-top: 60px;
    }

    .price-section h1 {
        font-size: 42px;
    }

    .price-section p {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /* DU */
    .messageField {
        height: 170px;
    }

    .messageBox {
        height: 120px;
    }

    /* DU */

    .freepaid-section-h .freepaid-section-content-h .freepaid-title-bottom {
        font-size: 42px;
    }
}

@media (max-width: 370px) {
    .section-title {
        text-align: center;
    }

    .rinternet-section.home .sim-landing-hero-text h1 .brand-title-top {
        font-size: 20px;
    }

    .rinternet-section.home .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 22px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 24px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 27px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 18px;
    }

    .wtn-section-baka-prase .wtn-title-top {
        font-size: 65px !important;
    }

    .wtn-section-baka-prase .wtn-title-bottom {
        font-size: 42px !important;
    }

    .radio-min-sms-section .radio-inline-circle {
        padding: 31px 15px;
    }

    .radio-internet-section .radio-inline-circle {
        padding: 19px 15px;
    }

    .radio-internet-section .radio-inline-circle {
        width: 90px;
        height: 90px;
        padding: 16px;
    }

    .radio-min-sms-section .radio-inline-circle {
        width: 90px;
        height: 90px;
        padding: 30px 0;
    }

    /* DU */
    .messageField {
        height: 190px;
    }

    .messageBox {
        height: 140px;
    }

    /* DU */
}

@media (max-width: 320px) {
    .video {
        max-width: 290px;
    }

    .text-example #letter-list span,
    .text-example #number-list span {
        font-size: 20px !important;
    }

    .anim-addon {
        font-size: 18px !important;
    }

    .res-addon {
        font-size: 36px !important;
    }

    #phone div,
    #phone-b div {
        width: 60px;
        height: 60px;
    }

    .key>h1 {
        font-size: 18px;
        margin-top: 10px;
    }

    .intro-section-content .row .text-center img,
    .wtn-section-content .row .text-center img {
        max-width: 290px !important;
        margin-bottom: 0;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-top {
        font-size: 20px;
    }

    .rinternet-section .sim-landing-hero-text h1 .brand-title-bottom {
        font-size: 22px;
    }

    .rinternet-section .brand-subtitle {
        font-size: 20px;
        text-align: center;
    }

    .sim-landing h1 {
        font-size: 40px;
    }

    .sim-section .sim-landing-hero-text>h1 {
        line-height: 40px;
    }

    /* .radio-internet-section .radio-inline-circle {
        padding: 15px 20px;
        line-height: 20px;
        width: 100%;
        height: auto;
        font-size: 20px;
    } */
    .radio-internet-section .radio-inline-circle {
        width: 75px;
        height: 75px;
        padding: 9px;
    }

    .radio-min-sms-section .radio-inline-circle {
        width: 75px;
        height: 75px;
        padding: 20px 0;
    }

    /* DU */
    .messageField {
        height: 210px;
    }

    .messageBox {
        height: 160px;
    }

    /* DU */
}

#logo-pure-white-id {
    display: block;
    transition: 0.2s ease-in;
}

#logo-blue-id {
    display: none;
    transition: 0.2s ease-in;
}

#logo-blue-id-black {
    display: none;
    transition: 0.2s ease-in;
}

#logo-color-black {
    display: none;
    transition: 0.2s ease-in;
}

.freepaid-section-content-h {
    font-family: 'DinPro', sans-serif;
}

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

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

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

.custom-nav-link::before {
    color: #ffffff;
}

#videoBckg {
    height: 0px;
    width: 0px;
}

.choose-number-section h2 {
    color: #fff;
    white-space: pre-line;
}

.navbar-nav>li>.dropdown-menu {
    background-color: #383838;
}

.smisli-broj-img {
    margin-top: 100px;
}

.smisli-text {
    line-height: 1.4;
}

.numb {
    text-align: center;
    font-size: 130px;
}

.btn {
    outline: none !important;
}

.btn-primary {
    background: #e10e75 !important;
    border-color: #e10e75 !important;
}

.ml2 {
    font-weight: 900;
}

.ml2 .letter {
    display: inline-block;
}

.ml3 {
    font-weight: 900;
}

.ml3 .letter {
    display: inline-block;
}

.iphon {
    display: none;
}

.showhide {
    display: none;
}

.sim-section .internet.roaming-package h4.promo-title {
    font-size: 42px;
}

.sim-section .internet.roaming-package .price-box-num {
    font-size: 40px;
}

.vertical-alignment-helper .vertical-align-center .modal-content {
    max-width: 600px;
    margin: 0 auto;
}

.br-15 {
    border-radius: 15px;
}

/* @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
} */

.modal-footer.affiliate {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal-footer.affiliate .enter-number-btn {
    margin-bottom: 8px;
}