/* 2. reset */
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;
box-sizing: border-box;
}

html, body {
height: 100%;
line-height: 170%;
}

body {
}




/* 3. layout */
body {


/* background: #111; */
 -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
line-height: 1.5;
}



p {

font-family: 'Montserrat', sans serif;
font-weight: 400;
color: #2a2a2a;
line-height: 1.5;

}





/* 8. preloader */
.preloader-bg,
#preloader {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: #000;
z-index: 999999;
}

#preloader {
display: table;
table-layout: fixed;
}

#preloader-status {
display: table-cell;
vertical-align: middle;
}

.preloader-position {
position: relative;
margin: 0 auto;
text-align: center;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}

.loader {
position: relative;
width: 45px;
height: 45px;
left: 50%;
top: auto;
margin-left: -22px;
margin-top: 2px;
-webkit-animation: rotate 1s infinite linear;
   -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
     -o-animation: rotate 1s infinite linear;
        animation: rotate 1s infinite linear;
border: 3px solid rgba(255, 255, 255, .15);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}

.loader span {
position: absolute;
width: 45px;
height: 45px;
top: -3px;
left: -3px;
border: 3px solid transparent;
border-top: 3px solid rgba(255, 255, 255, .75);
-webkit-border-radius: 50%;
   -moz-border-radius: 50%;
    -ms-border-radius: 50%;
     -o-border-radius: 50%;
        border-radius: 50%;
}






/* Montserrat -webkit-text-stroke Fix */
/* Black 900 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/Montserrat-Black.ttf') format('truetype'),
       url('fonts/Montserrat-Black.otf') format('opentype');
}

/* ExtraBold 800 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),
       url('fonts/Montserrat-ExtraBold.otf') format('opentype');
}

/* Bold 700 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Montserrat-Bold.ttf') format('truetype'),
       url('fonts/Montserrat-Bold.otf') format('opentype');
}

/* SemiBold 600 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
       url('fonts/Montserrat-SemiBold.otf') format('opentype');
}

/* Medium 500 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/Montserrat-Medium.ttf') format('truetype'),
       url('fonts/Montserrat-Medium.otf') format('opentype');
}

/* Regular 400 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Montserrat-Regular.ttf') format('truetype'),
       url('fonts/Montserrat-Regular.otf') format('opentype');
}

/* Light 300 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/Montserrat-Light.ttf') format('truetype'),
       url('fonts/Montserrat-Light.otf') format('opentype');
}

/* ExtraLight 200 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),
       url('fonts/Montserrat-ExtraLight.otf') format('opentype');
}

/* Thin 100 */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/Montserrat-Thin.ttf') format('truetype'),
       url('fonts/Montserrat-Thin.otf') format('opentype');
}

@media (max-width: 399px) {
.footerNav2 {position: absolute; top: 92%;  right: 38%}
	.footerNav {margin-top: 20px}
	.footerNavIcon {width:38px}
    .copyright span {font-size:12px; color:#2a2a2a; ;position:relative; bottom: 10px}
}

@media (min-width: 400px) and (max-width: 767px) {
.footerNav2 {position: absolute; top: 92%;  right: 40%}
	.footerNav {margin-top: 30px}
	.footerNavIcon {width:46px}
    .copyright span {font-size:12px; color:#2a2a2a; ;position:relative; bottom:12px}
}

@media (min-width: 768px) and (max-width: 998px){
.footerNav2 {position: absolute; top: 92%;  right: 48%}
	.footerNav {margin-top: 40px}
	.footerNavIcon {width:40px}
    .copyright span {font-size:12px; color:#2a2a2a; ;position:relative; bottom:12px}
}

@media (min-width: 999px) {
.footerNav2 {position: absolute; top: 90%;  right: 48%}
	.footerNav {margin-top: 40px}
	.footerNavIcon {width:60px}
    .copyright span {font-size:12px; color:#2a2a2a; ;position:relative; bottom:20px}
}