@charset "UTF-8";
/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
.row { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

.row:after { clear: both; }

[class*='column-'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 100%; min-height: 1px; }

.column-full-width { width: 100%; }

.column-xs-1-2 { position: relative; min-height: 1px; float: left; width: 50%; }

.column-xs-2-2 { position: relative; min-height: 1px; float: left; width: 100%; }

.column-xs-1-3 { position: relative; min-height: 1px; float: left; width: 33.3333333333%; }

.column-xs-2-3 { position: relative; min-height: 1px; float: left; width: 66.6666666667%; }

.column-xs-3-3 { position: relative; min-height: 1px; float: left; width: 100%; }

.column-xs-1-4 { position: relative; min-height: 1px; float: left; width: 25%; }

.column-xs-2-4 { position: relative; min-height: 1px; float: left; width: 50%; }

.column-xs-3-4 { position: relative; min-height: 1px; float: left; width: 75%; }

.column-xs-4-4 { position: relative; min-height: 1px; float: left; width: 100%; }

.column-xs-1-5 { position: relative; min-height: 1px; float: left; width: 20%; }

.column-xs-2-5 { position: relative; min-height: 1px; float: left; width: 40%; }

.column-xs-3-5 { position: relative; min-height: 1px; float: left; width: 60%; }

.column-xs-4-5 { position: relative; min-height: 1px; float: left; width: 80%; }

.column-xs-5-5 { position: relative; min-height: 1px; float: left; width: 100%; }

.column-xs-1-6 { position: relative; min-height: 1px; float: left; width: 16.6666666667%; }

.column-xs-2-6 { position: relative; min-height: 1px; float: left; width: 33.3333333333%; }

.column-xs-3-6 { position: relative; min-height: 1px; float: left; width: 50%; }

.column-xs-4-6 { position: relative; min-height: 1px; float: left; width: 66.6666666667%; }

.column-xs-5-6 { position: relative; min-height: 1px; float: left; width: 83.3333333333%; }

.column-xs-6-6 { position: relative; min-height: 1px; float: left; width: 100%; }

.column-sm-1-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-1-2 { float: left; width: 50%; } }

.column-sm-2-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-2-2 { float: left; width: 100%; } }

.column-sm-1-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-1-3 { float: left; width: 33.3333333333%; } }

.column-sm-2-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-2-3 { float: left; width: 66.6666666667%; } }

.column-sm-3-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-3-3 { float: left; width: 100%; } }

.column-sm-1-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-1-4 { float: left; width: 25%; } }

.column-sm-2-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-2-4 { float: left; width: 50%; } }

.column-sm-3-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-3-4 { float: left; width: 75%; } }

.column-sm-4-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-4-4 { float: left; width: 100%; } }

.column-sm-1-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-1-5 { float: left; width: 20%; } }

.column-sm-2-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-2-5 { float: left; width: 40%; } }

.column-sm-3-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-3-5 { float: left; width: 60%; } }

.column-sm-4-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-4-5 { float: left; width: 80%; } }

.column-sm-5-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-5-5 { float: left; width: 100%; } }

.column-sm-1-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-1-6 { float: left; width: 16.6666666667%; } }

.column-sm-2-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-2-6 { float: left; width: 33.3333333333%; } }

.column-sm-3-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-3-6 { float: left; width: 50%; } }

.column-sm-4-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-4-6 { float: left; width: 66.6666666667%; } }

.column-sm-5-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-5-6 { float: left; width: 83.3333333333%; } }

.column-sm-6-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 480px) { .column-sm-6-6 { float: left; width: 100%; } }

.column-md-1-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-1-2 { float: left; width: 50%; } }

.column-md-2-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-2-2 { float: left; width: 100%; } }

.column-md-1-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-1-3 { float: left; width: 33.3333333333%; } }

.column-md-2-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-2-3 { float: left; width: 66.6666666667%; } }

.column-md-3-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-3-3 { float: left; width: 100%; } }

.column-md-1-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-1-4 { float: left; width: 25%; } }

.column-md-2-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-2-4 { float: left; width: 50%; } }

.column-md-3-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-3-4 { float: left; width: 75%; } }

.column-md-4-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-4-4 { float: left; width: 100%; } }

.column-md-1-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-1-5 { float: left; width: 20%; } }

.column-md-2-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-2-5 { float: left; width: 40%; } }

.column-md-3-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-3-5 { float: left; width: 60%; } }

.column-md-4-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-4-5 { float: left; width: 80%; } }

.column-md-5-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-5-5 { float: left; width: 100%; } }

.column-md-1-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-1-6 { float: left; width: 16.6666666667%; } }

.column-md-2-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-2-6 { float: left; width: 33.3333333333%; } }

.column-md-3-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-3-6 { float: left; width: 50%; } }

.column-md-4-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-4-6 { float: left; width: 66.6666666667%; } }

.column-md-5-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-5-6 { float: left; width: 83.3333333333%; } }

.column-md-6-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 720px) { .column-md-6-6 { float: left; width: 100%; } }

.column-lg-1-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-1-2 { float: left; width: 50%; } }

.column-lg-2-2 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-2-2 { float: left; width: 100%; } }

.column-lg-1-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-1-3 { float: left; width: 33.3333333333%; } }

.column-lg-2-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-2-3 { float: left; width: 66.6666666667%; } }

.column-lg-3-3 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-3-3 { float: left; width: 100%; } }

.column-lg-1-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-1-4 { float: left; width: 25%; } }

.column-lg-2-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-2-4 { float: left; width: 50%; } }

.column-lg-3-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-3-4 { float: left; width: 75%; } }

.column-lg-4-4 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-4-4 { float: left; width: 100%; } }

.column-lg-1-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-1-5 { float: left; width: 20%; } }

.column-lg-2-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-2-5 { float: left; width: 40%; } }

.column-lg-3-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-3-5 { float: left; width: 60%; } }

.column-lg-4-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-4-5 { float: left; width: 80%; } }

.column-lg-5-5 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-5-5 { float: left; width: 100%; } }

.column-lg-1-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-1-6 { float: left; width: 16.6666666667%; } }

.column-lg-2-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-2-6 { float: left; width: 33.3333333333%; } }

.column-lg-3-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-3-6 { float: left; width: 50%; } }

.column-lg-4-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-4-6 { float: left; width: 66.6666666667%; } }

.column-lg-5-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-5-6 { float: left; width: 83.3333333333%; } }

.column-lg-6-6 { position: relative; min-height: 1px; }

@media screen and (min-width: 1180px) { .column-lg-6-6 { float: left; width: 100%; } }

.p-0 { padding: 0; }

.pt-1 { padding-top: 0.25rem; }

.pt-2 { padding-top: 0.5rem; }

.pt-3 { padding-top: 1rem; }

.pt-4 { padding-top: 1.5rem; }

.pt-5 { padding-top: 3rem; }

.pr-1 { padding-right: 0.25rem; }

.pr-2 { padding-right: 0.5rem; }

.pr-3 { padding-right: 1rem; }

.pr-4 { padding-right: 1.5rem; }

.pr-5 { padding-right: 3rem; }

.pb-1 { padding-bottom: 0.25rem; }

.pb-2 { padding-bottom: 0.5rem; }

.pb-3 { padding-bottom: 1rem; }

.pb-4 { padding-bottom: 1.5rem; }

.pb-5 { padding-bottom: 3rem; }

.pl-1 { padding-left: 0.25rem; }

.pl-2 { padding-left: 0.5rem; }

.pl-3 { padding-left: 1rem; }

.pl-4 { padding-left: 1.5rem; }

.pl-5 { padding-left: 3rem; }

.m-0 { margin: 0; }

.mt-1 { margin-top: 0.25rem; }

.mt-2 { margin-top: 0.5rem; }

.mt-3 { margin-top: 1rem; }

.mt-4 { margin-top: 1.5rem; }

.mt-5 { margin-top: 3rem; }

.mr-1 { margin-right: 0.25rem; }

.mr-2 { margin-right: 0.5rem; }

.mr-3 { margin-right: 1rem; }

.mr-4 { margin-right: 1.5rem; }

.mr-5 { margin-right: 3rem; }

.mb-1 { margin-bottom: 0.25rem; }

.mb-2 { margin-bottom: 0.5rem; }

.mb-3 { margin-bottom: 1rem; }

.mb-4 { margin-bottom: 1.5rem; }

.mb-5 { margin-bottom: 3rem; }

.ml-1 { margin-left: 0.25rem; }

.ml-2 { margin-left: 0.5rem; }

.ml-3 { margin-left: 1rem; }

.ml-4 { margin-left: 1.5rem; }

.ml-5 { margin-left: 3rem; }

.text-12 { font-size: 12px; }

.text-13 { font-size: 13px; }

.text-14 { font-size: 14px; }

.text-15 { font-size: 15px; }

.text-16 { font-size: 16px; }

.text-17 { font-size: 17px; }

.text-18 { font-size: 18px; }

.text-19 { font-size: 19px; }

.text-20 { font-size: 20px; }

.text-21 { font-size: 21px; }

.text-22 { font-size: 22px; }

.text-23 { font-size: 23px; }

.text-24 { font-size: 24px; }

.text-25 { font-size: 25px; }

.text-26 { font-size: 26px; }

.text-27 { font-size: 27px; }

.text-28 { font-size: 28px; }

.text-29 { font-size: 29px; }

.text-30 { font-size: 30px; }

.text-31 { font-size: 31px; }

.text-32 { font-size: 32px; }

.text-33 { font-size: 33px; }

.text-34 { font-size: 34px; }

.text-40 { font-size: 40px; }

/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
.yettel-font { font-family: "Yettel", Arial, sans-serif; }

.yettel-light-font { font-family: "YettelLight", Arial, sans-serif; }

.yettel-bold-font { font-family: "YettelBold", Arial, sans-serif; }

#telenor-loader { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 1001; background: white url("../img/yettel-loader-blue.gif") center center no-repeat; }

.white-color { color: #ffffff !important; }

.white-color a { color: #ffffff !important; }

.white-background { background-color: #ffffff !important; }

.slide-item.white-background::after { border-color: #ffffff transparent transparent transparent; }

.tileicon-link:hover .white-background-hover { background-color: #ffffff !important; }

.black-color { color: #000000 !important; }

.black-color a { color: #000000 !important; }

.black-background { background-color: #000000 !important; }

.slide-item.black-background::after { border-color: #000000 transparent transparent transparent; }

.tileicon-link:hover .black-background-hover { background-color: #000000 !important; }

.sky-blue-color { color: #c4dfe9 !important; }

.sky-blue-color a { color: #c4dfe9 !important; }

.sky-blue-background { background-color: #c4dfe9 !important; }

.slide-item.sky-blue-background::after { border-color: #c4dfe9 transparent transparent transparent; }

.tileicon-link:hover .sky-blue-background-hover { background-color: #c4dfe9 !important; }

.navy-blue-color { color: #002340 !important; }

.navy-blue-color a { color: #002340 !important; }

.navy-blue-background { background-color: #002340 !important; }

.slide-item.navy-blue-background::after { border-color: #002340 transparent transparent transparent; }

.tileicon-link:hover .navy-blue-background-hover { background-color: #002340 !important; }

.light-blue-color { color: #e4f2f6 !important; }

.light-blue-color a { color: #e4f2f6 !important; }

.light-blue-background { background-color: #e4f2f6 !important; }

.slide-item.light-blue-background::after { border-color: #e4f2f6 transparent transparent transparent; }

.tileicon-link:hover .light-blue-background-hover { background-color: #e4f2f6 !important; }

.lime-green-color { color: #b4ff00 !important; }

.lime-green-color a { color: #b4ff00 !important; }

.lime-green-background { background-color: #b4ff00 !important; }

.slide-item.lime-green-background::after { border-color: #b4ff00 transparent transparent transparent; }

.tileicon-link:hover .lime-green-background-hover { background-color: #b4ff00 !important; }

.light-grey-color { color: #f2f4f5 !important; }

.light-grey-color a { color: #f2f4f5 !important; }

.light-grey-background { background-color: #f2f4f5 !important; }

.slide-item.light-grey-background::after { border-color: #f2f4f5 transparent transparent transparent; }

.tileicon-link:hover .light-grey-background-hover { background-color: #f2f4f5 !important; }

.mid-grey-color { color: #e5e9ec !important; }

.mid-grey-color a { color: #e5e9ec !important; }

.mid-grey-background { background-color: #e5e9ec !important; }

.slide-item.mid-grey-background::after { border-color: #e5e9ec transparent transparent transparent; }

.tileicon-link:hover .mid-grey-background-hover { background-color: #e5e9ec !important; }

.dark-grey-color { color: #ccd3d9 !important; }

.dark-grey-color a { color: #ccd3d9 !important; }

.dark-grey-background { background-color: #ccd3d9 !important; }

.slide-item.dark-grey-background::after { border-color: #ccd3d9 transparent transparent transparent; }

.tileicon-link:hover .dark-grey-background-hover { background-color: #ccd3d9 !important; }

.telenor-blue-color { color: #c4dfe9 !important; }

.telenor-blue-color a { color: #c4dfe9 !important; }

.telenor-blue-background { background-color: #c4dfe9 !important; }

.slide-item.telenor-blue-background::after { border-color: #c4dfe9 transparent transparent transparent; }

.tileicon-link:hover .telenor-blue-background-hover { background-color: #c4dfe9 !important; }

.dark-blue-color { color: #002340 !important; }

.dark-blue-color a { color: #002340 !important; }

.dark-blue-background { background-color: #002340 !important; }

.slide-item.dark-blue-background::after { border-color: #002340 transparent transparent transparent; }

.tileicon-link:hover .dark-blue-background-hover { background-color: #002340 !important; }

.deep-blue-color { color: #e4f2f6 !important; }

.deep-blue-color a { color: #e4f2f6 !important; }

.deep-blue-background { background-color: #e4f2f6 !important; }

.slide-item.deep-blue-background::after { border-color: #e4f2f6 transparent transparent transparent; }

.tileicon-link:hover .deep-blue-background-hover { background-color: #e4f2f6 !important; }

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

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

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

.text-16 { font-size: 16px; }

.text-22 { font-size: 22px; }

.clearfix:after { content: ""; display: table; clear: both; }

.mng-vertical-space { margin-bottom: 15px !important; }

.mng-background { padding: 8px !important; }

.btn-blue { background: #017bc4; -moz-transition: all 0.33s ease; -o-transition: all 0.33s ease; -webkit-transition: all 0.33s ease; -ms-transition: all 0.33s ease; transition: all 0.33s ease; color: #fff; font-family: "proxima-nova", sans-serif; font-weight: bold; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; font-size: 15px; text-transform: uppercase; padding: 0 25px 0 25px; height: 42px; line-height: 42px; position: relative; }

.btn-blue:hover { background: #018bdd; }

.btn-green { display: block; font-family: "proxima-nova", sans-serif; font-size: 12px; font-weight: 600; color: #575e00 !important; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; text-align: center; background: #cfde00; padding: 9px; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.btn-green:hover { background: #d9e800; }

.normal-btn { display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; text-align: center; height: 34px; line-height: 34px; padding: 0 27px; font-size: 18px; text-decoration: none; background: #000; cursor: pointer; -moz-transition: background-color 0.24s ease; -o-transition: background-color 0.24s ease; -webkit-transition: background-color 0.24s ease; -ms-transition: background-color 0.24s ease; transition: background-color 0.24s ease; }

.normal-btn.color-1 { background-color: #002340; border-radius: 30px; font-family: Yettel, Arial, sans-serif; font-size: 18px; min-height: 48px; height: auto; min-width: 135px; line-height: normal; }

.disabled { background-color: #ccd3d9 !important; cursor: not-allowed !important; }

.normal-btn.color-2 { background-color: #cfde00; }

.normal-btn.color-2:hover { background-color: #9fab00; }

.normal-btn.icon-right { padding: 0 12px; }

.normal-btn.icon-right .arrow-right { display: inline-block; width: 6px; height: 8px; background: url(../img/icons/arr-white-right-1.png) 0 0 no-repeat; margin-left: 20px; }

.btn, .btn-large { text-decoration: none; color: #fff; text-align: center; letter-spacing: 0.5px; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; -ms-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer; }

/*! Waves v0.6.0 http://fian.my.id/Waves Copyright 2014 Alfiana E. Sibuea and other contributors Released under the MIT license https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; -ms-transition: all 0.7s ease-out; transition: all 0.7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none; }

.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45); }

.waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, 0.7); }

.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, 0.7); }

.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, 0.7); }

.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, 0.7); }

.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, 0.7); }

.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7); }

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] { border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; }

.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; }

.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); }

.waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; }

.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }

.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; }

.waves-block { display: block; }

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple { z-index: -1; }

.vertical-middle { position: relative; top: 50%; transform: translateY(-50%); }

.btn-blue-yettel-anchor { background-color: #00233f; color: white; border-radius: 24px; display: inline-block; height: 48px; line-height: 44px; padding: 0 40px 0 40px; text-decoration: none; }

.btn-blue-yettel-anchor:hover, .btn-blue-yettel-anchor:active, .btn-blue-yettel-anchor:focus, .btn-blue-yettel-anchor:visited { color: white; }

.mw-100 { max-width: 100%; }

.text-bold { font-weight: bold; }

.d-block { display: block; }

.d-inline-block { display: inline-block; }

.d-flex { display: flex; }

.justify-content-center { justify-content: center; }

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

.hover-pointer:hover { cursor: pointer; }

.border-green { border: 2px solid #54bf78; }

@media (min-width: 720px) { .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .widthType11 { width: calc(100% * 1); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width11 { width: calc(100% * 1); box-sizing: border-box; }
  .widthType12 { width: calc(100% * 0.5); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width12 { width: calc(100% * 0.5); box-sizing: border-box; }
  .widthType13 { width: calc(100% * 0.33); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width13 { width: calc(100% * 0.33); box-sizing: border-box; }
  .widthType14 { width: calc(100% * 0.25); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width14 { width: calc(100% * 0.25); box-sizing: border-box; }
  .widthType23 { width: calc(100% * 0.66); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width23 { width: calc(100% * 0.66); box-sizing: border-box; }
  .widthType34 { width: calc(100% * 0.75); padding: 0 2%; display: inline-block; vertical-align: top; box-sizing: border-box; }
  .mng-no-space-width34 { width: calc(100% * 0.75); box-sizing: border-box; }
  .mng-Group .widthType11 { width: 96%; }
  .mng-Group .mng-no-space-width11 { width: 100%; }
  .mng-Group .widthType12 { width: 96%; }
  .mng-Group .mng-no-space-width12 { width: 100%; }
  .mng-Group .widthType13 { width: 96%; }
  .mng-Group .mng-no-space-width13 { width: 100%; }
  .mng-Group .widthType14 { width: 96%; }
  .mng-Group .mng-no-space-width14 { width: 100%; }
  .mng-Group .widthType23 { width: 96%; }
  .mng-Group .mng-no-space-width23 { width: 100%; }
  .mng-Group .widthType34 { width: 96%; }
  .mng-Group .mng-no-space-width34 { width: 100%; }
  .mng-no-space-width12 .widthType12 { margin-left: 4%; margin-right: 4%; width: 92%; }
  .mng-no-space-width13 .widthType13 { margin-left: 3%; margin-right: 3%; width: 94%; } }

@media screen and (min-width: 1180px) { .widthType11 { width: calc(100% * 1); padding: 0 20px; }
  .mng-Group .mng-no-space-width11 { width: calc(100% * 1); }
  .widthType12 { width: calc(100% * 0.5); padding: 0 20px; }
  .mng-Group .mng-no-space-width12 { width: calc(100% * 0.5); }
  .widthType13 { width: calc(100% * 0.33); padding: 0 20px; }
  .mng-Group .mng-no-space-width13 { width: calc(100% * 0.33); }
  .widthType14 { width: calc(100% * 0.25); padding: 0 20px; }
  .mng-Group .mng-no-space-width14 { width: calc(100% * 0.25); }
  .widthType23 { width: calc(100% * 0.66); padding: 0 20px; }
  .mng-Group .mng-no-space-width23 { width: calc(100% * 0.66); }
  .widthType34 { width: calc(100% * 0.75); padding: 0 20px; }
  .mng-Group .mng-no-space-width34 { width: calc(100% * 0.75); } }

@media (min-width: 768px) { .sideLayoutContainer { display: flex; gap: 35px; } }

.sideSubpagesMenu { position: relative; }

.sideSubpagesMenu::before { content: " "; position: absolute; top: 0; left: -100vw; width: 100vw; height: 100%; background: #e5e9ec; }

@media (min-width: 768px) { .sideSubpagesMenu { flex: 1 0 25%; } }

@media (min-width: 1200px) { .sideSubpagesMenu { flex: 1 0 15%; } }

.sideContent .mng-Html.11 { width: calc(100% * 1); }

.sideContent .mng-Html.12 { width: calc(100% * 0.5); }

.sideContent .mng-Html.13 { width: calc(100% * 0.33); }

.sideContent .mng-Html.14 { width: calc(100% * 0.25); }

.sideContent .mng-Html.23 { width: calc(100% * 0.66); }

.sideContent .mng-Html.34 { width: calc(100% * 0.75); }

@media (min-width: 768px) { .sideContent { flex: 1 1 auto; min-height: 70vh; } }

#takeover-banner { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1200; }

#takeover-banner-blur { opacity: 0.7; background-color: gray; height: 100%; width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1100; }

#takeover-desk { display: none; }

#takeover-mob { display: block; width: 100%; }

/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
#page-footer { background: url(../img/bg/footer-bg.png) 0 0 no-repeat; background-size: cover; }

#page-footer .social-links.widget { zoom: 1; padding: 0; background: transparent; }

#page-footer .social-links.widget:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

#page-footer .container.first .label { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 11px; margin-bottom: 10px; }

#page-footer .footer-widget-2 { font-family: YettelLight, Arial, sans-serif; color: #fff; font-size: 30px; }

#page-footer .social-links, #page-footer .footer-widget-2 { margin-bottom: 25px; }

#page-footer .container.first { padding: 20px 25px 30px 25px; }

#page-footer .back-to-top { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 11px; margin-bottom: 10px; float: right; text-decoration: none; margin-top: -10px; background: url(../img/icons/arrow-top-1.png) right center no-repeat; padding-right: 18px; background-size: 10px; }

#page-footer .about-widget { font-size: 13px; line-height: 1.2; color: #00233f; margin-bottom: 25px; }

#page-footer .about-widget h3 { font-family: YettelLight, Arial, sans-serif; color: #fff; font-size: 20px; margin-bottom: 5px; }

#page-footer .about-widget p { margin-bottom: 10px; font-family: proxima-nova, Arial, sans-serif; }

#page-footer .about-widget a { color: #fff !important; font-family: proxima-nova, Arial, sans-serif; }

#page-footer .footer-nav .col { margin-bottom: 25px; }

#page-footer .footer-nav .col:last-child { margin-bottom: 0; }

#page-footer .footer-nav h3 { color: #fff; font-family: "Yettel", sans-serif; font-size: 20px; margin-bottom: 13px; }

#page-footer ul { margin: 0; padding: 0; }

#page-footer li { margin: 0; padding: 0; list-style: none; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

#page-footer .footer-nav li { margin: 0 0 4px 0; }

#page-footer .footer-nav li a { text-decoration: none; color: #fff; font-size: 13px; display: inline-block; font-family: "proxima-nova", sans-serif; position: relative; }

#page-footer .footer-nav li a:before { -moz-transition: all 0.24s ease; -o-transition: all 0.24s ease; -webkit-transition: all 0.24s ease; -ms-transition: all 0.24s ease; transition: all 0.24s ease; content: ""; height: 1px; opacity: 1; display: block; position: absolute; left: 0; background-color: #fff; bottom: 0px; width: 0; }

#page-footer .footer-nav li a:hover:before { width: 100%; }

#page-footer .container.bottom { background-color: #007dc6; padding: 25px 10px; padding-bottom: 35px; margin: 0 15px; }

#page-footer .container.bottom li { margin-bottom: 6px; }

#page-footer .container.bottom li, #page-footer .container.bottom a { color: #fff; font-size: 12px; font-family: "proxima-nova", sans-serif; text-decoration: none; }

#page-footer .container.bottom a:hover { text-decoration: underline; }

.sticky-footer #footer_alert { min-height: 60px; background-color: #d10006; color: #fff; opacity: 0.8; position: fixed; bottom: 0; width: 100%; z-index: 999; display: block; }

.sticky-footer #footer_alert_container { max-width: 1180px; margin: 0 auto; margin-top: 20px; font-size: 18px; font-weight: 800; padding: 0 10px 0 10px; }

.sticky-footer #footer_alert_container a { color: #fff; }

.sticky-footer #footer_alert_text { float: left; width: 80%; margin-bottom: 20px; }

.sticky-footer #cookie_alert { min-height: 120px; background-color: #0091d2; color: #fff; opacity: 0.95; position: fixed; bottom: 0; width: 100%; z-index: 999; display: none; }

.sticky-footer #cookie_alert_container { max-width: 1180px; margin: 0 auto; margin-top: 20px; font-size: 18px; font-weight: 800; padding: 0 10px 0 10px; }

.sticky-footer #cookie_alert_container a { color: #fff; }

.sticky-footer #cookie_alert_text { float: left; width: 80%; margin-bottom: 20px; }

.sticky-footer #cookie_alert_btn { float: left; width: 20%; height: 40px; margin-bottom: 20px; }

.sticky-footer #cookie_alert_btn .close { height: 20px; width: 20px; background: url(../img/close_icon.png) right center no-repeat; }

.sticky-footer #cookie_alert_btn a { float: right; }

@media only screen and (min-width: 620px) { #page-footer { padding-top: 10px; }
  #page-footer .cols > div { zoom: 1; }
  #page-footer .cols > div:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  #page-footer .col-1 .widget { float: left; }
  #page-footer .col-1 .social-links, #page-footer .col-1 .footer-widget-2 { min-height: 45px; zoom: 1; }
  #page-footer .col-1 .social-links:after, #page-footer .col-1 .footer-widget-2:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  #page-footer .col-1 .social-links .label, #page-footer .col-1 .footer-widget-2 .label { width: 80px; float: left; position: relative; }
  #page-footer .col-1 .social-links .value, #page-footer .col-1 .footer-widget-2 .value { float: right; }
  #page-footer .col-1 .social-links { max-width: 300px; width: 55%; }
  #page-footer .col-1 .social-links .label { position: relative; top: 16px; }
  #page-footer .col-1 .social-links .value { position: relative; left: -23px; }
  #page-footer .col-1 .footer-widget-2 { width: 45%; max-width: 240px; border-left: 1px solid #004e70; }
  #page-footer .col-1 .footer-widget-2 .label { text-align: right; position: relative; top: 10px; }
  #page-footer .col-1 .footer-widget-2 .value { position: relative; top: 7px; }
  #page-footer .col-1 .about-widget { width: 100%; margin-top: 10px; }
  #page-footer .col-1 .about-widget p { line-height: 1.3; margin-bottom: 20px; max-width: 600px; }
  #page-footer .footer-nav { padding-top: 25px; zoom: 1; }
  #page-footer .footer-nav:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  #page-footer .footer-nav .col { width: 32%; float: left; margin-right: 1%; }
  #page-footer .container.bottom li { display: inline-block; margin-right: 8px; }
  #page-footer .container.bottom li:last-child { margin-right: 0; } }

@media screen and (min-width: 1180px) { #page-footer .container.first { padding: 20px 0 30px 0; max-width: 1180px; margin: 0 auto; }
  #page-footer .container.bottom { max-width: 1180px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
  #page-footer .cols { overflow: hidden; clear: both; }
  #page-footer .col-1 { width: 48%; float: left; padding: 0 30px; }
  #page-footer .col-2 { width: 44%; float: left; padding: 0 0 0 30px; border-left: 1px solid #004e70; }
  #page-footer .col-1 .social-links { padding-top: 10px; margin-bottom: 0; }
  #page-footer .col-1 .footer-widget-2 { padding-top: 10px; min-height: 65px; margin-bottom: 0; }
  #page-footer .footer-nav { padding-top: 20px; }
  .sticky-footer #cookie_alert_container { padding: 0; } }

/*---------------------------------------------------------------- SOCIAL LINKS */
.social-links.widget { padding: 35px 20px; float: left; background-color: #00233f; margin-top: 0px; width: 100%; }

.social-links.widget h4 { color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; }

.social-links li { display: inline-block; margin-right: 5px !important; }

.social-links li:last-child { margin-right: 0; }

.social-links li a { position: relative; display: block; width: 43px; height: 43px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #ff0078; overflow: hidden; text-align: left; text-indent: -500px; transform: scale(1); -moz-transition: all 0.33s ease; -o-transition: all 0.33s ease; -webkit-transition: all 0.33s ease; -ms-transition: all 0.33s ease; transition: all 0.33s ease; }

.social-links li a:after, .social-links li a:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate3d(0, 0, 0); -moz-transition: all 0.33s ease; -o-transition: all 0.33s ease; -webkit-transition: all 0.33s ease; -ms-transition: all 0.33s ease; transition: all 0.33s ease; }

.social-links li a:before { top: 43px; }

.social-links li a:hover { background-color: #f50073; }

.social-links li a:hover:after { transform: translate3d(0, -43px, 0); }

.social-links li a:hover:before { transform: translate3d(0, -43px, 0); }

.social-links .twitter a:after, .social-links .twitter a:before { background: url(../img/icons/twitter-white.png) 50% 50% no-repeat; }

.social-links .facebook a:after, .social-links .facebook a:before { background: url(../img/icons/facebook-white.png) 50% 50% no-repeat; }

.social-links .linkedin a:after, .social-links .linkedin a:before { background: url(../img/icons/linkedin-white.png) 50% 45% no-repeat; }

.social-links .youtube a:after, .social-links .youtube a:before { background: url(../img/icons/youtube-white.png) 50% 50% no-repeat; }

.cookieConsent { background: #0c1026 0% 0% no-repeat padding-box; font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300))); color: #fff; padding: 8px 0 8px 30px; font-family: "Roboto Light", sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; border: 1px solid #707070; opacity: 0.9; max-width: 100%; max-height: 100%; overflow: auto; z-index: 9999; vertical-align: baseline; justify-content: center; align-items: center; flex-wrap: wrap; }

.cookieConsentBtnWrap { margin-left: 9.5vw; }

.cookieConsent-btn { background: #007ad0 0% 0% no-repeat padding-box; text-transform: capitalize !important; color: #fff !important; }

.cookieConsent-btn:hover { color: unset !important; opacity: 0.6; }

.cookieConsentTextWrap { width: 42%; }

@media (max-width: 760px) { .cookieConsentTextWrap { width: 100%; } }

@media (max-width: 1024px) { .cookieConsent { flex-direction: column; }
  .cookieConsentBtnWrap { margin-top: 10px; margin-left: 0; margin-right: 30px; } }

/* Custom scrollbar */
.widget .mCSB_scrollTools { opacity: 1; }

body .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 10px; }

body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 10px; background: #004969; bottom: 1px; }

body .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 10px; top: 1px; background: darkgray; }

.mCSB_scrollTools.mCSB_1_scrollbar.mCS-light.mCSB_scrollTools_horizontal { bottom: 1px; }

.mCSB_inside > .mCSB_container { margin-right: 15px; }

.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 10px; }

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 10px; background: #dcdcdc; bottom: 1px; }

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar { width: 10px; top: 0px; background: darkgray; }

.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger:hover .mCSB_dragger_bar { background: darkgray; }

.mCSB_scrollTools.mCSB_1_scrollbar.mCS-light.mCSB_scrollTools_horizontal { bottom: 1px; }

/* Created on : Mar 29, 2016, 10:41:45 AM Author     : bdjurkovic */
.top-nav-pre { height: 52px; }

.no-header .top-nav-pre { height: 0 !important; }

@media screen and (min-width: 1180px) { #mainMenu .search-nav { display: none; }
  #menu-btn { display: none; }
  .top-nav { width: 100%; position: fixed; top: 0; margin: 0; padding: 0; z-index: 99; font-size: 16px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: yellow; }
  .top-nav-pre { height: 190px; opacity: 0; }
  .top-nav-pre-small { height: 110px; opacity: 0; }
  .top-nav-pre-loaded { background-image: url(../img/bg/bg-txt-2.jpg); opacity: 1; }
  .top-nav-pre-carousel { opacity: 1; }
  .logo-container { width: 100%; max-width: 1180px; margin: 0 auto; }
  .top-logo { position: relative; top: 20px; width: 162px; height: 72px; display: block; }
  .top-logo img { width: auto; height: 100%; }
  .menu-container { display: block; width: 100%; height: 27px; position: absolute; top: 0; left: 0; z-index: 50; }
  #top-menu { width: 74%; width: calc(46% + 328px); max-width: 100%; float: right; margin-right: 0px; height: 90px; }
  #top-menu ul { margin: 0; padding: 0; min-height: 27px; position: relative; }
  #top-menu ul:not(.login_menu_wrap) { background: white; }
  #top-menu ul li { margin: 0; padding: 0; list-style: none; display: inline-block; float: left; z-index: 600; }
  #mainMenu li:not(:first-child):before { display: inline-block; content: ""; width: 2px; height: 11px; background: #00233f; position: relative; top: 8px; float: left; }
  .lang-nav { float: right !important; position: absolute; right: 0; top: 3px; }
  .lang-nav:before { display: none !important; }
  .lang-nav ul { background: transparent !important; display: block !important; }
  .lang-nav ul li { height: 21px; }
  .lang-nav ul li:not(:last-child) { border-right: 1px solid #b0b0b0; }
  .lang-nav ul li a { height: 21px !important; line-height: 21px !important; }
  .lang-nav ul li.active a { color: #00233f !important; background: transparent !important; }
  #top-menu ul li a { display: block; height: 27px; line-height: 27px; color: #717171; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 0 15px; letter-spacing: 1.5px; font-family: proxima-nova, Arial, sans-serif; font-size: 11px; z-index: 11; }
  #top-menu ul li.active a { background-color: #00233f; color: #fff; }
  #top-menu ul li a:hover { background-color: #007bc3; color: #fff; }
  #top-menu ul li.active + li:before { display: none; }
  #top-menu ul li:hover + li:before { display: none; }
  /* sub menu */
  #top-menu ul li:not(.active) ul:not(.login_menu_wrap) { display: none; }
  #top-menu ul li.active ul { display: block; position: absolute; background: #00233f; width: 110%; left: 0; height: 64px; }
  #top-menu ul li ul li:before { display: none !important; }
  #top-menu ul li.active ul > li > a { margin: 0; padding: 19px 35px 18px 15px; display: block; background: #00233f; font-size: 20px; font-weight: normal; font-family: "Yettel", sans-serif; letter-spacing: -0.02em; position: relative; z-index: 11; overflow: hidden; }
  #top-menu ul li.active ul > li > a span { z-index: 2; }
  #top-menu ul li.active ul > li > a:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; background: #007bc3; top: -100%; left: 0; -moz-transition: all 0.32s ease; -o-transition: all 0.32s ease; -webkit-transition: all 0.32s ease; -ms-transition: all 0.32s ease; transition: all 0.32s ease; }
  #top-menu ul li.active ul > li:hover > a:before { top: 0; left: 0; -moz-transition: all 0.32s ease; -o-transition: all 0.32s ease; -webkit-transition: all 0.32s ease; -ms-transition: all 0.32s ease; transition: all 0.32s ease; }
  #top-menu ul li.active ul > li:hover > a span { z-index: 13; position: relative; }
  #top-menu ul li.active ul > li.no-children > a { padding-right: 15px; }
  #top-menu ul li.active ul > li > a:after { content: ""; width: 14px; height: 10px; display: inline-block; background: rgba(0, 0, 0, 0) url(../img/icons/arrow-bw.png) 0 0 no-repeat; position: absolute; top: 50%; margin-top: -5px; z-index: 5; margin-left: 9px; }
  #top-menu ul li.active ul > li.no-children > a:after { display: none; }
  /* sticky menu */
  .top-nav.sticky { background: #00233f; height: 54px; z-index: 500; }
  .sticky .top-logo { top: 4px; height: 46px; background: url(../img/logos/yettel/logo_lime.png) left top no-repeat; background-size: auto 46px; }
  .sticky .top-logo img { display: none; }
  .top-nav.sticky #top-menu #mainMenu li a { display: none; }
  .top-nav.sticky ul li.active ul li a { display: inline-block !important; background: rgba(0, 0, 0, 0) !important; }
  .top-nav.sticky #top-menu ul li.active ul > li > a { padding: 14px 35px 13px 15px; font-size: 16px; }
  .top-nav.sticky #top-menu ul li.active ul > li.no-children > a { padding: 14px 15px 13px 15px; }
  .top-nav.sticky #top-menu ul li.active ul > li > a:hover { background: #007bc3 !important; }
  .top-nav.sticky #top-menu #mainMenu { min-height: 0; }
  .top-nav.sticky #top-menu ul li.active ul { background: rgba(0, 0, 0, 0) !important; }
  .top-nav.sticky .lang-nav { display: none !important; }
  .top-nav.sticky #moj-telenor a .small-logo { padding: 8px 0px; }
  .top-nav.sticky #moj-telenor a span { padding-top: 0; line-height: 54px; }
  /* menu icons */
  .icons-nav { display: block; background: transparent !important; position: absolute; top: 0; height: 57px; right: 0; float: right; }
  .icons-nav li { height: 64px; }
  .top-nav.sticky .icons-nav { top: 0; height: 54px; }
  .top-nav.sticky .icons-nav li { height: 54px; }
  #search-field { position: relative; }
  #search-field .submit-search { display: block; width: 65px; height: 100% !important; background: rgba(0, 0, 0, 0) url(../img/icons/search-icon.png) 50% 50% no-repeat; border-left: 1px solid #0099ce; float: right; position: absolute; right: 0; cursor: pointer; border: none; }
  #search-autocomplete::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: white; }
  #search-autocomplete:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; }
  #search-autocomplete::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; }
  #search-autocomplete:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; }
  #search-field .submit-search:hover { width: 65px; }
  #search-field input { float: right; position: absolute; right: 60px; width: 0; height: 60px; border: 0; background: #ffa500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 16px; color: #fff; font-family: "Yettel", sans-serif; padding: 2px 0; background-color: #0099ce; }
  #search-field input::-webkit-input-placeholder { color: #fff !important; font-family: "Yettel", sans-serif !important; }
  #search-field input:-moz-placeholder { /* Firefox 18- */ color: #fff !important; font-family: "Yettel", sans-serif !important; }
  #search-field input::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; font-family: "Yettel", sans-serif !important; }
  #search-field input:-ms-input-placeholder { color: #fff !important; font-family: "Yettel", sans-serif !important; }
  .top-nav.sticky #search-field input { height: 50px; }
  /* toggle this for expanding search input on hover */
  #search-field input { width: 180px; padding: 2px 10px; }
  #search-field:hover a, #search-field .submit-search { background-color: #0099ce !important; }
  #moj-telenor { position: relative; }
  #moj-telenor a { display: block; width: 180px; background: #007bc3; height: 100% !important; font-size: 16px; }
  #moj-telenor a:hover { background: #007bc3 !important; }
  #moj-telenor a .small-logo { display: inline-block; float: left; padding: 14px 0px; }
  #moj-telenor a span { display: inline-block; float: left; font-size: 20px; font-weight: normal; font-family: "Yettel", sans-serif; letter-spacing: -0.02em; color: #fff; line-height: 64px; padding-left: 10px; padding-top: 2px; }
  #web-shop { position: relative; }
  #web-shop a { display: block; width: 30px; height: 100% !important; background: #00233f url(../img/icons/cart0.png) 42% 50% no-repeat; background-size: 60%; }
  /* dropdown menu items */
  .top-nav #top-menu ul li ul li ul { z-index: 10 !important; /*display: none !important;*/ display: block !important; width: auto; min-width: 180px; max-width: 300px; height: 0; overflow: hidden; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; -webkit-transition-duration: 0.3s, 0.1s; -moz-transition-duration: 0.3s, 0.1s; transition-duration: 0.3s, 0.1s; left: auto; }
  .top-nav #top-menu ul li ul li ul li a { display: none; }
  .top-nav #top-menu ul li ul li ul li a:after { display: none !important; }
  .top-nav #top-menu ul li ul li.active:hover ul { height: auto; display: block !important; opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: 0.3s, 0.1s; -moz-transition-duration: 0.3s, 0.1s; transition-duration: 0.3s, 0.1s; width: auto !important; }
  .top-nav.sticky #top-menu ul li ul li.active:hover ul { top: 54px; }
  .top-nav #top-menu ul li ul li ul li { display: block !important; clear: both !important; float: none !important; }
  .top-nav.sticky #top-menu ul li ul li.active:hover ul li { margin-top: -5px; }
  .top-nav #top-menu ul li ul li.active:hover ul li a { display: block; background: #007bc3 !important; font-size: 14px !important; padding: 10px 20px !important; font-family: proxima-nova, Arial, sans-serif; font-weight: bold; height: auto !important; line-height: 1.5em; width: calc(100% - 40px); }
  .top-nav #top-menu ul li ul li ul li a:before { content: "›"; display: inline-block !important; position: relative; font-size: 14px; margin-right: 4px; top: -2px; width: 5px; }
  .top-nav #top-menu ul li ul li ul li:hover a:before { top: -2px; }
  .top-nav #top-menu ul li ul li ul li:hover a { color: #9bd3e6; }
  .login_a { width: 210px !important; }
  .login_menu_title { display: block; }
  .login_a .item_wrapper { height: 100%; }
  .login_a .login_menu_icon { margin-top: 7px; width: 30%; }
  .login_a .login_menu_title { margin-top: 7px; }
  .login_a #user_info_arr { float: right; width: 60px; }
  .login_a #user_info_text { float: left; display: block; }
  .login_a #user_info_arr img { margin: 0px auto; margin-top: 15px; }
  #top-menu .login_menu_wrap { top: 95px; right: 60px; }
  .sticky #top-menu .login_menu_wrap { top: 60px; }
  .sticky .login_menu_icon { margin-top: 0px; }
  .sticky .login_menu_title { margin-top: 0px; } }

@media screen and (max-width: 1179px) { .top-nav.sticky { background: #00233f; }
  .top-nav { width: 100%; background: #00233f; height: 54px; z-index: 500; position: fixed; top: 0; margin: 0; padding: 0; font-size: 16px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .logo-container { width: 100%; margin: 0 auto; }
  .top-logo { position: relative; width: 162px; display: block; top: 4px; left: 12px; height: 46px; background: url(../img/logos/yettel/logo_lime.png) left top no-repeat; background-size: auto 46px; }
  .top-logo img { display: none; }
  .menu-container { width: 100%; position: absolute; top: 54px; left: 0; z-index: 50; }
  .toggle-mob-nav { position: absolute; top: 0; right: 0; display: block; width: 55px; height: 40px; font-size: 10px; text-transform: uppercase; color: #fff; background-color: #00233f; text-decoration: none; text-align: center; padding-top: 14px; }
  .toggle-mob-nav .line { display: block; width: 90%; height: 2px; background-color: #fff; position: relative; width: 28px; left: 13px; margin-bottom: 5px; }
  .toggle-mob-nav .txt { color: #fff; }
  #top-menu #mainMenu { display: none; }
  #top-menu.open { max-height: calc(100vh - 54px); overflow-x: hidden; overflow-y: auto; }
  #top-menu.open #mainMenu { display: block; width: 320px; max-width: 100%; float: right; }
  #mainMenu { margin: 0; }
  .icons-nav { margin: 0; padding: 0; position: fixed; top: 0; right: 55px; width: 108px; height: 54px; }
  .icons-nav li { margin: 0; padding: 0; list-style: none; display: inline-block; }
  #search-field { display: none; }
  #web-shop a { display: block; position: fixed; top: 0; right: 109px; width: 54px; height: 54px; background: #007bc3 url(../img/icons/cart0.png) 50% 50% no-repeat; background-size: 60%; }
  #moj-telenor a { display: block; position: fixed; top: 0; right: 55px; width: 54px; height: 54px; background: #007bc3; background-size: 23px 23px; }
  #moj-telenor img { padding: 8px 0px 0 7px; }
  #moj-telenor span { display: none; }
  #mainMenu { margin: 0; padding: 0; }
  #mainMenu li { margin: 0; padding: 0; list-style: none; display: block; background: #fff; overflow: hidden; }
  #mainMenu li a { display: inline-block; font-size: 12px; line-height: 16px; color: #717171; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 10px 15px; letter-spacing: 1.5px; position: relative; font-family: proxima-nova, Arial, sans-serif; vertical-align: top; float: left; }
  #mainMenu li .icon-arrow { background-color: #f0f0f0; float: left; }
  #mainMenu li.no-children > a { width: 100%; }
  #mainMenu li:not(.no-children) > a { width: calc(100% - 85px); }
  #mainMenu li:not(:last-child) { border-bottom: 1px solid #b0b0b0; }
  #mainMenu li.active ul { height: auto; clear: both; }
  #mainMenu li ul { margin: 0; padding: 0; height: 0; overflow: hidden; }
  #mainMenu li ul li { background: #00233f; }
  #mainMenu li ul li a { color: #fff; }
  #mainMenu li ul li .icon-arrow { background-color: #3697d0 !important; }
  #mainMenu li ul li .icon-arrow-right { background: url(../img/icons/arr-bottom-2r.png) center center no-repeat; /*background-size: 10px;*/ }
  #mainMenu li ul li .icon-arrow-down { background: url(../img/icons/arr-bottom-2.png) center center no-repeat; /*background-size: 14px;*/ }
  #mainMenu li ul li ul { height: 0 !important; overflow: hidden; }
  #mainMenu li ul li.active ul { height: auto !important; }
  #mainMenu li ul li ul li { border: none !important; background: #007bc3; }
  #mainMenu li ul li ul li .icon-arrow { background-color: #0c6ba2 !important; }
  #mainMenu li ul li ul li:not(.no-children) a { /*background: #007bc3;*/ padding-left: 30px; font-weight: normal; width: calc(100% - 100px) !important; }
  #mainMenu li ul li ul li.no-children a { /*background: #007bc3;*/ padding-left: 30px; font-weight: normal; width: calc(100% - 40px) !important; }
  #mainMenu li ul li ul li .icon-arrow { display: inline-block; }
  /* fourth level mobile */
  #mainMenu li ul li ul li ul { display: none; }
  #mainMenu li ul li ul li.active ul { display: block; }
  #mainMenu li ul li ul li ul li.no-children a { padding-left: 50px !important; width: calc(100% - 65px) !important; }
  #mainMenu li ul li ul li ul li:not(.no-children) a { padding-left: 50px; width: calc(100% - 120px) !important; }
  #mainMenu .search-nav { background: #00233f; padding: 10px; border-color: white; }
  #mainMenu .search-nav input { width: 85%; font-size: 16px; line-height: 26px; border: none; background: #00233f; color: white; padding-left: 2%; }
  #mainMenu .search-nav input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: white; }
  #mainMenu .search-nav input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; opacity: 1; }
  #mainMenu .search-nav input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; opacity: 1; }
  #mainMenu .search-nav input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; }
  #mainMenu .search-nav input:focus { outline: none; }
  #mainMenu .search-nav button { display: inline-block; width: 9%; height: 29px; vertical-align: middle; border: none; background: transparent url(../img/icons/search-icon.png) 50% 50% no-repeat; }
  #mainMenu .lang-nav { /*        background: orange;*/ }
  #mainMenu .lang-nav ul { height: 52px; overflow: hidden; background: #00233f; padding: 0 4px; }
  #mainMenu .lang-nav ul li { display: inline-block; float: left; border-bottom: 1px solid #b0b0b0; padding: 8px 4px; }
  .languages-2-class { width: calc(50% - 8px) !important; }
  .languages-3-class { width: calc(33% - 7px) !important; }
  #mainMenu .lang-nav ul li a { width: 100%; text-align: center; color: #fff; background: #00496a; padding-left: 0; padding-right: 0; }
  #mainMenu .lang-nav ul li a:hover { background: #0091d2; }
  /* fifth level */
  #mainMenu li ul li ul li ul li ul { display: none !important; }
  #mainMenu li ul li ul li ul li.active ul { display: block !important; }
  #mainMenu li ul li ul li ul li.active ul li a { padding-left: 70px !important; }
  /* sixth level */
  #mainMenu li ul li ul li ul li ul li:not(.no-children) a { width: calc(100% - 140px) !important; }
  #mainMenu li ul li ul li ul li ul li.no-children a { display: block; padding-left: 90px !important; width: calc(100% - 106px) !important; }
  #mainMenu li ul li ul li ul li.active ul li:not(.active) ul { display: none !important; }
  /* ARROWS */
  .icon-arrow-up { display: inline-block; width: 55px; height: 36px; background: transparent url("../img/icons/side-menu-arrow-updown-grey.png") no-repeat; background-position: 0 center; }
  .icon-arrow-down { display: inline-block; width: 55px; height: 36px; background: url(../img/icons/arr-bottom-3.png) center center no-repeat; /*background-size: 14px;*/ }
  .icon-arrow-left { display: inline-block; width: 55px; height: 36px; background: transparent url("../img/icons/side-menu-arrow-updown-grey.png") no-repeat; background-position: -108px center; }
  .icon-arrow-right { display: inline-block; width: 55px; height: 36px; background: transparent url("../img/icons/arr-bottom-3r.png") center center no-repeat; /*background-size: 10px;*/ }
  /* Menu button animations */
  .toggle-mob-nav { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }
  .toggle-mob-nav span { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
  .toggle-mob-nav .line-1 { transform: translate3d(0, 0, 0) rotate(0deg); -ms-transform: translate3d(0, 0, 0) rotate(0deg); -moz-transform: translate3d(0, 0, 0) rotate(0deg); -o-transform: translate3d(0, 0, 0) rotate(0deg); -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; }
  .toggle-mob-nav .line-2 { opacity: 1; }
  .toggle-mob-nav .line-3 { transform: translate3d(0, 0, 0) rotate(0deg); -ms-transform: translate3d(0, 0, 0) rotate(0deg); -moz-transform: translate3d(0, 0, 0) rotate(0deg); -o-transform: translate3d(0, 0, 0) rotate(0deg); -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; }
  .toggle-mob-nav.active .line-1 { transform: translate3d(5px, -3px, 0) rotate(45deg); -ms-transform: translate3d(5px, -3px, 0) rotate(45deg); -moz-transform: translate3d(5px, -3px, 0) rotate(45deg); -o-transform: translate3d(5px, -3px, 0) rotate(45deg); -webkit-transform: translate3d(5px, -3px, 0) rotate(45deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; }
  .toggle-mob-nav.active .line-2 { opacity: 0; }
  .toggle-mob-nav.active .line-3 { transform: translate3d(4px, 3px, 0) rotate(-45deg); -ms-transform: translate3d(4px, 3px, 0) rotate(-45deg); -moz-transform: translate3d(4px, 3px, 0) rotate(-45deg); -o-transform: translate3d(4px, 3px, 0) rotate(-45deg); -webkit-transform: translate3d(4px, 3px, 0) rotate(-45deg); transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; }
  .login_a { width: 54px !important; }
  .login_a .login_menu_title { display: none; }
  .login_a .item_wrapper { padding-top: 0px; height: 54px; }
  .login_a .login_menu_icon { width: 100%; }
  .login_a .login_menu_icon img { padding: 12px 0px 0px 0px !important; }
  #top-menu .login_menu_wrap { position: absolute !important; top: 10px; right: 42px; }
  .login_a #user_info_text { display: none; }
  .login_a #user_info_arr img { margin: 0px auto; padding: 10px 0px 0px 0px; } }

@media screen and (min-width: 1500px) { .logo-container { max-width: 1500px; } }

.hide-in-nav-menu a span { color: greenyellow; }

.hidden-menu a span { color: #db381d !important; }

#top-menu .login_menu_wrap { display: none; position: fixed; cursor: pointer; height: auto; width: 210px; }

#top-menu .login_menu_wrap .item_wrapper.first { border-top: 1px solid #d4d3d3; }

#top-menu .login_menu_wrap .item_wrapper.last { border-bottom: 1px solid #d4d3d3; }

#top-menu .login_menu_wrap .item_wrapper { border-left: 1px solid #d4d3d3; border-right: 1px solid #d4d3d3; }

#login_menu_distancer { margin-left: 160px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d4d3d3; }

.item_wrapper { height: 50px; background-color: white; }

.login_menu_icon { width: 30%; height: 100%; float: left; }

.login_menu_icon img { margin: 0px auto; display: block; padding-top: 11px; }

.login_menu_title { width: 70%; height: 100%; float: left; }

.login_menu_title p { margin-top: 15px; text-align: right; font-size: 16px; text-transform: uppercase; margin-right: 15px; font-family: "Yettel", sans-serif; border-left: 2px solid #d1d1d1; color: #004969; font-weight: 600; }

#moj-telenor .login_menu_title p { font-size: 20px; margin-top: 13px; }

.login_line { height: 1px; width: 100%; background-color: white; border-right: 1px solid #d4d3d3; border-left: 1px solid #d4d3d3; }

.login_line_black { height: 100%; background-color: #676767; margin-left: 5%; margin-right: 5%; }

.login_a { padding: 0px !important; cursor: pointer; background-color: #004969 !important; }

.login_a .item_wrapper { background-color: #004969 !important; }

.login_a .item_wrapper p { color: white; font-weight: normal; }

.login_a #user_info_text { background-color: #a40073; width: 150px; height: 100%; }

.login_a #user_info_text #welcome { margin-top: 5px; margin-left: 10px; text-transform: none; }

.login_a #user_info_text #welcomeLarge { font-size: 16px; margin-top: 17px; margin-left: 30px; text-transform: none; }

.login_a #user_info_text #name { margin-left: 10px; text-transform: none; padding-bottom: -3px; line-height: 15px; font-weight: bold; }

.login_a #user_info_arr { height: 100%; background-color: #7b0071; }

.login_a #user_info_arr img { display: block; }

.login_menu_wrap .item_wrapper:hover { background-color: #c9edfd !important; }

@font-face { font-family: "Yettel"; src: url("../fonts/Yettel-Regular.woff2") format("woff2"), url("../fonts/Yettel-Regular.woff") format("woff"), url("../fonts/Yettel-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "YettelLight"; src: url("../fonts/Yettel-Light.woff2") format("woff2"), url("../fonts/Yettel-Light.woff") format("woff"), url("../fonts/Yettel-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "YettelBold"; src: url("../fonts/Yettel-Bold.woff2") format("woff2"), url("../fonts/Yettel-Bold.woff") format("woff"), url("../fonts/Yettel-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "together"; src: url("../fonts/together-webfont.eot"); src: url("../fonts/together-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/together-webfont.woff") format("woff"), url("../fonts/together-webfont.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: "proxima-nova"; src: url("../fonts/ProximaNova-Regular.eot"); src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "proxima-nova"; src: url("../fonts/ProximaNova-RegularIt.eot"); src: url("../fonts/ProximaNova-RegularIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-RegularIt.woff") format("woff"), url("../fonts/ProximaNova-RegularIt.ttf") format("truetype"); font-weight: normal; font-style: italic; }

@font-face { font-family: "proxima-nova"; src: url("../fonts/ProximaNova-Bold.eot"); src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: "proxima-nova"; src: url("../fonts/ProximaNova-BoldIt.eot"); src: url("../fonts/ProximaNova-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-BoldIt.woff") format("woff"), url("../fonts/ProximaNova-BoldIt.ttf") format("truetype"); font-weight: bold; font-style: italic; }

body { background-color: #fff; margin: 0 auto; padding: 0; font-family: "YettelLight", Arial, sans-serif; font-size: 14px; letter-spacing: -0.02em; color: #002340; -webkit-text-size-adjust: none; }

hr { background-color: #e1e7ed; color: #e1e7ed; height: 1px; border: none; width: 95%; }

a, a:hover, a:visited { color: #0091d2; }

#content { overflow: visible; font-size: 0; padding: 0 15px; }

@media (min-width: 1200px) { #content { padding: 0 0; } }

.yettel-content { max-width: 1530px; padding: 0 15px; margin: 0 auto; }

@media (max-width: 1199px) { #content { padding-top: 64px; } }

img { border: 0; }

p { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }

#sideBanner { padding-left: 8px; padding-right: 8px; display: block; text-align: center; }

#sideBannerMob { margin: 0 auto; display: block; }

#sideBannerDesk { display: none; }

.mng-Element { font-size: 14px; }

.sideSubpagesMenu a:hover { color: #002340; }

.side-menu-list { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.side-menu-list ul { list-style-type: none; }

.side-menu-list > li { background: transparent; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }

.side-menu-list > li > a { display: block; font-family: "Yettel", sans-serif; line-height: 20px; font-size: 19px; color: #002340; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; padding: 6px 15px 6px 0; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.side-menu-list > li > a > span { color: #002340; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }

.side-menu-list > li > a:before { content: ""; width: 5px; height: 8px; background: url(../img/icons/arr-right-2.png) 0 0 no-repeat; background-size: 5px; position: absolute; top: 13px; left: 8px; opacity: 0; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.side-menu-list > li.active > a { background: #002340; }

.side-menu-list > li li.active { padding-left: 5px; }

.side-menu-list > li li.active > a { color: white; opacity: 1; background-image: url(../img/icons/arr-right-2.png); background-repeat: no-repeat; background: #002340; padding-bottom: 3px; padding-top: 3px; }

.side-menu-list > li li.active > a:hover { color: white; }

.side-menu-list > li:hover > a, .side-menu-list > li.active > a { padding-left: 15px; }

.side-menu-list > li.active > a, .side-menu-list > li.active > a > span { color: #fff; }

.side-menu-list > li:hover > a:before { opacity: 1; }

.side-menu-list > li.active > a:before { opacity: 1; background-image: url(../img/icons/arr-right-3.png); }

.side-menu-list ul { padding: 0 5px 5px 20px; }

.side-menu-list ul li { padding: 0; }

.side-menu-list ul li a { font-family: "Yettel", sans-serif; font-size: 15px; color: #576d7e; text-decoration: none; padding-left: 8px; background: url(../img/icons/arr-right-2.png) 0 6px no-repeat; background-size: 5px; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }

.side-menu-list ul li a:hover { color: #002340; }

.phoneLink { text-decoration: none; color: inherit; }

#menu-right-icon { padding: 10px; height: 35px; }

#icons-bu-free { right: 0px !important; }

.custom-form, .custom-form * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Dropdown slick */
.dd-select { background: white; border: none; }

.dd-select.dd-error { border: solid 1px red; }

.dd-desc { color: #aaa; display: block; overflow: hidden; font-weight: normal; line-height: 1.4em; }

.dd-selected, select { width: 100%; height: auto; font-family: 'YettelLight', sans-serif; font-weight: 500; font-size: 16px; line-height: 23px; text-transform: none; text-align: left; letter-spacing: 0.5px; background-color: white; border: 2px solid #E5E9EC; border-radius: 8px; box-shadow: none !important; color: #002340; padding: 12px 16px; }

.dd-select a:hover { color: #002340; }

.dd-pointer { width: 0; height: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; }

/*.dd-pointer-down { border:solid 5px transparent; border-top:solid 5px #000; } .dd-pointer-up { border:solid 5px transparent !important; border-bottom:solid 5px #000 !important; margin-top:-8px; }*/
.dd-options { width: 100%; background-color: white; border: none; box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-top: 7.5px; }

.dd-option { padding: 12px 16px; display: block; overflow: hidden; text-decoration: none; color: #002340; font-size: 16px; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; }

.dd-options > li:last-child > .dd-option { border-bottom: none; }

.dd-option:hover { background: #f3f3f3; color: #000; }

.dd-selected-description-truncated { text-overflow: ellipsis; white-space: nowrap; }

.dd-option-selected { background: #f6f6f6; }

.dd-option-image, .dd-selected-image { vertical-align: middle; float: left; margin-right: 5px; max-width: 64px; }

.dd-image-right { float: right; margin-right: 15px; margin-left: 5px; }

.dd-container { position: relative; }

.dd-selected-text { font-weight: bold; }

/* Styles */
.custom-form .group { zoom: 1; }

.custom-form .group:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.custom-form .group-inner { zoom: 1; width: 100%; margin-bottom: 20px; color: #002340; }

.custom-form .group-inner:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.custom-form .input-1, .custom-form .textarea-1 { font-family: 'YettelLight', sans-serif; font-size: 16px; color: #002340; width: 100%; padding: 12px 16px; border: 2px solid #e5e9ec; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; }

.custom-form .input-1.error, .custom-form .textarea-1.error { border-color: #db381d; }

.custom-form .input-1:focus, .custom-form .textarea-1:focus, .custom-form .submit-btn:focus { outline: none; }

.custom-form .textarea-1 { height: 200px; resize: none; overflow: auto; }

.custom-form .input-1:focus, .custom-form .textarea-1:focus { border-color: #002340; }

.custom-form .input-1[disabled], .custom-form .textarea-1[disabled] { background-color: #e5e9ec; }

.custom-form .label-1 { display: block; font-family: 'YettelLight', sans-serif; font-size: 14px; color: #002340; margin-bottom: 8px; }

.custom-form .submit-btn { min-width: 135px; height: 48px; border: none; margin-top: 5px; padding-left: 40px; padding-right: 40px; }

.custom-form .captcha-form .input-1 { float: left; width: 49%; margin-left: 2%; max-width: 200px; }

.custom-form .captcha-form img { float: left; max-width: 49%; }

.checkbox-wrap, .radio-wrap { float: left; margin-right: 30px; margin-bottom: 10px; }

.checkbox-wrap .checkbox-1, .radio-wrap .checkbox-1, .checkbox-wrap .radio-1, .radio-wrap .radio-1 { float: left; position: relative; top: -1px; margin-right: 10px; }

.checkbox-wrap .checkbox-label, .radio-wrap .checkbox-label, .checkbox-wrap .radio-label, .radio-wrap .radio-label { float: left; font-family: 'Yettel', Arial, sans-serif; font-style: italic; font-size: 15px; color: #002340; }

/* Select 2 */
.select-2 div.fancy-select { width: 100%; }

.select-2 div.fancy-select div.trigger { width: 100%; height: auto; font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 20px; line-height: 23px; text-transform: none; text-align: left; letter-spacing: 0.5px; background-color: #00233f; border-radius: 0px; border: 0; box-shadow: none !important; color: white; padding: 12px 30px 12px 15px; border-radius: 3px; }

.select-2 div.fancy-select select:focus + div.trigger.open { box-shadow: none !important; }

.select-2 div.fancy-select div.trigger:after { width: 44px; height: 100%; border: 0; background: #006fb3 url(../img/icons/arr-bottom-2.png) center center no-repeat; top: 0px; right: 0px; }

.select-2 div.fancy-select ul.options { top: 45px; left: 0; border-radius: 0px; box-shadow: none; border: none; border-top: 0; border-radius: 0 0 3px 3px; background-color: #00233f; width: 100%; max-width: 100%; min-width: 0; padding: 0 0 0 0; }

.select-2 div.fancy-select ul.options li.selected, .select-2 div.fancy-select ul.options li.selected:hover { background: #3dc1ee; }

.select-2 div.fancy-select ul.options li { font-family: 'Yettel', sans-serif; font-size: 18px; line-height: 23px; letter-spacing: 0.5px; text-transform: none; text-align: left; color: white; padding: 6px 15px; border: none; background-color: #00233f; }

.select-2 div.fancy-select ul.options li:hover { background: #3dc1ee; }

.select-2 .dd-container, .select-2 .dd-select { width: 100% !important; }

.select-2 .dd-select { background: #00233f !important; border: none; }

.select-2 .dd-selected { /*width: 100%;*/ height: auto; font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 20px; line-height: 23px; text-transform: none; text-align: left; letter-spacing: 0.5px; background-color: #00233f; border: 0; box-shadow: none !important; color: white; padding: 12px 30px 12px 15px; border-radius: 3px; }

.select-2 .dd-pointer { border-radius: 0 3px 3px 0; }

.select-2 .dd-pointer.dd-pointer-down { width: 40px; height: 100%; background: #006fb3 url(../img/icons/arrow-bottom-3.png) center center no-repeat; border: none; position: absolute; top: 0px; right: 0; margin: 0; }

.select-2 .dd-pointer.dd-pointer-up { background-image: url(../img/icons/arrow-top-1.png); border: none !important; }

.select-2 .dd-selected-text { font-family: 'Yettel', sans-serif; color: white; padding: 0; cursor: pointer; margin-bottom: 0; }

.select-2 .dd-desc { font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 20px; line-height: 23px; text-transform: none; }

.select-2 .dd-desc span { color: #9de6ff; font-size: 12px; line-height: 20px; margin-left: 5px; }

.select-2 .dd-options { width: 100% !important; background-color: #00233f; border: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 0 0 3px 3px; }

.select-2 .dd-option { /*width: 100%;*/ background: #00233f; border: none; padding: 10px 15px; }

.select-2 .dd-option-text { font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 20px; color: white; line-height: 23px; text-transform: none; margin-bottom: 0; }

.select-2 .dd-option:hover, .select-2 .dd-option-selected, .select-2 .dd-option-selected:hover { background: #0099ce; }

.checkbox-1.styledCheckbox { display: inline-block; width: 15px; height: 15px; background-image: url(../img/icons/checkbox-2.png); background-repeat: no-repeat; background-position: 0px -15px !important; cursor: pointer; }

.checkbox-1.styledCheckbox.checked { background-position: 0px 0px !important; }

.radio-1.styledRadio { display: inline-block; width: 16px; height: 16px; background-image: url(../img/icons/radio-1.png); background-repeat: no-repeat; cursor: pointer; }

.radio-2.styledRadio { display: inline-block; width: 22px; height: 22px; /*background-image: url(../img/icons/checkbox-3.png); background-repeat: no-repeat; background-size: 22px;*/ cursor: pointer; }

@media screen and (min-width: 720px) { .custom-form .group-two .group-inner { float: left; width: 49%; }
  .custom-form .group-two .group-inner:first-child { margin-right: 2%; }
  .custom-form .captcha-form img { width: 160px; }
  .custom-form .captcha-form .input-1 { width: 200px; width: calc(100% - 170px); max-width: 100%; } }

.custom-form .required:after { content: " *"; color: #db381d; }

.custom-form label.error { font-size: 14px; margin-top: 8px; color: #db381d; }

.custom-form p.validation-error { color: #db381d; }

.mng-Ad { display: block; background-color: #fff; text-align: center; padding: 0px; margin: 0 auto; }

.mng-Ad-link { border: none; text-decoration: none; }

.mng-Ad-image { border: none; display: block; margin: 0 auto; max-width: 100%; padding: 0; }

.mng-Carousel { overflow: hidden; position: relative; visibility: hidden; }

.mng-Carousel-data { overflow: hidden; position: relative; }

.mng-Carousel-data > div { float: left; width: 100%; position: relative; }

.mng-Carousel-Link { border: none; text-decoration: none; text-align: center; }

.mng-Carousel-Image { padding: 0 auto; margin: 0 auto; display: block; border: none; width: 100%; }

.mng-Carousel-Title { position: absolute; left: 0; bottom: 0; width: 100%; display: block; background-color: #121212; background-color: rgba(18, 18, 18, 0.6); color: #ffffff; line-height: 35px; text-align: left; text-indent: 10px; }

.mng-Carousel-Wrapper { background-color: transparent; margin: 0 auto; padding: 0 auto; text-align: center; height: auto; position: relative; }

ul.mng-Carousel-Status { display: none; }

.mng-Carousel1 { padding-bottom: 0px; }

.mng-Carousel-Image1 { padding: 0 auto; margin: 0 auto; display: block; border: none; width: 100%; }

.slick-dots { bottom: 0; position: absolute; }

.slick-dots li { display: inline-block; margin: 0 5px; position: relative; border: 1px solid white; padding: 1px; border-radius: 100%; width: auto; height: auto; }

.slick-dots li button { width: 7px; height: 7px; margin: 1px; padding: 0 0 0 0; overflow: hidden; border-radius: 100%; background-color: #00233f; color: #00233f; }

.slick-dots li button::before { display: none; }

.slick-dots li.slick-active button { background-color: #b4ff00; color: #b4ff00; }

.mng-Carousel-data1 { position: relative; }

.mng-CarouselTop { position: absolute; top: 64px; width: 100%; left: 0; right: 0; display: none; }

.no-header .mng-CarouselTop { top: 0; }

.topCarouselBack { text-align: center; background-color: white; }

.topCarouselBack img { margin: 0 auto; }

.topCarouselLoader { position: absolute; height: 161px; left: 0; right: 0; width: 100%; z-index: 5; top: 50px; }

.topCarouselShifter { height: 171px; }

.mng-Carousel-Wrapper1 { position: relative; }

.carousel-cta-btn { display: inline-block; position: absolute; bottom: 10%; border-radius: 3px; text-transform: uppercase; font-family: "Yettel", sans-serif; padding-top: 8px; padding-bottom: 8px; font-size: 22px; font-weight: 500; color: #fff; background: #780071; background: -webkit-linear-gradient(left, #780071, #ff0078); background: -o-linear-gradient(right, #780071, #ff0078); background: -moz-linear-gradient(right, #780071, #ff0078); background: linear-gradient(to right, #780071, #ff0078); text-align: center; }

.carousel-cta-btn .btn-text { display: inline-block !important; line-height: 33px; vertical-align: middle; padding-top: 2px; }

.carousel-cta-btn .btn-icon { display: inline-block !important; width: 32px; height: 33px; margin-left: 12px; vertical-align: middle; background: url("../img/icons/arrow-circle.png") center center no-repeat; }

.mng-Br { display: block; }

.mng-Digest { text-decoration: none; }

.mng-Digest-Text { font-size: 0.85em; color: #22282E; padding: 2px; }

.mng-Digest-Content { position: relative; }

.mng-Digest-Content.highlighted { background-color: #E2F0FF; margin-bottom: 5px; }

.mng-Digest-Content .highlighted { background-color: #E2F0FF; margin-bottom: 5px; }

.mng-Digest-Content.bordered { border-bottom: 1px solid #E1E7ED; }

.mng-Digest-Content bordered { border-bottom: 1px solid #E1E7ED; }

h2.mng-Digest-Title { margin: 0 auto; font-size: 0.9em; padding: 2px; color: #00AFEE; text-decoration: underline; }

.mng-Digest-ImageHolder { display: none; }

.mng-Digest-TitleDesk { display: none; }

.mng-Digest-Underlined { border-bottom: 1px solid #e1e7ed; margin-bottom: 5px; }

.mng-Digest-Subtitle { margin-bottom: 0; margin-top: 0; font-weight: bold; font-size: 1.2em; }

.mng-Group { display: block; padding: 0; margin: 0 auto; vertical-align: top; }

.groupTitle { width: 85%; display: inline-block; vertical-align: middle; margin-left: 2%; }

.groupTitleNormal { font-family: "YettelLight", sans-serif; font-size: 22px; line-height: 31px; color: #002340; padding: 10px 0; cursor: pointer; padding-right: 50px; position: relative; }

.groupTitleHighlighted { font-size: 26px; font-family: "Yettel", sans-serif; float: left; padding: 8px 15px; color: white; background: #002340 center center no-repeat; background-size: cover; display: inline-block; }

.groupExpander { display: inline-block; width: 12%; height: 34px; vertical-align: middle; cursor: pointer; text-align: right; }

.groupExpanderArrow { background: url(../img/icons/chevron-down.png) 0 0 no-repeat; background-size: 100%; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); width: 31px; height: 31px; transition: transform 0.5s ease; float: right; margin-right: 3px; }

.active.groupExpanderArrow { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform 0.5s ease; }

.groupExpanderPlus { border: 1px solid gray; border-radius: 20px; width: 17px; padding-right: 17px; float: right; margin-right: 10px; }

.groupExpanderPlus:after { content: "+"; font-size: 27px; color: gray; padding-left: 9px; }

.active.groupExpanderPlus:after { content: "-"; padding-left: 11px; font-size: 28px; }

.groupHr { height: 1px; background-color: #002340; margin-left: 10px; margin-right: 10px; }

.mng-GroupMid { background-repeat: no-repeat; background-position: center top; }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType11 { width: calc(100% * 1); } }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType12 { width: calc(100% * 0.5); } }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType13 { width: calc(100% * 0.33); } }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType14 { width: calc(100% * 0.25); } }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType23 { width: calc(100% * 0.66); } }

.mng-Group--ikone-kockaste a { text-decoration: none !important; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .mng-Group--ikone-kockaste .widthType34 { width: calc(100% * 0.75); } }

@media (max-width: 1500px) { .mng-GroupFluidContainer { margin: 0 -15px; }
  .mng-GroupFluidInner { padding: 0 30px; } }

.mng-Html { display: block; margin: 0 auto; }

.mng-Html.highlighted { background-color: #e4f2f6; }

.mng-Html-content { font-size: 0.85em; color: #002340; padding-left: 2px; padding-right: 2px; }

.mng-Html-content a, .mng-Html-content a:hover, .mng-Html-content a:visited { color: #002340; text-decoration: underline; }

.html-bck .mng-Html-content { padding: 2px; }

.mng-Image { display: block; background-color: transparent; /*text-align: center;*/ padding: 0px; margin: 0 auto; }

.mng-Image.alignLeft { text-align: left; }

.mng-Image.alignRight { text-align: right; }

.mng-Image.alignCenter { text-align: center; }

img.mng-Image-content { max-width: 100%; }

/* layout */
.mng-Isotope { width: 100%; font-size: 0; background: #fff; }

.mng-Isotope::after { display: block; visibility: hidden; height: 0; clear: both; content: " "; }

.mng-Isotope, .mng-Isotope * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.mng-Isotope section { vertical-align: top; overflow: hidden; }

.isotope-story { display: inline-block; position: relative; overflow: hidden; }

.isotope-story a { display: block; }

.isotope-background { width: 100%; height: auto; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }

.isotope-story:hover .isotope-background { -moz-transition: all 6s ease; -o-transition: all 6s ease; -webkit-transition: all 6s ease; -ms-transition: all 6s ease; transition: all 6s ease; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/* sub-elements */
.mng-Isotope .isotope-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.isotope-subtitle { font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; top: 15px; left: 10px; font-family: proxima-nova, Arial, sans-serif; border-radius: 3px; }

.isotope-bottom { position: absolute; left: 10px; bottom: 10px; }

.isotope-title { width: 80%; font-size: 27px; font-family: telenorlight, Arial, sans-serif; margin-bottom: 15px; }

.isotope-title span { -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; padding: 3px 15px; line-height: 1.25; }

.isotope-text { font-size: 13px; line-height: 34px; padding: 0 10px; font-family: proxima-nova, Arial, sans-serif; margin-bottom: 15px; line-height: 1.5em; }

.isotope-button { background-color: #004969; font-size: 13px; line-height: 34px; height: 34px; padding: 10px 17px; color: #fff; text-transform: uppercase; font-family: proxima-nova, Arial, sans-serif; border-radius: 3px; }

.mng-ListLabel { font-size: 18px; padding: 0; margin: 0 auto; font-weight: normal; margin-left: 8px; margin-right: 8px; }

.mng-ListLabel h1 { font-size: 1.7em; }

.mng-ListLabel h1.pageTitle { font-size: 26px; }

.mng-ListLabel h2 { font-size: 1.65em; }

.mng-ListLabel h3 { font-size: 1.5em; }

.mng-ListLabel h4 { font-size: 1.25em; }

.mng-ListLabel-icon { display: none; margin: 0; padding: 0; }

.mng-ListLabel-content { display: inline-block; vertical-align: middle; color: #002340; }

.mng-ListLabel a { text-decoration: none; display: inline-block; }

/* h1.mng-ListLabel, h2.mng-ListLabel, h3.mng-ListLabel, h4.mng-ListLabel, h5.mng-ListLabel, h6.mng-ListLabel{ padding: 0; margin: 0 auto; font-weight: normal; } .mng-ListLabel { font-size: 18px; } h2.mng-ListLabel{ //font-weight: bold; } .mng-ListLabel-content { padding: 2px; display: block; } .mng-ListLabel-icon{ display: none; background-position: left center; background-repeat: no-repeat; height: 100%;  float: left;    margin: 0;  padding: 0; } .mng-ListLabel.highlighted{ background-color: #e2f0ff; } .mng-ListLabel.darkBlue .mng-ListLabel-content{ color: #004969; } .mng-ListLabel.limeGreen .mng-ListLabel-content{ color: #cfde00; } .mng-ListLabel.darkPink .mng-ListLabel-content{ color: #ed1b4d; } .mng-ListLabel.important .mng-ListLabel-content{ color: #00afee; } .mng-ListLabel.veryImportant .mng-ListLabel-content{ color: #ff7000; } .mng-ListLabel.pageTitleStyle { font-size: 26px;  font-family: 'together', sans-serif; float: left; padding: 8px 15px; color: white; background: url(../img/bg/bg-txt.jpg) center center no-repeat; background-size: cover; display: inline-block; } */
a.mng-ListLink { display: block; color: #002340; padding: 0px; margin: 0 auto; background-color: #c4dfe9; }

.mng-ListLink-content { display: block; padding: 2px; font-size: 18px !important; }

a.mng-ListLink:visited, a.mng-ListLink:active, a.mng-ListLink:hover { color: #002340; }

.mng-ListLink-icon { display: none; background-position: left center; background-repeat: no-repeat; height: 100%; float: left; margin: 0; padding: 0; }

/* Created on : Apr 26, 2016, 1:00:12 PM Author     : brankko */
.mng-Button, .mng-Button * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-button { display: inline-block; text-decoration: none; border-radius: 30px; text-transform: uppercase; font-family: 'Yettel', sans-serif; margin-left: 10px; margin-right: 10px; transition: all 0.3s; }

.btn-button[disabled] { background-color: #E5E9EC; color: #99A7B3; }

.mng-Button span { display: inline-block; }

.btn-button.full-width { width: calc(100% - 20px); }

/* button icon position */
.mng-Button .btn-icon { vertical-align: middle; padding: 0 1em; width: auto; }

.mng-Button .btn-icon.btn-icon-right { padding: 0 0 0 1em; }

.mng-Button .btn-icon.btn-icon-left { padding: 0 1em 0 0; }

/* button alignment */
.mng-Button.alignLeft .btn-button { float: left; }

.mng-Button.alignRight .btn-button { float: right; }

.mng-Button.alignCenter { text-align: center; }

.mng-Button.alignCenter .btn-button { float: none; }

/* grey button */
.btn-button.btn-level-1 { color: #fff; background-color: silver; }

.btn-button.btn-level-1:hover { color: #fff; background-color: #ccc; }

/* blue button */
.btn-button.btn-level-2, .btn-level-4, .btn-level-5 { color: #fff; background-color: #002340; }

/* green button*/
.btn-button.btn-level-3 { color: #002340; background-color: #b4ff00; }

.btn-button.btn-level-3:hover { color: white; background-color: #002340; }

/* button sizes */
.btn-button.btn-small { padding: 6px 12px; font-size: 12px; font-weight: 500; border-radius: 14px; }

.btn-button.btn-small .btn-icon { height: 1.5em; }

.btn-button.btn-normal { padding: 8px 16px; font-weight: 500; font-size: 14px; border-radius: 18px; }

.btn-button.btn-normal .btn-icon { height: 1.5em; }

.btn-button.btn-big { padding: 12px 24px; font-size: 22px; font-weight: 500; border-radius: 24px; }

.btn-button.btn-big .btn-icon { height: 2em; }

.mng-Button.btn-pointer { position: relative; }

.mng-Button.btn-pointer .btn-button:after { content: ''; display: block; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; }

/* btn pointer */
.mng-Button.btn-pointer .btn-level-1:after { border-color: silver transparent transparent transparent; }

.mng-Button.btn-pointer .btn-level-1:hover:after { border-color: #ccc transparent transparent transparent; }

.mng-Button.btn-pointer .btn-level-2:after, .btn-level-4:after, .btn-level-5:after { border-color: #00496a transparent transparent transparent; }

.mng-Button.btn-pointer .btn-level-2:hover:after, .btn-level-4:hover:after, .btn-level-5:hover:after { border-color: #007bc3 transparent transparent transparent; }

.mng-Button.btn-pointer .btn-level-3:after { border-color: #cfde00 transparent transparent transparent; }

.mng-Button.btn-pointer .btn-level-3:hover:after { border-color: #ddec01 transparent transparent transparent; }

.tile-container { display: inline-block; margin-bottom: 0px; text-align: center; position: relative; font-size: 0; }

.tile-container.width-type-11, .tile-container.width-type-12 { width: 100%; }

.tile-block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0; padding: 0; text-decoration: none; color: #fff; position: relative; width: 30%; margin-bottom: 0px; }

.tile-title, .tile-description { font-size: 12px; overflow: hidden; }

/* .tile-icon-holder, .tile-no-icon-holder, .tile-description, .tile-image { display: none; } */
.tile-image { width: 100%; }

.tile-block.tile-size-1 { width: 80%; }

.tile-block.tile-size-2 { width: 48%; margin: 0.5%; }

.tile-block.tile-size-3 { width: 31%; margin: 0.6%; }

.tile-block.tile-size-4 { width: 48%; margin: 0.6%; }

.tile-block.tile-size-5 { width: 31%; margin: 0.6%; }

.tile-block.tile-size-6 { width: 31%; margin: 0.6%; }

.tilesicon-container { text-align: center; display: inline-block; width: 100%; }

.tileicon-block { width: 32.4%; text-align: center; display: inline-block; margin-bottom: 10px; vertical-align: top; }

.tileicon-image-wrapper { text-align: center; margin: 0 auto; margin-bottom: 10px; }

.tileicon-image { margin: 0 auto; max-height: 30px; max-width: 30px; }

.tileicon-link { display: inline-block; text-decoration: none; width: 90%; }

.tile-title, .tile-description { font-size: 12px; overflow: hidden; }

.tile-size-normal .tileicon-image-wrapper { width: 60px; }

.tile-size-big .tileicon-image-wrapper { width: 80px; }

.tile-shape-circle.tile-size-big .tileicon-image-wrapper { border-radius: 40px; }

.tile-shape-circle.tile-size-normal .tileicon-image-wrapper { border-radius: 30px; }

.tileicon-content { width: 100%; margin: 0 auto; }

/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
.yre { font-size: 16px; color: #00233f; }

.yre__button { color: #00233f; }

@media (min-width: 768px) { .yre__form { gap: 40px; display: flex; } }

.yre__quick-links a { color: #80919f; }

.yre .dd-container, .yre .dd-select { width: auto !important; }

.yre .dd-container .dd-pointer, .yre .dd-select .dd-pointer { border: none !important; width: 16px; height: 8px; background-image: url(../img/arrow-down-gray.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(50% - 2px); right: 8px; }

.yre .dd-container .dd-pointer-up, .yre .dd-select .dd-pointer-up { top: calc(50% + 2px); transform: rotate(180deg); }

.yre .dd-select { min-width: 300px; border-radius: 6px; padding: 12px; }

.yre .dd-selected { border: 1px solid #dcdcdc; background-color: #f8f8f8; letter-spacing: 0; }

.yre .dd-selected, .yre .dd-selected-text { font-weight: 300; }

.yre .dd-selected:hover, .yre .dd-selected-text:hover { color: #00233f; }

.yre .dd-options { width: calc(100% - 2px) !important; border-top: none; margin-left: 12px; border-radius: 8px; top: calc(100% - 10px); max-height: 300px; }

.yre .dd-option { color: #002340; border: none; }

.yre .dd-option label:hover { cursor: pointer; }

.yre-table { border-collapse: collapse; min-width: 1400px; width: 100%; }

.yre-table-title { padding: 0.8rem 0.5rem; background-color: #f2f4f5; }

@media (max-width: 1450px) { .yre-table-container { overflow-x: scroll; } }

.yre-table td { padding: 0.8rem 0.5rem; }

.yre-table thead th { text-align: left; font-size: 16px; font-weight: normal; padding: 1rem 0.5rem; }

.yre-table thead th a { text-decoration: none; color: #00233f; }

.yre-table--alt { border-top: 2px solid #f2f4f5; }

.yre-table--alt tr:nth-of-type(odd) { background: #f2f4f5; }

.yre-table--alt tr td:first-of-type { padding-left: 0.5rem; }

.yre-table--alt tr td:not(:first-of-type) { width: 300px; }

@media (min-width: 1024px) { .yre-table--alt tr td:not(:first-of-type) { width: 350px; } }

.yre-table--alt tr td a { display: block; border-radius: 20px; background-color: #00233f; color: white; text-decoration: none; font-family: "YettelBold", Arial, Helvetica, sans-serif; text-align: center; padding: 0.55rem 0 0.6rem 0; }

.yre-table--alt tr td a:hover { text-decoration: none; color: white; }

.yre-table--alt thead tr:nth-of-type(n) { background: transparent; }

.yre-table--alt thead tr th { font-family: "Yettel", Arial, sans-serif; }

.yre-table--default tr td, .yre-table--default tr th { padding: 0.8rem 0.5rem; }

.yre-table--default tr td:nth-of-type(1) { width: 350px; }

.yre-table--default tr td:nth-of-type(2), .yre-table--default tr td:nth-of-type(3) { width: 300px; }

.yre-table--default thead tr { border-bottom: 2px solid #f2f4f5; font-family: "YettelBold", Arial, Helvetica, sans-serif; }

.yre-country { font-size: 16px; }

.yre-country ul { padding: 0 0 0 0; margin: 0 0 0 0; }

.yre-country p { margin-bottom: 0.5rem; }

.yre-country__offer .mng-Html, .yre-country__offer .mng-Html-content, .yre-country__offer .mng-Element, .yre-country__offer .mng-Html-content { padding: 0 0 0 0; margin: 0 0 0 0; color: #00233f; font-size: 16px; width: auto; }

.yre-country__offer .mng-Br { display: none; }

.yre-country__offer .mng-Html-content ul { padding: 0 0 0 3rem; margin: 3rem 0; }

.yre-country__offer .mng-Html-content li { margin-bottom: 0.5rem; }

.yre-country__offer p { display: none; }

.yre-country-roaming-partners__title, .yre-country-roaming-partners__list { padding: 1rem 0.5rem; }

.yre-country-roaming-partners__title a, .yre-country-roaming-partners__title a:hover, .yre-country-roaming-partners__title a:visited, .yre-country-roaming-partners__list a, .yre-country-roaming-partners__list a:hover, .yre-country-roaming-partners__list a:visited { color: #00233f; text-decoration: underline; }

.yre-country-roaming-partners__title { background: none; display: block; width: 100%; border: none; border-bottom: 2px solid #f2f4f5; text-align: left; position: relative; }

.yre-country-roaming-partners__title:hover { cursor: pointer; }

.yre-country-roaming-partners__title.active::after { transform: rotateX(180deg); }

.yre-country-roaming-partners__title::after { content: ""; display: block; position: absolute; top: 50%; right: 1.5rem; background-image: url("../img/arrow-down-gray.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 11px; transition: all 0.3s ease; transform: rotateX(0deg); }

.yre-country-roaming-partners__list { display: none; }

.yre-country-roaming-partners__list:hover { display: block; }

.rssLink { text-decoration: none; display: block; }

.rssLinkBottom { padding-left: 2px; text-decoration: none; }

.rssAlign { display: inline; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 0.8em; }

.rssAlignDesktop { display: none; vertical-align: middle; }

.storeInfoCityTitle, .roamingInfoTitle { color: #00AFEE; }

.storeInfoShopTitle { color: black; font-size: 0.9em; margin-bottom: 0; }

.storeAddress { color: #0091d2; font-size: 1.3em; margin-bottom: 0; margin-top: 0.3em; }

.storeCity { color: #0091d2; font-size: 1.1em; font-weight: bold; margin-top: 0; }

.storeDay { display: inline; display: inline-block; width: 6em; font-weight: bold; }

.telenor-closest, .telenor-closest-text { display: none; }

/* Created on : Jun 6, 2016, 10:03:18 AM Author     : bdjurkovic */
.externalCommunity { overflow: hidden; }

.community-article { padding: 16px 16px 16px 50px; }

.community-article.jive-icon-discussion { background-image: url("../img/icons/jive-icon-discussion.png"); background-repeat: no-repeat; background-position: 20px 22px; }

.community-article.jive-icon-discussion-question { background-image: url("../img/icons/jive-icon-discussion-question.png"); background-repeat: no-repeat; background-position: 20px 22px; }

.community-article.jive-icon-discussion-correct { background-image: url("../img/icons/jive-icon-discussion-correct.png"); background-repeat: no-repeat; background-position: 20px 22px; }

.community-article.jive-icon-document { background-image: url("../img/icons/jive-icon-document.png"); background-repeat: no-repeat; background-position: 20px 22px; }

.community-article:nth-of-type(even) { background-color: #eee; }

.community-article h3 { font-size: 26px; padding: 0 5px; color: #00233f; font-family: "YettelLight", Arial, sans-serif; }

.community-article h3 a { color: #00233f; text-decoration: none; }

.community-article p { font-size: 13px; font-family: 'proxima-nova'; color: #7a7a7a; }

.community-article span { padding: 0 5px; display: inline-block; line-height: 1.3em; }

.community-article p a { color: #00233f; text-decoration: none; font-weight: 600; }

.community-article span.date { background: url("../img/icons/datetime-gliph.png") 2px 2px no-repeat; background-size: 11px; padding-left: 20px; }

.community-article span.author { background: url("../img/icons/author-gliph.png") 2px 2px no-repeat; background-size: 12px; padding-left: 20px; }

.community-article header { border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 10px; }

.community-article div.content p { font-size: 18px; font-family: "YettelLight", Arial, sans-serif; color: #7a7a7a; }

.community-article div.content p img { max-width: 100% !important; height: auto !important; }

.externalCommunity .show-more { float: right; margin: 20px; }

.externalCommunity .ajax-loading { width: 100%; height: 300px; background: #fff url("../img/logos/yettel-loader-green.gif") center center no-repeat; }

.externalCommunity .ajax-loading p { padding: 200px 10px 50px 10px; text-align: center; font-family: telenorlight, Arial, sans-serif; font-weight: 400; font-size: 24px; color: #999; }

.externalCommunity .community-leaders { margin: 0; padding: 0; /*list-style-type: decimal;*/ list-style-type: none; }

.externalCommunity .community-leaders .community-leader { margin: 0; padding: 0; font-size: 20px; counter-increment: step-counter; margin-bottom: 2px; position: relative; overflow: hidden; min-height: 38px; /*            &:hover { background: #f9f9f9; }*/ }

.externalCommunity .community-leaders .community-leader::before { content: counter(step-counter); font-size: 80%; color: #0091d2; font-weight: bold; z-index: 2; position: relative; width: 35px; display: block; height: 38px; text-align: center; line-height: 38px; }

.externalCommunity .community-leaders .community-leader .leader-info { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.externalCommunity .community-leaders .community-leader .leader-info > img { border: 0; margin: 4px 8px 4px 40px; float: left; border-radius: 50%; }

.externalCommunity .community-leaders .community-leader .leader-info p { line-height: 0.3em; margin-top: 8px; margin-left: 78px; }

.externalCommunity .community-leaders .community-leader .leader-info p > strong { font-family: telenorlight, Arial, sans-serif; font-size: 18px; vertical-align: text-top; }

.externalCommunity .community-leaders .community-leader .leader-info p > strong a { text-decoration: none; }

.externalCommunity .community-leaders .community-leader .leader-info > span { display: block; font-size: 12px; vertical-align: super; margin-top: -4px; }

.externalCommunity .community-leaders .community-leader .bar { width: 0; display: block; position: absolute; top: 0; left: 0; height: 100%; background-color: #e2f0f6; -webkit-transition: width 1s ease-in; -moz-transition: width 1s ease-in; -o-transition: width 1s ease-in; transition: width 1s ease-in; -webkit-transition-delay: .5s; transition-delay: .5s; }

.externalCommunity .search-box { background: #00233f; min-height: 80px; overflow: hidden; clear: both; }

.externalCommunity .search-box h2 { font-family: 'YettelLight', sans-serif; font-size: 26px; color: #fff; padding: 10px 20px 0 20px; }

.externalCommunity .search-box input[type=text] { background: white; border: none; padding: 10px 20px; margin: 20px 0 20px 20px; font-size: 26px; font-family: 'YettelLight', sans-serif; float: left; }

.externalCommunity .search-box input[type=button] { background: #00496a; border: none; color: #fff; float: left; padding: 10px 20px; margin: 20px 20px 20px 0; font-size: 26px; font-family: 'YettelLight', sans-serif; }

.externalCommunity .search-box input[type=button]:hover { background: #007bc3; cursor: pointer; cursor: hand; }

@media screen and (max-width: 439px) { .externalCommunity .search-box input[type=text] { width: calc(60% - 80px); }
  .externalCommunity .search-box input[type=button] { width: 40%; } }

@media screen and (min-width: 440px) and (max-width: 739px) { .externalCommunity .search-box input[type=text] { width: calc(70% - 80px); }
  .externalCommunity .search-box input[type=button] { width: 30%; } }

@media screen and (min-width: 740px) { .externalCommunity .search-box input[type=text] { width: calc(80% - 80px); }
  .externalCommunity .search-box input[type=button] { width: 20%; } }

.mng-CodeSnippet { overflow: hidden; }

.mng-BreadCrumb { margin: 10px 0; }

.mng-BreadCrumb .breadCrumbSpan, .mng-BreadCrumb .breadCrumbLast { font-family: "Yettel", Arial, Helvetica, sans-serif; color: #002340; font-size: 16px; }

.mng-BreadCrumb .breadCrumbSpan a, .mng-BreadCrumb .breadCrumbLast a { color: #002340; cursor: pointer; font-size: 16px; }

.mng-BreadCrumb .breadCrumbSpan::after, .mng-BreadCrumb .breadCrumbLast::after { content: "/"; display: inline-block; font-size: 16px; padding: 0 3px; }

.mng-BreadCrumb .breadCrumbLast::after { display: none; }

.mng-Tabs { display: none; }

.mng-Tabs-deskTabs { display: none; }

.mng-TabsForDesk { display: none; }

.mng-TabsForMobile { display: block; }

.mng-Tab-item { border-bottom: solid #a8a8a8 1px; margin: 8px; }

.mng-Tab-mobTitle { position: relative; cursor: pointer; padding: 10px 0; font-size: 22px; color: #002340; line-height: 31px; padding-right: 50px; }

.mng-Tab-closed:after { content: ""; background: url(../img/icons/chevron-down.png) 0 0 no-repeat; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; position: absolute; right: 0px; top: calc(50% - 17px); width: 32px; height: 32px; }

.mng-Tab-opened:after { content: ""; background: url(../img/icons/chevron-down.png) 0 0 no-repeat; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; position: absolute; right: 0px; width: 32px; height: 32px; }

.mng-Tab-content { display: none; }

.mng-Tab-selected { display: block; }

.mng-TabsForMobile { display: block; }

.mng-Table { margin: 2px; background-color: white; }

.mng-TableWrapper { overflow-x: auto; position: relative; }

.mng-TableWrapper::-webkit-scrollbar { -webkit-appearance: none; }

.mng-TableWrapper::-webkit-scrollbar:horizontal { height: 9px; }

.mng-TableWrapper::-webkit-scrollbar-thumb { border-radius: 6px; border: 3px solid white; background-color: rgba(0, 0, 0, 0.6); }

.mng-TableWrapperHide ::-webkit-scrollbar { -webkit-appearance: scrollbartrack-horizontal !important; }

.mng-TableWrapperHide ::-webkit-scrollbar-thumb { visibility: hidden; }

.mng-TableWrapperHide ::-webkit-scrollbar:vertical { width: 0 !important; }

.mng-TableWrapperHide ::-webkit-scrollbar:horizontal { height: 0 !important; }

.mng-TableElement { border-collapse: collapse; border-spacing: 0; min-width: 100%; }

.mng-TableElement td { white-space: nowrap; padding: 5px; }

.borderedTable td, .borderedTable th { border: 1px solid black; }

.hoverTable tr:hover { background-color: #eee; }

.hoverTable tr { border-bottom: 1px solid #d3d3d3; }

.standardTable tr:nth-child(even) td { background-color: #eee; }

.mng-Table td.oliveGreenColor { background-color: #7D8F29 !important; }

.mng-Table td.limeGreenColor { background-color: #C9DB03 !important; }

.mng-Table td.violetColor { color: white; background-color: #A10082 !important; }

.mng-Table td.orangeColor { background-color: #D95900 !important; }

.mng-Table td.warmBeigeColor { background-color: #C9B582 !important; }

.mng-Table td.yellowColor { background-color: #F7DB17 !important; }

.mng-Table td.greyColor { color: white; background-color: #424A52 !important; }

.mng-Table td.telenorBlueColor { color: white; background-color: #00afee !important; }

.pageTitleContainer { padding: 10px; background-color: white; margin: 0 auto; margin-top: 50px; }

.pageTitle { font-size: 26px; font-family: "Yettel", sans-serif; float: left; padding: 8px 15px; color: white; background: #002340 center center no-repeat; background-size: cover; display: inline-block; }

.subpage-social { zoom: 1; float: right; font-size: 0; }

.subpage-social:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.subpage-social p { display: none; }

.subpage-social li { float: left; display: inline-block; }

.subpage-social li:not(:last-child) { border-right: 1px solid #9e9e9e; margin-right: 10px; padding-right: 10px; }

.subpage-social li a { display: inline-block; width: 35px; height: 35px; background-color: transparent; border: 2px solid #9e9e9e; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-indent: -999px; overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }

.subpage-social li a:hover { border-color: #00233f; background-color: #00233f; }

.subpage-social .facebook a { background: url(../img/icons/facebook-2.png) center 2px no-repeat; }

.subpage-social .facebook a:hover { background-position: center -44px; }

.subpage-social .twitter a { background: url(../img/icons/twitter-2.png) center -1px no-repeat; }

.subpage-social .twitter a:hover { background-position: center -42px; }

.subpage-social .linkedin a { background: url(../img/icons/linkedin-2.png) center -2px no-repeat; }

.subpage-social .linkedin a:hover { background-position: center -43px; }

.pageTitleContainer .subpage-social { display: none; }

#mobile-social.subpage-social { padding-top: 10px; padding-bottom: 10px; float: none; clear: both; }

#mobile-social ul { padding-left: 10px; }

.mng-gallery.widthType11 { margin: 0 20px 20px 20px; }

.gallery-items { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px 0 0 0; }

.gallery-items > a { text-decoration: none; outline: none; }

.img-thumbnail { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; max-width: 100%; height: auto; padding: 4px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; vertical-align: middle; margin-bottom: 10px; }

.search-inner { border: 2px solid #002340; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 8px; padding: 5px 90px 5px 5px; position: relative; }

.search-inner .search-input { width: 100%; font-family: 'YettelLight', sans-serif; font-size: 16px; line-height: 24px; color: #002340; background: none; border: none; }

.search-inner .search-input:focus, .search-inner .btn-search:focus { outline: none; }

.search-inner .btn-search { font-family: 'Yettel', sans-serif; font-size: 16px; color: white; font-weight: 400; text-transform: uppercase; background: #002340; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute; top: 5px; right: 5px; padding: 4px; }

.shops-search { margin: 3%; }

.shops-map { margin: 3%; }

.shops-search label { display: block; font-family: 'YettelLight', sans-serif; font-size: 16px; font-weight: 300; color: #002340; line-height: 20px; letter-spacing: 0; margin-bottom: 8px; }

.shops-search div.fancy-select { width: 100%; }

.shops-search .group-inner { margin-bottom: 10px; }

.shops-search .ui-widget.custom-combobox-input { width: 100%; height: auto; font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 18px; line-height: 23px; text-transform: none; text-align: left; letter-spacing: 0.5px; border: 0; color: #fff; padding: 12px 50px 12px 15px; border-radius: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.shops-search .custom-combobox-input:focus { outline: none; }

.shops-search .combo-wrapper { position: relative; border-radius: 8px; }

.shops-search .combo-wrapper .ui-button, .shops-search .combo-wrapper .ui-button.ui-state-hover, .shops-search .combo-wrapper .ui-button.ui-state-focus { width: 44px; height: 100%; position: absolute; right: 0; outline: none; background: #006fb3 url(../img/icons/arr-bottom-2.png) center center no-repeat; border: none; }

.shops-search .results { font-family: 'Yettel', sans-serif; font-size: 65px; color: #002340; text-align: left; }

.shops-search .results-text { font-family: 'YettelLight', sans-serif; font-size: 20px; color: #002340; text-transform: uppercase; text-align: left; }

.shops-search .col-2 { margin-bottom: 30px; }

.shops-search .store-select-1 .dd-container, .shops-search .store-select-1 .dd-select { width: 100% !important; border-radius: 8px; }

.shops-search .store-select-1 .dd-select:focus-visible { border: 5px solid yellow; }

.shops-search .store-select-1 .dd-select { background: white !important; border: none; }

.shops-search .store-select-1 .dd-selected { width: 100%; height: auto; font-family: 'Yettel', sans-serif; font-weight: 500; font-size: 16px; line-height: 23px; text-transform: none; text-align: left; letter-spacing: 0.5px; background-color: white; border: 2px solid #E5E9EC; border-radius: 8px; box-shadow: none !important; color: #002340; padding: 12px 16px; }

.shops-search .store-select-1 .dd-selected:focus-within { border: 2px solid #002340; }

.shops-search .store-select-1 .dd-selected label { font-size: 16px; line-height: 24px; font-weight: 300; text-transform: none; padding-left: 0; }

.shops-search .store-select-1 .dd-pointer { border-radius: 0 3px 3px 0; }

.shops-search .store-select-1 .dd-pointer.dd-pointer-down { width: 16px; height: 80%; background: white url(../img/icons/chevron-down.png) center center no-repeat; border: none; border-radius: 8px; position: absolute; top: 6px; right: 0; margin: 0; margin-right: 16px; }

.shops-search .store-select-1 .dd-pointer.dd-pointer-up { background-image: url(../img/icons/chevron-up.png); border: none !important; border-radius: 8px; }

.store-select-1, .store-select-1 .dd-selected { padding: 12px 16px; }

.store-select-1, .store-select-1 .dd-selected-text, .custom-form .select-1 .dd-selected-text, .select-form .select-1 .dd-selected-text { font-family: 'YettelLight', sans-serif; color: #002340; padding: 0; cursor: pointer; margin-bottom: 0; font-weight: normal; font-size: 16px; }

.shops-search .store-select-1 .dd-desc { font-family: 'Yettel', sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; text-transform: none; }

.shops-search .store-select-1 .dd-desc span { color: #002340; font-size: 12px; line-height: 20px; margin-left: 5px; }

.shops-search .store-select-1 .dd-options { width: 100% !important; background-color: white; border: none; box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 8px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; margin-top: 7.5px; }

.shops-search .store-select-1 .dd-option { width: 100%; background: white; border: none; padding: 12px 16px; }

.shops-search .store-select-1 .dd-option-text { font-family: "YettelLight", Arial, sans-serif; font-weight: 300; font-size: 16px; color: #002340; line-height: 24px; text-transform: none; padding-left: 0; margin-bottom: 0; }

.shops-search .store-select-1 .dd-option:hover { background: #F3FCFF; cursor: pointer; }

.shops-search .store-select-1 .dd-option-selected, .shops-search .store-select-1 .dd-option-selected:hover, .shops-search .store-select-1 .dd-option-selected label { font-family: "Yettel", Arial, sans-serif !important; font-weight: 400 !important; cursor: pointer; }

.store-select-1, .store-select-1 * { box-sizing: border-box; }

.store-select-1 .dd-select { background-color: white; border: 2px solid #E5E9EC; border-radius: 8px; }

.dd-options { margin-top: 8px; border: none; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); }

.dd-option { border: none; padding: 12px 16px; }

.dd-option:hover { background-color: #F3FCFF; }

.infobox-wrapper { display: none; background: #fff; }

.infobox { width: 240px; background: #fff; padding: 20px 20px; border-radius: 24px; font-family: "Yettel", Arial, sans-serif; }

.infobox .loc-title { font-size: 16px; line-height: 20px; font-weight: 700; color: #002340; margin-bottom: 5px; }

.infobox .loc-info { font-size: 14px; line-height: 16px; color: #002340; margin-bottom: 0; }

.infobox .loc-info-time { margin-top: 5px; }

.infobox .loc-info-time .stores-day { display: inline-block; width: 140px; }

.infobox .loc-info-time .stores-hours { width: 100px; text-align: right; }

.infobox img { width: 15px; height: 15px; }

.infobox.tb_green { border-top: 4px solid #20e707; }

.infobox.tb_purple { border-top: 4px solid #c000ea; }

.infobox.tb_green.tb_purple { border-top: 4px solid #20e707; }

.infobox.tb_green.tb_purple:before { content: " "; position: absolute; z-index: 1000; top: 4px; left: 0px; right: 0px; border: 2px solid #c000ea; }

.infobox .infoboxFooter { overflow: auto; }

.infobox .infoboxFooter .btn-button { width: 170px; float: left; text-align: center; margin-top: 10px; margin-bottom: 10px; }

.infobox .infoboxFooter a { width: 100%; text-align: center; float: left; margin-top: 10px; font-size: 14px; font-family: 'YettelLight', sans-serif; font-weight: bold; }

.shops-list { border-top: 1px solid #a8a8a8; margin: 0; padding: 0; }

.shops-list > li { border-bottom: 1px solid #a8a8a8; padding: 10px 42px 10px 0; position: relative; }

.shops-list ul { margin: 0; padding: 0; }

.shops-list li { list-style: none; }

.shops-list .shops-list-legend { font-size: 12px; color: #002340; }

.shops-list .shops-list-legend span { height: 10px; width: 10px; border-radius: 100%; float: left; margin-right: 5px; }

.shops-list .shops-list-legend span.dot_green { background-color: #20e707; }

.shops-list .shops-list-legend span.dot_purple { background-color: #c000ea; }

.shops-list li:not(.shops-list-legend) { padding-left: 15px; }

.shops-list li.bl_purple:before { content: " "; position: absolute; z-index: 1000; top: 10px; bottom: 10px; left: 5px; border: 2px solid #c000ea; }

.shops-list li.bl_green:after { content: " "; position: absolute; z-index: 1000; top: 10px; bottom: 10px; left: 0px; border: 2px solid #20e707; }

.shops-list .shop-category { font-family: 'YettelLight', sans-serif; font-size: 20px; color: #002340; }

.shops-list .shop-address { font-family: 'YettelLight', sans-serif; font-size: 12px; color: #002340; text-transform: uppercase; }

.shops-list .arrow { display: inline-block; width: 36px; height: 36px; background: url(../img/icons/chevron-right.png) 0 0 no-repeat; text-indent: -999px; overflow: hidden; position: absolute; top: 14px; right: 0; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; transition: transform 0.3s ease; }

.shops-list .hidden-content { display: none; }

.shops-list .col-content { padding: 15px 0; }

.shops-list .col-content p { font-family: 'YettelLight', sans-serif; font-size: 15px; color: #002340; text-transform: uppercase; margin-bottom: 5px; }

.shops-list .col-content li { font-family: 'YettelLight', sans-serif; font-size: 15px; color: #002340; margin-bottom: 3px; max-width: 300px; }

.shops-list .col-content li .stores-hours { float: right; }

.shops-list .col-gal { margin-bottom: 10px; }

.shops-list .col-gal a { display: inline-block; width: 70px; margin-right: 5px; margin-bottom: 5px; }

.shops-list .col-gal a img { width: 100%; max-width: 100%; height: auto; }

.shops-list .scroll-to-map { display: block; text-align: right; margin-bottom: 10px; font-family: 'Yettel', sans-serif; font-size: 15px; line-height: 24px; color: #004969; }

.shops-list > li.active .arrow { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }

#map-canvas-shops { height: 300px; margin-bottom: 30px; }

.sls-modal { padding: 10px; padding-top: 0px; background-color: #002340; }

.sls-modal h2 { margin-bottom: 50px; }

.sls-modal h3 { font-family: 'YettelLight', sans-serif; font-size: 30px; line-height: 34px; color: #fff; margin-bottom: 10px; }

.sls-modal .search-group { max-width: 450px; background: #fff; border-radius: 8px; padding: 7px; margin-bottom: 7px; zoom: 1; }

.sls-modal .search-group:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.sls-modal .search-group input { float: left; font-family: 'YettelLight', sans-serif; font-size: 16px; line-height: 42px; min-height: 39px; font-style: italic; border: none; padding: 0 0 0 5px; width: calc(100% - 100px); }

.sls-modal .search-group button { display: inline-block; float: right; font-family: 'Yettel', sans-serif; font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; border: 0; background: #002340; padding: 12px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }

.sls-modal .advanced-search { font-family: 'YettelLight', sans-serif; font-size: 14px; color: #fff; text-decoration: underline; }

#sls-map { display: none; }

.side-menu { background: #e5e9ec; }

#faq-category-list { margin: 0; }

.side-menu-list > li { background: transparent; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }

.side-menu-list > li:not(:last-child) { border-bottom: 1px solid #e0dfdf; }

.side-menu-list > li > a { display: block; font-family: "Yettel", sans-serif; font-size: 16px; line-height: 20px; color: #002340; text-transform: uppercase; text-decoration: none; padding: 2px 15px 2px 0; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.side-menu-list > li > a > span { color: #00233f; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }

.side-menu-list > li > a:before { content: ""; width: 5px; height: 8px; background: url(../img/icons/arr-right-2.png) 0 0 no-repeat; background-size: 5px; position: absolute; top: 4px; left: 8px; opacity: 0; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.side-menu-list > li.active > a { background: #002340 !important; }

.side-menu-list > li:hover > a, .side-menu-list > li.active > a { padding-left: 15px; }

.side-menu-list > li.active > a, .side-menu-list > li.active > a > span { color: #fff; }

.side-menu-list > li:hover > a:before { opacity: 1; }

.side-menu-list > li.active > a:before { opacity: 1; background-image: url(../img/icons/arr-right-3.png); }

.side-menu-list ul { padding: 0 5px 5px 20px; }

.side-menu-list ul li { padding: 4px 0; }

.side-menu-list ul li a { font-family: "proxima-nova", sans-serif; font-size: 15px; color: #696969; text-decoration: none; padding-left: 8px; background: url(../img/icons/arr-right-2.png) 0 6px no-repeat; background-size: 5px; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }

.side-menu-list ul li a:hover { color: #00233f; }

.faq-list { padding-left: 0; margin-bottom: 40px; }

.faq-list h3 { font-size: 18px; line-height: 24px; padding: 15px 40px 15px 10px; position: relative; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }

.faq-list h3 .arrow { position: absolute; right: 5px; top: 50%; margin-top: -15px; }

.faq-list li { padding-left: 5px; }

.faq-list li.active h3 { color: #00233f; font-weight: 600; }

.faq-list li:first-child { border-top: 1px solid #a8a8a8; }

.faq-list .expandable { display: none; padding-bottom: 20px; }

@media screen and (max-width: 650px) { .faq-list .expandable { padding: 10px 10px 20px 10px; } }

.faq-list .expandable p { color: #002340; font-family: "YettelLight", sans-serif; font-size: 16px; line-height: 20px; }

.faq-list .expandable a { color: #00233f; text-decoration: underline; }

.contact-us p { font-size: 20px; line-height: 24px; color: #7a7a7a; }

.contact-list { width: 100%; text-align: center; margin: 20px 0; }

.contact-list li { display: inline-block; }

.contact-list li a { display: inline-block; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; text-indent: -999px; overflow: hidden; margin: 10px; }

.contact-list .message { background-image: url(../img/icons/message.png); background-size: 24px; }

.contact-list .facebook { background-image: url(../img/icons/facebook-3.png); background-size: 10px; }

.contact-list .twitter { background-image: url(../img/icons/twitter-3.png); background-size: 20px; }

.contact-list .mail { background-image: url(../img/icons/mail.png); background-size: 24px; }

.contact-list .phone { background-image: url(../img/icons/phone-2.png); background-size: 24px; }

.search-full { margin-bottom: 30px; }

.search-full .search-group { color: #002340; background: white; padding: 7px; border: 2px solid #e5e9ec; border-radius: 8px; margin-bottom: 20px; zoom: 1; }

.search-full .search-group:focus-within { border: 2px solid #002340; }

.search-full .search-group:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.search-full .search-group input { float: left; font-family: "Yettel", sans-serif; font-size: 16px; font-style: italic; background: transparent; border: none; padding-left: 5px; width: 80%; width: calc(100% - 105px); margin-top: 9px; }

.search-full .search-group input:focus { outline: none; }

.search-full .search-group button { display: inline-block; float: right; font-family: "Yettel", sans-serif; font-size: 15px; font-weight: 600; color: white; text-transform: uppercase; border: 0; background: #002340; padding: 12px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 8px; cursor: pointer; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }

.search-full .search-group button:focus { outline: none; }

.search-full .search-group button:hover { background: #ddec01; }

.expandable-content { border-bottom: 1px solid #a8a8a8; }

.expandable-content h3 { font-size: 22px; line-height: 31px; color: #002340; cursor: pointer; padding-right: 50px; position: relative; }

.expandable-content h3.grey { color: #21282e; }

.expandable-content h3 .arrow { display: inline-block; float: right; width: 31px; height: 31px; background: url(../img/icons/chevron-down.png) 0 0 no-repeat; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; position: absolute; top: 50%; right: 5px; margin-top: -15px; }

.expandable-content h3.active .arrow { transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.expandable-content h3 .arr-right { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

#no-results { display: none; font-size: 20px; }

.posts-wrapper { margin: 10px; }

.posts-wrapper ul { padding-left: 0; margin-left: 0; }

.post-block { border-bottom: 1px solid #e1e7ed; padding-bottom: 5px; margin-bottom: 10px; }

.post-block > .post-thumbnail { display: block; width: 100%; padding-left: 10px; }

.post-block > .post-thumbnail img { max-width: 100%; height: auto; display: block; }

.post-block > .post-content { padding-left: 10px; display: block; width: 100%; }

.post-block > .post-content a { text-decoration: none; }

.post-block > .post-content .post-title { margin: 0 0 6px 0; }

@media screen and (min-width: 480px) { .posts-wrapper { margin-left: 20px; margin-right: 20px; }
  .post-block { padding-bottom: 10px; margin-bottom: 20px; }
  .post-block > .post-thumbnail { width: 120px; float: left; padding-left: 0; }
  .post-block > .post-content { margin-left: 120px; }
  .post-block > .post-content.post-no-thumb { margin-left: 0; padding-left: 0; } }

.postBackBCLike { margin-left: 20px; display: inline-block; width: 45px; margin-right: 25px; text-decoration: none; padding-bottom: 3px; color: white; font-weight: bold; padding-left: 40px; color: #004969; padding-bottom: 0; padding-right: 10px; line-height: 35px; height: 35px; font-size: 14px; background-color: #e6e6e6; background-image: url("../img/back-icon-blue.png"); background-repeat: no-repeat; background-position-x: 10px; background-position-y: 10px; opacity: 0.9; }

.news-list { margin: 0; padding: 0; }

.news-content { margin-bottom: 30px; }

.news-list .hidden-item { display: none; }

.news-article { border-bottom: 1px solid #d5d5d5; padding-bottom: 22px; margin-bottom: 22px; zoom: 1; }

.news-article:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.news-article img { display: block; width: 100%; max-width: 360px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.news-article .date { display: block; font-size: 15px; color: #9e9e9e; margin-bottom: 5px; }

.news-article h3 { font-family: "YettelLight", sans-serif; font-size: 26px; letter-spacing: -1px; margin-bottom: 10px; }

.news-article h3 a { color: #00233f; text-decoration: none; }

.news-article h3 a:hover { text-decoration: underline; }

.news-article p { font-family: "proxima-nova", sans-serif; font-size: 15px; line-height: 20px; color: #21282e; }

.pagination-search { margin-bottom: 30px; }

.pagination-search .search-group { max-width: 450px; background: #ececec; padding: 7px; margin-bottom: 20px; zoom: 1; }

.pagination-search .search-group:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.pagination-search .search-group input { float: left; font-size: 16px; line-height: 42px; font-style: italic; background: transparent; border: none; padding-left: 5px; width: calc(100% - 110px); }

.pagination-search .search-group input:focus { outline: none; }

.pagination-search .search-group button { display: inline-block; float: right; font-size: 15px; font-weight: 600; color: #2a2f1e; text-transform: uppercase; border: 0; background: #cfdd01; padding: 12px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }

.pagination-search .search-group button:focus { outline: none; }

.pagination-search .search-group button:hover { background: #ddec01; }

.backbutton { margin-left: 8px; background-color: #00233f; padding: 5px; color: white; border: none; cursor: pointer; }

/* .pagination { @include box-sizing(border-box); border-radius: 0; margin: 20px 20px; padding-left: 0; display: inline-block; float: right; } .pagination > li { @include box-sizing(border-box); display: inline; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; float: left; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #428bca; border-color: #428bca; color: #fff; cursor: default; z-index: 2; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; float: left; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; float: left; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } */
.custom-pagination { width: 100%; text-align: left; }

.pagination { display: inline-block; }

.pagination li { float: left; list-style-type: none; }

.pagination li a { display: inline-block; font-family: "proxima-nova", sans-serif; font-size: 15px; color: #9e9e9e; line-height: 20px; padding: 0 7px; margin: 0 3px; text-decoration: none; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.pagination li p { display: inline-block; font-family: "proxima-nova", sans-serif; font-size: 15px; color: #9e9e9e; line-height: 20px; padding: 0 7px; margin: 0 3px; }

.pagination li.active a { background: #ececec; }

.pagination li:hover a { color: #00233f; }

.pagination .nav-btn { width: 20px; height: 20px; overflow: hidden; text-indent: -999px; background-position: center center; background-repeat: no-repeat; }

.pagination .nav-prev { background-image: url(../img/icons/arrow-left-2.png); }

.pagination .nav-next { background-image: url(../img/icons/arr-blue-right-2.png); }

.disabled-paginator { pointer-events: none; }

.search-header { font-size: 26px; padding-bottom: 20px; margin-left: 10px; margin-top: 10px; }

.search-container { padding-top: 20px; }

.search-container .pagination { padding-bottom: 20px; padding-left: 5px; }

#search-results { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 20px; line-height: 2; }

.search-container h3 { font-size: 20px; }

.search-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; border-bottom: 1px solid #ccc; }

.search-item > p { margin-bottom: 10px; }

.search-item h3 a { color: #00233f; }

.search-item a:visited { color: #0091d2; }

.search-item a.bullet-search-blue { font-size: 1rem; padding: 8px 0 8px 32px; text-decoration: none; color: #00233f; background-repeat: no-repeat; background-position: center left; background-image: url("../img/show-more-arrow-right.png"); background-repeat: no-repeat; }

.search-item a.bullet-search-blue:visited, .search-item a.bullet-search-blue:hover { color: #00233f; }

.search-item .search-item-published { color: #21282e; font-size: 1.1rem; font-style: italic; }

.ui-helper-hidden-accessible { display: none !important; visibility: hidden !important; }

.ws-search-image { height: 100px; display: inline-block; vertical-align: middle; margin-right: 10px; }

.ws-search-image img { max-width: 100%; max-height: 100%; }

.ws-search-desc { display: inline-block; vertical-align: middle; }

.search-no-results { color: #21282e; font-size: 1.1rem; font-style: italic; margin: 20px 20px 200px 20px; }

.prepaid-selectable { color: white; display: inline-block; padding: 10px; cursor: pointer; }

.device-carousel { position: relative; }

.device-carousel__container { margin: 0 60px; }

@media (max-width: 768px) { .device-carousel__container { margin: 0; } }

.device-carousel__slide { padding-bottom: 1px; }

.device-carousel__dots { position: relative; }

.device-carousel__nav { background-color: #f2f4f5; width: 48px; height: 48px; border-radius: 100%; position: absolute; top: 50%; margin-top: -24px; display: flex; justify-content: center; align-items: center; }

.device-carousel__nav:hover { cursor: pointer; }

.device-carousel__nav--prev { left: 0; }

.device-carousel__nav--next { right: 0; }

.device-carousel__nav--next img { transform: rotateY(180deg); }

/* dcli stands for device-carousel-list-item */
.dcli { padding-top: 20px; font-size: 16px; display: flex; align-items: center; justify-content: center; }

.dcli * { box-sizing: border-box; }

.dcli .device-list-item { border: 2px solid #e5e9ec; border-radius: 8px; box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, inset 1px 0 0 0 #e8e8e8, inset 0 1px 0 0 #e8e8e8; color: #002340; height: 488px; padding: 25px 15px 19px; position: relative; width: 326px; max-width: 100%; }

.dcli .mb-4 { margin-bottom: 1.5rem !important; }

.dcli .color-yettel-lime { color: #b4ff00 !important; }

.dcli .color-white { color: #fff !important; }

.dcli .bg-yettel-dark-blue { background-color: #002340; }

.dcli .product-label { border-radius: 20px; color: #002340; left: 50%; padding: 4px 15px 5px; position: absolute; top: -1rem; transform: translateX(-50%); width: 181px; z-index: 2; }

.dcli .justify-content-center { justify-content: center !important; }

.dcli .d-flex { display: flex !important; }

.dcli .height-244 { height: 244px; }

.dcli .product-divider { border: none; border-top: 1px solid #c4dfe9; }

.dcli .p-0 { padding: 0 !important; }

.dcli .m-0 { margin: 0 !important; }

.dcli .mb-3 { margin-bottom: 1rem !important; }

.dcli .justify-content-around { justify-content: space-around !important; }

.dcli .product-specs--product-list { height: 79px; }

.dcli .product-specs { list-style-type: none; }

.dcli .product-specs__spec { min-width: 32px; text-align: center; }

.dcli .product-specs--product-list .product-specs__spec { text-align: left; }

.dcli .yettel-bold-font { font-family: YettelBold, Arial, sans-serif; }

.dcli .device-colors { height: 52px; list-style-type: none; }

.dcli .cosmos-label { height: 20px; line-height: 1.2; }

.dcli .text-16 { font-size: 16px; }

.dcli .height-108 { height: 108px; }

.dcli .my-2 { margin-bottom: 0.5rem !important; margin-top: 0.5rem !important; }

.dcli .text-28 { font-size: 28px; }

.dcli .text-20 { font-size: 20px; }

.dcli .text-start { text-align: left !important; }

.dcli .ps-1 { padding-left: 0.25rem !important; }

.dcli .pe-2 { padding-right: 0.5rem !important; }

.dcli .recycling-price__content { height: 100%; padding-left: 10px; }

.dcli .h-100 { height: 100% !important; }

.dcli .product-image { position: relative; }

.dcli .product-image__img--main { display: block; }

.dcli .product-image__img--hover { display: none; }

.dcli .product-image__img-container:hover .product-image__img--main { display: none; }

.dcli .product-image__img-container:hover .product-image__img--hover { display: block; }

.dcli .device-list-item__buttons { opacity: 0; }

.dcli .device-list-item:hover { box-shadow: 3px 6px 8px #d9f0f9ad; }

.dcli .device-list-item:hover .device-list-item__buttons { opacity: 1; }

.dcli .device-colors li .device-colors__color { border-radius: 100%; display: flex; }

.dcli .device-colors li .device-colors__color__inner-circle { border: 1px solid #0000; caret-color: #0000; height: 15px; margin: 3px; width: 15px; }

.dcli .device-colors li .device-colors__color__outline--active, .dcli .device-colors li .device-colors__color__outline--white { border: 1px solid #707070; }

.dcli .product-image__img-container img { object-fit: cover; }

.dcli .product-image__img-container .sticker-img { bottom: 20px; max-height: 244px; position: absolute; }

.dcli .mw-100 { max-width: 100% !important; }

.dcli .justify-content-between { justify-content: space-between !important; }

.dcli .bg-yettel-light-blue-alt { background-color: #c4dfe9; }

.dcli .line-height-1 { line-height: 1; }

.dcli .bg-yettel-green-lime { background-color: #d6fe97; }

.dcli .bg-yettel-green-lime { background-color: #b4ff00; }

.dcli .lime-background { background-color: #b4ff00; }

.dcli .recycling-price__content { height: 100%; padding-left: 10px; }

.dcli .bg-yettel-light-blue-alt { background-color: #c4dfe9; }

.dcli .recycling-price { border-radius: 7px; height: 76px; width: 167px; }

.dcli .recycling-price__ribbon { height: 31px; position: absolute; right: 10px; top: -4px; width: 27px; }

.dcli .position-relative { position: relative !important; }

.dcli .cosmos-label__old-price { bottom: 140px; color: #8293a1; position: absolute; text-decoration: line-through; }

.dcli .product-border-yettel-lime { border: 3px solid #b4ff00; }

.dcli .product-border-yettel-light-blue-alt { border: 3px solid #c4dfe9; }

/* Created on : Apr 20, 2016, 11:22:35 AM Author     : brankko */
.external-tariff-packages, .external-tariff-packages * { box-sizing: border-box; }

.external-tariff-packages { font-size: 20px; background: #fff; }

.plan-tab { display: none; }

.plan-tab.active { display: block; }

.plan-tab.tab-2 { height: 500px; }

.plan-tab.tab-2 p { font-family: "Yettel", sans-serif; font-size: 36px; line-height: 42px; color: #00aeef; }

.subpage-content > .container { width: 94%; margin: 0 3%; }

.plan-select { margin-bottom: 20px; zoom: 1; }

.plan-select:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.plan-select li { float: left; width: 49%; }

.plan-select li:first-child { margin-right: 2%; }

.plan-select a { display: block; text-align: center; background: #e1e1e1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Yettel", sans-serif; font-size: 20px; color: #909090; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px 0; position: relative; }

.plan-select a:after { content: ""; display: none; position: absolute; bottom: -10px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #002340 transparent transparent transparent; }

.plan-select li.active a { background: #002340; color: #fff; }

.plan-select li.active a:after { display: block; }

.plan-header { display: none; }

.plan-list-wrapper { margin-bottom: 40px; }

.plan-list-wrapper.loaded #floatingCirclesG { display: none; }

.plan-list { margin: 0; padding: 0; }

.plan-list .list-item { list-style: none; margin: 0; width: 100%; background: #ebebeb; padding: 6px; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 12px; zoom: 1; }

.plan-list .list-item:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.plan-list .list-item:hover { background: #e2f0f6; }

.plan-list .slat { width: 100%; float: left; zoom: 1; }

.plan-list .slat:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.plan-list .slat-1, .plan-list .slat-2, .plan-list .slat-3 { border-bottom: 1px solid #bcbcbc; }

.plan-list .slat-1 { overflow: hidden; position: relative; padding: 5px; cursor: pointer; }

.plan-list .slat-1 a { display: block; text-decoration: none; height: 88px; }

.plan-list .slat-1 img { max-width: 100%; /*    width: 35px; position: absolute; bottom: -15px; right: 10px;*/ }

.plan-list .col { position: relative; }

.plan-list .col-name { min-height: 51px; }

.plan-list .col-name p { font-family: "Yettel", sans-serif; font-size: 20px; line-height: 24px; color: #777777; text-transform: uppercase; }

.plan-list .name-1 { font-family: "together", sans-serif; font-size: 38px; color: #00b9e1; }

.plan-list .name-2 { font-size: 28px; color: #a0218c; letter-spacing: -1px; }

.plan-list .name-3 { font-size: 28px; color: #00aeef; letter-spacing: -1px; }

.plan-list .sort-box { position: absolute; top: 0; right: 0; z-index: 1; width: 63px; height: 63px; text-align: right; }

.plan-list .sort-btn { display: inline-block; width: 63px; height: 63px; background: url(../img/icons/sort.png) right top no-repeat; background-size: 30px; cursor: pointer; }

.plan-list .slat-2, .plan-list .slat-3, .plan-list .slat-4 { padding: 5px 0; }

.plan-list .slat-2 .col, .plan-list .slat-3 .col, .plan-list .slat-4 .col { float: left; width: 50%; }

.plan-list .slat-2 .col-out, .plan-list .slat-3 .col-sms, .plan-list .slat-4 .col-service { border-right: 1px solid #bcbcbc; }

.plan-list .col-title { width: 100%; text-align: center; font-family: "proxima-nova", sans-serif; font-size: 12px; line-height: 18px; font-weight: 600; text-transform: uppercase; color: #7a7a7a; position: relative; line-height: 2em; }

.plan-list .text-1 { font-family: "Yettel", sans-serif; font-size: 14px; line-height: 18px; color: #777777; text-align: center; text-transform: uppercase; }

.plan-list .text-2 { font-family: "Yettel", sans-serif; font-size: 14px; color: #777777; text-align: center; text-transform: uppercase; }

.plan-list .text-1 span, .plan-list .text-2 span { display: block; }

.plan-list .col-service, .plan-list .col-price { height: 100px; }

.plan-list .service-inner { text-align: center; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -10px; }

.plan-list .service-inner img { display: inline-block; margin-bottom: 0; max-height: 48px; }

.plan-list .service-inner img.custom-width { max-height: 28px; }

.plan-list .service-inner p { font-family: "proxima-nova", sans-serif; font-size: 12px; color: #7a7a7a; font-weight: 600; text-transform: uppercase; }

.plan-list .col-price .inner { text-align: center; padding-top: 10px; }

.plan-list .col-price .inner p { font-family: "Yettel", sans-serif; font-size: 16px; color: #002340; text-align: center; margin-bottom: 5px; }

.plan-list .col-price .inner p span { font-size: 12px; font-weight: 700; }

.plan-list .col-price .btn-green { margin-left: 6px; }

.more-list { display: block; width: 100%; font-family: "proxima-nova", sans-serif; font-size: 15px; text-decoration: none; line-height: 24px; color: #fff; text-align: center; text-transform: uppercase; background: #004969; position: relative; padding: 15px 0; margin: 10px 0; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.more-list span { position: relative; }

.more-list .arrow { display: inline-block; width: 24px; height: 24px; background: url(../img/icons/arrow-bottom-1.png) 0 0 no-repeat; position: absolute; }

.more-list .arr-left { left: -50px; }

.more-list .arr-right { right: -50px; }

.more-list .hide-txt { display: none; }

.more-list .hide-txt .arrow { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.more-list.active .show-txt { display: none; }

.more-list.active .hide-txt { display: inline-block; }

.blue-slat { background: #00aeef; }

.blue-slat .expandable-content-title { margin-bottom: 0; }

.hidden-trigger { cursor: pointer; }

.hidden-trigger h2 { margin-bottom: 0; }

.hidden-trigger .trigger-btn { display: inline-block; width: 31px; height: 31px; float: right; background: url(../img/icons/arr-blue-bottom-1.png) 0 0 no-repeat; position: relative; top: 5px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; transition: transform 0.5s ease; }

.hidden-trigger.active .trigger-btn { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.digital-services-widget { margin-bottom: 20px; }

.expandable-content-title { border-bottom: 1px solid #007ec6; margin-bottom: 20px; }

.expandable-content-title .hidden-content { display: none; }

.expandable-content-title .hidden-content .inner { padding-top: 20px; zoom: 1; }

.expandable-content-title .hidden-content .inner:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.digital-services-widget .col-left { margin-bottom: 30px; }

.digital-services-widget .col-left h3 { font-size: 26px; line-height: 30px; color: #fff; margin-bottom: 30px; }

.digital-services-widget .col-left p { font-family: "proxima-nova", sans-serif; font-size: 15px; line-height: 20px; color: #fff; margin-bottom: 20px; }

.digital-services-widget .col-left img { width: 100%; height: auto; }

.services-list li { zoom: 1; margin-bottom: 40px; }

.services-list li:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.services-list .col-1 { float: left; width: 30px; }

.services-list .col-1 img { width: 100%; height: auto; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.services-list .col-2 { padding-left: 40px; padding-top: 7px; }

.services-list .col-2 h4 { font-family: "Yettel", sans-serif; font-size: 20px; text-transform: uppercase; color: #007bc3; letter-spacing: 1px; margin-bottom: 10px; }

.services-list .col-2 p { font-size: 15px; line-height: 18px; color: #fff; margin-bottom: 10px; }

.expandable-sections .sections-wrap { margin-top: 50px; margin-bottom: 50px; }

.plan-list.internet-list .slat-2 .col { width: 33.33%; }

.plan-list.internet-list .slat-2 .col-in { border-right: 1px solid #bcbcbc; }

.plan-list.internet-list .slat-2 .col-up { border-right: 1px solid #bcbcbc; }

.plan-list.internet-list .slat-3 { border-bottom: 0; }

.plan-list.internet-list .col-price { text-align: center; }

.plan-list.internet-list .col-price p { text-align: center; margin-bottom: 5px; }

.plan-list.internet-list .col-price .subscription { font-family: "proxima-nova", sans-serif; font-size: 12px; color: #7a7a7a; text-transform: uppercase; }

.plan-list.internet-list .col-price .btn-green { display: inline-block; width: 100%; max-width: 130px; }

.internet-wrapper .additional-text { font-size: 15px; line-height: 20px; color: #909090; }

.internet-wrapper .additional-text a { color: #004969; text-decoration: underline; }

/* ------------------------------------------------------------------ Internet prepaid */
.subpage-internet-prepaid { padding-bottom: 50px; }

.internet-prepaid-promo { padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #a8a8a8; }

.internet-prepaid-promo .col-left { margin-bottom: 30px; }

.internet-prepaid-promo .col-left h5 { font-size: 22px; color: #002340; margin-bottom: 10px; }

.internet-prepaid-promo .col-left p { font-family: "proxima-nova", sans-serif; font-size: 15px; line-height: 1.4; color: #9e9e9e; margin-bottom: 20px; }

.internet-prepaid-promo .col-left .inner a { display: inline-block; font-size: 15px; color: #004969; margin-bottom: 20px; }

.list-boxes li { padding: 20px; background: #007bc3; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.list-boxes .col-1 { margin-bottom: 15px; }

.list-boxes .col-2 { margin-bottom: 15px; }

.list-boxes .col-3 { padding-top: 10px; }

.list-boxes .col-1 p { font-family: "Yettel", sans-serif; font-size: 22px; line-height: 24px; color: #002340; text-transform: uppercase; }

.list-boxes .col-1 p span { color: #fff; }

.list-boxes .col-2 p { font-size: 15px; line-height: 1.2; color: #fff; margin-bottom: 0px; }

.list-boxes .col-3 .big-txt { font-family: "together", sans-serif; color: #fff; letter-spacing: -3px; line-height: 40px; font-size: 70px; text-align: right; }

.list-boxes .col-3 .big-txt span { font-size: 42px; position: relative; top: -14px; margin-left: 4px; }

.list-boxes .col-3 .small-txt { color: #fff; font-size: 25px; text-align: right; }

.section article h5 { font-size: 22px; line-height: 25px; color: #002340; margin-bottom: 20px; }

body .lg-backdrop.in { opacity: 0.8; }

.prepaid-cur { color: #777777; }

/* Created on : May 5, 2016, 1:02:18 PM Author     : brankko */
.carousel-mini { zoom: 1; color: #fff; font-family: "Yettel", sans-serif; font-size: 12px; }

.carousel-mini:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.carousel-mini .slide-item { display: block; float: left; width: 100%; text-align: center; padding: 10px 0; text-decoration: none; /*    background: transparent; background: #007bc3;*/ -moz-transition: background 0.24s ease; -o-transition: background 0.24s ease; -webkit-transition: background 0.24s ease; -ms-transition: background 0.24s ease; transition: background 0.24s ease; min-height: 186px; cursor: pointer; }

.carousel-mini .slide-item:after { content: ""; position: absolute; bottom: 20px; opacity: 0; left: 50%; -moz-transition: all 0.12s ease; -o-transition: all 0.12s ease; -webkit-transition: all 0.12s ease; -ms-transition: all 0.12s ease; transition: all 0.12s ease; transition-delay: 0; margin-left: -16px; width: 0; height: 0; border: 0; background: none; border-style: solid; border-width: 16px 16px 0 16px; border-color: #00496a transparent transparent transparent; }

.carousel-mini .slide-item.active:after { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; bottom: 4px; opacity: 1; transition-delay: 0.12s; }

.carousel-mini .slide-item img { display: inline; /*    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 61px; max-height: 61px;*/ max-width: 130px; max-height: 61px; }

.carousel-mini .slide-item img.round-extra { -moz-border-radius: 10px; border-radius: 10px; }

.carousel-mini .slide-item p { /*color: #fff;*/ line-height: 1; margin-bottom: 0; text-transform: uppercase; font-family: "Yettel", sans-serif; }

.carousel-mini .slide-item .slide-title-top { font-size: 20px; margin-bottom: 16px; }

.carousel-mini .slide-item .slide-title-bttm { font-size: 16px; line-height: 1.2; margin-top: 8px; margin-bottom: 6px; }

.carousel-mini .slide-item .more { font-family: 'proxima-nova', sans-serif; display: block; font-size: 13px; /*color: #85e0ff;*/ text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 2px; }

.carousel-mini .normal-btn { opacity: 1; visibility: visible; -moz-transition: all 0.24s ease; -o-transition: all 0.24s ease; -webkit-transition: all 0.24s ease; -ms-transition: all 0.24s ease; transition: all 0.24s ease; }

.carousel-mini .slide-item.active { background: #00496a; }

.carousel-mini .slide-item.active .normal-btn { visibility: hidden; opacity: 0; }

.carousel-mini .slide-item:hover .normal-btn { background: #02638E; }

.carousel-mini .swiper-slide { padding-bottom: 20px; }

#services-slider { overflow: hidden; position: relative; }

#services-slider .slider-nav a { height: 186px; }

.slider-nav a { display: inline-block; width: 20px; height: 100%; background-position: center center; background-repeat: no-repeat; position: absolute; top: 0; text-indent: -999px; overflow: hidden; z-index: 10; }

.slider-nav #btn-prev { left: 0; background-image: url(../img/icons/arrow-left-1.png); }

.slider-nav #btn-next { right: 0; background-image: url(../img/icons/arrow-right-2.png); }

.swiper-slide.slick-slide.slick-active { height: auto; }

.mng-BannerCarousel .slick-list { height: 226px; width: 100%; }

.mng-BannerCarousel .swiper-wrapper { height: auto; }

.mng-BannerCarousel .btn-button { display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; height: 34px; line-height: 34px; padding: 0 27px; text-transform: uppercase; text-decoration: none; text-align: center; letter-spacing: .5px; }

.bill-image { width: 95%; margin-left: 2.5%; }

.bill-block { margin-left: 2% !important; margin-right: 2% !important; }

.bill-2 { display: none; }

.bill-tabs { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; padding-left: 0; list-style: none; }

.bill-tabs li { float: left; width: 49%; }

.bill-tabs li:first-child { margin-right: 2%; }

.bill-block { max-width: 800px; margin-left: auto; margin-right: auto; }

.bill-block .bill-tabs li { background: transparent; border: none !important; padding-left: 0; }

.bill-block .bill-tabs li:before { display: none; }

.bill-tabs a { display: block; text-align: center; background: #e1e1e1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; font-family: "Yettel", sans-serif; font-size: 14px; color: #909090; letter-spacing: 1px; text-decoration: none !important; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px 0; position: relative; }

.bill-tabs a:after { content: ""; display: none; position: absolute; bottom: -10px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #00ade7 transparent transparent transparent; }

.bill-tabs li.active a { background: #002340; color: #fff; }

.bill-tabs li.active a:after { display: block; }

.bill-wrap { margin-bottom: 10px; }

.bill-page-1, .bill-page-2 { position: relative; }

.bill-point { position: absolute; top: 10px; left: 10px; }

.bill-point.active { z-index: 2; }

.bill-point .icon-info { display: inline-block; width: 30px; height: 30px; background: url(../img/your-bill/info-btn.png) center top no-repeat; background-size: 30px; animation: blinker 1.5s linear infinite; -ms-animation: blinker 1.5s linear infinite; -moz-animation: blinker 1.5s linear infinite; -webkit-animation: blinker 1.5s linear infinite; -o-animation: blinker 1.5s linear infinite; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* prevent tap highlight color / shadow */ user-select: none; }

.bill-point.active .icon-info { background-position: center bottom; animation: none; -ms-animation: none; -moz-animation: none; -webkit-animation: none; -o-animation: none; }

.bill-point.active .icon-info:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 12.5px 14px 12.5px; border-color: transparent transparent #006fb9 transparent; position: absolute; top: 35px; left: 3px; }

.bill-point .popup-info { position: absolute; top: 49px; width: 270px; padding: 10px 20px 20px 20px; background: url(../img/your-bill/popup-bg.jpg) center center no-repeat; background-size: cover; opacity: 0; visibility: hidden; }

.bill-point.active .popup-info { opacity: 1; visibility: visible; }

.bill-point .popup-info .title { font-size: 16px; margin-top: 10px; }

.bill-point .popup-info p { font-size: 12px; color: #fff; margin-bottom: 0; }

.bill-field { position: absolute; border: 2px solid #ec008c; opacity: 0; visibility: hidden; }

.bill-field.active { opacity: 1; visibility: visible; }

/* Front bill page */
.bill-point-1 { top: 5%; left: 34%; }

.bill-point-1 .popup-info { left: -90px; }

.bill-point-2 { top: 14%; left: 3%; }

.bill-point-2 .popup-info { left: 0px; }

.bill-point-3 { top: 14%; left: 39%; }

.bill-point-3 .popup-info { left: -100px; }

.bill-point-4 { top: 26%; left: 41%; }

.bill-point-4 .popup-info { left: -110px; }

.bill-point-5 { top: 39%; left: 3%; }

.bill-point-5 .popup-info { left: -10px; }

.bill-point-6 { top: 54%; left: 2%; }

.bill-point-6 .popup-info { left: 0px; }

.bill-point-7 { top: 55%; left: 55%; }

.bill-point-7 .popup-info { left: -160px; }

.bill-point-8 { top: 87%; left: 0%; }

.bill-point-8 .popup-info { left: 0px; }

.bill-field-1 { width: 56%; height: 7%; top: 5%; left: 43%; }

.bill-field-2 { width: 33%; height: 12%; top: 13%; left: 8%; }

.bill-field-3 { width: 50%; height: 13%; top: 13%; left: 48%; }

.bill-field-4 { width: 45%; height: 8%; top: 26%; left: 50%; }

.bill-field-5 { width: 93%; height: 15%; top: 34%; left: 6%; }

.bill-field-6 { width: 56%; height: 12%; top: 48%; left: 3%; }

.bill-field-7 { width: 39%; height: 13%; top: 48%; left: 59%; }

.bill-field-8 { width: 100%; height: 29%; top: 66%; left: 0%; }

/* Back bill page */
.bill-point-9 { top: -15px; left: -10px; }

.bill-point-9 .popup-info { left: -10px; }

.bill-point-10 { top: 4%; left: -10px; }

.bill-point-10 .popup-info { left: -10px; }

.bill-point-11 { top: 14%; left: -10px; }

.bill-point-11 .popup-info { left: -10px; }

.bill-point-12 { top: 25%; left: -10px; }

.bill-point-12 .popup-info { left: -10px; }

.bill-point-13 { top: 45%; left: -10px; }

.bill-point-13 .popup-info { left: -10px; }

.bill-point-14 { top: 64%; left: -10px; }

.bill-point-14 .popup-info { left: -10px; }

.bill-field-9 { width: 56%; height: 5%; top: 3%; left: 5%; }

.bill-field-10 { width: 89%; height: 11%; top: 7%; left: 5%; }

.bill-field-11 { width: 89%; height: 9%; top: 17%; left: 5%; }

.bill-field-12 { width: 89%; height: 23%; top: 25%; left: 5%; }

.bill-field-13 { width: 89%; height: 18%; top: 47%; left: 5%; }

.bill-field-14 { width: 89%; height: 12%; top: 64%; left: 5%; }

@keyframes blinker { 100% { opacity: 1; }
  80% { opacity: 1; }
  50% { opacity: 0.6; } }

/* Breakpoints */
@media only screen and (min-width: 400px) { .bill-point-9 { top: -5px; left: -5px; }
  .bill-point-10 { top: 6%; left: -5px; }
  .bill-point-11 { top: 14%; left: -5px; }
  .bill-point-12 { top: 25%; left: -5px; }
  .bill-point-13 { top: 45%; left: -5px; }
  .bill-point-14 { top: 64%; left: -5px; } }

@media only screen and (min-width: 500px) { .bill-point-1 { top: 7%; left: 40%; }
  .bill-point-1 .popup-info { left: -90px; }
  .bill-point-2 { top: 20%; left: 3%; }
  .bill-point-2 .popup-info { left: 0px; }
  .bill-point-3 { top: 20%; left: 44%; }
  .bill-point-3 .popup-info { left: -100px; }
  .bill-point-4 { top: 29%; left: 49%; }
  .bill-point-4 .popup-info { left: -110px; }
  .bill-point-5 { top: 43%; left: 3%; }
  .bill-point-5 .popup-info { left: -10px; }
  .bill-point-6 { top: 57%; left: 2%; }
  .bill-point-6 .popup-info { left: 0px; }
  .bill-point-7 { top: 58%; left: 58%; }
  .bill-point-7 .popup-info { left: -160px; }
  .bill-point-8 { top: 90%; left: 0%; }
  .bill-point-8 .popup-info { left: 0px; }
  .bill-field-8 { top: 68%; height: 29%; }
  .bill-point-9 { top: 0%; left: 0%; }
  .bill-point-10 { top: 7%; left: 0%; }
  .bill-point-11 { top: 16%; left: 0%; }
  .bill-point-12 { top: 25%; left: 0%; }
  .bill-point-13 { top: 47%; left: 0%; }
  .bill-point-14 { top: 66%; left: 0%; }
  .bill-field-12 { height: 24%; }
  .bill-field-13 { height: 19%; top: 49%; }
  .bill-field-14 { top: 67%; } }

@media only screen and (min-width: 720px) { .bill-tabs a { font-size: 20px; }
  .bill-point-9 { top: 2%; left: 1%; }
  .bill-point-10 { top: 8%; left: 1%; }
  .bill-point-11 { top: 18%; left: 1%; }
  .bill-point-12 { top: 26%; left: 1%; }
  .bill-point-13 { top: 49%; left: 1%; }
  .bill-point-14 { top: 68%; left: 1%; } }

@media only screen and (min-width: 900px) { .bill-point .icon-info { display: inline-block; width: 46px; height: 46px; background: url(../img/your-bill/info-btn.png) center top no-repeat; background-size: 46px; }
  .bill-point .popup-info { width: 350px; top: 60px; }
  .bill-point.active .icon-info:after { top: 47px; left: 10px; }
  .bill-point .popup-info .title { font-size: 35px; line-height: 35px; }
  .bill-point .popup-info p { font-size: 14px; }
  .bill-field { border-width: 5px; }
  .bill-point-3 { top: 22%; }
  .bill-point-9 { top: 0%; left: 0%; }
  .bill-point-10 { top: 7%; left: 0%; }
  .bill-point-11 { top: 16%; left: 0%; }
  .bill-point-12 { top: 24%; left: 0%; }
  .bill-point-13 { top: 47%; left: 0%; }
  .bill-point-14 { top: 66%; left: 0%; }
  .bill-field-12 { height: 25%; } }

.step-2 { display: none; }

.step-1, .step-2 { width: 100%; position: absolute; }

.container-outer { padding: 50px 0; background: #f2f2f2; }

.container-inner { padding: 0 15px; }

#calculator-widget { position: relative; padding: 50px 0 35px; border-top: 1px solid #b9b9b9; text-align: center; }

#calculator-widget:before { content: ""; width: 27px; height: 22px; display: block; background: url(../img/triangle-down.png) no-repeat center center; position: absolute; top: -1px; left: 50%; margin-left: -13px; }

.title-1 { font-family: "YettelLight"; color: #169ce8; font-size: 33px; margin-bottom: 15px; }

#calculator-widget p { font-family: "YettelLight"; color: #9e9e9e; line-height: 24px; font-size: 16px; }

#calculator-widget a { font-family: "YettelLight"; color: #002340; line-height: 24px; font-size: 15px; font-weight: 600; }

#calculator-widget article { margin-bottom: 30px; }

#select-calculation-options .options-wrapper { padding-top: 90px; position: relative; padding-right: 45px; margin-bottom: 35px; }

#select-calculation-options .options-wrapper.mobile { background: url(../img/phone-icon.png) no-repeat center top; }

#select-calculation-options .options-wrapper.tablet { background: url(../img/tablet-icon.png) no-repeat center top; }

#select-calculation-options .group { position: relative; background: #002340; text-align: left; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#select-calculation-options .group label { color: #9de6ff; font-size: 16px; font-family: "YettelLight"; text-transform: uppercase; margin-left: 10px; font-weight: 600; position: absolute; left: 0; top: 17px; }

#select-calculation-options .group.submit { background: transparent; }

#select-calculation-options .group button { background: #cfde00; border: none; outline: none; font-family: "YettelLight"; font-size: 15px; line-height: 24px; color: #626900; text-align: center; padding: 10px 30px; width: 100%; text-transform: uppercase; cursor: pointer; font-weight: 600; }

.link-1 { position: absolute; top: 110px; right: 0px; width: 36px; height: 35px; display: block; text-indent: -9999px; background: url(../img/information-icon.png) no-repeat center center; }

#calculator-video iframe { width: 100%; height: 150px; }

#calculator-video p { font-family: "YettelLight"; font-size: 15px; color: #169ce8; line-height: 19px; margin-bottom: 20px; }

#calculator-video { margin-top: 30px; text-align: center; padding: 30px 20px 20px; box-sizing: border-box; background: url(../img/video-bg.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#calculator-widget .calc-info { margin-bottom: 20px; padding-bottom: 20px; }

#calculator-widget .calc-info.phone { border-bottom: 1px solid #b9b9b9; background: url(../img/phone-icon.png) no-repeat left top; }

#calculator-widget .calc-info.internet { background: url(../img/tablet-icon.png) no-repeat left top; padding-bottom: 0; }

#calculator-widget .calc-info ul li { margin-bottom: 10px; }

#calculator-widget .calc-info ul li p { text-align: left; text-transform: uppercase; font-family: "YettelLight"; font-weight: 600; font-size: 17px; color: #9e9e9e; }

#calculator-widget .calc-info ul li p span { color: #0caeef; display: inline; font-size: 19px; }

#calculator-widget .calc-info ul li.tarifa p { color: #626262; font-size: 18px; padding-left: 70px; text-align: left; margin-bottom: 30px; padding-top: 20px; }

#calculator-widget .calc-info ul li.tarifa p span { display: block; font-size: 24px; color: #626262; font-family: "Yettel"; font-weight: 100; }

#calculator-widget .results { background: #00aef1; padding: 30px 15px 10px; margin-bottom: 20px; }

#calculator-widget .results ul li p { text-transform: uppercase; color: #fff; font-family: "YettelLight"; font-weight: 600; font-size: 15px; }

#calculator-widget .results ul li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #6bd5fe; }

#calculator-widget .results ul li.highlighted p { font-size: 25px; }

#calculator-widget .results ul li p span { font-size: 18px; }

#calculator-widget .btn-1 { background: #cfde00; font-family: "YettelLight"; font-size: 15px; line-height: 24px; color: #626900; text-align: center; padding: 13px 30px; width: 100%; text-transform: uppercase; display: block; box-sizing: border-box; text-decoration: none; font-weight: 600; }

/* ================================================== =Fancy select ===================================================== */
div.fancy-select { position: relative; font-weight: bold; text-transform: uppercase; font-size: 13px; color: #fff; font-family: "Yettel"; }

div.fancy-select.disabled { opacity: 0.5; }

div.fancy-select div.trigger { border-radius: 4px; cursor: pointer; padding: 35px 45px 9px 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; background: transparent; color: #fff; width: 100%; box-sizing: border-box; font-size: 28px; font-weight: 100; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out; }

div.fancy-select div.trigger:after { content: ""; display: block; position: absolute; width: 45px; height: 73px; top: 0; right: 0; background: #006fb3; }

div.fancy-select div.trigger:before { content: ""; display: block; width: 17px; height: 12px; position: absolute; background: url(../img/arr-down.png) no-repeat center center; right: 12px; top: 50%; margin-top: -4px; z-index: 1; }

div.fancy-select div.trigger.open:after { border-top-color: #7a8498; }

div.fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 20px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; overflow: auto; background: #002340; border-radius: 5px; width: 100%; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.open { visibility: visible; top: 80px; opacity: 1; /* have to use a non-visibility transition to prevent this iOS issue (bug?): */ /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/ transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out; }

div.fancy-select ul.options.overflowing { top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }

div.fancy-select ul.options.overflowing.open { top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }

div.fancy-select ul.options li { padding: 8px 12px; color: #fff; cursor: pointer; white-space: nowrap; font-family: "YettelLight"; font-weight: 600; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; }

div.fancy-select ul.options li.selected { background: #006fb3; }

div.fancy-select ul.options li:hover { background: #006fb3; }

/* ================================================== =Media Queries ===================================================== */
@media only screen and (min-width: 768px) { .container-inner { max-width: 960px; margin: 0 auto; }
  div.fancy-select div.trigger { text-align: right; padding: 12px 57px 10px 260px; border-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
  #select-calculation-options .group { border-radius: 0; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
  .link-1 { top: 23px; }
  .title-1 { font-size: 37px; margin-bottom: 10px; }
  #calculator-widget p { line-height: 22px; font-size: 15px; }
  #select-calculation-options .options-wrapper { box-sizing: border-box; max-width: 720px; margin: 0 auto 10px; }
  #select-calculation-options .options-wrapper.mobile { background-position: left top; padding: 16px 45px 16px 48px; }
  #select-calculation-options .options-wrapper.tablet { background-position: left top; padding: 16px 45px 16px 60px; margin-bottom: 25px; }
  div.fancy-select ul.options.open { top: 55px; }
  div.fancy-select ul.options li { font-size: 17px; }
  #select-calculation-options .group button { padding-top: 12px; padding-bottom: 12px; max-width: 615px; margin: 0 auto; display: block; position: relative; left: 9px; }
  #select-calculation-options .group label { font-size: 24px; top: 14px; }
  #calculator-video { padding: 40px 20px 55px; background: url(../img/video-bg.jpg) no-repeat center top; background-size: 960px; }
  #calculator-video p { font-size: 30px; line-height: 29px; }
  #calculator-video iframe { width: 460px; height: 265px; margin: 0 auto; }
  #calculator-widget .calc-info { width: 645px; margin: 0 auto 20px; }
  #calculator-widget .calc-info ul { overflow: hidden; }
  #calculator-widget .calc-info ul li { display: inline-block; width: 120px; position: relative; margin-bottom: 0; text-align: right; box-sizing: border-box; padding-right: 10px; min-height: 94px; float: left; padding-top: 44px; }
  #calculator-widget .calc-info ul li:after { content: ""; width: 1px; height: 170px; display: block; background: #b9b9b9; position: absolute; top: 0; right: 0; }
  #calculator-widget .calc-info ul li p { text-align: right; }
  #calculator-widget .calc-info ul li p { font-size: 17px; }
  #calculator-widget .calc-info ul li p span { font-size: 14px; }
  #calculator-widget .calc-info ul li.tarifa { width: 273px; text-align: left; padding-top: 0; }
  #calculator-widget .calc-info { margin-bottom: 0; padding-bottom: 0; }
  #calculator-widget .calc-info.phone { border: none; }
  #calculator-widget .calc-info.internet { margin-bottom: 20px; }
  .step-2 { margin-top: 20px; }
  #calculator-widget .results { max-width: 725px; margin: 0 auto 20px; padding: 5px 15px; }
  #calculator-widget .results ul { overflow: hidden; max-width: 645px; margin: 0 auto; }
  #calculator-widget .results ul li p { font-size: 17px; }
  #calculator-widget .results ul li p span { font-size: 14px; }
  #calculator-widget .results ul li p.mb { margin-bottom: 5px; }
  #calculator-widget .results ul li { display: inline-block; float: left; border-right: 1px solid #6bd5fe; text-align: right; border-bottom: none; padding-right: 10px; min-height: 60px; padding-bottom: 0; margin-bottom: 0; width: 120px; padding-top: 10px; position: relative; box-sizing: border-box; }
  #calculator-widget .results ul li.highlighted { padding-right: 40px; text-align: right; width: 273px; padding-left: 70px; padding-right: 15px; }
  #calculator-widget .btn-1 { max-width: 615px; margin: 0 auto; } }

@media only screen and (min-width: 960px) { .container-inner { padding: 0; }
  #select-calculation-options .group button, #calculator-widget .btn-1 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  #select-calculation-options .group button:hover, #calculator-widget .btn-1:hover { background: #e4f502; } }

/* ================================================== =High def devices ===================================================== */
@media only screen and (min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) { /*place code here*/
  #calculator-widget:before { background: url(../img/triangle-down-2x.png) no-repeat center center; background-size: 27px; }
  #select-calculation-options .options-wrapper.mobile { background: url(../img/phone-icon-2x.png) no-repeat center top; background-size: 48px; }
  #select-calculation-options .options-wrapper.tablet { background: url(../img/tablet-icon-2x.png) no-repeat center top; background-size: 60px; }
  #calculator-widget .calc-info.phone { background: url(../img/phone-icon-2x.png) no-repeat left top; background-size: 48px; }
  #calculator-widget .calc-info.internet { background: url(../img/tablet-icon-2x.png) no-repeat left top; background-size: 60px; }
  .link-1 { background: url(../img/information-icon-2x.png) no-repeat left top; background-size: 34px; } }

/* Created on : Jun 30, 2016, 2:14:39 PM Author     : bdjurkovic */
.externalCaptureCalculator { display: block; }

.externalCaptureCalculator * { box-sizing: border-box; }

.externalCaptureCalculator .group-inner { width: 100%; max-width: 400px; margin-top: 20px; clear: left; }

.externalCaptureCalculator .title { font-size: 26px; color: #002340; font-family: "YettelLight", Arial, sans-serif; }

.externalCaptureCalculator label { line-height: auto !important; }

.externalCaptureCalculator table { font-family: "YettelLight", Arial, sans-serif; font-size: 18px; font-weight: 400; }

.externalCaptureCalculator .amount { min-width: 100px; text-align: right; font-weight: bold; }

/* Created on : Jul 11, 2016, 12:15:16 PM Author     : bdjurkovic */
.externalOnlinePayment, .externalOnlinePayment * { box-sizing: border-box; color: #002340; }

.externalOnlinePayment .payment-title { font-family: 'YettelLight', sans-serif; font-size: 40px; margin-bottom: 10px; background: url("../img/online-payment/bill-payment.png") left center no-repeat; min-height: 82px; line-height: 82px; padding-left: 110px; }

.externalOnlinePayment header { margin-bottom: 16px; }

.externalOnlinePayment hr { margin: 10px 0; clear: both; }

.externalOnlinePayment p { font-family: "Yettel", sans-serif; font-size: 15px; line-height: 20px; color: #002340; position: relative; padding-bottom: 4px; }

.externalOnlinePayment .group-half { width: 100%; max-width: 400px; float: left; }

.externalOnlinePayment .total-price { float: right; font-family: "Yettel", sans-serif; font-size: 24px; line-height: 20px; position: relative; margin-right: 20px; padding: 8px; }

.externalOnlinePayment .payment-form { overflow: hidden; margin: 40px 0; }

.externalOnlinePayment .fcol-15 { width: 15%; display: inline-block; margin-right: 5%; }

.externalOnlinePayment .fcol-20 { width: 20%; display: inline-block; margin-right: 5%; }

.externalOnlinePayment .fcol-80 { width: 80%; display: inline-block; }

.externalOnlinePayment .payment-form .payment-words h3 { font-family: 'YettelLight', sans-serif; font-size: 12px; color: #002340; line-height: 16px; text-transform: uppercase; padding: 8px 16px 4px 16px; display: inline-block; }

.externalOnlinePayment .payment-form .payment-words p { font-family: 'YettelLight', sans-serif; font-size: 16px; color: #002340; padding: 10px 15px; border: 1px solid #002340; line-height: 1em; min-height: 65px; }

.externalOnlinePayment .payment-form .payment-numbers h3 { font-family: 'YettelLight', sans-serif; font-size: 12px; color: #002340; line-height: 16px; text-transform: uppercase; padding: 8px 0 4px 0; display: inline-block; }

.externalOnlinePayment .payment-form .payment-numbers p { font-family: 'YettelLight', sans-serif; font-size: 16px; color: #002340; padding: 6px 12px; border: 1px solid #002340; line-height: 1em; }

.externalOnlinePayment .status-message { font-family: "Yettel", sans-serif; font-size: 15px; line-height: 20px; color: #002340; position: relative; }

.externalOnlinePayment footer { overflow: hidden; margin: 40px 0; }

.externalOnlinePayment .payment-cards { float: left; }

.externalOnlinePayment .payment-cards img { margin-right: 4px; }

.externalOnlinePayment .payment-services { float: right; }

.externalOnlinePayment .payment-services img { margin-left: 4px; }

.externalOnlinePayment .payment-error { margin-bottom: 120px; }

.externalOnlinePayment .payment-error h3 { font-family: 'YettelLight', sans-serif; font-size: 30px; color: #002340; margin-bottom: 10px; }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { .externalOnlinePayment .payment-words { width: 50%; float: left; padding-right: 40px; }
  .externalOnlinePayment .payment-numbers { width: 50%; float: left; padding-left: 40px; border-left: 1px solid #002340; margin-top: 28px; min-height: 255px; } }

@media screen and (min-width: 970px) { .externalOnlinePayment .payment-words { padding-right: 60px; }
  .externalOnlinePayment .payment-numbers { padding-left: 60px; } }

/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
.ebquizExternal { /* Icons */ /* Placeholders ----------------------------------------------------------------------- */ /* Screen 1 */ /* Screen 2 */ /* Screen 3 */ /* Media Queries */ /* IE9 */ }

.ebquizExternal * { box-sizing: border-box; }

.ebquizExternal .list-icon-1 { background-image: url(../img/quiz/select-icon-1.png); background-size: 37px; }

.ebquizExternal .list-icon-2 { background-image: url(../img/quiz/select-icon-2.png); background-size: 39px; }

.ebquizExternal .list-icon-3 { background-image: url(../img/quiz/select-icon-3.png); background-size: 43px; }

.ebquizExternal .list-icon-4 { background-image: url(../img/quiz/select-icon-4.png); background-size: 32px; }

.ebquizExternal .list-icon-5 { background-image: url(../img/quiz/select-icon-5.png); background-size: 34px; }

.ebquizExternal .q-facebook { background-image: url(../img/quiz/facebook-1.png); background-size: 38px; }

.ebquizExternal .q-twitter { background-image: url(../img/quiz/twitter-1.png); background-size: 38px; }

.ebquizExternal .icon-arr-left { background-image: url(../img/quiz/arrow-left-1.png); background-size: 24px; }

.ebquizExternal .icon-arr-right { background-image: url(../img/quiz/arrow-right-1.png); background-size: 24px; }

.ebquizExternal .icon-info { background-image: url(../img/quiz/info-icon.png); background-size: 20px; }

.ebquizExternal .screen-1 input:focus::-webkit-input-placeholder { color: transparent; }

.ebquizExternal .screen-1 input:focus::-moz-placeholder { color: transparent; }

.ebquizExternal .screen-1 input::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; font-style: italic; }

.ebquizExternal .screen-1 input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; font-style: italic; }

.ebquizExternal .screen-1 input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; font-style: italic; }

.ebquizExternal .quiz-wrap { zoom: 1; padding-top: 80px; padding-bottom: 120px; position: relative; }

.ebquizExternal .quiz-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.ebquizExternal .quiz-bg { position: absolute; top: 0; width: 10000px; height: 610px; left: -3000px; background: url(../img/quiz/quiz-bg.png) 0 0 repeat-x; }

.ebquizExternal .pencils-img { width: 518px; height: 379px; background: url(../img/quiz/pencils.png) 0 0 no-repeat; position: absolute; top: 430px; left: -60px; }

.ebquizExternal .quiz-bg-img { width: 746px; height: 301px; background: url(../img/quiz/bg-img.png) 0 0 no-repeat; position: absolute; top: 10px; right: -80px; }

.ebquizExternal .quiz-wrap .col-left { float: left; width: 28%; padding-right: 20px; position: relative; }

.ebquizExternal .quiz-wrap .col-right { float: right; width: 72%; position: relative; padding-bottom: 100px; }

.ebquizExternal .quiz-wrap .col-right:before { content: ""; width: 840px; height: 183px; position: absolute; bottom: -20px; left: 50%; margin-left: -420px; background: url(../img/quiz/shadow-1.png) center center no-repeat; }

.ebquizExternal .intro-content h3 { font-size: 38px; line-height: 42px; font-weight: 300; color: #00233f; letter-spacing: -0.5px; margin-bottom: 10px; }

.ebquizExternal .intro-content p { font-size: 18px; line-height: 24px; color: #6f6f6f; }

.ebquizExternal .count-wrap { display: none; }

.ebquizExternal .count-wrap .count-txt { font-size: 14px; text-transform: uppercase; background: #00233f; font-weight: 600; color: #fff; padding: 10px; margin-bottom: 10px; }

.ebquizExternal .count-wrap .counter { font-size: 45px; font-weight: 300; color: #c7c7c7; }

.ebquizExternal .count-wrap .counter span { color: #00233f; }

.ebquizExternal .quiz-main-modal { min-height: 650px; background: #00233f; border-radius: 5px; position: relative; }

.ebquizExternal .q-social { display: none; overflow: hidden; position: relative; position: absolute; bottom: 20px; right: 0; }

.ebquizExternal .q-social p { float: left; font-size: 12px; line-height: 44px; color: #7a7a7a; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px; }

.ebquizExternal .q-social ul { float: left; list-style: none; padding-left: 0; margin: 0; }

.ebquizExternal .q-social li { float: left; }

.ebquizExternal .q-social li:not(:first-child) { padding-left: 10px; margin-left: 10px; border-left: 1px solid #bebebe; }

.ebquizExternal .q-social a i { display: inline-block; width: 44px; height: 44px; background-position: center center; background-repeat: no-repeat; background-size: 44px; }

.ebquizExternal .screen-1 { padding: 40px 30px; }

.ebquizExternal .screen-1 .group { overflow: hidden; margin-bottom: 30px; }

.ebquizExternal .screen-1 .group-inner { float: left; width: 48%; margin-right: 4%; }

.ebquizExternal .screen-1 .group .group-inner:last-child { margin-right: 0; }

.ebquizExternal .screen-1 .group-inner label { display: block; width: 100%; font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 5px; }

.ebquizExternal .screen-1 .group-inner input { width: 100%; height: 50px; border: 2px solid #0071b4; background: #0071b4; font-size: 20px; font-family: "Yettel", sans-serif; color: #fff; line-height: 50px; padding: 0 15px; }

.ebquizExternal .screen-1 .group-inner.error input { border-color: #fd0079; }

.ebquizExternal .screen-1 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #0071b4 inset; -webkit-text-fill-color: #fff !important; }

.ebquizExternal .screen-1 .list-title { font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 5px; }

.ebquizExternal .screen-1 .q-list { padding-left: 65px; list-style: none; margin-bottom: 20px; }

.ebquizExternal .screen-1 .q-list li { position: relative; padding-left: 75px; padding-top: 18px; min-height: 62px; cursor: pointer; margin-bottom: 12px; }

.ebquizExternal .screen-1 .q-list i { display: inline-block; width: 60px; height: 60px; position: absolute; top: 0; left: 0; border-radius: 40px; background-color: #0071b4; background-repeat: no-repeat; background-position: center center; transition: background 0.3s ease; -ms-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; }

.ebquizExternal .screen-1 .q-list i:after { content: ""; width: 56px; height: 56px; border: 5px solid #fff; border-radius: 33px; position: absolute; top: -3px; left: -3px; opacity: 0; transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; }

.ebquizExternal .screen-1 .q-list p { font-family: "Yettel", sans-serif; font-size: 20px; line-height: 26px; color: #fff; }

.ebquizExternal .screen-1 .q-list li.active i, .ebquizExternal .screen-1 .q-list li:hover i { background-color: #ff0078; }

.ebquizExternal .screen-1 .q-list li.active i:after { opacity: 1; }

.ebquizExternal .screen-1 .group-bottom { zoom: 1; }

.ebquizExternal .screen-1 .group-bottom:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.ebquizExternal .screen-1 .group-checkbox { float: left; width: 50%; margin-top: 13px; }

.ebquizExternal .screen-1 .group-checkbox label { display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 5px; }

.ebquizExternal .screen-1 .group-checkbox label a { color: #b3ecff; text-transform: uppercase; }

.ebquizExternal .screen-1 .group-submit { float: right; width: 40%; position: relative; }

.ebquizExternal .q-screen .form-msg { width: 100%; position: absolute; top: 60px; left: 0; font-size: 14px; line-height: 20px; color: #fff; padding-left: 30px; }

.ebquizExternal .q-screen .form-msg i { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; }

.ebquizExternal .screen-1 .form-msg { display: none; }

.ebquizExternal .q-checkbox.styledCheckbox { display: inline-block; width: 14px; height: 14px; background-image: url(../img/quiz/checkbox-1.png); background-repeat: no-repeat; background-position: 0 0 !important; background-size: 14px; cursor: pointer; position: relative; top: 2px; margin-right: 5px; }

.ebquizExternal .q-checkbox.styledCheckbox.checked { background-position: 0 -13px !important; }

.ebquizExternal .q-btn-1 { display: inline-block; width: 100%; height: 50px; line-height: 50px; border: none; border-radius: 2px; font-weight: 600; font-size: 14px; letter-spacing: 1px; text-decoration: none; color: #fff !important; text-align: center; text-transform: uppercase; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#780071+0,fe0079+100 */ background: #780071; /* Old browsers */ background: -moz-linear-gradient(left, #780071 0%, #fe0079 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #780071 0%, #fe0079 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #780071 0%, #fe0079 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#780071', endColorstr='#fe0079', GradientType=1); /* IE6-9 */ cursor: pointer; }

.ebquizExternal .q-btn-1:disabled { opacity: 0.3; }

.ebquizExternal .q-btn-2 { display: inline-block; width: 100%; height: 50px; line-height: 50px; border: none; border-radius: 2px; font-weight: 600; font-size: 14px; letter-spacing: 1px; text-decoration: none; color: #fff !important; text-align: center; text-transform: uppercase; background: #0073b6; cursor: pointer; }

.ebquizExternal .q-btn-1 i, .ebquizExternal .q-btn-2 i { display: inline-block; width: 24px; height: 24px; border-radius: 12px; position: relative; top: 7px; left: 0; margin: 0 5px; transition: left 0.3s ease; -ms-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -o-transition: left 0.3s ease; -webit-transition: left 0.3s ease; }

.ebquizExternal .q-btn-1:hover, .ebquizExternal .q-btn-2:hover { color: #fff; }

.ebquizExternal .q-btn-1:hover i { left: 5px; }

.ebquizExternal .q-btn-2:hover i { left: -5px; }

.ebquizExternal .screen-2 { display: none; padding: 30px; }

.ebquizExternal .screen-questions h4 { font-size: 40px; font-weight: 300; color: #fff; margin-bottom: 30px; }

.ebquizExternal .screen-questions ul { list-style: none; padding-left: 0; zoom: 1; }

.ebquizExternal .screen-questions ul:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.ebquizExternal .screen-questions li { float: left; width: 30.33%; margin-right: 4%; cursor: pointer; background: #fff; margin-bottom: 30px; text-align: center; -webkit-box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.3); box-shadow: 7px 7px 20px 0 rgba(0, 0, 0, 0.3); transition: background 0.3s ease; -ms-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webit-transition: background 0.3s ease; }

.ebquizExternal .screen-questions li:hover, .ebquizExternal .screen-questions li.active { background: #0073b6; }

.ebquizExternal .screen-questions li:hover p span, .ebquizExternal .screen-questions li.active p span { color: #fff; }

.ebquizExternal .screen-questions li p { display: table; width: 100%; height: 186px; text-align: center; vertical-align: middle; padding: 20px; }

.ebquizExternal .screen-questions li p span { display: table-cell; vertical-align: middle; transition: color 0.3s ease; -ms-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webit-transition: color 0.3s ease; }

.ebquizExternal .screen-questions li:nth-child(3n + 3) { margin-right: 0; }

.ebquizExternal .screen-questions .buttons-wrap { position: relative; zoom: 1; }

.ebquizExternal .screen-questions .buttons-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }

.ebquizExternal .screen-questions .buttons-wrap .form-msg { display: none; left: auto; right: 0; width: 46%; }

.ebquizExternal .screen-questions .buttons-wrap.disabled .form-msg { display: block; }

.ebquizExternal .screen-questions .buttons-wrap button { width: 46%; outline: none !important; }

.ebquizExternal .screen-questions .buttons-wrap .q-btn-2 { float: left; }

.ebquizExternal .screen-questions .buttons-wrap .q-btn-1 { float: right; }

.ebquizExternal .screen-questions .modal-wrap { min-height: 513px; }

.ebquizExternal .screen-questions .modal { display: none; min-height: 513px; }

.ebquizExternal .screen-3 { display: none; padding: 40px 30px; }

.ebquizExternal .screen-3 h4 { font-size: 40px; font-weight: 300; color: #fff; margin-bottom: 30px; text-transform: uppercase; }

.ebquizExternal .screen-3 .result { height: 388px; padding-right: 50%; position: relative; margin-bottom: 20px; }

.ebquizExternal .screen-3 .result-title { display: table; width: 305px; height: 100px; font-family: "together", sans-serif; font-size: 58px; line-height: 54px; color: #fff; position: relative; vertical-align: middle; margin-top: 60px; margin-bottom: 70px; text-align: center; }

.ebquizExternal .screen-3 .result-title:before { content: ""; width: 438px; height: 145px; background: url(../img/quiz/tag.png) 0 0 no-repeat; position: absolute; top: -12px; left: -30px; }

.ebquizExternal .screen-3 .result-title span { display: table-cell; position: relative; vertical-align: middle; }

.ebquizExternal .screen-3 .result-img { position: absolute; right: 0; top: 0; width: 46%; height: 100%; }

.ebquizExternal .screen-3 .result-img.result-1 { background: url(../img/quiz/result-1.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-img.result-2 { background: url(../img/quiz/result-2.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-img.result-3 { background: url(../img/quiz/result-3.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-img.result-4 { background: url(../img/quiz/result-4.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-img.result-5 { background: url(../img/quiz/result-5.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-img.result-6 { background: url(../img/quiz/result-6.png) center bottom no-repeat; }

.ebquizExternal .screen-3 .result-txt { font-size: 20px; line-height: 34px; color: #fff; }

.ebquizExternal .screen-3 .buttons-wrap { overflow: hidden; }

.ebquizExternal .screen-3 .buttons-wrap a { width: 46%; }

.ebquizExternal .screen-3 .buttons-wrap a:first-child { float: left; }

.ebquizExternal .screen-3 .buttons-wrap a:last-child { float: right; }

.ebquizExternal .screen-3 .modal { min-height: 513px; }

@media only screen and (max-width: 1180px) { .ebquizExternal .screen-questions li p span { font-size: 18px; } }

@media only screen and (max-width: 1000px) { .ebquizExternal .quiz-wrap { padding-top: 30px; padding-bottom: 50px; }
  .ebquizExternal .quiz-wrap .col-left, .ebquizExternal .quiz-wrap .col-right { width: 100%; }
  .ebquizExternal .quiz-wrap .col-left { margin-bottom: 20px; }
  .ebquizExternal .quiz-bg-img, .ebquizExternal .pencils-img { display: none; }
  .ebquizExternal .quiz-bg { width: 100%; height: 100%; background-size: 1px 100%; }
  .ebquizExternal .quiz-wrap .screen-3 .result-img { background-size: contain; }
  .ebquizExternal .quiz-wrap .col-left { padding-right: 0; }
  .ebquizExternal .screen-3 .result-title { width: 235px; height: 80px; font-size: 38px; line-height: 40px; }
  .ebquizExternal .screen-3 .result-title:before { width: 350px; background-size: 100%; } }

@media only screen and (max-width: 720px) { .ebquizExternal .quiz-wrap { padding-left: 10px; padding-right: 10px; }
  .ebquizExternal .screen-questions li { margin-bottom: 12px; }
  .ebquizExternal .screen-questions li p { height: 25vw; }
  .ebquizExternal .screen-questions li p span { font-size: 14px; }
  .ebquizExternal .screen-3 h4 { font-size: 30px; }
  .ebquizExternal .screen-3 .result { height: auto; padding-right: 0; }
  .ebquizExternal .screen-3 .result-img { width: 100%; position: static; height: 40vw; margin-bottom: 30px; }
  .ebquizExternal .screen-3 .result-txt { text-align: center; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; }
  .ebquizExternal .quiz-wrap .screen-3 .result-img { background-position: center center; }
  .ebquizExternal .screen-questions .modal-wrap { min-height: 0; }
  .ebquizExternal .screen-3 .buttons-wrap { text-align: center; }
  .ebquizExternal .screen-3 .buttons-wrap a:last-child { width: 100%; max-width: 300px; float: none; } }

@media only screen and (max-width: 600px) { .ebquizExternal .intro-content h3 { font-size: 26px; line-height: 30px; }
  .ebquizExternal .quiz-main-modal { min-height: 0; }
  .ebquizExternal .screen-questions .modal { min-height: 0; }
  .ebquizExternal .screen-1, .ebquizExternal .screen-2, .ebquizExternal .screen-3 { padding-left: 15px; padding-right: 15px; }
  .ebquizExternal .screen-1 .group { margin-bottom: 20px; }
  .ebquizExternal .screen-1 .group-inner { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .ebquizExternal .screen-1 .group-inner input { font-size: 16px; }
  .ebquizExternal .screen-1 .q-list { padding-left: 0; margin-bottom: 40px; }
  .ebquizExternal .screen-1 .q-list li { min-height: 42px; padding-left: 55px; padding-top: 8px; }
  .ebquizExternal .screen-1 .q-list p { font-size: 16px; line-height: 20px; }
  .ebquizExternal .screen-1 .q-list i { width: 40px; height: 40px; background-size: 60%; }
  .ebquizExternal .screen-1 .q-list i:after { width: 36px; height: 36px; border-width: 2px; top: 0px; left: 0px; }
  .ebquizExternal .screen-1 .group-checkbox { width: 100%; margin-bottom: 20px; }
  .ebquizExternal .screen-1 .group-submit { width: 100%; }
  .ebquizExternal .screen-1 .group-submit .form-msg { position: relative; top: 0; margin-top: 20px; }
  .ebquizExternal .quiz-wrap .col-right:before { width: 500px; margin-left: -250px; background-size: 100%; opacity: 0.6; }
  .ebquizExternal .screen-questions h4 { font-size: 22px; }
  .ebquizExternal .screen-questions li { width: 48%; margin-right: 4%; }
  .ebquizExternal .screen-questions li:nth-child(3n + 3) { margin-right: 4%; }
  .ebquizExternal .screen-questions li:nth-child(even) { margin-right: 0; }
  .ebquizExternal .screen-questions .buttons-wrap a { width: 48%; }
  .ebquizExternal .screen-questions .buttons-wrap .form-msg { width: 100%; position: relative; right: auto; top: auto; float: left; margin-top: 10px; }
  .ebquizExternal .screen-questions li p { padding: 10px; }
  .ebquizExternal .screen-questions .buttons-wrap a:first-child { margin-right: 4%; }
  .ebquizExternal .screen-questions .q-btn-1 i, .ebquizExternal .screen-questions .q-btn-2 i { display: none; }
  .ebquizExternal .count-wrap .counter { font-size: 25px; padding-left: 10px; }
  .ebquizExternal .screen-3 h4 { font-size: 26px; }
  .ebquizExternal .screen-3 .result-title { width: 255px; }
  .ebquizExternal .screen-3 .result-title:before { left: -15px; } }

@media only screen and (max-width: 450px) { .ebquizExternal .quiz-wrap .col-left { margin-bottom: 10px; }
  .ebquizExternal .screen-1 { padding: 20px; }
  .ebquizExternal .screen-1 .group-inner input { line-height: 35px; height: 35px; }
  .ebquizExternal .screen-2 { padding: 10px; }
  .ebquizExternal .screen-questions li p { height: 22vw; }
  .ebquizExternal .screen-questions li p span { font-style: 13px; }
  .ebquizExternal .screen-questions h4 { font-style: 20px; margin-bottom: 20px; }
  .ebquizExternal .screen-questions .buttons-wrap a i { display: none; }
  .ebquizExternal .screen-questions .buttons-wrap .q-btn-1 { line-height: 20px; padding: 2px 10px 0 10px; }
  .ebquizExternal .screen-3 { padding: 10px; }
  .ebquizExternal .screen-3 h4 { font-style: 22px; }
  .ebquizExternal .screen-3 .result-title:before { width: 270px; height: 95px; top: 0; left: -10px; }
  .ebquizExternal .screen-3 .result-title { width: 185px; font-size: 28px; line-height: 30px; margin-top: 20px; margin-bottom: 50px; } }

#wrapper-recruitment-popup { width: 100%; height: 100%; }

.external-Recruitment_Popup { font-size: 15px; background: beige; }

.external-Recruitment_Popup #form-questions-selection { padding: 10px; }

.external-Recruitment_Popup .modal-header { padding: 0 10px; }

.external-Recruitment_Popup input[type="text"] { font-size: 15px; padding: 7px 7px 7px 7px; }

.external-Recruitment_Popup hr { width: 100%; margin: 0; }

.external-Recruitment_Popup .custom-form .group-inner { margin-bottom: 10px; }

.external-Recruitment_Popup .send-question { background: gainsboro; color: #004e70; }

.external-Recruitment_Popup #cancel-sending-question { background: #a8a8a8; color: #fff; }

.external-Recruitment_Popup .send-question:hover { color: #fff; background: #004e70; }

.external-Recruitment_Popup .outline-error { outline: 1px solid #F00; }

.adjust-browse-input { position: relative; }

#attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: pointer; }

#attachment-fake { position: relative; z-index: 1; text-align: center; background: #ececec; width: 100%; padding: 13px 15px 6px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; cursor: pointer; }

#attachment-fake span { vertical-align: top; }

.not-uppercase { text-transform: none; }

#conditions-part { padding-bottom: 10px; }

/* The Close Button */
.close { float: right; font-size: 25px; padding: 0; margin-bottom: 5px; font-weight: bold; }

.close:hover, .close:focus { color: #0c6ba2; text-decoration: none; cursor: pointer; }

.error-message { color: #db381d; }

@media (min-width: 540px) { .popup-btn { position: fixed; /* Stay in place */ bottom: 30px; z-index: 900; }
  #myModal { display: none; position: fixed; /* Stay in place */ bottom: 30px; background: #fff; width: 100%; max-width: 400px; box-shadow: 0 0 10px #c6c6c6; z-index: 901; }
  .popup-left .popup-btn { left: 100px; }
  .popup-left #myModal { left: 100px; }
  .popup-right .popup-btn { right: 100px; }
  .popup-right #myModal { right: 100px; }
  .fulljustify { text-align: justify; clear: both; }
  .fulljustify:after { content: ""; display: inline-block; width: 100%; } }

@media (max-width: 539px) { #wrapper-recruitment-popup .btn-button.btn-normal { padding: 10px 0 10px 15px; }
  #wrapper-recruitment-popup .popup-btn { position: fixed; /* Stay in place */ bottom: 30px; z-index: 900; border-radius: 100%; }
  #wrapper-recruitment-popup .popup-btn span { display: none; }
  .popup-left .popup-btn { left: 30px; }
  .popup-right .popup-btn { right: 30px; }
  #myModal { display: none; background: #fff; width: 100%; position: fixed; top: 55px; height: 100%; overflow: auto; z-index: 400; }
  .modal-content { position: relative; background: #fff; box-shadow: 0 0 10px #c6c6c6 inset; padding-bottom: 50px; } }

#successful-message { padding: 20px 10px; }

.externalBookAppointment { font-size: 20px; }

.externalBookAppointment .storeInfo { border-left: 4px solid purple; padding-left: 20px; }

.externalBookAppointment .storeInfo h2 { text-transform: uppercase; color: #7a7a7a; }

.externalBookAppointment .storeInfo address { text-transform: uppercase; font-style: normal; font-size: 15px; font-family: proxima-nova, Arial, sans-serif; color: #7a7a7a; }

.externalBookAppointment .storeInfo h3 { text-transform: uppercase; font-size: 18px; font-family: proxima-nova, Arial, sans-serif; margin: 30px 0 8px 0; color: #7a7a7a; }

.externalBookAppointment .storeInfo .workingHours { list-style: none; margin: 0; padding: 0; }

.externalBookAppointment .storeInfo .workingHours li { margin: 0; padding: 0; font-size: 18px; font-family: proxima-nova, Arial, sans-serif; padding: 2px 0; color: #7a7a7a; max-width: 400px; }

.externalBookAppointment .storeInfo .workingHours li .hours { float: right; }

.externalBookAppointment .storeInfo .workingHours li .hours-closed { float: right; color: #ccc; }

.externalBookAppointment .storeInfo .directions { margin-top: 30px; padding: 6px 0; }

.externalBookAppointment .storePhoto img { width: 100%; max-width: 100%; height: auto; }

.externalBookAppointment section > h2 { margin: 40px 0 20px 0; font-weight: 600; color: #00afee; font-size: 26px; padding: 5px; border-bottom: 1px solid #e1e1e1; }

.externalBookAppointment .group-inner span.error { display: none; color: #db381d; font-size: 18px; padding: 4px 0; }

.externalBookAppointment #ba-slider { position: relative; overflow: hidden; padding: 0 40px; }

.externalBookAppointment #ba-slider .ba-slide-left { width: 40px; height: 100%; background: #fff url("../img/icons/device-prev.png") center center no-repeat; background-size: 38px; position: absolute; top: 0; left: 0; z-index: 1; }

.externalBookAppointment #ba-slider .ba-slide-right { width: 40px; height: 100%; background: #fff url("../img/icons/device-next.png") center center no-repeat; background-size: 38px; position: absolute; top: 0; right: 0; z-index: 1; }

.externalBookAppointment #ba-slider .ba-slider-content { overflow: hidden; height: 350px; position: relative; }

.externalBookAppointment #ba-slider .ba-day { display: inline-block; float: left; }

.externalBookAppointment #ba-slider .ba-day.selection .close-timetable { display: block; width: 100%; background: #004969; color: #fff; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 8px 12px; margin-bottom: 10px; }

.externalBookAppointment #ba-slider .ba-day.selection .tod { background: #fff; }

.externalBookAppointment #ba-slider .ba-day.selection .tod .ba-availability { display: none; }

.externalBookAppointment #ba-slider .ba-day.selection .tod:not(.expanded) { display: none; }

.externalBookAppointment #ba-slider .ba-day h3 { margin-bottom: 10px; text-align: center; }

.externalBookAppointment #ba-slider .ba-day .close-timetable { display: none; }

.externalBookAppointment #ba-slider .ba-day .tod { background: #ebebeb; border: 1px solid #999; border-radius: 4px; min-height: 86px; margin-bottom: 10px; }

.externalBookAppointment #ba-slider .ba-day .tod.unavailable { background: url("../img/mreza.png") center center; }

.externalBookAppointment #ba-slider .ba-day .tod.unavailable > * { display: none !important; opacity: 0; }

.externalBookAppointment #ba-slider .ba-day .tod strong { font-size: 18px; padding: 8px 8px 4px 30px; display: inline-block; background: url("../img/icons/triangle.png") 14px center no-repeat; }

.externalBookAppointment #ba-slider .ba-day .tod .ba-availability { display: block; font-size: 14px; padding: 4px 8px 4px 30px; }

.externalBookAppointment #ba-slider .ba-day .tod .timeslot-picker { display: none; }

.externalBookAppointment #ba-slider .ba-day .tod .timeslot-picker .scroll-up { display: block; width: 100%; background: #004969 url("../img/icons/arrow-top-1.png") center center no-repeat; background-size: 12px; border: 0; height: 25px; }

.externalBookAppointment #ba-slider .ba-day .tod .timeslot-picker .scroll-down { display: block; width: 100%; background: #004969 url("../img/icons/arr-bottom-2.png") center center no-repeat; background-size: 12px; border: 0; height: 25px; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded strong { padding-top: 4px; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker { display: block; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul { margin: 0; padding: 0; list-style: none; height: 150px; overflow: hidden; position: relative; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li { text-align: center; font-size: 17px; font-weight: 600; padding: 2px 6px; position: relative; cursor: pointer; cursor: hand; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li.disabled { color: #ccc; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li.disabled:hover { color: #ccc; background: #fff; cursor: default; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li:hover { background: #ccc; color: #fff; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li.selected { cursor: default; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li.selected:hover { background: #fff; color: #22282E; }

.externalBookAppointment #ba-slider .ba-day .tod.expanded .timeslot-picker ul li.selected:after { content: " "; display: inline-block; width: 20px; height: 20px; background: url(../img/check-1.png) center center no-repeat; background-size: 20px; margin-left: 10px; position: absolute; }

.externalBookAppointment #ba-slider .ba-day .tod.time-confirmed { border: none; }

.externalBookAppointment #ba-slider .ba-day .tod.time-confirmed strong, .externalBookAppointment #ba-slider .ba-day .tod.time-confirmed span, .externalBookAppointment #ba-slider .ba-day .tod.time-confirmed input, .externalBookAppointment #ba-slider .ba-day .tod.time-confirmed li:not(.selected) { display: none !important; }

.externalBookAppointment .ba-selected-store { color: green; margin: 20px 0; }

.externalBookAppointment .ba-error-message { color: #db381d; }

.externalBookAppointment #ba-book-btn { clear: both; margin: 40px 20px; }

.externalBookAppointment .g-recaptcha { float: right; }

.externalBookAppointment #captcha-error { float: right; }

@media (max-width: 639px) { #ba-book-btn { width: 100%; } }

@media (min-width: 640px) { #ba-book-btn { float: right; } }

#hackaton-wrraper { font-size: 14px; }

#hackaton-wrraper #successful-message { color: #004e70; }

#hackaton-wrraper #ie-disclaimer { color: #fff; padding: 0 10px; }

#hackaton-wrraper .hackaton-loader { display: none; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 1001; background: white url("../img/logos/yettel-loader-green.gif") center center no-repeat; }

#hackaton-wrraper #hackaton-form { padding: 0 10px; }

#hackaton-wrraper .attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: pointer; }

#hackaton-wrraper .attachment-fake { position: relative; z-index: 1; text-align: center; background: #ececec; width: 100%; padding: 13px 15px 6px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; cursor: pointer; }

#hackaton-wrraper .attachment-fake span { vertical-align: top; }

#hackaton-wrraper hr { width: 100%; padding: 0; margin: 0; }

/* Created on : March 16, 2017, 10:16:12 AM Author     : bdjurkovic */
.externalHrJobFeed { overflow: hidden; }

.externalHrJobFeed .show-all-positions { margin: 10px 0; display: none; }

.externalHrJobFeed .job-position { padding: 16px 16px 16px 50px; }

.externalHrJobFeed .job-position.grayBackground { background-color: #eee; -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; }

.externalHrJobFeed .job-position.telenor-logo { background-image: url("../img/logo-google-maps.png"); background-repeat: no-repeat; background-position: 10px 22px; background-size: 31px; }

.externalHrJobFeed .job-position header { border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 10px; }

.externalHrJobFeed .job-position header h3 { font-size: 26px; padding: 0 5px; color: #00233f; font-family: "YettelLight", Arial, sans-serif; }

.externalHrJobFeed .job-position header h3 a { color: #00233f; text-decoration: none; }

.externalHrJobFeed .job-position header .sector { padding: 5px; font-size: 18px; font-family: "YettelLight", Arial, sans-serif; }

.externalHrJobFeed .job-position header p { font-size: 13px; font-family: "proxima-nova"; color: #7a7a7a; }

.externalHrJobFeed .job-position header p span strong { font-family: "YettelLight", Arial, sans-serif !important; }

.externalHrJobFeed .job-position header p a { color: #00233f; text-decoration: none; font-weight: 600; }

.externalHrJobFeed .job-position header span { padding: 0 5px; display: inline-block; line-height: 1.3em; }

.externalHrJobFeed .job-position div.content p { font-size: 16px; font-family: "YettelLight", Arial, sans-serif; color: #7a7a7a; }

.externalHrJobFeed .job-position div.content p img { max-width: 100% !important; height: auto !important; }

@media (max-width: 639px) { .externalHrJobFeed .show-all-positions { margin: 10px; display: block; } }

#partner-retail-wrraper { font-size: 14px; }

#partner-retail-wrraper #adjust-browse-input { position: relative; }

#partner-retail-wrraper .attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: hand; }

#partner-retail-wrraper .attachment-fake { position: relative; z-index: 1; text-align: center; width: 100%; cursor: hand; font-family: 'YettelLight', sans-serif; font-size: 16px; color: #002340; padding: 9px 16px; border: 2px solid #E5E9EC; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-appearance: none; background: white; }

#partner-retail-wrraper .attachment-fake span { vertical-align: top; }

#partner-retail-wrraper #successful-send { color: #22282e; font-family: YettelLight, Arial, sans-serif; font-size: 18px; letter-spacing: -0.26px; line-height: normal; }

#appeal-request-wrraper { font-size: 14px; }

#appeal-request-wrraper #adjust-browse-input { position: relative; }

#appeal-request-wrraper .attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: hand; }

#appeal-request-wrraper .attachment-fake { position: relative; z-index: 1; text-align: center; background: #ececec; width: 100%; padding: 14px 15px 13px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; cursor: hand; }

#appeal-request-wrraper .attachment-fake span { vertical-align: top; }

#appeal-request-wrraper #successful-send { color: #22282e; font-family: telenorlight, Arial, sans-serif; font-size: 18px; letter-spacing: -0.26px; line-height: normal; }

#unlock-code-wrraper { font-size: 14px; }

#unlock-code-wrraper #adjust-browse-input { position: relative; }

#unlock-code-wrraper .attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: hand; }

#unlock-code-wrraper .attachment-fake { position: relative; z-index: 1; text-align: center; background: #ececec; width: 100%; padding: 14px 15px 13px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; cursor: hand; }

#unlock-code-wrraper .attachment-fake span { vertical-align: top; }

#unlock-code-wrraper #successful-send { color: #22282e; font-family: telenorlight, Arial, sans-serif; font-size: 18px; letter-spacing: -0.26px; line-height: normal; }

/** GLOBAL VARS */
.btn-share { padding: 2px 10px; font-size: 14px; font-weight: 500; color: #666; background-color: #fff; margin-left: 8px; border: 1px solid silver; display: inline-block; text-decoration: none; border-radius: 3px; font-family: "Yettel", sans-serif; }

.btn-share .fa { font-size: 22px; vertical-align: sub; margin-right: 8px; }

.btn-share:hover { background-color: #ccc; }

/** SHARE POPUP */
.kk-share { font-size: 18px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

.kk-share.kk-share-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(90, 90, 90, 0.9); z-index: 1000; display: none; }

.kk-share .kk-share-content { display: block; width: 100%; max-width: 230px; background: white; margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.75); }

.kk-share .kk-share-content h3 { margin: 0; padding: 10px 18px; font-weight: bold; }

.kk-share .kk-share-content .kk-close { position: absolute; top: 7px; right: 10px; font-size: 24px; color: #666; cursor: pointer; cursor: hand; }

.kk-share .kk-share-content ul { margin: 14px 10px; padding: 0; }

.kk-share .kk-share-content ul li { margin: 0; padding: 0; list-style: none; }

.kk-share .kk-share-content ul li a { padding: 4px 7px; text-decoration: none; display: block; color: #00557c; font-size: 15px; }

.kk-share .kk-share-content ul li a:hover { color: #333; }

.kk-share .kk-share-content ul li a .fa { margin-right: 10px; font-size: 24px; width: 24px; text-align: center; vertical-align: middle; color: #666; }

.kk-share .kk-share-content .kk-share-url { padding: 0 16px 10px 16px; }

.kk-share .kk-share-content .kk-share-url span { color: #999; font-size: 14px; }

.kk-share .kk-share-content .kk-share-url input { display: block; margin: 2px 0 8px 0; font-size: 14px; padding: 4px 8px; width: 100%; border: 0; border-bottom: 1px solid #ccc; }

/* MOBILE DESKTOP SHOW HIDE */
@media (max-width: 959px) { .smalldevices-hide { display: none; } }

@media (min-width: 960px) { .largedevices-hide { display: none; } }

.wifi-generator-wrap { overflow: hidden; padding-top: 20px; }

.wifi-generator-wrap * { box-sizing: border-box; }

.wifi-generator-wrap .col-1 { float: left; width: 55%; position: relative; padding-bottom: 40px; }

.wifi-generator-wrap .col-1:after { content: ""; width: 200px; height: 100%; position: absolute; top: 0; left: 0; background-position: top center; background-repeat: no-repeat; background-size: 90% auto; }

.wifi-generator-wrap .tab-1 .col-1:after { background-image: url(../img/agency/wifiGenerator/generator-1.png); }

.wifi-generator-wrap .tab-2 .col-1:after { background-image: url(../img/agency/wifiGenerator/generator-2.png); }

.wifi-generator-wrap h3 { font-family: "YettelLight", sans-serif; font-size: 48px; line-height: 58px; color: #00233f; padding: 75px 10px 0 220px; }

.wifi-generator-wrap .col-2 { float: left; width: 45%; }

.wifi-generator-wrap .tab-1 .col-2 { text-align: center; padding: 80px 30px 0 30px; }

.wifi-generator-wrap .tab-1 h4 { font-family: "Yettel", sans-serif; font-size: 28px; color: #8c9399; margin-bottom: 20px; }

.wifi-generator-wrap button { display: inline-block; width: 100%; max-width: 400px; height: 50px; font-family: "Yettel", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; color: #fff; background-color: #00496a; border-radius: 3px; padding: 10px 20px; border: none; cursor: pointer; transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }

.wifi-generator-wrap button:focus { outline: none; }

.wifi-generator-wrap button:hover { background: #007bc3; }

.wifi-generator-wrap .tab-2 { display: none; }

.wifi-generator-wrap.active .tab-1 { display: none; }

.wifi-generator-wrap.active .tab-2 { display: block; }

.wifi-generator-wrap .tab-2 .col-2 { text-align: center; padding: 30px 30px 0 30px; }

.wifi-generator-wrap .tab-2 h4 { font-family: "Yettel", sans-serif; font-size: 28px; color: #00233f; margin-bottom: 20px; }

.wifi-generator-wrap .name { display: inline-block; width: 100%; max-width: 400px; font-family: "Yettel", sans-serif; font-size: 30px; line-height: 36px; text-align: center; color: #00233f; font-weight: 500; background: #fff; border: 3px solid #00233f; border-radius: 32px; padding: 12px 15px; margin-bottom: 20px; }

@media screen and (max-width: 1200px) { .wifi-generator-wrap .col-1 h3 { padding-left: 180px; }
  .wifi-generator-wrap .col-1:after { width: 150px; background-position: center center; }
  .wifi-generator-wrap h3 { font-size: 38px; line-height: 48px; }
  .wifi-generator-wrap .tab-1 h4 { font-size: 24px; }
  .wifi-generator-wrap .name { font-size: 26px; } }

@media screen and (max-width: 920px) { .wifi-generator-wrap .col-1 { min-height: 200px; }
  .wifi-generator-wrap .col-1, .wifi-generator-wrap .col-2 { width: 100%; }
  .wifi-generator-wrap h3 { padding-top: 50px; }
  .wifi-generator-wrap .col-1:after { width: 150px; background-position: center top; }
  .wifi-generator-wrap .tab-1 .col-2 { padding-top: 60px; } }

@media screen and (max-width: 600px) { .wifi-generator-wrap { padding-top: 20px; }
  .wifi-generator-wrap .col-1 { padding-bottom: 20px; }
  .wifi-generator-wrap .col-1 h3 { padding: 140px 20px 0 20px; font-size: 30px; line-height: 36px; text-align: center; }
  .wifi-generator-wrap .col-1:after { width: 100%; height: 120px; background-size: 80px; background-position: top center; }
  .wifi-generator-wrap .tab-1 .col-2, .wifi-generator-wrap .tab-2 .col-2 { padding: 20px 20px 0 20px; }
  .wifi-generator-wrap .tab-1 h4, .wifi-generator-wrap .tab-2 h4 { font-size: 20px; }
  .wifi-generator-wrap .name { font-size: 24px; } }

/*! Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
/* FONT PATH -------------------------- */
@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-fw { width: 1.2857142857em; text-align: center; }

.fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; }

.fa-ul > li { position: relative; }

.fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; }

.fa-li.fa-lg { left: -1.8571428571em; }

.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right { margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }

.pull-left { float: left; }

.fa.pull-left { margin-right: .3em; }

.fa.pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }

.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */
.fa-glass:before { content: ""; }

.fa-music:before { content: ""; }

.fa-search:before { content: ""; }

.fa-envelope-o:before { content: ""; }

.fa-heart:before { content: ""; }

.fa-star:before { content: ""; }

.fa-star-o:before { content: ""; }

.fa-user:before { content: ""; }

.fa-film:before { content: ""; }

.fa-th-large:before { content: ""; }

.fa-th:before { content: ""; }

.fa-th-list:before { content: ""; }

.fa-check:before { content: ""; }

.fa-remove:before, .fa-close:before, .fa-times:before { content: ""; }

.fa-search-plus:before { content: ""; }

.fa-search-minus:before { content: ""; }

.fa-power-off:before { content: ""; }

.fa-signal:before { content: ""; }

.fa-gear:before, .fa-cog:before { content: ""; }

.fa-trash-o:before { content: ""; }

.fa-home:before { content: ""; }

.fa-file-o:before { content: ""; }

.fa-clock-o:before { content: ""; }

.fa-road:before { content: ""; }

.fa-download:before { content: ""; }

.fa-arrow-circle-o-down:before { content: ""; }

.fa-arrow-circle-o-up:before { content: ""; }

.fa-inbox:before { content: ""; }

.fa-play-circle-o:before { content: ""; }

.fa-rotate-right:before, .fa-repeat:before { content: ""; }

.fa-refresh:before { content: ""; }

.fa-list-alt:before { content: ""; }

.fa-lock:before { content: ""; }

.fa-flag:before { content: ""; }

.fa-headphones:before { content: ""; }

.fa-volume-off:before { content: ""; }

.fa-volume-down:before { content: ""; }

.fa-volume-up:before { content: ""; }

.fa-qrcode:before { content: ""; }

.fa-barcode:before { content: ""; }

.fa-tag:before { content: ""; }

.fa-tags:before { content: ""; }

.fa-book:before { content: ""; }

.fa-bookmark:before { content: ""; }

.fa-print:before { content: ""; }

.fa-camera:before { content: ""; }

.fa-font:before { content: ""; }

.fa-bold:before { content: ""; }

.fa-italic:before { content: ""; }

.fa-text-height:before { content: ""; }

.fa-text-width:before { content: ""; }

.fa-align-left:before { content: ""; }

.fa-align-center:before { content: ""; }

.fa-align-right:before { content: ""; }

.fa-align-justify:before { content: ""; }

.fa-list:before { content: ""; }

.fa-dedent:before, .fa-outdent:before { content: ""; }

.fa-indent:before { content: ""; }

.fa-video-camera:before { content: ""; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; }

.fa-pencil:before { content: ""; }

.fa-map-marker:before { content: ""; }

.fa-adjust:before { content: ""; }

.fa-tint:before { content: ""; }

.fa-edit:before, .fa-pencil-square-o:before { content: ""; }

.fa-share-square-o:before { content: ""; }

.fa-check-square-o:before { content: ""; }

.fa-arrows:before { content: ""; }

.fa-step-backward:before { content: ""; }

.fa-fast-backward:before { content: ""; }

.fa-backward:before { content: ""; }

.fa-play:before { content: ""; }

.fa-pause:before { content: ""; }

.fa-stop:before { content: ""; }

.fa-forward:before { content: ""; }

.fa-fast-forward:before { content: ""; }

.fa-step-forward:before { content: ""; }

.fa-eject:before { content: ""; }

.fa-chevron-left:before { content: ""; }

.fa-chevron-right:before { content: ""; }

.fa-plus-circle:before { content: ""; }

.fa-minus-circle:before { content: ""; }

.fa-times-circle:before { content: ""; }

.fa-check-circle:before { content: ""; }

.fa-question-circle:before { content: ""; }

.fa-info-circle:before { content: ""; }

.fa-crosshairs:before { content: ""; }

.fa-times-circle-o:before { content: ""; }

.fa-check-circle-o:before { content: ""; }

.fa-ban:before { content: ""; }

.fa-arrow-left:before { content: ""; }

.fa-arrow-right:before { content: ""; }

.fa-arrow-up:before { content: ""; }

.fa-arrow-down:before { content: ""; }

.fa-mail-forward:before, .fa-share:before { content: ""; }

.fa-expand:before { content: ""; }

.fa-compress:before { content: ""; }

.fa-plus:before { content: ""; }

.fa-minus:before { content: ""; }

.fa-asterisk:before { content: ""; }

.fa-exclamation-circle:before { content: ""; }

.fa-gift:before { content: ""; }

.fa-leaf:before { content: ""; }

.fa-fire:before { content: ""; }

.fa-eye:before { content: ""; }

.fa-eye-slash:before { content: ""; }

.fa-warning:before, .fa-exclamation-triangle:before { content: ""; }

.fa-plane:before { content: ""; }

.fa-calendar:before { content: ""; }

.fa-random:before { content: ""; }

.fa-comment:before { content: ""; }

.fa-magnet:before { content: ""; }

.fa-chevron-up:before { content: ""; }

.fa-chevron-down:before { content: ""; }

.fa-retweet:before { content: ""; }

.fa-shopping-cart:before { content: ""; }

.fa-folder:before { content: ""; }

.fa-folder-open:before { content: ""; }

.fa-arrows-v:before { content: ""; }

.fa-arrows-h:before { content: ""; }

.fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; }

.fa-twitter-square:before { content: ""; }

.fa-facebook-square:before { content: ""; }

.fa-camera-retro:before { content: ""; }

.fa-key:before { content: ""; }

.fa-gears:before, .fa-cogs:before { content: ""; }

.fa-comments:before { content: ""; }

.fa-thumbs-o-up:before { content: ""; }

.fa-thumbs-o-down:before { content: ""; }

.fa-star-half:before { content: ""; }

.fa-heart-o:before { content: ""; }

.fa-sign-out:before { content: ""; }

.fa-linkedin-square:before { content: ""; }

.fa-thumb-tack:before { content: ""; }

.fa-external-link:before { content: ""; }

.fa-sign-in:before { content: ""; }

.fa-trophy:before { content: ""; }

.fa-github-square:before { content: ""; }

.fa-upload:before { content: ""; }

.fa-lemon-o:before { content: ""; }

.fa-phone:before { content: ""; }

.fa-square-o:before { content: ""; }

.fa-bookmark-o:before { content: ""; }

.fa-phone-square:before { content: ""; }

.fa-twitter:before { content: ""; }

.fa-facebook-f:before, .fa-facebook:before { content: ""; }

.fa-github:before { content: ""; }

.fa-unlock:before { content: ""; }

.fa-credit-card:before { content: ""; }

.fa-feed:before, .fa-rss:before { content: ""; }

.fa-hdd-o:before { content: ""; }

.fa-bullhorn:before { content: ""; }

.fa-bell:before { content: ""; }

.fa-certificate:before { content: ""; }

.fa-hand-o-right:before { content: ""; }

.fa-hand-o-left:before { content: ""; }

.fa-hand-o-up:before { content: ""; }

.fa-hand-o-down:before { content: ""; }

.fa-arrow-circle-left:before { content: ""; }

.fa-arrow-circle-right:before { content: ""; }

.fa-arrow-circle-up:before { content: ""; }

.fa-arrow-circle-down:before { content: ""; }

.fa-globe:before { content: ""; }

.fa-wrench:before { content: ""; }

.fa-tasks:before { content: ""; }

.fa-filter:before { content: ""; }

.fa-briefcase:before { content: ""; }

.fa-arrows-alt:before { content: ""; }

.fa-group:before, .fa-users:before { content: ""; }

.fa-chain:before, .fa-link:before { content: ""; }

.fa-cloud:before { content: ""; }

.fa-flask:before { content: ""; }

.fa-cut:before, .fa-scissors:before { content: ""; }

.fa-copy:before, .fa-files-o:before { content: ""; }

.fa-paperclip:before { content: ""; }

.fa-save:before, .fa-floppy-o:before { content: ""; }

.fa-square:before { content: ""; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; }

.fa-list-ul:before { content: ""; }

.fa-list-ol:before { content: ""; }

.fa-strikethrough:before { content: ""; }

.fa-underline:before { content: ""; }

.fa-table:before { content: ""; }

.fa-magic:before { content: ""; }

.fa-truck:before { content: ""; }

.fa-pinterest:before { content: ""; }

.fa-pinterest-square:before { content: ""; }

.fa-google-plus-square:before { content: ""; }

.fa-google-plus:before { content: ""; }

.fa-money:before { content: ""; }

.fa-caret-down:before { content: ""; }

.fa-caret-up:before { content: ""; }

.fa-caret-left:before { content: ""; }

.fa-caret-right:before { content: ""; }

.fa-columns:before { content: ""; }

.fa-unsorted:before, .fa-sort:before { content: ""; }

.fa-sort-down:before, .fa-sort-desc:before { content: ""; }

.fa-sort-up:before, .fa-sort-asc:before { content: ""; }

.fa-envelope:before { content: ""; }

.fa-linkedin:before { content: ""; }

.fa-rotate-left:before, .fa-undo:before { content: ""; }

.fa-legal:before, .fa-gavel:before { content: ""; }

.fa-dashboard:before, .fa-tachometer:before { content: ""; }

.fa-comment-o:before { content: ""; }

.fa-comments-o:before { content: ""; }

.fa-flash:before, .fa-bolt:before { content: ""; }

.fa-sitemap:before { content: ""; }

.fa-umbrella:before { content: ""; }

.fa-paste:before, .fa-clipboard:before { content: ""; }

.fa-lightbulb-o:before { content: ""; }

.fa-exchange:before { content: ""; }

.fa-cloud-download:before { content: ""; }

.fa-cloud-upload:before { content: ""; }

.fa-user-md:before { content: ""; }

.fa-stethoscope:before { content: ""; }

.fa-suitcase:before { content: ""; }

.fa-bell-o:before { content: ""; }

.fa-coffee:before { content: ""; }

.fa-cutlery:before { content: ""; }

.fa-file-text-o:before { content: ""; }

.fa-building-o:before { content: ""; }

.fa-hospital-o:before { content: ""; }

.fa-ambulance:before { content: ""; }

.fa-medkit:before { content: ""; }

.fa-fighter-jet:before { content: ""; }

.fa-beer:before { content: ""; }

.fa-h-square:before { content: ""; }

.fa-plus-square:before { content: ""; }

.fa-angle-double-left:before { content: ""; }

.fa-angle-double-right:before { content: ""; }

.fa-angle-double-up:before { content: ""; }

.fa-angle-double-down:before { content: ""; }

.fa-angle-left:before { content: ""; }

.fa-angle-right:before { content: ""; }

.fa-angle-up:before { content: ""; }

.fa-angle-down:before { content: ""; }

.fa-desktop:before { content: ""; }

.fa-laptop:before { content: ""; }

.fa-tablet:before { content: ""; }

.fa-mobile-phone:before, .fa-mobile:before { content: ""; }

.fa-circle-o:before { content: ""; }

.fa-quote-left:before { content: ""; }

.fa-quote-right:before { content: ""; }

.fa-spinner:before { content: ""; }

.fa-circle:before { content: ""; }

.fa-mail-reply:before, .fa-reply:before { content: ""; }

.fa-github-alt:before { content: ""; }

.fa-folder-o:before { content: ""; }

.fa-folder-open-o:before { content: ""; }

.fa-smile-o:before { content: ""; }

.fa-frown-o:before { content: ""; }

.fa-meh-o:before { content: ""; }

.fa-gamepad:before { content: ""; }

.fa-keyboard-o:before { content: ""; }

.fa-flag-o:before { content: ""; }

.fa-flag-checkered:before { content: ""; }

.fa-terminal:before { content: ""; }

.fa-code:before { content: ""; }

.fa-mail-reply-all:before, .fa-reply-all:before { content: ""; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; }

.fa-location-arrow:before { content: ""; }

.fa-crop:before { content: ""; }

.fa-code-fork:before { content: ""; }

.fa-unlink:before, .fa-chain-broken:before { content: ""; }

.fa-question:before { content: ""; }

.fa-info:before { content: ""; }

.fa-exclamation:before { content: ""; }

.fa-superscript:before { content: ""; }

.fa-subscript:before { content: ""; }

.fa-eraser:before { content: ""; }

.fa-puzzle-piece:before { content: ""; }

.fa-microphone:before { content: ""; }

.fa-microphone-slash:before { content: ""; }

.fa-shield:before { content: ""; }

.fa-calendar-o:before { content: ""; }

.fa-fire-extinguisher:before { content: ""; }

.fa-rocket:before { content: ""; }

.fa-maxcdn:before { content: ""; }

.fa-chevron-circle-left:before { content: ""; }

.fa-chevron-circle-right:before { content: ""; }

.fa-chevron-circle-up:before { content: ""; }

.fa-chevron-circle-down:before { content: ""; }

.fa-html5:before { content: ""; }

.fa-css3:before { content: ""; }

.fa-anchor:before { content: ""; }

.fa-unlock-alt:before { content: ""; }

.fa-bullseye:before { content: ""; }

.fa-ellipsis-h:before { content: ""; }

.fa-ellipsis-v:before { content: ""; }

.fa-rss-square:before { content: ""; }

.fa-play-circle:before { content: ""; }

.fa-ticket:before { content: ""; }

.fa-minus-square:before { content: ""; }

.fa-minus-square-o:before { content: ""; }

.fa-level-up:before { content: ""; }

.fa-level-down:before { content: ""; }

.fa-check-square:before { content: ""; }

.fa-pencil-square:before { content: ""; }

.fa-external-link-square:before { content: ""; }

.fa-share-square:before { content: ""; }

.fa-compass:before { content: ""; }

.fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; }

.fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; }

.fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; }

.fa-euro:before, .fa-eur:before { content: ""; }

.fa-gbp:before { content: ""; }

.fa-dollar:before, .fa-usd:before { content: ""; }

.fa-rupee:before, .fa-inr:before { content: ""; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; }

.fa-won:before, .fa-krw:before { content: ""; }

.fa-bitcoin:before, .fa-btc:before { content: ""; }

.fa-file:before { content: ""; }

.fa-file-text:before { content: ""; }

.fa-sort-alpha-asc:before { content: ""; }

.fa-sort-alpha-desc:before { content: ""; }

.fa-sort-amount-asc:before { content: ""; }

.fa-sort-amount-desc:before { content: ""; }

.fa-sort-numeric-asc:before { content: ""; }

.fa-sort-numeric-desc:before { content: ""; }

.fa-thumbs-up:before { content: ""; }

.fa-thumbs-down:before { content: ""; }

.fa-youtube-square:before { content: ""; }

.fa-youtube:before { content: ""; }

.fa-xing:before { content: ""; }

.fa-xing-square:before { content: ""; }

.fa-youtube-play:before { content: ""; }

.fa-dropbox:before { content: ""; }

.fa-stack-overflow:before { content: ""; }

.fa-instagram:before { content: ""; }

.fa-flickr:before { content: ""; }

.fa-adn:before { content: ""; }

.fa-bitbucket:before { content: ""; }

.fa-bitbucket-square:before { content: ""; }

.fa-tumblr:before { content: ""; }

.fa-tumblr-square:before { content: ""; }

.fa-long-arrow-down:before { content: ""; }

.fa-long-arrow-up:before { content: ""; }

.fa-long-arrow-left:before { content: ""; }

.fa-long-arrow-right:before { content: ""; }

.fa-apple:before { content: ""; }

.fa-windows:before { content: ""; }

.fa-android:before { content: ""; }

.fa-linux:before { content: ""; }

.fa-dribbble:before { content: ""; }

.fa-skype:before { content: ""; }

.fa-foursquare:before { content: ""; }

.fa-trello:before { content: ""; }

.fa-female:before { content: ""; }

.fa-male:before { content: ""; }

.fa-gittip:before, .fa-gratipay:before { content: ""; }

.fa-sun-o:before { content: ""; }

.fa-moon-o:before { content: ""; }

.fa-archive:before { content: ""; }

.fa-bug:before { content: ""; }

.fa-vk:before { content: ""; }

.fa-weibo:before { content: ""; }

.fa-renren:before { content: ""; }

.fa-pagelines:before { content: ""; }

.fa-stack-exchange:before { content: ""; }

.fa-arrow-circle-o-right:before { content: ""; }

.fa-arrow-circle-o-left:before { content: ""; }

.fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; }

.fa-dot-circle-o:before { content: ""; }

.fa-wheelchair:before { content: ""; }

.fa-vimeo-square:before { content: ""; }

.fa-turkish-lira:before, .fa-try:before { content: ""; }

.fa-plus-square-o:before { content: ""; }

.fa-space-shuttle:before { content: ""; }

.fa-slack:before { content: ""; }

.fa-envelope-square:before { content: ""; }

.fa-wordpress:before { content: ""; }

.fa-openid:before { content: ""; }

.fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; }

.fa-mortar-board:before, .fa-graduation-cap:before { content: ""; }

.fa-yahoo:before { content: ""; }

.fa-google:before { content: ""; }

.fa-reddit:before { content: ""; }

.fa-reddit-square:before { content: ""; }

.fa-stumbleupon-circle:before { content: ""; }

.fa-stumbleupon:before { content: ""; }

.fa-delicious:before { content: ""; }

.fa-digg:before { content: ""; }

.fa-pied-piper-pp:before { content: ""; }

.fa-pied-piper-alt:before { content: ""; }

.fa-drupal:before { content: ""; }

.fa-joomla:before { content: ""; }

.fa-language:before { content: ""; }

.fa-fax:before { content: ""; }

.fa-building:before { content: ""; }

.fa-child:before { content: ""; }

.fa-paw:before { content: ""; }

.fa-spoon:before { content: ""; }

.fa-cube:before { content: ""; }

.fa-cubes:before { content: ""; }

.fa-behance:before { content: ""; }

.fa-behance-square:before { content: ""; }

.fa-steam:before { content: ""; }

.fa-steam-square:before { content: ""; }

.fa-recycle:before { content: ""; }

.fa-automobile:before, .fa-car:before { content: ""; }

.fa-cab:before, .fa-taxi:before { content: ""; }

.fa-tree:before { content: ""; }

.fa-spotify:before { content: ""; }

.fa-deviantart:before { content: ""; }

.fa-soundcloud:before { content: ""; }

.fa-database:before { content: ""; }

.fa-file-pdf-o:before { content: ""; }

.fa-file-word-o:before { content: ""; }

.fa-file-excel-o:before { content: ""; }

.fa-file-powerpoint-o:before { content: ""; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; }

.fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; }

.fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; }

.fa-file-movie-o:before, .fa-file-video-o:before { content: ""; }

.fa-file-code-o:before { content: ""; }

.fa-vine:before { content: ""; }

.fa-codepen:before { content: ""; }

.fa-jsfiddle:before { content: ""; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; }

.fa-circle-o-notch:before { content: ""; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: ""; }

.fa-ge:before, .fa-empire:before { content: ""; }

.fa-git-square:before { content: ""; }

.fa-git:before { content: ""; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; }

.fa-tencent-weibo:before { content: ""; }

.fa-qq:before { content: ""; }

.fa-wechat:before, .fa-weixin:before { content: ""; }

.fa-send:before, .fa-paper-plane:before { content: ""; }

.fa-send-o:before, .fa-paper-plane-o:before { content: ""; }

.fa-history:before { content: ""; }

.fa-circle-thin:before { content: ""; }

.fa-header:before { content: ""; }

.fa-paragraph:before { content: ""; }

.fa-sliders:before { content: ""; }

.fa-share-alt:before { content: ""; }

.fa-share-alt-square:before { content: ""; }

.fa-bomb:before { content: ""; }

.fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; }

.fa-tty:before { content: ""; }

.fa-binoculars:before { content: ""; }

.fa-plug:before { content: ""; }

.fa-slideshare:before { content: ""; }

.fa-twitch:before { content: ""; }

.fa-yelp:before { content: ""; }

.fa-newspaper-o:before { content: ""; }

.fa-wifi:before { content: ""; }

.fa-calculator:before { content: ""; }

.fa-paypal:before { content: ""; }

.fa-google-wallet:before { content: ""; }

.fa-cc-visa:before { content: ""; }

.fa-cc-mastercard:before { content: ""; }

.fa-cc-discover:before { content: ""; }

.fa-cc-amex:before { content: ""; }

.fa-cc-paypal:before { content: ""; }

.fa-cc-stripe:before { content: ""; }

.fa-bell-slash:before { content: ""; }

.fa-bell-slash-o:before { content: ""; }

.fa-trash:before { content: ""; }

.fa-copyright:before { content: ""; }

.fa-at:before { content: ""; }

.fa-eyedropper:before { content: ""; }

.fa-paint-brush:before { content: ""; }

.fa-birthday-cake:before { content: ""; }

.fa-area-chart:before { content: ""; }

.fa-pie-chart:before { content: ""; }

.fa-line-chart:before { content: ""; }

.fa-lastfm:before { content: ""; }

.fa-lastfm-square:before { content: ""; }

.fa-toggle-off:before { content: ""; }

.fa-toggle-on:before { content: ""; }

.fa-bicycle:before { content: ""; }

.fa-bus:before { content: ""; }

.fa-ioxhost:before { content: ""; }

.fa-angellist:before { content: ""; }

.fa-cc:before { content: ""; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; }

.fa-meanpath:before { content: ""; }

.fa-buysellads:before { content: ""; }

.fa-connectdevelop:before { content: ""; }

.fa-dashcube:before { content: ""; }

.fa-forumbee:before { content: ""; }

.fa-leanpub:before { content: ""; }

.fa-sellsy:before { content: ""; }

.fa-shirtsinbulk:before { content: ""; }

.fa-simplybuilt:before { content: ""; }

.fa-skyatlas:before { content: ""; }

.fa-cart-plus:before { content: ""; }

.fa-cart-arrow-down:before { content: ""; }

.fa-diamond:before { content: ""; }

.fa-ship:before { content: ""; }

.fa-user-secret:before { content: ""; }

.fa-motorcycle:before { content: ""; }

.fa-street-view:before { content: ""; }

.fa-heartbeat:before { content: ""; }

.fa-venus:before { content: ""; }

.fa-mars:before { content: ""; }

.fa-mercury:before { content: ""; }

.fa-intersex:before, .fa-transgender:before { content: ""; }

.fa-transgender-alt:before { content: ""; }

.fa-venus-double:before { content: ""; }

.fa-mars-double:before { content: ""; }

.fa-venus-mars:before { content: ""; }

.fa-mars-stroke:before { content: ""; }

.fa-mars-stroke-v:before { content: ""; }

.fa-mars-stroke-h:before { content: ""; }

.fa-neuter:before { content: ""; }

.fa-genderless:before { content: ""; }

.fa-facebook-official:before { content: ""; }

.fa-pinterest-p:before { content: ""; }

.fa-whatsapp:before { content: ""; }

.fa-server:before { content: ""; }

.fa-user-plus:before { content: ""; }

.fa-user-times:before { content: ""; }

.fa-hotel:before, .fa-bed:before { content: ""; }

.fa-viacoin:before { content: ""; }

.fa-train:before { content: ""; }

.fa-subway:before { content: ""; }

.fa-medium:before { content: ""; }

.fa-yc:before, .fa-y-combinator:before { content: ""; }

.fa-optin-monster:before { content: ""; }

.fa-opencart:before { content: ""; }

.fa-expeditedssl:before { content: ""; }

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: ""; }

.fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; }

.fa-battery-2:before, .fa-battery-half:before { content: ""; }

.fa-battery-1:before, .fa-battery-quarter:before { content: ""; }

.fa-battery-0:before, .fa-battery-empty:before { content: ""; }

.fa-mouse-pointer:before { content: ""; }

.fa-i-cursor:before { content: ""; }

.fa-object-group:before { content: ""; }

.fa-object-ungroup:before { content: ""; }

.fa-sticky-note:before { content: ""; }

.fa-sticky-note-o:before { content: ""; }

.fa-cc-jcb:before { content: ""; }

.fa-cc-diners-club:before { content: ""; }

.fa-clone:before { content: ""; }

.fa-balance-scale:before { content: ""; }

.fa-hourglass-o:before { content: ""; }

.fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; }

.fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; }

.fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; }

.fa-hourglass:before { content: ""; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; }

.fa-hand-scissors-o:before { content: ""; }

.fa-hand-lizard-o:before { content: ""; }

.fa-hand-spock-o:before { content: ""; }

.fa-hand-pointer-o:before { content: ""; }

.fa-hand-peace-o:before { content: ""; }

.fa-trademark:before { content: ""; }

.fa-registered:before { content: ""; }

.fa-creative-commons:before { content: ""; }

.fa-gg:before { content: ""; }

.fa-gg-circle:before { content: ""; }

.fa-tripadvisor:before { content: ""; }

.fa-odnoklassniki:before { content: ""; }

.fa-odnoklassniki-square:before { content: ""; }

.fa-get-pocket:before { content: ""; }

.fa-wikipedia-w:before { content: ""; }

.fa-safari:before { content: ""; }

.fa-chrome:before { content: ""; }

.fa-firefox:before { content: ""; }

.fa-opera:before { content: ""; }

.fa-internet-explorer:before { content: ""; }

.fa-tv:before, .fa-television:before { content: ""; }

.fa-contao:before { content: ""; }

.fa-500px:before { content: ""; }

.fa-amazon:before { content: ""; }

.fa-calendar-plus-o:before { content: ""; }

.fa-calendar-minus-o:before { content: ""; }

.fa-calendar-times-o:before { content: ""; }

.fa-calendar-check-o:before { content: ""; }

.fa-industry:before { content: ""; }

.fa-map-pin:before { content: ""; }

.fa-map-signs:before { content: ""; }

.fa-map-o:before { content: ""; }

.fa-map:before { content: ""; }

.fa-commenting:before { content: ""; }

.fa-commenting-o:before { content: ""; }

.fa-houzz:before { content: ""; }

.fa-vimeo:before { content: ""; }

.fa-black-tie:before { content: ""; }

.fa-fonticons:before { content: ""; }

.fa-reddit-alien:before { content: ""; }

.fa-edge:before { content: ""; }

.fa-credit-card-alt:before { content: ""; }

.fa-codiepie:before { content: ""; }

.fa-modx:before { content: ""; }

.fa-fort-awesome:before { content: ""; }

.fa-usb:before { content: ""; }

.fa-product-hunt:before { content: ""; }

.fa-mixcloud:before { content: ""; }

.fa-scribd:before { content: ""; }

.fa-pause-circle:before { content: ""; }

.fa-pause-circle-o:before { content: ""; }

.fa-stop-circle:before { content: ""; }

.fa-stop-circle-o:before { content: ""; }

.fa-shopping-bag:before { content: ""; }

.fa-shopping-basket:before { content: ""; }

.fa-hashtag:before { content: ""; }

.fa-bluetooth:before { content: ""; }

.fa-bluetooth-b:before { content: ""; }

.fa-percent:before { content: ""; }

.fa-gitlab:before { content: ""; }

.fa-wpbeginner:before { content: ""; }

.fa-wpforms:before { content: ""; }

.fa-envira:before { content: ""; }

.fa-universal-access:before { content: ""; }

.fa-wheelchair-alt:before { content: ""; }

.fa-question-circle-o:before { content: ""; }

.fa-blind:before { content: ""; }

.fa-audio-description:before { content: ""; }

.fa-volume-control-phone:before { content: ""; }

.fa-braille:before { content: ""; }

.fa-assistive-listening-systems:before { content: ""; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: ""; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: ""; }

.fa-glide:before { content: ""; }

.fa-glide-g:before { content: ""; }

.fa-signing:before, .fa-sign-language:before { content: ""; }

.fa-low-vision:before { content: ""; }

.fa-viadeo:before { content: ""; }

.fa-viadeo-square:before { content: ""; }

.fa-snapchat:before { content: ""; }

.fa-snapchat-ghost:before { content: ""; }

.fa-snapchat-square:before { content: ""; }

.fa-pied-piper:before { content: ""; }

.fa-first-order:before { content: ""; }

.fa-yoast:before { content: ""; }

.fa-themeisle:before { content: ""; }

.fa-google-plus-circle:before, .fa-google-plus-official:before { content: ""; }

.fa-fa:before, .fa-font-awesome:before { content: ""; }

.fa-handshake-o:before { content: ""; }

.fa-envelope-open:before { content: ""; }

.fa-envelope-open-o:before { content: ""; }

.fa-linode:before { content: ""; }

.fa-address-book:before { content: ""; }

.fa-address-book-o:before { content: ""; }

.fa-vcard:before, .fa-address-card:before { content: ""; }

.fa-vcard-o:before, .fa-address-card-o:before { content: ""; }

.fa-user-circle:before { content: ""; }

.fa-user-circle-o:before { content: ""; }

.fa-user-o:before { content: ""; }

.fa-id-badge:before { content: ""; }

.fa-drivers-license:before, .fa-id-card:before { content: ""; }

.fa-drivers-license-o:before, .fa-id-card-o:before { content: ""; }

.fa-quora:before { content: ""; }

.fa-free-code-camp:before { content: ""; }

.fa-telegram:before { content: ""; }

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: ""; }

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: ""; }

.fa-thermometer-2:before, .fa-thermometer-half:before { content: ""; }

.fa-thermometer-1:before, .fa-thermometer-quarter:before { content: ""; }

.fa-thermometer-0:before, .fa-thermometer-empty:before { content: ""; }

.fa-shower:before { content: ""; }

.fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: ""; }

.fa-podcast:before { content: ""; }

.fa-window-maximize:before { content: ""; }

.fa-window-minimize:before { content: ""; }

.fa-window-restore:before { content: ""; }

.fa-times-rectangle:before, .fa-window-close:before { content: ""; }

.fa-times-rectangle-o:before, .fa-window-close-o:before { content: ""; }

.fa-bandcamp:before { content: ""; }

.fa-grav:before { content: ""; }

.fa-etsy:before { content: ""; }

.fa-imdb:before { content: ""; }

.fa-ravelry:before { content: ""; }

.fa-eercast:before { content: ""; }

.fa-microchip:before { content: ""; }

.fa-snowflake-o:before { content: ""; }

.fa-superpowers:before { content: ""; }

.fa-wpexplorer:before { content: ""; }

.fa-meetup:before { content: ""; }

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

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

.externalFormNPS { font-family: "Yettel", sans-serif; color: #002340; font-size: 16px; overflow: auto; }

.externalFormNPS .main-title { background-color: #e6edf3; text-align: center; padding: 12px 10px; border-bottom: 2px solid #002340; font-weight: bold; }

.externalFormNPS .form-content { padding: 4px 14px; }

.externalFormNPS .group-question { border: 1px solid #e5f0f5; border-radius: 5px; padding: 8px 10px; margin: 10px 0; }

.externalFormNPS .group-question hr { width: auto; margin: 6px 4px; height: 1px; }

.externalFormNPS .group-question .group-title { font-weight: bold; padding: 0 2px; margin: 5px 0; }

.externalFormNPS .group-question .group-answer { margin: 10px 4px; }

.externalFormNPS .group-question .group-answer label { margin-left: 3px; font-size: 16px; display: inline-block; }

.externalFormNPS .group-question .group-answer label img { padding: 3px; height: 18px; vertical-align: middle; margin-right: 4px; }

.externalFormNPS .group-question .group-answer label.error { color: #db381d; position: absolute; margin-top: -12px; }

.externalFormNPS .group-question .group-answer input.input-r { position: absolute; left: -9999px; }

.externalFormNPS .group-question .group-answer input.input-r:checked + img { background: url("../img/icons/nps_form_icons/radio-button-active.png") no-repeat top left; }

.externalFormNPS .group-question .group-other { padding-left: 30px; padding-right: 20px; }

.externalFormNPS .group-question .group-other textarea { background-color: #f0f0f0; border: none; border-radius: 8px; resize: none; padding: 12px; font: inherit; font-size: 16px; }

.externalFormNPS .group-question .group-location .location-header { display: none; font-weight: bold; font-size: 16px; margin-left: 10px; height: 50px; position: relative; }

.externalFormNPS .group-question .group-location .location-header .header-title { display: inline-block; background: #fff url("../img/icons/nps_form_icons/location-icon-blue50x80.png") no-repeat top left; background-size: 19px 27px; text-indent: 35px; height: 25px; padding-top: 6px; margin-top: 3px; }

.externalFormNPS .group-question .group-location .location-header .fa-search { position: absolute; top: 14px; left: 10px; font-size: 15px; }

.externalFormNPS input[type="button"], .externalFormNPS input[type="submit"] { display: block; width: 100%; height: 48px; font: inherit; color: #fff; border: none; border-radius: 30px; margin: 8px 0; font-weight: bold; background: #002340; }

.externalFormNPS input[type="search"] { background-color: #f0f0f0; display: block; width: 100%; height: 40px; font: inherit; color: #002340; border: none; border-radius: 20px; margin: 8px 0; padding-left: 30px; }

.externalFormNPS input[type="search"]::placeholder { padding-left: 20px; }

.externalFormNPS .location-other { color: #002340 !important; border: 1px solid #1b1b1b !important; background: #fff url("../img/icons/nps_form_icons/location-icon-grey50x80.png") no-repeat top left !important; background-size: 19px 27px !important; background-position-x: 20px !important; background-position-y: 10px !important; }

.externalFormNPS .location-current { background: #002340 url("../img/icons/nps_form_icons/location-icon-white50x80.png") no-repeat top left !important; background-size: 19px 27px !important; background-position-x: 20px !important; background-position-y: 10px !important; }

.externalFormNPS .validation-error { color: #db381d; }

.thank-you-container { font-size: 20px; padding: 20px; margin-top: 20vh; }

.thank-you-container .thank-you-box { border: #002340 2px solid; border-radius: 8px; height: 180px; }

.thank-you-container .thank-you-box .thank-you-image { background: #002340 no-repeat center; background-size: 40px; border-radius: 50%; width: 80px; height: 80px; margin: -40px auto 0; }

.thank-you-container .thank-you-box .thank-you-message { text-align: center; text-align-last: center; margin: 30px; color: #002340; font-weight: bold; }

/* Created on : Jan 23, 2020, 12:37:18 PM Author     : mtrikos */
.complex-form #btnComplexForm { width: 50%; }

.complex-form .complex-modal { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 100000; justify-content: center; }

.complex-form .complex-modal .modal-content { position: absolute; top: 20%; background-color: white; padding: 20px; margin: auto; width: 50%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; z-index: 100001; }

@media screen and (max-width: 768px) { .complex-form .complex-modal .modal-content { width: 80%; } }

.complex-form .complex-modal .modal-content .normal-btn.color-3 { background-color: #FFFF; color: #00233f; border-radius: 30px; font-family: Yettel, Arial, sans-serif; font-size: 18px; height: 48px; }

.complex-form .complex-modal .modal-content .normal-btn.color-3:hover { background-color: #a9a9a9; }

.complex-form .complex-modal .modal-content .input-1 { font-family: "Yettel", sans-serif; font-size: 20px; color: #00233f; background: #ececec; margin: 0 0; width: 70%; padding: 14px 15px 13px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; }

.complex-form .complex-modal .modal-content .input-1.error { border-color: #ff0202; }

.complex-form .complex-modal .modal-content label.error { color: #db381d; }

.complex-form .custom-form .label-r { font-size: 16px; }

@-webkit-keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@media screen and (max-width: 768px) { .complex-form .custom-form .input-1 { font-size: 13px; } }

/** Created on : Avg 01, 2020, 10:19:18 PM Author     : mtrikos */
.service-form { padding: 0 .25rem; }

.service-form #btnServiceForm { width: 50%; }

.service-form .custom-form .label-r { font-size: 16px; }

@-webkit-keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@media screen and (max-width: 768px) { .service-form .custom-form .input-1, .service-form .custom-form .label-r, .service-form .custom-form .textarea-1 { font-size: 13px; }
  .service-form .custom-form .textarea-1 { padding: .5rem; } }

/** Created on : Okt 07, 2021, 12:19:18 PM Author     : mtrikos */
.e-cashbox { padding: 0 .25rem; }

.e-cashbox #btnECashbox { width: 50%; }

.e-cashbox .custom-form .label-1 { display: block; font-family: 'proxima-nova', sans-serif; font-size: 12px; color: #9e9e9e; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }

.e-cashbox .custom-form .label-r { font-size: 16px; }

@-webkit-keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@media screen and (max-width: 768px) { .e-cashbox .custom-form .input-1, .e-cashbox .custom-form .label-r, .e-cashbox .custom-form .textarea-1 { font-size: 13px; }
  .e-cashbox .custom-form .textarea-1 { padding: .5rem; } }

#friends-and-family-wrraper { font-size: 14px; }

#friends-and-family-wrraper #adjust-browse-input { position: relative; }

#friends-and-family-wrraper .attachment { position: absolute; opacity: 0; z-index: 2; width: 100%; cursor: hand; }

#friends-and-family-wrraper .attachment-fake { position: relative; z-index: 1; text-align: center; background: #ececec; width: 100%; padding: 14px 15px 13px 15px; border: 1px solid #ececec; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-appearance: none; cursor: hand; }

#friends-and-family-wrraper .attachment-fake span { vertical-align: top; }

#friends-and-family-wrraper #successful-send { color: #002340; font-family: YettelLight, Arial, sans-serif; font-size: 18px; letter-spacing: -0.26px; line-height: normal; }

#friends-and-family-wrraper .scale-item { display: inline-block; border: 1px solid #9e9e9e; border-radius: 8px; cursor: pointer; text-align: center; width: 30px; height: 30px; color: #002340; padding-top: 5px; }

#friends-and-family-wrraper .scale { height: 30px; margin-top: 20px; }

#friends-and-family-wrraper .active-item { background-color: #002340 !important; color: white !important; border-color: #002340 !important; }

#friends-and-family-wrraper .border-black { border: 1px solid grey; }

@media (max-width: 700px) { #friends-and-family-wrraper .main-item input { border: none; max-width: 40px !important; }
  #friends-and-family-wrraper .column-number { width: 20.5px; }
  #friends-and-family-wrraper .column-favor { width: 75px !important; }
  #friends-and-family-wrraper .column-challenge { width: 75px !important; }
  #friends-and-family-wrraper .column-attachment { width: 70px !important; cursor: hand; }
  #friends-and-family-wrraper .column-challenge input { width: 40px !important; max-width: 40px !important; }
  #friends-and-family-wrraper .main-item textarea { border: none; max-width: 40px; } }

#friends-and-family-wrraper .main-item { padding: 10px; text-align: center; }

#friends-and-family-wrraper .main-item input { border: none; max-width: 100px; }

#friends-and-family-wrraper .main-item textarea { border: none; width: 220px; resize: none; }

#friends-and-family-wrraper .main-item textarea:active { border: none; }

#friends-and-family-wrraper .main-item input:focus { border: none; outline: none; }

#friends-and-family-wrraper .color-grey { background-color: #ececec; }

#friends-and-family-wrraper .number-input { position: absolute; visibility: hidden; }

#friends-and-family-wrraper .column-number { width: 42.5px; }

#friends-and-family-wrraper .column-favor { width: 45px; }

#friends-and-family-wrraper .column-favor input { max-width: 48px !important; }

#friends-and-family-wrraper .column-number input { width: 20px !important; max-width: 20px !important; }

#friends-and-family-wrraper .column-challenge { width: 255px; }

#friends-and-family-wrraper .column-challenge input { width: 220px; max-width: 220px !important; }

#friends-and-family-wrraper .column-attachment { width: 70px; }

#friends-and-family-wrraper .column-attachment input { width: 10px; cursor: pointer; }

#friends-and-family-wrraper .column-satisfaction { width: 100px; }

#friends-and-family-wrraper .column-satisfaction input { width: 50px !important; max-width: 50px !important; }

#friends-and-family-wrraper .btn-successful { width: 20px !important; height: 20px !important; }

#friends-and-family-wrraper *:focus { outline: 0; }

.submit-btn-mnh { background: #002340 0 0 no-repeat padding-box; font-family: "YettelLight", sans-serif; color: white; border: none; border-radius: 25px; font-size: 16px; padding: 8px 15px; margin-top: 20px; margin-bottom: 20px; cursor: pointer; }

.submit-btn-mnh-disabled { font-family: "YettelLight", sans-serif; background: #D5D5D5 0 0 no-repeat padding-box; border-radius: 25px; cursor: auto; }

/*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
.ytope { max-width: 1000px; margin: 0 auto; color: #00233f; }

.ytope ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }

.ytope ol li::marker { font-size: 22px; }

.ytope a { color: #00233f; }

.ytope a:hover { color: #00233f; }

.ytope label.hover-pointer a { text-decoration: underline; }

.ytope-progress-list { position: relative; margin: 0 auto; }

.ytope-progress-list::before { content: " "; display: block; position: absolute; top: 22px; left: 50%; height: 3px; background: #e5e9ec; z-index: -1; }

.ytope-progress-list__item:not(:last-of-type) { margin-right: 20px; }

@media (min-width: 768px) { .ytope-progress-list__item:not(:last-of-type) { margin-right: 40px; } }

.ytope-progress-list--v3::before { margin-left: -88px; width: 176px; }

@media (min-width: 768px) { .ytope-progress-list--v3::before { margin-left: -176px; width: 352px; } }

.ytope-progress-list--v4::before { margin-left: -132px; width: 264px; }

@media (min-width: 768px) { .ytope-progress-list--v4::before { margin-left: -264px; width: 528px; } }

.ytope-step__num { width: 41px; height: 41px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background-color: #f2f4f5; border: 3px solid #f2f4f5; margin: 0 auto; font-size: 16px; margin-bottom: 0.8rem; color: #99a7b3; }

.ytope-step__text { display: block; width: 68px; text-align: center; color: #707070; }

@media (min-width: 768px) { .ytope-step__text { width: 136px; } }

.ytope-step--active .ytope-step__num { background-color: #dcfad9; border: 3px solid #dcfad9; color: #0c1026; font-family: "YettelBold", Arial, Helvetica, sans-serif; }

.ytope-step--active .ytope-step__text { color: #00233f; }

.ytope-step--done .ytope-step__num { background: white; border: 3px solid #b0f0b2; position: relative; }

.ytope-step--done .ytope-step__num > span { display: none; }

.ytope-step--done .ytope-step__num::after, .ytope-step--done .ytope-step__num::before { content: " "; display: block; background: #0c1026; position: absolute; height: 1px; }

.ytope-step--done .ytope-step__num::before { width: 13px; transform: rotateZ(-45deg); top: 20px; left: 17px; }

.ytope-step--done .ytope-step__num::after { width: 6px; transform: rotateZ(45deg); top: 22px; left: 14px; }

.ytope-step--done .ytope-step__text { color: #00233f; }

.ytope-fieldset { border-bottom: 1px solid #e8e8e8; }

@media (min-width: 768px) { .ytope-fieldset { border: 1px solid #e8e8e8; border-radius: 20px; } }

.ytope-fieldset__switch { border-bottom: 1px solid #e8e8e8; }

.ytope-fieldset__switch button { display: block; border: none; background: none; flex: 1 0 calc(100% / 2); padding: 40px 10px 14px 10px; font-size: 20px; font-family: "Yettel", Arial, Helvetica, sans-serif; color: #8293a1; }

.ytope-fieldset__switch button:hover { cursor: pointer; }

.ytope-fieldset__switch button.active { color: #00233f; font-family: "YettelBold", Arial, Helvetica, sans-serif; position: relative; }

.ytope-fieldset__switch button.active::after { content: " "; display: block; position: absolute; bottom: 0; left: 10%; width: 80%; height: 6px; background: #00233f; border-radius: 6px 6px 0 0; }

.ytope-form-container { max-width: 545px; padding: 0 15px; margin-left: auto; margin-right: auto; }

.ytope-info-container { max-width: 880px; padding: 0 15px; margin-left: auto; margin-right: auto; }

.ytope-button-navigation-container { max-width: 600px; margin: 0 auto; }

.ytope-form { display: none; }

.ytope-form.active { display: block; }

.ytope-form a { text-decoration: none; }

.ytope-form .error:not(input) { font-size: 12px; }

.ytope-form .error:not(input)::before { display: block; content: ""; display: inline-block; background-image: url("../img/icons/exclamation_flat_icon.png"); background-size: contain; background-repeat: no-repeat; width: 14px; height: 14px; margin-right: 3px; position: relative; top: 2px; }

.ytope-form__email { border: 1px solid #00233f; border-radius: 8px; display: block; width: 100%; font-size: 16px; padding: 17px 19px 17px 19px; box-sizing: border-box; }

.ytope-form__amount-list { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; list-style: none; padding: 0; margin: 0; }

.ytope-form__amount-list li { flex: 1 0 calc(100% / 3); flex-flow: row wrap; display: block; padding: 12px 6px; position: relative; box-sizing: border-box; padding-left: 35px; }

.ytope-form__amount-list li:hover { cursor: pointer; }

.ytope-form__amount-list li::before { content: ""; display: inline-block; width: 24px; height: 24px; border: 2px solid #e5e9ec; border-radius: 100%; margin-right: 6px; position: absolute; left: 0; top: 9px; }

.ytope-form__amount-list li.active::after { content: ""; display: block; position: absolute; top: 15px; left: 6px; background: #00233f; width: 16px; height: 16px; border-radius: 100%; }

.ytope-form__phone-number { display: flex; border: 1px solid #00233f; border-radius: 8px; position: relative; }

.ytope-form__phone-number::before { content: ""; display: block; height: 24px; position: absolute; left: 64px; top: calc(50% - 12px); width: 1px; border-right: 1px solid #c4c4c4; }

.ytope-form__phone-number::after { content: ""; display: block; height: 100%; position: absolute; left: 104px; top: 0; width: 1px; border-right: 1px solid #00233f; }

.ytope-form__phone-number .dd-select, .ytope-form__phone-number .dd-container { font-size: 24px; width: 104px !important; border: none; background: transparent !important; }

.ytope-form__phone-number .dd-select a, .ytope-form__phone-number .dd-container a { font-size: 24px; padding-left: 12px; }

.ytope-form__phone-number .dd-pointer { display: none; }

.ytope-form__phone-number .dd-select { position: relative; top: 4px; }

.ytope-form__phone-number .dd-select::after { content: ""; display: block; width: 16px; height: 8px; background-image: url("../img/arrow-down-gray.png"); background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(50% - 2px); right: 8px; }

.ytope-form__phone-number .dd-selected { padding: 12px; width: 82px; border: none; }

.ytope-form__phone-number .dd-options { margin-top: 0px; background: white; border: 1px solid #00233f; border-radius: 0 0 0 8px; left: -1px; top: calc(100% - 4px); width: 105px !important; border-top: 0; box-shadow: inset 1px 1px 1px white; }

.ytope-form__phone-number .dd-options li:hover { cursor: pointer; background-color: #fcfcfc; }

.ytope-form__phone-number input[type="text"] { flex: 1 0 auto; border: none; background: transparent; font-size: 16px; padding: 17px 19px 17px 19px; }

.ytope-form__phone-number input[type="text"]:focus { outline: none; }

.ytope-submit { background: #00233f; border: 2px solid #00233f; border-radius: 24px; color: white; border: none; min-width: 131px; padding: 10px 18px; padding-bottom: 11px; font-size: 18px; }

.ytope-submit:hover { cursor: pointer; }

.ytope-submit--back { border: 2px solid #00233f; background: transparent; color: #00233f; font-weight: bold; }

.ytope-submit--cancel-with-back { border: 0; background: none; color: #00233f; text-decoration: underline; font-weight: bold; }

.ytope-submit--cancel { border: 2px solid #80919f; background: transparent; color: #00233f; font-weight: bold; }

.ytope-message { display: none; max-width: 530px; box-sizing: border-box; font-size: 16px; font-family: "YettelLight", Arial, Helvetica, sans-serif; padding: 21px 42px 21px 70px; background-color: #ffe9d3; position: relative; margin: 40px auto; }

.ytope-message__close { border: 2px solid #00233f; border-radius: 100%; width: 15px; height: 15px; position: absolute; top: 7px; right: 8px; }

.ytope-message__close:hover { cursor: pointer; }

.ytope-message__close::before, .ytope-message__close::after { content: ""; display: block; position: absolute; width: 2px; height: 10px; left: calc(50% - 1px); top: calc(50% - 5px); background-color: #00233f; }

.ytope-message__close::before { transform: rotateZ(45deg); }

.ytope-message__close::after { transform: rotateZ(-45deg); }

.ytope-message[data-ytope-message="active"] { display: block; }

.ytope-message::before { content: ""; display: block; position: absolute; width: 5px; height: 100%; top: 0; left: 2px; }

.ytope-message--error::before { background: #ff5728; }

.ytope-message--success::before { background: #2a9161; }

.ytope-summary { display: flex; }

.ytope-summary__item { font-family: "Yettel", Arial, Helvetica, sans-serif; border-left: 2px solid #c4dfe9; padding: 10px 30px 20px 30px; flex: 1 0 calc(100% / 3); }

.selfService-card { min-height: 80px; background: #ffffff; box-shadow: 0px 2px 8px #c7c7c754; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; }

.prevButton { text-decoration: underline; }

.topLevelBtn { position: absolute; bottom: 20px; left: 33%; text-decoration: underline; }

.buttonsContainer { display: flex; justify-content: space-evenly; }

.confirmationBtn { border: none; background: #002340; color: white; border-radius: 25px; height: 45px; width: 132px; }

.noButton { background: white; color: #002340; border: 1px solid #002340; border-radius: 25px; height: 45px; width: 132px; }

.answerLink { color: #002340 !important; text-decoration: underline; }

.selfService-success { flex-direction: column; align-items: center; justify-content: space-evenly; height: 90vh; }

.selfService-help { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 180px; margin-top: 20px; }

.selfService-help .selfService-call-center { color: #002340; text-decoration: none; }

.blue-line { height: 70px; border-right: 3px solid #c4dfe9; }

@media screen and (min-width: 240px) { .headerButton { display: block; /*margin: 8px;*/ background-color: transparent; cursor: pointer; cursor: hand; }
  .headerButton-Sep { /*margin: 8px 4px 8px 0;*/ margin: 10px 4px 10px 0; width: 4px; display: block; /*background-color: #e3e3e3;*/ border-right: 1px solid #c0c0c0; }
  .headerButton-Options { background-image: url("../img/header-options.png"); background-position: center center; display: block; height: 32px; width: 32px; }
  .headerButton-SectionChange { color: #00afee; font-size: 0.95em; display: block; height: 32px; line-height: 32px; background-color: transparent; max-width: 64px; text-overflow: ellipsis; overflow: hidden; }
  .headerButton-MenuToggler { color: #909daa; font-size: 1.1em; display: block; height: 52px; line-height: 32px; background-color: transparent; max-width: 120px; text-overflow: ellipsis; overflow: hidden; }
  .headerButton-IconMore { display: block; float: right; background-color: transparent; background-image: url("../img/arrow-link.png"); background-size: 20px 20px; background-repeat: no-repeat; height: 32px; width: 16px; background-position: 0 center; }
  .headerButton-IconOptions { display: block; float: left; background-color: transparent; background-image: url("../img/header-options.png"); background-size: 52px 52px; background-repeat: no-repeat; height: 52px; width: 52px; background-position: 0 center; }
  #menu { display: none; padding: 0; }
  /*sideBarMenu*/
  #sideBarMenuGlass { z-index: 9998; background-color: #008FD0; opacity: 0.2; filter: alpha(opacity=20); /*For IE8 and earlier */ position: absolute; top: 52px; overflow: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 0 auto; margin: 0 auto; }
  #sideBarMenu { position: absolute; z-index: 9999; top: 52px; right: 0; width: 85%; background-color: #00aae5; padding: 8px; }
  #sideBarMenu li a { display: block; font-size: 1.3em; font-weight: 600; }
  #sideBarMenu a, #sideBarMenu a:visited { color: #fff; text-decoration: none; padding: 8px; }
  #sideBarMenu ul { padding: 0; margin: 0; }
  #sideBarMenu li { list-style: none; text-indent: 0; padding: 0; }
  #sideBarMenu h3 { position: relative; font-size: 1.3em; font-weight: 600; background-color: transparent; width: 100%; margin: 0 0 8px 0; }
  #sideBarMenu h3 a { margin-right: 41px; display: block; background: #00557c; width: auto; }
  #sideBarMenu .noChildren a { margin-right: 0; }
  #sideBarMenu .noChildren .sideBarMenuSectionToggler { display: none; }
  .sideBarMenuSectionToggler { background-color: #00557c; width: 39px; display: block; position: absolute; right: 0; top: 0; padding: 8px 0 8px 0; background-image: url("../img/side-menu-arrow-updown.png"); background-position: -40px center; background-repeat: no-repeat; }
  .sideBarMenuSectionToggler.opened { background-position: 0 center; }
  #sideBarMenu h4 { font-size: 1.1em; border-top: 1px solid #fff; margin: 0; text-align: right; padding-right: 41px; position: relative; }
  #sideBarMenu h4 a { margin-top: 8px; display: block; }
  .sideBarCloseIcon { width: 39px; display: block; position: absolute; right: 0; top: 0; padding: 8px 0 8px 0; margin-top: 5px; background-image: url("../img/side-menu-arrow-updown.png"); background-position: -80px center; background-repeat: no-repeat; }
  .sectionsHolder { display: block; }
  a.menuItem span { margin: 4px 0 4px 0; padding: 8px; display: block; border-right: 1px solid #80deff; }
  a.menuItem, a.menuItem:visited, a.menuItem:active { color: #fff; float: left; display: block; width: 50%; text-decoration: none; font-size: 1em; margin: 0; padding: 0; border-bottom: 1px solid #80deff; }
  #sections { padding: 0; background-color: #282828; }
  a.sectionMenuItem span { margin: 0px; padding: 8px; display: block; text-align: center; border-right: 1px solid #474747; }
  a.sectionMenuItem:last-of-type span { border-right: none; }
  a.sectionMenuItem.selected { background-color: #585858; }
  a.sectionMenuItem, a.sectionMenuItem:visited, a.sectionMenuItem:active { color: #fff; float: left; display: block; width: 33%; text-decoration: none; font-size: 1em; margin: 0; padding: 0; }
  h2.mng-Digest-Title { text-decoration: none; }
  .mng-Digest-ImageHolder { float: left; /*padding: 0 10px 4px 0px;*/ text-align: center; display: block; }
  .mng-Digest-Image { display: block; border: none; margin: 0 auto; }
  .mng-Digest-Link { background-image: url("../img/arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; padding-left: 50px; padding-top: 5px; height: 30px; display: block; margin-top: 10px; font-size: 18px; text-decoration: none; color: black; }
  .mng-Group-items { padding: 4px; }
  .rssLink { font-size: 1.2em; }
  .rssLinkBottom { padding-left: 4px; }
  .rssAlign { font-size: 1em; }
  .rssAlignDesktop { display: inline; display: inline-block; border-width: 0; border: none; outline: none; }
  /* layout */
  .mng-Isotope section { display: inline-block; width: 100%; }
  .isotope-story { width: 100%; border-bottom: 5px solid #fff; }
  .isotope-story-long .isotope-background-desktop { display: none; }
  .isotope-story-long .isotope-background-mobile { display: block; }
  .isotope-story-short .isotope-background-desktop { display: none; }
  .isotope-story-short .isotope-background-mobile { display: block; }
  /* Created on : Jun 14, 2016, 15:29:18 AM Author     : dpantovic */
  .phonebook .btns { margin-bottom: 10px; }
  .phonebook .btn { width: 95%; }
  .phonebook ul { margin: 0; padding: 0; }
  .phonebook ul:not(.pagination) li { list-style: none; margin: 0px 0px 10px 0px; padding: 0; width: 100%; }
  .phonebook .telInput { width: 100%; }
  .phonebook .checkbox-1 { margin-top: 25px; }
  .phonebook .styledCheckbox { margin-left: 5%; }
  .phonebook .submit-btn { width: 100%; }
  .phonebook .mng-TableWrapper { font-size: 15px; }
  .phonebook .standardTable { width: 100%; }
  .phonebook .standardTable tbody tr td { width: 25%; text-align: center; }
  .phonebook .standardTable tbody tr td span { font-weight: bold; color: white; }
  .phonebook .custom-form .group-inner { margin-bottom: 0px; }
  .phonebook .group-half { margin-bottom: 20px; }
  .phonebook .group-half .group-inner { width: 100%; margin-bottom: 10px; }
  .phonebook .checkbox-1 .styledCheckbox { float: left; }
  .phonebook .checkbox-1 .label-1 { float: left; margin-top: 5px; text-align: center; padding: 0px; }
  .phonebook .group-two { margin-bottom: 20px; }
  .phonebook .results { float: left; padding: 3px 0; padding-left: 10px; border-left: 1px solid #9e9e9e; }
  .phonebook .results .search-txt { float: left; font-family: "Yettel", sans-serif; font-size: 16px; line-height: 20px; color: #9e9e9e; text-transform: uppercase; margin-top: 12px; margin-left: 6px; }
  .phonebook .results .search-nr { float: left; font-family: "Yettel", sans-serif; font-size: 50px; color: #00233f; }
  .phonebook .pagination { margin-top: 30px; }
  .phonebook .error, .phonebook .validation-errors, .phonebook .validation-error { font-size: 20px; }
  /* Created on : Jun 17, 2016, 11:29:18 AM Author     : dpantovic */
  .formGames { margin: 5px; }
  .formGames .error, .formGames .errors, .formGames .validation-errors, .formGames .validation-error { font-size: 16px; }
  /* Created on : Jun 14, 2016, 15:29:18 AM Author     : dpantovic */
  .manualPhoneConfiguration #manualPhoneTabContainer { display: none; }
  .manualPhoneConfiguration .btns { margin-bottom: 10px; margin-left: 3%; margin-right: 3%; }
  .manualPhoneConfiguration .btn_holder { width: 33%; float: left; }
  .manualPhoneConfiguration .btn_holder_mid { width: 0.5%; height: 10px; float: left; }
  .manualPhoneConfiguration .btn { width: 100%; }
  .manualPhoneConfiguration .plan-select li:first-child { margin-right: 0px; }
  .manualPhoneConfiguration ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0; width: 100%; }
  /* Created on : Jun 17, 2016, 11:29:18 AM Author     : dpantovic */
  /* ================================= Family Calculator style ====================================*/
  .family-calculator { /* ================================= Family Calculator style ====================================*/ /* Icons */ /* Custom Select */ /* IE9 */ }
  .family-calculator * { box-sizing: border-box; }
  .family-calculator .icon-arrow-bottom { background-image: url(../img/arrow-bottom-1.png); background-size: 13px; }
  .family-calculator .icon-check { background-image: url(../img/check-1.png); background-size: 111px; }
  .family-calculator .icon-clock { background-image: url(../img/clock-1.png); background-size: 20px; }
  .family-calculator .icon-clock-2 { background-image: url(../img/clock-2.png); background-size: 20px; }
  .family-calculator .icon-close { background-image: url(../img/close-1.png); background-size: 13px; }
  .family-calculator .icon-message { background-image: url(../img/message-1.png); background-size: 20px; }
  .family-calculator .icon-message-2 { background-image: url(../img/message-2.png); background-size: 20px; }
  .family-calculator .icon-plus { background-image: url(../img/plus-1.png); background-size: 23px; }
  .family-calculator .icon-web { background-image: url(../img/web-1.png); background-size: 20px; }
  .family-calculator .icon-web-2 { background-image: url(../img/web-2.png); background-size: 20px; }
  .family-calculator .family-calc-wrap { padding: 50px 0; overflow: hidden; }
  .family-calculator .left-box { float: left; width: 260px; background: #004969; -webkit-box-shadow: -10px 15px 50px 0 rgba(0, 0, 0, 0.3); box-shadow: -10px 15px 50px 0 rgba(0, 0, 0, 0.3); padding: 15px; margin-top: 60px; }
  .family-calculator .left-box ul { list-style: none; padding-left: 0; }
  .family-calculator .left-box ul li { background: url(../img/border-1.png) 0 0 repeat-x; padding: 20px 30px 12px 0; }
  .family-calculator .left-box .title { font-size: 13px; font-weight: 600; color: #00233f; text-transform: uppercase; text-align: right; margin-top: 11px; margin-bottom: 36px; }
  .family-calculator .left-box .group-name { font-size: 23px; color: #fff; text-align: right; margin-bottom: 0; position: relative; }
  .family-calculator .left-box .group-info { font-size: 13px; font-weight: 600; color: #00233f; text-transform: uppercase; text-align: right; margin-bottom: 0; }
  .family-calculator .left-box .group-name i { width: 20px; height: 20px; position: absolute; right: -30px; top: 2px; background-position: center center; background-repeat: no-repeat; }
  .family-calculator .columns-wrap { float: left; width: 880px; position: relative; }
  .family-calculator .add-box { text-align: center; padding-left: 260px; margin-bottom: 30px; }
  .family-calculator .add-box .users-txt { display: none; }
  .family-calculator .add-box .users-txt.active { display: block; }
  .family-calculator .add-box .add-txt { font-size: 23px; line-height: 28px; color: #fff; background: #00233f; margin-bottom: 10px; padding: 10px 10px 18px 10px; border-radius: 4px; }
  .family-calculator .add-box .bonus-txt { font-family: "together", sans-serif; font-size: 70px; line-height: 60px; color: #fff; position: relative; top: 13px; }
  .family-calculator .add-box .bonus-txt small { font-size: 20px; font-size: 20px; position: relative; top: -29px; left: 5px; }
  .family-calculator .user-box { width: 165px; height: 512px; float: left; border-radius: 3px; padding: 15px 10px 10px 10px; position: relative; border: 2px solid #00233f; background: #fff; }
  .family-calculator .user-box.hover, .family-calculator .user-box.hover .icon-close { background-color: #eef3f5; }
  .family-calculator .columns-wrap .user-box:not(:last-child) { margin-right: 12px; }
  .family-calculator .user-box.animate { animation: inputerror 1s ease 1; -ms-animation: inputerror 1s ease 1; -moz-animation: inputerror 1s ease 1; -webkit-animation: inputerror 1s ease 1; -o-animation: inputerror 1s ease 1; border-color: #ff0079; }
  @keyframes inputerror { 0% { border-color: #00233f; }
    20% { border-color: #ff0079; }
    40% { border-color: #00233f; }
    60% { border-color: #ff0079; }
    80% { border-color: #00233f; }
    100% { border-color: #ff0079; } }
  .family-calculator .icon-close { display: inline-block; width: 25px; height: 25px; background-color: #fff; background-repeat: no-repeat; background-position: center center; border-radius: 13px; position: absolute; top: -8px; right: 5px; cursor: pointer; }
  .family-calculator .icon-close:before, .family-calculator .icon-close:after { content: ""; width: 25px; height: 8px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: 0 0; background-size: 25px; }
  .family-calculator .icon-close:before { background-image: url(../img/close-border.png); opacity: 1; }
  .family-calculator .icon-close:after { background-image: url(../img/close-border-2.png); opacity: 0; }
  .family-calculator .animate .icon-close:before { animation: borderremove 1s ease 1; -ms-animation: borderremove 1s ease 1; -moz-animation: borderremove 1s ease 1; -webkit-animation: borderremove 1s ease 1; -o-animation: borderremove 1s ease 1; opacity: 0; }
  .family-calculator .animate .icon-close:after { animation: borderanimation 1s ease 1; -ms-animation: borderanimation 1s ease 1; -moz-animation: borderanimation 1s ease 1; -webkit-animation: borderanimation 1s ease 1; -o-animation: borderanimation 1s ease 1; opacity: 1; }
  @keyframes borderanimation { 0% { opacity: 0; }
    20% { opacity: 1; }
    40% { opacity: 0; }
    60% { opacity: 1; }
    80% { opacity: 0; }
    100% { opacity: 1; } }
  @keyframes borderremove { 0% { opacity: 1; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    60% { opacity: 0; }
    80% { opacity: 1; }
    100% { opacity: 0; } }
  .family-calculator .user-box .group-name { display: none; }
  .family-calculator .user-box .group { height: 74px; background: url(../img/border-2.png) left bottom repeat-x; position: relative; }
  .family-calculator .user-box .disable-modal { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .family-calculator .user-box .disabled .custom-select { pointer-events: none; }
  .family-calculator .user-box .disabled .disable-modal { display: block; }
  .family-calculator .user-box select { width: 100%; padding: 0px 20px 0px 0px; font-size: 20px; line-height: 25px; font-weight: 500; font-family: "together", sans-serif; color: #00233f; outline: 0 !important; position: relative; cursor: pointer; border: none; background: url(../img/arrow-bottom-1.png) right center no-repeat; background-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: color 0.3s ease; -ms-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; }
  .family-calculator .user-box .disabled select { color: #9e9e9e; }
  .family-calculator .user-box .name { display: block; width: 100%; height: 30px; font-family: "together", sans-serif; font-size: 18px; line-height: 1; color: #00233f; text-transform: uppercase; border: none; background: #eaeaea; border: 2px solid #eaeaea; padding: 8px 10px 4px 10px; border-radius: 3px; margin-bottom: 20px; }
  .family-calculator .user-box .user-txt { display: block; width: 100%; height: 30px; font-family: "together", sans-serif; font-size: 18px; line-height: 1; color: #00233f; text-transform: uppercase; border: none; background: #eaeaea url(../img/user-1.png) 8px center no-repeat; background-size: 14px; border: 2px solid #eaeaea; padding: 6px 10px 6px 30px; border-radius: 3px; margin-top: 4px; margin-bottom: 16px; }
  .family-calculator .user-box .name:focus { outline: none; }
  .family-calculator .user-box.invalid .name { animation: inputerror 0.5s ease 3; -ms-animation: inputerror 0.5s ease 3; -moz-animation: inputerror 0.5s ease 3; -webkit-animation: inputerror 0.5s ease 3; -o-animation: inputerror 0.5s ease 3; }
  .family-calculator .name:focus::-webkit-input-placeholder { color: transparent; }
  .family-calculator .name:focus::-moz-placeholder { color: transparent; }
  .family-calculator .name::-webkit-input-placeholder { /* WebKit browsers */ color: #00233f; }
  .family-calculator .name::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #00233f; opacity: 1; }
  .family-calculator .name:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #00233f; }
  .family-calculator .user-box label { display: block; font-size: 13px; font-weight: 600; color: #9e9e9e; text-transform: uppercase; }
  .family-calculator .user-box ul { padding-left: 0; list-style: none; text-align: right; margin: 0 0 20px 0; }
  .family-calculator .user-box > ul li { height: 71px; padding: 12px 0; background: url(../img/border-2.png) left bottom repeat-x; }
  .family-calculator .user-box .key { display: block; font-size: 13px; font-weight: 600; color: #00233f; text-transform: uppercase; }
  .family-calculator .user-box .value { font-size: 13px; font-weight: 600; color: #f60675; text-transform: uppercase; }
  .family-calculator .user-box .value span { font-size: 30px; }
  .family-calculator .user-box .summary { text-align: right; margin-bottom: 25px; }
  .family-calculator .user-box .summary .amount { display: block; font-size: 13px; font-weight: 600; color: #00233f; text-transform: uppercase; }
  .family-calculator .user-box .price { color: #f60675; text-align: right; margin-bottom: 7px; }
  .family-calculator .user-box .price .key { color: #f60675; }
  .family-calculator .user-box .price .amount { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #f60675; line-height: 10px; }
  .family-calculator .user-box .price .amount span { font-family: "together", sans-serif; font-size: 40px; line-height: 40px; }
  .family-calculator .popup { width: 150px; font-size: 14px; position: absolute; top: 50px; left: 10px; color: #fff; padding: 20px; border-radius: 5px; background: #004969; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); z-index: 2; }
  .family-calculator .columns-wrap .user-box .hidden { display: none; }
  .family-calculator .columns-wrap .user-box .hidden-2 { display: none; }
  .family-calculator .columns-wrap .user-box.show-1 .hidden { display: block; }
  .family-calculator .columns-wrap .user-box.show-1.show-2 .hidden-2 { display: block; }
  .family-calculator .columns-wrap .user-box.show-1 .tariff-txt { display: none; } }

@media only screen and (min-width: 240px) and (max-width: 1180px) { .family-calculator .add-box { padding: 0 10px; }
  .family-calculator .left-box { display: none; }
  .family-calculator .columns-wrap { width: 100%; }
  .family-calculator .user-box { width: 48%; height: auto; margin: 0 1% 30px 1%; }
  .family-calculator .columns-wrap .user-box:not(:last-child) { margin-right: 1%; }
  .family-calculator .user-box .group-name { display: block; font-family: "together", sans-serif; font-size: 15px; line-height: 20px; color: #fff; text-align: right; margin-bottom: 0; position: relative; background: #00233f; padding: 10px 5px; margin-bottom: 5px; }
  .family-calculator .user-box .group-name i { display: inline-block; float: right; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat; margin-left: 5px; }
  .family-calculator .user-box > ul { overflow: hidden; background: url(../img/border-2.png) bottom left repeat-x; padding-top: 10px; }
  .family-calculator .user-box > ul li { width: 48%; height: 104px; float: left; background: none; padding-top: 0; }
  .family-calculator .user-box > ul li:nth-child(odd) { margin-right: 4%; }
  .family-calculator .user-box .bottom { height: 74px; overflow: hidden; }
  .family-calculator .user-box .summary { float: left; width: 48%; margin-right: 4%; }
  .family-calculator .user-box .price { float: left; width: 48%; }
  .family-calculator .user-box .price .amount span { width: 100%; margin-bottom: 0; } }

@media only screen and (min-width: 240px) and (max-width: 720px) { .family-calculator .user-box { width: 96%; margin: 0 2% 30px 2%; }
  .family-calculator .columns-wrap .user-box:not(:last-child) { margin-right: 2%; } }

@media only screen and (min-width: 240px) and (max-width: 450px) { .family-calculator .user-box .group-name { font-size: 13px; } }

@media screen and (min-width: 240px) { .family-calculator .custom-select { position: relative; }
  .family-calculator .custom-select .dk-select { display: block; width: 100%; line-height: 1; cursor: pointer; position: relative; z-index: 5; }
  .family-calculator .custom-select .dk-selected { width: 100%; padding: 0px 20px 0px 0px; font-size: 20px; line-height: 25px; font-weight: 500; font-family: "together", sans-serif; color: #00233f; transition: color 0.3s ease; -ms-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; outline: 0 !important; position: relative; cursor: pointer; }
  .family-calculator .disabled .custom-select .dk-selected { color: #9e9e9e; }
  .family-calculator .custom-select .dk-selected:before { content: " "; display: inline-block; width: 15px; height: 25px; position: absolute; top: 0px; right: 0px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/arrow-bottom-1.png); background-size: 13px; }
  .family-calculator .custom-select .dk-select-options { list-style: none; position: absolute; padding-left: 0; top: 34px; left: 0; right: 0; width: 100%; border-top: none; -webkit-box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.4); box-shadow: 4px 5px 20px 0px rgba(0, 0, 0, 0.4); overflow: hidden; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; max-height: 170px; overflow-y: auto; background: #fff; z-index: 10; }
  .family-calculator .custom-select .dk-select-options .dk-option-selected, .family-calculator .custom-select .dk-select-options .dk-option-highlight, .family-calculator .custom-select .dk-option:hover { background-color: #00233f; color: #fff; }
  .family-calculator .custom-select .dk-option { padding: 10px; font-size: 16px; font-weight: 500; font-family: "together", sans-serif; background-color: #fff; color: #00233f; cursor: pointer; text-align: left; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }
  .family-calculator .custom-select.dk-select-open-down .dk-selected { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
  .family-calculator .custom-select.dk-select-open-down .dk-selected:after { border-width: 0 6px 8px; border-bottom-color: white; }
  .family-calculator .custom-select.dk-select-open-down .dk-select-options { transform: scaleY(1); -webkit-transform: scaleY(1); }
  .family-calculator select[data-dkcacheid] { display: none; }
  .family-calculator .ie9 .user-box .group { overflow: hidden; background: url(../img/arrow-bottom-1.png) 131px 20px no-repeat; background-size: 13px; position: relative; }
  .family-calculator .ie9 .custom-select { padding-right: 0; }
  .family-calculator .ie9 .disable-modal { display: none; } }

@media screen and (min-width: 240px) and (max-width: 319px) { #header { height: 52px; }
  .headerLogo { height: 32px; margin: 10px 8px 10px 8px; border: none; }
  .mng-Digest-ImageHolder { width: 64px; /* 60 + 4 */ padding: 0 4px 4px 0; }
  .mng-Digest-Image { max-width: 60px; min-width: 36px; }
  .mng-Digest-ImageHolder.noWrapedText { width: 60px; padding: 0; position: absolute; left: 4px; top: 4px; }
  h2.mng-Digest-Title.floatedOnRight, .mng-Digest-Text.floatedOnRight { padding-left: 68px; /* 60 + 4 + 4*/ }
  .mng-Digest-Text { font-size: 1em; padding: 4px; }
  h2.mng-Digest-Title { font-size: 1.3em; line-height: 0.95em; font-weight: normal; padding: 4px; }
  .mng-Html-content { font-size: 1em; padding-left: 4px; padding-right: 4px; }
  h1 .mng-ListLabel-content { font-weight: normal; font-size: 1.4em; line-height: 1.4em; }
  h2 .mng-ListLabel-content { font-weight: normal; font-size: 1.3em; line-height: 1.3em; }
  h3 .mng-ListLabel-content { font-size: 1.1em; }
  h4 .mng-ListLabel-content { font-size: 1em; font-weight: bold; }
  .mng-ListLabel-content { padding: 4px; }
  .mng-ListLabel-icon { background-size: 16px 16px; width: 20px; display: block; min-height: 16px; }
  a.mng-ListLink { text-decoration: none; border-bottom: 1px solid #a0d6ee; font-size: 0.9em; position: relative; }
  a.mng-ListLink:after { content: " "; background-image: url("../img/icons/chevron-right.png"); background-position: right center; background-size: 16px 16px; background-repeat: no-repeat; width: 10px; height: 16px; position: absolute; right: 4px; top: 50%; margin-top: -8px; }
  .mng-ListLink-content { padding: 8px 20px 8px 4px; }
  .mng-ListLink-icon { background-size: 16px 16px; width: 20px; display: block; min-height: 16px; }
  .tile-content { font-size: 1.3em; } }

@media screen and (min-width: 320px) { .ex-EshopDevicesPromotion { display: block; }
  .ex-EshopDevicesPromotionRotator { text-align: center; }
  .ex-EshopDevicesPromotionRotator-Link { text-decoration: none; border: none; color: #22282E; }
  .ex-EshopDevicesPromotionRotator-DeviceLeft { float: left; width: 20%; padding: 0 auto; margin: 40px 0 0 0; height: 160px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .ex-EshopDevicesPromotionRotator-DeviceCenter { float: left; width: 60%; padding: 0 auto; margin: 0; height: 200px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .ex-EshopDevicesPromotionRotator-DeviceRight { float: left; width: 20%; padding: 0 auto; margin: 0; margin: 40px 0 0 0; height: 160px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .ex-EshopDevicesPromotionRotator-CommandPrev { margin: 0; padding: 0; float: left; width: 10%; font-size: 3em; font-weight: bold; margin-top: 0.2em; color: #5d6975; text-align: right; background-image: url("../img/dark-arrow-left.png"); background-position: right center; background-repeat: no-repeat; }
  .ex-EshopDevicesPromotionRotator-Info { margin: 0; padding: 0; float: left; width: 80%; }
  .ex-EshopDevicesPromotionRotator-CommandNext { margin: 0; padding: 0; float: left; width: 10%; font-size: 3em; font-weight: bold; margin-top: 0.2em; color: #5d6975; text-align: left; background-image: url("../img/dark-arrow-right.png"); background-position: left center; background-repeat: no-repeat; }
  .ex-EshopDevicesPromotionRotator-InfoTitle { font-size: 1.3em; margin: 0; color: #00afee; }
  .ex-EshopDevicesPromotionRotator-InfoPrice { font-size: 1em; }
  .ex-EshopDevicesPromotionRotator-InfoPriceValue { color: #ff7000; font-size: 1.8em; font-weight: bold; font-style: normal; }
  #header { height: 52px; background-color: transparent; }
  .headerLogo { height: 32px; margin: 10px 8px 10px 8px; border: none; }
  #floatingHeader { /*display: block;*/ background-color: rgba(0, 125, 182, 0.8); width: 100%; padding: 0; margin: 0; position: absolute; /* Fix if mobile phone does not support position Fixed */ position: fixed; top: 0; left: 0; z-index: 11200; height: 52px; }
  #floatingHeaderMenuButton { display: block; position: absolute; right: 4px; top: 4px; width: 44px; height: 44px; padding: 0; margin: 0; background-color: transparent; background-image: url("../img/header-options_floating.png"); background-position: center center; background-repeat: no-repeat; }
  .floatingHeaderLogo { height: 32px; margin: 10px 8px 10px 8px; border: none; }
  body { font-family: "YettelLight", Arial, sans-serif !important; background-color: transparent; /*color: red !important;*/ }
  .phoneLink { text-decoration: none; color: inherit; }
  ul.mng-Carousel-Status { padding: 0; margin: 0; display: block; background-color: transparent; text-align: center; list-style: none; border: none; display: block; height: 24px; }
  ul.mng-Carousel-Status li { padding: 0; margin: 0 auto; display: inline-block; /*background-color: $yettel-error;*/ width: 24px; height: 24px; line-height: 0.5em; background-image: url("../img/carousel_bullet.png"); background-color: transparent; background-repeat: no-repeat; background-position: center center; }
  ul.mng-Carousel-Status li.on { background-image: url("../img/carousel_bullet_on.png"); }
  .carousel-cta-btn { width: 90%; padding-left: 0; padding-right: 0; }
  .carousel-cta-btn.left-cta { left: 0; margin-left: 5%; }
  .carousel-cta-btn.right-cta { right: 0; margin-right: 5%; }
  .mng-Digest-Text { font-size: 1.1em; padding: 0 8px 8px 8px; }
  .mng-Digest-ImageHolder { width: 88px; /* 80 + 8 */ padding: 0 8px 8px 0; }
  .mng-Digest-Image { max-width: 80px; min-width: 48px; }
  .mng-Digest-ImageHolder.noWrapedText { width: 80px; padding: 0; position: absolute; left: 8px; top: 8px; }
  h2.mng-Digest-Title.floatedOnRight, .mng-Digest-Text.floatedOnRight { padding-left: 96px; /* 80 + 8 + 8*/ }
  .mng-Digest-Text { font-size: 1em; padding: 8px; }
  h2.mng-Digest-Title { font-size: 1.4em; line-height: 0.95em; font-weight: normal; padding: 8px; }
  .mng-Html-content { font-size: 1.1em; padding-left: 8px; padding-right: 8px; }
  .html-bck .mng-Html-content { padding: 8px; }
  .mng-ListLabel h1 { font-size: 1.7em; }
  .mng-ListLabel h2 { font-size: 1.65em; }
  .mng-ListLabel h3 { font-size: 1.5em; }
  .mng-ListLabel h4 { font-size: 1.25em; }
  .mng-ListLabel-icon { display: inline-block; vertical-align: middle; }
  a.mng-ListLink { text-decoration: none; border-bottom: 1px solid #a0d6ee; font-size: 1.1em; position: relative; }
  a.mng-ListLink:after { content: " "; background-image: url("../img/icons/chevron-right.png"); background-position: right center; background-size: 15px 20px; background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; right: 18px; top: 50%; margin-top: -10px; }
  .mng-ListLink-content { padding: 8px 28px 8px 18px; line-height: 20px; font-size: 1.2em; }
  .mng-ListLink-icon { background-size: 24px 24px; width: 30px; min-height: 30px; display: block; }
  .tile-title, .tile-description { font-size: 12px; margin-top: 0; }
  .tile-no-icon-holder, .tile-icon-holder { display: block; margin: 0 auto; }
  .tile-icon-holder { width: 80px; height: 80px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .rssLinkBottom { padding-left: 8px; }
  .telenor-closest { margin: 8px; margin-bottom: 0; height: 22px; background-color: #0091d2; text-align: center; text-decoration: none; font-size: 18px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; }
  .telenor-closest-inactive { background-color: #c7edfc; cursor: default; color: #333333; }
  .telenor-closest-active { color: white !important; }
  .telenor-closest-text { margin-bottom: 0; }
  #telenor-map { height: 15em; }
  .telenor-map-bubble { font-size: 0.6em; }
  .working-hours { margin-bottom: 2px; margin-top: 2px; }
  .working-hours-title { margin-bottom: 4px; }
  .no-padding { padding: 0 !important; }
  .mng-CodeSnippetFeature { display: none; }
  .mng-Tab-collapsable { background-position: 97%; }
  .mng-Tab-content { display: none; }
  .mng-Tab-selected { display: block; }
  .mng-TabsForMobile { display: block; }
  .mng-Table { margin-bottom: 5px; }
  .store_locator_container { display: block; margin-bottom: 30px; }
  .store_locator_container_small { display: none; }
  .store-locator-left, .store-locator-right { display: inline-block; vertical-align: top; width: calc(50% - 80px); height: 400px; }
  .store-locator-left { background-image: url("../img/store-locator/promotebg.png"); padding: 40px; padding-top: 80px; }
  .sl-google-search label { color: white; font-size: 23px; }
  .wrapper-container { margin: 0 auto; position: relative; }
  .search-icon { background: url("../img/store-locator/top-nav/search.png") no-repeat 0 0; background-size: 20px 20px; }
  .store-loc { margin-top: 20px; margin-bottom: 2%; }
  .store-loc .store-frm { background: url("/images/store-locator/store_loc/store-loc-bg.png") no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
  .store-loc .store-map { vertical-align: top; }
  .store-loc .title, .store-loc .desc { color: #ffffff; }
  .store-loc .compas { background: url("/images/store-locator/store_loc/compas.png") no-repeat; background-size: 60px 60px; width: 60px; height: 60px; }
  .store-loc .store-loc-search { padding: 0 40px 0 30px; background: #ffffff; line-height: 40px; position: relative; }
  .store-loc .store-loc-search .search-icon { background: url("../img/store-locator/store_loc/store-loc-search.png") no-repeat; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; left: 0px; top: 7px; }
  .store-loc .store-loc-search input[type="text"] { width: 100%; border: none; padding-left: 0; padding-right: 0; outline: none; }
  .store-loc .store-loc-search input[type="submit"] { background: url("../img/store-locator/store_loc/expand-locator.png"); background-size: 40px 40px; position: absolute; border: none; right: -2px; width: 40px; height: 40px; cursor: pointer; top: 0; }
  .store_page { color: #FFFFFF; }
  .store_page .store-info { background: url("../img/store-locator/promotebg.png") no-repeat; background-size: 200% 200%; }
  .store_page .store-info .title { color: #FFFFFF; }
  .store_page .store-info .desc { color: #FFFFFF; }
  .store_page .store-info div.content { border-bottom: 1px solid #ffffff; }
  .store_page .store-info div.content:last-child { border-bottom: 0; }
  .store_page .store-info .content .head { position: relative; }
  .store_page .content .head .w-arrow { background: url("../img/store-locator/arrow-right-white.png") no-repeat; background-size: 20px 35px; position: absolute; top: 20px; right: 10px; cursor: pointer; }
  .store_page .content .head .w-arrow.active { background: url("../img/store-locator/arrow-down-white.png") no-repeat; background-size: 39px 20px; top: 30px; right: 15px; }
  .store_page .content .body .address .transportation img { vertical-align: bottom; }
  .schedule ul { list-style: none !important; list-style-image: none !important; color: white; }
  .schedule ul li { padding-left: 0 !important; list-style: none !important; list-style-image: none !important; background-image: none !important; color: white; }
  .store_page .store-info .content .body .schedule ul li { border-top: none; }
  .store_page .store-info .content .body .schedule .day { display: inline-block; }
  .store_page .store-info .content .body .schedule .time { display: inline-block; }
  .store_page .store-loc-search { background: #ffffff; position: relative; }
  .store_page .store-loc-search .search-icon { background: url("../img/store-locator/store_loc/store-loc-search.png") no-repeat; background-size: 20px 20px; position: absolute; left: 5px; top: 7px; }
  .store_page .store-loc-search input[type="text"] { border: none; }
  .store_page .store-loc-search input[type="submit"] { background: url("../img/store-locator/store_loc/expand-locator.png"); background-size: 40px 35px; position: absolute; border: none; right: -2px; cursor: pointer; top: 0; }
  .store_page .store-info .content .store-page { color: white; }
  .store_page .store-info .content .store-page img { vertical-align: middle; }
  .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
  .v_desk, .h_tab, .h_phone { display: initial; }
  .h_desk, .v_tab, .v_phone { display: none !important; }
  body { width: 100%; overflow-x: hidden; }
  .wrapper-container { width: 100%; max-width: 1280px; }
  .store-loc .store-frm { float: left; width: 25%; }
  .store-loc .store-frm .content { padding: 40px 20px 40px 20px; }
  .store-loc .store-map { float: left; width: 75%; height: 326px; }
  .store-loc .title, .store-loc .desc { padding-top: 15px; padding-bottom: 10px; }
  .store-loc .title { font-size: 34px; }
  .store-loc .desc { font-size: 18px; }
  .store_page .store-info { padding-top: 40px; vertical-align: top; }
  .store_page .store_map { vertical-align: top; }
  .store_page .store-info > div { padding-right: 20px; padding-left: 15px; }
  .store_page .store-info .main-title { font-size: 21px; }
  .store_page .store-info .title { font-size: 18px; }
  .store_page .store-info .desc { font-size: 14px; }
  .store_page .store-info .sub-desc { font-size: 13px; }
  .store_page .store-info div.content { margin-bottom: 10px; padding-bottom: 20px; }
  .store_page .store-info div.content:last-child { border-bottom: 1px solid #ffffff !important; }
  .store_page .store-info .content .head img { width: 40px; height: 40px; }
  .store_page .store-info .content .head .main-title { margin-top: 5px; max-width: 350px; }
  .store_page .content .head .w-arrow { width: 20px; height: 35px; }
  .store_page .content .head .w-arrow.active { width: 39px; height: 20px; }
  .store_page .content .body .address > div { margin-top: 15px; }
  .store_page .content .body .address .transportation .title { margin-bottom: 10px; }
  .store_page .content .body .address .transportation img { width: 30px; height: 30px; margin-top: 10px; margin-right: 15px; }
  .store_page .store-info .content .body { width: 100%; margin-top: 30px; }
  .store_page .store-info .content .body .address { width: 44%; display: inline-block; float: right; }
  .store_page .store-info .content .body .schedule { width: 51%; margin-top: 15px; display: inline-block; }
  .store_page .store-info .content .body .schedule ul li { font-size: 14px; margin-top: 5px; padding-top: 0; padding-bottom: 0; }
  .store_page .store-info .content .body .schedule .day { width: 35%; }
  .store_page .store-info .content .body .schedule .time { display: inline-block; }
  .store_page .store-frm { margin-top: 5px; margin-bottom: 30px; }
  .store_page .store-loc-search { padding: 0 40px 0 30px; line-height: 35px; }
  .store_page .store-loc-search .search-icon { width: 20px; height: 20px; }
  .store_page .store-loc-search input[type="text"] { width: 100%; padding-left: 7px; padding-right: 0; }
  .store_page .store-loc-search input[type="submit"] { width: 40px; height: 35px; }
  .store_page .store-info .content .store-page { font-size: 18px; margin-top: 20px; }
  .store_page .store-info .content .store-page img { width: 35px; height: 30px; margin-right: 10px; }
  .col1 { width: 21.6101%; margin: 0 1.6949%; }
  .col2 { width: 46.6101%; margin: 0 1.6949%; }
  .col3 { width: 71.6101%; margin: 0 1.6949%; }
  .col4 { width: 96.6101%; margin: 0 1.6949%; }
  #addressInput { /*border: 1px solid black;*/ }
  .gm-style-iw { color: black; max-width: 300px; }
  #stores-cont { overflow: auto; height: 300px; }
  .infoPopup a img { /*margin: 3px;*/ }
  .infoPopupItem { margin-right: 5px; margin-bottom: 3px; }
  .storesList { width: calc(100% - 20px); }
  .address { font-size: 16px !important; }
  .hddInf { display: none; }
  .head .main-title { cursor: pointer; }
  .rvNazivDana { width: 100px; display: inline-block; }
  .rvVreme { display: inline-block; }
  .store_locator_container { display: block; margin-bottom: 30px; }
  .store-info { width: 100%; min-height: 220px; }
  .store_map { width: 100%; height: 270px; }
  .store-loc-label { width: 120px; display: block; }
  .store-loc-search-left, .store-loc-search-right { margin-bottom: 10px; } }

@media screen and (min-width: 480px) { .mng-Digest-ImageHolder { width: 128px; /* 120 + 8 */ padding: 0 8px 8px 0; }
  .mng-Digest-Image { max-width: 120px; min-width: 70px; }
  .mng-Digest-ImageHolder.noWrapedText { width: 120px; padding: 0; position: absolute; left: 8px; top: 8px; }
  h2.mng-Digest-Title.floatedOnRight, .mng-Digest-Text.floatedOnRight { padding-left: 136px; /* 120 + 8 + 8*/ }
  /*  Created on : Apr 20, 2016, 11:22:35 AM Author     : brankko */
  .plan-list .slat-1 img { /*    width: 50px; right: 20px;*/ } }

@media screen and (min-width: 720px), screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 1.2), screen and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.1) { #header { height: 58px; background-color: transparent; }
  .headerLogo { height: 42px; margin: 8px; border: none; }
  .headerButton-Sep { margin-top: 13px; margin-bottom: 13px; }
  #sideBarMenu { top: 52px; width: 400px; }
  #sideBarMenuGlass { top: 58px; }
  #desktopBarMenuBack { height: 374px; position: absolute; top: 0; left: 0; right: 0; z-index: -3; }
  #headerMenuToggler { color: white; }
  .headerLogoPlaceholder { display: inline-block; width: 150px; height: 42px; margin-top: 10px; margin-left: 10px; }
  hr { width: 98%; }
  #content { background-color: transparent; }
  .sidebar-first-level { list-style-type: none; margin-top: 0; padding-left: 0; margin-right: 25px; }
  .sidebar-first-level-li { padding-left: 10px; border-top: solid 1px #d3d3d3; padding-bottom: 5px; list-style-type: none; }
  .sidebar-first-level-li-a { margin-top: 5px; }
  .sidebar-first-level-li ul { padding-left: 25px; }
  .sidebar-first-level-li li { list-style-type: disc; }
  .side-bar-menu { width: 100%; display: inline-block; vertical-align: top; padding-left: 2%; padding-top: 2%; background-repeat: no-repeat; list-style-type: none; margin-right: 25px; }
  .side-bar-menu a { text-decoration: none; color: #002340; }
  .side-bar-menu ul { list-style-type: none; padding-left: 15px; }
  .selected-side-menu { font-weight: bolder; }
  .side-menu-list ul li { padding: 4px 0; }
  #sideBanner { padding-left: 2%; padding-right: 2%; }
  .phoneLink { text-decoration: none; color: inherit; }
  .mng-ListLabel { margin-left: 2%; margin-right: 2%; }
  .mng-ListLabel h1 { font-size: 1.9em; }
  .mng-ListLabel h1.pageTitle { font-size: 26px; display: inline-block; }
  .mng-ListLabel h2 { font-size: 1.7em; }
  .mng-ListLabel h3 { font-size: 1.6em; }
  .mng-ListLabel h4 { font-size: 1.5em; }
  .mng-Group { display: inline-block; }
  .mng-CodeSnippet { display: inline-block; vertical-align: top; }
  .mng-Digest-Title { display: none; }
  .mng-Digest-ImageHolder { float: none; padding: 0; width: 100%; }
  .mng-Digest-TextRest { display: block; vertical-align: middle; margin-top: 10px; }
  .mng-Digest-TextRest11 { display: inline-block; width: 35vw; }
  .mng-Digest-Text { width: 100%; padding: 0; }
  .mng-Digest-Subtitle { color: #a3a3a3; font-size: 16px; line-height: 125%; margin-bottom: 10px; margin-top: 0; }
  .mng-Digest-Url { padding-left: 30px; }
  .mng-Digest-Content { display: inline-block; vertical-align: top; margin-left: 20px; margin-right: 20px; }
  .mng-Digest-Link { background-image: url("../img/arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; padding-left: 40px; padding-top: 5px; height: 30px; display: block; margin-top: 10px; font-size: 18px; text-decoration: none; color: black; }
  .mng-Digest-ImageHolder img { max-width: 100%; }
  .mng-Digest-TitleDesk { color: #0091d2; margin-bottom: 10px; display: block; }
  .mng-Digest-ImageHolder11 { display: inline-block; width: 56vw; margin-right: 3vw; vertical-align: middle; }
  .mng-Digest-TextRest12 { padding-left: 2%; padding-right: 2%; padding-bottom: 2%; }
  .mng-Digest-TextRest13 { padding-left: 2%; padding-right: 2%; padding-bottom: 2%; }
  .mng-Digest-TextRest14 { padding-left: 2%; padding-right: 2%; padding-bottom: 2%; }
  .mng-Digest-TextRest23 { padding-left: 2%; padding-right: 2%; padding-bottom: 2%; }
  .mng-Digest-Underlined { border: none; }
  .mng-Digest-Content.highlighted { margin-bottom: 0; }
  .mng-Digest-Content .mng-Digest-TextRestNoPadd { padding-left: 0; padding-right: 0; }
  .mng-Carousel-Status { position: absolute; bottom: 10px; left: 0; right: 0; cursor: pointer; }
  .mng-Carousel-padd { position: absolute; height: 374px; background-repeat: no-repeat; width: 100%; }
  .topCarouselLoader { top: 50px; height: 200px; padding-top: 50px; background-color: white; }
  .topCarouselShifter { height: 250px; }
  .carousel-cta-btn { width: 44%; }
  .carousel-cta-btn.left-cta { left: 6%; }
  .carousel-cta-btn.right-cta { right: 6%; }
  .mng-Tabs-deskTabsHolder { margin-bottom: 20px; text-align: left; }
  .mng-Tabs-deskTabs { display: block; margin-left: 2%; margin-right: 2%; }
  .mng-Tabs-deskTab { display: inline-block; vertical-align: bottom; background-color: #e1e1e1; color: #909090; padding: 0; cursor: pointer; font-size: 20px; font-family: "Yettel", sans-serif; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; border-radius: 3px; min-width: 120px; text-align: center; min-height: 26px; margin-right: 10px; }
  .mng-Tabs-deskTab:hover { background-color: #002340; color: white; }
  .mng-Tabs-deskTabs .mng-Tab-selected { background-color: #002340; color: white; position: relative; }
  .mng-Tabs-deskTabs .mng-Tab-selected:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #002340 transparent transparent transparent; position: absolute; bottom: -8px; left: 50%; margin-left: -12px; }
  .mng-Tab-content0 { display: block; }
  .mng-Tabs-preDeskTabs { width: 0; height: 50px; left: 0; background-color: white; position: absolute; }
  .mng-Tabs-postDeskTabs { width: 0; height: 50px; right: 0; background-color: white; position: absolute; }
  .mng-Tab-item { border-bottom: none; margin: 0; padding-top: 0; }
  .mng-Tab-mobTitle { display: none; }
  .mng-TabsForDesk { display: block; }
  .tabs-full-screen2 .mng-Tabs-deskTab { width: calc(49% - 60px); margin-left: 5px; margin-right: 5px; min-width: 80px; }
  .tabs-full-screen2 .mng-Tabs-deskTab:first-child { margin-left: 0; }
  .tabs-full-screen2 .mng-Tabs-deskTab:last-child { margin-right: 0; }
  .tabs-full-screen3 .mng-Tabs-deskTab { width: calc(33.45% - 60px); margin-left: 5px; margin-right: 5px; min-width: 80px; }
  .tabs-full-screen3 .mng-Tabs-deskTab:first-child { margin-left: 0; }
  .tabs-full-screen3 .mng-Tabs-deskTab:last-child { margin-right: 0; }
  .tabs-full-screen4 .mng-Tabs-deskTab { width: calc(24.8% - 60px); margin-left: 5px; margin-right: 5px; min-width: 50px; }
  .tabs-full-screen4 .mng-Tabs-deskTab:first-child { margin-left: 0; }
  .tabs-full-screen4 .mng-Tabs-deskTab:last-child { margin-right: 0; }
  .tabs-full-screen5 .mng-Tabs-deskTab { width: calc(19.8% - 60px); margin-left: 5px; margin-right: 5px; min-width: 10px; }
  .tabs-full-screen5 .mng-Tabs-deskTab:first-child { margin-left: 0; }
  .tabs-full-screen5 .mng-Tabs-deskTab:last-child { margin-right: 0; }
  .tabs-full-screen6 .mng-Tabs-deskTab { width: calc(16.5% - 60px); margin-left: 5px; margin-right: 5px; min-width: 50px; }
  .tabs-full-screen6 .mng-Tabs-deskTab:first-child { margin-left: 0; }
  .tabs-full-screen6 .mng-Tabs-deskTab:last-child { margin-right: 0; }
  .mng-Table { margin: 2%; }
  .mng-TableElement { border-collapse: collapse; overflow: hidden; margin: 0 auto; display: table; width: 100%; }
  .mng-TableElement td { white-space: initial; padding: 5px; }
  .mng-TableElement14 { width: 16%; }
  .tile-block { width: 16%; }
  .tile-title, .tile-description { font-size: 16px; }
  .tile-no-icon-holder, .tile-icon-holder { display: block; margin: 0 auto; }
  /* .tile-icon-holder { width: 100px; height: 100px; } */
  .tile-container.width-type-11 { width: 100%; }
  .tile-container.width-type-12 { width: 45%; }
  .tile-image { width: 100%; }
  .tile-block.tile-size-1 { width: 80%; }
  .tile-block.tile-size-2 { width: 45%; }
  .tile-block.tile-size-3 { width: 22%; }
  .tile-block.tile-size-4 { width: 18%; }
  .tile-block.tile-size-5 { width: 14%; }
  .tile-block.tile-size-6 { width: 14%; margin: 0.3%; }
  .width-type-12 { width: 45%; margin-left: 2%; margin-right: 2%; }
  .width-type-12 .tile-block.tile-size-6 { width: 32%; }
  .width-type-12 .tile-block.tile-size-5 { width: 32%; }
  .width-type-12 .tile-block.tile-size-4 { width: 48%; }
  .width-type-12 .tile-size-3 { width: 32%; }
  .width-type-12 .tile-size-2 { width: 48%; }
  .width-type-12 .tile-size-1 { width: 96%; }
  .tileicon-block { width: 16.3%; }
  .mng-no-space-width12 .tileicon-block { width: 32.4%; }
  .mng-no-space-width13 .tileicon-block { width: 32.4%; }
  /* layout */
  .mng-Isotope section { display: inline-block; }
  .mng-Isotope section.isotope-solo { width: 49.9%; overflow: hidden; }
  .mng-Isotope section.isotope-duo { width: 100%; }
  .mng-Isotope section.isotope-solo .isotope-story { width: 100%; }
  .mng-Isotope section.isotope-duo .isotope-story { width: 49.9%; }
  .isotope-story { border-bottom: none; border-right: 5px solid #fff; }
  .isotope-story-long .isotope-background-desktop { display: block; border-bottom: 5px solid #fff; }
  .isotope-story-long .isotope-background-mobile { display: none; }
  .isotope-story-short .isotope-background-mobile { display: block; }
  .mng-Button .btn-button { margin: 0; }
  .btn-button.full-width { width: 100%; }
  #page-footer .back-to-top { margin-top: -20px; }
  a.mng-ListLink { margin: 2%; border-bottom: none; margin-bottom: 2px; margin-top: 2px; }
  .mng-ListLink-content { background-color: #f6f7f8; padding: 8px 8px 8px 48px; line-height: 20px; font-size: 1.3em; }
  .mng-ListLink-content:hover { background-color: #e5f4fa; }
  a.mng-ListLink:after { content: " "; background-image: url("../img/icons/chevron-right.png"); background-position: right center; background-size: 20px 20px; background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; left: 18px; top: 50%; margin-top: -10px; }
  .mng-Html { margin-top: 0 !important; display: inline-block; webkit-text-size-adjust: 100%; }
  .html-bck .mng-Html-content { padding-top: 2%; padding-bottom: 2%; }
  .mng-Html-content { padding-left: 0; padding-right: 0; }
  .shops-list .shop-category { font-size: 24px; }
  .shops-map #map-canvas-shops { height: 500px; }
  .search-inner { padding: 14px 90px 14px 15px; }
  .search-inner .search-input { font-size: 20px; }
  .search-inner .btn-search { padding: 13px; }
  .shops-search .ui-widget.custom-combobox-input { padding: 12px 50px 12px 15px; }
  .shops-search .store-select-1 div.fancy-select div.trigger { padding: 13px 30px 11px 15px; }
  .shops-search .store-select-1 div.fancy-select ul.options { top: 46px; }
  .shop-results { height: 130px; border-left: 1px solid #a8a8a8; padding-left: 2px; margin-bottom: 0; width: 28%; }
  .store-select-1 { width: calc(50% - 20px); margin-bottom: 30px; display: inline-block; }
  .store-select-1:first-child { margin-right: 20px; }
  .store-select-1:last-child { margin-left: 20px; }
  .store-select-1-short ul { max-height: 200px; }
  .shops-search { margin: 0; }
  .shops-list { margin-right: 10px; }
  .shops-map { margin: 0; }
  .shops-list .scroll-to-map { display: none; }
  .side-menu-list > li > a { padding: 6px 15px 6px 0; font-size: 20px; }
  .side-menu-list > li > a:before { top: 11px; }
  .faq-list .expandable { padding-left: 45px; padding-right: 30px; }
  .faq-list .expandable.no-padding { padding-left: 10px; }
  .contact-us { margin-bottom: 80px; }
  .contact-us .subpage-title { margin-bottom: 40px; }
  .contact-us p { font-size: 30px; line-height: 36px; text-align: center; }
  .contact-us li a { width: 48px; height: 48px; margin: 10px 25px; }
  .contact-us .message { background-size: 48px; }
  .contact-us .facebook { background-size: 20px; }
  .contact-us .twitter { background-size: 41px; }
  .contact-us .mail { background-size: 48px; }
  .contact-us .phone { background-size: 48px; }
  .contact-list { margin: 40px 0; }
  .postBackBCLike { margin-left: 2%; }
  .news-article .img-box { float: left; width: 286px; }
  .news-article img { margin-bottom: 0; }
  .news-article .inner { float: left; width: calc(100% - 310px); padding-left: 20px; }
  .news-article h3 { font-size: 40px; line-height: 44px; }
  .backbutton { margin-left: 2%; }
  .pageTitleContainer { padding: 2%; }
  .pageTitleContainer .subpage-social { display: block; }
  #mobile-social { display: none; }
  /* Created on : Apr 20, 2016, 11:22:35 AM Author     : brankko */
  .plan-list .slat-2, .plan-list .slat-3 { width: 50%; }
  .plan-list .slat-2 .col-in { border-right: 1px solid #bcbcbc; }
  .plan-list .slat-1 .col-name { min-height: 60px; padding: 10px 0 0 10px; }
  .plan-list .slat-1 img { /*    width: auto; bottom: -25px;*/ }
  .plan-list .text-1, .plan-list .text-2 { font-size: 18px; line-height: 1em; }
  .plan-list .service-inner img.custom-width { max-height: 45px; }
  .services-list .col-1 { width: 60px; }
  .services-list .col-2 { padding-left: 80px; }
  .services-list .col-1 img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
  .digital-services-widget .col-left img { display: block; max-width: 400px; margin-left: auto; margin-right: auto; }
  .digital-services-widget .col-left h3 { font-size: 40px; line-height: 44px; color: #fff; margin-bottom: 30px; }
  .list-boxes li { zoom: 1; }
  .list-boxes li:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .list-boxes .col-1 { float: left; width: 36%; padding-right: 10px; }
  .list-boxes .col-2 { float: left; width: 37%; }
  .list-boxes .col-3 { float: left; width: 26%; padding-left: 10px; }
  .internet-prepaid-promo .col-left h5 { font-size: 25px; line-height: 30px; }
  .section article h5 { font-size: 25px; line-height: 30px; }
  .shortcuts-wrap .widgets article.box-4 { width: 100%; }
  .shortcuts-wrap .widgets .small-cnt { margin-bottom: 0px; width: 50%; float: left; }
  .prepaid-promo-box .col-1 h3 { font-size: 40px; line-height: 44px; }
  .prepaid-promo-box .col-1 ul li { font-size: 20px; line-height: 24px; }
  .prepaid-table .slat-2 { border-bottom: 0; }
  .prepaid-table .slat-4 { width: 50%; }
  .prepaid-table .slat-2 .col, .prepaid-table .slat-4 .col { height: 100px; }
  .prepaid-table .plan-list .text-1 span { font-size: 27px; }
  .prepaid-table .plan-list .text-1 small { font-size: 12px; }
  .prepaid-table .col-price .inner p { font-size: 40px; }
  .prepaid-table .col-price .inner .bottom { font-size: 12px; }
  .plan-list .col-price .inner p { font-family: "Yettel", sans-serif; font-size: 27px; color: #00233f; text-align: center; margin-bottom: 5px; }
  .internet-tablet { padding-bottom: 28px; padding-top: 28px; }
  .internet-salt2 { border-bottom: none !important; }
  /* Created on : Jun 14, 2016, 15:29:18 AM Author     : dpantovic */
  .phonebook ul:not(.pagination) li { margin: 0; width: 50%; }
  .phonebook #phonebook_form_1_btn, .phonebook #phonebook_form_2_btn { width: 98%; }
  .phonebook #phonebook_form_mid { width: 2%; }
  .phonebook .telInput { width: 50%; padding-right: 11px; }
  .phonebook .checkbox-1 { margin-top: 15px; }
  .phonebook .submit-btn { width: 304px; }
  .phonebook .group-half .group-inner { width: 50%; }
  .phonebook .checkbox-1 .styledCheckbox { margin-left: 45%; }
  .phonebook #phonebook_form_2 .group-half .group-inner:nth-child(-n+3) { width: 29%; padding-right: 1%; float: left; }
  .phonebook #phonebook_form_2 .group-half .group-inner:nth-child(4) { width: 10%; float: left; }
  /* Created on : Jun 17, 2016, 11:29:18 AM Author     : dpantovic */
  .formGames .group .group-inner { width: 50%; }
  /* Created on : Jun 14, 2016, 15:29:18 AM Author     : dpantovic */
  .manualPhoneConfiguration .btns { margin-left: 0; margin-right: 0; width: 100%; } }

@media screen and (min-width: 1180px) { /*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
  #header { float: left; width: 160px; vertical-align: top; background-color: blue; display: none; }
  #header a img { display: block; }
  #headerMenuToggler { display: none; }
  #floatingHeaderDesktop { /*display: block;*/ background-color: rgba(0, 125, 182, 0.8); width: 100%; padding: 0; margin: 0; position: absolute; /* Fix if mobile phone does not support position Fixed */ position: fixed; top: 0; left: 0; z-index: 11200; height: 40px; display: none; }
  #floatingHeader { display: none; }
  #heightHolder { height: 100px; }
  #sideBarMenuHolder { position: fixed; margin: 0 auto; display: block; height: 58px; right: 0; top: 0; left: 0; font-family: "Yettel"; font-size: 15px; font-weight: normal; z-index: 10; width: 1180px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { #sideBarMenuHolder { width: 1500px; } }

@media screen and (min-width: 1180px) { #floatingHeaderDesktopImage { display: block; }
  .floatingImageDeskMax { margin-top: 18px; height: 80px; width: 220px; background-image: url("../img/page-logo.png"); background-repeat: no-repeat; }
  .floatingImageDeskMax a { display: block; height: 60px; width: 220px; }
  .floatingImageDeskMin { margin-top: 0px; height: 40px; width: 100px; background-image: url("../img/sticky-gp-logo.png"); background-repeat: no-repeat; }
  .floatingImageDeskMin a { display: block; height: 40px; width: 100px; margin-top: 10px; }
  #desktopBarMenuBack { height: 374px; position: absolute; top: 0; left: 0; right: 0; z-index: -3; }
  #desktopBarMenuHeight { height: 100px; }
  #sideBarMenuContainer { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
  .sideBarContShow { background: none repeat scroll 0 0 rgba(0, 145, 210, 0.9); height: 40px; opacity: 0.9; filter: alpha(opacity=90); }
  #sideBarMenu { position: absolute; left: 27%; width: 200%; height: 100px; top: 0; z-index: 99; margin: 0; padding: 0; display: block; background-color: transparent; }
  #sideBarMenu h3 { display: inline-block; width: auto; margin: 0; height: 40px; }
  #sideBarMenu h3 a { background-color: transparent; font-size: 17px; font-weight: normal; padding: 0; padding-left: 20px; padding-right: 20px; height: 30px; margin: 0; padding-top: 10px; }
  .sideBarMenuSectionToggler, #sideBarMenu h4, .sectionsHolder { display: none; }
  .secLevelUl { position: absolute; height: 60px; display: block; background-color: #00233f; right: 0; left: 0; }
  .secLevelUl li { display: inline-block; }
  #sideBarMenu .secLevelUl li a { font-family: "Yettel"; font-size: 15px; font-weight: normal; margin-left: 20px; margin-right: 20px; padding: 0; padding-top: 20px; height: 36px; display: inline-block; color: white; }
  .secLevelUlScroll { position: absolute; height: 40px; display: block; right: 0; left: 0; }
  .secLevelUlScroll li { display: inline-block; }
  #sideBarMenu .secLevelUlScroll li a { display: inline-block; color: white; font-family: "Yettel"; font-size: 15px; font-weight: normal; margin-left: 20px; margin-right: 20px; padding: 0; padding-top: 10px; height: 26px; }
  .sideBarContainerShow { display: block; }
  .sideBarContainerHide { background-color: #db381d; }
  #deskFloatLogo { display: inline-block; }
  #secLevelUlFloat { display: inline-block; vertical-align: top; margin: 0; }
  #secLevelUlFloat li { display: inline-block; }
  #secLevelUlFloat .secLevelAnch { display: inline-block; color: white; text-decoration: none; font-family: "Yettel"; font-size: 15px; font-weight: normal; height: 26px; margin-left: 20px; margin-right: 20px; padding-top: 10px; }
  .secLevelAnch:hover, .secLevelAnchSelected { border-bottom: 4px solid #cfde00; }
  #sideBarMenu .secLevelUl li a:hover, .secLevelSelected { border-bottom: 4px solid #cfde00; }
  #sideBarMenu .secLevelUlScroll li a:hover { border-bottom: 4px solid #cfde00; }
  .menuLevelOneSelected a { background-color: #00233f !important; }
  .sideBarMenuInside { position: relative; }
  #sideBarMenuInsideBck { position: absolute; height: 40px; width: 100%; background-image: url("../img/imgo1.jpg"); }
  /*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
  #content { font-size: 0px; margin: 0 auto; background-color: transparent; max-width: 1180px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { #content { max-width: 1500px; } }

@media screen and (min-width: 1180px) { .mng-Element { font-size: 18px; }
  hr { width: auto; margin-left: 20px; margin-right: 20px; }
  .side-menu-list ul { list-style-type: none; }
  .side-menu-list > li { background: transparent; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; }
  .side-menu-list > li > a { display: block; font-family: "Yettel", sans-serif; line-height: 20px; font-size: 19px; color: #002340; text-transform: uppercase; text-decoration: none; padding: 6px 15px 6px 0; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
  .side-menu-list > li > a > span { color: #002340; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }
  .side-menu-list > li > a:before { content: ""; width: 5px; height: 8px; background: url(../img/icons/arr-right-2.png) 0 0 no-repeat; background-size: 5px; position: absolute; top: 13px; left: 8px; opacity: 0; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
  .side-menu-list > li.active > a { background: #002340; }
  .side-menu-list > li:hover > a, .side-menu-list > li.active > a { padding-left: 15px; }
  .side-menu-list > li.active > a, .side-menu-list > li.active > a > span { color: #fff; }
  .side-menu-list > li:hover > a:before { opacity: 1; }
  .side-menu-list > li.active > a:before { opacity: 1; background-image: url(../img/icons/arr-right-3.png); }
  .side-menu-list ul { padding: 0 5px 5px 20px; }
  .side-menu-list ul li a { font-size: 15px; color: #576d7e; text-decoration: none; padding-left: 8px; background: url(../img/icons/arr-right-2.png) 0 4px no-repeat; background-size: 5px; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -ms-transition: color 0.3s ease; transition: color 0.3s ease; }
  .side-menu-list ul li a:hover { color: #002340; }
  .selected-side-menu { font-weight: bolder; }
  #sideBanner { padding: 0px; position: fixed; right: 0; bottom: 50px; }
  #sideBannerMob { display: none; }
  #sideBannerDesk { display: block; }
  .phoneLink { text-decoration: none; color: inherit; }
  #menu-right-icon { padding: 15px; height: 35px; }
  #menu-right-anchor { padding: 0 !important; height: 100% !important; }
  .mng-ListLabel { margin-left: 20px; margin-right: 20px; }
  .mng-ListLabel h1 { font-size: 2.1em; }
  .mng-ListLabel h1.pageTitle { font-size: 34px; }
  .mng-ListLabel h2 { font-size: 1.9em; }
  .mng-ListLabel h3 { font-size: 1.8em; }
  .mng-ListLabel h4 { font-size: 1.7em; }
  .mng-Html-content { font-size: 1em; padding: 0; }
  .mng-Digest-Title { display: none; }
  .mng-Digest-ImageHolder { display: inline-block; vertical-align: middle; float: none; padding: 0; }
  .mng-Digest-TextRest { display: inline-block; }
  .mng-Digest-TextRest11 { width: 360px; }
  .mng-Digest-Text { width: 100%; padding: 0; }
  .mng-Digest-Subtitle { color: #a3a3a3; font-size: 18px; line-height: 125%; margin-bottom: 10px; margin-top: 0; }
  .mng-Digest-Url { padding-left: 30px; }
  .mng-Digest-Content { display: inline-block; vertical-align: top; margin: 20px; }
  .mng-Digest-Link { background-image: url("../img/arrow.png"); background-repeat: no-repeat; background-size: 30px 30px; padding-left: 50px; padding-top: 5px; height: 30px; display: block; margin-top: 10px; font-size: 18px; text-decoration: none; color: black; }
  .mng-Digest-TitleDesk { color: #0091d2; margin-bottom: 10px; display: block; }
  .mng-Digest-TitleDesk11 { font-size: 34px; }
  .mng-Digest-Content11 { margin-left: 0; margin-right: 0; }
  .mng-Digest-ImageHolder11 { width: 700px; }
  .mng-Digest-ImageHolder12 { width: 550px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-ImageHolder12 { width: 710px; } }

@media screen and (min-width: 1180px) { .mng-Digest-TitleDesk12 { font-size: 24px; }
  .mng-Digest-TextRest12 { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 510px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-TextRest12 { width: 670px; } }

@media screen and (min-width: 1180px) { .mng-Digest-Content13 { width: 353.333333333px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-Content13 { width: 460px; } }

@media screen and (min-width: 1180px) { .mng-Digest-ImageHolder13 { width: 353.333333333px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-ImageHolder13 { width: 460px; } }

@media screen and (min-width: 1180px) { .mng-Digest-TitleDesk13 { font-size: 32px; }
  .mng-Digest-TextRest13 { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; width: 333.333333333px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-TextRest13 { width: 440px; } }

@media screen and (min-width: 1180px) { .mng-Digest-ImageHolder14 { width: 255px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-ImageHolder14 { width: 335px; } }

@media screen and (min-width: 1180px) { .mng-Digest-TitleDesk14 { font-size: 24px; }
  .mng-Digest-TextRest14 { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; width: 235px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-TextRest14 { width: 315px; } }

@media screen and (min-width: 1180px) { .mng-Digest:hover { opacity: 0.6; filter: alpha(opacity=60); }
  .mng-Digest-TextRest23 { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; width: 510px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-Digest-TextRest23 { width: 670px; } }

@media screen and (min-width: 1180px) { .mng-CodeSnippet { display: inline-block; vertical-align: top; }
  .mng-Carousel1 { padding-bottom: 13px; }
  .mng-CarouselTop { position: absolute; top: 0; width: 100%; left: 0; right: 0; }
  .mng-Carousel-Status { position: absolute; left: 0; right: 0; cursor: pointer; }
  .mng-Carousel-padd { position: static; }
  .carousel-cta-btn { width: auto; display: inline-block; padding-left: 42px; padding-right: 42px; margin: 0 !important; }
  .carousel-cta-btn.left-cta { left: 24%; }
  .carousel-cta-btn.right-cta { right: 24%; }
  .mng-Tabs-deskTabs { margin-left: 20px; margin-right: 20px; }
  .tabs-full-screen2 .mng-Tabs-deskTab { width: calc(48.5% - 60px); }
  .tabs-full-screen3 .mng-Tabs-deskTab { width: calc(33.33% - 60px); margin-left: 5px; margin-right: 5px; }
  .tile-container { margin-left: 20px; margin-right: 20px; }
  .tile-title { font-size: 21px; }
  .tile-container.width-type-11 { width: 1140px; }
  .tile-container.width-type-12 { width: 550px; }
  .tile-block.tile-size-1 { width: 480px; }
  .tile-block.tile-size-2 { width: 370px; }
  .tile-block.tile-size-3 { width: 280px; }
  .tile-block.tile-size-4 { width: 226px; }
  .tile-block.tile-size-5 { width: 200px; }
  .tile-block.tile-size-6 { width: 180px; }
  .tile-image { width: 100%; display: block; height: auto; }
  .tile-description { display: block; }
  .tile-no-icon-holder, .tile-icon-holder { display: none; }
  .width-type-12 .tile-block.tile-size-6 { width: 177px; }
  .width-type-12 .tile-block.tile-size-5 { width: 195px; }
  .width-type-12 .tile-block.tile-size-4 { width: 265px; }
  .width-type-12 .tile-size-3 { width: 174px; }
  .width-type-12 .tile-size-2 { width: 265px; }
  .width-type-12 .tile-size-1 { width: 177px; }
  .tileicon-block { width: 192px; }
  .tileicon-link { width: 180px; }
  .tile-size-normal .tileicon-image-wrapper { width: 86px; }
  .tile-size-big .tileicon-image-wrapper { width: 130px; }
  .tile-shape-circle.tile-size-big .tileicon-image-wrapper { border-radius: 65px; }
  .tile-shape-circle.tile-size-normal .tileicon-image-wrapper { border-radius: 43px; }
  .tileicon-image-wrapper { margin-bottom: 12px; }
  .tileicon-image { max-height: none; max-width: none; }
  /* layout */
  .mng-Isotope section.isotope-solo, .mng-Isotope section.isotope-duo { display: inline-block; width: 33.3333%; }
  .mng-Isotope section.isotope-duo .isotope-story { width: 100%; }
  .mng-Isotope section.isotope-duo .isotope-story:first-of-type { border-bottom: 6px solid #fff; }
  .isotope-story-long .isotope-background-desktop { border-bottom: none; }
  /* sub-elements */
  .isotope-bottom { -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; }
  .isotope-text { height: 0; overflow: hidden; opacity: 0; -webkit-transition-property: height, opacity; -moz-transition-property: height, opacity; transition-property: height, opacity; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; }
  .isotope-story:hover .isotope-bottom { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; }
  .isotope-story:hover .isotope-text { height: auto; opacity: 1; -webkit-transition-property: height, opacity; -moz-transition-property: height, opacity; transition-property: height, opacity; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; }
  .isotope-button { opacity: 0.5; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; }
  .isotope-story:hover .isotope-button { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s; transition-duration: 0.5s, 0.5s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
  /*.isotope-title {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    
}


*/
  /*
@media ($small-size-only) {

}

@media ($medium-size-only) {

}

@media ($medium-size-up) {

}

@media ($medium-size-down) {

}

@media ($large-size-only) {

}

@media ($large-size-up) {

}

@media ($large-size-down) {

}

@media ($xlarge-size-only) {

}
*/
  .groupTitle { margin-left: 20px; }
  .mng-no-space-width14 .groupTitle { width: 75%; }
  .mng-no-space-width13 .groupTitle { width: 78%; }
  .mng-no-space-width12 .groupTitle { width: 95%; }
  .groupHr { margin-left: 20px; margin-right: 20px; }
  .groupTitleHighlighted { font-size: 32px; }
  .mng-GroupFluid { margin: 0 auto; position: relative; overflow: hidden; width: 5000px; left: -1910px; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-GroupFluid { left: -1750px; } }

@media screen and (min-width: 1180px) { .mng-GroupFluidInner { width: 1180px; margin: 0 auto; } }

@media screen and (min-width: 1180px) and (min-width: 1500px) { .mng-GroupFluidInner { width: 1500px; } }

@media screen and (min-width: 1180px) { a.mng-ListLink { margin-right: 20px; margin-left: 20px; }
  .mng-ListLink-content { font-size: 1.1em; }
  .storesList { width: 520px; }
  .store-loc-search-left { float: left; }
  .store-loc-search-right { float: right; }
  .store-loc-search-left .store-loc-label { width: 95px; display: inline-block; }
  .store-loc-search-right .store-loc-label { width: 170px; display: inline-block; }
  .store_page .store-frm { mmargin-bottom: 60px; }
  #stores-cont { overflow-x: hidden; }
  .telenor-closest { width: fit-content; margin-left: 20px; }
  .telenor-closest-text { margin-left: 20px; }
  .store_locator_container { padding-left: 10px; }
  .shop-results { height: 130px; border-left: 1px solid #a8a8a8; padding-left: 4px; margin-bottom: 0; width: 328px; padding-left: 15px; }
  .shops-map #map-canvas-shops { height: 680px; }
  .customScrollY { height: 680px; }
  .store-locator-small { height: 330px; margin-left: 20px; position: relative; }
  .sls-modal { height: 320px; width: 300px; }
  #sls-map { height: 330px; position: absolute; width: 7000px; display: block; top: 0; left: -2900px; z-index: -5; }
  .postBackBCLike { margin-left: 20px; }
  .pagination-search ul { margin-top: 25px; }
  .posts-wrapper .search-group { float: right; width: 450px; }
  .backbutton { margin-left: 20px; }
  .pageTitleContainer { width: 1140px; padding: 20px; padding-bottom: 10px; background-color: white; margin: 0 auto; position: relative; top: 110px; }
  .pageTitle { font-size: 34px; }
  /*  Created on : Apr 20, 2016, 11:22:35 AM Author     : brankko */
  .subpage-content { zoom: 1; }
  .subpage-content:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .subpage-content > .container { width: 100%; padding: 0; }
  .plan-header { display: block; width: 100%; zoom: 1; background: #fff; min-height: 32px; margin-bottom: 10px; }
  .plan-header:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .plan-header .inner { background: #fff; padding: 6px 6px 6px 6px; z-index: 100; zoom: 1; }
  .plan-header .inner:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .plan-header .col { float: left; height: 20px; text-align: center; border-right: 1px solid #fff; }
  .plan-header .colbus { /*height: 44px;*/ }
  .plan-header .colbus p { white-space: normal; }
  .plan-header .col:last-child { border-right: none; }
  .plan-header .col-0 { width: 20%; }
  .plan-header .col-1 { width: 12.5%; }
  .plan-header .col-1w { width: 17.5%; }
  .plan-header .col-2 { width: 12.5%; }
  .plan-header .col-2w { width: 17.5%; }
  .plan-header .col-3 { width: 9.5%; }
  .plan-header .col-4 { width: 9.5%; }
  .plan-header .col-5 { width: 18%; }
  .plan-header .col-6 { width: 18%; }
  .plan-header .col-7 { width: 24%; }
  .plan-header .col-8n { width: 21%; }
  .plan-header .col-8 { width: 21.5%; }
  .plan-header .up, .plan-header .down { display: none; }
  .plan-header .col-0.bottom .down { display: inline; }
  .plan-header .col-0.top .up { display: inline; }
  .plan-header p { display: inline-block; font-family: "proxima-nova", sans-serif; font-size: 12px; color: #fff; line-height: 20px; text-align: center; font-weight: 600; text-transform: uppercase; zoom: 1; margin-bottom: 0; white-space: nowrap; }
  .plan-header p.sortItems { cursor: pointer; }
  .plan-header p:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .plan-header .col-icon { display: inline-block; float: left; width: 20px; height: 20px; margin-right: 5px; }
  .plan-header .icon-clock { background: url(../img/icons/clock-icon-2.png) center center no-repeat; }
  .plan-header .icon-logo { background: url(../img/icons/logo-1.png) center center no-repeat; }
  .plan-header .icon-sms { background: url(../img/icons/sms-2.png) center center no-repeat; }
  .plan-header .icon-web { background: url(../img/icons/web-2.png) center center no-repeat; }
  .plan-header .icon-speed { /* background: url(../img/icons/speed-2.devices-filter.top-fixed.png) center center no-repeat; */ }
  .plan-header .arrow { display: inline-block; width: 11px; height: 15px; background: url(../img/icons/sort-icon.png) 0 0 no-repeat; position: relative; top: 3px; margin-left: 5px; }
  .plan-header .col.top p span, .plan-header .col.bottom p span { /*color: $yettel-dark-blue;*/ }
  .plan-header .col.top .arrow { background-position: 0 -15px; }
  .plan-header .col.bottom .arrow { background-position: 0 -30px; }
  #plan-header { background: #00233f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  .plan-header.is-sticky { position: fixed; top: 54px; left: 0; z-index: 210; }
  .plan-header.is-sticky.sticky-filters-top { top: 0; }
  .plan-header.is-sticky #plan-header { background: #007bc3; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
  .plan-header.is-sticky .inner { left: 0; width: 100%; }
  .plan-header.is-sticky .inner .col-wrap { zoom: 1; width: 1150px; padding: 6px 15px 6px 15px; margin: 0 auto; }
  .plan-header.is-sticky .inner .col-wrap:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  #plan-header.unstick { position: relative !important; }
  .plan-list .list-item { overflow: hidden; padding-bottom: 0; }
  .plan-list .slat { border-bottom: 0; }
  .plan-list .slat-1 { width: 20%; overflow: visible; padding: 4px 0 0 0; }
  .plan-list .slat-2 { width: 25%; padding: 0; }
  .plan-list .slat-2w { width: 35%; padding: 0; }
  .plan-list .slat-3 { width: 19%; padding: 0; border-right: 1px solid #bcbcbc; }
  .plan-list .slat-4 { width: 36%; padding: 0; }
  .plan-list .slat-5 { width: 19%; padding: 0; border-right: 1px solid #bcbcbc; }
  .plan-list .slat-6 { width: 9.5%; padding: 0; border-right: 1px solid #bcbcbc; }
  .plan-list .slat-4.slat4bus { width: 44.5%; }
  .plan-list .slat4bus .col-service.colbusservice { width: 47%; }
  .plan-list .slat4bus .col-price.colbusprice { width: 53%; }
  .plan-list .col { height: auto; min-height: 96px; }
  .plan-list .slat-1 .col-name { padding-left: 5px; padding-top: 0; border-right: 1px solid #bcbcbc; /*min-height: 96px;*/ height: 88px; margin-top: 4px; }
  .plan-list .slat-1 img { /*    bottom: -25px; right: 10px;*/ }
  .plan-list .sort-box { height: 100%; width: auto; right: auto; left: 0; border-right: 1px solid #bcbcbc; padding-right: 4px; }
  .plan-list .sort-btn { width: 28px; height: 28px; background-size: 28px; opacity: 0; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
  .plan-list .list-item:hover .sort-btn { opacity: 1; }
  .plan-list .col-title { display: none; }
  .plan-list .text-1 { height: 96px; font-size: 27px; line-height: 26px; }
  .plan-list .text-2 { height: 96px; font-size: 17px; line-height: 26px; }
  .plan-list .text-1 span, .plan-list .text-2 span { position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
  .plan-list .service-inner { margin-top: 0; }
  .plan-list .service-inner img { max-height: 100%; }
  .plan-list .col-service, .plan-list .col-price { height: 96px; }
  .plan-list .col-price .btn { min-width: 140px; }
  .plan-list .col-price .inner p { text-align: right; padding-right: 15px; margin-bottom: 0px; }
  .plan-list .col-price.colbusprice .inner p { padding-right: 50px; }
  .plan-list .col-price .inner p { font-size: 40px; }
  .blue-slat .container { background: none; }
  .digital-services-widget .container { padding-top: 0; padding-bottom: 0; }
  .digital-services-widget .col-left { float: left; width: 47%; margin-right: 2%; margin-bottom: 0; }
  .digital-services-widget .col-left img { max-width: 100%; margin-bottom: 0; }
  .digital-services-widget .col-right { float: left; width: 51%; }
  .services-list li { margin-bottom: 50px; }
  .services-list .col-2 { padding-top: 0; padding-left: 80px; }
  .services-list .col-2 h4 { margin-bottom: 5px; }
  .plan-list .slat-4 .col-service { width: 49.5%; }
  .plan-list .slat-4 .col-price { width: 57%; }
  .plan-list .slat-4 .col-price.postpaid { width: 50%; }
  .prepaidprice { width: 50% !important; }
  .col.col-price.prepaidprice .inner { padding-top: 5px; }
  .internet-header .col-0 { width: 24%; }
  .internet-header .col-1 { width: 16%; }
  .internet-header .col-2 { width: 15%; }
  .internet-header .col-3 { width: 16%; }
  .internet-header .col-4 { width: 29%; text-align: right; }
  .plan-list.internet-list .slat-1 { width: 24%; }
  .plan-list.internet-list .slat-1 img { right: 20px; bottom: -35px; }
  .plan-list.internet-list .slat-2 { width: 47%; }
  .plan-list.internet-list .slat-2 .text-1 { margin: 0; }
  .plan-list.internet-list .slat-3 { width: 29%; border-right: 0; }
  .plan-list.internet-list .col-price .inner { padding-top: 5px; }
  .plan-list.internet-list .col-price p { margin-bottom: 0; padding-right: 0; }
  .plan-list.internet-list .col-price .subscription { margin-bottom: 5px; }
  .plan-list.internet-list .col-price .btn-green { width: auto; max-width: 98%; }
  .internet-prepaid-promo { zoom: 1; }
  .internet-prepaid-promo:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .internet-prepaid-promo .col-left { padding-top: 40px; float: left; width: 25%; margin-right: 5%; }
  .internet-prepaid-promo .col-right { float: left; width: 70%; }
  .shortcuts-wrap .widgets { background: #fff; }
  .shortcuts-wrap .widgets article.box { height: 540px; }
  .shortcuts-wrap .widgets article.box-2 { width: 33.33%; }
  .shortcuts-wrap .widgets article.box-4 { width: 33.33%; padding-right: 0; }
  .shortcuts-wrap .widgets .box-4 img { -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
  .shortcuts-wrap .widgets .box-4 .small-cnt:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transition: all 6s ease; -o-transition: all 6s ease; -webkit-transition: all 6s ease; -ms-transition: all 6s ease; transition: all 6s ease; }
  .prepaid-table .plan-header p { font-size: 13px; }
  .prepaid-table .plan-header .col-0 { width: 19%; margin-left: 20.5%; }
  .prepaid-table .plan-header .col-1 { width: 19%; }
  .prepaid-table .plan-header .col-2 { width: 19%; }
  .prepaid-table .plan-header .col-3 { width: 18%; }
  .prepaid-table .plan-header .col-4 { width: 16%; }
  .prepaid-table .plan-header .col-5 { width: 23%; }
  .prepaid-table .slat-1 { height: 100px; }
  .prepaid-table .slat-2 { width: 38.5%; }
  .prepaid-table .slat-4 { width: 36%; }
  .prepaid-table .service-inner { top: 50%; }
  .prepaid-table .col-price .inner { padding-top: 36px; }
  .prepaid-actions p a { display: inline; float: none; min-width: auto; margin-left: 0; }
  .prepaid-actions .normal-btn { float: none; width: 100%; margin-left: 0; min-width: 0; }
  .brands-group .select2 { width: 210px !important; }
  .plan-list.internet-list .col-price.internetpack .inner { text-align: center !important; padding-top: 0px; }
  .plan-list.internet-list .col-price.internetpack .inner .intprice { font-size: 34px; }
  .plan-list.internet-list .col-price.internetpack .inner p { text-align: center; }
  .internet-tablet { padding: 0; }
  /*  Created on : May 5, 2016, 1:02:18 PM Author     : brankko */
  .carousel-mini.top-fixed { -moz-transition: opacity 0.44s ease; -o-transition: opacity 0.44s ease; -webkit-transition: opacity 0.44s ease; -ms-transition: opacity 0.44s ease; transition: opacity 0.44s ease; top: 34px; opacity: 0; position: fixed; width: 1128px; left: 50%; margin-left: -565px; background: rgba(0, 172, 231, 0.9); z-index: 100; }
  .carousel-mini.top-fixed .slide-item:after { display: none; }
  .carousel-mini.top-fixed.shown { top: 34px; opacity: 1; }
  #services-slider.no-nav .slider-nav { display: none; }
  .side-menu-list > .side-menu-list > li:not(:last-child) { border-bottom: 0; }
  .faq-content .content-container { overflow: hidden; font-family: "Yettel", sans-serif; }
  .faq-content .side-menu { width: 250px; float: left; }
  .faq-content .content-with-menu { width: 850px; float: right; }
  .faq.home-faq .container { position: relative; }
  .faq.home-faq .col-1 { width: 340px; padding-right: 20px; }
  .faq.home-faq .col-1-2 { width: 480px; margin-top: 42px; position: relative; z-index: 1; }
  .faq.home-faq .col-2 img { position: relative; left: 120px; padding-top: 0; }
  .content-container:after { display: block; visibility: hidden; height: 0; clear: both; content: "."; }
  .side-menu { width: 300px; float: left; position: relative; }
  .side-menu:before { content: ""; width: 2000px; height: 100%; position: absolute; top: 0; right: 300px; background: #ececec; }
  .side-menu > li { padding: 10px 15px; }
  .side-menu > li > a:before { top: 16px; }
  .side-menu.side-border { border-right: 4px solid #00233f; }
  .side-menu.side-border:before { right: 296px; }
  .content-with-menu { float: right; width: 830px; }
  .content-with-menu > .container { width: 100%; margin-right: 0; }
  .faq-list h3 { font-size: 24px; line-height: 30px; color: #002340; }
  .contact-us p { font-size: 40px; line-height: 46px; }
  .info-section .decoration { width: 550px; }
  .support-part .locator-modal { margin-left: -565px; }
  #takeover-desk { display: block; margin: 0 auto; margin-top: 100px; }
  #takeover-mob { display: none; } }
