/* General */
@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);*/
/* @import url('https://fonts.googleapis.com/css?family=Cairo'); */
/* arabic */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
.showSectionsButton {
display: none;
}
.seatImageOver {
-webkit-filter:opacity(0.5) ;
}
body{font-size: 16px;font-weight: normal;font-style: normal;line-height: 23px;color: #727272;font-family: 'Barlow', sans-serif;}
[lang="ar"] body {
font-family: 'Cairo', sans-serif !important;
}
img{max-width:100%;border:none;vertical-align:middle;}
a, a:hover, a:visited, a:link, a:active {color: #000;text-decoration: none;}
.sbNormal {width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul li.collapsed, ul li.expanded, ul li.leaf {
list-style: none;
list-style-image: none;
}
body {background-color: #fff;color: #666;margin: auto;}
h4{color:white;}
.mobileInfoText {display: inline-block;margin:0 0 0 4px;position:relative;height: 34px;width: 22px;top: -2px;background-image: url('/img/hwc15-ww/info.png');background-repeat: no-repeat;background-position: left 11px;}
/* Utilities */
.container-fluid{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row{margin-right: -15px;margin-left: -15px;}
.padding0 {
padding: 0px !important;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";}
ul {
list-style-type: none;
}
ol, ul {
margin-top: 0;
margin-bottom: 10px;
}
li a.active {
color: #000;
}
a {
outline: medium none !important;
color: #727272;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background-color: transparent;
text-decoration: none;
}
i {
vertical-align: middle;
border: 0;
}
/*---------------- */
/* popup */
.homepagePopupWrapper {
width: 100%;
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
background-color: rgb(0 0 0 / 40%);
z-index: 9999;
}
.homepagePopup {
width: 75%;
max-width: 500px;
margin: auto;
background-color: rgb(255 255 255 / 100%);
border-radius: 10px;
padding: 25px;
vertical-align: middle;
margin-top: 12%;
text-align: center;
position: relative;
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 35%);
}
.homepagePopupClose {
position: absolute;
right: 10px;
top: 10px;
font-size: 18px;
cursor: pointer;
}
.popupTitle {
font-size: 20px;
font-weight: bold;
margin-top: 20px;
}
.popupContent {
font-size: 16px;
margin-top: 20px;
}
/* Header */
.newHeader {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2px 20px 2px 20px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
margin-bottom: 20px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.logo-container {
align-items: center;
display: flex;
}
.nd-region > .container-fluid > .row > .col-md-12{padding-left: 0;padding-right: 0;}
div#block-block-18 {height: 25px;background-color: rgb(92,0,44);}
#block-block-18 .col-lg-12 {padding-right: 0px;}
#block-locale-language ul {margin-bottom: 0;}
.language-switcher-locale-url {padding-left: 0px;padding: 0px !important;}
.headerForMobile .language-switcher-locale-url {padding: 10px 30px !important}
div#block-locale-language li {
display: inline-block;
font-family: 'Cairo', sans-serif !important;
margin-top: -2px;
float: left;
}
[lang="ar"] div#block-locale-language li {
font-family: 'Barlow', sans-serif !important;
margin-top: 1px;
font-size: 13px;
}
div#block-locale-language a.active, #block-lang-dropdown-language--2 a.active {color: #FFF;}
div#block-locale-language li a {color: #fff;}
ul.language-switcher-locale-url li.active a {display: none;}
ul.language-switcher-locale-url a {color: #fff;}
#block-block-27 a i, #block-block-27--2 a i{max-height: 24px;border-radius: 26%;margin-right: 8px;}
.socialColor {
color: #FFF;
font-size: 16px !important;
padding: 3px 0px 0px 4px;
width: 24px;
height: 24px;
}
#emblem-list {
text-align: center;
margin-bottom: 15px;
}
.teamLogo {
float: left;
width: 15%;
position: relative;
cursor:pointer;
text-align: center;
}
.teamLogo img, .teamLogoLeft img {
height: 65px !important;
display: inline;
margin: 10px auto !important;
}
.teamLogoLeft {
border: 1px solid #ECECEC;
display: inline-block;
margin: 10px 3px;
border-radius: 12px;
background-color: #E6E6E6;
overflow: hidden;
transition: all 0.6s ease;
text-align: center;
width: 8%;
max-width: 110px;
cursor: pointer;
}
.teamLogoLeft.selected {
background-color: #9B0448;
border: 1px solid #9B0448;
transform: scale(1.1);
box-shadow: 0 1px 5px #00000078;
}
.teamLogoLeft figure {
margin: 0 auto;
border-radius: 12px;
background-color: #FFFFFF;
display: flex;
align-items: center;
border: 1px solid transparent;
transition: all 0.8s ease;
text-align: center;
padding: 10px;
}
.teamName{
font-weight: 400;
font-size: 17px;
line-height: 1.2;
color: #000000;
display: block;
padding: 6px 0 10px;
transition: all 0.4s ease;
}
.selected .teamName{
color: #fff;
}
.teamLogoLeft:hover .teamName, .teamLogo:hover .teamName {
display: block;
}
.teamLogoShadow {
display: none;
position: absolute;
top: 25%;
width: 50%;
height: 50%;
border-radius: 100px;
-webkit-box-shadow: 0px 0px 40px 11px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 0px 40px 11px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 40px 11px rgba(0, 0, 0, 0.08);
left: 25%;
z-index: -1;
}
.selected .teamLogoShadow {
display:block;
}
.logo-container .img-responsive {
width: 140px;
}
.teamLogo img, .teamLogoLeft img.img-responsive{
margin:0 auto!important;
height:auto!important;
}
.feature-box-87 input[type=radio], input[type=checkbox] {
display: block !important;
}
.mobileFiltersContainer{
width:100%;
}
.mobileFiltersContainer .teamFilterItem .teamName {
top: -13px;
position: absolute;
width: 100%;
text-align: center;
left: 0px;
font-size: 10px;
}
.tm-arabic-float {float:right!important;}
.tm-en-float {float:left;}
.tm-arabic-text-align {text-align:right!important;}
.tm-en-text-align {text-align:left;}
/*--------------*/
/*TOOLTIP*/
.hint {display: none;border: 2px solid #BBB;
-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.1);
box-shadow: 0 3px 15px rgba(0,0,0,0.1); line-height: 14px;z-index: 1;margin-left: 10px;text-indent: 0;position: absolute; width: 440px; margin-top: 0; border-radius: 4px; color:#1a1a1a; padding: 10px 12px; /* to fix IE6*/ background: #FFFFFF url(pointer.gif) no-repeat -10px 5px;}
.hint .hint-pointer {position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(/img/hwc15-ww/pointer.gif) left top no-repeat;}
.sectionContent strong {font-family:"AvenirBold";}
/* Header */
.banner { padding-top:20px;background-size: cover;}
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
.ib-competition .ib-boxes {position: relative;overflow: hidden;}
.ib-competition .ib-bg {max-width: 1140px;position: relative;}
.ib-competition .ib-lg {position: absolute;left: 65px;bottom: 0;z-index: 2;border: 1px solid #ccc;background-color: #fff;display: none;}
.ib-competition .ib-bg > img {max-width: none;/* width: 100%; */}
.block-content img {max-width: 100%;height: auto; margin: 10px;}
.box .block-title {
padding-top: 12px;
padding-bottom: 27px;
margin-bottom: 38px;
border-bottom: 1px solid #dfdfdf;
font-size: 30px;
font-weight: 700;
color: #868686;
text-transform: uppercase;
text-align: center;
position: relative;
}
.alertify-log-success {background-color: #8A1B61 !important;}
.box .block-title:after {
content: '';
display: block;
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #dbdddc;
position: absolute;
bottom: -10px;
left: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.nav {margin-bottom: 0;padding-left: 0;list-style: none;}
#backtotop{width:50px;height:50px;bottom:80px;background-image:url(/img/qsl-ww/backtotop.png);z-index:5;}
#backtotop{background:url(/img/qsl-ww/backtotop.png) no-repeat center center;bottom:20px;cursor:pointer;display:none;height:60px;position:fixed;right:20px;text-indent:-9999px;width:60px;z-index:1;border: 1px solid white;}
#backtotop:hover{opacity:0.8;}
/*... Header ...*/
.iNavbar { margin-bottom: 0; }
.nv-open { margin-bottom: 42px; }
.navbar-fixed-top { margin-bottom: 0; border: 0; }
.navbar-primary { background-color: #F1F2F2; /* background-image: url(/img/qsl-ww/bg-nav-primary.gif); */ background-repeat: repeat-y; background-position: center top; }
.navbar-primary > .container { /* background: url(/img/qsl-ww/bg-nav-primary.png) no-repeat left top; */ }
.navbar-primary .navbar-header { overflow: hidden; }
.navbar-primary .navbar-brand { padding: 9px 60px 8px 0; }
.navbar-primary .toggle-primary { margin: 0; padding: 14px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); }
.navbar-primary .toggle-primary > .icon-bar { background-color: #fff; width: 21px; }
.navbar-primary .toggle-primary:hover,
.navbar-primary .toggle-primary:focus { background-color: #2459ad; }
.navbar-primary .toggle-secondary { float: left; display: block; margin: 0 0 0 -44px; padding: 14px 10px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); }
.navbar-primary .toggle-secondary > .icon-bar { background-color: #888; width: 21px; }
.navbar-primary .toggle-secondary:hover,
.navbar-primary .toggle-secondary:focus { background-color: #e5e5e5; }
.navbar-primary .navbar-block { margin-left: 130px; text-align: right; }
.navbar-primary .navbar-block > .block { margin-left: 5px; }
.navbar-primary > .container,
.navbar-primary .toggle-secondary,
.navbar-primary .navbar-block
{ -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.navbar-primary.open > .container { background-position: 60px 0; }
.navbar-primary.open .toggle-secondary { margin-left: 0; margin-right: 16px; }
.navbar-primary.open .navbar-block { margin-left: 190px; }
.navbar-primary.shadow { -webkit-box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); }
.navbar-secondary { background-color: #000; }
.navbar-secondary .navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar-secondary .nav-primary,
.navbar-secondary.fixed
{ -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.navbar-secondary.fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 50;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.navbar-secondary.fixed .nav-primary { margin-left: 190px; }
.navbar-secondary.fixed.active { -webkit-transform: translate3d(0,42px,0); -moz-transform: translate3d(0,42px,0); transform: translate3d(0,42px,0); }
.admin-menu .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,70px,0); -moz-transform: translate3d(0,70px,0); transform: translate3d(0,70px,0); }
.iLang { float: right; padding: 11px 0; }
.iLang .block-content ul { margin: 0; padding: 0; list-style: none; }
.iLang .block-content ul > li { display: inline-block; }
.iLang .block-content ul > li:after { content: ''; display: inline-block; padding-left: 4px; color: #fff; position: relative; top: -1px; }
.iLang .block-content ul > li.last:after { content: ''; display: none; }
.iLang .block-content ul > li > a { color: #fff; }
.iLang .block-content ul > li > a:hover {}
#offers .offer.left {
float: left;
left: 10px;
position: relative;
top: 60px;
}
#offers .offer.right {
float: right;
position: relative;
right: 10px;
top: 60px;
}
.iSearch { float: right; }
.iSearch .block-content { position: relative; }
.iSearch .iS-toggle { padding-top: 11px; padding-bottom: 11px; color: #fff; font-size: 14px; }
.iSearch .iS-toggle:focus { background-color: #000000; }
.iSearch .iS-toggle:hover,
.iSearch .open > .iS-toggle,
.iSearch .open > .iS-toggle:hover,
.iSearch .open > .iS-toggle:focus { background-color: #2459ad; border-color: #2459ad; }
.iSearch .iS-boxies { margin: 0; padding: 7px; border: 0; min-width: 240px; left: auto; right: 0; background-color: #2459ad; }
.iSearch .iS-boxies .form-group { margin-bottom: 0; }
.iSearch .iS-boxies .form-control { padding-top: 3px; padding-bottom: 3px; border-color: #114A81; border-right: 0; height: 28px; }
.iSearch .iS-boxies .btn-primary { padding-top: 3px; padding-bottom: 3px; background-color: #fff; border: 1px solid #114A81; border-left-width: 0; color: #aaa; }
.iSearch .iS-boxies,
.iSearch .iS-boxies .form-control,
.iSearch .iS-boxies .btn-primary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.iSMedia { float: right; }
.iSMedia .iS-toggle { padding-top: 11px; padding-bottom: 11px; color: #fff; display: none; }
.iSMedia .iS-toggle:focus { background-color: #000000; }
.iSMedia .iS-toggle:hover,
.iSMedia .open > .iS-toggle,
.iSMedia .open > .iS-toggle:hover,
.iSMedia .open > .iS-toggle:focus { background-color: #2459ad; border-color: #2459ad; }
.iSMedia .dropdown { display: block; }
.iSMedia .dropdown > .dropdown-menu { position: static; display: block; float: none; min-width: 0; margin: 0; padding: 0; border: 0; background-color: transparent;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.iSMedia .iSm-list { margin: 0; padding: 0; list-style: none; font-size: 0; }
.iSMedia .iSm-list > li { display: inline-block; text-align: center; height: 42px; }
.iSMedia .iSm-list > li > a { padding: 0 8px; color: #fff; font-size: 20px; line-height: 42px; border: 0; background-color: transparent; }
.iSMedia .iSm-list > li > a:hover { color: #fff; background-color: #E4032B; }
@media (min-width:768px){.container{width:100%}
}
@media (min-width:992px){.container{width:100%}
}
@media (min-width:1200px){.container{width:100%}
}
.nav{margin-bottom:0;padding-left:0;list-style:none;margin-top: 0;}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#000000}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:0 0 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}
}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:0}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#000000}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{text-align:center;margin-bottom:5px}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}
}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
.navbar{position:relative;min-height:40px;border:1px solid transparent}
@media (min-width:768px){.navbar{border-radius:0}
}
@media (min-width:768px){.navbar-header{float:left}
}
.navbar-collapse{overflow-x:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}
.navbar-collapse.in{overflow-y:auto}
@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}
}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}
@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}
}
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}
@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}
}
.navbar-static-top{z-index:1000;border-width:0 0 1px}
@media (min-width:768px){.navbar-static-top{border-radius:0}
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}
.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px){.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-nav.navbar-right:last-child{margin-right:-15px}
}
@media (min-width:768px){.navbar-left{float:left !important}
.navbar-right{float:right !important}
}
.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}
@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
.navbar-form .input-group{display:inline-table;vertical-align:middle}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}
.navbar-form .input-group>.form-control{width:100%}
.navbar-form .control-label{margin-bottom:0;vertical-align:middle}
.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}
.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback{top:0}
}
@media (max-width:767px){
.navbar-form .form-group {
margin-bottom:5px;
}
}
@media (max-width:989px){
.footerSponsorsMiddle, .footerSponsorsRight, .footerSponsorsLeft {
width: 100%;
float:left;
}
}
@media (max-width:767px){
.navbar-form .form-group {
margin-bottom:5px;
}
}
@media (max-width:989px){
.footerSponsorsMiddle, .footerSponsorsRight, .footerSponsorsLeft {
width: 100%;
float:left;
}
}
@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-form.navbar-right:last-child{margin-right:-15px}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}
@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}
.navbar-text.navbar-right:last-child{margin-right:0}
}
.navbar-default{}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}
@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}
}
.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover{color:#333}
.navbar-default .btn-link{color:#777}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#777}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#777}
.navbar-inverse .navbar-nav>li>a{color:#777}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}
@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}
}
.navbar-inverse .navbar-link{color:#777}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#777}
.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}
.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}
.navbar-tertiary .navbar-nav>li>a { padding-top: 8px; padding-bottom: 8px; }
.navbar-tertiary .navbar-nav>li>a:hover,
.navbar-tertiary .navbar-nav>li>a:focus { color: #fff; }
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.welcomeMessage {font-size: 12px; font-weight: normal; color: #777; line-height: 30px;}
.header .sponsor{width:50%;float:left;padding-top:0;text-align:right;}
.langChanger{padding-top:0;display: inline; font-size: 11px; font-family: "Avenir"; color: #000; text-decoration: none;}
.langChanger a:hover, .header .langChanger a:active, .header .langChanger a:visited {text-decoration:none;color:#000;}
.filteredSessions{float:left;}
.note{font-size:13px;margin:10px;}
.successMessage {padding : 15px 15px 15px 40px ; margin-bottom: 5 px; font-weight : bold; font-size : 14px; color : black; background : #32CD32 left center no-repeat; border : 1 px solid green;background :url ("/img/tick.ico")}
.alignLeft { float:left; }
.alignRight { float:right; font-family:'Droid Arabic Kufi', Tahoma;}
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; padding-right: 7px; font-family:'Droid Arabic Kufi', Tahoma;}
.textAlignCenter{ text-align:center; }
.floatLeft{}
.floatRight{ font-family:'Droid Arabic Kufi', Tahoma;font-size:11px;}
.mandatoryRight {background-position: right 14px; font-family:'Droid Arabic Kufi', Tahoma;}
.filterMessage{text-align:center;color: black;
font-weight: 500;
font-size: 14px;
margin-top: 5px;
text-indent: 15px;}
.filterMessage a{color:#C4261E;}
.empty_line{background-color:white;padding-bottom:22px;}
.registerSections {padding-bottom:10px;padding-right: 0px !important;padding-left: 0px !important;}
.calendarSections {padding-bottom:10px;}
/*.logoContainer {padding-top: 30px;}*/
.header_logo{padding-left: 80px;padding-top: 33px;}*/
.logoImage {padding-top: 30px;}
.menuContainer {float: right; max-width: 1140px; width: 100%;}
/* Navigation Bar */
.nav-block {margin-top: 20px;padding: 0px !important;}
.navContainer{max-width: 100%; width: 100%; margin: 0 auto; box-sizing: border-box;background-color: #a10e4a;}
.navGlobalContainer {margin: 0 auto;width: 80%;}
.nav.main{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
font-weight: 600;
width: 1000px;
}
.navItemFour{float:left; font-size: 13px; text-transform: uppercase; height: 50px; font-weight: 600;width: 25%;line-height: 16px;text-align:center;display: table !important;}
.navItemFour.selected > a {color:#000000;}
.navItemFour > a{color:#FFF;text-decoration:none;margin:0 .77em;height: 50px;display: table-cell !important;vertical-align: middle;width:100%;font-weight:bold !important;}
.navItemFour.selected a,.navItemFour:hover a{background-color: #5c042c !important;border-right:1px solid #FFF;border-left:1px solid #FFF; color :#FFF;}
.lang.navItemFour {display: none;}
.navItemThree{padding: 0px 15px;}
.navItemThree.selected > a {color:#000000;}
.navItemThree > a{
padding: 30px 5px !important;
display: inline-block !important;
color: #444444;
font-size: 18px;
font-weight: 600;
position: relative;
text-transform: uppercase;
border-bottom: 5px solid transparent;
transition: padding 400ms;
text-align: center;
width: 100%;
}
[lang="ar"] .navItemThree > a {
font-weight: 500;
font-size: 16px;
}
.navItemThree.selected a,.navItemThree:hover a{
background-color: #F8F8F8;
}
.lang.navItemThree {display: none;}
.navContainer .logo{max-width:166px;width: 100%; float:left;margin-right: 50px;}
.headerIsFixed {
position: fixed !important;
margin-top: 0px;
z-index: 9999;
width: 100%;
top: 0;
}
.logoMenu{text-align: center;padding: 4px;}
.logoMenu img {display:none}
.mLangChagner {position: absolute; right:20px; top: 10px;}
.mLangChagner a {display: block;line-height: 70px;}
.mLangChagner .button {width: 100px; height: 70px;}
#social-top {float: right;width: 230px;margin: 10px 10px 0px 0px;padding: 0px;position: relative; top:-10px; right: 0;}
#social-top li {float: right;padding: 0px;margin: 0px;margin-left: 3px;list-style: none;}
#social-top a {float: right;background: url('../img/hwc15-ww/sprite.png') no-repeat -136px -2px;width: 24px;height: 24px;text-indent: -999px;overflow: hidden;}
#social-top a.text {background: none; text-indent: 0;width: inherit;line-height: 24px;margin-right: 10px; color: #999; font-weight: bold; font-size: 13px;font-family:"Avenir";}
#social-top a.text:hover {opacity: 0.7;transition:all .5s ease-in-out 0s;}
#social-top a:hover {opacity: 0.5;transition:all .5s ease-in-out 0s;}
#social-top .lang-item-ar a {background: url('../img/hwc15-ww/sprite.png') no-repeat -50px -38px;width: 39px;height: 11px;margin: 7px 10px 0px 0px;}
#social-top .lang-item-en a {background: url('../img/hwc15-ww/sprite.png') no-repeat -58px -55px;width: 36px;height: 11px;margin: 7px 10px 0px 0px;}
.rtl #social-top .lang-item-ar {display: none;}
#social-top .lang-item-en {display: none;}
.rtl #social-top .lang-item-en {display: block;}
#social-top a#fb {background: url('../img/hwc15-ww/sprite.png') no-repeat -1px -2px;}
#social-top a#tw {background: url('../img/hwc15-ww/sprite.png') no-repeat -28px -2px;}
#social-top a#gp {background: url('../img/hwc15-ww/sprite.png') no-repeat -55px -2px;}
#social-top a#in {background: url('../img/hwc15-ww/sprite.png') no-repeat -82px -2px;}
#social-top a#pt {background: url('../img/hwc15-ww/sprite.png') no-repeat -109px -2px;}
#social-top a#rss {background: url('../img/hwc15-ww/sprite.png') no-repeat -136px -2px;}
/*social login*/
#fbSync{width:165px;height:30px;}
#twitterSync{width:165px;height:30px;}
#gplusSync{width:165px;height:30px;}
#fbLogin{width:150px;height:30px;}
#gplusLogin{width:150px;height:30px;}
#twitterLogin{width:150px;height:30px;}
.mandatoryRegisterLang{background: none; text-indent: 0;width: inherit;line-height: 24px;margin-right: 10px; color:#999999; font-weight: bold; font-size: 15px;font-family:"Avenir";}
.footerImage { width: 120px; position: relative; top: -3px; left: 3px;}
/* Register */
.registerSection{float:left;padding-right: 0px !important;padding-left: 0px !important}
.registerSection .day, .registerSection .month, .registerSection .year {width: 32% !important; height:38px;}
.stepItems {width:100%; height:20px;}
.stepItem {width:16.66%;float:left;}
.upper{ display:none; float: left; width: 65%;}
.inner {margin: 2px; border: white solid 1px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #404041; padding: 4px;}
.inner a {color:#FFF;}
.lastDone, .done {background-color: #c67319;}
.current {background-color: #f7af62;}
.yellow_star{float:left}
.venue_list{min-width:100%;margin:0 auto;padding: 0;}
.venue_label{text-align:center;}
.filterType {font-weight: bold; font-size: 12px; text-indent: 20px;color:#999999}
.filterTypeDate{font-weight: bold; font-size: 12px; text-indent: 20px;color:#999999}
.filterVenue {cursor: pointer;margin-right:5px;text-align:center}
@media screen and (min-width:800px){
.venue_img:hover{opacity:1}
.country:hover {background-color: #cecece;}
/*.country img {opacity: 0.6;}*/
.country:hover img {opacity: 1.0;}
}
/*-- Inner: All Competitions --*/
.ac-contents .content-header { padding-top: 30px; }
.ac-contents .content-area { padding-top: 0; padding-bottom: 0; }
.ac-block .block-content { position: relative; margin-bottom: 20px; }
.ac-block .block-cover + .block-body { border-top: 1px solid #e1e1e1; }
.ac-block .block-link { text-align: right; }
.ac-block .block-link > .btn { padding-left: 20px; text-transform: uppercase; }
.ac-block .block-link > .btn > .fa { margin-left: 5px; -webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }
.ac-block .block-link > .btn:hover > .fa { margin-left: 16px; }
.ac-link > a { display: block; padding: 20px 20px 20px 80px; border: 1px solid #e3e3e5; background-color: #f9f9fa; position: relative; }
.ac-link > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background-color: #0f236c; }
.ac-link > a:hover { text-decoration: none; }
.ac-link > a > .fa { position: absolute; top: 20px; left: 20px; width: 45px; height: 45px; line-height: 45px; font-size: 36px; text-align: center; }
.ac-link > a > h2 { margin: 0; font-size: 24px; font-weight: 700; text-transform: uppercase; }
.ac-link > a > h2 > small { display: block; margin-bottom: 1px; clear: both; font-size: 18px; font-weight: 700; }
.ac-link > a > h2 > span { display: block; color: #0f236c; }
.ac-link > a:hover > h2 > span { color: #000000; }
.ac-link > a:hover:after { background-color: #000000; }
.aci-custom .aci-col { margin-bottom: 30px; }
.aci-custom + .aci-row { margin-top: 30px; }
.ac-row-1 { padding-top: 0; padding-bottom: 60px; }
.ac-row-1 .aci-row + .aci-row { margin-top: 60px; }
.ac-row-1 .aci-custom + .aci-row { margin-top: 30px; }
/* Download */
.ac-dl-list { margin-bottom: 0; }
.ac-dl-list > li { margin-top: 3px; margin-bottom: 3px; padding-left: 20px; position: relative; }
.ac-dl-list > li > .fa { position: absolute; top: 3px; left: 0; font-size: 16px; color: #d00; }
/* Sponsor */
.ac-sp { margin-top: 30px; }
.ac-sp h2 { padding-top: 12px; padding-bottom: 27px; margin-top: 0; margin-bottom: 38px; border-bottom: 1px solid #dfdfdf; font-size: 30px; font-weight: 700; color: #868686; text-transform: uppercase; text-align: center; position: relative; }
.ac-sp h2:after { content:''; display: block; width: 20px; height: 20px; margin-left: -10px; background-color: #dbdddc; position: absolute; bottom: -10px; left: 50%;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.ac-sp h2 ~ h2 { margin-top: 40px; }
.ac-sp .in-icon .block-content ul { text-align: center; }
.ac-sp .in-icon .block-content ul li { display: inline-block; float: none; width: auto; }
/*-- Inner: Member Associations --*/
.filterVenue.countrySelected{background-color:#F6C85A;}
.filterVenue.venueSelected{background-color:#F6C85A;}
.filterVenue.daySelected{background-color:#F6C85A;}
.venue_img{opacity:0.4;padding:5px 5px 5px 5px;width:177px;}
.venue_img.countrySelected{opacity:1}
.venue_img.venueSelected{opacity:1}
.venue_img.daySelected{opacity:1}
.venue_img.selected{opacity:1}
.day.countrySelected {background-color: #fcd362;}
.day.venueSelected {background-color: #fcd362;}
.day.daySelected {background-color: #fcd362;}
.day.selected {background-color: #fcd362;}
/* Main Content */
.content{display:block;}
.mainContent{background:#fff; width:95%;margin:0 auto;padding-bottom: 27px;}
/* Auxiliary Menu */
.auxMenu{display:none;margin:0 auto;padding:0 16px;}
.auxMenuItem{background-color: #8A1B61;margin-bottom:10px;height:36px;}
.auxMenuItemText{background-attachment:fixed;display:block;color:#000;font-size:15px;line-height:36px;font-weight: bold;text-decoration:none;text-indent:30px;margin:0 .77em;}
.auxMenuItemText.homePage{background:url(/img/qsl-ww/menuIconTickets.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.tickets{background:url(/img/qsl-ww/menuIconTickets_a.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.basket{background:url(/img/qsl-ww/menuIconBasket.png) transparent 0 50% no-repeat;color: white;height:46px;}
.auxMenuItemText.orders{background:url(/img/qsl-ww/menuIconOrders.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.profile{background:url(/img/qsl-ww/menuIconProfile.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.login{background:url(/img/qsl-ww/menuIconLogin.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.resetPass{background:url(/img/qsl-ww/menuIconReset.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.register{background:url(/img/qsl-ww/menuIconRegister.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.myTickets{background:url(/img/qsl-ww/menuIcon-eTicket3.png) transparent 0 50% no-repeat;color: white;}
.auxMenuItemText.tickets:hover,
.auxMenuItemText.homePage:hover,
.auxMenuItemText.basket:hover,
.auxMenuItemText.orders:hover,
.auxMenuItemText.profile:hover,
.auxMenuItemText.login:hover,
.auxMenuItemText.resetPass:hover,
.auxMenuItemText.register:hover,
.auxMenuItemText.myTickets:hover {color: #white;transition: all .5s ease-in-out 0s;}
.auxMenuItem:hover {background-color: #000000;}
@media all and (max-width: 1490px) {
.teamLogo img, .teamLogoLeft img {
height: 40px !important;
}
.teamLogoLeft {
width: 7%;
}
.teamLogoLeft figure {
padding: 3px;
}
.teamName {
font-size: 11px;
}
}
@media all and (max-width: 1680px) {
#offers .offer {
display: none;
}
}
/* Generic Styles */
.title{font-size:23px;}
.primary,
.secondary{width: 100%;margin-bottom: 10px;padding-left: 10px; padding-bottom: 0; border-bottom: 0;font-size: 30px;color: #FFF;font-weight: 700;text-transform: uppercase;padding-top:10px;font-family: 'Bebas Neue', cursive;}
/* .end {background: url('/img/hwc15-ww/banner_title_end.jpg') top right no-repeat; } */
.heading{background-color: #FFF; line-height: 39px; color: #565656;font-size:15px;font-weight:700;display:block;float:left;width:25%;text-indent:5px;border:none;border-radius: 0; text-align:center;}
.heading.title{text-align:left;}
.headings .deliveryType{width:100%;text-align:left;margin-top:10px;}
.noProducts{border: #e9e9e9 solid 1px; text-align:center;padding:10px;}
.noProducts .message{display:block;text-align:center;color:#707070;font-size:14px;font-style:italic;font-weight:700;}
.sectionContentContainer{width:100%}
.loginContentContainer{
background: #FFFFFF;
box-shadow: 0 3px 13px rgb(0 0 0 / 11%);
padding: 20px;
border-radius: 10px;
width: 100%;
}
.sectionHeaderText{color:#000;}
.sectionContent{padding: 0px !important;background-color: #dcdcdc;}
.sectionContent .comment{font-weight:700;font-size:15px;padding:10px;}
.sectionContent .comment .accent{color:#404041;}
.sectionContent .text{padding:0 10px;}
.userInput{margin:10px 0;}
.userInputText{padding:6px 0px 0px 21px;}
.registerPageFields .mandatory {
position: relative;
}
.registerPageFields .mandatory:before {
content: "*";
position: absolute;
left: 10px;
top: 27px;
color: red;
}
.login .comment {margin-left:10px;}
.login .loginLinks { margin-left: 10px;}
.userInputElement{ color: #5d5d5d !important;font-size: 14px; padding-left: 5px;border:2px solid #d0d0d0 !important;border-radius: 3px;height:38px !important;width:100%;background: #fff;}
.userInputElementWithArabic{font-family: Helvetica; color: #5d5d5d !important;font-size: 14px; padding-left: 5px;border:2px solid #d0d0d0 !important;border-radius: 3px;height:38px;width:245px;background: #fff;}
.userInputElement:focus, .userInputElementWithArabic:focus, .focused-field .subfields {border-color:#5d5d5d !important;outline:none;.}
.userInputCaption{display:block;}
.userInputCaption a, .userInputCaption a:hover, .userInputCaption a:visited{color:black;font-weight:bold;}
.userInputBoolElement{width:70px;}
.userTextQty{width:25%;text-align:center;float:left;padding: 10px;}
.userButtonQty{
width: 9%;
max-width: 18px;
cursor: pointer;
margin: 0px 7px;
}
.userTextElementQty{
font-size: 16px;
border: 1px solid #bbb;
height: 35px;
width: 30%;
text-align: center;
max-width: 60px;
}
.userTextElementDYNPKGQty{ font-family: "Avenir"; font-size: 13px; border: 1px solid #bbb; height: 38px; width: 28px; text-align: center; float: left; }
.button{background-color:#a10e4a;border-radius: 3px;color:#FFF;min-width:100px;height:40px;margin-bottom:10px;margin-left:20px;text-align:center;font-size:15px;cursor: pointer;border:1px solid #FFF;}
.button:hover {color: #fff;}
.buttonMax{background-color:#8A1B61;border-radius: 3px;color:#FFF;min-width:230px;height:40px;margin-bottom:10px;margin-left:20px;text-align:left;font-family:"Avenir";font-size:15px;cursor: pointer;}
.button:hover, .buttonMax:hover {background-color:#000000;}
.errorMessage{padding: 15px 15px 15px 40px;margin-bottom:5px;font-weight:bold;font-size:14px;color:#d8000c;background:url(/img/hwc15-ww/error.png) #ffbaba left center no-repeat;border:1px solid red;}
.accountInfo{padding:10px;font-size:14px;}
.infoSection{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted silver;}
.accountInfo .caption{display:block;font-weight:bold;color:#404041;margin-bottom:2px;}
.accountInfo .info{display:block;text-indent:10px;}
.breadcrumb {color: #b0b0b0; font-weight: 500; font-size: 14px; margin-top: 5px; text-indent: 15px;}
.breadcrumb .visited {color: orange;}
/* Product List */
.productList{padding:0px !important;background-color: #dcdcdc;border-radius: 10px;overflow: hidden;}
.productList a,.productList a:active{text-decoration:none;color:#000;}
.productList .products{background-color:transparent;}
.productList .product{
background-color: #FFF;
margin-bottom: 30px;
border-radius: 10px;
padding: 20px;
}
@media (max-width:767px){
.productList .product {
padding: 15px 0px 15px 0px !important;
font-size: 11px;
line-height: 11px;
}
.teamLogoHome img {max-width:40px !important;}
.teamLogoAway img {max-width:40px !important;}
.btn__ticket {
width: 100% !important;
text-align: center;
}
.homepagePopup {
width: 85%;
padding: 20px;
margin-top: 33%;
}
}
.teamLogoHome, .teamLogoAway {
padding-top: 10px;
}
.productList .text{padding:5px 40px 5px 5px;}
.text_products{padding:5px 40px 5px 5px;}
.productList .availability {
color: #2d7b2d;
}
.productList .availability.mid{color:#f6a81d;}
.productList .availability.low{color:#d0202e;}
@media (min-width:715px) and (max-width:767px){.col-xs-12{padding-right: 27px!important;}}
/* @media (max-width:767px){.col-xs-12{padding-right: 27px!important;}} */
.availabilityButton {padding-top: 20px;}
.availabilityList{background-attachment:fixed;background-color:#2d7b2d;width: 33.33%;color:#fff;float:left;height:25px; line-height: 25px;font-weight: bold; text-indent: 10px;}
.availabilityList.mid{background-color:#f6a81d;}
.availabilityList.low{background-color:#d0202e;}
.productList .productTitle{display:block;text-transform:uppercase;font-weight:700;font-size:12px;}
@media (max-width:1024px) {.productList .productTitle{font-size:10px;margin-bottom:10px;}}
.productList .productVenue{display:block;font-size:12px;margin-top:2px;}
.productList .productType{display:block;text-transform:uppercase;font-size:12px;margin-top:2px;}
.productList .productImage{float:left;height:70px;width:70px;padding:7px;}
a.selectAllLink:link, a.selectAllLink:hover, a.selectAllLink:visited, a.selectAllLink:active {color: orange;}
.availabilityInd{padding: 0px !important;}
.teamLogoHome img {max-width:50px;}
.teamLogoAway img {max-width:50px;}
.productDateSection{padding:14px;}
.productTileSection{padding:14px;}
[lang="ar"] .btn__ticket {
font-size: 13px;
font-family: "Cairo";
font-weight: 600;
}
.btn__ticket {
background: linear-gradient(140deg,#9b0448 50%,#f08800 100%);
border: 0;
color: #FFFFFF !important;
border-radius: 5px;
position: relative;
font-size: 16px;
font-weight: 500;
font-family: "Bebas Neue";
padding: 10px 20px;
transition: all 200ms;
display: block;
min-width: 190px;
margin-top: 12px;
text-align: center;
width: 100%;
}
.btn__ticket:hover {
background: linear-gradient(140deg,#9b0448 30%,#f08800 90%);
border: 0;
color: #ffffff;
}
.btn__ticket::before {
content: "";
position: relative;
display: inline-block;
width: 29px;
height: 20px;
vertical-align: middle;
background: url(/img/qsl-ww/ticket_white.svg) 0 0 no-repeat;
margin: 4px 6px 0 0;
background-size: 22px;
}
.productListHeader {
width: 100%;
background-color: #9B0448;
color: #FFF;
padding:25px;
position: relative;
}
[lang="ar"] .primary, [lang="ar"] .secondary {
font-family: 'Cairo', sans-serif !important;
}
.productListHeader::after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: url(/img/qsl-ww/banner_inner_bg.png) right no-repeat;
background-size: cover;
filter: brightness(0);
left: 0px;
}
/*Selection list */
.country {cursor: pointer;text-align:right;border-bottom:1px solid #dfdfdf;}
.country.countrySelected {background-color: #cecece;}
.country.countrySelected img {opacity: 1.0;}
.country.venueSelected {background-color: #cecece;}
.country.venueSelected img {opacity: 1.0;}
.country.daySelected{background-color: #cecece;}
.country.daySelected img {opacity: 1.0;}
.country.selected{background-color: #F6C85A;}
.country.selected img {opacity: 1.0;}
.country_name {width: 70%;float: right;line-height: 60px;text-align: center;font-size: 15px;
font-weight: 100;
color: lightgray;
/* color: #525252; */
letter-spacing: 0.5px;
vertical-align: middle !important;
word-break: break-word;
}
.country_name_bosnia{width: 57%;float: right;line-height: 20px;text-align: center;}
.country_container{list-style-type: none;}
.group{background-color: white; display: inline-block;float: none;margin-left: 2px;min-width: 200px;width: auto;}
.group_rounds{background-color: #ec8806;border-radius: 8px;display: inline-block;float: none;margin-left: 10px;width: auto;min-width: 210px;}
.filterVenue{ display: inline-block;float: none;margin-left: 10px;width: auto;}
.filterVenue.selected {}
.group_tag{background-color:white; text-align:center;font-weight:bold;padding-bottom:5px;}
.country_img{margin:6px 1px;width:48px;height:48px;-webkit-background-clip: padding-box; background-clip: padding-box; }
.group_img{width:150px;height:18px;}
.country_img_footer{width:150px;height:18px;}
.round{background-color: white;padding-bottom: 10px;text-align: center;font-weight: bold;min-width: 200px;cursor: pointer;}
.individual_round{background-color: #8A1B61;padding-top: 10px;padding-bottom: 10px;border-radius: 2px;color:white;}
.individual_round:hover{background-color:#000000;}
.individual_round.countrySelected{background-color:#F6C85A;}
.individual_round.venueSelected{background-color:#F6C85A;}
.individual_round.daySelected{background-color:#F6C85A;}
.individual_round.selected{background-color:#F6C85A;}
.box{width:65%;float:left;}
.productListLoginDx {width:33.85%; float:right;padding:10px 10px 10px 0;}
.productListLoginDx .data{padding-top:5px;padding-bottom:5px;}
.productListLoginDx .data .text{text-indent: 5px; float: left;}
.productListLoginDx .data .user{text-indent: 15px;color:#404041;font-weight:bold;font-style:italic;}
.productListLoginDx .details {border: #e9e9e9 solid 1px;}
.productListLoginDx .links {padding:0;width:100%;}
.productListLoginDx .links ul {list-style-type:none;text-decoration:none;margin:0;padding:0;font-size:0.7em;}
.productListLoginDx .links ul li {text-align:left; font-weight:bold;height:21px;padding:6px 0 0 0;text-indent:20px;border-bottom: thin solid #222;}
.productListLoginDx .links ul li:hover {text-decoration:none; color:#FFF; background-color:#e77f26;}
.productListLoginDx .links ul li a {color:#231F20;text-decoration:none; display: block; height:21px; font-family: "Avenir"; font-weight: bold; font-size: 1.2em;}
.productListLoginDx .links ul li:hover a { color:#FFF; }
.logInHeader{
width: 100%;
background-color: #a10e4a;
color: #FFF;
padding: 8px;
}
.country_container{padding-left:5px;text-align: center;}
.userButtonShowProductList{
color: black;
text-align: center;
font-size: 15px;
padding: 0;
border: none;
background: none;
font-weight: bold;
}
.userButton{min-height:40px;padding-top:10px;}
#mini-clndr {font-family: Asap,Helvetica,Arial;margin: 0 auto;padding-bottom: 5px;text-align: center;width: 240px;}
#mini-clndr .clndr {overflow: hidden;border-bottom: 7px solid #56615C;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
#mini-clndr .clndr .controls {background-color: #56615C;color: white;border-top-left-radius: 2px;border-top-right-radius: 2px;}
#mini-clndr .clndr .days-container .days .headers .day-header {width: 30px;display: inline-block;text-align: center;color: white;}
#mini-clndr .clndr .controls .clndr-previous-button, #mini-clndr .clndr .controls .clndr-next-button {width: 13%;padding-top: 5px;padding-bottom: 5px;display: inline-block;text-align: center;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;-ms-transition: background-color 0.5s;-o-transition: background-color 0.5s;transition: background-color 0.5s;}
#mini-clndr .clndr .controls .month {width: 100%;padding-top: 5px;padding-bottom: 5px;display: inline-block;text-align: center;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
#mini-clndr .clndr .days-container {position: relative;width: 294px;height: 186px;display: inline-block;}
#mini-clndr .clndr .days-container .days {position: absolute;left: 0;width: 240px;height: 186px;-webkit-transition: left 0.5s;-moz-transition: left 0.5s;-ms-transition: left 0.5s;-o-transition: left 0.5s;transition: left 0.5s;background-color: #ebebeb}
#mini-clndr .clndr .days-container .days .day, #mini-clndr .clndr .days-container .days .empty {cursor: pointer; width: 31px;display: inline-block;padding-top: 8px;padding-bottom: 8px;font-size: 12px;text-align: center;color: rgb(31, 31, 31);border-right: 1px solid rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
#mini-clndr .clndr .days-container .days .day.event, #mini-clndr .clndr .days-container .days .empty.event {background-color: #d2d2d2;-webkit-transition: background-color 0.5s;-moz-transition: background-color 0.5s;-ms-transition: background-color 0.5s;-o-transition: background-color 0.5s;transition: background-color 0.5s;cursor: pointer;}
#mini-clndr .clndr .days-container .days .headers {background-color: #999999;padding-top: 5px;padding-bottom: 5px;}
#mini-clndr .clndr .days-container .days .day.adjacent-month, #mini-clndr .clndr .days-container .days .empty.adjacent-month {color: rgba(0, 0, 0, 0.3);}
#mini-clndr .clndr .days-container .events {position: absolute;left: 294px;width: 294px;height: 186px;-webkit-transition: left 0.5s;-moz-transition: left 0.5s;-ms-transition: left 0.5s;-o-transition: left 0.5s;transition: left 0.5s;background-color: #ebebeb;}
/* Preemptions */
.preemptions{font-family:"Avenir";padding:10px;}
.preemptions .title{background:url(/img/hwc15-ww/boxTitle.png) #000 repeat-x;text-transform:uppercase;font-size:23px;color:#fff;text-indent:0;padding:10px;}
/* Login */
.loginLinks{font-size:13px;padding:10px;}
.loginText{font-size:13px;padding:10px;}
.loginLinks .caption{font-weight:700;display:block;margin-top:10px;}
.loginLinks .link{font-weight:400;text-decoration:none;color:#000;}
/* Login DX */
.box{width:65%;float:left;}
.loginDx {width:100%;background-color:#dcdcdc;border-radius: 5px;}
.loginDx .data{padding-top:5px;}
.loginDx .data .user{text-indent: 15px;color:#404041;font-weight:bold;font-style:italic;}
.loginDx .details {/* border: #e9e9e9 solid 1px; */}
.loginDx .links {padding:10px;width:100%;}
.loginDx .links ul {list-style-type:none;text-decoration:none;margin:0;padding:0;font-size:0.7em;}
.loginDx .links ul li {
text-align: left;
font-weight: bold;
padding: 7px;
background-color: #FFF;
margin-top: 8px;
}
.loginDx .links ul li:hover {text-decoration:none; color:#FFF; background-color:#5c042c;}
.loginDx .links ul li a {
color: #565656;
text-decoration: none;
display: block;
font-weight: bold;
font-size: 14px;
}
.loginDx .links ul li:hover a { color:#FFF; }
.loginDx .links ul li a .fa {
margin: 0px 5px 0px 5px;
}
.registerContainer{background-color:#FFF !important;}
.logInContainer{background-color:#FFF !important;}
.registerButtons{padding-top:10px}
/* Basket */
.basketForm .product{cursor:pointer;}
.basketForm .product .productText{text-align:center;display:inline-block}
.basketForm .product .productType{font-weight:700;color:#404041;display:block;}
.basketForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#404041;}
.basketForm .total .caption1{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#404041;}
.basketForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.basketForm .total {border-top:1px solid #bbb;}
.basketForm .fees{border-top:1px solid #bbb;}
.basketForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#404041;}
.basketForm .fees .amount{display:block;float:left;width:25%;}
.basketForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.basketForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.basketForm{}
.basketForm .product,.basketForm .total,.basketForm .fees,.basketForm .feesItem{border-bottom:1px dotted silver;font-size:12px;background-color:#FFF;padding: 0px !important;}
.basketForm .product .productTitle{font-weight:700;text-align:left;}
/* Section Selection */
.sectionSelectionForm{}
.sectionSelectionForm .selectionMethodTitle{font-weight:700;font-size:16px;font-family:"Avenir";display:block;color:#404041;margin-bottom: 10px;}
.sectionSelectionForm .fieldSection{display:block;width:280px;height:40px;font-family:"Avenir";font-size:26px;}
.sectionSelectionForm .userInput{margin:10px 2px;padding:0;}
.sectionSelectionSection{float:left;margin-right:10px;margin-bottom:10px;}
.basketContainer{padding:0px !important;}
.searchFormContainer{padding:0px !important;}
/* Tickets Selection */
.productItemsForm .products{padding:9px 15px 22px;}
.productItemsForm .product{border-bottom:1px dotted silver;font-size:12px;background-color:#FFF;}
.productItemsForm .product .productText{text-align:center;line-height:38px;padding:10px;}
.productItemsForm .total{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;}
.productItemsForm .product .productType{font-weight:700;text-align:left;}
.deliveryMethods{margin-bottom: 10px;}
.deliveryMethods .productText{display:block;text-align:left;font-weight:bold;font-size: 14px;line-height:38px;text-indent:5px;}
.deliveryMethods .productText input {height:38px;width:38px;vertical-align:middle;}
.productDetailsList {
}
.productDetailsList .productText {
color: #000;
font-size: 16px;
padding: 15px 0px;
}
/* Register */
.registerSection .bdSelect{width: 32%; height:38px;}
/* Checkout */
.checkoutForm .product .productText{text-align:center;display: inline-block;}
.checkoutForm .product .productType{font-weight:700;color:#404041;display:block;}
.checkoutForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#404041;}
.checkoutForm .total .caption1{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#404041;}
.checkoutForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm .total {border-top:1px solid #bbb;}
.checkoutForm .fees{border-top:1px solid #bbb;}
.checkoutForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#404041;}
.checkoutForm .fees .amount{display:block;float:left;width:25%;}
.checkoutForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.checkoutForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.checkoutForm{}
.checkoutForm .product,.checkoutForm .total,.checkoutForm .fees,.checkoutForm .feesItem{border-bottom:1px dotted silver;font-size:12px;padding:5px 0; background-color: #FFF;}
.checkoutForm .product .productTitle{font-weight:700;text-align:left;}
.productExtras{}
.itemInfoContainer{border-bottom:1px dotted silver;padding:5px;background-color: #FFF;}
.itemInfoContainer .caption{color:#404041;font-weight:bold;}
.itemInfoContainer .accountSelection{float:left;width:50%;line-height:20px;min-width:300px;}
.itemInfoContainer .seatInfo{float:left;width:50%;line-height:20px;min-width:300px;text-align:right;}
.showSeatContainer{padding:3px; display:none;}
.productExtras a.showSeat,.productExtras a.showSeat:hover,a.showSeat:active,a.showSeat:visited{float:right;text-decoration:none;color:black;border: 1px solid #000;display:block;width:100px;text-align:center;background-color:#F3DA07;padding:5px;cursor:pointer;font-weight:bold;}
.coupons .heading{width:50%}
.checkoutRegistrants {
width: 100%;
}
.checkoutRegistrants .userInputText {
width: 40%;
display: inline-block;
margin-top: 10px;
}
/* Payment */
.showPaymentForm .paymentCards{text-align:center;margin-bottom:10px;margin-top: 30px;}
.securityInfo{position:absolute;top:28px;right:0;}
.paymentInfo .total .caption{color:#404041;font-weight:bold;font-size:20px;}
.paymentInfo .total .amount{font-weight:bold;font-size:20px;}
.paymentInfo .expDateSelect{width: 122px; height:38px;}
.paymentInfo{padding: 10px 20px 0px 20px;
text-align: center;}
/* Show Order */
.showOrderForm .product .productText{float:left;width:25%;text-align:center;}
.showOrderForm .product .productType{font-weight:700;color:#404041;display:block;}
.showOrderForm .total .caption{display:block;float:left;width:75%;text-align:right;font-weight:700;color:#404041;}
.showOrderForm .total .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm .total {border-top:1px solid #bbb;}
.showOrderForm .fees{border-top:1px solid #bbb;}
.showOrderForm .fees .caption{display:block;float:left;width:50%;text-align:left;font-weight:700;color:#404041;}
.showOrderForm .fees .amount{display:block;float:left;width:25%;}
.showOrderForm .feesItem .caption{display:block;float:left;width:50%;text-align:left;}
.showOrderForm .feesItem .amount{display:block;float:left;width:25%;text-align:center;}
.showOrderForm{padding:5px 5px 10px;}
.showOrderForm .product,.showOrderForm .total,.showOrderForm .fees,.showOrderForm .feesItem{border-bottom:1px dotted silver;font-size:12px;padding:5px 0;}
.showOrderForm .product .productTitle{font-weight:700;text-align:left;}
/* Search Orders */
.headings .orderTitle{width:75%;text-align:left;}
.headings .orderTotal{width:25%;}
.orderHistoryForm .orderText{display:block;}
.orderHistoryForm .orderItems{padding: 0px;}
.orderHistoryForm .orderItem{
font-size: 12px;
padding: 10px 0px;
cursor: pointer;
background-color: #fff;
margin-top: 15px;
}
.orderHistoryForm .orderItem .orderText{float:left;width:25%;text-align:center;}
.orderHistoryForm .orderItem .orderInfo{text-align:left;width:75%;line-height:16px;}
.orderHistoryForm .orderItem .orderStatus{display:block;}
.orderHistoryForm .orderItem .orderDate{display:block;}
.orderHistoryForm .orderItem .orderTotal{width:25%;font-weight:bold;line-height:38px;}
.orderHistoryForm .orderItemInfo{display:block;font-weight:bold;}
.orderHistoryForm .orderItem .orderStatus .invalid{font-weight:bold;color:red;}
.orderHistoryForm .orderItem .orderStatus .valid{font-weight:bold;color:green;}
.orderHistoryInfo {
width: 50% !important;
}
.orderHistoryTotal {
width: 50% !important;
}
/* News */
.newsSection{margin-bottom:10px;}
/* Contact Info */
.contactInfoContainer{min-height:55px;}
.info h3{float:left;width:32%;color:#FFF;font-family:"Avenir";font-size:1.5em;font-weight:400;line-height:1.5em;letter-spacing:-1px;margin:.3em 0 .3em 2%;}
.info h3 a {color:#FFF;text-decoration:none;}
.infoName{color:#F8E004;}
/* Sitemap */
.siteMapItem{color:#fff;float:left;width:32%;margin-left:2%;line-height:1.7em;}
.siteMapItem h2{font-family:"Avenir";font-size:1.7em;letter-spacing:-1px;line-height:1.7em;border-bottom:1px solid #FFF;font-weight:400;text-transform:capitalize;}
.siteMapItem li{margin:0;padding:0;}
.siteMapItemContent{margin-top:-10px;}
.siteMapItemContent ul{padding-left:15px;}
.contactInfo,.sitemap{max-width:970px;width:96%;margin:0 auto;}
.info.first h3,.siteMapItem.first{margin-left:0;}
/*... Footer ...*/
.footer {
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
border-top: 0;
float: left;
width: 100%;
padding-bottom: 250px;
}
.ft-top { background-color: #8A1B61; }
.ft-bottom {
font-size: 12px;
line-height: 20px;
}
.ft-top,
.ft-bottom { padding-top: 25px; padding-bottom: 25px; color: #fff; }
.ft-top a,
.ft-bottom a { color: #fff; }
.ft-top a:hover,
.ft-bottom a:hover { color: #a5a5a5; text-decoration: none; }
.list-inline>li.first{padding-left:0}
.ft-link {}
.ft-link .list-inline { margin-bottom: 0; text-align: right; }
.ft-link .list-inline li { padding: 0; }
.ft-link .list-inline li:after { content: '|'; padding: 0 2px 0 5px; display: inline-block; position: relative; top: -1px; }
.ft-link .list-inline li.last { padding-right: 0; }
.ft-link .list-inline li.last:after { content: ''; padding: 0; }
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:bold}
dd{margin-left:0}
.ft-logo { margin-top: -18px; }
.cp { text-align: right; }
.cp .copyright,
.cp .powered { display: inline; }
.cp .powered a:hover { color: #fa0; }
.olympic_partners{ list-style-type: none; display:inline-flex;margin-top:10px;}
.olympic_partners_div{margin-top:20px;max-height:78px}
.olympic_partners li:hover a img {opacity: 0.7;transition:all .5s ease-in-out 0s;}
.footer .partnerSection {}
.footer .partners {list-style-type: none; float: left; box-sizing: border-box; margin: 0;}
.footer .partners {width: 100%;max-width:800px;}
.footer .partners li {float: left;}
.footer .partners.prestige li {width: 167px; height: 75px; margin-right:10px}
.footer .partners.prestige li img {width: 167px; height: 75px;}
.footer .partners.official li {width: 167px; height: 69px;margin-right:0px;}
.footer .partners.official li img{width: 157px; height: 59px;}
.footer .partners.business li {width: 97px; height: 55px;margin-right:0px;}
.footer .partners.business li img{width: 95px; height: 45px;}
.footer .partners.stakeholders li {width: 100px; height: 48px;}
.footer .partners.ihf li {width: 97px; height: 45px;margin-right:0px;}
.footer .partners.ihf li img{width: 95px; height: 45px;}
.footer .partners.ihf .stake {width: 65px; height: 65px; margin-right: 10px; margin-top: -20px;}
.footer .partners.ihf .stake.first {margin-left: 50px;}
.footer .partnersContainer h2 {font-size: 12px; font-weight: normal; color: white; text-indent: 40px; padding: 0px;}
.footer .poweredBy {font-size: 14px; color: white; text-indent: 40px; padding: 0px; margin-top: 40px;}
.footer .poweredBy img {position: relative; top:-3px;}
.mPartersContainer {display: none;}
.mPartnersBox {float: left; margin-left: 20px;color: white;}
.mPartnersBox h3 {font-size: 14px;margin-bottom: -10px; border-bottom: 1px solid white;}
.mPartnersBox ul {padding-left:20px;}
.mPartersContainer a, .mPartners a:hover, .mPartners a:visited, .mPartners a:active, .mPartners a:link {color: white;}
.footer #sitemap {height: 304px;margin-bottom: 79px;}
.footer #sitemap > div > ul {height:auto;margin: 0;display:block;width:900px;}
.footer .sponsor{display:none;background-color:#042f25;text-align:center;padding:10px 0;}
.footer .supporters{display:none;background-color:#fff;}
.footer .supportersContainer{width:300px;padding-top:10px;text-align:center;margin:0 auto;}
.footer .supporter{width:100px;height:60px;float:left;}
.footer .ads{display:none;width:100%;margin:0 auto;}
.footer .ad{float:left;margin-left:10px;}
.mLogoImage,.nav.mNav{display:none;}
.footerContainer {
}
.footerSponsors {
width: 95%;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.footerSponsors img {
display: block;
height: 65px;
}
.sponsorsWrapper {
width: initial !important;
border-spacing: 15px;
}
.sponsorsWrapper .sponsorWebLink img {
height: initial;
}
.sponsorWebLink {
vertical-align: middle;
border: 1px solid #DCDCDC;
height: 100px;
display: table-cell !important;
padding: 0px 15px;
}
.sponsorWebLink a {
display: inline-block;
vertical-align: middle;
}
.footerSponsors ul {
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footerSponsors ul li {
padding: 13px;
border: 1px solid #DCDCDC;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
margin: 7px;
background: #FFFFFF;
position: relative;
overflow: hidden;
}
.footerSponsors ul li.qslclli {
padding: 0 28px;
height: 90px;
}
.footerSponsors img.attr-hei{
height:60px;
}
.footerSponsors img.attr-hei-au{
height:auto;
}
@media (max-width: 1000px) {
.sponsorWebLink {
border: none;
display: inline-block !important;
}
.sponsorsWrapper .sponsorWebLink img {
width: 110px;
}
}
.footerSponsorsLeft, .footerSponsorsRight {
padding: 20px 0px 20px 0px !important;
border-bottom: 1px solid #E3E3E3;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footerSponsorsMiddle {
padding: 20px 0px 20px 0px !important;
border-bottom: 1px solid #E3E3E3;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.sponsorTitle {
font-size: 30px;
color: #9B0448;
margin-bottom: 10px;
margin-top: 20px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Bebas Neue', cursive;
}
.footerLinks {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
float: left;
background: #9B0448;
padding: 40px 0;
color: #FFFFFF;
position: relative;
}
.footerLinks::after {
background: url(/img/qsl-ww/newsbg_pattern.svg) center -650px no-repeat;
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
right: 0;
background-size: cover;
top: 0;
z-index: 0;
opacity: 0.04;
filter: brightness(0);
}
.footerLinks::before {
content: "";
position: absolute;
display: block;
background: linear-gradient(180deg,#9B0448 20%,rgba(0,0,0,0) 80%);
width: 100%;
height: 100%;
right: 0;
top: 0;
z-index: 1;
opacity: 0.7;
}
.footerLinksWrapper {
position: relative;
z-index: 2;
padding: 0px 25px;
width: 100%;
float: left;
}
.footerLinks .sitemap {
}
.footerLinks .sitemap li a {
color: #FFFFFF;
font-size: 17px;
text-decoration: none;
}
.footerLinks .widget-title{
color: #fff;
font-size: 30px;
font-weight: 600;
margin-top: 20px;
font-family: 'Bebas Neue', cursive;
}
[lang="ar"] .footerLinks .widget-title {
font-family: "Cairo";
}
@media (max-width: 1244px){
.footerLinks .sitemap li a {
}
}
.socialFooter{
}
.socialColorFooter{
padding: 5px 0px 5px 5px;
font-size: 25px !important;
background-color: #9B0448;
border-radius: 8px !important;
width: 35px;
color: #fff;
margin:7px;
}
[lang='ar'] .socialColorFooter{
padding: 5px 6px 5px 5px;
}
.footerCopyright{
color: #221E1F;
font-size: 18px;
font-weight: 600;
padding: 10px 40px 40px 40px !important;
}
.footerCopyrightLinks {
list-style: none;
display: inline-block;
padding: 0px;
}
.footerCopyrightLinks li {
display: inline;
}
.footerCopyrightLinks li a{
color: #221E1F;
}
.customBox {
width: 100%;
box-shadow: 0 3px 13px rgb(0 0 0 / 11%);
padding: 15px;
}
.customBox .sectionContent {
background-color: transparent;
}
.customBox .title.primary {
color: #000;
}
.b2bTicket {
background-color: #9B0448;
}
.b2bButtonPadding {
padding: 10px;
}
#b2bContactId {
max-width: 220px;
margin: 5px;
}
.b2b-header {
color: #000 !important;
}
.col-centered{
float: none;
margin: 0 auto;
}
.customfooter {
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
background-color: #f5f5f5;
z-index: 2;
position: relative;
}
.footballFamily{
margin:0px auto;
width:100%;
}
.footballFamily a {
margin: 10px;
}
.footballFamily a img {
margin-bottom: 10px;
margin-top: 10px;
}
.logInSection{
}
.navItemsMobile{display:none;}
#sponsors2 ul {margin:0 10px;padding:0;list-style: none;}
#sponsors2 li {float:left;margin:0 10px;width: 300px;height: 250px;}
#sponsors3 {overflow: hidden;max-width: 980px; width:100%; margin-top: 55px;}
#sponsors3 ul {margin:0 10px;padding:0;list-style: none;}
#sponsors3 li {float:left;margin:0 10px;width: 225px;height: 150px;}
#sponsors2 li div,#sponsors3 li div {position: relative;display:block;width:300px;}
#sponsors2 li img {position:absolute;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
#sponsors2 li img.sponsorwhite:hover {opacity: 0;}
#sponsors3 li div,#sponsors3 li div {position: relative;display:block;width:225px;}
#sponsors3 li img {position:absolute;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}
#sponsors3 li img.sponsorcolor {opacity: 0;}
#sponsors3 li:hover img.sponsorcolor {opacity:1; z-index:1;}
#sponsors3 li:hover img.sponsorwhite {opacity: 0;}
.container .jumbotron{border-radius:0}
@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}
.container .jumbotron{padding-left:60px;padding-right:60px}
.jumbotron h1,.jumbotron .h1{font-size:63px}
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
@media (max-width: 767px){
/*... Header ...*/
.navbar-primary > .container { background-position: -15px top; }
.navbar-primary .navbar-brand { padding-left: 15px; padding-right: 45px; }
.navbar-primary .toggle-secondary { display: none; }
.navbar-primary .navbar-block { margin-top: -42px; margin-right: 34px; margin-left: 115px; height: 42px; }
.navbar-primary.open > .container { background-position: -15px 0; }
.navbar-primary.open .navbar-block { margin-left: 115px; }
.navbar-secondary { position: fixed; top: 0; left: 0; bottom: 0; z-index: 1030; width: 86%;
-webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0);
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navbar-secondary > .container { height: 100%; }
.navbar-secondary .navbar-collapse { display: block; height: 100%; overflow-y: auto; margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; }
.navbar-secondary.fixed .nav-primary { margin-left: -15px; }
.iNav .navbar-nav > li > a,
.iNav .navbar-nav .open .dropdown-menu > li > a,
.iNav .navbar-nav .open .dropdown-menu > li > a:hover,
.iNav .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
.iNav .nav .open > a,
.iNav .nav .open > a:hover,
.iNav .nav .open > a:focus,
.iNav .nav .open > a:active { background-color: transparent; color: #fff; }
.iNav .nav .nolink > a { cursor: default; }
.toggle-primary { width: 50px; height: 42px; }
.toggle-primary > .icon-bar { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; }
.iNav-active { width: 100%; height: 100%; }
.iNav-active body { width: 100%; height: 100%; position: fixed; overflow: hidden; }
.iNav-active body:after { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); }
.iNav-active .toggle-primary > .icon-bar:nth-child(2) { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.iNav-active .toggle-primary > .icon-bar:nth-child(3) { opacity: 0; margin-top: 4px; }
.iNav-active .toggle-primary > .icon-bar:nth-child(4) { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); margin-top: -8px; }
.iNav-active .navbar-secondary { -webkit-transform: translate3d(0%,0,0); -moz-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0); }
.isMobile .iSearch .iS-boxies { position: fixed; min-width: 0; }
.isMobile .iSearch .iS-boxies .form-control { height: 38px; }
.isMobile .iSearch .iS-boxies .btn-primary { padding-top: 8px; padding-bottom: 8px; }
.isMobile .iSMedia { float: none; margin-bottom: 20px; }
.isMobile .iSMedia .iSm-list { text-align: center; }
.isMobile .iSMedia .iSm-list > li { margin-left: 3px; margin-right: 3px; }
.isMobile .iSMedia .iSm-list > li > a { width: 42px; font-size: 28px; background-color: transparent; }
/*... Banner ...*/
.banner { background: none; padding-top: 0; padding-bottom: 0; }
.iSlide { padding-right: 15px; }
.iSlide .nivo-caption { position: relative; padding: 1em; background: #333; }
.iSlide .nivo-caption h4 { font-size: 18px; margin-bottom: 3px; }
.iSlide .nivo-caption p { font-size: 13px; }
.iSpane { padding-left: 15px; }
.ib-competition .ib-boxes { margin-left: -15px; margin-right: -15px; }
.ib-competition .ib-lg { left: 30px; }
.ib-mbasso .ib-boxes { margin-left: -15px; margin-right: -15px; }
.ib-mbasso .ib-lg { left: 30px; }
.nav-block .contextual-links-wrapper { display: none !important; }
/*... Footer ...*/
.ft-link { margin-bottom: 20px; }
.ft-link .list-inline { padding-left:0; padding-right: 0; margin-left: 0; text-align: center; }
.ft-link .list-inline li { display: block; border-bottom: 1px solid #333; }
.ft-link .list-inline li:after { content: ''; display: none; }
.ft-link .list-inline li.last { border-bottom: 0; }
.ft-link .list-inline li a { display: block; padding: 8px; }
.ft-link .list-inline li a:hover { color: #fff; background: url(/img/qsl-ww/opacity-w10.png) repeat; }
.ft-logo { margin-bottom: 20px; margin-top: 0; }
.ft-logo .block-content { text-align: center; }
.cp .block-content { text-align: center; }
.cp .copyright, .cp .powered { display: block; line-height: 1.36em; }
.cp .powered { margin-top: 8px; color: #666; }
.cp .powered a { color: #777; }
/*... Custom ...*/
.contents .block-title { text-align: left; }
.contents .block-title .btn-more { font-size: 13px; }
/*-- Front: News/Article --*/
.fn-link a { padding: 2px 6px; }
/*-- Front: AFC-President-News --*/
.iAp-news .iAp-nquote { margin: 0 15px 25px; padding: 20px 20px 30px; border: 2px solid #ddd; background-color: #fff; }
.iAp-news .iAp-nquote:before,
.iAp-news .iAp-nquote:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -18px; border: 18px solid transparent; border-top-color: #ddd; }
.iAp-news .iAp-nquote:before { z-index: 2; margin-left: -15px; border-width: 15px; border-top-color: #fff; }
/*-- Inner: Member Associations --*/
.ma-list .ma-col { min-height: 0; }
.ma-list .ma-col + .ma-col { border-top: 0; }
.ma-node .ma-col + .ma-col { margin-top: 20px; }
.ma-block .p24 { padding: 14px; }
/*-- Inner: News/Article --*/
.in-fnews .in-info,
.in-lnews,
.in-mnews { padding-left: 15px; padding-right: 15px; }
.in-fnews .in-link { right: 15px; }
.in-mnews { padding-bottom: 15px; }
/* Style: List */
.in-lfeatured { margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
}
@media (min-width: 992px) and (max-width: 1199px){
/*... Header ...*/
.navbar-primary .navbar-block { position: relative; height: 42px; }
.show-smedia .iSMedia,
.show-smedia .iSearch,
.show-smedia .iLang { display: block; }
.hide-smedia .iSMedia,
.hide-smedia .iSearch,
.hide-smedia .iLang { display: none; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.on-smedia .iSMedia,
.on-smedia .iSearch,
.on-smedia .iLang { display: block; opacity: 1; }
/*... Body ...*/
.iFloat.affix { max-width: 293px; }
/*-- Front: News/Article --*/
.fn-fmain .fn-info { padding-top: 8px; padding-left: 8px; }
.fn-fmain .fn-title { margin-bottom: 5px; }
.fn-fmain .fn-date { margin-bottom: 5px; }
.fn-fmain .fn-body { font-size: 13px; line-height: 1.3em; }
/*-- Front: Multiple Content --*/
.iMtc .iMtc-info { height: 285px; }
}
/* Media Queries */
@media all and (max-width: 1400px) {
.mainContent{width:100%;}
}
/* Media Queries */
@media all and (max-width: 992px) {
.stake {display:none;}
.headerForDesktop {
display: none;
}
.mobileMenuTop {
width: 100%;
background-color: #fff;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
margin-bottom: 20px;
padding: 5px 0px;
}
.logo-mobile{
padding: 5px;
}
.logo-mobile img {
width: 90px;
}
.menu-mobile{
color: #9B0448;
font-size: 30px;
padding: 11px;
}
.navItemsMobile{
position: fixed;
z-index: 99999;
width: 100%;
top: 65px;
}
.topMenuItems{
}
.topMenuItems .language-switcher-locale-url{
background-color: #9B0448;
padding-left: 30px;
height: 40px;
padding-top: 5px;
margin:0;
font-weight:bold;
}
[lang='ar'] .topMenuItems .language-switcher-locale-url{
padding-right:30px;
}
.topMenuItems .nav-Items-container{
margin-top: -1px;
}
.topMenuItems .nav-Items-container .navItms{
background-color: #9B0448;
padding:0;
margin:0;
}
.topMenuItems .nav-Items-container .navItms .navItm{
border-radius: 0;
text-transform: uppercase;
color: white;
width:100%;
height:40px;
padding-left: 30px;
padding-top: 5px;
}
.topMenuItems .nav-Items-container .navItms .navItm a{
color:#FFF;
font-weight:bold;
}
[lang='ar'] .topMenuItems .nav-Items-container .navItms .navItm a{
padding-right:30px;
}
.centerMenuItems{
background-color: #9B0448;
width:100%;
}
.lowerMenuItems{
background-color: #9B0448;
width: 100%;
margin-top: -1px;
padding: 5px 25px 20px 25px;
}
.lowerMenuItems a{
padding-right:5px;
}
.footerLinksMobile{
margin-bottom: 0px;
border-bottom: 1px solid #ccc;
width: 100%;
}
.footerLinksMobile h5{
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
}
#section_1_mobile,#section_2_mobile,#section_3_mobile,#section_4_mobile,#section_5_mobile{
display:none;
}
.mainContent{
width:100%;
}
.showProductContent {
margin-top: 0px !important;
}
.mobileFiltersContainer {
height: initial;
margin-bottom: 0px;
}
.teamLogoLeft {
width: 21%;
margin: 1px;
}
#emblem-list {
padding: 0px;
}
}
@media all and (max-width: 957px) {
.menuContainer {float: left; padding-top: 20px;}
.lang.navItem {display: block;}
.welcomeMessage {display: none;}
.header {margin-top: 0;}
}
@media all and (max-width: 958px) {
.loginDx{display: none}
.productListLoginDx{display:none}
.box{width:100%;}
.nav {margin-left: 10px;}
.upper{display:block; width:100%;}
.partnersContainer {display:none;}
.mPartersContainer {display:block;}
.checkoutRegistrants .userInputText {
width: 100%;
display: inline-block;
}
}
@media all and (max-width: 875px) {
.poweredBy {text-align: center;}
}
@media all and (max-width: 800px) {
.content{padding-bottom:0;}
.siteMapItem ul{list-style-image:url(/img/hwc15-ww/list_arrow.png);}
.mainContent{width:100%;margin-top: 50px;}
.header .sponsor{display:none;}
.siteMapItem.first{display:none;}
.siteMapItem{width:100%;margin:0;}
.footer .sponsor,.footer .supporters,.footer .ads{display:block;}
}
@media screen and (max-width: 750px) {
.showSectionsButton {
display: block;
margin: 0px;
color: #fff !important;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
text-align: center;
line-height: 35px;
margin: auto;
}
.showSectionsButton:hover, .showSectionsButton:focus, .showSectionsButton:visited {
text-decoration: none;
}
}
@media (min-width: 520px) and (max-width: 767px){}
@media (min-width: 768px){
.threecol,
.twocol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; }
.threecol img,
.twocol img { display: block; max-width: 100%; height: auto !important; }
/*... Header ...*/
.navbar-secondary .nav-primary { /*position: fixed; z-index: 1050; margin-top: -42px; margin-left: 130px;*/ }
.navbar-secondary .navbar-nav>.active>a, .navbar-secondary .navbar-nav>.active>a:hover, .navbar-secondary .navbar-nav>.active>a:focus { background: none; }
.iNav { float: left; }
.iNav .navbar-nav>li>a { padding: 11px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #fff; }
.iNav .navbar-nav>li>a:hover { background-color: #2459ad; color: #fff; }
.iNav .navbar-nav>li>a:focus { color: #fff; outline: 0; }
.iNav .navbar-nav>.active>a,
.iNav .navbar-nav>.active>a:hover,
.iNav .navbar-nav>.active>a:focus { background-color: #2459ad; color: #fff; }
.iNav .navbar-nav>.open>a,
.iNav .navbar-nav>.open>a:hover,
.iNav .navbar-nav>.open>a:focus { background-color: #2459ad; color: #fff; }
.iNav .nav .nolink > a { cursor: default; }
.iNav .dropdown-menu { border: 0; background-color: #2459ad; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.iNav .dropdown-menu>li>a { color: #fff; font-size: 13px; }
.iNav .dropdown-menu>li>a:hover, .iNav .dropdown-menu>li>a:focus { background-color: #3171d5; color: #fff; }
.iNav .dropdown-menu>.open>a { background-color: #3171d5; color: #fff; }
/*... Banner ...*/
.iSlide { padding-right: 0; }
.iSpane { padding-left: 0; }
.nav-block .navbar-tertiary .navbar-collapse { padding-left: 0; padding-right: 0; }
}
@media (min-width: 992px) {
.container {
width: 970px;
}
.headerForMobile {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px){
/*... Header ...*/
.iNavbar { }
.navbar-primary > .container { background-position: -20px top; }
.navbar-primary .navbar-brand { padding-right: 40px; }
.navbar-primary .navbar-block { margin-left: 110px; }
.navbar-primary .navbar-block > .iNav { float: none; position: fixed; top: 42px; left: 0; right: 0; background-color: #2563C3; }
.navbar-primary .navbar-block > .iNav > .navbar-nav { float: none; max-width: 720px; margin: 0 auto; }
.navbar-primary.open > .container { background-position: 35px top; }
.navbar-primary.open .toggle-secondary { margin-right: 11px; }
.navbar-primary.open .navbar-block { margin-left: 155px; }
.navbar-secondary.fixed { -webkit-transform: translate3d(0,42px,0); -moz-transform: translate3d(0,42px,0); transform: translate3d(0,42px,0); }
.navbar-secondary.fixed.active { -webkit-transform: translate3d(0,82px,0); -moz-transform: translate3d(0,82px,0); transform: translate3d(0,82px,0); }
.admin-menu .navbar-secondary.fixed { top: 28px; }
.admin-menu .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,84px,0); -moz-transform: translate3d(0,84px,0); transform: translate3d(0,84px,0); }
.iNav .navbar-nav>li>a { padding-left: 8px; padding-right: 8px; font-size: 12px; font-weight: 600; }
/*... Banner ...*/
.iSlide .nivo-caption { padding: 12px 15px; }
.iSlide .nivo-caption h4 { font-size: 18px; }
.iSlide .nivo-caption p { font-size: 13px; }
/*-- Inner: Member Associations --*/
.ma-list .ma-col + .ma-col { border-left: 0; }
.ma-list .ma-col + .ma-col + .ma-col { border-top: 0; border-left: 1px solid #e9e9e9; }
.ma-list .ma-col + .ma-col + .ma-col + .ma-col { border-left-width: 0; }
.ma-node .ma-col + .ma-col { margin-top: 20px; }
}
@media (min-width: 1200px){
/*... Header ...*/
.open .iSearch .iS-toggle { padding: 11px; }
.open .iSMedia { margin-left: 0 !important; }
.open .iSMedia .iS-toggle { display: block; width: 36px; padding-left: 7px; padding-right: 7px; text-align: center; }
.open .iSMedia .iSm-list { text-align: right; }
.open .iSMedia .iSm-list > li > a { background-color: #2459ad; }
.open .iSMedia .iSm-list > li > a:hover { background-color: #1A4B99; }
.open .iSMedia .dropdown > .dropdown-menu { position: absolute; display: none; min-width: 160px; }
.open .iSMedia .dropdown.open > .dropdown-menu { display: block; }
/*... Banner ...*/
.iSlide .nivo-caption h4 { font-size: 24px; }
.iSlide .nivo-caption p { font-size: 16px; }
}
@media all and (max-width: 715px) {
.itemInfoContainer .seatInfo{text-align:left;}
.inner a span {display:none;}
.userButtonQty {
width: 20%;
}
.userTextElementQty {
width: 45%;
}
}
@media all and (max-width: 616px) {
.header{height:150px;}
.header .logo{text-align:center;}
.button,.buttonMax,.individual_round{border-radius: 0;}
.nav{display:none;}
.navItem > a{background:url(/img/hwc15-ww/navHomeArrows.png) right -7px no-repeat;display:block;font-size:15px;}
.nav.mNav{display:block;width:100%; margin-left: 0;background-color: #8A1B61;}
.navContainer {margin-bottom: 0;}
.nav.mNav .navItem{width:100%;border:none;}
.header {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.mLogoImage{display:block;}
.productList .productImage {display:none;}
.mLangChagner {display: block;}
.venue_list{min-width:90%;display:block;margin:0 auto;}
#social-top {float: right;width: 230px;margin: 10px 10px 0px 0px;padding: 0px; top:-10px; right: 0;}
.header_logo{padding-top:20px;padding-left:10px;}
.venue_img{width:275px;height:130px;margin-right:0px;}
.country_name_bosnia{line-height:20px;}
.filterVenue{width: 210px;}
.group{margin-left: 2px;background-color: white;width: 45%;border-bottom: 0px solid silver;padding-top: 20px;}
}
@media all and (min-width:200px){
}
@media all and (min-width:680px){
}
[lang="ar"] .c-rtl {
direction: rtl
}