@charset "UTF-8";
/* ╔══════════════════════════╗
╟ ♠ CSS Builder ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Clearfix ║
╚══════════════════════════╝ */
.footer_list_item_ht{
float:left;
width:200px;
color:gray;
}
.footer_list_item_ht > ul > li > a{
color:gray;
}
#banner-slider .rsThumbs .rsThumbsContainer:before, #user-tools ul:before, #tia-body:before, #downstage:before, .mi:before, .mi-contact dl:before, #awards:before, #banner-slider .rsThumbs .rsThumbsContainer:after, #user-tools ul:after, #tia-body:after, #downstage:after, .mi:after, .mi-contact dl:after, #awards:after {
content: " ";
display: table;
}
#banner-slider .rsThumbs .rsThumbsContainer:after, #user-tools ul:after, #tia-body:after, #downstage:after, .mi:after, .mi-contact dl:after, #awards:after {
clear: both;
}
#banner-slider .rsThumbs .rsThumbsContainer {
width: 100%;
max-width: 1380px;
margin: 0 auto;
}
@media only screen and (min-width: 961px) {
#banner-slider .rsThumbs .rsThumbsContainer {
padding: 0 20px;
}
#banner-slider .rsThumbs .white.rsThumbsContainer {
background: #fff;
}
}
@media only screen and (min-width: 1281px) {
#banner-slider .rsThumbs .rsThumbsContainer {
padding: 0 40px;
}
}
@media only screen and (min-width: 1401px) {
#banner-slider .rsThumbs .rsThumbsContainer {
padding: 0 50px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Buttons ║
╚══════════════════════════╝ */
.primary-xt .foot .btn, #quick-nav .btn-toggle {
padding: .9em 1.6em;
}
.mi .btn-submit {
padding: .5em 2em .45em;
font-size: 1.2em;
}
.primary-xt .foot .more-link {
position: relative;
text-align: left;
padding-right: 60px;
}
.primary-xt .foot .more-link:before {
position: absolute;
right: 10px;
top: 6px;
background: #fff;
display: block;
width: 26px;
height: 26px;
line-height: 26px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
content: "E";
text-align: center;
display: block;
color: #009EE3;
line-height: 26px;
font-size: 14px;
}
.primary-xt .foot .more-link:hover:before {
color: #A8D6E9;
}
.t-box .close {
width: 25px;
height: 25px;
line-height: 25px;
text-indent: -999em;
position: absolute;
font-size: 30px;
text-align: center;
}
.t-box .close:after {
position: absolute;
content: "#";
display: block;
width: 100%;
height: 100%;
text-indent: 0;
}
/* ╔══════════════════════════╗
╟ ♠ Lists ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
.primary-xt .foot .more-link:before, .t-box .close, #user-tools .fl .close, #user-query .prev-query a:before, #user-query #submit-user-query:before, #user-query-toggle:after, #primary .p2.first > a:after, #primary .primary-more a:before, .primary-sub .close, #tabs2dd .current a:after, #tabs2dd .rt-more-link > a:after, #quick-nav .btn-back:before, #quick-nav .btn-toggle:after, #downstage section:after, .mobile-banner-toggle a:before, #secondary li.active > a:after, #secondary li.active.has-active-child > a:after, .quick-support .r, .sweepstakes h6:after, #on-top, .ip a .ico:after, .ip .ico span, #notifications .back:after, #notifications .pagination a:after, .iTab:after, .iClose:after {
font-family: 'TSIcons';
-webkit-font-smoothing: antialiased;
}
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Master Header ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Search ║
╚══════════════════════════╝ */
#search {
position: relative;
width: 100%;
}
#search .search-btn {
width: 32px;
position: absolute;
right: 0;
top: 0;
margin: 0;
padding: 0;
}
#search .search-field {
width: 100%;
}
@media only screen and (max-width: 767px) {
#search input.search-field {
padding-right: 45px;
margin: 0;
}
#search .search-btn {
width: 40px;
height: 42px;
background: #009EE3;
}
}
@media only screen and (min-width: 768px) {
#search {
float: right;
}
#search .search-field {
width: 120px;
float: right;
margin: 3px 0 0;
padding: 11px 0 0;
}
#search .search-btn {
background: #586F7F;
}
}
@media only screen and (min-width: 961px) {
#search .search-field {
width: 50px;
}
}
@media only screen and (min-width: 980px) {
#search .search-field {
width: 70px;
}
}
@media only screen and (min-width: 1000px) {
#search .search-field {
width: 90px;
}
}
@media only screen and (min-width: 1020px) {
#search .search-field {
width: 100px;
}
}
@media only screen and (min-width: 1040px) {
#search .search-field {
width: 120px;
}
}
@media only screen and (min-width: 1080px) {
#search .search-field {
width: 140px;
}
}
#search .search-focus {
width: 100% !important;
}
#global-nav {
float: left;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
}
#global-nav ul {
float: left;
}
#global-nav li {
float: left;
display: inline;
}
#global-nav a {
float: left;
height: 47px;
line-height: 49px;
display: block;
padding: 0 8px;
color: #fff;
}
#global-nav a:hover {
color: #009EE3;
}
.corpo #global-nav a:hover {
color: #fff;
}
#global-nav .active a {
background: #E1F3F9;
color: #009EE3;
position: relative;
}
#global-nav .active a:after {
content: '';
height: 0;
width: 0;
border-color: transparent;
border-style: solid;
border-width: 7px;
border-bottom-color: #fff;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -7px;
}
@media only screen and (max-width: 767px) {
#global-nav {
display: none;
}
}
/* ╔══════════════════════════╗
╟ ♠ Primary navigation ║
╚══════════════════════════╝ */
#navigation {
float: left;
position: relative;
width: 100%;
margin: 8px 0 0;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 767px) {
#navigation {
display: none;
position: absolute;
top: 70px;
z-index: 2;
float: left;
width: 100%;
margin: 0;
background: #fff;
-moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5), inset 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5), inset 0 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 3px rgba(0, 0, 0, 0.5), inset 0 2px 2px rgba(0, 0, 0, 0.3);
}
}
@media only screen and (min-width: 768px) {
#navigation {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
#navigation #primary > ul > li {
position: relative;
}
#navigation #primary > ul > li a {
display: block;
padding: 0.9em 3.7% 0.8em;
border-bottom: 1px solid #009EE3;
font-family: TSMedium, Arial, Helvetica, sans-serif;
font-size: 20px;
position: relative;
}
#navigation #primary > ul > li a:hover {
color: #009EE3;
}
#navigation #primary > ul > li a.t-lvl {
padding: 0;
position: absolute;
right: 0;
top: 9px;
display: block;
width: 50px;
height: 40px;
border: none;
border-left: 1px solid #A1D6EA;
}
#navigation #primary > ul > li a.t-lvl:before {
position: absolute;
left: 16px;
top: 9px;
content: 'n';
font-size: 0.93333em;
font-family: 'TSIcons';
-webkit-font-smoothing: antialiased;
}
#navigation #primary > ul > li a.t-lvl.active:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#navigation #primary > ul > li.last a:first-child {
border: none;
}
#navigation #primary > ul > li.active .lvl2 {
display: block;
}
#navigation #primary .lvl2 {
background: #009EE3;
}
#navigation #primary .lvl2 li.active a {
color: #221F1F;
background: #A1D6EA;
border-bottom: 1px solid #A1D6EA;
border-top: 1px solid #A1D6EA;
position: relative;
top: -1px;
}
#navigation #primary .lvl2 li.active a:hover {
color: #221F1F;
}
#navigation #primary .lvl2 li > a {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding: 0.7em 3.7% 0.7em;
color: #fff;
border-bottom: 1px solid #A1D6EA;
}
#navigation #primary .lvl2 li > a:hover {
color: #fff;
}
}
#primary {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.4em;
}
#primary .lvl2 {
display: none;
}
#primary .active .lvl2 {
display: block;
}
#primary .p2.first > a {
display: block;
text-indent: -999em;
overflow: hidden;
width: 14px;
height: 62px;
position: relative;
display: block;
border-color: transparent !important;
}
#primary .p2.first > a:after {
content: "h";
width: 14px;
height: 23px;
font-size: 1.26667em;
text-indent: 0;
position: absolute;
left: 0;
top: 13px;
display: block;
}
@media only screen and (min-width: 961px) {
#primary .p2.first {
padding-left: 15px !important;
}
}
@media only screen and (min-width: 768px) {
#primary {
float: left;
position: relative;
width: 100%;
}
#primary .lvl2 {
float: left;
display: none !important;
}
#primary .active .lvl2 {
display: block !important;
font-size: 0.9em;
}
#primary .p1 {
float: left;
display: inline;
}
#primary .p1 > a {
float: left;
display: none;
text-transform: uppercase;
font-family: TSMedium, Arial, Helvetica, sans-serif;
padding: 0.8em 0 1.25em;
color: #8C8C8C;
}
#primary .p1 > a.active {
display: block;
margin: 0 12px;
}
#primary .p1 > a[rel="home"] {
display: block;
}
#primary .p1.first {
padding-left: 28px;
padding-right: 12px;
}
#primary .p2 {
display: inline;
float: left;
padding: 0 12px;
}
#primary .p2 > a {
display: block;
padding: .8em 0 .7em;
color: #8C8C8C;
border-bottom: 7px solid #fff;
}
#primary .p2 > a:hover {
color: #009EE3;
}
#primary .p2.active > a {
color: #009EE3;
border-bottom: 7px solid #009EE3;
}
#primary .p2.sub > a {
border-bottom: 7px solid #E1F3F9;
}
}
@media only screen and (max-width: 767px) {
#primary .p1.first a {
display: none !important;
}
}
#primary .rel {
position: relative;
}
#primary [data-icon]:before {
font-size: 1.26667em;
}
#primary .primary-more a {
height: 62px;
width: 23px;
padding: 0.8em 0 1.25em;
display: block;
border: none !important;
position: relative;
}
#primary .primary-more a:before {
position: absolute;
right: 0;
top: 12px;
content: "+";
display: block;
width: 23px;
height: 23px;
line-height: 23px;
-moz-border-radius: 11.5px;
-webkit-border-radius: 11.5px;
border-radius: 11.5px;
background: #009EE3;
color: #fff;
text-align: center;
font-size: 12px;
}
#primary .primary-more.active a:before {
content: "i";
}
@media only screen and (max-width: 767px) {
#primary .primary-more {
display: none !important;
}
}
#primary .lvl2-hidden {
float: left;
clear: left;
background: #fff;
min-width: 100%;
}
@media only screen and (min-width: 961px) {
#primary .p1.first {
font-size: 0.9em;
padding-left: 0;
}
}
.primary-sub {
display: none;
width: 100%;
position: absolute;
top: 62px;
right: 0;
z-index: 1;
}
.primary-sub.narrow {
left: -25px;
width: 300px;
}
.primary-sub.narrow .set {
width: 100% !important;
border: none;
padding: 0;
}
.primary-sub > div {
padding: 23px 23px 21px;
background: #E1F3F9;
}
.primary-sub .close {
display: block;
color: #009EE3;
position: absolute;
top: 0;
right: 0;
padding: 10px;
font-size: 1.26667em;
}
@media only screen and (max-width: 1400px) {
.rtl .primary-sub {
left: auto;
right: -15px;
}
}
@media only screen and (max-width: 767px) {
.primary-sub {
display: none !important;
}
}
.lvl2-hidden li:first-child .primary-sub {
left: 0;
}
.primary-xt .set {
float: left;
margin: 0;
padding: 0 1.6% 0 2%;
border-left: 1px solid #58CAF4;
}
.primary-xt .set.first {
border-left: none;
padding: 0 1.6% 0 0;
}
.primary-xt .set.last {
padding: 0 0 0 1.6%;
}
.primary-xt .foot {
float: left;
width: 100%;
}
.primary-xt .foot .btn {
float: left;
margin: 0 20px 0 0;
padding: .4em 1em;
}
.primary-xt .foot .more-link {
float: right;
padding: 0 40px 0 0;
margin: 6px 0 0;
color: #009EE3;
font-size: 18px;
}
.primary-xt .foot .more-link:before {
background: #009EE3;
display: block;
width: 24px;
height: 24px;
line-height: 24px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
color: #fff;
right: 0;
top: -2px;
}
.primary-xt h5 {
font-size: 20px;
}
.primary-xt h5 a {
color: #009EE3;
}
.primary-xt h5 a:hover {
color: #1E175A;
}
.primary-xt .nav {
float: left;
width: 100%;
margin: 0;
}
.primary-xt .nav li {
float: left;
width: 100%;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0 0 .66em;
}
.primary-xt .nav li.active a {
font-family: TSMedium, Arial, Helvetica, sans-serif;
}
.primary-xt .nav li h5 {
font-size: 20px;
margin: 0;
}
.primary-xt .nav li h5 a {
color: #009EE3;
}
.primary-xt .nav li h5 a:hover {
color: #1E175A;
}
.primary-xt .nav a {
color: #221F1F;
}
.primary-xt dl {
float: left;
width: 100%;
border-top: 1px solid #bbb;
}
.primary-xt dl:first-child {
border-top: none;
padding-top: 0;
}
.primary-xt dl:first-child dt {
padding-top: 0;
}
.primary-xt dl dt {
float: left;
width: 100%;
font-family: TSMedium, Arial, Helvetica, sans-serif;
font-size: 20px;
padding: .5em 0 .4em;
}
.primary-xt dl dt a {
color: #009EE3;
}
.primary-xt dl dd {
float: left;
width: 100%;
color: #666;
font: normal 1em/150% TeleGrotesk, Arial, Helvetica, sans-serif;
}
.primary-xt dl li {
font-size: 1em;
}
.primary-xt dl li:before {
top: 5px;
}
.primary-xt4 .set {
width: 25%;
}
.primary-xt4 dl {
margin: .7em 0 0;
padding: .8em 0 0;
}
.primary-xt4 dl dt {
padding-top: 0;
}
.primary-xt2 .set {
width: 50%;
}
.primary-xt2 .first ul {
width: 48%;
float: right;
margin: 36px 0 0;
}
.primary-xt2 .first ul:first-child {
float: left;
margin: 0;
}
.primary-xt3 .first,
.primary-xt3 .last {
width: 30%;
}
.primary-xt3 .mid {
width: 40%;
}
.primary-xt3 .device-list {
float: left;
width: 100%;
}
.primary-xt3 .device-list li {
float: left;
width: 33.33333%;
text-align: center;
margin: 0 0 1.3em;
text-align: center;
}
.primary-xt3 .device-list a {
color: #00ACE4 !important;
}
.primary-xt3 .device-list h6 {
font-size: 16px;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
}
.primary-xt3 .device-list .icon {
color: #009EE3;
background: #fff;
display: block;
width: 56px;
height: 56px;
line-height: 56px;
-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border-radius: 28px;
line-height: 64px;
margin: 0 auto;
font-size: 22px;
/*prenosniki*/
/*prenosniki*/
}
.primary-xt3 .device-list .icon[data-icon2="m"] {
font-size: 26px;
line-height: 60px;
}
.primary-xt3 .device-list .icon[data-icon2="Ð"] {
font-size: 29px;
line-height: 63px;
}
.primary-xt3-2 .first {
width: 40%;
}
.primary-xt3-2 .mid {
width: 30%;
}
.primary-xt3-2 .last {
width: 30%;
}
.primary-xt5 .first {
width: 40%;
}
.primary-xt5 .mid {
width: 30%;
}
.primary-xt5 .last {
width: 30%;
}
.primary-xt5 .foot-set {
float: right;
padding: 0 1.6% 0 2%;
}
.primary-xt5 .more-link {
float: left !important;
}
@media only screen and (min-width: 961px) {
#primary-xt-predstavitev .set {
min-height: 267px;
}
}
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Keyvisual ║
╚══════════════════════════╝ */
#keyvisual {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
overflow: hidden;
}
#keyvisual img {
max-width: none;
left: 50%;
position: relative;
}
#keyvisual.on-all {
display: block;
}
.keyvisual-circle {
height: 167px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhZTNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0deff), color-stop(100%, #bae3fa));
background-image: -moz-linear-gradient(#b0deff, #bae3fa);
background-image: -webkit-linear-gradient(#b0deff, #bae3fa);
background-image: linear-gradient(#b0deff, #bae3fa);
}
@media only screen and (min-width: 641px) {
.keyvisual-circle {
height: 370px;
}
}
@media only screen and (min-width: 961px) {
.keyvisual-circle {
height: 402px;
}
}
.keyvisual-circle img {
margin: 0 0 0 -1280px;
width: 2560px;
visibility: hidden;
}
.keyvisual-circle.with-neoslider {
height: 417px;
}
@media only screen and (min-width: 641px) {
.keyvisual-circle.with-neoslider {
height: 620px;
}
}
@media only screen and (min-width: 961px) {
.keyvisual-circle.with-neoslider {
height: 962px;
}
}
.keyvisual-gradient {
height: 167px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhZTNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0deff), color-stop(100%, #bae3fa));
background-image: -moz-linear-gradient(#b0deff, #bae3fa);
background-image: -webkit-linear-gradient(#b0deff, #bae3fa);
background-image: linear-gradient(#b0deff, #bae3fa);
}
.keyvisual-gradient img {
margin: 0 0 0 -556px;
width: 1112px;
}
@media only screen and (min-width: 641px) {
.keyvisual-gradient {
height: 417px;
}
}
@media only screen and (min-width: 961px) {
.keyvisual-gradient {
height: 402px;
}
}
@media only screen and (max-width: 960px) {
.keyvisual-gradient img {
margin: 15px 0 0 -480px;
width: 960px;
}
}
.keyvisual-image {
height: 569px;
}
.keyvisual-image .gradient {
visibility: hidden;
display: none;
}
@media only screen and (max-width: 640px) {
.keyvisual-image {
height: 569px;
}
.keyvisual-image img {
margin: 167px 0 0 -320px;
width: 640px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.keyvisual-image {
height: 694px;
}
.keyvisual-image img {
margin: 247px 0 0 -480px;
width: 960px;
}
}
@media only screen and (min-width: 961px) {
.keyvisual-image {
height: 487px;
}
.keyvisual-image img {
margin: 0 0 0 -1280px;
width: 2560px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Banner ║
╚══════════════════════════╝ */
#banner {
clear: both;
}
@media only screen and (min-width: 641px) {
#banner {
position: relative;
}
}
#banner .wrap {
position: relative;
background: url('../img/loop-cloud-bg.png') no-repeat;
}
.banner-small .btn-back {
position: relative;
width: 100%;
background: #006FA3;
}
@media only screen and (max-width: 640px) {
.banner-small {
min-height: 87px;
}
.banner-small #title {
height: 87px;
width: 250px;
padding: 4px 0 0;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-small {
min-height: 135px;
}
.banner-small #title {
height: 135px;
}
}
@media only screen and (max-width: 960px) {
.banner-small .btn-back {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
text-align: left;
padding: 0.6em 3.7% 0.6em 7.5%;
}
.banner-small .btn-back:before {
left: 3.7%;
}
}
@media only screen and (min-width: 961px) {
.banner-small {
height: 175px;
}
.banner-small #title {
height: 175px;
}
.banner-small .btn-back {
position: absolute;
left: 0;
top: 115px;
width: auto;
}
.banner-small.banner-tabs #stage,
.banner-small.banner-tabs #title {
height: 127px;
}
.banner-small.banner-nav #stage,
.banner-small.banner-nav #title {
height: 127px;
}
.banner-small #quick-nav {
top: 114px;
}
.banner-small #quick-nav .btn-back {
left: 0;
top: 0;
}
}
.banner-medium {
min-height: 87px;
}
@media only screen and (min-width: 641px) {
.banner-medium {
height: 230px;
}
}
@media only screen and (min-width: 961px) {
.banner-medium {
height: 285px;
}
}
.banner-medium .circle-group {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
position: relative;
}
.banner-large {
min-height: 458px;
}
@media only screen and (min-width: 641px) {
.banner-large {
min-height: 440px;
}
}
@media only screen and (min-width: 961px) {
.banner-large {
min-height: 370px;
}
}
.banner-tia .circle-group {
display: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
position: relative;
}
@media only screen and (min-width: 961px) {
.banner-tia {
height: 285px;
}
.banner-tia .circle-group {
display: block;
}
.banner-tia .circle-glow {
top: -111px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Stage Elements ║
╚══════════════════════════╝ */
#title {
position: relative;
display: table-cell;
vertical-align: middle;
margin: 0;
font-size: 2.93333em;
line-height: 100%;
overflow: hidden;
right: 0;
position: absolute;
margin-right: 75px;
margin-top: 80px;
}
@media only screen and (max-width: 640px) {
#title {
font-size: 2em;
height: 87px;
}
}
#banner .circle,
#banner .cta {
position: absolute;
}
@media only screen and (min-width: 641px) {
.circle-glow {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: block;
width: 796px;
height: 796px;
line-height: 796px;
-moz-border-radius: 398px;
-webkit-border-radius: 398px;
border-radius: 398px;
background: transparent url(../img/bg/glow.png) 0 0 no-repeat !important;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.circle-glow {
right: 0;
top: -213px;
}
}
@media only screen and (min-width: 961px) {
.circle-glow {
left: 0;
top: -221px;
}
}
.circle-program {
right: 0;
top: 13px;
background: #009EE3;
width: 148px;
height: 148px;
color: #fff;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.circle-program a {
color: #fff !important;
padding: 20px 24px;
display: block;
}
.circle-program hr {
margin: 10px 0 6px;
}
.circle-program .ts-l-18 {
margin: 0 0 8px;
line-height: 110%;
}
.circle-program .ts-l-16 {
margin: 0 0 5px;
}
.circle-program .go {
background: #fff;
}
.circle-program .go:after {
color: #009EE3;
}
/* ╔══════════════════════════╗
╟ ♠ Stage Colors ║
╚══════════════════════════╝ */
.banner-blue h1 {
color: #fff;
}
.banner-blue .circle-s {
background: #28B0EC;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.banner-blue .circle-m {
display: block;
width: 200px;
height: 200px;
line-height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background: linear-gradient(to right, #28b0ec, #009dec);
}
.banner-blue .circle-l {
display: block;
width: 530px;
height: 530px;
line-height: 530px;
-moz-border-radius: 265px;
-webkit-border-radius: 265px;
border-radius: 265px;
background: linear-gradient(to left, #28b0ec, #009dec);
}
@media only screen and (min-width: 961px) {
.banner-blue .circle-s {
background: #0199EC;
}
}
.banner-yellow .circle-s {
background: #FFCC00;
}
.banner-yellow .circle-m {
background: #FFE64B;
}
.banner-yellow .circle-l {
background: linear-gradient(to right, #ffcc00, #ffea53 75%);
}
.banner-red h1 {
color: #fff;
}
.banner-red .circle-s,
.banner-red .circle-m,
.banner-red .circle-l {
background: #D3011D;
}
.banner-red .btn {
background: #940A19 !important;
color: #fff !important;
}
.banner-red .btn:before {
color: #fff !important;
}
.banner-red .btn-toggle {
color: #fff !important;
}
.banner-red .btn-toggle:after {
border-color: #fff !important;
color: #fff !important;
}
.banner-red .quick-nav-dd {
background: #940A19 !important;
color: #fff !important;
}
.banner-red .quick-nav-dd a {
color: #fff !important;
}
.banner-red .mCSB_dragger_bar {
background: #D3011D !important;
}
.banner-red .mCSB_draggerRail {
background: #730814 !important;
}
.banner-darkblue h1 {
color: #fff;
}
.banner-darkblue .circle-s,
.banner-darkblue .circle-m,
.banner-darkblue .circle-l {
background: #003080;
}
.banner-darkblue.banner-small-layout-l .circle-m {
background: #264F93;
}
.banner-darkblue.banner-small-layout-l .circle-l {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzAwMzA4MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMjY0ZjkzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(2%, #003080), color-stop(50%, #264f93));
background-image: -moz-linear-gradient(left, #003080 2%, #264f93 50%);
background-image: -webkit-linear-gradient(left, #003080 2%, #264f93 50%);
background-image: linear-gradient(to right, #003080 2%, #264f93 50%);
}
/* ╔════════════════════════════════╗
╟ ♠ BannerSmall Layouts ║
╚════════════════════════════════╝ */
.banner-small-layout-s .circle-m {
left: 245px;
top: -41px;
display: block;
width: 160px;
height: 160px;
line-height: 160px;
-moz-border-radius: 80px;
-webkit-border-radius: 80px;
border-radius: 80px;
}
.banner-small-layout-s .circle-l {
left: -47px;
top: -108px;
display: block;
width: 354px;
height: 354px;
line-height: 354px;
-moz-border-radius: 177px;
-webkit-border-radius: 177px;
border-radius: 177px;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-small-layout-s .circle-m {
left: 265px;
top: -38px;
}
.banner-small-layout-s .circle-l {
left: -30px;
top: -105px;
}
}
@media only screen and (max-width: 640px) {
.banner-small-layout-s .circle-m {
left: 187px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.banner-small-layout-s .circle-l {
left: -88px;
top: -100px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
}
.banner-small-layout-m .circle-s {
left: -122px;
top: -35px;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.banner-small-layout-m .circle-m {
left: 262px;
top: 8px;
display: block;
width: 200px;
height: 200px;
line-height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.banner-small-layout-m .circle-l {
left: -56px;
top: -117px;
display: block;
width: 390px;
height: 390px;
line-height: 390px;
-moz-border-radius: 195px;
-webkit-border-radius: 195px;
border-radius: 195px;
}
.banner-small-layout-m.banner-blue .circle-s {
background: #0199EC;
}
.banner-small-layout-m.banner-blue .circle-m {
background: #28B0EC;
}
.banner-small-layout-m.banner-blue .circle-l {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiMwMDk5ZWMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YjBlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(15%, #0099ec), color-stop(50%, #28b0ec));
background-image: -moz-linear-gradient(left, #0099ec 15%, #28b0ec 50%);
background-image: -webkit-linear-gradient(left, #0099ec 15%, #28b0ec 50%);
background-image: linear-gradient(to right, #0099ec 15%, #28b0ec 50%);
}
@media only screen and (min-width: 961px) {
.banner-small-layout-m #title {
width: 420px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-small-layout-m #title {
width: 385px;
}
.banner-small-layout-m .circle-m {
left: 282px;
top: 11px;
}
.banner-small-layout-m .circle-l {
left: -45px;
top: -125px;
}
}
@media only screen and (max-width: 640px) {
.banner-small-layout-m .circle-s {
display: none;
}
.banner-small-layout-m .circle-m {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.banner-small-layout-m .circle-l {
left: -20px;
top: -100px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
}
.banner-small-layout-l .circle-s {
left: -123px;
top: -33px;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.banner-small-layout-l .circle-m {
left: 469px;
top: -15px;
display: block;
width: 200px;
height: 200px;
line-height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.banner-small-layout-l .circle-l {
left: -51px;
top: -205px;
display: block;
width: 560px;
height: 560px;
line-height: 560px;
-moz-border-radius: 280px;
-webkit-border-radius: 280px;
border-radius: 280px;
}
@media only screen and (min-width: 961px) {
.banner-small-layout-l #title {
width: 620px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-small-layout-l .circle-m {
left: 421px;
top: -92px;
}
.banner-small-layout-l .circle-l {
left: -30px;
top: -190px;
display: block;
width: 530px;
height: 530px;
line-height: 530px;
-moz-border-radius: 265px;
-webkit-border-radius: 265px;
border-radius: 265px;
}
.banner-small-layout-l #title {
max-width: 480px;
}
}
@media only screen and (max-width: 640px) {
.banner-small-layout-l .circle-s {
display: none;
}
.banner-small-layout-l .circle-m {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.banner-small-layout-l .circle-l {
left: -20px;
top: -100px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
.banner-small-layout-l #title {
max-width: 250px;
white-space: normal;
}
}
/* ╔════════════════════════════════╗
╟ ♠ BannerMedium Layouts ║
╚════════════════════════════════╝ */
.banner-medium-layout-s .circle-s {
position: absolute;
left: 185px;
top: -27px;
display: block;
width: 146px;
height: 146px;
line-height: 146px;
-moz-border-radius: 73px;
-webkit-border-radius: 73px;
border-radius: 73px;
background: #28B0EC;
background: linear-gradient(to left, #28b0ec, #009dec 75%);
}
.banner-medium-layout-s .circle-m {
position: absolute;
left: -45px;
top: 17px;
display: block;
width: 310px;
height: 310px;
line-height: 310px;
-moz-border-radius: 155px;
-webkit-border-radius: 155px;
border-radius: 155px;
background: #28B0EC;
background: linear-gradient(to right, #28b0ec, #009dec 75%);
}
@media only screen and (max-width: 640px) {
.banner-medium-layout-s .circle-s {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.banner-medium-layout-s .circle-m {
left: -20px;
top: -100px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-medium-layout-s #title {
height: 230px;
width: 300px;
}
.banner-medium-layout-s .circle-s {
left: 205px;
top: -37px;
}
.banner-medium-layout-s .circle-m {
left: -25px;
top: 7px;
}
}
@media only screen and (min-width: 961px) {
.banner-medium-layout-s #title {
height: 285px;
width: 300px;
}
}
.banner-medium-layout-m .circle-m {
position: absolute;
left: 132px;
top: 64px;
display: block;
width: 200px;
height: 200px;
line-height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background: #28B0EC;
background: linear-gradient(to left, #28b0ec, #009dec 75%);
}
.banner-medium-layout-m .circle-l {
position: absolute;
left: -51px;
top: -33px;
display: block;
width: 288px;
height: 288px;
line-height: 288px;
-moz-border-radius: 144px;
-webkit-border-radius: 144px;
border-radius: 144px;
background: #28B0EC;
background: linear-gradient(to right, #28b0ec, #009dec 75%);
}
@media only screen and (max-width: 640px) {
.banner-medium-layout-m .circle-m {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
.banner-medium-layout-m .circle-l {
left: -20px;
top: -100px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-medium-layout-m #title {
height: 230px;
width: 290px;
}
.banner-medium-layout-m .circle-m {
left: 152px;
top: 54px;
}
.banner-medium-layout-m .circle-l {
left: -31px;
top: -43px;
}
}
@media only screen and (min-width: 961px) {
.banner-medium-layout-m #title {
height: 285px;
width: 290px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Layout large -s ║
╚══════════════════════════╝ */
.banner-large-layout-s #title {
color: #fff;
}
.banner-large-layout-s .circle-group {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
position: relative;
}
.banner-large-layout-s .circle-l {
left: -45px;
top: 17px;
display: block;
width: 280px;
height: 280px;
line-height: 280px;
-moz-border-radius: 140px;
-webkit-border-radius: 140px;
border-radius: 140px;
background: linear-gradient(to right, #0085ed, #00aaff 75%);
}
.banner-large-layout-s .circle-s {
left: 161px;
top: 35px;
display: block;
width: 140px;
height: 140px;
line-height: 140px;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
border-radius: 70px;
background: #00AAFF;
}
@media only screen and (max-width: 960px) {
.banner-large-layout-s .hgroup {
position: relative;
overflow: hidden;
float: left;
width: 100%;
height: 87px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhZTNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0deff), color-stop(100%, #bae3fa));
background-image: -moz-linear-gradient(#b0deff, #bae3fa);
background-image: -webkit-linear-gradient(#b0deff, #bae3fa);
background-image: linear-gradient(#b0deff, #bae3fa);
}
}
.banner-large-layout-s.banner-yellow #title {
color: #221F1F;
}
.banner-large-layout-s.banner-yellow .circle-l {
background: #FFEF40;
background: linear-gradient(to right, #ffbd00, #ffef40 75%);
}
.banner-large-layout-s.banner-yellow .circle-s {
background: #FFEF40;
}
.banner-large-layout-s.banner-red .circle-s,
.banner-large-layout-s.banner-red .circle-l {
background: #D3011D;
}
.banner-large-layout-s.banner-darkblue h1, .banner-large-layout-s.banner-dark_blue h1 {
color: #fff;
}
.banner-large-layout-s.banner-darkblue .circle-s,
.banner-large-layout-s.banner-darkblue .circle-m,
.banner-large-layout-s.banner-darkblue .circle-l, .banner-large-layout-s.banner-dark_blue .circle-s,
.banner-large-layout-s.banner-dark_blue .circle-m,
.banner-large-layout-s.banner-dark_blue .circle-l {
background: #003080;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-s #title {
height: 87px;
}
.banner-large-layout-s .circle-l {
left: -18px;
top: -90px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
.banner-large-layout-s .circle-s {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-s #title {
height: 87px;
}
.banner-large-layout-s .circle-l {
left: -30px;
top: -150px;
display: block;
width: 440px;
height: 440px;
line-height: 440px;
-moz-border-radius: 220px;
-webkit-border-radius: 220px;
border-radius: 220px;
}
.banner-large-layout-s .circle-s {
left: 374px;
top: -60px;
display: block;
width: 128px;
height: 128px;
line-height: 128px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
border-radius: 64px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-s #title {
margin: 85px 0 0;
float: left;
height: 105px;
width: 200px;
overflow: hidden;
}
}
/* ╔══════════════════════════╗
╟ ♠ Layout large -m ║
╚══════════════════════════╝ */
.banner-large-layout-m #title {
color: #fff;
}
.banner-large-layout-m .circle-group {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
position: relative;
}
.banner-large-layout-m .circle-s {
left: -76px;
top: 44px;
display: block;
width: 166px;
height: 166px;
line-height: 166px;
-moz-border-radius: 83px;
-webkit-border-radius: 83px;
border-radius: 83px;
background: #0085ED;
}
.banner-large-layout-m .circle-l {
left: -35px;
top: 12px;
display: block;
width: 346px;
height: 346px;
line-height: 346px;
-moz-border-radius: 173px;
-webkit-border-radius: 173px;
border-radius: 173px;
background: linear-gradient(to right, #0085ed, #00aaff 75%);
}
.banner-large-layout-m .circle-m {
left: 229px;
top: 63px;
display: block;
width: 246px;
height: 246px;
line-height: 246px;
-moz-border-radius: 123px;
-webkit-border-radius: 123px;
border-radius: 123px;
background: #00AAFF;
}
@media only screen and (max-width: 960px) {
.banner-large-layout-m .hgroup {
position: relative;
overflow: hidden;
float: left;
width: 100%;
height: 87px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhZTNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0deff), color-stop(100%, #bae3fa));
background-image: -moz-linear-gradient(#b0deff, #bae3fa);
background-image: -webkit-linear-gradient(#b0deff, #bae3fa);
background-image: linear-gradient(#b0deff, #bae3fa);
}
}
.banner-large-layout-m.banner-yellow #title {
color: #221F1F;
}
.banner-large-layout-m.banner-yellow .circle-s {
background: #FFBD00;
}
.banner-large-layout-m.banner-yellow .circle-m {
background: #FFEF40;
}
.banner-large-layout-m.banner-yellow .circle-l {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmQwMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZlZjQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffbd00), color-stop(75%, #ffef40));
background-image: -moz-linear-gradient(left, #ffbd00, #ffef40 75%);
background-image: -webkit-linear-gradient(left, #ffbd00, #ffef40 75%);
background-image: linear-gradient(to right, #ffbd00, #ffef40 75%);
}
.banner-large-layout-m.banner-red .circle-s,
.banner-large-layout-m.banner-red .circle-m,
.banner-large-layout-m.banner-red .circle-l {
background: #D3011D;
}
.banner-large-layout-m.banner-darkblue h1 {
color: #fff;
}
.banner-large-layout-m.banner-darkblue .circle-s,
.banner-large-layout-m.banner-darkblue .circle-m,
.banner-large-layout-m.banner-darkblue .circle-l {
background: #003080;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-m #title {
height: 87px;
}
.banner-large-layout-m .circle-l {
left: -18px;
top: -90px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
.banner-large-layout-m .circle-s {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
background: #00AAFF;
}
.banner-large-layout-m .circle-m {
display: none;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-m #title {
height: 87px;
}
.banner-large-layout-m .circle-l {
left: -30px;
top: -150px;
display: block;
width: 440px;
height: 440px;
line-height: 440px;
-moz-border-radius: 220px;
-webkit-border-radius: 220px;
border-radius: 220px;
}
.banner-large-layout-m .circle-s {
left: 374px;
top: -60px;
display: block;
width: 128px;
height: 128px;
line-height: 128px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
border-radius: 64px;
background: #00AAFF;
}
.banner-large-layout-m .circle-m {
display: none;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-m #title {
height: 370px;
width: 420px;
overflow: hidden;
}
.banner-large-layout-m #quick-nav {
top: 227px;
}
.banner-nav .banner-large-layout-m #title {
padding: 0 0 45px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Layout large -l ║
╚══════════════════════════╝ */
.banner-large-layout-l #title {
color: #fff;
}
.banner-large-layout-l .circle-group {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
position: relative;
}
.banner-large-layout-l .circle-s {
left: -76px;
top: 41px;
display: block;
width: 166px;
height: 166px;
line-height: 166px;
-moz-border-radius: 83px;
-webkit-border-radius: 83px;
border-radius: 83px;
background: #0085ED;
}
.banner-large-layout-l .circle-l {
left: -49px;
top: 39px;
display: block;
width: 290px;
height: 290px;
line-height: 290px;
-moz-border-radius: 145px;
-webkit-border-radius: 145px;
border-radius: 145px;
background: linear-gradient(to right, #0085ed, #00aaff 75%);
}
.banner-large-layout-l .circle-m {
left: 183px;
top: 118px;
display: block;
width: 222px;
height: 222px;
line-height: 222px;
-moz-border-radius: 111px;
-webkit-border-radius: 111px;
border-radius: 111px;
background: #00AAFF;
}
@media only screen and (max-width: 960px) {
.banner-large-layout-l .hgroup {
position: relative;
overflow: hidden;
float: left;
width: 100%;
height: 87px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGVmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhZTNmYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b0deff), color-stop(100%, #bae3fa));
background-image: -moz-linear-gradient(#b0deff, #bae3fa);
background-image: -webkit-linear-gradient(#b0deff, #bae3fa);
background-image: linear-gradient(#b0deff, #bae3fa);
}
}
.banner-large-layout-l.banner-yellow #title {
color: #221F1F;
}
.banner-large-layout-l.banner-yellow .circle-s {
background: #FFBD00;
}
.banner-large-layout-l.banner-yellow .circle-m {
background: #FFEF40;
}
.banner-large-layout-l.banner-yellow .circle-l {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmQwMCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZmZlZjQwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffbd00), color-stop(75%, #ffef40));
background-image: -moz-linear-gradient(left, #ffbd00, #ffef40 75%);
background-image: -webkit-linear-gradient(left, #ffbd00, #ffef40 75%);
background-image: linear-gradient(to right, #ffbd00, #ffef40 75%);
}
.banner-large-layout-l.banner-red .circle-s,
.banner-large-layout-l.banner-red .circle-m,
.banner-large-layout-l.banner-red .circle-l {
background: #D3011D;
}
.banner-large-layout-l.banner-darkblue h1 {
color: #fff;
}
.banner-large-layout-l.banner-darkblue .circle-s,
.banner-large-layout-l.banner-darkblue .circle-m,
.banner-large-layout-l.banner-darkblue .circle-l {
background: #003080;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-l #title {
height: 87px;
}
.banner-large-layout-l .circle-l {
left: -18px;
top: -90px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
.banner-large-layout-l .circle-s {
left: 254px;
top: -28px;
display: block;
width: 86px;
height: 86px;
line-height: 86px;
-moz-border-radius: 43px;
-webkit-border-radius: 43px;
border-radius: 43px;
background: #00AAFF;
}
.banner-large-layout-l .circle-m {
display: none;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-l #title {
height: 87px;
}
.banner-large-layout-l .circle-l {
left: -30px;
top: -150px;
display: block;
width: 440px;
height: 440px;
line-height: 440px;
-moz-border-radius: 220px;
-webkit-border-radius: 220px;
border-radius: 220px;
}
.banner-large-layout-l .circle-s {
left: 374px;
top: -60px;
display: block;
width: 128px;
height: 128px;
line-height: 128px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
border-radius: 64px;
background: #00AAFF;
}
.banner-large-layout-l .circle-m {
display: none;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-l #title {
height: 370px;
padding: 35px 0 0;
width: 380px;
overflow: hidden;
}
.banner-nav .banner-large-layout-l #title {
width: 200px;
padding: 0 0 60px;
}
}
/* ╔══════════════════════════╗
╟ ♠ layout TIA ║
╚══════════════════════════╝ */
.banner-layout-tia .circle-s {
left: -100px;
top: -39px;
display: block;
width: 100px;
height: 100px;
line-height: 100px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.banner-layout-tia .circle-l {
left: -56px;
top: -67px;
display: block;
width: 390px;
height: 390px;
line-height: 390px;
-moz-border-radius: 195px;
-webkit-border-radius: 195px;
border-radius: 195px;
}
.banner-layout-tia .circle-w-s {
left: 588px;
top: 32px;
background: #fff;
display: block;
width: 190px;
height: 190px;
line-height: 190px;
-moz-border-radius: 95px;
-webkit-border-radius: 95px;
border-radius: 95px;
}
.banner-layout-tia .circle-w-m {
left: 677px;
top: -21px;
background: #fff;
display: block;
width: 264px;
height: 264px;
line-height: 264px;
-moz-border-radius: 132px;
-webkit-border-radius: 132px;
border-radius: 132px;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-layout-tia .circle-s {
left: 421px;
top: -92px;
display: block;
width: 200px;
height: 200px;
line-height: 200px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.banner-layout-tia .circle-l {
left: -31px;
top: -202px;
display: block;
width: 532px;
height: 532px;
line-height: 532px;
-moz-border-radius: 266px;
-webkit-border-radius: 266px;
border-radius: 266px;
}
.banner-layout-tia #title {
padding: 0 0 28px;
}
}
@media only screen and (max-width: 640px) {
.banner-layout-tia .circle-s {
left: 254px;
top: -28px;
display: block;
width: 88px;
height: 88px;
line-height: 88px;
-moz-border-radius: 44px;
-webkit-border-radius: 44px;
border-radius: 44px;
}
.banner-layout-tia .circle-l {
left: -18px;
top: -90px;
display: block;
width: 300px;
height: 300px;
line-height: 300px;
-moz-border-radius: 150px;
-webkit-border-radius: 150px;
border-radius: 150px;
}
}
@media only screen and (min-width: 961px) {
.banner-layout-tia #title {
width: 270px;
}
}
/* ╔══════════════════════════╗
╟ ♠ Page specific layouts ║
╚══════════════════════════╝ */
@media only screen and (max-width: 640px) {
.banner-large-layout-toptrio .circle-img-1 {
width: 90px;
height: 90px;
left: 40%;
bottom: 75px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-toptrio .circle-img-1 {
left: 7.5%;
bottom: 23px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-toptrio .circle-img-1 {
right: 210px;
top: -15px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-toptrio .circle-img-2 {
width: 125px;
height: 125px;
right: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-toptrio .circle-img-2 {
right: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-toptrio .circle-img-2 {
left: 495px;
top: 160px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-toptrio .circle-img-3 {
width: 125px;
height: 125px;
left: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-toptrio .circle-img-3 {
right: 41.5%;
bottom: 20px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-toptrio .circle-img-3 {
left: 340px;
top: 12px;
}
}
.banner-large-layout-siol-tv .circle-img-1 {
z-index: 1;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-siol-tv .circle-img-1 {
width: 125px;
height: 125px;
right: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-siol-tv .circle-img-1 {
right: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-siol-tv .circle-img-1 {
left: 263px;
top: 36px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-siol-tv .circle-img-2 {
width: 125px;
height: 125px;
left: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-siol-tv .circle-img-2 {
left: 7%;
bottom: 20px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-siol-tv .circle-img-2 {
left: 321px;
top: 177px;
}
}
.banner-large-layout-videokatalog #title {
overflow: visible !important;
}
.banner-large-layout-cable-tv .circle-img-1 {
z-index: 1;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-cable-tv .circle-img-1 {
width: 125px;
height: 125px;
left: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-cable-tv .circle-img-1 {
left: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-cable-tv .circle-img-1 {
left: 289px;
top: 161px;
}
}
.banner-large-layout-telefonija .circle-img-1 {
z-index: 1;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-telefonija .circle-img-1 {
width: 125px;
height: 125px;
left: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-telefonija .circle-img-1 {
left: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-telefonija .circle-img-1 {
left: 327px;
top: 69px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-eurobasket .circle-img-1 {
width: 90px;
height: 90px;
left: 40%;
bottom: 75px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-eurobasket .circle-img-1 {
left: 7.5%;
bottom: 23px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-eurobasket .circle-img-1 {
left: 377px;
top: -23px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-eurobasket .circle-img-2 {
width: 125px;
height: 125px;
right: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-eurobasket .circle-img-2 {
right: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-eurobasket .circle-img-2 {
left: 429px;
top: 222px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-eurobasket .circle-img-3 {
width: 125px;
height: 125px;
left: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-eurobasket .circle-img-3 {
right: 41.5%;
bottom: 20px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-eurobasket .circle-img-3 {
left: 536px;
top: 221px;
}
}
.banner-large-layout-centreks .circle-img-1 {
z-index: 1;
}
@media only screen and (max-width: 640px) {
.banner-large-layout-centreks .circle-img-1 {
width: 125px;
height: 125px;
right: 3.7%;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-centreks .circle-img-1 {
right: 7.5%;
bottom: 15px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-centreks .circle-img-1 {
right: 38px;
top: 155px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-segment .circle-img-1 {
width: 251px;
height: 251px;
left: 20px;
bottom: 10px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-segment .circle-img-1 {
left: 30%;
bottom: 10px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-segment .circle-img-1 {
left: 550px;
bottom: 20px;
}
}
@media only screen and (max-width: 640px) {
.banner-large-layout-segment .circle-img-2 {
width: 143px;
height: 143px;
left: 260px;
bottom: 150px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.banner-large-layout-segment .circle-img-2 {
left: 30%;
bottom: 100px;
margin-left: 240px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-segment .circle-img-2 {
left: 730px;
bottom: 200px;
}
}
@media only screen and (min-width: 961px) {
.banner-large-layout-segment #quick-nav {
top: 240px;
}
}
.banner-large-layout-segment #title b {
display: inline-block;
}
/* ╔══════════════════════════╗
╟ ♠ Tia banner ║
╚══════════════════════════╝ */
.banner-tia .tia {
position: absolute;
left: 404px;
top: 67px;
width: 156px;
height: 218px;
overflow: hidden;
}
.banner-tia .speech {
position: absolute;
left: 656px;
top: 80px;
width: 220px;
height: 70px;
overflow: hidden;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.banner-tia .cta {
position: absolute;
left: 701px;
top: 172px;
}
.banner-tia .cta:after {
border: 7px solid rgba(255, 255, 255, 0.5);
}
.banner-tia .btn {
position: absolute;
left: 656px;
top: 148px;
width: 206px;
}
@media only screen and (max-width: 960px) {
.banner-tia .tia,
.banner-tia .speech,
.banner-tia .cta,
.banner-tia .btn {
display: none;
}
}
@media only screen and (min-width: 961px) {
#support-search {
position: absolute;
left: 0;
top: 183px;
width: 300px;
}
#support-search input.search-field {
width: 265px;
padding: 5px 0;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#support-search {
left: 3.7%;
position: absolute;
left: 3.7%;
top: 81px;
width: 405px;
}
#support-search input.search-field {
width: 375px;
padding: 5px 0;
}
#support-search .search-btn {
width: 28px;
height: 32px;
}
}
@media only screen and (max-width: 640px) {
#support-search {
position: relative;
top: 0;
background: #009EE3;
height: 40px;
padding: 0 3.7%;
}
#support-search input.search-field {
margin: 0 8px 0 0;
padding: 5px 0 0;
border: none;
max-width: 250px;
}
#support-search .search-btn {
margin: 0;
font-size: 18px;
}
}
/* never used
#price-list-search {
@include screenMin(l) {top:125px;left:0;width:265px;
input.search-field {width:230px;}
}
@include screenRange(m-l){top:90px;width:255px;
input.search-field {width:225px;}
}
@include screenMax(m) {
.search-btn {float:right;}
}
}
*/
/* ╔══════════════════════════╗
╟ ♠ 404 banner ║
╚══════════════════════════╝ */
.banner-404 {
height: 398px;
background: #b0deff;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjYwMHB4IiBjeT0iNjAwcHgiIHI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNmZiZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGRlZmYiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -moz-radial-gradient(600px 600px, #f6fbff, #b0deff);
background-image: -webkit-radial-gradient(600px 600px, #f6fbff, #b0deff);
background-image: radial-gradient(600px 600px, #f6fbff, #b0deff);
}
.banner-404 #stage {
position: relative;
z-index: 1;
}
.banner-404 #stage .circles-bg {
display: block;
height: 425px;
width: 817px;
position: absolute;
top: 0;
left: -50px;
}
.banner-404 #stage .m-wrap {
position: relative;
}
.banner-404 #stage .m-wrap:before, .banner-404 #stage .m-wrap:after {
content: " ";
display: table;
}
.banner-404 #stage .m-wrap:after {
clear: both;
}
.banner-404 #stage .b404-l {
float: left;
width: 48%;
}
.banner-404 #stage .b404-r {
float: right;
width: 48%;
}
.banner-404 #stage .b404-circle {
width: 260px;
height: 260px;
margin: 30px auto 0 105px;
background: #009EE3;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.banner-404 #stage .b404-circle h1 {
margin: 0;
padding: 0;
font-family: TSMedium, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 6.66667em;
line-height: 260px;
text-align: center;
color: #fff;
}
.banner-404 #stage .b404-cont {
margin-top: 135px;
}
@media only screen and (max-width: 960px) {
.banner-404 {
height: 309px;
}
.banner-404 #stage .circles-bg {
width: 600px;
height: 335px;
}
.banner-404 #stage .b404-circle {
width: 180px;
height: 180px;
margin: 30px auto 0 50px;
}
.banner-404 #stage .b404-circle h1 {
font-size: 5.33333em;
line-height: 180px;
}
.banner-404 #stage .b404-cont {
margin-top: 78px;
}
.banner-404 #stage .b404-cont h2 {
font-size: 1.86667em;
}
}
@media only screen and (max-width: 640px) {
.banner-404 {
height: auto;
}
.banner-404 #stage .circles-bg {
width: 100%;
height: 220px;
min-width: 440px;
top: -60px;
left: 50px;
text-align: center;
}
.banner-404 #stage .circles-bg img {
max-height: 100%;
}
.banner-404 #stage .b404-l, .banner-404 #stage .b404-r {
float: none;
width: auto;
}
.banner-404 #stage .b404-l {
min-height: 180px;
}
.banner-404 #stage .b404-circle {
width: 135px;
height: 135px;
margin: -30px auto 0 auto;
}
.banner-404 #stage .b404-circle h1 {
font-size: 2.66667em;
line-height: 135px;
}
.banner-404 #stage .b404-cont {
margin-top: 0;
}
.banner-404 #stage .b404-cont h2 {
font-size: 1.86667em;
}
}
/* ╔══════════════════════════╗
╟ ♠ Stage ║
╚══════════════════════════╝ */
#stage {
position: relative;
width: 100%;
}
@media only screen and (max-width: 640px) {
#stage {
overflow: hidden;
}
}
#tabs {
clear: both;
position: relative;
z-index: 24;
}
#tabs li {
border-top: 1px solid #fff;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
#tabs li.active > a {
background: #A8D6E9;
color: #221F1F;
}
#tabs li.active-child > a {
display: none;
}
#tabs li.active-child li.active {
display: block;
border-top: none;
}
#tabs li.active-child li.active a {
padding-left: 3.7%;
padding-right: 3.7%;
}
#tabs a {
display: block;
padding: 0.95em 3.7% 0.9em;
background: #8C8C8C;
color: #fff;
}
@media only screen and (max-width: 960px) {
#tabs li.active li {
display: block;
}
#tabs li.active li.active {
display: block;
}
#tabs li li {
display: none;
}
#tabs li li a {
background: #E8E8E8;
color: #221F1F;
padding: 1.3em 7.4% 1.25em;
font-size: 0.8em;
}
}
@media only screen and (min-width: 961px) {
.banner-large #tabs {
position: absolute;
left: 20px;
bottom: 0;
}
#tabs li {
float: left;
display: inline-block;
margin: 0 3px 0 0;
border: none;
line-height: 128%;
}
#tabs li.active {
margin: 0 3px -7px 0;
font-size: 1.46667em;
font-family: TSMedium, Arial, Helvetica, sans-serif;
}
#tabs li.active a {
background: #fff;
color: #211F1F;
border-bottom: 7px solid #000;
padding: 17px 22px 10px 11px;
margin: -7px 0 0;
}
#tabs a {
padding: 15px 22px 10px 11px;
background: #211f1f;
background: rgba(0, 0, 0, 0.6);
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
#tabs a:hover {
background: rgba(0, 0, 0, 0.8);
}
#tabs li li {
display: none;
}
#tabs li li.active {
display: block;
}
}
@media only screen and (min-width: 1281px) {
.banner-large #tabs {
left: 40px;
}
}
@media only screen and (min-width: 1401px) {
.banner-large #tabs {
left: 50px;
}
}
#tabs2dd {
position: relative;
}
#tabs2dd .current {
display: block;
width: 100%;
font-size: 1.33333em;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
line-height: 130%;
}
#tabs2dd .current a {
position: relative;
padding: 18px 3.7% 16px;
background: #666;
}
#tabs2dd .current a:after {
position: absolute;
right: 3.7%;
top: 18px;
color: #fff;
content: "n";
font-size: 22px;
}
#tabs2dd .current a.active:after {
content: "&";
margin: 0 -10px 0 0;
}
#tabs2dd .current a:hover {
background: #666;
}
#tabs2dd li {
width: 100%;
position: relative;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 128%;
}
#tabs2dd a {
display: block;
width: 100%;
padding: 0.95em 3.7% 0.9em;
background: #211f1f;
background: rgba(0, 0, 0, 0.7);
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
color: #fff;
}
#tabs2dd a:hover {
background: rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 640px) {
#tabs2dd {
position: relative;
}
#tabs2dd ul {
display: none;
position: absolute;
left: 0;
top: 60px;
width: 100%;
z-index: 24;
}
#tabs2dd ul li {
font-size: 1.33333em;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
line-height: 128%;
}
#tabs2dd ul li.active a {
background: #666;
}
#tabs2dd ul a {
padding: 0.45em 3.7% 0.4em;
}
#tabs2dd ul a:hover {
background: #666;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#tabs2dd {
padding: 0 3.7%;
}
}
@media only screen and (min-width: 641px) {
#tabs2dd {
z-index: 24;
}
#tabs2dd .current {
display: none;
}
#tabs2dd ul {
display: block !important;
}
#tabs2dd li {
float: left;
width: auto;
display: inline-block;
margin: 0 3px 0 0;
border: none;
}
#tabs2dd li.active {
margin: 0 5px -7px 0;
font-size: 1.46667em;
font-family: TSMedium, Arial, Helvetica, sans-serif;
}
#tabs2dd li.active a {
background: #fff;
color: #211F1F;
border-bottom: 7px solid #e20074;
padding: 17px 11px 10px;
margin: -7px 0 0;
}
#tabs2dd a {
padding: 15px 11px 10px;
background: #e20074;
background: rgba(226, 0, 116, 0.95);
-moz-transition: background 0.1s ease-out;
-o-transition: background 0.1s ease-out;
-webkit-transition: background 0.1s ease-out;
transition: background 0.1s ease-out;
}
#tabs2dd a:hover {
background: rgba(0, 0, 0, 0.8);
}
}
#tabs2dd .rt-more-link {
padding: 0 !important;
}
#tabs2dd .rt-more-link > a {
display: block;
display: block;
text-indent: -999em;
overflow: hidden;
width: 45px;
height: 48px;
position: relative;
}
#tabs2dd .rt-more-link > a:after {
cursor: pointer;
position: absolute;
left: 15px;
top: 14px;
content: "+";
text-align: center;
display: block;
color: #fff;
font-size: 14px;
text-indent: 0;
}
#tabs2dd .rt-hidden {
display: none !important;
}
#tabs2dd .rt-hidden-list {
position: absolute;
right: 0;
top: 51px;
width: 250px;
z-index: 25;
}
#tabs2dd .rt-hidden-list li {
float: left;
width: 100%;
margin: 0;
font-size: 1em;
}
#tabs2dd .rt-hidden-list a {
padding: 15px 11px 10px 16px;
}
#tabs2dd .rt-has-active {
margin-bottom: -7px;
}
#tabs2dd .rt-has-active > a {
height: 62px;
background: #fff;
margin-top: -7px;
border-bottom: 7px solid #000;
}
#tabs2dd .rt-has-active > a:after {
color: #000;
}
#tabs2dd .rt-has-active.rt-more-link-expanded {
margin-bottom: 0;
}
#tabs2dd .rt-has-active.rt-more-link-expanded > a {
height: 48px;
background: #211f1f;
background: rgba(0, 0, 0, 0.6);
margin-top: 0;
border-bottom: none;
}
#tabs2dd .rt-has-active.rt-more-link-expanded > a:after {
color: #fff;
}
#tabs2dd .rt-hidden-active a {
padding: 15px 11px 10px 11px;
border-left: 5px solid #009EE3;
}
#quick-nav {
float: left;
position: relative;
z-index: 25;
}
#quick-nav .btn-back {
float: left;
display: block;
background: #006FA3;
padding-top: .6em;
padding-bottom: .6em;
position: relative;
}
#quick-nav .btn-back:before {
position: absolute;
content: "k";
font-size: 14px;
line-height: 120%;
text-align: center;
display: block;
color: #fff;
}
#quick-nav .btn-toggle {
float: left;
position: relative;
padding: .6em 65px .6em 20px;
min-width: 180px;
background: #006FA3;
}
#quick-nav .btn-toggle:after {
text-indent: 0;
position: absolute;
right: 0;
top: 10px;
content: "n";
width: 30px;
border-left: 1px solid #A1D6EA;
display: block;
color: #fff;
font-size: 1em;
line-height: 108%;
text-align: center;
}
@media only screen and (max-width: 640px) {
#quick-nav .btn-toggle:after {
right: 1.8%;
top: 13px;
}
}
.banner-blue #quick-nav .btn-back,
.banner-blue #quick-nav .btn-toggle {
background: #006FA3;
}
#quick-nav .quick-nav-dd {
float: left;
width: 100%;
position: absolute;
top: 37px;
left: 0;
display: none;
background: #006FA3;
padding: 0 0 20px;
}
#quick-nav .quick-nav-scroll {
max-height: 200px;
}
#quick-nav .nav-wrap {
float: left;
position: relative;
}
#quick-nav ul {
float: left;
width: 100%;
padding: 0 20px;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
}
#quick-nav ul li {
float: left;
width: 100%;
margin: .2em 0;
}
#quick-nav ul a {
display: block;
padding: .1em 0;
color: #fff;
}
@media only screen and (max-width: 960px) {
#quick-nav {
width: 100%;
-moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.6);
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.6);
}
#quick-nav .nav-wrap {
width: 100%;
}
#quick-nav .btn-back,
#quick-nav .btn-toggle {
background: #006FA3;
width: 100%;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
text-align: left;
padding: 0.6em 3.7%;
font-family: TSMedium, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
#quick-nav .btn-back {
padding-left: 35px;
}
#quick-nav .btn-back:before {
top: 13px;
}
#quick-nav ul {
padding: 0.85em 3.7% 1em;
}
#quick-nav a {
padding: 0.1em 3.7%;
}
#quick-nav .quick-nav-dd {
top: 43px;
}
}
@media only screen and (min-width: 961px) {
#quick-nav {
position: absolute;
left: 0;
top: 206px;
}
.banner-large-layout-l #quick-nav {
top: 220px;
}
#quick-nav.active .btn, #quick-nav.hover .btn {
background: #1391C4;
color: #fff !important;
}
#quick-nav.active ul, #quick-nav.hover ul {
display: block;
}
#quick-nav .btn-back {
margin: 0 3px 0 0;
}
#quick-nav .nav-wrap.hover .btn-toggle {
color: #fff;
background: #006FA3;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px;
border-radius: 8px 8px 0 0;
}
}
@media only screen and (max-width: 640px) {
#quick-nav .btn-back {
border-bottom: 1px solid #fff;
}
#quick-nav .nav-wrap {
width: 100%;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#quick-nav.has-back .btn-back,
#quick-nav.has-back .nav-wrap {
width: 50%;
}
#quick-nav.has-back .btn-back {
border-right: 1px solid #fff;
}
}
/* ╔══════════════════════════╗
╟ ♠ HOME ║
╚══════════════════════════╝ */
.banner-home {
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner-home {
height: 450px;
}
}
@media only screen and (min-width: 1281px) {
.banner-home {
height: 513px;
}
}
#downstage {
background: #009EE3;
color: #fff;
position: relative;
}
#downstage section {
float: left;
width: 33.33333%;
position: relative;
}
#downstage section:after {
position: absolute;
left: 25px;
top: 28px;
color: #fff;
display: block;
}
#downstage section.s1:after {
font-size: 47px;
content: "L";
}
#downstage section.s2:after {
left: 27px;
font-size: 46px;
content: "U";
}
#downstage section.s3:after {
left: 37px;
font-size: 42px;
content: "q";
}
#downstage section:hover .go {
background: #fff;
}
#downstage section:hover .go:after {
color: #00ACE4;
}
#downstage a {
display: block;
width: 100%;
height: 100%;
min-height: 88px;
padding: 25px 15px 10px 90px;
color: #fff;
}
#downstage h6 {
font-size: 1.2em;
line-height: 120%;
}
#downstage p {
display: none;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
}
#downstage .go {
background: #006DA7;
display: none;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
@media only screen and (max-width: 767px) {
#downstage {
display: none;
}
}
@media only screen and (min-width: 961px) {
#downstage {
top: -32px;
}
#downstage p {
display: block;
}
#downstage a {
padding: 23px 15px 13px 90px;
}
#downstage .go {
display: inline-block;
}
}
#banner-slider {
width: 100%;
height: 513px;
}
#banner-slider .wrap {
position: relative;
}
#banner-slider .keyvisual {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#banner-slider .keyvisual img {
max-width: none;
position: relative;
left: 50%;
margin: 0 0 0 -480px;
width: 960px;
}
}
@media only screen and (min-width: 961px) {
#banner-slider .keyvisual img {
max-width: none;
position: relative;
left: 50%;
margin: -117px 0 0 -1280px;
width: 2560px;
}
}
#banner-slider .rsOverflow {
margin: 0;
height: 513px !important;
}
#banner-slider .slide {
height: 513px;
visibility: hidden;
}
#banner-slider .rsThumbs {
position: absolute;
bottom: -60px;
left: 0;
height: 70px;
width: 100%;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
overflow: visible;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#banner-slider .rsThumbs {
bottom: 60px !important;
height: 50px;
}
}
@media only screen and (min-width: 961px) {
#banner-slider .rsThumbs.active {
bottom: 0;
}
.touch #banner-slider .rsThumbs {
bottom: 0 !important;
}
}
#banner-slider .rsThumbs .rsThumbsContainer {
max-width: 1280px;
width: auto !important;
padding: 11px 0 14px;
height: 70px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#banner-slider .rsThumbs .rsThumbsContainer:hover {
background: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#banner-slider .rsThumbs .rsThumbsContainer {
height: 50px;
padding: 8px 0 12px;
}
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
#banner-slider .rsThumbs .rsThumbsContainer {
margin: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1400px) {
#banner-slider .rsThumbs .rsThumbsContainer {
margin: 0 40px;
}
}
#banner-slider .rsThumbs .rsNavItem {
float: left;
width: 14.28571%;
display: inline;
padding: 0 0 0 2.2%;
}
#banner-slider .rsThumbs .rsNavItem:first-child {
padding: 0 0 0 2%;
}
#banner-slider .rsThumbs .rsNavItem a {
display: block;
color: #fff;
}
#banner-slider .rsThumbs .rsNavItem img {
float: left;
margin: 0 12px 0 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#banner-slider .rsThumbs .rsNavItem img {
height: 32px;
width: 32px;
}
}
#banner-slider .rsThumbs .rsNavItem h6 {
font-size: 13px;
line-height: 120%;
margin: 0;
overflow: hidden;
height: 45px;
vertical-align: middle;
display: table-cell;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#banner-slider .rsThumbs .rsNavItem:hover img,
#banner-slider .rsThumbs .rsNavItem:hover h6, #banner-slider .rsThumbs .rsNavItem.rsNavSelected img,
#banner-slider .rsThumbs .rsNavItem.rsNavSelected h6 {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
@media only screen and (max-width: 960px) {
#banner-slider .rsThumbs .rsNavItem h6 {
display: none;
}
}
#banner-slider .anim-area {
position: relative;
height: 513px;
width: 100%;
}
#banner-slider .anim-area .obj {
position: absolute;
}
#banner-slider .anim-area .a-1 {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#banner-slider .anim-area .a-2 {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#banner-slider .anim-area .a-3 {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#banner-slider .anim-area .a-cta {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#banner-slider.a-in .a-1 {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
#banner-slider.a-in .a-2 {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
#banner-slider.a-in .a-3 {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
#banner-slider.a-in .a-cta {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
#banner-slider.a-out .a-1,
#banner-slider.a-out .a-2,
#banner-slider.a-out .a-3,
#banner-slider.a-out .a-cta {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
visibility: hidden;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.private #banner-slider {
/* Slide 1 - Enostavni */
/* Slide 2 - Mobilni internet mobitel */
/* Slide 3 TopTrio*/
/* Slide 4 Mobi */
/* Slide 5 - iPhone */
/* Slide 6 - Neomejeni */
/* Slide 7 Cross-sell */
}
@media only screen and (min-width: 961px) {
.private #banner-slider .slide-1 .obj-1 {
left: -35px;
top: -70px;
}
.private #banner-slider .slide-1 .cta {
left: 160px;
top: 200px;
}
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-1 .obj-1 {
right: 40px;
top: -70px;
}
.private #banner-slider .slide-1 .cta {
right: 180px;
top: 200px;
}
}
.private #banner-slider .slide-2 .obj-1 {
left: -88px;
top: -179px;
}
.private #banner-slider .slide-2 .obj-2 {
right: -25px;
top: -18px;
}
.private #banner-slider .slide-2 .cta {
left: 376px;
top: 188px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-2 .obj-1 {
left: -71px;
top: -188px;
}
.private #banner-slider .slide-2 .obj-2 {
right: 20px;
top: -28px;
}
.private #banner-slider .slide-2 .cta {
left: 358px;
top: 251px;
}
}
.private #banner-slider .slide-3 .obj-1 {
left: -102px;
top: -127px;
}
.private #banner-slider .slide-3 .obj-2 {
left: 241px;
top: -50px;
}
.private #banner-slider .slide-3 .obj-3 {
left: 293px;
top: 193px;
}
.private #banner-slider .slide-3 .cta {
left: 53px;
top: 240px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-3 .obj-1 {
left: -68px;
top: -150px;
}
.private #banner-slider .slide-3 .obj-2 {
left: -14px;
top: 158px;
}
.private #banner-slider .slide-3 .obj-3 {
left: 210px;
top: 185px;
}
.private #banner-slider .slide-3 .cta {
left: 274px;
top: 115px;
}
}
.private #banner-slider .slide-4 .obj-1 {
left: -40px;
top: 180px;
}
.private #banner-slider .slide-4 .cta {
left: 370px;
top: 335px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-4 .obj-1 {
left: 15px;
top: 120px;
}
.private #banner-slider .slide-4 .cta {
left: 420px;
top: 275px;
}
}
.private #banner-slider .slide-5 .center {
position: absolute;
left: 0;
top: 283px;
width: 100%;
text-align: center;
padding: 0 0 0 400px;
}
.private #banner-slider .slide-5 .btn {
width: 100px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-5 .center {
top: 315px;
padding: 0 0 0 330px;
}
}
.private #banner-slider .slide-6 .obj-1 {
left: -30px;
top: -30px;
}
.private #banner-slider .slide-6 .cta {
left: 210px;
top: 270px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-6 .obj-1 {
left: -30px;
top: -20px;
}
.private #banner-slider .slide-6 .cta {
left: 210px;
top: 280px;
}
}
.private #banner-slider .slide-7 .obj-1 {
right: -30px;
top: 70px;
}
.private #banner-slider .slide-7 .obj-2 {
right: 85px;
top: 315px;
}
.private #banner-slider .slide-7 .obj-3 {
right: -15px;
top: 315px;
}
.private #banner-slider .slide-7 .cta {
right: 265px;
top: 290px;
}
@media only screen and (max-width: 960px) {
.private #banner-slider .slide-7 .obj-1 {
right: -30px;
top: -35px;
}
.private #banner-slider .slide-7 .obj-2 {
right: 30px;
top: 230px;
}
.private #banner-slider .slide-7 .obj-3 {
right: 80px;
top: 305px;
}
.private #banner-slider .slide-7 .cta {
right: 220px;
top: 215px;
}
}
.business #banner-slider {
/* Slide 1 */
/* Slide 2 */
/* Slide 3 Mobitelov paket 2014 */
/* Slide 4 Delo od doma */
/* Slide 6 - Paket Mobitel EU Neomejeni */
}
.business #banner-slider .slide-1 .obj-1 {
left: -47px;
top: -47px;
}
.business #banner-slider .slide-1 .obj-2 {
right: -17px;
top: -22px;
}
.business #banner-slider .slide-1 .cta {
left: 128px;
top: 314px;
}
@media only screen and (max-width: 1280px) {
.business #banner-slider .slide-1 .obj-1 {
left: -32px;
top: -70px;
}
.business #banner-slider .slide-1 .obj-2 {
display: none;
}
.business #banner-slider .slide-1 .cta {
left: 145px;
top: 274px;
}
}
.business #banner-slider .slide-2 .obj-1 {
left: -97px;
top: -97px;
}
.business #banner-slider .slide-2 .cta {
left: 361px;
top: 108px;
}
@media only screen and (max-width: 1280px) {
.business #banner-slider .slide-2 .obj-1 {
left: -78px;
top: -96px;
}
.business #banner-slider .slide-2 .cta {
left: 335px;
top: 231px;
}
}
.business #banner-slider .slide-3 .obj-1 {
left: -68px;
top: -158px;
}
.business #banner-slider .slide-3 .obj-2 {
right: -25px;
top: 251px;
}
.business #banner-slider .slide-3 .cta {
left: 91px;
top: 294px;
}
@media only screen and (max-width: 1280px) {
.business #banner-slider .slide-3 .obj-1 {
left: -42px;
top: -170px;
}
.business #banner-slider .slide-3 .obj-2 {
display: none;
}
.business #banner-slider .slide-3 .cta {
left: 115px;
top: 277px;
}
}
.business #banner-slider .slide-4 .obj-1 {
left: -40px;
top: -65px;
}
.business #banner-slider .slide-4 .obj-1 .cta {
left: 321px;
top: 245px;
}
.business #banner-slider .slide-4 .obj-2 {
left: 12%;
top: 290px;
}
.business #banner-slider .slide-4 .obj-2 .cta {
left: 104px;
top: 75px;
}
.business #banner-slider .slide-4 .obj-3 {
left: 38.6%;
top: 290px;
}
.business #banner-slider .slide-4 .obj-3 .cta {
left: 104px;
top: 75px;
}
.business #banner-slider .slide-4 .obj-4 {
left: 61%;
top: 290px;
}
.business #banner-slider .slide-4 .obj-4 .cta {
left: 104px;
top: 75px;
}
.business #banner-slider .slide-4 .obj-5 {
left: 82.6%;
top: 290px;
}
.business #banner-slider .slide-4 .obj-5 .cta {
left: 104px;
top: 75px;
}
@media only screen and (max-width: 960px) {
.business #banner-slider .slide-4 .obj-1 {
left: -20px;
top: -105px;
}
.business #banner-slider .slide-4 .obj-2 {
left: 4%;
top: 260px;
}
.business #banner-slider .slide-4 .obj-3 {
left: 28%;
top: 260px;
}
.business #banner-slider .slide-4 .obj-4 {
left: 54%;
top: 260px;
}
.business #banner-slider .slide-4 .obj-5 {
left: 78%;
top: 260px;
}
}
.business #banner-slider .slide-6 .obj-1 {
left: -30px;
top: -30px;
}
.business #banner-slider .slide-6 .cta {
left: 210px;
top: 270px;
}
@media only screen and (max-width: 960px) {
.business #banner-slider .slide-6 .obj-1 {
left: -30px;
top: -20px;
}
.business #banner-slider .slide-6 .cta {
left: 210px;
top: 280px;
}
}
#banner-slider .rsPreloader {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff url(../img/rs/preloader_blue.gif) center center no-repeat;
}
#banner-slider-preloader {
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff url(../img/rs/preloader_blue.gif) center center no-repeat;
}
[data-screen="banner-s"] {
display: none;
}
@media only screen and (max-width: 767px) {
[data-screen="banner-s"] {
display: block;
}
}
[data-screen="banner-l"] {
display: none;
}
@media only screen and (min-width: 768px) {
[data-screen="banner-l"] {
display: block;
}
}
@media only screen and (min-width: 961px) {
.home.private #banner-slider .rsThumbs {
bottom: -28px;
}
.home.private #banner-slider .rsThumbs.active {
bottom: 32px;
}
.touch .home.private #banner-slider .rsThumbs {
bottom: 32px !important;
}
}
.home.private main[role="main"] {
background: #fff !important;
}
.home.private #breadcrumbs .m-wrap > div {
border-top: 1px solid #ddd;
}
.mobile-banner {
position: relative;
padding: 0 0 25px;
background: #fff;
}
.mobile-banner ul {
margin: 0;
overflow: hidden;
border-bottom: 5px solid #009DEC;
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 641px) {
.mobile-banner ul {
padding: 5px 0 0;
-moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 10px 15px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 10px 15px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 10px 15px rgba(0, 0, 0, 0.25);
}
}
.mobile-banner li {
position: relative;
width: 100%;
padding: 0 60px 0 130px;
height: 81px;
position: relative;
border-bottom: 1px solid #009DEC;
overflow: hidden;
}
.mobile-banner li:first-child {
margin-top: -5px;
}
.mobile-banner a {
display: block;
color: #221F1F !important;
}
.mobile-banner img {
max-width: none;
position: absolute;
left: 0;
top: 0;
}
.mobile-banner .title {
position: relative;
float: right;
width: 100%;
}
.mobile-banner h1 {
height: 80px;
display: table-cell;
vertical-align: middle;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
text-align: left;
}
.mobile-banner .circle-group {
position: absolute;
top: 0;
right: 0;
}
.mobile-banner .circle {
position: absolute;
left: 114px;
top: -24px;
background: #fff;
display: block;
width: 128px;
height: 128px;
line-height: 128px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
border-radius: 64px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
}
.mobile-banner .cta {
position: absolute;
top: 17px;
right: 9px;
}
@media only screen and (min-width: 461px) {
.mobile-banner li {
padding-left: 279px;
}
.mobile-banner .circle {
left: 242px;
}
}
.mobile-banner-toggle {
overflow: hidden;
position: absolute;
bottom: 5px;
left: 50%;
width: 52px;
height: 20px;
margin: 0 0 0 -26px;
}
.mobile-banner-toggle a {
display: block;
background: #009DEC;
display: block;
width: 52px;
height: 52px;
line-height: 52px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
border-radius: 26px;
margin: -33px 0 0;
}
.mobile-banner-toggle a:before {
content: "Æ";
font-size: 11px;
display: block;
position: absolute;
left: 0;
top: -19px;
margin: 0;
height: 18px;
width: 100%;
text-align: center;
color: #fff;
z-index: 1;
}
.mobile-banner-toggle.active a:before {
content: "æ";
}
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Sidebar left ║
╚══════════════════════════╝ */
#secondary {
font: normal 1em TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin: 0 0 2em;
}
#secondary ul {
border-top: 3px solid #E8E8E8;
}
#secondary li {
width: 100%;
border-bottom: 3px solid #E8E8E8;
}
#secondary li.active > a {
position: relative;
color: #221F1F;
font-family: TSMedium, Arial, Helvetica, sans-serif;
background: #e0f1f8;
/* Old browsers */
background: -moz-linear-gradient(left, #e0f1f8 0%, #ffffff 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e0f1f8), color-stop(100%, #ffffff));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #e0f1f8 0%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #e0f1f8 0%, #ffffff 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #e0f1f8 0%, #ffffff 100%);
/* IE10+ */
background: linear-gradient(to right, #e0f1f8 0%, #ffffff 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1f8', endColorstr='#ffffff',GradientType=1 );
/* IE6-9 */
}
.corpo #secondary li.active > a {
background: #eeeeee;
/* Old browsers */
background: -moz-linear-gradient(left, #eeeeee 0%, #ffffff 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eeeeee), color-stop(100%, #ffffff));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #eeeeee 0%, #ffffff 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #eeeeee 0%, #ffffff 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, #eeeeee 0%, #ffffff 100%);
/* IE10+ */
background: linear-gradient(to right, #eeeeee 0%, #ffffff 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
/* IE6-9 */
}
#secondary li.active > a:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -4%;
width: 7px;
height: 108%;
background: #000;
}
#secondary li.active > a:after {
position: absolute;
right: 4px;
top: 19px;
content: "n";
font-size: 25px;
}
@media only screen and (max-width: 640px) {
#secondary li.active > a:after {
display: none;
}
}
#secondary li.active.last.has-child {
border-bottom: none;
}
#secondary li.active.has-active-child > a {
color: #221F1F;
font-family: TSMedium, Arial, Helvetica, sans-serif;
background: #fff;
color: #00ACE4;
position: relative;
}
#secondary li.active.has-active-child > a:after {
content: "&";
font-size: 0.93333em;
top: 20px;
}
#secondary li.active.has-active-child > a:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -5%;
width: 7px;
height: 108%;
background: #00ACE4;
}
#secondary li.active.has-active-child > a:after {
position: absolute;
right: 4px;
top: 19px;
content: "n";
font-size: 25px;
color: #000;
}
@media only screen and (min-width: 641px) {
#secondary li.has-active-child > a {
position: relative;
}
}
#secondary a {
display: block;
padding: 1.1em 1em 1.05em 1.3em;
color: #8C8C8C;
}
#secondary a:hover {
color: #221F1F;
}
@media only screen and (max-width: 640px) {
#secondary a {
padding: 1.05em 3.7%;
}
}
#secondary li ul {
margin: 0 0 -1px;
}
#secondary li li {
width: auto;
margin: 0 0 0 1.3em;
border-bottom: 1px solid #E8E8E8;
}
#secondary li li a {
padding: .8em 1em .8em 1.3em;
}
#secondary li li.active > a {
position: relative;
}
#secondary li li.active > a:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -3%;
width: 3px;
height: 106%;
background: #000;
}
#secondary li li.active > a:after {
content: '';
}
.mi {
margin: 0 0 20px;
}
.mi h1:first-child, .mi h2:first-child, .mi h3:first-child, .mi h4:first-child, .mi h5:first-child, .mi h6:first-child {
margin-top: 0;
}
.mi .btn-submit {
display: block;
text-align: center;
float: none;
}
.mi .pad {
padding: 15px 20px;
}
@media only screen and (max-width: 960px) {
.mi .pad {
padding: 15px 3.7%;
}
}
.mi.grey {
background: #eee;
}
.mi.blue {
background: #97CAE6;
}
.mi.blue a {
color: #fff;
}
.mi.aero-blue {
background: #DCF3F9;
}
.mi-contact h4 {
font-size: 1.86667em;
margin-top: 0;
}
.mi-contact .vcard {
float: left;
width: 100%;
}
.mi-contact .photo {
float: left;
width: 144px;
height: 144px;
-moz-border-radius: 72px;
-webkit-border-radius: 72px;
border-radius: 72px;
margin: 0 0 1em;
}
.mi-contact .info {
float: left;
width: 100%;
}
.mi-contact .fn {
font-size: 1.6em;
font-family: TSMedium, Arial, Helvetica, sans-serif;
margin: 0 0 .1em;
}
.mi-contact .title {
font-size: 1.06667em;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
margin: 0 0 .4em;
}
.mi-contact dl {
font-size: 1.06667em;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
}
.mi-contact dt {
float: left;
clear: left;
padding: 0 5px 0 0;
}
.mi-contact dd {
float: left;
}
@media only screen and (max-width: 640px) {
.mi-contact {
background: #BCE6FC;
padding: 1em 3.7%;
margin: 0 0 1em;
}
}
@media only screen and (min-width: 641px) {
.mi-contact .photo {
position: relative;
z-index: 1;
margin: 0 0 -60px;
}
.mi-contact .info {
position: relative;
padding: 73px 40px 0;
margin: 0 0 28px;
width: 264px;
height: 264px;
-moz-border-radius: 132px;
-webkit-border-radius: 132px;
border-radius: 132px;
background: #BCE6FC;
}
.mi-contact .info:after {
content: '';
display: block;
position: absolute;
bottom: 22px;
right: 5px;
width: 60px;
height: 60px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #BCE6FC;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.mi-contact {
padding: 1em 3.7%;
}
.mi-contact .photo {
margin: 0 -38px -60px 0;
}
.mi-contact .info {
margin: 20px 0 0;
}
}
@media only screen and (min-width: 1281px) {
.mi-contact .photo {
margin: 0 -38px -60px 0;
}
.mi-contact .info {
margin: 20px 0 0;
}
}
.rss {
text-align: center;
}
@media only screen and (max-width: 960px) {
.rss {
padding: 0 3.7%;
}
}
/* ╔══════════════════════════╗
╟ ♠ Sidebar Right ║
╚══════════════════════════╝ */
.quick-support {
display: table;
width: 100%;
margin: 0 0 10px;
background: #A8D6E9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.quick-support ul {
display: table-row;
width: 100%;
margin: 0;
}
.quick-support li {
display: table-cell;
width: 33.33333%;
text-align: center;
border-left: 1px solid #E6F2F8;
vertical-align: top;
}
.quick-support li:first-child {
border: none;
}
.quick-support li:first-child > a {
-moz-border-radius: 7px 0 0 7px;
-webkit-border-radius: 7px;
border-radius: 7px 0 0 7px;
}
.quick-support li:last-child > a {
-moz-border-radius: 0 7px 7px 0;
-webkit-border-radius: 0;
border-radius: 0 7px 7px 0;
}
.quick-support li > div,
.quick-support li > a {
float: left;
width: 100%;
color: #fff;
padding: 10px 0;
min-height: 78px;
}
.quick-support .r {
display: block;
background: #fff;
color: #323232;
margin: 4px auto 0;
width: 39px;
height: 39px;
line-height: 38px;
text-align: center;
font-size: 1.4em;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.quick-support .user:after {
content: "U";
}
.quick-support .tel:after {
content: "4";
}
.quick-support .pin:after {
content: "p";
}
.quick-support h6 {
font-size: 1.06667em;
margin: 6px 0 0;
color: #221F1F;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.mi-grid {
display: table;
}
.mi-grid .mi-row {
display: table-row;
}
.mi-grid .mi {
display: table-cell;
width: 50%;
border-bottom: 20px solid #fff;
}
.mi-grid .mi.odd {
border-right: 10px solid #fff;
}
.mi-grid .mi.even {
border-left: 10px solid #fff;
}
}
.mi-ts-contact h5 {
margin: 0;
}
.mi-ts-contact p {
margin: 0 0 .7em;
}
.mi-catalogue figure {
float: left;
margin: 0 12px 18px 0;
}
.mi-catalogue h6 {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin: 1em 0 .3em;
}
.mi-catalogue h5 {
font-family: TSMedium, Arial, Helvetica, sans-serif;
font-size: 1.33333em;
margin: 1em 0 .3em;
}
.mi-catalogue p {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
}
.mi-catalogue > div {
overflow: hidden;
}
.mi-video-promo .video {
padding: 10px 0 0;
}
.mi-video-promo .video img {
min-width: 100%;
}
.mi-video-promo h6 {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.mi-ftth-council img {
margin: 0 0 1em;
}
.mi-ftth-council p {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 0.93333em;
line-height: 130%;
margin: 0 10px 0 0;
}
@media only screen and (min-width: 321px) {
.mi-ftth-council img {
float: left;
margin: 0 12px 0 0;
}
}
.mi-net-bubbles {
text-align: center;
}
.mi-net-bubbles img {
margin: 0 10px;
}
@media only screen and (min-width: 961px) {
.mi-net-bubbles img {
display: block;
margin: 0 0 10px;
}
}
.mi-lte {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
}
.mi-lte p {
font-size: 1.2em;
margin: 0 0 .8em;
}
.mi-lte .big {
font-size: 1.86667em;
margin: 0 0 .6em;
}
.mi-lte .big span {
font-size: 0.6em;
}
.mi-lte dl {
border-top: 1px solid #CBCBCB;
}
.mi-lte dt {
font-size: 1.2em;
padding: .8em 0 .5em;
font-weight: normal;
}
.mi-lte li {
padding-bottom: .2em;
}
.mi-banner {
text-align: right;
}
.mi-banner figure {
padding-bottom: 15px;
text-align: left;
}
.mi-support .tel {
font-family: TeleGrotesk;
}
.mi-support .user-ia .btn {
margin: 0 0 5px;
}
.sweepstakes {
height: 220px;
}
.sweepstakes .slide {
background-repeat: no-repeat;
background-position: 50% 0;
}
.sweepstakes a {
color: #fff;
}
.sweepstakes h6 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto;
padding: 13px 65px 13px 20px;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 120%;
background: #000;
background: rgba(32, 31, 31, 0.8);
}
.sweepstakes h6:after {
position: absolute;
right: 20px;
top: 50%;
margin: -10px 0 0;
content: "E";
font-size: 25px;
}
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
#on-top {
display: block;
width: 36px;
height: 36px;
color: #fff;
line-height: 2.2;
background: #009EE3;
text-align: center;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
font-size: 1.06667em;
}
#on-top:hover {
background: #A8D6E9;
}
@media only screen and (min-width: 961px) {
#on-top {
position: absolute;
bottom: -30px;
right: 20px;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#on-top {
position: absolute;
top: 80px;
right: 0;
}
}
@media only screen and (max-width: 640px) {
#on-top {
float: none;
clear: both;
width: 70px;
height: 70px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
margin: 0 auto;
font-size: 32px;
}
}
#copyright {
color: #8C8C8C;
font-size: 0.86667em;
line-height: 155%;
display: block;
text-align: center;
margin: 30px 0 0;
}
@media only screen and (min-width: 641px) {
#copyright {
float: right;
margin: 0 0 0 30px;
}
}
#breadcrumbs .m-wrap > div {
padding: 1em 0 1em;
}
#breadcrumbs ul {
float: left;
margin: 0;
max-width: 65%;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
color: #8C8C8C;
line-height: 121%;
}
#breadcrumbs li {
float: left;
display: inline;
}
@media only screen and (max-width: 640px) {
#breadcrumbs li {
display: none;
}
}
#breadcrumbs li a:after {
content: "/";
color: #8C8C8C;
display: inline;
padding: 0 5px;
position: relative;
top: -1px;
}
@media only screen and (max-width: 640px) {
#breadcrumbs {
float: left;
width: 100%;
margin: 0;
padding: 2em 0;
}
#breadcrumbs .back {
display: block;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.33333em;
margin: 0 0 2.3em;
}
#breadcrumbs .back a {
position: relative;
padding: 0 0 0 30px;
}
#breadcrumbs .back a:after {
color: #009EE3;
content: ",";
position: absolute;
left: 0;
top: 4px;
font-size: 22px;
display: inline;
padding: 0;
font-family: 'TSIcons';
-webkit-font-smoothing: antialiased;
}
}
.infopush {
float: left;
width: 100%;
margin: 40px 0 -5px;
position: relative;
}
@media only screen and (max-width: 640px) {
.infopush {
margin: 1em auto 1.5em 0;
background: #A8D6E9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
}
.ip {
width: 100%;
margin: 0 0 1em;
background: #A8D6E9;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-transition: background 0.1s ease-in-out;
-o-transition: background 0.1s ease-in-out;
-webkit-transition: background 0.1s ease-in-out;
transition: background 0.1s ease-in-out;
}
.ip:hover a {
color: #fff;
}
@media only screen and (min-width: 641px) {
.ip:hover {
background: #00ACE4;
}
}
.ip > div,
.ip > a {
float: left;
width: 100%;
color: #fff;
padding: 10px 1.3% 13px 6%;
}
@media only screen and (max-width: 640px) {
.ip > div,
.ip > a {
padding: 0;
}
}
.ip a .ico {
position: relative;
}
.ip a .ico:after {
content: "E";
display: block;
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
font-size: 16px;
}
.ip p {
color: #211F1F;
overflow: hidden;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 125%;
margin: 0;
}
.ip .no {
display: inline-block;
line-height: 125%;
font-size: 1.46667em;
}
.ip .ico {
float: right;
padding: 0 15px;
min-height: 78px;
border-left: 1px solid #E6F2F8;
}
.ip .ico span {
font-size: 1.4em;
}
@media only screen and (max-width: 640px) {
.ip .ico {
min-height: 110px;
}
}
.ip .r {
display: block;
background: #fff;
color: #323232;
margin: 4px auto 0;
width: 39px;
height: 39px;
line-height: 38px;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.ip .user:after {
content: "U";
}
.ip .tel:after {
content: "4";
}
.ip .pin:after {
content: "p";
}
.ip h6 {
font-size: 1.06667em;
margin: 0;
color: #221F1F;
}
@media only screen and (min-width: 641px) {
.ip h6 {
display: none;
}
}
@media only screen and (min-width: 641px) {
.ip .ico {
margin: 0 0 0 5px;
}
}
@media only screen and (min-width: 961px) {
.ip {
float: left;
width: 32%;
margin: 0 0 0 2%;
}
.ip:first-child {
margin: 0;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
.ip {
float: left;
width: 49%;
margin: 0 0 1.5em;
}
.ip.even {
float: right;
}
}
@media only screen and (max-width: 640px) {
.ip {
float: left;
width: 33.33333%;
margin: 0;
padding: 10px;
}
.ip:first-child {
-moz-border-radius: 7px 0 0 7px;
-webkit-border-radius: 7px;
border-radius: 7px 0 0 7px;
}
.ip:first-child .ico {
border: none;
}
.ip.even {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.ip:last-child {
border: none;
-moz-border-radius: 0 7px 7px 0;
-webkit-border-radius: 0;
border-radius: 0 7px 7px 0;
}
.ip p {
display: none;
}
.ip .ico {
width: 100%;
float: none;
text-align: center;
padding: 0;
}
}
/* ╔══════════════════════════╗
╟ § Media Queries ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Global Vars ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Icons ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ accordion ║
╚══════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Tooltips ║
╚══════════════════════════╝ */
/* ╔═════════════════════════════════════╗
╟ ♠ Structure layout.scss ║
╚═════════════════════════════════════╝ */
/* ╔══════════════════════════╗
╟ ♠ Footer ║
╚══════════════════════════╝ */
/* ╟ Footer Menu */
#footer-menu {
padding: 1.3em 0 2.3em 0;
background: #009EE3;
color: #fff;
font: normal 1em/200% TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
@media only screen and (min-width: 641px) {
#footer-menu {
border-top: 5px solid #A8D6E9;
}
}
@media only screen and (max-width: 640px) {
#footer-menu li.active ul {
display: block;
}
}
#footer-menu li.active > a {
color: #1E175A;
}
#footer-menu a {
color: #fff;
cursor: pointer;
}
#footer-menu a:hover {
color: #A7D6E9;
}
@media only screen and (max-width: 960px) {
#quick-jump:before, #quick-jump:after {
content: " ";
display: table;
}
#quick-jump:after {
clear: both;
}
}
@media only screen and (min-width: 641px) {
#quick-jump {
width: 92.6%;
margin: 0 auto;
}
}
@media only screen and (min-width: 961px) {
#quick-jump {
float: left;
width: 98%;
}
}
@media only screen and (min-width: 1281px) {
#quick-jump {
float: left;
width: 74%;
}
}
#quick-jump ul {
margin: 0;
/* secondary lvl */
}
@media only screen and (min-width: 641px) {
#quick-jump ul {
float: left;
}
}
@media only screen and (max-width: 640px) {
#quick-jump ul {
margin: 0 3.7% 1.5em;
}
#quick-jump ul.q-1, #quick-jump ul.q-3 {
padding: 0 0 1.5em;
border-bottom: 1px solid #A8D6E9;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#quick-jump ul {
width: 50%;
margin: 0 0 1.5em;
}
}
@media only screen and (min-width: 961px) {
#quick-jump ul {
min-height: 185px;
width: 18%;
padding: 0 0 0 3%;
}
#quick-jump ul.q-1, #quick-jump ul.q-3, #quick-jump ul.q-5 {
border-right: 1px solid #A8D6E9;
}
#quick-jump ul.q-2, #quick-jump ul.q-3 {
width: 23%;
}
#quick-jump ul.q-4, #quick-jump ul.q-5 {
width: 20%;
}
}
@media only screen and (max-width: 640px) {
#quick-jump ul.q-1 {
padding: 0 0 1.5em;
}
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#quick-jump ul.q-1 {
float: left;
width: 100%;
padding: 0;
}
#quick-jump ul.q-1 li {
float: left;
width: 50%;
}
}
@media only screen and (max-width: 960px) {
#quick-jump ul.q-1 {
border-bottom: 1px solid #A8D6E9;
}
}
@media only screen and (min-width: 961px) {
#quick-jump ul.q-1 {
float: left;
width: 16%;
padding: 0;
}
}
#quick-jump ul ul {
display: none;
}
@media only screen and (min-width: 641px) and (max-width: 960px) {
#quick-lang {
text-align: right;
}
}
@media only screen and (min-width: 961px) {
#quick-lang {
margin: 113px 0 0;
}
}
#quick-lang [data-icon]:before {
margin: 0 10px 0 0;
font-size: 1.06667em;
}
#social-media {
margin: 0;
text-align: center;
}
#social-media li {
background: #fff;
width: 50px;
height: 50px;
margin: 0 0 10px;
margin-bottom: 20px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
@media only screen and (min-width: 961px) {
#social-media li {
float: right;
clear: right;
}
}
@media only screen and (min-width: 1281px) {
#social-media li {
float: left;
clear: none;
margin: 0 8px;
margin-bottom: 16px;
}
}
#social-media a {
color: #009EE3;
display: block;
width: 100%;
height: 100%;
text-indent: -999em;
position: relative;
}
#social-media a:hover {
color: #A7D6E9;
}
#social-media [data-icon]:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
text-indent: 0;
font-size: 24px;
line-height: 50px;
}
#social-media [data-icon="f"]:before {
text-indent: -2px;
}
#social-media [data-icon="t"]:before {
font-size: 21px;
}
#social-media [data-icon="y"]:before {
font-size: 26px;
}
#social-media [data-icon="w"]:before {
font-size: 26px;
}
#social-media [data-icon="{"]:before {
font-size: 26px;
margin-left: 2px;
}
@media only screen and (min-width: 961px) {
#social-media {
float: left;
width: 2%;
}
}
@media only screen and (min-width: 1281px) {
#social-media {
width: 26%;
position: relative;
}
}
@media only screen and (max-width: 960px) {
#social-media {
float: none;
width: 92.6%;
margin: 0 auto;
padding-top: 1.5em;
border-top: 1px solid #A8D6E9;
}
#social-media li {
display: inline-block;
margin: 0 3%;
margin-bottom: 3%;
width: 60px;
height: 60px;
line-height: 60px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
#social-media [data-icon]:before {
font-size: 22px;
line-height: 60px;
}
#social-media [data-icon="f"]:before {
font-size: 29px;
line-height: 61px;
}
#social-media [data-icon="t"]:before {
font-size: 25px;
line-height: 64px;
text-indent: 2px;
}
#social-media [data-icon="y"]:before {
font-size: 32px;
}
#social-media [data-icon="w"]:before {
font-size: 29px;
}
#social-media [data-icon="{"]:before {
font-size: 32px;
}
}
/* ╟ Support */
#support {
padding: 2em 0 1.8em;
background: #fff;
border-top: 3px solid #ddd;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
}
#support h6 {
margin: 7px 0 5px;
font-size: 1.06667em;
font-family: TSMedium, Arial, Helvetica, sans-serif;
line-height: 163%;
}
#support a {
color: #221F1F;
}
#support a.tel {
color: #221F1F !important;
/*regardless of theme*/
}
#support .order-info li {
padding: 0 0 9px;
line-height: 120%;
}
#support .group .wide {
float: left;
width: 100%;
background: inherit;
margin: 20px 0 0;
}
@media only screen and (min-width: 461px) {
#support .group {
float: left;
width: 100%;
}
#support .group > div {
float: left;
width: 48%;
}
}
@media only screen and (max-width: 960px) {
#support .group {
padding: 20px 0 30px;
border-bottom: 1px solid #ddd;
}
#support .group.order-info {
padding-top: 0;
}
#support .group.awards {
border: none;
padding-bottom: 0;
}
}
@media only screen and (min-width: 961px) {
#support .group {
float: left;
padding: 0 30px;
border-left: 1px solid #ddd;
min-height: 198px;
/*temp*/
}
#support .group.order-info {
width: 40%;
border: none;
padding-left: 0;
}
#support .group.sos {
width: 30%;
}
#support .group.awards {
width: 30%;
padding-right: 0;
}
}
#awards {
padding: 10px 0;
margin: 0;
}
#awards li {
float: left;
width: 25%;
display: inline;
text-align: center;
padding: 10px;
}
@media only screen and (min-width: 961px) and (max-width: 1280px) {
#awards li {
width: 50%;
}
}
/* ╟ Info Block */
#info {
background: #003080;
color: #fff;
}
#notifications {
position: relative;
min-height: 23px;
}
#notifications .iTab:before {
left: 30px;
margin: 0;
}
#notifications .iTab span {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
line-height: 158%;
text-align: left;
}
@media only screen and (max-width: 640px) {
#notifications .iTab span strong {
display: block;
}
}
@media only screen and (min-width: 961px) {
#notifications .iTab span {
padding: 0 13px;
}
}
@media only screen and (max-width: 960px) {
#notifications {
padding: 0 3.7%;
}
}
#notifications article {
padding: 0 0 17px;
}
#notifications h4 {
margin: 0 0 .2em;
padding: 0 80px 0 0;
}
#notifications time {
display: block;
margin: 0 0 1.2em;
color: #fff;
}
#notifications .btn-rss {
float: right;
}
#notifications .back {
position: relative;
display: inline-block;
padding: 5px 0 0 20px;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
#notifications .back:after {
position: absolute;
left: 0;
top: 5px;
content: "%";
font-size: 16px;
color: #fff;
}
#notifications .pagination {
position: absolute;
right: 0;
top: 55px;
}
#notifications .pagination li {
float: left;
display: inline;
margin: 0 0 0 1px;
}
#notifications .pagination a {
display: block;
width: 40px;
height: 40px;
background: #fff;
color: #003080;
display: block;
text-indent: -999em;
overflow: hidden;
position: relative;
}
#notifications .pagination a:after {
position: absolute;
left: 0;
top: 9px;
font-size: 28px;
text-indent: 0;
width: 100%;
text-align: center;
}
#notifications .pagination a.prev:after {
content: "%";
}
#notifications .pagination a.next:after {
content: "$";
}
@media only screen and (min-width: 961px) {
#notifications {
float: left;
width: 62%;
}
}
#notifications .filter-select {
float: left;
width: 100%;
margin: 0 0 1em;
}
#notifications .filter-select select {
color: #1E265D;
}
@media only screen and (min-width: 641px) {
#notifications .filter-select select {
max-width: 165px;
}
}
#notifications .list {
float: left;
width: 100%;
padding: 0 0 17px;
}
#notifications .list li {
font-size: 1em;
padding: .5em 0;
}
#notifications .list time {
font-size: 1em;
margin: 0;
}
#notifications .list h6 {
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.06667em;
margin: 0;
}
#notifications .list .footer h5 {
float: left;
margin: 7px 0 0 0;
}
@media only screen and (min-width: 641px) {
#notifications .list ul {
float: left;
width: 100%;
}
#notifications .list li {
float: left;
width: 100%;
}
#notifications .list time {
float: left;
width: 90px;
}
#notifications .list h6 {
overflow: hidden;
}
}
#iTabs {
position: relative;
min-height: 23px;
margin: 0;
}
@media only screen and (max-width: 960px) {
#iTabs > li {
border-top: 1px solid #26A7DF;
padding: 0 3.7%;
}
}
@media only screen and (min-width: 961px) {
#iTabs > li {
float: left;
display: inline;
width: 33.33333%;
}
}
@media only screen and (min-width: 961px) {
#iTabs > li:last-child span:after {
position: absolute;
top: 0;
right: 0;
content: '';
display: block;
width: 1px;
height: 23px;
background: #25A9E0;
}
}
@media only screen and (min-width: 961px) {
#iTabs {
float: right;
width: 38%;
}
}
#iTabs .iTab span {
position: relative;
display: block;
}
@media only screen and (min-width: 961px) {
#iTabs .iTab span:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 1px;
height: 23px;
background: #25A9E0;
}
}
.iTab {
display: block;
font-size: 0.93333em;
position: relative;
color: #fff !important;
}
.iTab:hover {
color: #fff !important;
}
.iTab:after {
position: absolute;
right: 0;
top: 50%;
margin: -10px 0 0;
content: 'n';
font-size: 18px;
color: #26A7DF;
}
.iTab.active:after {
content: "&";
margin-right: -8px;
}
@media only screen and (min-width: 961px) {
.iTab {
text-align: center;
padding: 1.6em 0;
}
.iTab:after, .iTab.active:after {
display: none;
}
.iTab.active {
color: #00ABE5 !important;
background: #004696;
z-index: 1;
}
.iTab.active:before {
content: '';
z-index: 1;
position: absolute;
left: 50%;
top: -14px;
margin: 0 0 0 -14px;
display: block;
width: 0;
height: 0;
border-top: none;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #004696;
}
.iTab:hover {
color: #00ABE5 !important;
}
}
@media only screen and (max-width: 960px) {
.iTab {
padding: 1em 0 .95em;
}
.iTab.active {
color: #00ACE4 !important;
}
}
.iPanel {
display: none;
padding: 4% 0;
position: relative;
z-index: 30;
}
.iPanel:before, .iPanel:after {
content: " ";
display: table;
}
.iPanel:after {
clear: both;
}
.iPanel a {
color: #00ADE5;
}
.iPanel a:hover {
color: #00ADE5;
}
.iPanel li {
padding: .1em 0;
font-family: TeleGrotesk, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}
.iPanel .header {
position: relative;
margin: 0 0 1em;
}
.iPanel .header h6 {
margin: 0;
}
@media only screen and (max-width: 960px) {
.iPanel .header {
display: none;
}
}
@media only screen and (min-width: 461px) {
.iPanel .group {
float: left;
width: 100%;
margin: 0 0 2em;
}
.iPanel .col2 {
float: right;
width: 48.5%;
}
.iPanel .col2.first {
float: left;
}
}
@media only screen and (min-width: 961px) {
.iPanel {
position: absolute;
left: 0;
bottom: 66px;
background: #003080;
width: 100%;
padding: 13px;
}
}
.iClose {
position: absolute;
top: -13px;
right: -13px;
display: block;
width: 40px;
height: 40px;
color: #009EE3;
display: block;
text-indent: -999em;
overflow: hidden;
}
.iClose:after {
position: absolute;
top: 10px;
right: 13px;
font-size: 22px;
content: "x";
text-indent: 0;
}
@media only screen and (min-width: 641px) {
.quick-links ul {
margin: 0;
}
}
@media only screen and (min-width: 641px) {
.support-links h6 {
float: left;
width: 48%;
}
.support-links ul {
float: right;
width: 48%;
}
}
#banner {min-height:153px;color:#fff;background: #83bad7;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzYmFkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmRkZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #83bad7 0%, #b2ddf5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#83bad7), color-stop(100%,#b2ddf5));background: -webkit-linear-gradient(top, #83bad7 0%,#b2ddf5 100%);background: -o-linear-gradient(top, #83bad7 0%,#b2ddf5 100%);background: -ms-linear-gradient(top, #83bad7 0%,#b2ddf5 100%);background: linear-gradient(to bottom, #83bad7 0%,#b2ddf5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83bad7', endColorstr='#b2ddf5',GradientType=0 );}
#footer-menu #quick-jump ul { min-height: 115px !important; }
/*Edita - dodano*/
#t-shop {
margin: -5px 16px -2px 0 !important;
}
#name {
margin: 8px 17px -2px 0 !important;
height:20px;
}