﻿@charset "utf-8";
/* CSS Document */
body {
    width: 100%;
    font: 12px Georgia,"Times New Roman",Times,serif;
    padding: 0px;
    margin: 0px;
    background: #fdea2e;
    background-image: url(http://im.hunt.in/com/pattern.png);
    background-repeat: repeat-x;
    height: 100%;
}


img{
	max-height:auto;
	max-width:100%;}


.bg-text
{
     color: rgba(158, 158, 158, 0.61);
    font-size: 70px;
    transform: rotate(300deg);
    -webkit-transform: rotate(315deg);
    top: 60%;
    margin-top: -27px;
    left: 5px;
    font-family: arial;
    position: absolute;
}

#header {
    width: 100%;
    height: 105px;
    padding: 0px;
    margin: 0px auto;
}

.hd {
    width: 100%;
    height: auto;
}

.head {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.logo {
    clear: both;
    float: left;
    margin: 13px 0 0px 13px;
    position: relative;
    width: auto;
}

.Tophead-r {
	padding:25px 0 0 0px;
 height: auto;
 width:50%;
 margin: 22px 0 0 15px;
color:#be241a;
font-size:21px;
line-height:25px;
font-family: 'Lato', sans-serif;
font-style:italic;
float:left;
text-align: right;
font-weight:bold;
}


.cal_button{
-webkit-border-radius: px; -moz-border-radius:10px;border-radius: px;width:px;font-size:13px;
padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; color: #FFFFFF;
 background-color: #f62b2b; font-family: inherit;
    font-weight: bold;
    margin: 7px 0 10px 0px;
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
}

.cal_button:hover{
 background-color: #e40a0a; background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
 }

#footer {
    background: none repeat scroll 0 0 #2a2a2a;
    float: left;
    height: auto;
    margin-top: 5px;
    width: 100%;
    height: auto;
}

.footWrap {
    width: 100%;
    margin: 0px auto;
    height: auto;
    background-color:#000;
	
}

.footWrap_txt{
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 15px !important;
    line-height: 24px;
    padding:18px;
    text-align: center;
}

.footLink{
	font-size:16px;
	color:#fdea2e;
	text-decoration: none;}


.colr{
	color:#fdea2e;}

#wrapper {
    width: 100%;
    height:auto;
    margin: 0 auto;
}

.wrap {
    width: 100%;
    height: auto;
}

.cal_lsec {
    background: none repeat scroll 0 0 #fee19a;
    border: 10px solid #fff;
    height: auto;
    margin:10px auto;
    width:95%;
}


.cal_wrap {
	margin: 0 auto;
    width: 85%;
	height:auto;
	}

.cal_wrap h1 {
    color: #3C0402;
    font-family: 'Lato', sans-serif;
    font-size: 30px !important;
    line-height: 55px;
    margin: 0px 0;
    padding: 0;
	text-align:center;
	border-bottom:1px dotted #3C0402;
}


.calbigimg_wrap{
	width:50%;
	height: auto;
	margin:20px auto;

}

.big_imgBdr{
	border:10px solid #be241a;
}

.calender-contanier {
	width:650px;
	height:724px;
	margin:0 auto;
	border: 10px solid #be241a;
    position:relative;
}

.cal_wrap a {
    text-decoration: none;
}

.calender-contanier .fes-creative{width:auto; height:auto; text-align:center;}

.calender-contanier .top-area {
	width:100%;
	height:auto;
}
.calender-contanier .top-area img {
    width: 100%;
    height: 100%;
}

.calender-contanier .main-area {
	width:100%;
	height:auto; background-color: #daf9f9;
}
.calender-contanier .main-area .left-area {
width: 25.6%;
    height: 543px;
    float: left;
    border: solid 1px #c77133;
    background-color: #daf9f9;
    padding: 5px;
}

.calender-contanier .main-area .left-area::-webkit-scrollbar-track{-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5;border-radius:10px;margin-right:10px;}
.calender-contanier .main-area .left-area::-webkit-scrollbar{width:8px;background-color:#F5F5F5;}
.calender-contanier .main-area .left-area::-webkit-scrollbar-thumb{    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #d92913), color-stop(0.72, #d92913), color-stop(0.86, #d92913)); border-radius:10px;}

.calender-contanier .main-area .left-area h2 {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#ce4b3c;
	font-weight:bold;
	padding-bottom:5px;
}
.calender-contanier .main-area .left-area .links {
	width:auto;
	height:auto;
}
.calender-contanier .main-area .left-area .links ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.calender-contanier .main-area .left-area .links ul li {
	font-size:12px;
	text-decoration:none;
	color:#000;
	margin-bottom:4px;
	font-weight:bold; display:table;
}
.calender-contanier .main-area .left-area .links ul li span {
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding-right:5px;
	width:15px; display:table-cell;
}
.calender-contanier .main-area .left-area .links ul li a span .namelink {
	color:#ce4b3c;
}
.calender-contanier .main-area .left-area .links ul li a {
	font-size:12px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

.calender-contanier .main-area .left-area .links ul li a:hover{ color:#ce4b3c;}

.calender-contanier .main-area .left-area .links .text-link {
	color:#d44520;
}
.calender-contanier .main-area .right-area {
	width: 72.5%;
    height: auto;
    float: left;
}

.calender-contanier .main-area .right-area img {
    width: 100%;
    height: 100%;
}


@media print {
    .bg-text {
        top: 400px !important;
        left: 240px !important;
        font-size: 55px !important;
    }

    .calender-contanier {
        width: 485px !important;
        height: 546px !important;
        margin-top: 10px !important;
    }

        .calender-contanier .main-area .left-area {
            width: 25% !important;
            height: 400px !important;
        }


    .bg-text {
        top: 60% !important;
        margin-top: -28px !important;
        left: 5px !important;
    }

    body {
        -webkit-print-color-adjust: exact;
    }


    .footWrap_txt {
        font-size: 13px !important;
        line-height: 20px;
    }

    .prt {
        display: none !important;
    }
	
	.calender-contanier .main-area .left-area .links ul li{font-size: 8px !important; 	margin-bottom:5px !important;}
	.calender-contanier .main-area .left-area .links ul li span{font-size: 8px !important;}
	.calender-contanier .main-area .left-area .links ul li a{font-size: 8px !important;}
	
	.calender-contanier .main-area .left-area .links ul li {
    font-size: 9px !important;
    margin-bottom: 2px !important; font-weight:normal !important;
}

.calender-contanier .main-area .left-area .links ul li span {
    font-size: 9px !important; font-weight:normal !important;
}

.calender-contanier .main-area .left-area .links ul li a {
    font-size: 9px !important; font-weight:normal !important;
}

.calender-contanier .main-area .left-area h2{font-size:10px !important;}
	
/*	.calender-contanier{width:660px !important;}*/
}


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

.calender-contanier {max-width: 100%; width: 95%; height:auto; margin-top: 5px; }
.calender-contanier .main-area .left-area {width: 100%; height:auto; box-sizing: border-box;}
.bg-text {font-size: 35px;}
.calender-contanier .main-area .left-area .links ul li {display: inline; font-size: 10px;}
.calender-contanier .main-area .left-area .links ul li a { font-size: 10px; }
.calender-contanier .main-area .left-area .links ul li span { font-size: 10px;     padding-right: 3px; }
.calender-contanier .main-area .right-area {width: 100%; float: none;}
.footWrap_txt { font-size: 13px !important; }
.logo {max-width: 170px;}
.Tophead-r { padding: 0; margin: 0; text-align: center; width: 100%; font-size: 15px; }
.calender-contanier .main-area .left-area h2 {font-size:12px;}
.cal_wrap h1 { font-size: 25px !important; }
}
