/* ../css/style.css */
html, body{
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #515151;
line-height: 1.5;
}
body{
background-color: white;
}
h1, h2, h3, h4, h5{font-family: 'Signika', sans-serif;}
h1{font-size: 36px; font-weight: 600;}
h2{font-size: 30px; font-weight: 700;}
h3{font-size: 24px; font-weight: 600;}
h4{font-size: 16px; font-weight: 700;}
.mobile-block, .show640-block, .show1000-block{display: none !important;}
.top-margin0{margin-top: 0;}
.top-marginminus{margin-top: -40px;}
.top-padding0, .content-el.top-padding0{padding-top:0;}
.opacity80{opacity: 0.8;}
.mobile-menu{display: none; position: fixed; top:0; left:0; bottom: 0; right:0; z-index: 500;}
.mobile-menu .overlay{ position: absolute; top:0; left:0; bottom: 0; right:0; background-color: rgba(0,0,0,0.5); z-index: 501; }
.mobile-menu .overlay span{position: absolute; color: white; right:10px; top: 0px; font-size: 24px; cursor: pointer; padding: 8px;}
.mobile-menu .inner-menu{position: absolute; top:0; left:0; bottom: 0; overflow-y: scroll; width: 400px; background-color: #272E3A; z-index: 502;}
.mobile-menu .inner{}
.mobile-menu a.btn{display: block; padding: 8px 30px;}
.mobile-menu .hr{margin: 20px 10px;}
input.btn{cursor: pointer; border: none; background: #F7BE15; color: white; padding: 10px 30px; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
input.btn:hover{color:#DEDEDE;}
.form-group{display: table; border-spacing: 2px; width:100%;}
.form-group > *{display: table-cell; padding: 5px; width:100%;}
.form-group label{min-width: 100px; width:100px; vertical-align: middle;}
.form-group input, .form-group textarea{border: 1px solid #DEDEDE;}
.form-group textarea{height:200px;}
span.alert{display: block; margin: 5px; font-weight: bold;}
span.alert.alert-success{color: #037303;}
span.alert.alert-danger{color: #CA0606;}
a{text-decoration: underline; color: white;}
a:hover{color:#DEDEDE; font-weight: bold; }
a.yellow{color: #F7BD15; font-weight: bold; text-decoration: underline; }
a.link-yellow{color: #F7BD15; font-weight: bold; }
a.button, .button{font-weight: bold; text-decoration: none !important;}
a.black{color: black; text-decoration: none; }
a.black:hover{color: #464646;}
a.blue{color:#0FABDE; text-decoration: none;}
a.blue:hover{color:#45C7F3;}
.footer-mobile{display: none;}
span.yellow{color: #F7BD15;}
.site-header{background-color: #272E3A; z-index: 15 !important;}
.site-header .menu{width: 1100px; margin: auto auto; padding: 0px; list-style: none; text-align: center; display: block; }
.site-header .menu li{list-style: none; display: inline-block; margin:0px 10px; }
.site-header .menu li.logo {position: relative; width: 35px; }
.site-header .menu li.logo img{height: 50px; width: auto; position: absolute; top: 50%; margin-top: -28px; right: 10px;}
.site-header .menu li a{text-decoration: none; position: relative; display: block; padding: 18px 15px 18px 15px; font-size:12px; font-weight: bold; line-height: 16px; color: white; text-transform: uppercase; }
.site-header .menu li.active a, .site-header .menu li a:hover{background-color: #F7BE15; color: #272E3A; }
.site-header .menu li.active a::after, .site-header .menu li a:hover::after {content: "";display: block;position: absolute;right: -15px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 52px 15px 0 0px;border-color: #F7BE15 transparent transparent transparent;}
.site-header .menu li.active a::before, .site-header .menu li a:hover::before {content: "";display: block;position: absolute;left: -15px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 52px 15px 0 0px;border-color: #F7BE15 transparent transparent transparent;-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);}
.site-header .mobile-menu-ico{display: none; }
.site-header .mobile-menu-logo{display: none; }
#header{position: fixed; top:0; left:0; right:0; z-index: 5; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
#header.animated{}
#header.slideUp{ top:-120px; }
#header.slideDown{ top:0; }
.header-offset{height:52px; background-color: #CCCCCC;}
.content-el{padding: 40px 0px; background-size: cover; background-position: center center; /*background-attachment: fixed;*/}
.content-el .inner, .inner-el{width: 1100px; margin: auto auto; }
.content-el.theme-bg{background-color:#272E3A; color: white; }
.content-el.after-filters{padding-top: 0px;}
.content-el.after-filters-wh{padding-top: 10px;}
.header-teaser{background-color: #CCCCCC;}
.header-teaser, .bgimg{ background-size: cover; background-position: center center; }
.header-teaser>div{/* logo img */}
.header-teaser > div > .inner-el{padding: 0px 20px; background-position: left center; background-size: 300px 300px; background-repeat: no-repeat; height:550px; overflow: hidden; position: relative; width: auto; }
.header-teaser > div > .inner-el > div{display: inline-block; position: relative; top: 50%; float: right; transform: translateY(-50%); margin-right:50px; color:#F7BE15; line-height:2; font-size: 46px; font-weight: bold; text-align: center;}
.header-teaser.no-bg > div > .inner-el > div{width: auto; display: block; float: none;}
.homepage-content-el .inner{width: auto; padding: 0px 20px; text-align: center;}
.bgimg{background-repeat: no-repeat; background-attachment: fixed;}
h1.title{color: white; background-color: #119AD6; display: inline-block; padding: 4px 80px 4px 50px; position: relative; box-sizing: border-box;}
h1.title::after{content:""; display: block; position: absolute; right:-20px; top:0px; width: 0; height: 0; border-style: solid; border-width: 62px 20px 0 60px; border-color: #119AD6 transparent transparent transparent;}
h1.title.inf-left::before{content:""; display: block; position: absolute; top:0px; bottom:0px; left:-2000px; background-color:#119AD6;width:2000px;}
h1.title.yellow{background-color:#F7BD15; }
h1.title.yellow::after{border-color: #F7BD15 transparent transparent transparent;}
h1.title.yellow.inf-left::before{background-color:#F7BD15;}
h2.title{color: white; background-color: #119AD6; display: inline-block; padding: 8px 20px; position: relative; box-sizing: border-box; font-size:16px;}
h2.title.yellow{background-color:#F7BD15; }
h1.simple{text-align: center;}
.btn-mnu{background-color: #F2F2F2;}
.btn-mnu > div{width:1100px; margin: auto auto; }
h1.btn-title{position: relative; padding: 0; display: table; width:100%;}
h1.btn-title a{position: relative; background-color:#F2F2F2; color: #515151; display: table-cell; font-size:18px; width:50%;}
h1.btn-title a span{display: block; padding: 20px; font-size: 18px; line-height:20px; text-align: center;}
h1.btn-title a.first{z-index: 5;}
h1.btn-title a.first::after{z-index: 2; content:""; display: block; position: absolute; right:-20px; top:0px; width: 0; height: 0; border-style: solid; border-width: 60px 20px 0 62px; border-color: #F2F2F2 transparent transparent transparent; }
h1.btn-title a.active{background-color:#119AD6 !important; color: white;}
h1.btn-title a:hover{background-color:#E0E0E0;}
h1.btn-title a.active.first::after{border-color: #119AD6 transparent transparent transparent !important; }
h1.btn-title a.first:hover::after{border-color: #E0E0E0 transparent transparent transparent; }
h1.btn-title a.first:hover::before{content:""; display: block; position: absolute; background-color:#E0E0E0; top:0; bottom: 0; left: -2000px; width:2002px;}
h1.btn-title a.active.first::before{content:""; display: block; position: absolute; background-color:#119AD6; top:0; bottom: 0; left: -2000px; width:2002px;}
h1.btn-title a.last:hover i{content:""; display: block; position: absolute; background-color:#E0E0E0; top:0; bottom: 0; right: -2000px; width:2000px;}
h1.btn-title a.active.last i{content:""; display: block; position: absolute; background-color:#119AD6; top:0; bottom: 0; right: -2000px; width:2000px;}
/*h1.btn-title a.last:hover i{background-color:#E0E0E0;}*/
h1.btn-title a.active{/*transform: scale(1.1, 1.1); */}
.hr{border-top: 1px solid white; margin: 20px 0px;}
.hr.small{margin: 10px 0px;}
.hr.gray{border-top: 1px solid #BABABA; }
.text-center{text-align: center;}
.simple-tbl{display: table; width:100%;}
.simple-tbl>div{display: table-cell; vertical-align: top;}
.simple-tbl>div.width50{width: 50%;}
.simple-tbl>div.width40{width: 40%;}
.simple-tbl>div.width30{width: 30%;}
.simple-tbl>div.width20{width: 20%;}
.simple-tbl>div.width350{width:350px;}
.simple-tbl>div.width370{width:370px;}
.simple-tbl>div.paddleft50{padding-left:50px;}
.calendar-display{margin-top:50px;}
.calendar-display .width40{padding-right:50px;}
.table{width: 100%; border-spacing: 0;}
.table th{text-align: center; color: #808080; font-size: 12px;}
.table th.left{text-align: left;}
.table td{text-align: center; padding: 8px 4px; line-height:24px;}
.table td.left{text-align: left;}
.table td.right{text-align: right;}
.table tr:nth-child(even) {background-color: #F2F2F2; }
.table span.img{display: inline-block; vertical-align: middle; width: 24px; height: 24px; background-size: cover; background-position: center center;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.table td.lnk-more{padding-left: 30px;}
.table td.lnk-more a{display: block; color: #B3B3B3; }
.table.mundiala-app-like{}
.table.mundiala-app-like tr:nth-child(even) {background-color: white;}
.table.mundiala-app-like tr:hover{background-color: #DEDEDE;}
.small-img{width:24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
ul.display{list-style: none; display: block; margin:0; text-align: center; padding: 0; }
ul.display li{list-style: none; display: inline-block; margin:0; }
ul.display.last-news{margin:50px;}
ul.display.last-news li{margin:1.5%; width:30%; display: block; float:left;}
ul.display.last-news li a{position: relative; display: block; background-size: cover; background-position: center center; text-align: center; height: 324px; font-weight: bold; font-size: 30px; }
ul.display.last-news li a span {position: absolute; display: block; top: 0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.5);}
ul.display.last-news li a span i{position: relative; transform: translateY(-50%); top: 50%; display: block;}
ul.display.big-menu{margin:30px;}
ul.display.big-menu li{margin:0px 0px -40px 0px; width:20%; display: block; float:left; transition: transform 0.2s ease 0s; z-index: 1;}
ul.display.big-menu li a{display: block; background-color: #39404D; text-decoration: none;}
ul.display.big-menu li a i{display: block; background-size: cover; background-position: center center; text-align: center; height: 269px; }
ul.display.big-menu li a span { display: block; font-weight: bold; font-size: 30px; line-height:200px; text-transform: uppercase; }
/*ul.display.big-menu li.active a, ul.display.big-menu li:hover a{background-color: #586276; }*/
ul.display.big-menu li:hover, ul.display.big-menu li.active{transform: scale(1.080, 1.080); }
ul.display.big-menu li:hover{ z-index: 2; position: relative;}
ul.display.big-menu li.active{z-index: 10; position: relative;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.75);}
ul.display.big-menu li:nth-child(even) a{background-color: #586276; }
ul.display.big-menu li a i.ico-tbl{background-image: url('../images/800-league-table.jpg');}
ul.display.big-menu li a i.ico-schedule{background-image: url('../images/39857567-calendar-wallpapers.jpg');}
ul.display.big-menu li a i.ico-teams{background-image: url('../images/Nike-launch-new-England-Football-Team-Home-kit-for-2014.jpg');}
ul.display.big-menu li a i.ico-matches{background-image: url('../images/wembley_enggermatch.jpg');}
ul.display.big-menu li a i.ico-fanzone{background-image: url('../images/slide_353966_3857820_free.jpg');}
.button{color: white; line-height:20px; padding: 10px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#999999;}
.button-yellow{background-color: #F7BE15; }
.read-more-button{text-align: center; margin: 50px 0px;}
.clear{clear:both !important; float: none !important; }
.homepage-content-el .inner{width: auto; padding: 0px 20px; text-align: center;}
.homepage-content{display: table; min-height:400px; width:100%;}
.homepage-content>div{display: table-cell; vertical-align: middle; min-height:400px; color:#F7BE15; font-size: 46px; font-weight: bold;}
.homepage-content, .homepage-content h2{color:#6D6D6D;}
.homepage-content p{color:#939293;}
.homepage-content img{vertical-align:top; margin: 0px 80px; width: 35%; height: auto; float: left; }
.homepage-content h2{font-size: 32px;}
.homepage-content p{font-size: 18px; line-height: 1.8;}
.yellow-title{font-size: 24px; font-weight: bold; background-color: #F7BD15; color: #333C4A; padding: 15px; text-align: center; }
article{display: block; margin-bottom:50px; border-bottom: 1px solid #C6C6C6; padding-bottom: 50px;}
article header{display: block; }
article header .info{font-size:14px;}
article header .info span.date{float: right;}
article header a{color: #515151;}
article .img{height:300px; background-size: cover; background-position: center center;}
article .buttons{text-align: right; margin-top:30px;}
.short-news-col{padding-left:50px;}
.news-short-data a{color: #515151; font-size:16px; display:block; margin-bottom:10px; font-weight:bold;}
.news-short .info{font-size:12px; color:#CBCBCB;}
.news-short .info span.date{float: right;}
.sort{margin: 30px 0px; font-size: 12px; color: #D4D4D4; }
.sort div{float: right; }
.sort .sel-container{position: relative;}
.sort .sel-container i{position: absolute; top: 2px; right:2px; color: black; }
.sort select{border:none; -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; -o-appearance: none;appearance: none; position: relative; padding-right:15px; font-size:12px; outline: none; }
.sort select::-ms-expand { display: none;}
.article-header{position: relative; height: 500px; background-size: cover; background-position: center center; }
.article-header .overlay{position: absolute; top:0; left:0; right:0; bottom: 0; background-color: rgba(0,0,0,0.3);}
.article-header .back-button{padding: 40px 50px; font-size: 16px; }
.article-single-text{padding: 50px 0px;}
.article-header .title{position: absolute; top: 50%; margin-top: -50px; color: white; left: 50%; width: 800px; margin-left:-400px; }
.article-header .title h1{font-size:30px; display: inline-block; }
.article-header .date{float: right; }
.gallery{}
.gallery a{width:30%; margin: 1.5%; height:200px; background-size: cover; background-position: center center; display: block; float: left;}
.filters{background-color:#119AD6; margin: 30px 0px 0px 0px; text-align: center; padding: 10px;}
.filters>div{display: inline-block; margin: 0px 20px;}
.filters .selectboxit-btn{background-color: transparent !important; background-image: none !important; border: none !important; color: white; font-weight:bold; }
.filters .selectboxit-btn .selectboxit-text {font-size:18px;}
.filters .selectboxit-default-arrow{ border-top: 4px solid #FFFFFF !important;}
.filters .selectboxit-container .selectboxit-options{/*width:200px;*/}
.filters label{color: rgba(255,255,255,0.5); display: block; text-align: center;}
.filters.orange{background-color:#F7BD15;}
.filters.orange .selectboxit-btn {color: black; }
.filters.orange .selectboxit-default-arrow{ border-top: 4px solid black !important;}
.filters.orange label{color: rgba(0,0,0,0.5); display: block; text-align: center;}
.filters.matches{margin-bottom:0px;}
.teams-display{display: flex; flex-wrap: wrap;}
.teams-display .team-row{flex-grow: 1; flex-basis: 50%; }
.teams-display .team-row .team-el{margin: 10px;}
.teams-display .team-row .team-el .img{position: relative; background-size: cover; background-position: center center; height:300px;}
.teams-display .team-row .team-el .img a{position: absolute; left:0; right:0; bottom: 0px; top: 0;}
.teams-display .team-row .team-el .img span{z-index: 2; position: absolute; left:0; right:0; bottom: 0; text-align: center; font-size: 16px; font-weight: bold; color: white; background-color:#BD5150; padding: 20px 15px;}
.teams-display .team-row .team-el .img span i{float: right; cursor: pointer;padding: 3px;}
.team-details{display: none;}
.team-details td{padding-left:15px;}
.teams-container{}
.teams-container .team-item{width: 205px; display: inline-block; margin: 10px 5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.teams-container .team-item .img{position: relative; background-size: cover; background-position: center center; height:125px;}
.teams-container .team-item .img a{position: absolute; left:0; right:0; bottom: 0px; top: 0;}
.teams-container .team-item .data{padding: 5px;}
.teams-container .team-item .data span{display: block; text-align: center; margin: 5px 0px; font-size: 11px; line-height:11px; height:11px;}
.teams-container .team-item .data h3{text-align: center; margin: 5px 0px 20px 0px; font-size: 14px; font-weight: bold; line-height: 18px; height: 36px; overflow: hidden; }
.teams-container .team-item .data a.btn{text-align: center; background-color: white; color: black; padding: 10px 0px; display: block; text-decoration: none; font-weight: normal !important;}
.teams-container .team-item.black-text .data a.btn{background-color: #2D2D2D; color: white;}
.teams-container .team-item.blue-bg{background-color:#06237E;}
.teams-container .team-item.yellow-bg{background-color:#EEE35A;}
.teams-container .team-item.magenta-bg{background-color:#69254E;}
.teams-container .team-item.gold-bg{background-color:#B68E12;}
.teams-container .team-item.darkslateblue-bg{background-color:#3B2D60;}
.teams-container .team-item.white-text{color: white;}
.teams-container .team-item.black-text{color: black;}
.dialog{display: none;}
.dialog .overlay{position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.5); z-index: 400;}
.dialog .content{position: fixed; width: 500px; height: auto; top: 50%; margin-top: -200px; min-height: 200px; background-color: white; left: 50%; margin-left: -250px; z-index: 401;}
/* matches v.1 */
.matches-container{width:1000px; margin: auto auto; }
.matches-container h2{background-color: #119AD6; margin: 30px 0px -10px 0px; color: white; text-align: center; font-size: 16px; padding: 20px;}
.match-row{position: relative; margin:10px 0px;}
.match-row a{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.match-row a span{display: none; }
.match-row a:hover{background-color: rgba(17, 154, 214, 0.5); border: 2px solid #119AD6; }
.match-row a:hover span{display: block; left:0; right:0; font-size:24px; color: white; line-height:150px; text-align: center; }
.match-row .details{background-color: #F2F2F2; }
.match-row .details .col1{}
.match-row .details .col2{min-width: 100px;}
.match-row .details ul{list-style: none; padding: 5px;}
.match-row .sum{background-color: #EDECE0; }
.match-row .sum .col1{text-align: right;}
.match-row .sum .col1, .match-row .sum .col3{width: 500px;}
.match-row .sum .col2{font-size: 26px; font-weight: bold; text-align: center; min-width: 100px;}
.match-row .sum .img{vertical-align: middle; margin: 10px 20px; display: inline-block; width: 60px; height:60px; background-size: cover; background-position: center center; border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;-webkit-border-radius: 30px 30px 30px 30px;}
/* matches v.2 */
.matches-all{width:1000px; margin: auto auto; }
.matches-all h2{color: #119AD6; border-bottom: 2px solid #119AD6; margin: 30px 0px 10px 0px; padding: 0px; font-size: 16px; line-height: 25px;}
.matches-all h2 span{font-size: 36px;}
.match-item{margin: 20px 0px;}
.match-item a{display: none; }
.match-item .top-data{color: #808080; text-align: left; padding-right: 50px; font-size: 12px; margin-bottom: 1px;}
.match-item .top-data span{margin: 0px 20px; display: inline-block; }
.match-item .top-data span.col1{text-align: right; width: 35%; }
.match-item .teams-data{border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; }
.match-item .teams-data .img{vertical-align: middle; margin: 2px 20px; display: inline-block; width: 30px; height:30px; background-size: cover; background-position: center center; border-radius: 15px 15px 15px 15px;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}
.match-item .teams-data table{width: 100%; }
.match-item .teams-data table td{padding: 1px;}
.match-item .teams-data table .col1{text-align: right; width: 40%;}
.match-item .teams-data table .col2{width: 100px;}
.match-item .teams-data table .col4{width: 50px; text-align: center; }
.match-item .teams-data .res-displ{position: relative; text-align: center; line-height: 16px; padding: 8px; display: block; width: 75px; margin: auto auto; background-color: #119AD6; color: white; }
.match-item .teams-data .res-displ::after {content: "";display: block;position: absolute;right: -15px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 32px 15px 0 0px;border-color: #119AD6 transparent transparent transparent;}
.match-item .teams-data .res-displ::before {content: "";display: block;position: absolute;left: -15px;top: 0px;width: 0;height: 0;border-style: solid;border-width: 32px 15px 0 0px;border-color: #119AD6 transparent transparent transparent;-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);}
.match-item .teams-data:hover{cursor: pointer; color: white; background: #119ad6;background: -moz-linear-gradient(left, #119ad6 0%, #23a5c9 100%);background: -webkit-linear-gradient(left, #119ad6 0%,#23a5c9 100%);background: linear-gradient(to right, #119ad6 0%,#23a5c9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#119ad6', endColorstr='#23a5c9',GradientType=1 );}
.match-item .teams-data:hover .res-displ{background-color: white; color: #119AD6; }
.match-item .teams-data:hover .res-displ::after, .match-item .teams-data:hover .res-displ::before{border-color: white transparent transparent transparent;}
.match-item .teams-data .img.mobile-img{display: none;}
.penality{display: inline-block; width:10px; height: 18px; color: white; line-height:18px; text-align: center; background-color: #F7BD15;}
.penality.red{background-color: #D93432;}
.penality.two-min{background-color: transparent;}
.teams-details{}
.teams-details h2{background-color: #119AD6; margin: 30px 0px 10px 0px; color: white; text-align: center; font-size: 16px; padding: 10px;}
.teams-details .teams{font-weight: bold; font-size: 20px;}
.teams-details .teams .col1, .teams-details .teams .col3{text-align: center; width:50%;}
.teams-details .teams .col2{ text-align: center; min-width: 100px;}
.teams-details .teams .img{vertical-align: middle; margin: 10px 20px; display: inline-block; width: 60px; height:60px; background-size: cover; background-position: center center; border-radius: 30px 30px 30px 30px;-moz-border-radius: 30px 30px 30px 30px;-webkit-border-radius: 30px 30px 30px 30px;}
.teams-details .players .col1, .teams-details .players .col3{width:50%; vertical-align: top;}
.teams-details .players .col2{/*width:20px;*/}
.teams-details .players div{color: #0FABDE; padding: 10px; text-align: left; font-weight: bold;}
.teams-details .players div:nth-child(odd) {background-color: #F2F2F2; }
.teams-details .coachs .col1, .teams-details .players .col3{width:50%; vertical-align: top;}
.teams-details .coachs .col2{/*width:20px;*/}
.teams-details .coachs div{color: #0FABDE; padding: 10px; text-align: left; font-weight: bold; background-color: #F2F2F2; }
.match-info{}
.match-info h2{text-transform: uppercase; margin: 10px 0px; font-size: 16px;}
.match-info .details-list{list-style: none; margin: 10px 0px;padding:0; display: block; margin-bottom: 30px; }
.match-info .details-list li{display: table;margin:0; padding:0; width: 100%;}
.match-info .details-list li span{display: table-cell; background-color:#39404D; line-height:30px; color: white; border-bottom: 1px solid #8A8B8D; font-size:16px;}
.match-info .details-list li span.ico{width:30px; text-align:center;}
.match-info .details-list li span.dark{background-color:#272E3A;}
.match-info .details-list li span.min{width:40px; text-align:center; color: #9CBA50; }
.match-info .details-list li span.text{padding-left:10px;}
.match-info .details-list li span.result{text-align: center; width:80px;}
.match-info .details-list li.sum{text-align: center; color: white; background-color: #F7BD15; font-weight: bold; padding: 8px 0px;}
.match-info i.yellow{color:#F7BD15; }
.table-display .small-tables h2{margin: 0px; width:100%;}
.list-filter{display: block; list-style: none; padding: 0; margin: 20px 0px; text-align: center;}
.list-filter li{display: inline-block; padding: 5px 5px 10px 5px; color: #CBCBCB; position: relative; margin: 0px 10px; cursor: pointer; }
.list-filter li::after{content:""; display: block; position: absolute; bottom: 0; left: 0px; right: 0px; height:2px; background-color: #CBCBCB; }
.list-filter li:hover, .list-filter li.active{color: #0FABDE;}
.list-filter li:hover::after, .list-filter li.active::after{background-color: #0FABDE;}
.carousel.gallery a{margin: 10px 1.5%;}
.carousel {position: relative;}
.carousel .thumbs{position: relative; overflow: hidden; height:660px;}
.carousel .thumbs > div{}
.carousel .prev, .carousel .next{position: absolute; top:50%; margin-top:-30px; font-size:30px; line-height:60px; width:60px; height: 60px; text-align: center; border: 1px solid #7E7E7E; color: #7E7E7E; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; cursor: pointer;}
.carousel .prev{left: -100px;}
.carousel .next{right: -100px;}
.carousel .tabs{text-align: center;}
.carousel .tabs span{display:inline-block; cursor: pointer; margin: 10px; width: 50px; height:6px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background-color: #F2F2F2; }
.carousel .tabs span.active{background-color: #119AD6;}
.gal-cotnainer{text-align: center; }
.gal-cotnainer > a{display: inline-block; position: relative; background-size: cover; background-position: center center; width:250px; height: 250px; margin: 10px;}
.gal-cotnainer > a span{display: block; position: absolute; text-align: center; line-height: 14px; padding: 5px; color: black; background-color: rgba(255, 255, 255, 0.8); left: 0; right: 0; bottom:0; }
.next-events{}
.next-events div{margin: 10px 0px; color: white; background-color:#119AD6; padding: 8px;}
.fc-head a, a.fc-more{color: #515151; }
.footer-logo{text-align: center; }
.footer-logo img{display: inline-block; width: 60%; max-height:250px;}
.login-form{width: 320px; margin: auto auto; }
.login-form a{color: black; }
.form-with-line-input{}
.form-with-line-input>div{margin-bottom: 15px;}
.form-with-line-input input.form-control{border: none; border-bottom: 1px solid #DEDEDE;background-color: transparent !important; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; padding: 6px 12px; width:100%; }
input:-webkit-autofill {
background-color: white !important;
-webkit-box-shadow: 0 0 0 50px white inset !important;
-webkit-text-fill-color: #333 !important;
}
a.fc-day-number{color: black; text-decoration: none; }
.mundiala-logo{position: absolute; top: 10px; right: 10px;}
.fc .fc-more-popover{width: 280px; }
.fc .fc-more-popover .fc-day-grid-event .fc-content{white-space: normal;}
a.fc-day-grid-event:hover{font-weight:normal; }
.team-details-header{background-color: #3B2D60; }
.team-details-header .tbl-team-header{width:100%;}
.team-details-header .tbl-team-header .data{color: white; padding: 90px 0px;}
.team-details-header .tbl-team-header .data span{text-transform: uppercase; display: block;}
.team-details-header .tbl-team-header .img{width: 500px; background-size: cover; background-position: center center; position: relative;}
.team-details-header .tbl-team-header .img a{display: block; position: absolute; left:0; right:0; top:0; bottom: 0;}
.team-details-header .tbl-team-header .img.img-mobile{display: none;}
.tabs{}
.tabs>ul{list-style: none; margin: 30px 0px; padding: 0px;}
.tabs>ul>li{display: inline-block; margin: 0px; padding: 0px;}
.tabs>ul>li>a{display: block; position: relative; padding: 5px 15px; color: black; text-decoration: none; font-weight: normal !important; }
.tabs>ul>li.active>a:after{content:""; position: absolute; bottom: -5px; left: 0; right: 0; height: 1px; background-color:#109AD6; }
.tabs>ul>li:hover>a:after{content:""; position: absolute; bottom: -5px; left: 0; right: 0; height: 1px; background-color:#DEDEDE; }
.simple-details{padding: 0px 10px;; border:1px solid #DBDBDB; }
.simple-details .fld{margin: 10px 0px;}
.simple-details .fld span{text-transform: uppercase; font-size: 12px; color: #DBDBDB; display: block; margin-bottom: 2px;}
.simple-details .fld strong{font-size: 16px; display: block;}
.team-players-table{width: 100%; }
.team-players-table th{font-size: 12px; text-transform: uppercase; color: #DBDBDB; text-align: left; padding: 10px;}
.team-players-table td{color: black; padding: 10px;}
.team-players-table .img{width: 50px; height: 50px; border-radius: 25px; display: inline-block; background-size: cover; background-position: center center;}
.team-players-table a{color: #109AD6; font-weight: normal !important; text-decoration: none;}
.team-players-table a:hover{color: #2BB4EF; }
.team-players-table a i{margin-left: 30px; font-size: 12px;}
.team-players-table tr:hover td{background-color:#3B2D60; color: white; }
.player-details-header{background-color: #3B2D60; }
.player-details-header .tbl-player-header{width:100%;}
.player-details-header .tbl-player-header .data{color: white; padding: 90px 0px 30px 60px;}
.player-details-header .tbl-player-header .data span{text-transform: uppercase; display: block;}
.player-details-header .tbl-player-header .img{width: 300px; background-size: cover; background-position: center center; position: relative;}
.player-details-header .tbl-player-header .img a{display: block; position: absolute; left:0; right:0; top:0; bottom: 0;}
.player-header-stats-tbl{}
.player-header-stats-tbl th{font-size:12px; font-weight: normal; text-align: left;}
.player-header-stats-tbl td{font-size:22px; font-weight: bold; text-align: left;}
.tbl-player-data{}
.tbl-player-data .col1{width: 300px; padding-right: 50px;}
.player-stats-tbl{width:100%;}
.player-stats-tbl>div{width:33%; padding: 0px 10px;}
.player-stats-tbl>div>h3{margin: 20px 0px; color: black; padding: 0px 10px; border-bottom: 2px solid #3B2D60; font-size: 20px;}
.player-stats-tbl>div>div{margin: 8px 10px; color: #5A5A5A; }
.player-stats-tbl>div>div>b{float: right; }
.tbl-our-team-item{width:100%; margin: 10px 0px; }
.tbl-our-team-item .img{width: 300px; background-size: cover; background-position: center center; position: relative;}
.tbl-our-team-item .img a{display: block; position: absolute; left:0; right:0; top:0; bottom: 0; }
.tbl-our-team-item .img span{display: block; min-height:200px;}
.tbl-our-team-item .data{padding-left: 30px; color: black; vertical-align: middle;}
.tbl-our-team-item .data span{text-transform: uppercase;display: block;}
.tbl-our-team-item .data h3{font-size: 24px; font-weight: 600; margin: 15px 0px; padding: 0px;}
.tbl-our-team-item .data a, .tbl-our-team-item .data a:hover{display: block; color: #272E3A; text-decoration: none; font-weight: normal;}
hr{border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #272E3A; margin: 20px 0px; padding: 0;}
.calendar-tbl .calendar-events, .calendar-tbl .calendar-component-el{background-color: #ffffff;}
.calendar-tbl h2{font-size: 19px; font-weight: 600; line-height: 1.26; color: #3e3e3e; padding: 16px 32px; margin: 0;}
.calendar-tbl .calendar-component{padding-left: 24px;}
#calendar .fc-toolbar{position: relative;}
#calendar .fc-center h2{padding:0; margin: 0; font-size: 13px; font-weight: 600; text-align: center; }
#calendar .fc-left button, #calendar .fc-right button{background: transparent !important;border: none !important;box-shadow: none !important;}
#calendar .fc-left{position: absolute; left: 50px; top: -6px;}
#calendar .fc-right{position: absolute; right: 50px; top: -6px; }
#calendar table, #calendar table tbody, #calendar table th, #calendar table thead, .fc td, .fc th{border-style: hidden !important;}
#calendar table th{font-size: 13px; color: #aaaaaa; text-transform: uppercase; font-weight: normal;}
.fc-day-top.fc-mon.fc-other-month a{color: #dbdad3; text-decoration: none; }
.fc-day-top a{color: #3e3e3e; text-decoration: none; }
.fc-unthemed .fc-today{background-color: transparent !important; }
.fc-day-top span{background-color: white; color: #3e3e3e; font-size: 13px; line-height:32px; width: 32px; text-align: center; border-radius: 16px; padding: 0px !important;}
.fc-day-top.fc-today span{background-color: #1a3a6f; color: white; }
.fc-event-container{text-align: center; padding-left: 0px !important; font-size: 3px !important;}
.fc-event-container>a.fc-event{width: 4px !important;padding: 0 !important;height: 4px !important;border-radius: 2px !important;border: none !important; display: inline-block; margin: 0px !important; margin: 0px 2px !important;}
.fc-event-container .fc-title{display: none; }
.fc-event-container .fc-resizer.fc-end-resizer{display: none !important;}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float: none !important; display: inline-block;}
.fc-day-top{text-align: center; }
.fc-event-container .fc-content{display: none !important; }
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-background-clip: padding-box;
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.modal-content{border-radius: 0 !important; }
.modal-content .modal-header{padding: 9px 24px; background-color: #e4e4e4;}
.modal-content .modal-header h4{padding: 10px;}
.modal-content .modal-header h4 .buttons, .modal-content .modal-header h4 .buttons-dlg{float: right; margin-top: -5px;}
.modal-content .modal-header h4 .buttons .search, .modal-content .modal-header h4 .buttons-dlg .search{width:130px; position: relative; }
.modal-content .modal-header h4 .buttons .search i, .modal-content .modal-header h4 .buttons-dlg .search i{position: absolute; font-size: 14px; right: 5px; top: 50%; margin-top: -7px; line-height: 14px; color: #ACACAC; }
.modal-title-preview{padding: 0px; font-size: 16px;}
.modal-title-preview span.ll{display: inline-block; vertical-align: middle;}
.modal-title-preview span.title{font-weight: bold; color: #484848; }
.modal-title-preview span.img{margin-right: 20px;}
.modal-title-preview span.img .img-el{display: block; width: 60px; height: 60px; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background-size: cover; background-position: center center;}
.modal-title-preview span.data-name{font-weight: normal; }
.modal-body span.img,
.edit-form span.img{margin-right: 20px; float: left;}
.modal-body span.img-edit,
.edit-form span.img-edit{float: left;}
.modal-body span.img-edit .dlg-main-img-delete
.edit-form span.img-edit .dlg-main-img-delete{top: -9px; left: -14px;}
.modal-body span.img-edit #dlg-upload-single,
.edit-form span.img-edit #dlg-upload-single{margin-left: 16px; }
.modal-body span.img-edit .btn.btn-primary,
.edit-form span.img-edit .btn.btn-primary{border: none !important; background: transparent !important; box-shadow: none !important; padding: 7px 0px !important;}
.modal-body span.img .img-el,
.edit-form span.img .img-el{display: block; width: 36px; height: 36px; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; background-size: cover; background-position: center center;}
.modal-h-tabs {padding: 0px; margin-top: 20px; margin-bottom: -9px;}
.modal-h-tabs span{display: inline-block; font-size: 13px; min-width: 160px; text-align: center;}
.modal-h-tabs span a{display: block; color: #484848; padding: 11px 16px; margin: 0px; font-weight: normal; position: relative;}
.modal-h-tabs span.active a,
.modal-h-tabs span.active a:hover{color: #3e3e3e; font-weight: 600;}
.modal-h-tabs span.active a::after{content:""; position: absolute; bottom: -2px; left:0; right:0; height:2px; background-color: #3e3e3e; }
.edit-popup-separator {
height: 1px;
border-bottom: 1px solid #e4e4e4;
margin: 0px;
}
.modal-body .load{word-break: break-all;}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
/* ../css/responsive.css */
@media (min-width: 100px) and (max-width:1120px) {
.site-header .menu{display: none; }
.header-offset{height:56px;}
.header-teaser > div > .inner-el{height: auto; }
.header-teaser > div > .inner-el > div{width: auto; display: block; position: static;top: auto; float: none; transform: translateY(0%); margin-right: 0px; padding: 20px 40px;}
.site-header .mobile-menu-ico{display: block; }
.site-header .mobile-menu-ico i{color: white; font-size:26px; padding: 15px; cursor: pointer;}
.site-header .mobile-menu-logo{display: block; position: absolute; height: 50px; top: 50%; margin-top: -25px; right: 10px;}
.site-header .mobile-menu-logo img{height: 50px; width: auto;}
.content-el .inner, .inner-el{width: auto; padding: 20px;}
.mobile-block{display: block;}
.content-el{padding: 10px 0px;}
ul.display.big-menu{margin:0px;}
ul.display.big-menu li{margin:0px; width:auto; display: block; float:none; transition: transform 0.2s ease 0s; z-index: 1; position: relative;}
ul.display.big-menu li a i{display: block; background-size: cover; background-position: center center; text-align: center; height: 270px;}
ul.display.big-menu li a span {font-size: 26px; line-height:26px; position: absolute;top: 0; left: 0; right:0; bottom: 0; background-color: rgba(0,0,0,0.6); line-height:270px; }
ul.display.big-menu li.active, ul.display.big-menu li:hover{ transform: scale(1, 1); z-index: 2;}
.footer-mobile{display: block;}
.homepage-content{padding: 0px;}
h1.title::after{border-width: 0px; border-color: #119AD6; left: auto; top:0px; bottom:0px; right:-20px; background-color:#119AD6; width:20px; height: auto; }
h1.title.yellow::after{border-color: #F7BD15; background-color:#F7BD15;}
.simple-tbl.news-display, .simple-tbl.news-display>div{display:block; width: auto; }
.simple-tbl.news-display .short-news-col{padding: 0px; margin-top: 50px;}
.simple-tbl.calendar-display, .simple-tbl.calendar-display>div{display:block; width: auto; }
.simple-tbl.calendar-display .short-news-col{padding: 0px; margin-bottom: 50px;}
.simple-tbl.table-display, .simple-tbl.table-display>div{display:block; width: auto; }
.simple-tbl.table-display .short-news-col{padding: 0px; margin-top: 50px;}
.btn-mnu > div{width: auto; }
.carousel .prev, .carousel .next{display: none;}
.carousel .tabs{display: none;}
.carousel .thumbs{overflow: display; height: auto;}
.teams-details .teams{font-size:16px;}
.teams-container{text-align: center; }
.simple-tbl.tbl-player-data, .simple-tbl.tbl-player-data>div{display:block; padding: 0; margin: 10px 0px; width:auto; }
}
@media (min-width: 100px) and (max-width:1000px) {
ul.display.last-news{margin:0px;}
ul.display.last-news li{margin:20px; width:auto; display: block; float: none; }
ul.display.last-news li a{ height: 250px; position: relative;}
ul.display.last-news li a span {font-size: 16px; padding: 8px; position: absolute;top: auto; bottom:0; left:0; right:0; transform: translateY(0%); display: block; color: white; background-color:#39404D; }
ul.display.last-news li a span i{transform: translateY(0%);top:0; }
.hide1000{display: none !important; }
.show1000-block{display: block !important;}
.show1000-block.inlineblock{display: block !important;}
.matches-container{width: auto;}
.match-row .sum .col1, .match-row .sum .col3{width: auto;}
.match-row .sum .img{display: block; margin: auto auto;}
.match-row .sum i{display: block; text-align: center;}
.matches-all{width: auto;}
.match-item .teams-data .img.mobile-img{display: inline-block;}
.match-item .teams-data .img.desktop-img{display: none !important;}
.match-item .teams-data .tm-nm{display: block; text-align: center; }
.match-item .teams-data .col1, .match-item .teams-data .col3{text-align: center !important;}
.match-item .teams-data table .col2{min-width: 90px;}
.match-item .teams-data table .col2 .res-displ{width: 50px;}
.teams-details .teams .img{display: block; margin: auto auto; }
h1.title{font-size:16px; padding: 10px;}
.header-teaser > div > .inner-el > div{font-size: 30px;}
.homepage-content>div{font-size: 30px;}
.mundiala-logo{position: static; top: auto; right: auto; text-align: center; margin-top: 10px;}
.player-details-header .tbl-player-header .img{width: 250px; background-size: cover; background-position: center center; position: relative;}
.team-details-header .tbl-team-header .img{width: 400px; }
.tbl-our-team-item .img{width: 250px; }
.tbl-our-team-item .img span{min-height:180px;}
}
@media (min-width: 100px) and (max-width:800px) {
.article-header{height: auto; min-height: 100px;}
.article-header .overlay{position: static; padding: 20px;}
.article-header .back-button{padding: 0px 0px 20px 0px;}
.article-header .title{position: static; top: auto; margin-top: 20px; left: auto; right:auto; width: auto; margin: 0px 20px 20px 20px; }
.gallery a{width:47%; margin: 1.5%;}
.teams-display{display: block;}
.teams-details .teams{font-size:14px;}
.header-teaser > div > .inner-el > div{font-size: 26px;}
.match-item .teams-data .tm-nm{font-size: 11px; }
.player-details-header .tbl-player-header, .player-details-header .tbl-player-header >div{display: block; margin: 0; padding: 0px !important;}
.player-details-header .tbl-player-header > .img{width: 250px; height: 250px; border-radius: 125px; margin: auto auto; margin-bottom: 30px;}
.team-details-header .tbl-team-header, .team-details-header .tbl-team-header >div{display: block; margin: 0; padding: 0px !important;}
.team-details-header .tbl-team-header > .img{width: 250px; height: 250px; border-radius: 125px; margin: auto auto; margin-bottom: 30px;}
.team-details-header .tbl-team-header > .img.img-desktop{display: none !important; }
.team-details-header .tbl-team-header > .img.img-mobile{display: block; }
.tbl-overflow-800{overflow-x: scroll;}
.tbl-overflow-800>table{width:800px;}
.simple-tbl.player-stats-tbl, .simple-tbl.player-stats-tbl>div{display: block; width: auto; margin: 20px 0px; padding: 0px;}
.simple-tbl.respo800, .simple-tbl.respo800>div{display:block; width: auto !important; padding:0px !important;}
.tbl-our-team-item, .tbl-our-team-item>div{display: block; margin: 0; padding: 0px !important;}
.tbl-our-team-item > .img{width: 250px; height: 250px; border-radius: 125px; margin: auto auto; margin-bottom: 30px;}
}
@media (min-width: 100px) and (max-width:640px) {
.homepage-content img{float: none; width: 80%; margin: auto auto; display: block; }
.hide640{display: none !important; }
.show640-block{display: block;}
.show640-block.inlineblock{display: inline-block;}
.article-header .title h1{font-size: 26px;}
.mobile-menu .inner-menu{width: 80%; }
.dialog .content{position: fixed; width: 90%; margin-left:-45%; height: auto; top: 20px; min-height: 200px; background-color: white; left: 50%; margin-top: 0px;}
.match-row .details .col2{min-width: 50px;}
.match-row .sum .col2{font-size: 16px; min-width: 50px;}
.table-scroll{overflow-x: scroll;}
.table-scroll>table{width:640px;}
.header-teaser > div > .inner-el > div, .homepage-content>div{font-size: 24px;}
.match-item .top-data{text-align: left; padding-right: 0px; font-size: 11px; margin-bottom: 10px;}
.match-item .top-data span{margin: 0px 10px; }
.match-item .top-data span.col1{text-align: left; width: auto; }
.respo-table-wrap-640{overflow-x: auto;}
.respo-table-wrap-640 .table{min-width: 100%; width: auto;}
.respo-table-wrap-640 .table td{white-space: nowrap;}
}
@media (min-width: 100px) and (max-width:640px) {
h1.btn-title a span{font-size:14px; padding: 20px 0px;}
}
@media (min-width: 100px) and (max-width:500px) {
.teams-container .team-item{width: auto; display: block; margin: 10px 0px;}
}
@media (min-width: 100px) and (max-width:400px) {
.gallery a{width:auto; margin: 1.5%; float: none;}
.filters > div{margin: 20px 0px;}
.header-teaser > div > .inner-el > div, .homepage-content>div{font-size: 20px;}
}
/* ../js/_lib/photobox/photobox/photobox.css */
#pbOverlay.show{ opacity:1; pointer-events:auto; }
#pbOverlay{
opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
-moz-user-select:none;
background:rgba(0,0,0,0.85);
background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%);
-webkit-transform:translate3d(0px, 0px, 0px);
-webkit-transition:opacity 300ms ease;
-ms-transition:opacity 300ms ease;
transition:opacity 300ms ease;
}
#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
#pbOverlay.msie.pbLoading .wrapper{ background:url('../images/loading.gif') no-repeat center center; }
@keyframes pbLoaderFrames{ 50%{ height:5px; } }
@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }
#pbOverlay .pbLoader{ visibility:hidden; opacity:0; pointer-events:none; -webkit-transform:scale(.2); transform:scale(.2); position:absolute; z-index:999; top:50%; left:50%; margin:-50px 0 0 -50px; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; width:100px; height:100px; transition:0.3s; -webkit-transition:0.2s; }
#pbOverlay.thumbs .pbLoader{ margin-top:-100px; }
#pbOverlay.pbLoading:not(.msie):not(.error) .pbLoader{ visibility:visible; opacity:1; -webkit-transform:scale(1); transform:scale(1); }
#pbOverlay .pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
#pbOverlay .pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
#pbOverlay .pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }
#pbOverlay .wrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-0.25em; vertical-align:middle; }
/* Animation when image was not loaded */
@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(0.85); } }
@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(0.85); } }
#pbOverlay .wrapper{ -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; height:100%; perspective:1200px; -webkit-perspective:1200px; position:relative; }
#pbOverlay.video .wrapper{ z-index:11; display:inline-block; }
/*#pbOverlay.error .wrapper{ display:inline-block; width:100%; }*/
#pbOverlay.pbLoading .wrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
#pbOverlay .wrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; -webkit-transition:text-shadow .7s ease-out; transition:text-shadow .7s ease-out; }
#pbOverlay.error .wrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
#pbOverlay.thumbs .wrapper{ margin-top:-50px; padding:50px 0; }
#pbOverlay.error .wrapper img{ width:0; }
#pbOverlay .wrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,0.5); }
#pbOverlay.video .wrapper > div{ display:inline-block; }
#pbOverlay iframe, #pbOverlay embed, #pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:0.5s; }
#pbOverlay .wrapper .hide iframe{ opacity:0; }
#pbOverlay.show .wrapper > *{
-ms-transition:.3s .5s ease-out;
-webkit-transition:.8s .5s cubic-bezier(0.1, 0.8, 0.5, 1.03);
transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1);
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-backface-visibility:hidden;
box-shadow:0 0 20px #000;
}
#pbOverlay .wrapper > *, #pbOverlay.hide .wrapper > .prepare{ display:inline-block; opacity:1; vertical-align:middle; transform:scale(0) rotateX(80deg); -webkit-transform:scale(0) rotateX(80deg); -ms-transform:scale(0) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
#pbOverlay.on .wrapper > *{ transition-delay:0s; -webkit-transition-delay:0s; -ms-transition-delay:0s; }
#pbOverlay .wrapper .zoomable{ transition:.1s; -webkit-transition:.1s; -ms-transition:.1ms; position:relative; z-index:9; }
#pbOverlay.hide .wrapper > *{ transform:scale(1.2); -webkit-transform:scale(1.2); transform:none\9; opacity:0; -webkit-transition:.4s ease-in; -ms-transition:.4s ease-in; transition:.4s ease-in; }
/*-- close button --*/
#pbCloseBtn, #pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; -webkit-transition:.2s .3s ease-out; }
.hide #pbCloseBtn{ top:-50px; right:-50px; }
.on #pbCloseBtn{ top:-2px; right:-2px; }
#pbCloseBtn:before{ content:'\00D7'; font-weight:bold; }
#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:0.8; line-height:.7; vertical-align:middle; background:rgba(255,255,255,0.2); border-radius:0 0 0 70px; transition:0.1s ease-out; -webkit-transition:0.1s ease-out; }
#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }
/*-- autoplay controller --*/
#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
.hasAutoplay #pbAutoplayBtn{ display:block; }
#pbAutoplayBtn:hover{ width:60px; height:60px; }
.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; -webkit-transition:.1s ease-out; }
#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
#pbAutoplayBtn.play:before{ content:'\25BA'; }
#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:0.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:0.4s; -ms-transition:0.4s; transition:0.4s; }
#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }
#pbCaption, .hide #pbCaption{ position:absolute; z-index:999; bottom:-110px; width:100%; -webkit-transition:0.4s; transition:0.4s; }
.show.on #pbCaption{ bottom:5px; transition-delay:.5s; -webkit-transition-delay:.5s; }
#pbCaption .title, #pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
#pbCaption .counter{ opacity:.55; }
.pbCaptionText{ -webkit-transition:.3s; transition:.3s; opacity:0.9; font-weight:bold; font-size:.9em; text-shadow:1px 1px 1px rgba(0,0,0,.5); }
.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
#pbOverlay .pbThumbs{ display:none; -webkit-transition:0.35s; transition:0.35s; }
#pbOverlay.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; overflow:hidden; }
#pbCaption .pbThumbs:hover{ clear:both; }
#pbCaption .pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:0.2s; -webkit-transition:0.2s; }
#pbCaption .pbThumbs ul:after{ vertical-align:bottom; }
#pbCaption .pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:0.15s; -webkit-transition:0.15s; }
#pbCaption .pbThumbs li.active{ height:100%; opacity:1; }
#pbCaption .pbThumbs li:hover{ height:100%; opacity:1; }
#pbCaption .pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; }
#pbCaption .pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
#pbCaption .pbThumbs li:hover a{ }
#pbCaption .pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:0.15s; -webkit-transition:0.15s; }
#pbCaption .pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
#pbCaption .pbThumbs li.fast a img{ transition:none; -webkit-transition:none; }
#pbCaption .pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }
#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; -webkit-transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; cursor:pointer; }
#pbOverlay.hasArrows .prevNext{ display:block; }
#pbOverlay.on .prevNext:hover{ opacity:.5; }
#pbOverlay.on .prevNext:active{ transition:80ms; opacity:1; text-shadow:0 0 16px #FFF, 0 0 10px #000; }
.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; -webkit-transition:.2s ease-in; }
.prevNext:hover b{ transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); -webkit-transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); }
#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
/* */
#pbPrevBtn b:before, #pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }
#pbPrevBtn b:before{ content:'\2039'; }
#pbNextBtn b:after{ content:'\203A'; }
/* */
#pbOverlay.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
#pbOverlay.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }
#pbOverlay.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{ }
#pbOverlay.show #pbPrevBtn{ left:0; text-align:left; }
#pbOverlay.show #pbNextBtn{ right:0; text-align:right; }
/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px){
#pbOverlay .wrapper img, #pbOverlay.hide .wrapper img.prepare{ max-height:100%; }
#pbOverlay.thumbs .wrapper{ padding:0; margin:0; }
#pbOverlay .pbThumbs{ margin-bottom:-60px; }
#pbOverlay .pbThumbs.show{ margin:0; }
#pbCaption .pbThumbs ul{ height:50px; }
#pbCaption .pbThumbs li{ height:100%; opacity:1; }
#pbCaption .pbThumbs li img{ min-height:96.5%; }
}
/* fix for Chrome */
@media all and (max-width:710px){
#pbCaption .pbThumbs li.active a img{ min-height:96%; }
}
/* _lib/file-tree/jqueryFileTree.css */
UL.jqueryFileTree {
/*font-family: Verdana, sans-serif;*/
font-size: 16px;
line-height: 30px;
padding: 0px;
margin: 0px;
}
UL.jqueryFileTree i.fa{font-size: 24px; margin-right:15px;}
UL.jqueryFileTree LI {
list-style: none;
padding: 0px;
margin: 0px;
white-space: nowrap;
}
UL.jqueryFileTree LI.file{padding: 8px 8px 8px 20px;}
UL.jqueryFileTree A {
color: #333;
text-decoration: none;
display: block;
padding: 8px 8px 8px 20px;
}
UL.jqueryFileTree a:hover{
background: #F2F2F2;
}
UL.jqueryFileTree LI UL{
padding-left:20px;
}
UL.jqueryFileTree .fdownload a:hover{background: #FFFFFF;}
UL.jqueryFileTree .tbl-display>div{display: table; width:100%;}
UL.jqueryFileTree .tbl-display>div>span{display: table-cell;}
UL.jqueryFileTree .fname{ }
UL.jqueryFileTree .fsize{text-align: right; padding-right:20px;}
UL.jqueryFileTree .fdownload{width:20px; text-align: center; }
UL.jqueryFileTree .fdownload a{padding:0px;}
UL.jqueryFileTree .fdel{width:20px; text-align: center; }
UL.jqueryFileTree .fdel i{cursor: pointer;}
/* Core Styles */
/*.jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; }*/
/* File Extensions*/
/*.jqueryFileTree LI.ext_3gp { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(images/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url(images/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(images/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(images/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(images/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url(images/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(images/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(images/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(images/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url(images/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(images/zip.png) left top no-repeat; }*/
/* _lib/jquery.selectBoxIt.js/src/stylesheets/jquery.selectBoxIt.css */
/*
* jquery.selectBoxIt.css 3.8.1
* Author: @gregfranko
*/
/*
Common CSS Properties
---------------------
These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
position: relative;
display: inline-block;
vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
font: 14px Helvetica, Arial;
/* Prevents text selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
outline: none;
white-space: nowrap;
}
/* Button */
.selectboxit-container .selectboxit {
width: 220px; /* Width of the dropdown button */
cursor: pointer;
margin: 0;
padding: 0;
border-radius: 6px;
overflow: hidden;
display: block;
position: relative;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
height: 30px; /* Height of the drop down */
line-height: 30px; /* Vertically positions the drop down text */
display: block;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: default;
}
/* Button Text */
.selectboxit-text {
text-indent: 5px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.selectboxit .selectboxit-option-icon-container {
margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 100%; /* Minimum Width of the dropdown list box options */
*width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
z-index: 9999999999999;
border-radius: 6px;
text-align: left;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor{
padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
text-indent: 5px; /* Horizontal Positioning of the select box option text */
margin: 0;
list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
/* Positions the down arrow */
width: 30px;
position: absolute;
right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
/* Horizontally centers the down arrow */
margin: 0 auto;
position: absolute;
top: 50%;
right: 0;
left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
float: left;
}
.selectboxit-container .selectboxit-option-icon {
margin: 0;
padding: 0;
vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
width: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
height: 100%;
background-position: center;
float: left;
}
.selectboxit-rendering {
display: inline-block !important;
*display: inline !important;
zoom: 1 !important;
visibility: visible !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
/*
Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
color: #333333;
background-color: #e6e6e6;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
}
.selectboxit-default-arrow {
width: 0;
height: 0;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.selectboxit-list {
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list .selectboxit-option-anchor {
color: #333333;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
color: #ffffff;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
background-image: -o-linear-gradient(top, #0088cc, #0077b3);
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
color: #999999;
}