@import "https://fonts.googleapis.com/css?family=Roboto:400,100,300";
html,body{margin:0;padding:0;width:100%;height:100%}body{color:#000;font-family:'Roboto',sans-serif;font-weight:100;background-color:#fff}
.tips{cursor:help}@-webkit-keyframes example{0%{opacity:1;display:block}
100%{opacity:0;display:block}}@-webkit-keyframes text1left{0%{opacity:0;padding-right:100px}100%{opacity:1;padding-right:0}}@-webkit-keyframes text2left{0%{opacity:0;padding-right:100px}
100%{opacity:1;padding-right:0}}@-webkit-keyframes text3left{0%{opacity:0;padding-right:100px}100%{opacity:1;padding-right:0}}
#overlay{-webkit-animation-name:example;-webkit-animation-duration:5s;opacity:0;pointer-events:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;background-color:#fff}
#background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-999}#wrapper{display:block;position:relative;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;text-align:center}
#iPhone{display:inline-block;position:relative;top:0;left:35px;width:670px;height:680px;opacity:1;background-size:100%}#iPhone iframe{top:135px;position:absolute;left:70px;width:560px;height:315px}
#text{z-index:50;display:inline-block;position:relative;top:170px;vertical-align:top;color:#000;height:330px}span{display:block}#first,#second,#third{opacity:1}
#first{-webkit-animation-name:text1left;-webkit-animation-duration:3s;font-size:4.5em}#second{-webkit-animation-name:text2left;-webkit-animation-duration:3s;font-size:2.5em}
#third{-webkit-animation-name:text3left;-webkit-animation-duration:3s;font-size:2.4em}#headerblock{position:relative;height:64px}
#wraphead{margin:0 auto;width:1080px;padding:0 20px}nav{display:inline-block;height:64px;float:right;margin-right:10px}
nav a{color:#fff;font-size:1.15em;font-weight:400;font-family:verdana;font-variant:normal;font-style:normal;text-align:center;display:inline-block;float:left;padding:22px 20px;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
nav a:hover{background-color:rgba(255,255,255,.08);text-decoration:none;color:#fff}nav a:active{box-shadow:inset 0 0 5px rgba(0,0,0,0.7)}
.brandname{font-family:Verdana;font-size:24px;font-weight:400;color:#fff;display:inline-block;padding:22px 10px 22px 30px;text-decoration:none}
#TOTLlamp{position:absolute;top:20px}h1,h2{font-weight:200;color:#000}h1{line-height:1;font-size:54px}
h1 img{margin:0 10px -6px 0}h2{font-size:20px;margin:10px 0 0;line-height:1;vertical-align:bottom}
a{color:#47B4EF;text-decoration:none}.backgroundhead{position:absolute;top:0;left:0;width:100%;height:500px;-webkit-filter:blur(1px);z-index:-1}
section{position:relative;width:970px;margin:50px auto 0;text-align:justify;font-size:20px;margin-bottom: 60px;}
.brandlogo{margin-bottom:0;margin-right:15px}@-webkit-keyframes pulse{0%{border:1px solid rgba(71,180,239,.2)}
50%{border:.2em solid rgba(71,180,239,1)}100%{border:1px solid rgba(71,180,239,.2)}}
.downloadbutton{-webkit-animation:pulse 3s infinite;height:40px;margin-top:34px;padding:15px;line-height:42px;border:1px solid;border-radius:3px;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.downloadbutton img{vertical-align:bottom;margin:0 3px 13px 0}.container{width:70%;max-width:1100px;margin:0 auto;padding:16px 0}
.main.container{padding-top:21px;padding-bottom:21px}
.columns{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left;margin:0 -55px}
.column{-webkit-flex:0 1 50%;-ms-flex:0 1 50%;flex:0 1 50%;padding:34px 55px;box-sizing:border-box}footer{text-align:center;font-size:14px;border-top:1px solid rgba(0,0,0,.13);margin-top:40px}
footer .container,footer ul{display:-webkit-flex;display:-ms-flex;display:flex}footer ul{margin:0 0 0 auto;padding:0;list-style:none}footer li{margin-left:20px}
.show-menu{background:url(../images/nav-icon-off.png) 0 0/contain no-repeat;width:35px;display:none;position:absolute;margin:22px;top:0;right:0;color:transparent}
#show-menu{display:none}#show-menu:checked~#menu{display:block}@media only screen and (max-width:480px),only screen and (max-device-width:480px){
.show-menu{display:block}nav{display:none;float:right;left:0;right:0;width:100%}nav a{position:relative;background:#fff;border:5px solid #444;text-align:center;width:100%;padding:10px 0;margin:0;text-decoration:none;color:#000}
nav a:hover{background-color:rgba(255,255,255,.8);text-decoration:none;color:#000}#TOTLlamp{position:absolute;top:20px;left:10px}
.brandname{font-family:Verdana;font-size:16px;font-weight:400;color:#000;display:inline-block;text-decoration:none;padding:22px 10px 22px 40px;float:left}
#wraphead{margin:0 auto;width:100%;padding:0}}@media(max-width:640px){#text{top:85px}#first{-webkit-animation-name:text1left;-webkit-animation-duration:3s;font-size:2.5em}
#second{-webkit-animation-name:text2left;-webkit-animation-duration:3s;font-size:1.5em}#third{-webkit-animation-name:text3left;-webkit-animation-duration:3s;font-size:1.4em}
#iPhone{display:inline-block;position:relative;top:100px;left:0;width:100%;height:680px;opacity:1;background-size:100%}
#iPhone iframe{top:135px;position:absolute;left:0;width:100%}
section{width:80%;margin:50px auto 0}}
header{width: 1000px;margin: auto;padding-top: 15px;padding-bottom: 15px;}
.hleft{display:inline-block;width:49%}
.hright{display:inline-block;width:49%;text-align:right}
.headtitle{font-size: 32px;}
.destitle{}
.dwb{text-align: center;margin-bottom:100px;}
.lnkblue{display: inline-block;border:2px solid #0099FF; color:#0099FF;padding:10px 30px;border-radius:3px;margin:30px;cursor:pointer;}
.lnkorange{display: inline-block;border:2px solid orange; color:orange;padding:10px 30px;border-radius:3px;margin:30px;cursor:pointer;}
.lnkred{display: inline-block;border:2px solid red; color:red;padding:10px 30px;border-radius:3px;margin:30px;cursor:pointer;}
.lnkblue:hover,.lnkorange:hover,.lnkred:hover{border:2px solid gray; color:gray;}
.ytsub{background: linear-gradient(#e52d27, #b31217);color:white;border-radius:3px;padding:4px 10px;font-size:12px;}
.youtubevideo{ width:1000px;height:563px}
.youtuberreviewerbox{width:100%;text-align:center;  margin-bottom: 70px;}
.websitedisplay {  width:300px;  height:250px;  background-color:#fff;  border-radius:3px;  box-shadow:0 2px 15px rgba(0,0,0,0.2); overflow:hidden;  white-space:nowrap;  position:relative;  display:inline-block;  margin-left:3px;  margin-right:3px;}
.websitedisplay:hover > .information { margin-left:-159px;opacity:0;}
.information {  display:inline-block;  width:150px;  height:250px; -webkit-transition:all 0.3s linear; position:relative;}
.laptop {  display:inline-block;  width:300px;  height:250px;  position:relative;}
.information h1 {  font-family:'lato','segoe ui regular',arial; font-weight:bolder; font-size:18px;  position:absolute; top:90px; left:20px;}
.information h2 {  font-family:'lato','segoe ui light',arial; font-size:16px;  position:absolute;  font-weight:100; top:110px; left:20px;}
.laptop img {  position:absolute; left:0;  right:0;  top:0;  bottom:0;  margin:auto;  width:240px; height:auto;  -webkit-transition:all 0.3s linear;}
.view {   padding: 10px; opacity:0;  -webkit-transition:all 0.3s linear;  position:absolute;  left:0;  right:0;  top:0;  bottom:0;  margin:auto;  -webkit-transform:rotateY(540deg);  width:42px;height:42px; font-size:36px;  text-align:center;  text-decoration:none;  overflow:hidden;  background-color:#1b1b1b;border-radius:100%;  font-weight:bolder;  line-height:42px;  vertical-align:middle;}
.websitedisplay:hover > .view { -webkit-transform:rotateY(0deg); position:absolute; opacity:1;  left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; color:#f5f5f5; text-align:center;  text-decoration:none;}
.view:hover {background-color:#06f;}
.sharebutton{position: absolute; bottom: 5px; right: 5px;display:none}
.websitedisplay:hover >.sharebutton{display:block;}
.sharebutton:hover{opacity:0.65;}
.shareyoutube{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.80)}
.sharebutton {  padding-left: 25px;width:55px;height:20px;  position: absolute; right: 30px; bottom: 8px; color: white;z-index: 100;  display:block;  background:url(../images/sharethis.png);  background-repeat:no-repeat;background-size:contain;}
.sharebutton + input{ display:none;}
.sharebutton + input + *{ display:none;}
.sharebutton + input:checked + *{ display:block;}
.fbc{background:url(../images/facebook.png);position:absolute;left:35px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
.twc{background:url(../images/twitter.png);position:absolute;left:125px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
.gpc{background:url(../images/googleplus.png);position:absolute;left:205px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
.sharelabel{color: white;  top: 40px; position: absolute; left: 92px;}
.pictone{background:url(../images/youtube-videos-star-review-extension.jpg);background-repeat: no-repeat;  background-position: center top;  background-size: cover;}
.picttwo{background:url(../images/youtube-girl-photo-wish-featured.jpg);background-repeat: no-repeat;  background-position:center 20%;  background-size: cover;}
.pictthree{background:url(../images/youtube-extension-night-mode-from-day-to-night.jpg);background-repeat: no-repeat;  background-position:center 20%;  background-size: cover;}
figure{height: 55%;  width: 100%;  position: relative; padding-top: 1px;  margin: 0;  display: block  }
.gallery-header{  margin: auto;position: absolute; top: 0; bottom: 0; left: 0;  right: 0; width: 80%; height: 20%;text-align:center}
.gallery-des{  width: 85%; margin: auto;  text-align: center; padding-bottom:50px;padding-top:20px; font-size: 28px; line-height: 1.4286; font-weight: 200;color: #333;	}
h3{color:white;  font-family: 'Roboto',sans-serif;  font-size: 34px;  font-weight: 100;}
.galleryshare{ margin: auto;position: absolute; bottom: 0; left: 0;  right: 0; width: 300px; height: 25%;}
.fbg{background:url(../images/facebook.png);position:absolute;left:35px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
.twg{background:url(../images/twitter.png);position:absolute;left:125px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
.gpg{background:url(../images/googleplus.png);position:absolute;left:205px;top:40%;  height: 50px; width: 50px;  background-size: cover;}
@media only screen and (max-width:480px),only screen and (max-device-width:480px){
header{width: 100%;margin: auto;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #d6d6d6;}
.hleft{display:inline-block;width:100%}
.hright{display:inline-block;width:100%;text-align:right;margin: 12px 0px 0px 0px;}
.headtitle{font-size: 25px;}
.destitle{display:inline-block;}
.ytsub{display:inline-block;}
.youtubevideo{ width:100%;height:auto}
}.respontotl,.respontotlrect{display:inline-block;width:300px;height:250px}@media(min-width:500px){.respontotl{width:468px;height:60px}}@media(min-width:800px){.respontotl{width:728px;height:90px}}@media(min-width:1000px){.respontotl{width:970px;height:90px}}@media(min-width:500px){.respontotlrect{width:300px;height:250px}}@media(min-width:800px){.respontotlrect{width:970px;height:250px}}