/*Fonts*/

@font-face{
    font-family: "socialmedia";
    src: url('../fonts/social_shapes.ttf');
}

html body {
	font-family: tahoma;
}

/*css*/

canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ width: 100%; height: 100%; background-color: #101010; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

.letmestayontop {
	position: absolute;
	top: 7vw;
	right: 0;
	left: 0;
	bottom: 0;
}

.header {
	position: relative;
	color: white;
	padding: 7vw 0vw 1vw 0vw;
}

.boxvideo {
	position: absolute;
    right: 130px;
    top: -90px;
    width: 471px;
    height: 640px;
}

.boxvideocover {
	position: absolute;
    right: 130px;
    top: -90px;
    width: 471px;
    height: 640px;
    z-index: 4567;
}

.boxphone {
	position: absolute;
	left: 130px;
	top: -90px;
	width: 400px;
	height: 700px;
	background-image: url(../images/box1.png);
	background-repeat: no-repeat;
}

.rightextalign {
	text-align: right;
}
.contactbackground {
	/*background-color: grey;*/
	position: relative;
    background-image: url(../images/contactbackground.png);
    padding: 80px 0px;
}

.boxlaptop {
	position: absolute;
    right: 0;
    top: 100px;
    width: 550px;
    height: 427px;
    background-image: url(../images/box2.png);
}

.infoone {
	margin-top: 194px;
	margin-bottom: 194px;
}

.contactitle {
	margin-top: 45px;
    margin-bottom: 45px;
}

.infothree {
	margin-top: 120px;
	margin-bottom: 120px;
}

.logo {
	margin-bottom: 100px;
    width: 70px;
}

.contactbutton {
	float: right;
}

.infotwo {
	text-align: center;
    /* padding-bottom: 5px; */
    /* padding-top: 15px; */
    padding: 219px 0px 180px 0px;
    color: white;
}

.blackback {
	background-color: #101010;
}

.boxvideoholder {
	position: relative;
}

.boxphoneholder {
	position: relative;
}

.boxlaptopholder {
	position: relative;
}

.tags {
    margin-right: 20px;
    font-size: 14px;
}

.bigtitle {
    font-size: 3.6vw;
    font-weight: 600;
    margin-bottom: 60px;
}

.contactitle {
	text-align: center;
}

.socialmediasmall {
	font-family: socialmedia;
	margin-left: 15px;
	width: 15px;
}

.smalltitle1 {
	font-size: 22px;
	font-weight: bold;
}

.blackhead {
	font-weight: bold;
}

.whyus {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.bigfooter {
	padding-top: 3rem !important;
	padding-bottom: 30rem !important;
}

.smalltitle2 {
	font-size: 22px;
	font-weight: lighter;
}

.smalltitle {
	margin-bottom: 105px;
	/*margin-top: 85px;*/
}

.socialsmall {
	margin-bottom: 60px;
	font-size: 14px;
}

.tag{
	margin-bottom: 70px;
}

.enquiremini {
	/*margin-bottom: 100px;*/
}

.hellopt1 {
	background-color: #ff8532;
	height: 35vw;
}

.hellopt2 {
	background-color: #ff6700;
	height: 15vw;
}

.hello {
	position: relative;
}

.hellocontent {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*.fadeone {
	position: absolute;
	bottom: 0;
	background-image: url(../images/white-fade.png);
}

.fadetwo {
	
}*/