@font-face{
    font-family:myfont1;
    src:url(/LatoLatin-BoldItalic.woff1);
}
.head_div{
    width:100%;	
	box-sizing: border-box;
}

    
.b_msg{
	font-family:myfont1;
	font-size:12px;
	box-sizing: border-box;	
	color:#fff;
	margin:6px 0 0 0;
	padding:5px 0;
	text-align:center;
	width:100%;
	background-color:#0033cc;
	margin:8px 0 0 0;
}

@media only screen and (max-width:480px){
    .logo{
        background-size:100% auto;
    }
    .b_msg{		
		font-size:9px;		
	}
}





 

        h1 {
            text-align: center;
            font-size: 13px;
            background-color: #03c;
            color: #fff;
        }

        .heros {
            width: 66.67%;
            float: left;
            background-color: #25a2b8;
            padding: 7px 0;
            font-size: 30px;
        }

        @media only screen and (max-width:480px) {
            .logo {
                background-size: 100% auto;
            }

            .b_msg {
                font-size: 9px;
            }

            .heros {
                width: 66.67%;
                float: left;
                background-color: #25a2b8;
                padding: 12px 0;
                font-size: 22px;
            }
        }

        @media only screen and (max-width:786px) {
            .market-gamename {
                text-align: center;
                margin: auto;
            }

            div#market_name_div {
                text-align: center;
            }
        }

        .i_btn1 {
            padding: 7px 10px;
            color: #fff;
            font-weight: 700;
            font-family: myfont1;
            margin-top: 7px;
            cursor: pointer;
            border-radius: 3px;
        }

        .error {
            color: red;
        }
        .postrule_head1,
	.postrule_head2,
	.read_forum {

		text-align: center;

		font-weight: 700;

	}

	.profile_head,
	.read_forum {

		color: #fff;

		font-family: myfont1;

	}

	.postrule_head1,
	.postrule_head2,
	.profile_head,
	.read_forum {

		font-family: myfont1;

	}



	.comment_box,
	.profile {

		box-shadow: 0 0 10px #b3b3b3;

	}

	.postrule {

		border: 2px solid #039686;

		background-color: #e5fffc;

		margin: 8px 0 0 0;

		float: left;

		width: 100%;

		box-sizing: border-box;

	}

	.postrule_head1 {

		padding: 0px 0 0 0;

	}

	.postrule_head2 {

		font-size: 15px;

	}

	.read_forum {

		font-size: 18px;

		background-color: #039686;

		margin: 0;

		padding: 4px 0 0;

	}

	.profile {

		background-color: #133e8c;

		border: 2px solid #001945;

		text-align: center;

		float: left;

		width: 100%;

		box-sizing: border-box;
		
		padding-top: 5px;

	}





	.profile_user {

		font-size: 20px;

		font-family: myfont1;

		color: #fff;

	}



	.comment_box {

		border: 2px solid #a15001;

		border-radius: 5px;

		float: left;

		margin: 10px 0 0 0;

		width: 100%;

		box-sizing: border-box;

	}



	.quote {

		background-color: #6ff;

		color: red;

		border-width: 1px;

		border-color: #6ff;

		font-weight: 700;

		font-style: italic;

		margin: 1px;

		padding: 10px;

	}



	.profile_head {

		width: 33%;

		margin: 5px 0;

		float: left;

	}

	.profile_head_img {

		float: left;

		margin: 0 0 0 30%;

	}



	.profile_head_menu {

		float: left;

		padding: 8px 0 8px 5px;

		font-size: 20px;

		font-family: myfont1;

		color: #fff;

	}





	@media only screen and (max-width:480px) {

		.postrule_head1,
		.postrule_head2 {

			font-size: 10px;

		}

		.read_forum {

			font-size: 15px;

			padding: 2px 0;

		}





		.profile_head {

			/*width:33.33%;*/

			float: left;

			margin: 4px 0;

		}



		.profile_head_img {

			float: left;

			margin: 0 0 0 0;

		}



		.profile_head_menu {

			float: left;

			padding: 8px 0 8px 5px;

			font-size: 15px;

			font-family: myfont1;

			color: #fff;

		}

		.profile_head_profile {
			width: 25%;
		}

		.profile_head_post {
			width: 30%;
		}

		.profile_head_ach {
			width: 45%;
		}

		.profile_user {
			font-size: 15px;
			font-family: myfont1;
			color: #fff;
			margin-top: 5px;
		}

	}

	.profile_head.profile_head_ach.a span.profile_head_menu {
		width: auto;
		text-align: center;
	}

	.profile_head.profile_head_ach.a {
		width: 100%;
		text-align: center;
		float: none;
		clear: both;
		MARGIN-TOP: 30PX;
	}

	.mains {
		width: 100%;
		text-align: center;
		display: inline-block;
		clear: both;
	}

	.profile_head_menu {
		float: none !important;
	}

	.mains .profile_head {
		width: 33%;
		text-align: center;
		float: none;
		display: inline-block;
	}

	.profile_head_menu.butto {
		background: #440e62;
		padding: 9px 10px;
		border-radius: 10px;

		display: inline-block;
		width: auto;
		vertical-align: middle;
	}

	@media only screen and (max-width:767px) {
		.mains .profile_head {
			width: auto;
			text-align: center;
			float: none;
			display: inline-block;
		}
	}

        .g_box {
            border-radius: 5px;
            border: 1px solid #ccc;
            display: inline-block;
            box-sizing: border-box;
            width: 100%;
            height: 240px;
            background-color: #f8f8f8;
            padding: 10px;
            font-size: 15px;
            font-weight: 700;
            font-style: italic;
            margin-top: 20px;

        }

        .guessing-duplicate-sec {
            padding: 20px 10px;
            border: 2px solid #ff8c05;
            margin-top: 20px;
            border-radius: 10px;
        }

        .m_box {
            margin: 10px;
        }

        ::placeholder {
            color: #b3b3b3;
            opacity: 1;
        }

        .g_btn {
            background-color: #a15001;
            color: #fff;
            border: 1px solid #a15001;
            padding: 2px 10px;
            margin: 10px 0;
            cursor: pointer;
            font-weight: 700;
            font-family: myfont1;
        }

        .panel {
            padding: 0 18px;
            display: none;
            background-color: #d4f2fb;
            overflow: hidden;
            font-weight: 800;
            margin-top: 10px;
            border: 2px solid #ea0707;
            border-radius: 7px;
        }

        .panel p {
            font-style: italic;
            font-family: myfont1;
            margin: 5px;
        }

        .chart_title2 {
            background-color: #25a2b8;
            border-radius: 5px 5px 0 0;
            text-align: center;
            color: #fff;
            padding: 2px 0;
            font-family: myfont1;
            font-weight: 700;
            font-size: 18px;
            margin: 11px 0 0 0;
        }

        .chart_head2 {
            background-color: #b6e7ef;
            text-align: center;
            font-family: myfont1;
            font-weight: 700;
            font-size: 18px;
            padding: 5px 0 4px 0;
            color: #000;
        }
    
        .live_update {
            border-radius: 3px;
            border: 1px solid #461300;
            box-shadow: 0 0 2px #461300;
            background-color: #fff0eb;
            margin: 10px 0 5px 0;
        }

        .live_head {
            font-family: myfont1;
            color: #fff;
            background-color: #6c1d00;
            font-size: 20px;
            margin: 0;
            font-weight: 700;
            text-align: center;
            padding: 10px 0;
        }

        .live_title {
            color: #252525;
            font-family: myfont1;
            font-weight: 700;
            font-size: 20px;
        }

        .live_num {
            color: #bb016e;
            font-family: myfont1;
            font-weight: 700;
            font-size: 20px;
            margin: -11px 0 6px 0;
        }

        .refresh_btn {
            background-color: #ff4300;
            border: 1px solid #ab3a0f;
            color: #fff;
            padding: 5px;
            cursor: pointer;
        }

        .matka_live {
            border-radius: 3px;
            padding: 10px 0;
            text-align: center;
            color: #fff;
            font-size: 20px;
            font-weight: 700;
            font-family: myfont1;
        }

        .user_login {
            border-radius: 3px;
            padding: 10px 0;
            text-align: center;
            font-size: 20px;
            font-weight: 700;
            font-family: myfont1;
            margin: 15px 0 0 0;
            background-color: #133e8c;
            border: 1px solid #001b4d;
            box-shadow: 0 0 10px #001b4d;
        }

        .i_btn1 {
            padding: 7px 10px;
            color: #fff;
            font-weight: 700;
            font-family: myfont1;
            margin: 7px;
            cursor: pointer;
            border-radius: 3px;
        }

        .m_live {
            margin: 7px 0;
        }

        .matka_live2 {
            border-radius: 3px;
            padding: 0px 0 18px 0;
            text-align: center;
            border-bottom: 2px solid #8c8583;
            border-left: 40px solid #fff0eb;
            border-right: 40px solid #fff0eb;
        }

        .bg1 {
            background-color: #e11d03;
            border: 1px solid #461300;
            box-shadow: 0 0 10px #461300;
        }

        .bg2 {
            background-color: #ff9104;
            border: 1px solid #a15b01;
            box-shadow: 0 0 10px #a15b01;
        }

        .bg3 {
            background-color: #133e8c;
            border: 1px solid #001b4d;
            box-shadow: 0 0 10px #001b4d;
        }

        .bg4 {
            background-color: #e70042;
            border: 1px solid #700020;
            box-shadow: 0 0 10px #700020;
        }

        .bg5 {
            background-color: #00aa3c;
            border: 1px solid #003e16;
            box-shadow: 0 0 10px #003e16;
        }

        .bg6 {
            background-color: #ff6100;
            border: 1px solid #704700;
            box-shadow: 0 0 10px #704700;
        }

        .bg7 {
            background-color: #98043f;
            border: 1px solid #610127;
            box-shadow: 0 0 10px #610127;
        }

        .bg8 {
            background-color: #4b0049;
            border: 1px solid #290028;
            box-shadow: 0 0 10px #290028;
        }

        .matka_result {
            border-radius: 3px;
            border: 1px solid #bf1600;
            background-color: #fff2f0;
        }

        .matka_result_box {
            border-bottom: 2px solid #8c8583;
        }

        .matka_title {
            text-align: center;
            font-family: myfont1;
            color: #e11d03;
            font-size: 20px;
            font-weight: 700;
            margin: 15px 0 0 0;
        }

        .matka_num {
            text-align: center;
            font-family: myfont1;
            color: #252525;
            font-size: 20px;
            font-weight: 700;
            margin: 2px 0 12px 0;
        }

        .refresh {
            background-color: #6e2d02;
            border: 1px solid #3f1900;
            text-align: center;
            color: #fff;
            padding: 10px 0;
            width: 30%;
            margin: 20px 0 0 0;
            font-family: myfont1;
            font-size: 20px;
            border-radius: 3px;
            cursor: pointer;
            font-weight: 700;
            box-shadow: 0 0 10px #461300;
            margin-left: auto;
            margin-right: auto;
        }

        .market-name-print {
            /* position: relative;
                top: 10px;
                left: 10px;*/
            font-weight: 700;
            font-style: italic;
        }

        .khabar-sec {
            position: relative;
            top: 20px;
            left: 10px;
            font-weight: 700;
            font-style: italic;
            line-height: 1;
            margin-bottom: -95px;
        }

        select#select_market_name {
            padding: 7px 7px;
            width: 220px;
            border: 2px solid #ff8c05;
            border-radius: 10PX;
            /* margin-bottom: 10px; */
        }

        select#select_market_name:focus {
            outline: none;
        }

        .khabar_box {
            border-radius: 5px;
            border: 1px solid #ccc;
            display: inline-block;
            box-sizing: border-box;
            width: 100%;
            height: 240px;
            background-color: #f8f8f8;
            padding: 10px;
            font-size: 15px;
            font-weight: 700;
            font-style: italic;
            margin-top: 20px;
        }

        .khabar_box:focus {
            outline: none;
        }

        .close_box {
            border-radius: 5px;
            border: 0px solid #ccc;
            display: inline-block;
            box-sizing: border-box;
            width: 100%;
            height: 150px;
            background-color: #f8f8f8;
            padding: 8px;
            font-size: 15px;
            font-weight: 700;
            font-style: italic;
            /* padding-top: 50px;
            margin-top: -15px;*/

        }

        @media only screen and (max-width: 480px) {
            .matka_live {
                font-size: 20px;
            }

            .live_update {
                margin: 5px 0;
            }

            .refresh {
                width: 40%;
            }
        }

        .blinking {
            animation: blinkingText 0.8s infinite;
            font-size: 25px;
            color: red;
        }

        /*@keyframes blinkingText{
	0%{		color: red;font-size:24px;	}
	49%{	color: red;font-size:25px;	}
	50%{	color: red;font-size:25px;	}
	99%{	color:red;font-size:25px;	}
	100%{	color: red;font-size:24px;	}
}*
    </style>
<style>
        .switch {
            position: relative;
            display: inline-block;
            width: 50px;
            height: 20px;
            top: 5px;
        }

        .switch input {
            display: none;
        }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ca2222;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 34px;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 4px;
            bottom: 1px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
            border-radius: 50%;
        }

        input:checked+.slider {
            background-color: #2ab934;
        }

        input:focus+.slider {
            box-shadow: 0 0 1px #2196F3;
        }

        input:checked+.slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(25px);
        }

        /*------ ADDED CSS ---------*/
        .slider:after {
            content: 'OFF';
            color: white;
            display: block;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
            font-size: 10px;
            font-family: Verdana, sans-serif;
        }

        input:checked+.slider:after {
            content: 'ON';
        }

        /*--------- END --------*/
        
        .gf_box {
            float: left;
            width: 100%;
            border-radius: 5px;
            border: 3px solid #9f5a0a;
            margin: 5px 0;
            box-sizing: border-box;
            z-index: 999999;
        }

        .gf_title {
            float: left;
            width: 100%;
            height: 35px;
            /* border-radius:4px 4px 0 0;	*/
            background-color: #480745;
        }

        .gf_title_left {
            float: left;
            width: 60%;
            height: 30px;
            padding: 8px 0;
            font-weight: 700;
            color: #fff;
            font-family: myfont1;
        }

        .gf_title_right {
            float: left;
            text-align: right;
            width: 40%;color: #fff;
            height: 30px;
            padding: 8px 0;
            font-weight: 700;
            font-family: myfont1;
        }

        .gf_title_left>img {
            width: 2.5%;
            float: left;
            padding-left: 4px;
        }

        .gf_comment {
            float: left;
            /*text-align:center;*/
            width: 100%;
        }

        pre {
            padding: 3px 0;
            font-weight: 700;
            white-space: pre-wrap;
            /* Since CSS 2.1 */
            white-space: -moz-pre-wrap;
            /* Mozilla, since 1999 */
            white-space: -pre-wrap;
            /* Opera 4-6 */
            white-space: -o-pre-wrap;
            /* Opera 7 */
            word-wrap: break-word;
            text-align: center;
            font-size: 15px;
            font-style: italic;
            overflow: hidden;
        }

        .gf_bottom {
            float: left;
            width: 100%;
        }

        .gf_bottom_left {
            float: left;
            background-color: #71582f;
            width: 50%;
            text-align: center;
            font-weight: 700;
            font-family: myfont1;
            padding: 3px 0;
            color: #fff;
        }

        .gf_bottom_right {
            float: left;
            width: 50%;
            background-color: #dbb988;
            text-align: center;
            font-weight: 700;
            font-family: myfont1;
            padding: 3px 0;
            color: #580138;
        }

        .gf_bottom2 {
            float: left;
            width: 100%;
        }

        .gf_bottom_left2 {
            float: left;
            width: 50%;
            background-color: #dbb988;
            text-align: center;
            color: #580138;
            font-weight: 700;
            font-family: myfont1;
            padding: 3px 0;
        }

        .gf_bottom_right2 {
            float: left;
            width: 50%;
            background-color:#71582f;
            text-align: center;
            padding: 3px 0;
            color: #fff;
            font-weight: 700;
            font-family: myfont1;
        }

        @media only screen and (max-width:480px) {
            .gf_title_left>img {
                width: 12%;
                padding-left: 4px;
            }

            .gf_title_right {
                padding: 9px 0;
                font-weight: 700;
                font-size: 12px;
                font-family: myfont1;
            }

            .gf_bottom_right2 {
                font-size: 15px;
                padding: 3px 0 4px 0;
            }
        }

        .quote {
            background-color: #66FFFF;
            color: red;
            border-width: 1px;
            border-color: #66FFFF;
            margin-top: 1px;
            margin-bottom: 1px;
            margin-left: 1px;
            margin-right: 1px;
            padding-top: 1px;
            padding-bottom: 1px;
            padding-left: 1px;
            padding-right: 1px;
            font-weight: bold;
            font-style: italic;
            font-size: 13px;
        }