html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  *, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }

/*------------------------------------*\
                RESET
\*------------------------------------*/
html,body,div,section,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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;
    line-height: normal;
}
button, a {
    cursor: pointer;
    border: none;
	outline: none;
	padding: 0;
	margin: 0;
    line-height: normal;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    text-transform: capitalize;
}
button:focus, a:focus { 
    outline: none;
   }

/* 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;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Reset Ends*/

/*------------------------------------*\
            Common Css
\*------------------------------------*/

body {
    /*default*/
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
}
/*making content flex*/
.flex {
    display: flex;
}
/*making content flex when flex direction is column*/
.flexC {
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
}
/*making content flex when flex direction is row*/
.flexR {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
}
/*centering the content with flex with no specific flex direction*/
.cen {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
/*centering the content with flex when flex direction is column*/
.cenC {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
/*centering the content with flex when flex direction is row*/
.cenR {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
h1,h2,h3,h4,h5,h6 {
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 2px;
    word-spacing: 2px;
    font-style: normal;
    font-weight: normal;
 }

 input, textarea {
	 outline: none; 
 }
 p {
    letter-spacing: normal;
    line-height: 1.58;
    text-transform: none;
    font-style: normal;
    font-weight: normal;
}
table, tr,td {
    letter-spacing: 1.5px;
    line-height: 1.5;
}



/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*\
                 ~End~
\*++++++++++++++++++++++++++++++++++++*/