/*
Zerotheme.com | Free Html5 Responsive Templates
Author URI: http://www.zerotheme.com/
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

::-moz-selection{background: #ed6427 none repeat scroll 0 0;color: #fff;text-shadow:none}
::selection{background: #ed6427 none repeat scroll 0 0;color: #fff;text-shadow:none}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}

p{margin: 10px 0;color: #777;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

html, body {height: 100%;width:100%; padding:0; margin:0;}
body {background: #fff;color: #3F3F3F;font: 15px/25px Arial;font-family: "Roboto",serif; font-weight: 400;}
body.index-page .main-header{height: calc(100vh - 50px);}
@media screen and (max-width:767px){
	body.index-page .main-header{height: calc(80vh - 50px);}
}
@media screen and (max-width:500px){
	body.index-page .main-header{height: calc(70vh - 50px);}
}
body .wrap-body{position: relative;}
header#header{text-align: center;width: 100%;z-index: 2;position: relative;overflow: hidden;backface-visibility: hidden;display: block;}
header#header .main-header{background: url(../images/tech-hachapi.jpg);background-size: cover;overflow: hidden;padding: 120px 0;position: relative}
header .main-header:before{position: absolute;content: ""; height: 100%; width: 100%;background: rgba(0, 0, 0, .55);top: 0;left: 0;right: 0;bottom: 0;}

header .heading-text h2{font-family: 'Lobster', cursive;font-size: 65px;color: #fff; font-weight: 400;letter-spacing: 5px;margin: 40px 0 20px;}
header .heading-text p{color: #fff; font-size: 25px;font-family: 'Poppins', sans-serif;line-height: 35px;}

header #logo{}
@media screen and (max-width:767px){
	header .main-header{padding-top: 50px;}
	header #logo{margin: 20px 0;}
	header .heading-text h2{font-size: 55px;letter-spacing: 4px;margin: 20px 0 20px;}
	header .heading-text p{font-size: 18px;line-height: 30px;}
}
@media screen and (max-width:500px){
	header .heading-text h2{font-size: 40px;letter-spacing: 3px;margin: 10px 0;}
	header .heading-text p{font-size: 15px;line-height: 23px;}
}

footer#footer{background: #171717;font-size: 14px;position: fixed;top: auto;bottom: 0;left: 0;width: 100%;display:block;}
footer .bottom-footer{margin-top: 50px;}
.copyright{background: #1a1c1e;color: #777;padding: 20px;text-align: center;}

@media all and (max-width: 768px){
	footer#footer{position: relative;}
	.copyright{text-align: center;}
	.copyright ul.quick-link{float: none;margin-top: 10px;}
}

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

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