* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body{
font-size:14px;
font-family:"Roboto", helvetica, arial, sans-serif;
color:#666;
line-height:1.6em;
height:auto;
width:100%;
margin:0;
}

.main{
background: url('images/bg-large.jpg') no-repeat top left;
width:100%;
height:auto;
min-height:931px;
}

.laptop{
   display:none;
    position:absolute;
    top:15%;
    left:4%;
    width:53%;
    height:78%;
    z-index:500;
}
.laptop img{
width:100%;
height:auto;
}
.header{
    background: url('images/header.jpg') no-repeat top left;
    width:100%;
    height:10%;
    position:absolute;
    border-bottom:solid 1px #0091ab;
   
}
.logo{
    position:absolute;
    top:25%;
    left:3%;
}
hr{
    display:none;
}
h1{
    color:#000000;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:1.4vw;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:0.05em;
    line-height:1.2em;
}
.description{
    position:absolute;
    top:18%;
    right:8%;
    width:35%;
    height:auto;
    border-radius:5%;
    background: url('images/transparent.png') repeat;
    padding:1.6%;
}
.description p{
    color:#000000;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-size:0.8vw;
    font-weight:300;
    text-align: justify;
    text-justify: inter-word;
    margin-top:3%;
}

.cta{
    right:8%;
    margin-top:5%;
    position:relative;
   min-width:23%;
   min-height:81px;
    height:auto;
}

button {
    cursor:pointer;
}

button:hover {
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 5px;
    background:#0091ab;
    opacity:0.8;
}
button {
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:1.7vw;
    letter-spacing:0.05em;
    color:#000;
    border-style: solid;
    border-width: 1px;
    border-color: #0091ab;
    border-radius: 5px;
    background: transparent;
    width: 70%;
    height: 100%;
    position:relative;
    min-height:40px;
    float:right;
}
.vlogo{
    position:relative;
    top:30%;
    left:60%;
}
.pby{
    position:relative;
    left:-60px;
    color:#666;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:0.9vw;
    top:-30px;
}
.footer{
    width:100%;
    position:absolute;
    top:931px;
    height:148px;
    background: #0091ab;
}

.contact{
    color:#fff;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:0.8vw;
    margin-top:1%;
    position:absolute;
    right:8%;
    letter-spacing:0.1em;
}

.copy{
    color:#fff;
    font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:300;
    font-size:0.6vw;
    position:absolute;
    right:8%;
    letter-spacing:0.1em;
    top:60%;
}
.footer hr{
    width:100%;
    border: solid 1px #fff;
    position:absolute;
    top:35%;
    opacity:0.6;
    display:block;
}
.menu{
    position:absolute;
    top:40%;
    right:3%;
}

.menu a{
    text-transform:capitalize;
     font-family: 'Roboto', helvetica,arial,sans-serif;
    font-weight:450;
    font-size:0.8vw;
    color:#0091ab;
    text-decoration: none;
    letter-spacing:0.2em;
}
.menu a{
    /*margin-left:40px;*/
}
.menu a:after{
    content:"::";
    margin:10px;
}

.menu a:hover{
    color: #e9510e;
}
.menu a .lastlink {
    content:"";
}

.trans{
    background:url('images/transparent.png') repeat;
    width:100%;
    height:190px;
    position:absolute;
    top:750px;
}