/* Started: Balaji| Last update by: Balaji-4APR2017 | beta v1 */
/*Reset css meyerwebv2*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { 
	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {	line-height: 1; }
ol, ul { 	list-style: none; }
blockquote, q { 	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none; }
table {	border-collapse: collapse; 	border-spacing: 0; }

/********************************* Common basics properties and classes *********************************/
h1, h2, h3, h4, h5, h6, span, div, label, p, a, button, input, textarea, select{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearboth{ clear:both; }
a, button, input[type="submit"]{ cursor: pointer; }

/********************************* Font Embed *********************************/
/*Default font & display style big font*/
/*@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
@import url('https://fonts.googleapis.com/css?family=Rammetto+One');*/

@font-face {
	font-family: 'edscript';
	src: url('../fonts/ITCEDSCR.eot');
	src: local('☺'), url('../fonts/ITCEDSCR.woff') format('woff'), url('../fonts/ITCEDSCR.ttf') format('truetype'), url('../fonts/ITCEDSCR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montbold';
	src: url('../fonts/Montserrat-Bold_0.eot');
	src: local('☺'), url('fonts/Montserrat-Bold_0.woff') format('woff'), url('../fonts/Montserrat-Bold_0.ttf') format('truetype'), url('../fonts/Montserrat-Bold_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montregular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montultralight';
	src: url('../fonts/Montserrat-UltraLight.eot');
	src: local('☺'), url('fonts/Montserrat-UltraLight.woff') format('woff'), url('../fonts/Montserrat-UltraLight.ttf') format('truetype'), url('../fonts/Montserrat-UltraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'chap_b';
	src: url('../fonts/chap_b.eot');
	src: local('☺'), url('../fonts/chap_b.woff') format('woff'), url('../fonts/chap_b.ttf') format('truetype'), url('../fonts/chap_b.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'chap_i';
	src: url('../fonts/chap_i.eot');
	src: local('☺'), url('../fonts/chap_i.woff') format('woff'), url('../fonts/chap_i.ttf') format('truetype'), url('../fonts/chap_i.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'chap_r';
	src: url('../fonts/chap_r.eot');
	src: local('☺'), url('../fonts/chap_r.woff') format('woff'), url('../fonts/chap_r.ttf') format('truetype'), url('../fonts/chap_r.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1, h2, h3, h4, h5, h6, p, a, span, label, input, textarea, button{  
	font-family:'montregular',sans-serif; color: #424242; letter-spacing: .07em; }

h1{ color: #121212; font-size: 6em; font-family: 'edscript',times; font-style: italic;}
h2{ color: #121212; font-size: 3em; font-family:'chap_b',sans-serif;  }
h3{ font-size: 1.6em; font-family:'chap_b',sans-serif;  }
h4{ font-size: 1.6em; font-family:'chap_r',sans-serif;  }
p{  font-size: 1em; line-height: 1.3em; }


/********************************* Button *********************************/
.button1{  display: block; padding: 14px 0 14px 0;  text-decoration: none; background-color: #818181; color: #fff; border: none;
	-webkit-border-radius:24px;  border-radius:24px; text-transform: uppercase; width: 200px; margin:0 auto; }
.button1:hover{ background-color: #121212; }
/********************************* Anchor *********************************/
.anchor1{ display: block; padding: 14px 0 14px 0; text-decoration: none; background-color: #818181; color: #fff;
	-webkit-border-radius:24px;  border-radius:24px; text-transform: uppercase; width: 200px; margin:0 auto; }
.anchor1:hover{ background-color: #121212; }

/********************************* Form *********************************/
label{ width: 250px; display: inline-block; vertical-align: top;  }
input, select, textarea{ border-radius: 4px; padding: 0 4px 0 4px; border:solid 1px rgba(0,0,0,.3);   
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd }
input{ height: 35px; width: 300px; }
select{ width: 300px; height: 35px; }
textarea{ width: 300px; height: 70px; }

input[type="submit"]{ cursor:pointer; display: block; padding: 14px 0 14px 0;  text-decoration: none; background-color: #818181; color: #fff; border: none;
	-webkit-border-radius:24px;  border-radius:24px; text-transform: uppercase; width: 200px;height: auto;  margin:0 auto; box-shadow: none;  }
input[type="submit"]:hover{ background-color: #121212; }
form .space{ width: 250px; display: inline-block; }
form .error{ width: 300px; display: inline-block; color: #de3333; padding-left: 5px;}
form .fail,form .success{ width: 300px; display: block; margin:0 auto; text-align: center; }
form .fail{ color: #de3333; margin-top: 10px; }
form .success{ color:#33b586; margin-top: 10px; }
form .f-each{ margin-top: 10px; }
/********************************* Effects *********************************/
.parallax-section{
    -webkit-background-size: cover;     background-size: cover;    background-attachment: fixed;
    background-repeat: no-repeat;    position: relative;   }
/*transitions*/
a{ -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }

/*shadows, radius*/
.txtshadow{ text-shadow: 1px 1px 2px #232323;   }/* offset-x | offset-y | blur-radius | color */
.borderradius{ -webkit-border-radius:4px;  border-radius:4px; }
.popshadow{ -webkit-box-shadow: 0 0 40px -10px #242424; 
					box-shadow: 0 0 40px -10px #242424; }
.smallshadow{-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.4);
					box-shadow: 2px 2px 8px 0 rgba(0,0,0,.4);  }

/******************************* SPRITE ICONS **********************************************/
.sprite-i{ width: 60px; height: 60px; display: inline-block; background: url(../images/sprite_1.png) no-repeat left top;
transition: none; cursor: pointer; }
.sprite-fb{ background-position: 0px 0px; }
.sprite-fb:hover{ background-position: -62px 0px; }
.sprite-tr{ background-position: 0px -61px; }
.sprite-tr:hover{ background-position: -62px -61px; }
.sprite-insta{ background-position: 0px -184px; }
.sprite-insta:hover{ background-position: -62px -184px; }
.sprite-yt{ background-position: 0px -307px; }
.sprite-yt:hover{ background-position: -62px -307px; }
.sprite-music{ background-position: 0px -612px; }
.sprite-music:hover{ background-position: -62px -612px; }
.sprite-music1{ background-position: 0px -682px; }
.sprite-play{ background-position: -62px -684px; }
.sprite-close{ background-position: 0px -757px; }
.sprite-close:hover{ background-position: -61px -757px; }
/*****************************************************************************/
/* ssscheck  css for initial testing purpose*/
.ssscheck1{ width:80%; background:#f4f4f4; border:solid 1px #d2d2d2; padding: 40px; 
text-align: center; margin:0 auto; margin-top: 40px; display: none; }
.ssscheck2{ width: 700px; background:#f4f4f4; border:solid 1px #d2d2d2; padding: 40px;
margin:0 auto; margin-top: 40px; display: none;	 }

/*********************************** Future steps ***********/
/*Add home full screen slider*/
/*Add testimonials slider*/
/*default click toggle script*/
/*include scroll to template*/
/*include fullpage js template*/
/*include M&A based template*/
/*Responsive header, form, slider*/
/*****************************************************************************/

.common-nav{ position: absolute; top: 20px; left: 20px; width: 50%; left: 25%;	 }
.common-nav p{ text-decoration: none; margin-left: 40px; display: inline-block; cursor: pointer; transition: all .2s; font-family: 'chap_b',times; text-transform: uppercase;}
.common-nav p:hover{ border-bottom:solid 2px #525252;  }
.common-nav a{ text-decoration: none; margin-left: 40px; display: inline-block; cursor: pointer; transition: all .2s;
	 font-family: 'chap_b',times; text-transform: uppercase; }
.common-nav a:hover{ border-bottom:solid 2px #525252;  }
.comactive{ border-bottom:solid 4px #525252;  cursor: default; }
.common-nav, .common-nav p{ transition: all .3s; }
.common-logo{ width: 73px; height: 50px;  position: absolute; left: 100px; top: 0px; z-index: 9999; }
.common-logo a{ display: block; background: url(../images/logo_anil.png) no-repeat center center; width: 73px; height: 50px; background-size: 100% 100%;    }

.ham{ width: 60px; height: 50px; background: url(../images/ham.png)no-repeat center center; position: fixed; left: 0; top: 0; display: none; }


video::-webkit-media-controls {
    overflow: hidden !important
}
video::-webkit-media-controls-enclosure {
    width: calc(100% + 32px);
    margin-left: auto;
}

@media( max-width:1700px ){ 


	.common-nav{ width: 60%; left: 22%; }

}



@media( max-width:1440px){

	.common-nav{ width: 60%; left: 24%; }
}


@media( max-width:1367px){

	.common-nav{ width: 70%; left: 20%; }
}

@media( max-width:1201px){

	.common-nav a{ margin-left: 20px; }

}
@media( max-width:1101px){

	.common-nav{ width: 80%; left: 20%; }
}


@media( max-width:1025px){

	.common-nav{ width: 80%; left: 18%; }
	.common-logo{ left: 60px;  }
}

@media( max-width:921px){

	.common-nav{     position: fixed;     top: 50px;    left: 0px;    background: #323232;    width: 300px; display: none; z-index: 9999; }
	.common-nav a{      margin: 0px;     padding: 10px;    color: #fff;    display: block; border-bottom: solid 1px #232323;	}
	.common-nav a:hover{  border-bottom: solid 1px #232323; }
	.comactive{ border: none; }
	.common-logo{ position: fixed; z-index: 9999; }
	.ham{ display: block; }

}