*{
	margin:0;
	padding:0;
}
body{ 
	    font-family: 'Meera Inimai';
font-size: 14px;
line-height: 25px;
color:	 #4d4d4d;
}

header{
	background:rgba(0,0,0,0);
	width:100%;
			z-index:100;
            text-align: left;
			height: 70px;
			transition: all .9s ;
			-webkit-transition: all .9s ;
 position:fixed;	
}
header.sticky{
	height: 73px;
	background:#fff;
	box-shadow: 0 7px 7px 0 rgba(0,0,0,.15);
}

.menu-toggle{display: none;margin-top: 8px;font-size: 17px;cursor: pointer;}

.logo{
	float: left;
	width: 140px;
}
.logo img{
	width: 100%;
}
.logo a{
	padding-top:5px;
	display: block;
            -webkit-transition: all 0.9s;
            transition: all .9s;
            color: white;
            text-decoration: none;
}
.logo i{font-style: italic;}
	 .nav-menu{
	width:90%;
	margin:0 auto;
}
.nav-link{
	float: right;
	font-size:15px;
}
.nav-link ul{
	list-style-type:none;
}
.nav-link li{
	float:left;
            -webkit-transition: all 0.9s;
            transition: all .9s;
}
.nav-link a{
	text-decoration:none;
	color:#ddd;
	display: block;
	padding-top:25px;
	margin-left:40px;
	font-weight: 800;
	font-size: 13px;
            -webkit-transition: all 0.9s;
            transition: all .9s;
            text-transform: uppercase;
}
.nav-link li:last-child a{
	margin-left: 10px;
}
.active a{
}
.nav-link a:hover{
    color:#cc00cc;
}
header.sticky .logo a{
	padding: 0;
}

 header.sticky .nav-link a{
	padding-top: 25px;
	color: #000;
	margin-left: 45px;
} 
header.sticky .nav-link a:hover{
    color:#cc00cc;
}
header.sticky .nav-link li:last-child a{
	margin-left: 20px;
}
/*--expand for nav toggle --*/
.expand{
	display:block;
}


/* End Navigation */
.wrap{
	width: 90%;
	margin: 0 auto;
}


.pager::after{ 
width:100px;
content: '';
display: block;
position:absolute;
height: 1px;
background: #b5b5b5;
bottom: 0;
left:0;
z-index: 1;
}
.pager::before{
   content: '';
position: absolute;
bottom:0;
left:80px;
bottom: -10px;
background:  #660033;
border-radius: 4px;
width: 20px;
height: 20px;
-webkit-transform: rotate(45deg);
-khtml-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
border: 5px solid #fff;
}

.line {
    position: relative;
	width: 150px;
	height: 2px;
	background:#888;
	display: block;
	margin: 30px auto;
	border-width: 230px;
}
.line::after{   
   content: '';
position: absolute;
bottom: -3px;
left: 50%;
width: 0;
height: 0;
border-left: 12px solid transparent !important;
border-right: 12px solid transparent !important;
border-bottom: 18px solid white;
z-index: 2;
-webkit-transform: translate(-50%);
transform: translate(-50%);

}
.line::before{
   content: '';
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 0;
border-left: 16px solid transparent !important;
border-right: 16px solid transparent !important;
border-bottom: 24px solid #ccc;
z-index: 2;
-webkit-transform: translate(-90%);
transform: translate(-90%);
}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ff0066;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*start services */
.services{
	width: 100%;
	padding: 40px 0px 40px 0px;
	overflow: hidden;
	text-align: center;
}
.services h3{
	font-weight: 600;
	font-size: 23px;
	color:#00264d;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}
.services h1{
font-size: 20px;
	color:  #00264d;
	padding-top: 7px;
	font-weight: 800;
}
.serv-head-p{
	width: 70%;
	margin: 0 auto;
}
.serv-p{
	padding-bottom: 60px;
	width: 70%;
}
.services i{
	color:  #00264d;
	font-size: 45px;
	display: inline-block;
}
.serv-head{
	text-align: center;
	padding-bottom:5px; 
	padding-top: 10px;
}
.serv-inner{
	border: 1px solid #e6e6e6;
	padding: 0px 10px 20px 10px;
	text-align: center;
}
.serv-inner p{
	padding-top:0px;
	color: #999;
}
/*end services */


.about{
	width: 100%;
	overflow: hidden;
	padding: 20px 0px 20px 0px;
}
.about h1{
	font-weight: 600;
	font-size: 23px;
	color:#00264d;
	margin-bottom: 40px;
	text-align: center;
	text-transform: uppercase;
}
.about h3{
	color: #ccc;
    padding: 20px 0px 10px 0px;
	letter-spacing: 8px;
	font-weight: 800;
}
.about h2{
	font-size: 28px;
	line-height: 40px;
	font-weight: 800;
	letter-spacing: 5px;
	text-align: left;
	text-transform: uppercase;
	color: #000;
	display: block;
}
.about img{
	width:100%;
}
.about p{
	text-align: justify;
	text-justify:inter-word;
	margin-top: 15px;
}
.about-btn{
	width: 120px;
	height: 35px;
	background:transparent !important;
	border: 1px solid #ff0066;
	color: #ff0066;
	margin-top: 40px;
}
.about .line{
	margin-bottom: 30px;
}

/* start parallax */
#parallax{
	width: 100%;
	background: url('../img/parallax.jpeg') fixed;
	background-size: cover;
	background-position: center center;
	position:relative;
}
.parallax-inner{
	overflow: hidden;
	padding: 40px 0px 40px 0px;
	width: 100%;
	text-align: center;
	background: rgba(0,0,0,0.9);
}
.parallax-inner .wrap{width: 60%;}
#parallax h1{
font-size:30px;
margin-bottom:10px;
font-weight: 100;
}
#parallax h3{
font-size:22px;
}
/*end parallax*/
/*start artist*/
 .ourteam-container{
	width: 100%;
	padding: 20px 0px 40px 0px;
	overflow: hidden;
	text-align: center;    
 }
 .ourteam-container .wrap{
	 width:70%;
	 margin:0 auto;
 }
 .ourteam-head{
	width:100%;
text-align:center; 
 }
 .ourteam-head h3{
	     font-size: 26px;
	     font-weight: 400;
    color:#808080;
margin-bottom: 50px;
letter-spacing: 7px;
 }
 .team-img{
	 width:150px;
	 height: 150px;
	 margin: 0 auto;
	 border-radius: 50%;
 }
 .team h4{
	 margin-top: 24px;
font-size: 20px;
color: #333;
font-family: 'Roboto', 'sans-serif';
font-weight: 800;
 }
 .team h5{
	 margin-top: 3px;
font-size: 13px;
color:#404040;
font-family: 'Roboto', 'sans-serif';
font-weight: 300;
 }
 .team p {
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #666;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 300;
}
.team ul{
}
.team li{
	padding-left: 0px;
display: inline-block;
margin: 0 auto;
}
.team ul li a{
	text-decoration:none;
	color:#a9a9a9;
	padding-left:3px;
	 font-family:'FontAwesome';
}
.team a:hover{
	 color:#8357c1;
}
.ourteam-container .row .col-sm-3{
	margin:35px 0px 35px 0px;
}
/*--ourartist ends here--*/

/*end artist*/
.careers{
	padding: 70px 0px 10px 0px;
	overflow: hidden;
}
.careers p span{
	font-size: 27px;
	font-weight: 800;
}
/*start sample */
.sample{
	width: 100%;
	padding: 50px 0px 30px 0px;
	overflow: hidden;
}
.sample h1{
	font-weight: 600;
	font-size: 23px;
	color:#00264d;
	margin-bottom: 40px;
	text-align: center;
}
.sample h3{
	font-size: 19px;
	color:#f2f2f2;
	width: 100%;
	padding: 0px 5px 0px 15px;
}
.samp{
	background: #000;
	position: relative;
	box-shadow:	 #333 7px 5px 10px  ;
}
.sample-image{
	position: relative;
}
.sample-image-inner:after {
    content: "";
    position: absolute;
    bottom:0px;
    left: 0;
    width: 100%;
    height: 50%;
    border-radius: 0 0 3px 3px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000000);
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.samp p{
	padding: 0px 5px 10px 15px;
	color: 	 #b3b3b3;
}
.sample-small .sample-image{
	height: 130px;
	overflow: hidden;
}
.sample-small{
	width: 100%;
}
.sample-small h3{
	top: 0;
	position: relative;
	padding-bottom: 25px;
}


/*start res*/
.res{
	width: 100%;
	padding: 30px 0px 30px 0px;
	overflow: hidden;background: -moz-linear-gradient(45deg, rgba(153,0,77,1) 0%, rgba(0,128,128,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(153,0,77,1)), color-stop(100%, rgba(0,128,128,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(153,0,77,1) 0%, rgba(0,128,128,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(153,0,77,1) 0%, rgba(0,128,128,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(153,0,77,1) 0%, rgba(0,128,128,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(153,0,77,1) 0%, rgba(0,128,128,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008080', endColorstr='	 #4d004d',GradientType=1 ); /* ie6-9 */
}
.res h1{
	letter-spacing: 9px;
color:	 #fff;
margin-bottom: 10px;
font-size: 13px;
}
.res p{
	font-size: 40px;
	line-height: 45px;
	color: #ccc;
	float: left;
}

 .p-btn{
 	float:right;
 	outline: none;
cursor: pointer;
height: 35px;
line-height: 5px;
width: 250px;
 	background:transparent !important;
 	border:2px solid #ff1a8c;
 	color:#ff1a8c;
 	font-size: 14px;
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.p-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#ff1a8c;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.p-btn:hover, .p-btn:focus, .p-btn:active {
  color:#f2f2f2;
}
.p-btn:hover:before, .p-btn:focus:before, .p-btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*-------------------------*/
/*-----------------*/
.about-page{
	background: url('../img/about_chokes_beulah.jpg') fixed;
	width: 100%;
	height: 350px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	overflow: hidden;

}.service-page{
	background: url('../img/slide3.jpg') fixed;
	width: 100%;
	height: 350px;
	text-align: center;
	background-size: cover;
	background-position: center center;
	overflow: hidden;

}.board-page{
	background: url('../img/slide1.jpg') fixed;
	width: 100%;
	height: 350px;
	text-align: center;
	background-size: contain;
	background-position: center center;
	overflow: hidden;

}
.page-inner{
	width: 100%;
	background: rgba(0,0,0,0.8);
	overflow: hidden;
	height: 350px;
}
.page-inner h1{
	font-size: 35px;
	color: #fff;
	padding-top: 150px;
   letter-spacing: 7px;
   text-align: center;
}
.about-main{
	width: 100%;
	overflow: hidden;
	padding: 20px 0px 60px 0px;
}
.about-main h3{
	color: #ccc;
	font-weight: 800;
	font-size: 25px;
}
.about-main h2{
	color: #000;
	font-weight: 800;
	font-size: 45px;
}
.service-main{
	width: 100%;
	overflow: hidden;
	padding: 20px 0px 60px 0px;
}
.service-main h2{
	font-weight: 800;
	margin-bottom: 15px;
	font-size: 20px;
}
.row1{
	margin-top: 100px;
}
.team-btn{
	width: 130px;
	height:40px;
	background: black;
	color: #fff;
	margin-top: 15px;
	border: 2px solid #000;
	font-weight: 800;
            -webkit-transition: all 0.9s;
            transition: all .9s;
}
.team-btn:hover{
	background: #fff;
	color: #000;
	/*--contact styling --*/
}

.contact-page{
	width: 100%;
	height: 350px;
	background: url('../img/contact.jpg');
	background-position: center center;
	background-size: cover;
	color: #fff;
}
.contact-main{
	width: 100%;
	padding: 60px 0px 60px 0px;
	overflow: hidden;
}
.con-address{
	width: 100%;
	background: red;
}
.contact-main h1{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.contact-main i{color: blue;}
.contact-main li{
	list-style-type: none;
	display: inline-block;
}
.con-text{
	text-align: center;
	margin-top: 20px;
}
.con-text i{
	font-size: 20px;
	color:   #cc00cc;
}
.con-text h2{
	font-size: 13px;
	font-weight: 600;
	margin-top: 3px;
}
 .q-input1{
	 width:100%;
	 height:35px;
	 border:1px solid  #bfbfbf;
	 margin-bottom: 10px;
	 padding-left: 5px;
 }
 .q-input1:active{
 	border: none;
 }
 .q-input2{
	 width:99.5%;
	 height:100px;
	 margin-top:5px;
	 font-size: 12px;
	border:1px solid  #bfbfbf;
            padding-left: 5px;
 }
 .q-input3{
	 padding:10px;
	 border:none;
	 margin-top:5px;
	 width:100%;
	 color:white;
	 CURSOR:pointer;
	 font-size:12px;
	 opacity:0.8;
	 background:#1a001a;
            -webkit-transition: all 0.9s;
            transition: all .9s;
 }
 .q-input3:hover{
	 opacity:1;
 }
 .quote-form .errror{
	 color:red;
 }
 .error{
	 display:inline-block;
	 color:red;
	 opacity:0.5;
 }

 .success{
	 display:inline-block;
	 color:green;
	 opacity:0.5;
 }
 /*---end quote form styling ---*/
 /*-- contact ends --*/ 

footer{
	width: 100%;
	overflow: hidden;
	margin: 0;
	line-height: 2.5;
	background:#0d0d0d;
	color: white;
	font-size: 14px;
}
.footer-inner{
	width: 100%;
	padding: 40px 0px 40px 0px;
}
footer li{
	display: inline-block;}
.foot-links li{width: 100%;display: block;}
footer .input1{
	border: none;
	background: #ddd;
	width: 170px;
	padding-left: 3px;
	height: 40px;
}
footer a{color:#0066cc;}
footer .input2{
	border: none;
	 background:#0066cc;
	 padding: 0px 10px 0px 10px;
	color: white;
	height: 40px;
}
.final-foot{
	width: 100%;
	padding: 30px 0px 30px 0px;
	overflow: hidden;
	background: #000;
	color: #ddd;
}
.final-foot p{
	text-align:center;
	font-size: 13px;
}
.final-foot a{
	color: #ddd;
}
/*mail*/
.mail{
position: fixed;
    top: 172px;
    right:-130;
    background:#fff;
    z-index: 1000;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    z-index: 9999;
    width: 170px;
    height: 30px;
            -webkit-transition: all 0.9s;
            transition: all .9s;
}
.mail i{
	padding-right:25px;
	padding-left: 10px;
}
.mail:hover{
    background:	 #4d004d;
    right: 0;
}
.mail:hover i{
	padding-right:10px;
}
.mail a{
	text-decoration: none;
	color: #000;
}
.mail:hover a{	
    color: #fff;
}
 	/*--Back to top scroller --*/
 .back-to-top {
    position: fixed;
    right: 30px;
    bottom: 10px;
    display: inline-block;
    z-index: 9;
    width: 40px;
    height: 40px;
    font-size: 11px;
    text-align: center;
    letter-spacing: 1px;
    background:	 #4d004d;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    padding: 5px;
    -webkit-transform: translate3d(0,50px,0);
    -moz-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    transition-duration: .3s;
	text-decoration:none;
	color:white;
}
.back-to-top a{color:white;
	text-decoration:none;}
.back-to-top{color: white;text-decoration: none;}
.back-to-top.back-to-top-is-visible {
    visibility: visible;
    opacity: .6;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7,1,.7,1);
}
.back-to-top:hover{
	opacity:1;
}
/*--back-to-top ends here --*/

/*--------------------------------*/ 
/*  8. Reviews Area
/*--------------------------------*/
.Reviews-area {
  display: block;
  position: relative;
  width: 100%;
}
.Reviews-area {   
background: url('../img/reviews_chokes_beulah.jpg'); 
background-position: center center;
background-size: cover;
}
.Reviews-area h1{
	text-align: center;
	color: #ccc;
	padding-top: 70px;
	font-weight: 800;
	font-size: 25px;
}
.Reviews-area-inner{
	background: rgba(0,0,0,0.9);
}
.Reviews-content {
  padding: 50px 20px;
}
.testi-img img {
  border: 2px solid #4d004d;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}
.testi-text p {
  color: #fff;
  font-size: 17px;
  line-height: 1.5em;
  margin: 20px 0;
  font-style: italic;
}
.testi-text.text-center > h4 {
  color: 	 #a6a6a6;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.guest-rev {
  color:#808080;
  font-size: 16px;
}
.guest-rev > a {
  color: #fff;
  font-size: 14px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid 	 #a6a6a6;
  border-radius: 0;
  color: 	 #a6a6a6;
  display: inline-block;
  font-size: 20px;
  height: 30px;
  line-height: 24px;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 30px;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{
  position: absolute;
  right: 0;
  top: 0;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
	background:	 #a6a6a6;
    color:#fff;
    border: 1px solid 	 #a6a6a6;
}
.item-indicator.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
  position: absolute;
  right: 5%;
  top: 0;
}
	/*--End Reviews --*/
  /*--starting media queries --*/
 @media (max-width:992px){
	header, header.sticky{background:#fff;height: 70px;}
.logo{
	float: left;
	height: 70px;
	position: absolute;
	top: -5px;
	padding: 0px;
	margin: 0px;
}
.logo img{height: 70px;padding: 0px;margin: 0;}
.logo a{
	padding-top:0;

}
	.nav-menu{height:50px;display: block;}
    .nav-menu .wrap{width: 90%;}
	 .nav-link{
	 	position: absolute;
	 	background:#fff;
	 	 left: 0;
		 width:100%;
		 top: 70px;
		 padding: 0px 0px 20px 0px;
		 display: none;
		 overflow: hidden;
	 }
 header.sticky .nav-link a{
	padding-top: 0px;
	margin-left:0;
}
.nav-link li:last-child a,header.sticky .nav-link li:last-child a{
	margin-left:0;
}
	 .nav-link ul{width:90%;margin: 20px auto;}
      .menu-toggle{display: block;float:right;width: 20px;height: 20px;margin-top: 20px;color: #000;}

	 .nav-link li{
		 width:100%;
		 margin-left: 0;
		 padding-left: 0;
		 border: none;
	 }
	 .logo{margin-top: 5px;}
	 .nav-link a{
	 	padding:0px 0px 30px 0px; 
	 text-align:left;
	 color:#000;
	 margin: 0;
	 }
.nav-fa{
	float: right;
	width: 100px;
	display: none;
}
.nav-fa a{
	padding-top: 6px;
}
.expand{
	display:block;
}
.p-btn{
	width: 100px;
}
.services .col-sm-5{
	margin-top: 15px;
}

.services .col-sm-3{
	margin-top: 40px;
}
.sample .col-sm-4{
	margin-top: 40px;
}
footer .col-sm-3{
	margin-top: 40px;
}

.final-foot p{
	text-align:left;
}
.row1{
	margin-top: 0;
}

}

@media (max-width: 600px){

.p-btn{
display: block;
float: left;
width: 100%;
	}
  .page-inner h1{padding-top: 100px;}
  .mail{
  	display: none;
  }
.serv-head-p{
	width: 100%;
	margin: 0 auto;
}
}


