/*

Theme Name: ProBetAdvisers.com

Author: LetsGoZebra WordPress Team

*/

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');
html {font-family: 'PT Sans Narrow', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
html, body {margin:0;padding:0;height:100%;background: #c7ced5;}
@media(max-width:1024px){
html{margin-top: 0 !important;}	
}
@media(max-width: 1024px){
html, body{font-size:26px; line-height:34px}
#wpadminbar{display:none;}
}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*, *:before, *:after {box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.reset-box-sizing,
.reset-box-sizing *,
.reset-box-sizing *:before,
.reset-box-sizing *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

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

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;zoom: 1; }
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.container{margin:0 auto;width:100%; max-width:600px;}
body > .container{overflow: hidden; background:#FFFFFF;}

.col-12{width:100%;}
.col-9{width:75%; float:right;}
.col-6{width:50%; float:left;}
.col-3{width:calc(25% - 30px); margin-right:30px;float:left;}
@media(max-width: 768px){
.col-9{width:100%;float:none; margin:0 auto;}
.col-6{width:100%;float:none; margin:0 auto;}
.col-3{width:100%;float:none; margin:0 auto;}
}

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

h1{font-size:32px; line-height:32px; clear:both; margin:10px 0 10px; padding:0; font-weight: 700;}
h2, h3{background:#000000; font-size:21px; line-height: 24px; color:#FFFFFF; font-weight: 400;clear:both; margin:0 0 0; height:40px; padding:7px 5px 5px 11px;}
h4, h5{font-size:21px; line-height:24px; clear:both; margin:0 0 5px; padding:0;font-weight: 700;}

@media(max-width:768px){
h2{font-size:32px; line-height:32px; min-height: 50px;height: auto;}
}
/*BUTTON*/
.button{width:100%; height:45px; text-align:center;color:#FFFFFF; }
.button a > div{display:table;height: 45px;width: 100%;}
.button a > div > div{display:table-cell; vertical-align:middle; text-align:center;width: 100%;}
.button.gold{background:#266aae;}
.button.gold:hover{background:#0b4984;}
.button.orange{background:#ffac00;}
.button.orange:hover{background:#ff8f00;}
.button.green{background:#1e9c4e;}
.button.green:hover{background:#1e9c4e;}
.button.blue{background:#00bdec;}
.button.blue:hover{background:#00bdec;}
.button.black{background:#262626;}
.button.black:hover{background:#000000;}
.button.grey{background:#8891a8;}
.button.grey:hover{background:#8891a8;} 
.button.yellow{background:#ffe100;}
.button.yellow:hover{background:#ffc000;} 

.button a{cursor:pointer;display:block; color:#FFFFFF; text-decoration:none; width:100%; height:100%;font-size:18px; line-height:21px; text-transform: uppercase; font-style:normal; font-weight:400;}
.button.yellow a{ color:#000000;}
@media(max-width: 580px){
.button{height:60px;}
.button a > div{height: 60px;}	
.button a{font-size:21px; line-height:23px;}
}


.displaytable{display:table;height: 100%;width: 100%;}
.displaytablecell{display:table-cell; vertical-align:middle; text-align:center;width: 100%;}

.entry-content{font-size:16px; line-height:26px;}

.entry-content a{color:#000000;}
.entry-content ul:not(.options-list){padding:10px 20px 10px 30px; margin:20px 20px 10px 0;float:none; display:inline-block;color: #000000; width: 60%; list-style: inside;}
.entry-content ul li a{color:#FFFFFF;}
.entry-content p{margin:0 0 5px; padding:20px 0 0;}
.entry-content p:first-of-type{padding:0;}
.entry-content blockquote{font-size: 21px;font-style: italic;text-align: center;padding: 0px 40px;}
.review .entry-content h2, .entry-content h3, .entry-content h4{display:block;clear: none;}
.banner{margin:40px 0 0;}
.banner img{width:100%;}

@media(max-width:768px){
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5{font-size:28px;line-height: 28px;}
.entry-content ul:not(.options-list){width: 100%;}

}

.alignright{float:right; margin:0 0 10px 10px;}
.alignleft{float:left; margin:10px 10px 0 0;}
.aligncenter{text-align:center; clear:both; display:block; margin:20px auto;width:100%; height:auto;}
@media(max-width:768px){
	.alignright, .alignleft, .aligncenter{float:none; margin:20px auto; display:block;width:100%;}
	.entry-content ul{width:100%;}
}
@media(max-width:1190px){
	header nav.main-menu li {float: left;margin: 0 10px;}
	header nav.main-menu li a {color: #FFFFFF;text-decoration: none;font-size: 14px;}
}
/*CONTENT*/
body > .container {width: 100%;max-width: 600px;margin: 0 auto;background:#FFFFFF;}
body.admin-bar  > .container{}
@media (max-width: 768px) {
body > .container, header .container{padding: 0 20px;}
}

main{padding:20px 10px;margin-top: 60px;}


/* Styling the toggle menu link and hiding it */
.nav .navtoogle {display: none;padding: 0;background: #eb3245;height: 70px;width: 70px;margin: 0;list-style: none;font-size: 24px;text-align: center; border:none;font-weight: 300;font-family: 'Montserrat', sans-serif;line-height: 0;text-transform: uppercase;outline:none;position: absolute;top: 0;left: 0;color:#FFFFFF;}
.nav .navtoogle:before {content: '\2630';padding: 0;font-size: 2.2em;line-height: 1.1em;color:#FFFFFF;}	

.nav li {margin: 0;display: block;text-align: center; }
.nav a {padding: .8em 1.2em .8em;}
.nav .navtoogle {margin: 0;display: block;cursor:pointer;}
.nav ul {max-height: 0em;overflow: hidden;}
.nav .active + ul {max-height: 30em;overflow: hidden;-webkit-transition: max-height 0.4s;-moz-transition: max-height 0.4s;-o-transition: max-height 0.4s;-ms-transition: max-height 0.4s;transition: max-height 0.4s;}
header nav{float:none;}

/*TOP MENU*/
body > header{top: 0px; left: 0px; width: 100%; z-index: 999; height:70px;    position: fixed;}
body > header nav{float: right;margin-top: 17px;}
body > header .navbar-brand{margin: 0 0 0 90px;}
body.admin-bar header{top:32px;}
header nav.main-menu ul{list-style:none; padding:0; margin:0;}
header nav.main-menu li{float:left; margin:0 15px;}
header nav.main-menu li a{color:#FFFFFF; text-decoration:none;font-size:18px}
header nav.main-menu li.current_page_item a{background:#dd3347; border-radius:4px; padding:10px 15px;}
.navbar-header{position:relative;background:#dd3347;height: 70px;}
header nav.main-menu ul{display: block; height: 100%;z-index: 9999;position: relative;top: 55px;}
header nav.main-menu li a{font-size:21px}
header nav{margin-top: 15px; margin-right:0;background:#2a2a2a; width:100%;}
header nav.main-menu li{float:none; margin:0; width:100%; background:#2a2a2a;}	
header nav.main-menu li.current_page_item a{border-radius:0; }
header nav.main-menu a{width: 100%;display: block;}
header .banner{position: absolute;top: 5px;right: 20px; margin:0; text-align: center; color:#FFFFFF; font-size:18px; line-height: 25px;}
header .top-offer span{color:#ffd400; font-size:30px;}
@media(max-width: 768px){
	header .container{padding:0;}
	body.admin-bar header{top:0;}
}
@media(max-width: 320px){
	header .banner{display:none;}	
}

.bookmaker-box h2{background:#2c3137; font-size:21px; line-height: 32px; color:#FFFFFF; font-weight: 400;}

.nav .navtoogle:before {    content: '\2630';    padding: 0; font-size: 2.2em;    line-height:0;    color: #FFFFFF;}

.bookmaker-box .bookie{padding: 20px 0;overflow: hidden;position: relative;}
.bookmaker-box .logo{width:22%; float: left;}
.bookmaker-box .logo a img{width:100%; display: block;}
.bookmaker-box .info{width:58%; float: left; padding: 0 15px;}
.bookmaker-box .info .name{float:left; width:50%; font-size:30px;line-height: 22px;}
.bookmaker-box .info .rating{float:left; width:50%;}
.bookmaker-box .info .rating img{width:100%;}
.bookmaker-box .info ul{clear:both; font-size:18px;line-height: 20px;}
.bookmaker-box .info ul li{background:url(images/checkmark.png) 0 3px no-repeat;padding-left: 25px;height: 26px;}
.bookmaker-box .screenshot{width:20%; float: left;height: 182px;overflow: hidden;}
.bookmaker-box .screenshot img{width:100%;}
.bookmaker-box .app-icons{height:55px; width:100%; background-color:#2c3137;text-align: center;}
.bookmaker-box .app-icons img{margin:12px 5px;}
@media(max-width: 580px){
	.bookmaker-box .bookie{height:350px;}
	.bookmaker-box .logo{display:none;}
	.bookmaker-box .screenshot{width:42%; height:100%;}
	.bookmaker-box .info ul{clear:both; font-size:21px;line-height: 24px;}
	.bookmaker-box .info ul li{height:auto; margin-bottom:5px;}
	.bookmaker-box .button{position: absolute; bottom:20px; width:52%;}
	.bookmaker-box .info .rating{width:70%; clear: both; margin:5px 0;}
}


.livestream-matches .matches{background:#dd3347; overflow: hidden; color:#FFFFFF; padding: 20px;}
.livestream-matches .image img{margin:0;}
.livestream-matches h2 {background: #2c3137;font-size: 21px;line-height: 32px;color: #FFFFFF;font-weight: 400;}
.livestream-matches .band img, .livestream-matches .image img{display: block;}
.livestream-matches .band{overflow:hidden;}
.livestream-matches .matches ul{clear:both;}
.livestream-matches .matches li{margin-bottom:15px;font-size: 21px;line-height: 21px;}
.livestream-matches .matches li:first-of-type{float:left;width:60%;}
.livestream-matches .matches li:nth-of-type(2){float:left;width:40%; text-align: right;}
.livestream-matches .matches li:nth-of-type(2) a{color: #ffd400;}

.bookmakers-list{overflow: hidden;}
.bookmakers-list ul:not(.headers) li > div{display:table; height:70px;width: 100%;}
.bookmakers-list ul:not(.headers) li > div > div{display:table-cell;vertical-align: middle;}
.bookmakers-list ul{clear:both; font-size:18px;}
.bookmakers-list h2{background:#dd3347;}
.bookmakers-list ul.headers{background:#2c3137; height:40px; color:#FFFFFF; padding: 10px;}
.bookmakers-list ul li{float:left; text-align: center;line-height: 16px;}
.bookmakers-list ul li:nth-of-type(1){width:25%; text-align: left;}
.bookmakers-list ul li:nth-of-type(2){width:10%;}
.bookmakers-list.app ul li:nth-of-type(2){width:20%; padding: 0 10px;}
.bookmakers-list ul li:nth-of-type(3){width:25%; padding: 0 10px;}
.bookmakers-list ul li:nth-of-type(4){width:25%;}
.bookmakers-list.app ul li:nth-of-type(4){padding: 0 10px;}
.bookmakers-list ul li:nth-of-type(5){width:15%; }
.bookmakers-list ul li:nth-of-type(1) img{width:45px; height: auto; float: left;}
.bookmakers-list ul li:nth-of-type(1) span{padding: 13px 0 0 10px;float: left;}
.bookmakers-list ul li:nth-of-type(3) img{width:100%;}
.bookmakers-list.app ul li:nth-of-type(3){background-color: #2c3137; width:15%;}
.bookmakers-list.app ul li:nth-of-type(3) img{width:auto; margin:0 5px;}
.bookmakers-list ul li:nth-of-type(5) a{color:#000000;font-size:14px;}
@media(max-width: 580px){
	.bookmakers-list ul.headers{padding: 12px 5px;}
	.bookmakers-list ul li:nth-of-type(1) img {width: 55px;}
	.bookmakers-list ul li:nth-of-type(1){width:20%;}
	.bookmakers-list.app ul li:nth-of-type(1){width:16%;}
	.bookmakers-list ul li:nth-of-type(1) span{display:none;padding: 6px 0 0 10px;}
	.bookmakers-list ul li:nth-of-type(2){width:35%;}
	.bookmakers-list.app ul li:nth-of-type(2){width:24%;}
	.bookmakers-list ul li:nth-of-type(3){display:none}
	.bookmakers-list.app ul li:nth-of-type(3) img {width: calc(50% - 10px);float: left;}
	.bookmakers-list.app ul li:nth-of-type(3){display:block;width: 20%;}
	.bookmakers-list ul li:nth-of-type(4){width:27%;}
	.bookmakers-list ul li:nth-of-type(4) .button a{font-size:16px;}
	.bookmakers-list ul li:nth-of-type(4) .button, .bookmakers-list ul li:nth-of-type(4) .button > a > div{height:40px;}
	.bookmakers-list.app ul li:nth-of-type(5){width: 13%;}
}

.bookmakers-simple h2{background:#dd3347;}
.bookmakers-simple{background:#2c3137; overflow: hidden; color:#FFFFFF; color:#FFFFFF;}
.bookmakers-simple .bookie{float:left; width:50%;padding: 10px; }
.bookmakers-simple .logo{float:left; width:50%; overflow: hidden; height: 150px;}
.bookmakers-simple .logo img{width:100%; height: auto; margin:0 auto;}
.bookmakers-simple .info{float:left; width:50%; text-align: center; font-size:26px; line-height: 26px; font-weight: 700; padding:0 10px;}
.bookmakers-simple .info > div{display:table; height:150px;}
.bookmakers-simple .info > div > div{display:table-cell;vertical-align: middle;}
.bookmakers-simple .rating img{width:100%;}
@media(max-width: 580px){
	.bookmakers-simple .logo{height: auto;}
	.bookmakers-simple .info > div{height:auto;}
}

.single-bookmakers h1{margin:0 0 5px; padding:0;}
.single-bookmakers .bookie{padding:0 0 20px 0;overflow: hidden;position: relative;}
.single-bookmakers .logo{width:22%; float: left;position: relative;}
.single-bookmakers .logo a img{width:100%; display: block;}
.single-bookmakers .info{width:58%; float: left; padding: 0 15px;}
.single-bookmakers .info .name{float:left; width:50%; font-size:30px;line-height: 22px;}
.single-bookmakers .info .rating{float:left; width:50%;}
.single-bookmakers .info .rating img{width:100%;}
.single-bookmakers .info ul{clear:both; font-size:18px;line-height: 20px;padding-top: 8px;}
.single-bookmakers .info ul li{background:url(images/checkmark.png) 0 3px no-repeat;padding-left: 25px;height: 23px;}
.single-bookmakers .info .button{margin-top:6px;}
.single-bookmakers .screenshot{width:20%; float: left;height: auto;overflow: hidden;}
.single-bookmakers .screenshot img{width:100%;}
.single-bookmakers .app-icons{height:78px; width:100%; background-color:#2c3137;text-align: center;}
.single-bookmakers .app-icons img{margin:40px 5px;}
.single-bookmakers .rating{position:absolute; bottom:45px; left:0; width: 100%;}
.single-bookmakers .rating img{width:calc(100% - 20px); margin-left: 10px;}
.single-bookmakers .anchor { position: relative; top: -100px; }
.single-bookmakers .anchor-menu{background:#dd3347;}
.single-bookmakers .anchor-menu a{width:100%; display:block; text-align: center; color:#FFFFFF; }
.single-bookmakers section{margin-bottom:30px;}
.single-bookmakers .anchor-menu nav > div{height:60px; display: table; text-align: center; width:110px; float:left;}
.single-bookmakers .anchor-menu nav > div > div{display: table-cell; vertical-align: middle;}
.single-bookmakers .anchor-menu nav a{line-height: 16px; font-size:14px; text-decoration: none; }
.single-bookmakers .section-img{margin:20px auto 0;}
@media(max-width: 580px){
	.single-bookmakers h1{font-size: 38px;line-height: 42px;}
	.single-bookmakers .bookie{height:auto;}
	.single-bookmakers .logo{display:none;}
	.single-bookmakers .screenshot{height:100%;width: 100%; margin-top:20px;}
	.single-bookmakers .screenshot img{width:100%;}
	.single-bookmakers .info{padding:0;width: 100%;}
	.single-bookmakers .info ul{clear:both; font-size: 28px;line-height: 32px;padding-top: 3px;}
	.single-bookmakers .info ul li{height:auto; margin-bottom:10px;padding-left: 20px;}
	.single-bookmakers .button{bottom:20px;position: static;width: 100%;}
	.single-bookmakers .info .rating{width:70%; clear: both; margin:5px 0;}
	.single-bookmakers .anchor-menu nav > div{height:50px; display: table; text-align: center; width:100%;}
	.single-bookmakers .anchor-menu nav > div > div{display: table-cell; vertical-align: middle;}
	.single-bookmakers .anchor-menu nav a{line-height: 30px; font-size:20px; }
}

.breadcrumb ol{margin:0; padding:0; list-style: none;}
.breadcrumb li{float:left; margin:0 5px; font-size: 12px;}

.live-streaming .how-livestream{}
.live-streaming .how-livestream ul{margin-top: 10px;}
.live-streaming .how-livestream ul div{float:left; height:30px; width:30px; border-radius: 15px; background:#06815e; color:#FFFFFF; font-size:16px; line-height: 28px; text-align: center; position: absolute; top: 0; left:0;}
.live-streaming .how-livestream ul li{padding-left:40px;position:relative; border-bottom:1px solid #d7d7d7;padding: 0 0 10px 40px;margin-bottom: 10px;line-height: 21px;font-size: 16px;}
.live-streaming .how-livestream .button.yellow{width:93%;}
.live-streaming .why-livestream{clear:both; padding-top: 10px; padding-bottom: 20px;}
.live-streaming .why-livestream .box ul{padding:20px 10px 10px;color:#FFFFFF; float: left;}
.live-streaming .why-livestream .box ul li{background:url(images/checkmark-yellow.png) top left no-repeat; padding-left:25px;line-height: 21px;padding-bottom: 6px;}
.live-streaming .why-livestream .box{background:#06815e; overflow: hidden;}
.live-streaming .why-livestream .box img{float:left; margin-right: 10px;}
.live-streaming .why-livestream .button.yellow{margin-top:10px;}
@media(max-width: 768px){
	.live-streaming .how-livestream img{width:100%;}
	.live-streaming .how-livestream .button.yellow{width:100%; margin-bottom:20px;}
	.live-streaming .why-livestream .box{text-align: center;}
	.live-streaming .why-livestream .box img{margin: 0 auto; padding-top: 10px; float:none;}
	.live-streaming .why-livestream .box ul{text-align:left;}
	.live-streaming .why-livestream .box ul li{line-height: 28px;padding-bottom:30px;}
	
	.live-streaming .how-livestream ul li{line-height: 36px;font-size: 28px;}
}

.guides li{width:100%;margin: 0 0 10px;}
.guides li img{width:100%; height:auto;}
.guides li .header a{color:#000000; font-size: 18px; }
@media(max-width: 580px){
	.guides li{width:100%; margin:20px 0; float:none;}
}

.single-post .image img{width:50%;}
.single-post .image .alignleft{float:left; margin: 0 20px 10px 0}

footer .robots-nocontent{font-size:12px; line-height: 14px; padding: 10px; color:#FFFFFF; text-align: center;}
footer .robots-nocontent img{margin:0 auto 10px; display: block;}

footer{background:#dd3347; min-height: 100px;}

/*POPUPS*/
.popup.outer{position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.popup .content{height:auto; width:700px; position:fixed;left:calc(50% - 350px); top:calc(50% - 250px); background:#FFFFFF; border-radius:8px; padding:20px; z-index:9999;}
.popup .content .close-popup, .close-regulated-popup{top: -15px;right: -15px;position: absolute; cursor:pointer;}
@media(max-width: 768px){
.popup .content{height:auto; width:calc(100% - 40px); left: 20px;}
}
@media(max-width: 580px){
.popup .content{height:auto; width:calc(100% - 40px); left: 20px; top: 20px;}	
.popup .content .close-popup, .close-regulated-popup {top: 10px;right: 10px;position: absolute;cursor: pointer;z-index: 999;}
}
@media(min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
.popup{display:none !important;}	
}	

.popup.default-popup{text-transform: uppercase;}
.popup.default-popup .top{background:#222222;text-align: center;color: #FFFFFF;font-size: 33px;line-height:33px; padding: 25px 15%; height: 115px;}
.popup.default-popup .main{background:#008c71; height: 400px; text-align: center; color:#FFFFFF;font-weight: 700;font-size: 33px;line-height:33px;}
.popup.default-popup .main p{margin:0;}
.popup.default-popup .main img{margin: 20px auto 30px;width: 200px;}
.popup.default-popup .main .freespins{font-size:40px; line-height: 40px;}
.popup.default-popup .main .freespins span{font-size:47px; clear:both;}
.popup.default-popup .main .bonus{margin-top:30px;}
.popup.default-popup .main .button{width: 70%;margin-left: 15%;padding-bottom: 20px; margin-top:20px; height: 55px; background:#fee819;}
.popup.default-popup .main .button a{height: 45px;padding-top: 18px;color: #000000;font-size: 18px;text-shadow:none;font-size:21px;}
@media(max-width: 768px){
	.popup.default-popup .top{font-size: 24px;line-height:24px; height: auto; padding-bottom: 20px;}
	.popup.default-popup .main img{width:80%; max-width:250px;margin: 20px auto 15px;}
	.popup.default-popup .main .freespins{font-size: 24px;line-height:30px;}
	.popup.default-popup .main .freespins span{font-size:30px !important; line-height: 30px;}
	.popup.default-popup .main .bonus{font-size:24px; line-height: 24px;margin-top:15px;}
	.popup.default-popup .main .button{width: 90%;margin-left: 5%;}
	.popup.default-popup .main .button a{font-size: 14px;}
}