/* copyright mars web solution */

/*--
	Theme Name: IndiZone
	Version: 1
	Author: Junaid
	Website: http://www.demo.com/
--*/

article, aside, footer, header, hgroup, nav, section, menu, slider {display:block; margin:0; padding:0;}
* {margin:0px;padding:0px;} img {border:0px;} img a{border:0px;}
a {color:#363638;text-decoration:none;} a:hover {color:#333;text-decoration:none;}
ul, li {list-style:none;}
p {margin-bottom:10px; font-size:14px; text-align:justify;font-family: 'Open Sans', sans-serif;}

/* Global properties ======================================================== */
body {margin: 0px;min-width: 260px;font-family: 'Open Sans', sans-serif;font-size: 13px;line-height: 20px;color: #928e92; background-image:url(../images/bg.jpg) !important; }

html, body { height:100%;width:100%;}
h1,h2,h3,h4 { font-weight:normal;} h1 { font-size:24px; color:#292E32}
.clear {clear:both;} .clearfix {clear:both;height:20px;}
.fleft {float:left;} .fright {float:right;} input, select { outline:none;}
h2{ margin:10px 0; font-weight:normal; font-family:'Roboto'; color:#CE2C33;}
a {-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}

/* Global Structure ============================================================= */
#main-container {  background: #fff;  margin: 15px auto 10px; padding-top: 5px; padding-bottom:15px; position: relative; width: 1050px;}
.wrapper {width:990px;margin:0 auto; height:auto;}
#footer{padding:3px 0; width:100%; background:#6868DA; margin:0 auto;} 
#footer .wrapper p{color:#FFF; line-height:25px;}
#header {margin-top: 0px;  margin-bottom: 5px; z-index: 99; width:100%; text-align: center; display: block;}
.logo{float:left; text-decoration:none !important; display:block;}
.logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
h1.logo { margin:0px; margin-top:15px; padding:0; padding-top:0px; padding-left:30px} 


.top-right{
	float:right;
	width: 450px;
	padding-right:50px;
	font-weight:100;
font-family: 'Roboto', sans-serif;
	}
.top-right h3{
	font-family: 'Roboto', sans-serif;
    font-size: 26px;
	line-height:30px;
    color: #666;
	margin-top:60px;
	font-weight:300 !important;
	font-style:italic;

	}	
	
menu{
	background:#CE2C33; 
	width:100%;
	margin-top:15px !important;
	margin-bottom:10px !important;
	
	margin:0 auto;
   }
slider {
	-mz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:100%;
	  overflow: hidden;
	height:380px;
	} 
.wel-txt-grid{
	text-align:center;
	
	}
.wel-txt-grid h1{
	color: #CE2C33;
	line-height:30px;
	padding-top:30px;
	padding-bottom:15px;
	font-weight:300;
	font-family: 'Roboto';
	font-size:36px;
   }
.wel-txt-grid p{   
  color: #666;
  font: normal 20px/27px 'Roboto', serif;
  
  text-align:center;
  font-weight:300;
  padding-bottom:15px;
  line-height:30px;
  
}
.wel-txt-gridbtn{
	text-align:center;
	padding-bottom:45px;}
.obtn-mr{
	background: #CE2C33;
  border-radius: 4px;
  border: none;
  color: #fff;
  display: inline-block;
   font-family: 'Roboto Condensed', serif;
  font-size:15px;
  padding: 10px 20px ;
  position: relative;
  text-align: center;
  z-index: 1;}
.obtn-mr:hover{  background: #e2e2e2; color:#fff;}
.abt-grid{}
.abt-grid .left-grid{
	width:49%;
    float:left}
.abt-grid .right-grid{
	width:49%; 
	float:right}
.abt-box{width:400px; float:right;}	

.abt-box h3 {
  background: #f36c4f;
    font-family: 'Roboto', serif;
	margin-top:20px;
  color: #fff;
  font-size: 30px;
  font-style:italic;
  padding: 20px 40px 20px;
  position: relative;
}.pdtUl li {
    list-style-image: url(../images/list-icon.png);
    margin-bottom: 10px;
    margin-left: 35px;
    font-size: 16px;
    font-family: 'Roboto Condensed';
    line-height: 26px;
}
.grids3 {
	width:352px; background:#F8F7EF; padding:20px 20px; margin:20px 0; float:right;
}

.grids3 h2 {
     background: #f36c4f;
    font-family: 'Roboto', serif;
     margin-bottom: 20px;
    color: #fff;
    font-size: 30px;
    font-style: italic;
    padding: 21px 40px 20px;
    position: relative;}
.abt-box h3:after {
  content: "";
  position: absolute;
  left: 76px;
  width: 36px;
  height: 36px;
  bottom: -36px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 18px;
  border-color: #f36c4f transparent transparent;
}
.abt-pra{ 
 padding:45px 30px 0}
.abt-pra p{ 
  font-family: 'Playfair Display', serif; 
  font-size:17px; 
  line-height:25px; 
  color: #909090;}
.sub-pr-gridwrp{
	width:100%; 
    border-top:1px dashed #CCC; 
	margin-top:20px; padding-top:15px;
	background:#F9F9F9;
    padding:30px 0 30px;}
.sub-pr-gridwrp .pr-grid{width:275px; float:left}


.navigation {
	
	overflow: hidden;
	width: 990px;
	
}

.navigation li {
	width: 250px; 
	float: left;
	cursor: pointer;
	list-style-type: none;
	
	padding: 7px ;
	  background: rgba(255, 255, 255, 0.47);
	margin:12px;

	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
}

.navigation li h2 {
	font-family: georgia;
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
	  color: #654A43;
	margin-bottom: 5px;
	line-height: 25px;
}
.pr-btn{  font-family: 'Playfair Display', serif; 
font-weight:500; font-size:15px;   color: #8f736d; margin-top:5px;  float:left;
}
.pr-btn:hover { background:#8f736d; color:#FFF;padding:4px 10px; }
.pr-btn i{margin-left:4px;}
.navigation li p{
	font-size: 11px;
	color: #999;
	
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
}

.navigation li:hover {
	


}

.navigation li:hover h2 {
	font-weight: bold;
	
}


.navigation li:hover p {
	color: #ccc;
	padding-left: 5px;
}

footer{border-top:1px dashed #CCC; 
	margin:20px 0; padding:15px 0;
	  background: #fff;
	  width:100%;
	  border-bottom:1px dashed #CCC; }
.ftr-grid{
	  width: 30%;
  margin-bottom: 10px;
  border-right: 1px solid #E6E4E4;
  float: left;
  text-align:left;
  /* padding-right: 1px; */
  margin-right: 29px;
  padding-right: 16px;}	  
.ftr-grid h3{
	font-family: 'Roboto', serif; 
	font-size:22px; 
	line-height:25px;
	font-weight:400;   
	  color: #654A43; margin-bottom:15px;}	
.ftr-grid ul{}	
.ftr-grid ul li{
	padding:0 5px;
    color:#FFF}	
.ftr-grid ul li a, .ftr-grid p{
      color: rgba(173, 141, 135, 0.99);
  line-height: 26px; text-align:left;}	
 .ftr-grid ul li a:hover{color:#666; text-decoration:underline;} 
 .ft-map{ width:95%;  border: 4px solid rgba(241, 241, 241, 0.41);  height: 125px;}
 
 .cop-grid{background:#fff; padding:5px;}
  .cop-grid .grid{width:33%; float:left}
  
  
/*===== Social Media ======*/
.social {
  text-align: center;
  margin-top: 1px;
}
.social li {
  display: inline-block;
  margin: 0 7px;
}
.social a {
  display: block;
  text-indent: -9999px;
  width: 15px;
  height: 17px;
  position: relative;
}
.social span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.social a:hover span {
  opacity: 1;
}
.social .facebook {
  background: url(../images/icon1.png) 0 0 no-repeat;
}
.social .facebook span {
  background: url(../images/icon1_active.png) 0 0 no-repeat;
}
.social .google {
  background: url(../images/icon2.png) 0 0 no-repeat;
  width: 17px;
}
.social .google span {
  background: url(../images/icon2_active.png) 0 0 no-repeat;
}
.social .feed {
  background: url(../images/icon3.png) 0 0 no-repeat;
}
.social .feed span {
  background: url(../images/icon3_active.png) 0 0 no-repeat;
}
.social .pinterest {
  background: url(../images/icon4.png) 0 0 no-repeat;
}
.social .pinterest span {
  background: url(../images/icon4_active.png) 0 0 no-repeat;
}
.social .linkedin {
  background: url(../images/icon5.png) 0 0 no-repeat;
}
.social .linkedin span {
  background: url(../images/icon5_active.png) 0 0 no-repeat;
}
  
.map{  border-radius: 5px;
  width: 100%;
  overflow: hidden;
  height: 205px; margin-top:10px; display:block;}
 .contct-frm-wrp{width:64%;float: left; } 
 .contact-frm label p{ margin:0; line-height:30px; margin-top:10px;
 color: #666;font:15px/23px 'Roboto', serif; font-weight: 300;
} 
 .contact-frm button{
background: #BED98D;

font:14px/20px'Roboto', serif;
 padding:6px 17px;
 margin-top:15px;
 color:#fff;
 margin-right:10px;
  border-radius: 5px;
  border: 1px solid #B4D54B;} .contact-frm button:hover{color:#B4D54B; background:#fff;}
  .cit-txt{
  color: #654A43;
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: 300;
  font-family: 'Roboto';
  font-size: 26px;}

 .contact-frm-col{ width:48%; float:left;}
   
 .contact-frm input,  .contact-frm textarea{ 
  background-color: #F9F9F9;
  border: 1px solid #DDDDDD;
  height:30px;
  padding:5px 10px;
  width:90%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}.contact-frm textarea{height:80px !important;  width: 91.222% !important;}
.abt-txt{ 
  color: #654A43;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: 300;
  font-family: 'Roboto';
  font-size: 28px;}

.abt-txt1{ 
  color: #654A43;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: 300;
  font-family: 'Roboto';
  border-bottom:1px dashed #654A43;
  font-size: 22px;}
  h4{ color: #654A43;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-weight: 400;
  font-family: 'Roboto';
  font-size: 18px;}
  .prdimg{ box-shadow:0px 0px 10px #ccc; padding:10px; margin-bottom:10px;}
.line{ padding:10px 0; border-bottom:1px dashed #e2e2e2;}
 .abt-txt-sb{  
    color: #666;
  font: italic 18px/26px 'Roboto', serif;

  font-weight: 300;
  padding-bottom: 17px;
  line-height: 30px;
 }
.abt-grid p {
  font-family: 'Roboto', serif;
  font-size: 14px;
  text-align: justify;
  line-height: 23px;
  color: #989898;
  font-weight: 400;
  text-shadow: none;}
  
.abt-grid p strong{    color: #666;
  font: italic 15px/20px 'Roboto', serif;
  font-weight: 400;
  padding-bottom: 17px;
}

	
	.bl-form button{
background: #BED98D;

font:14px/20px'Roboto', serif;
 padding:6px 17px;
 margin-top:15px;
 color:#fff;
 margin-right:10px;
  border-radius: 5px;
  border: 1px solid #B4D54B;} .bl-form button:hover{color:#B4D54B; background:#fff;}
.bl-form input, .bl-form textarea {
  background-color: #F9F9F9;
  border: 1px solid #DDDDDD;
  height: 30px;
  padding: 5px 10px;
  width: 90%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}