@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'Myriad Pro';
	src: url('../font/Myriad Pro') format('truetype') ;
	-ms-src: url('../font/Myriad Pro') format('truetype') ;
	-webkit-src: url('../font/Myriad Pro') format('truetype') ;
	-o-src: url('../font/Myriad Pro') format('truetype') ;
	font-weight: bold;
    font-style: normal;
}
nav, ul, li, a  {margin: 0; padding: 0;}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

h1,h2,h3{
    padding:0;
	margin:0;
}
img{
   text-align:center;
   max-width:100%;
   width:auto;
   height:auto;
	width:100%
}
.clearfix{
	clear:both;
}
#wrapper{
	width:100%;
	margin:0 auto;
	height:auto;
	overflow:auto;
}
.main_containt{
	width:96%;
	margin:0 auto;
}
.banner{
	margin:auto;
}
.logo_div{
	position:absolute;
	background: #fff;
    width: 254px;
	text-align: center;
	z-index: 1;
}
.nav{
	position:absolute;
	background:rgba(0,0,0,0.5);
	margin: 120px 0%;
	height:auto;
	z-index: 1;
}
.nav ul{
	list-style:none;
}
.nav ul li a{
	text-decoration:none;
	color:#fff;
    line-height: 3.3;
	font-family:'Myriad Pro';
	font-weight: bold;
	padding: 14px 90px;
	font-style:italic;
}
.nav ul li:hover{
	background:rgba(255,255,255,0.5);
}
.nav ul li.active { 
   background:rgba(255,255,255,0.5);
}
.tab_section{
	width:25%;
	float:left;
	margin:3% 4%;
	text-align:center;
}
.tab_section img{
	border-radius: 50%;
}
.tab_section h3 {
	margin:6% 0% 0%;
	font-family:'Myriad Pro';
}
.tab_section h3 a{
	color:#2a3949;
	text-decoration:none;
}
.tab_section h3 a:hover{
	color:#E4141E;
}
.content_bg{
	background-image:url(../images/bg_1.jpg);
	float: left;
    padding: 1% 4%;
}
.welcome_text{
	float: left;
    width: 17%;
    margin: 0% 6% 0% 0%;
    color: #fff;
	font-family:'Myriad Pro';
	font-size:19px;
	font-style: italic;
}
.welcome_text1{
	float: left;
    width: 75%;
    text-align: justify;
    color: #fff;
	line-height: 1.3;
}
.news_section{
	width:25%;
	float:left;
	margin:1% 4%;
}
.news_events{
	margin:3% 4% 1%;
	color:#2a77af;
	font-family:'Myriad Pro';
}
.news_p{
	margin:0px;
}
.news_p a{
	text-decoration:none;
	color:#2975AF;
}
.news_p a:hover{
	text-decoration:none;
	color:#C82926;
}
.section_bg{
	width:100%;
	height:auto;
	float:left;
	background:#ededed;
	margin-top: 2%;
	padding-bottom: 3%;
}
.img_section{
	width:25%;
	float:left;
	margin:2% 4%;
	text-align:center;
}
.img_section img{
	border-radius:50%;
}
.viewmore{
	/*width: 12%;
    height: auto;*/
    border-radius: 50%;
    background: rgba(73,96,126,0.9);
    padding: 42px 16px;    
    position: absolute;
    margin: 16% 0% 0% 17%;
    float: right;
	border: 3px solid #ededed;
}
.viewmore a{
	color: #fff;
	text-decoration:none;
}
.viewmore:hover{
	/*width: 12%;
    height: auto;*/
    border-radius: 50%;
    background: rgba(30, 66, 113, 0.9);
    padding: 42px 16px;
    color: #fff;
    position: absolute;
    margin: 16% 0% 0% 17%;
    float: right;
	border: 3px solid #ededed;
}
.footer{
	width:100%;
	background:#000;
	float: left;
    line-height: 2.2;
    font-size: 14px;
}
.copyright{
	color:#fff;
	float:left;
}
.farsoft{
	color:#fff;
	float:right;
}
.farsoft a{ color:#fff; text-decoration:none; }
.farsoft a:hover{ color:#0F81DC; text-decoration:underline; }

/*------- cricket --------*/
.cricket_div{
	width:90%;
	margin:0 auto;
}
.cricket_h1{
	margin:0% 0% 0%;
	color: #C72A25;
	text-align: center;
    text-transform: uppercase;
	font-family:'Myriad Pro';
}
.cricket_h1_1{
	margin:1% 0% 0%;
	color: #C72A25;
	text-align: center;
	font-family:'Myriad Pro';
}
.cricket_h1_2{
	margin:3% 0% 0%;
	color: #C72A25;
	text-align: center;
	font-family:'Myriad Pro';
	text-transform: uppercase;
}
.cricket_img_section{
	float:left;
	width:43%;
	margin:2% 0%;
	border: 1px solid #fff;
}
.cricket_img_section1{
	float:left;
	width:25%;
	margin:2% 0%;
    border: 1px solid #fff;
}
.cricket_img_section2{
	float:left;
	width:30%;
	margin:2% 0%;
	border: 1px solid #fff;
}
.letter_div{
	float:left;
	width:40%;
	margin:2% 5%;
	border-top: 4px solid #464646;
}
.letter_div p{
	background: #2A76B0;
    padding: 15px 18px;
    margin: 0px;
}
.letter_div p a{
	color:#fff;
	text-decoration:none;
}
.letter_div p a:hover{
	color:#F7C104;
	text-decoration:underline;
}
/*------ realty -------*/
.realty_div{
	width: 96%;
    margin: 1% 0% 2% 4%;
    float: left;
}
.realty_div h2{
	font-family:'Myriad Pro';
	margin: 2% 0% 1%;
    color: #2388D6;
}
.realty_section{
	float:left;
	width:19%;
	margin:0% 0%;
	border:1px solid #ddd;
}
/*------ tourism -------*/
.map_section{
	float:left;
	width:44%;
	margin:4% 3% 2%;
	text-align:justify;
}
.map_section h2{
	margin:1% 0%;
	color:#2388D6;
	font-family: 'Myriad Pro';
}
.map_section p a{
	float: right;
    color: #E31A13;
    text-decoration: none;
}
.map_section p a:hover{
    color: #025E9F;
    text-decoration: underline;
}
.tourism_div{
	width:90%;
	margin:2% auto;
	text-align:justify;
	color: #4F4D4F;
}
.tourism_imgdiv{
	margin:2% 0%;
	background: #EDEFF3;
    float: left;
    height: auto;
    width: 96%;
	padding: 2% 2%;
}
.tourism_img{
	float:left;
	width:25%;
	margin:0% 0%;
}
.tourism_img img {
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}	
	
.tourism_img:hover img {
		-webkit-filter: brightness(50%);
		-ms-filter: brightness(50%);
	}
.img_float{
	float:left;
}
.enquiry_form{
	float:right;
}
.enquiry_form a{
	background: #FE6510;
    padding: 15px 36px;
    line-height: 3;
    color: #fff;
    text-decoration: none;
}
.enquiry_form a:hover{
	background: #3A3837;
    padding: 15px 36px;
}
.myimg{
	float:left;
	margin:0% 3% 0% 0%;
}

/*-------- contact ---------*/
.contact_info{
	float:left;
	width:33%;
	text-align:center;
	margin:3% 0%;
}
.contact_info h2{
	color: #555555;
}
.contact_info p{
	color: #747474;
}
.contact_form{
	margin:4% 0%;
}
.textbox_form{
	float:left;
	width:29%;
	margin:2% 2%;
}
.textbox_form1{
	width: 95%;
    margin-left: 2%;
}
.getintouch{
	margin: 0% 2%;
    color: #147ECB;
	font-size: 23px;
}
.button{
	float: left;
    margin: 2% 0% 2% 2%;
    background: #147ECB;
    border: none;
    padding: 12px 32px;
    color: #fff;
    font-size: 16px;
}
.button:hover{
    background: #3BA3F0;
    padding: 12px 32px;
    color: #fff;
}
.about_text{
	text-align:justify;
	margin:3% 0%;
}
.event_name{
	margin:1% 0%;
	color:#2388D6;
	font-family: 'Myriad Pro';
}
.event_name1 {
    margin: 5% 0% 1%;
    color: #2388D6;
    font-family: 'Myriad Pro';
}
.event_img{
	float:left;
	width: 24%;
    border: 1px solid #FFF;
}
.event_img img {
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}	
	
.event_img:hover img {
		-webkit-filter: brightness(50%);
		-ms-filter: brightness(50%);
	}

.marquee {
		position:relative;
      	overflow:hidden;
	 	width:100%;
	  	/*background: linear-gradient(#f0f1ef, #a8a8a6);*/
	  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1ef', endColorstr='#a8a8a6',GradientType=0 ); /* IE6-9 */
	  	line-height:2;
      	height:200px;
     /* border:solid black 1px; */
	 margin:2% 0%;
	 background:none;
      }
.marquee span {white-space:nowrap;}










/*-------------------  Responsive Style Size ----------------*/


@media only screen and ( max-width: 1200px ) {
	
	.nav ul li a {
        line-height: 2.5;
	}
	.img_float {
    float: left;
    width: 50%;
    }
	
	
}

@media only screen and ( max-width: 1024px ) {
	
	.nav ul li a {
        line-height: 2.1;
	}
	.img_float {
    float: left;
    width: 50%;
    }
	
	
}


@media only screen and ( max-width: 900px ) {
	
	.nav ul li a {
        line-height:1.8;
	}
	.welcome_text1 {
        width: 67%;
        margin: 0% 4%;
	}
	.footer {
        font-size: 12px;
    }
	.letter_div {
    float: left;
    width: 48%;
    margin: 2% 1%;
	}
	
	
}



@media only screen and ( max-width: 800px ) {
	
	
	.nav{
		display:block;
	}
	.nav ul li a {
    line-height: 1.9;
	font-size: 14px;
    }
	.section_bg {
        padding-bottom: 7%;
    }
	.img_section {
    width: 26%;
    margin: 3% 3%;
	}
	.realty_section {
    float: left;
    width: 33%;
	}
	.realty_div h2 {
    margin: 5% 0% 1%;
   }
	
}




@media only screen and ( max-width: 768px ) {
	
	.logo_div {
    position: inherit;
    background: #fff;
    width: 98%;
    text-align: left;
    padding: 1%;
    }
	.tab_section {
        width: 90%;
        float: none;
        margin: 4% 4% 6%;
	}
	.welcome_text {
       float: none;
       width: 90%;
	}
	.welcome_text1 {
       width: 100%;
       margin: 0% 0%;
       float: none;
    }
	.img_section {
       width: 92%;
       margin:6% 3% 8%;
       float: none;
    }
	.viewmore {
       margin: 27% 0% 0% 54%;
    }
	.viewmore:hover{
       margin: 27% 0% 0% 54%;
    }
	.news_section {
       width: 95%;
      float: none;
      margin: 5% 4%;
	}
	.news_events {
        margin: 6% 4% 4%;
	}
	.nav{
		display:none;
	}
	.map_section {
    float: none;
    width: 86%;
    margin: 4% 7% 7%;
    text-align: justify;
    }
	.tourism_img {
    float: left;
    width: 50%;
	}
	.contact_info {
    float: none;
    width: 80%;
    text-align: center;
    margin: 5% 10%;
    }
	.event_img {
    float: left;
    width: 33%;
    border: 1px solid #FFF;
    }
	
	
}



@media only screen and ( max-width: 680px ) {
	
	
	.copyright{
	   float:none;
    }
   .farsoft{
	   float:none;
   }
   .footer {
    line-height: 1.5;
   }
   .viewmore {
       margin: 33% 0% 0% 50%;
    }
	.viewmore:hover{
       margin: 33% 0% 0% 50%;
    }
	.cricket_div {
    width: 90%;
    margin: 3% auto;
    }
	.cricket_h1 {
    margin: 5% 0% 3%;
	}
	.cricket_h1_2 {
    margin: 3% 0% 2%;
	}
	.cricket_img_section {
    float: left;
    width: 92%;
	margin: 0% 0%;
	}
	.cricket_img_section1 {
    float: left;
    width: 45%;
	margin: 0% 0%;
	}
	.cricket_img_section2 {
    float: left;
    width: 46%;
	margin: 0% 0%;
	}
	.letter_div {
    float: none;
    width: 81%;
    margin: 6% 5%;
    }
	.realty_section {
    float: left;
    width: 33%;
    }
	.textbox_form {
    float: none;
    width: 95%;
    margin: 3% 2%;
    }
	.img_float {
    float: left;
    width: 50%;
    }
	.event_img {
    float: left;
    width: 49%;
    border: 1px solid #FFF;
    }
	
}



@media only screen and ( max-width: 480px ) {
	
	
	.viewmore {
       margin: 46% 0% 0% 52%;
    }
	.viewmore:hover{
       margin: 46% 0% 0% 52%;
    }
	.news_events {
       margin: 10% 4% 7%;
	}
	.news_section {
      width: 95%;
      float: none;
      margin: 11% 4%;
	}
	.img_section {
       width: 92%;
       margin: 8% 3% 12%;
       float: none;
    }
	.welcome_text {
      float: none;
      width: 96%;
    }
	.realty_section {
    float: left;
    width: 48%;
    }
	.cricket_h1 {
    margin: 6% 0% 0%;
	}
	.realty_div h2 {
    margin: 8% 0% 1%;
    }
	.cricket_img_section {
    float: left;
    width: 98%;
    margin: 0% 0%;
    }
	.cricket_img_section1 {
    float: left;
    width: 80%;
    margin: 0% 10%;
    }
	.cricket_img_section2 {
    float: left;
    width: 91%;
    margin: 0% 3%;
    }
	.letter_div {
    margin: 6% 5%;
    }
	.tourism_img {
    float: none;
    width: 97%;
	margin: 0% 9%;
   }
   .enquiry_form {
    float: none;
    width: 100%;
    background: #FE6510;
    text-align: center;
    }
	.enquiry_form:hover {
    float: none;
    width: 100%;
    background: #3A3837;
    text-align: center;
    }
	.enquiry_form a {
    background: none;
    padding: 0px 0px;
    line-height: 2.5;
    color: #fff;
    text-decoration: none;
	}
	.enquiry_form a:hover {
    background: none;
    padding: 0px 0px;
	}
	.contact_form {
    margin: 22% 0%;
   }
   .cricket_h1_1 {
    margin: 6% 0% 0%;
    font-size: 27px;
   }
   .cricket_h1_2 {
    margin: 6% 0% 2%;
    font-size: 27px;
}

	
}



@media only screen and ( max-width: 360px ) {
	
	
	.viewmore {
       margin: 64% 0% 0% 52%;
    }
	.viewmore:hover{
       margin: 64% 0% 0% 52%;
    }
	.news_events {
       margin: 10% 4% 7%;
	}
	.news_section {
      width: 95%;
      float: none;
      margin: 11% 4%;
	}
	.tourism_img {
    float: none;
    width: 97%;
    margin: 0% 1%;
    }
	.cricket_img_section {
    float: none;
    width: 86%;
    margin: 0% 6%;
    }
	.img_float {
    float: left;
    width: 98%;
    }
	.event_img {
    float: none;
    width: 98%;
    border: 1px solid #FFF;
    }
	
	
	
}