@font-face { 	font-family: "simple-line-icons"; 	font-style: normal; 	font-weight: normal; 	src: url(/uploads/155/simple-line-icons.eot) format("embedded-opentype"), url(/uploads/155/simple-line-icons.ttf) format("truetype"), url(/uploads/155/simple-line-icons.woff2) format("woff2"), url(/uploads/155/simple-line-icons.woff) format("woff"), url(/uploads/155/simple-line-icons.svg) format("svg"); } a:active, a:focus { outline: 0px none; } img { border: medium none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; } body { line-height: 1.2em; font-family: Tahoma,Geneva,sans-serif; font-size: 1em; color: rgb(51, 51, 51); margin: 0px ! important; } ol, ul { list-style: outside none none; } h1, h2, h3, h4, h5 { margin: 0px 0px 4%; text-align: center; } h1 { font-size: 1.7em; color: rgb(4, 96, 43); font-family: "Roboto",Arial,Helvetica,sans-serif; line-height: 1.2em; font-weight: normal; } h3 { font-size: 1.5em; color: rgb(4, 96, 43); font-family: "Roboto",Arial,Helvetica,sans-serif; line-height: 1.2em; font-weight: normal; } p { color: rgb(51, 51, 51); font-size: 1em; margin-bottom: 30px; text-align: justify; } a { text-decoration: none; color: rgb(217, 110, 46); } a:hover { text-decoration: none; color: rgb(64, 139, 57); } .header-wrapper { background: rgb(28, 99, 57) url(/uploads/155/header-bg.jpg) repeat-x scroll center top; border-bottom: 10px solid rgb(15, 87, 46); width: 100%; height: 130px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .header-text { background: transparent url(/uploads/155/m-logo.png) no-repeat scroll right top; width: 100%; max-width: 1050px; height: 125px; margin: 0px auto; padding-top: 5px; } .logo { background: transparent url(/uploads/155/logo1.png) no-repeat scroll center top; width: 240px; height: 94px; display: block; color: rgb(255, 198, 0); text-shadow: 1px 1px 1px rgb(0, 0, 0); text-align: center; letter-spacing: 1px; font-size: 1.1em; position: relative; margin: 0px 10px; } .logo:hover { background: transparent url(/uploads/155/logo1.png) no-repeat scroll center bottom; color: rgb(239, 149, 255); }  .wrapper { width: 100%; max-width: 1050px; margin: 0px auto; padding: 10px 0px 0px; } .container { width: 74.5%; float: right; } .container1 { padding: 1.4%; border: 1px solid rgb(204, 204, 204); border-radius: 10px; background-color: rgb(255, 255, 255); margin-bottom: 10px; }  .mainpopular { margin-bottom: 20px; } .mainpopular span, .mainaroundtheworld span { background-color: rgb(255, 255, 255); padding: 0px 10px; display: block; } .mainpopular img, .itemslots img { max-width: 232px; width: 100% ! important; } .mainpopular a { color: rgb(85, 54, 10); font-weight: bold; margin-bottom: 10px; } .mainpopular a:hover { color: rgb(227, 115, 0); opacity: 0.9; } .clear { clear: both; } /*img { width: 100%; }*/ @media screen and (max-width: 1090px) { 	.wrapper { width: 98%; } } @media screen and (max-width: 1030px) { 	.container .mainpopular ul li, .container .mainaroundtheworld ul li, .itemslots { width: 31%; padding: 0px 1%; } } @media screen and (max-width: 900px) { } @media screen and (max-width: 900px) { } @media screen and (max-width: 850px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { 	.logo { margin: 0px auto; } 	.container { width: 100%; float: none; } 	.header-text { background: transparent url(/uploads/155/m-logo.png) no-repeat scroll center top; } } @media screen and (max-width: 670px) { } @media screen and (max-width: 600px) { 	.container1 { padding: 2%; } } @media screen and (max-width: 520px) { } @media screen and (max-width: 500px) { 	.container1 { padding: 3%; } 	.mainpopular span { margin-top: 10px; } 	.container .mpmg1 ul li:nth-child(4) { clear: both; } } @media screen and (max-width: 400px) { 	p { text-align: left; } 	.container .mpmg1 ul li:nth-child(4) { clear: none; } } @media screen and (max-width: 350px) { } @media screen and (max-width: 300px) { } @media screen and (max-width: 250px) { } @media only screen and (max-width: 1024px) { 	img, video, object { max-width: 100% ! important; height: auto ! important; width: initial ! important; } }  a:active, a:focus { outline: 0px none; } img { border: medium none; } #k2Container { padding: 0px 0px 24px; }  div.itemListCategoriesBlock {  } div.itemListCategory { background: rgb(247, 250, 254) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); margin: 4px 0px; padding: 8px; } div.itemListCategory p {  } div.itemList {  } div.itemContainer {  } div.catItemBody { padding: 8px 0px; margin: 0px; } .lazy-loaded { transition: opacity 0.3s ease 0s; opacity: 1; }  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, del, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align: baseline; background: transparent none repeat scroll 0% 0%; } body { line-height: 1.2em; font-family: Tahoma,Geneva,sans-serif; font-size: 1em; color: rgb(51, 51, 51); margin: 0px ! important; } ol, ul { list-style: outside none none; } h1, h2, h3, h4, h5 { margin: 0px 0px 4%; text-align: center; } h1 { font-size: 1.7em; color: rgb(4, 96, 43); font-family: "Roboto",Arial,Helvetica,sans-serif; line-height: 1.2em; font-weight: normal; } h2 { font-size: 1.5em; color: rgb(4, 96, 43); font-family: "Roboto",Arial,Helvetica,sans-serif; line-height: 1.2em; font-weight: bold; } h3 { font-size: 1.5em; color: rgb(4, 96, 43); font-family: "Roboto",Arial,Helvetica,sans-serif; line-height: 1.2em; font-weight: normal; } p { color: rgb(51, 51, 51); font-size: 1em; margin-bottom: 20px; margin-top: 10px; text-align: justify; } a { text-decoration: none; color: rgb(217, 110, 46); } a:hover { text-decoration: none; color: rgb(64, 139, 57); } .header-wrapper { background: rgb(28, 99, 57) url(/uploads/155/header-bg.jpg) repeat-x scroll center top; border-bottom: 10px solid rgb(15, 87, 46); width: 100%; height: 130px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .header-text { background: transparent url(/uploads/155/m-logo.png) no-repeat scroll right top; width: 100%; max-width: 1050px; height: 125px; margin: 0px auto; padding-top: 5px; } .logo { background: transparent url(/uploads/155/logo1.png) no-repeat scroll center top; width: 240px; height: 94px; display: block; color: rgb(255, 198, 0); text-shadow: 1px 1px 1px rgb(0, 0, 0); text-align: center; letter-spacing: 1px; font-size: 1.1em; position: relative; margin: 0px 10px; } .logo:hover { background: transparent url(/uploads/155/logo1.png) no-repeat scroll center bottom; color: rgb(239, 149, 255); }  .mainmenu1 ul li a img { width: auto; max-width: 100%; height: auto; } .mainmenu1 .menu img { float: left; margin-right: 10px; max-width: 35px; height: auto; display: block; margin-top: -5px; margin-left: -7px; } .wrapper { width: 100%; max-width: 1050px; margin: 0px auto; padding: 10px 0px 0px; } .container { width: 74.5%; float: right; } .container1 { padding: 1.4%; border: 1px solid rgb(204, 204, 204); border-radius: 10px; background-color: rgb(255, 255, 255); margin-bottom: 10px; } .cantainercategory { padding: 20px; } .npd1 { margin-top: -23px; }  .mainpopular { margin-bottom: 20px; } .mainpopular span, .mainaroundtheworld span { background-color: rgb(255, 255, 255); padding: 0px 10px; display: block; } .mainpopular img, .itemslots img { max-width: 232px; width: 100% ! important; } .mainpopular a { color: rgb(85, 54, 10); font-weight: bold; margin-bottom: 10px; } .mainpopular a:hover { color: rgb(227, 115, 0); opacity: 0.9; } .clear { clear: both; } .itemslots { width: 33.3%; float: left; text-align: center; margin-bottom: 20px; min-height: 180px; } img { width: 100%; } .sidebarleft { width: 22%; margin-right: 1%; padding: 1%; border: 1px solid rgb(204, 204, 204); border-radius: 10px; background-color: rgb(255, 255, 255); float: left; margin-bottom: 10px; } .mainmenu1 .nazv1 { margin-bottom: 0px; } .mainmenu1 ul { border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); } .mainmenu1 ul li { border-bottom: 1px solid rgb(204, 204, 204); } .mainmenu1 ul li a { padding: 10px 2% 10px 10px; display: block; color: rgb(51, 51, 51); } .mainmenu1 ul li a:hover { color: rgb(101, 43, 43); } .mainmenu1 ul li:hover { background: rgb(243, 242, 242) none repeat scroll 0% 0%; } .widget { margin-bottom: 30px; } .nazv1 { background: rgb(222, 222, 222) url(/uploads/155/nazv1.jpg) repeat-x scroll center top; display: block; color: rgb(8, 65, 33); font-size: 1.2em; font-family: "Roboto",Arial,Helvetica,sans-serif; padding: 10px 1%; text-align: center; border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }  .footer-wrapper { width: 100%; background-color: rgb(37, 133, 77); border-top: 10px solid rgb(15, 87, 46); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); } .footer-container { width: 100%; max-width: 1050px; padding: 10px 0px; margin: 0px auto; } .footerleft { width: 40%; float: left; margin-right: 2%; } .footerw2 { width: 30%; float: left; } .footerw2 img { max-width: 100%; height: auto; width: auto; } .s18 { border-radius: 30px; padding: 16px 8px; background-color: rgb(8, 65, 33); color: rgb(255, 255, 255); font-weight: bold; float: left; margin-right: 10px; font-size: 1.1em; }  .footerright { width: 28%; float: right; text-align: right; } .footerright ul {  } .footerright ul li { display: inline; padding: 0px 10px; border-left: 1px solid rgb(255, 255, 255); font-size: 0.9em; } .footerright ul li:first-child { border-left: medium none; } .footerright ul li a { color: rgb(255, 255, 255); } .footerright ul li a:hover { color: rgb(232, 183, 6); } .footertext { width: 96%; background-color: rgb(11, 91, 46); text-align: center; padding: 10px 2%; color: rgb(255, 255, 255); font-size: 0.9em; } .footertext p { padding: 0px; margin: 0px; text-align: center; color: rgb(255, 255, 255); } @media screen and (max-width: 1090px) { 	.wrapper { width: 98%; } 	.footer-container { width: 98%; } } @media screen and (max-width: 1030px) { 	.container .mainpopular ul li, .container .mainaroundtheworld ul li, .itemslots { width: 31%; padding: 0px 1%; } } @media screen and (max-width: 900px) { } @media screen and (max-width: 900px) { 	.itemslots { min-height: 180px; } } @media screen and (max-width: 850px) { } @media screen and (max-width: 820px) { } @media screen and (max-width: 767px) { 	.logo { margin: 0px auto; } 	.container { width: 100%; float: none; } 	.sidebarleft { width: 98%; float: none; margin: 0px auto 10px; } 	.header-text { background: transparent url(/uploads/155/m-logo.png) no-repeat scroll center top; } 	.footerw2 { float: none; width: 100%; text-align: center; clear: both; margin: 0px auto; padding-top: 10px; } 	.footerleft { float: none; width: 98%; text-align: center; margin: 0px auto; max-width: 300px; } 	.footerright { float: none; width: 98%; text-align: center; margin: 0px auto 20px; } } @media screen and (max-width: 700px) { } @media screen and (max-width: 700px) { } @media screen and (max-width: 670px) { } @media screen and (max-width: 600px) { 	.footerright { float: none; width: 98%; text-align: center; margin: 0px auto 20px; } 	.footerleft { float: none; width: 98%; text-align: center; margin: 0px auto; max-width: 300px; } 	.container1 { padding: 2%; } 	.sidebarleft { padding: 2% 2% 0px; width: 96%; } } @media screen and (max-width: 520px) { } @media screen and (max-width: 500px) { 	.itemslots { width: 98%; float: none; margin-bottom: 30px; min-height: 10px; } 	.container1 { padding: 3%; } 	.mainpopular span { margin-top: 10px; } 	.container .mpmg1 ul li:nth-child(4) { clear: both; } } @media screen and (max-width: 400px) { 	p { text-align: left; } 	.container .mpmg1 ul li:nth-child(4) { clear: none; } 	.container .mpmg1 ul li:nth-child(2n+3) { clear: both; } } @media screen and (max-width: 350px) { } @media screen and (max-width: 300px) { 	.s18 { margin: 0px 40% 10px; clear: both; width: 20%; } 	.footercasinolist ul { width: 100%; } 	.footercasinolist ul li { float: left; padding: 0px 5px; width: 33.3%; box-sizing: border-box; text-align: center; } } @media screen and (max-width: 250px) { } @media only screen and (max-width: 1024px) { 	img, video, object { max-width: 100% ! important; height: auto ! important; width: initial ! important; } 	#sbox-window { height: initial ! important; } } @media only screen and (max-width: 640px) { }