@import url(https://fonts.googleapis.com/css?family=Actor);
body {font-family: 'Actor', sans-serif;}
body, html, h1 {margin: 0; padding: 0;}
p {font-weight: 100; line-height: 140%;}
*, *:before, *:after {box-sizing: border-box;}
img {border: 0 none;}

.qerban .content{background:#000;padding:5px 0}
.logreg{float:right;position:relative;top:20px}
.logreg li a{text-transform:uppercase;margin:0 5px;padding:4px 20px}
.logreg li:last-child a{background:#df9d34}
.logreg li,.socmed li{display:inline-block}
.logreg li a:hover,.logreg li:last-child a:hover{background:#ed821e;text-decoration:none}

.pleft {display:inline-block; width: calc(55% - 50px); margin-right: 40px; vertical-align: middle; text-align: center;}
.pright {display: inline-block; width: calc(44% - 100px); vertical-align: middle; text-align: left;}

.sticky {position: fixed; top: 0; right: 0; z-index: 1; background: #000; width: calc(100%);}
.sticky a {color: #fff;}
.sticky a:hover {color: #fff;}
/*.logo {float: left;}
 .sticky {padding: 5px 15px;}
 .menu {float: right;}
.menu li {display: inline-block; list-style-type: none; margin-right: 20px;}
.menu li a {color: #fff; text-decoration: none; margin: 0 5px; padding: 4px 20px; text-transform: uppercase;}
*/
.section {opacity: 0;}
.section, .section .slide {background-size: cover;}
.section a {border: 1px solid #fff; padding: 7px 10px; display: inline-block; color: #fff; text-decoration: none;}
.section a:hover {background-color: #000; color: #fff;}
.bbg {background: rgba(0,0,0,.3); position: absolute; top:0; bottom:0; left: 0; right: 0;}
.intro {position:relative; z-index: 1;}
.rekresh {margin: 0;}
.section0 {background-image: url('https://qeryz.com/img/fe3rs/banner.jpg'); background-color: #ccc; text-align: center; color: #fff;}
.section0 p {margin: 0;}
.spiffed {padding-top: 40px; max-width: 1000px; margin: 0 auto;}
.spiffed img {height: 70px; display: inline-block; border-radius: 50px; border: 1px solid #fff; padding: 10px;}
.spiffed img:hover, .spiffed a:hover img {background: #000;}
.spiffed a {border: none; margin:0 5px; font-size: 80%; width: 95px; vertical-align: top;}
.spiffed a:hover {background:none;}
.spiffed a:after {display: block; margin-top: 5px;}
.spiffed a:nth-child(1):after {content:"Radio Button";}
.spiffed a:nth-child(2):after {content:"Checkbox";}
.spiffed a:nth-child(3):after {content:"Long Text";}
.spiffed a:nth-child(4):after {content:"Short Text";}
.spiffed a:nth-child(5):after {content:"Mobile";}
.spiffed a:nth-child(6):after {content:"Call to Action";}
.spiffed a:nth-child(7):after {content:"Auto Redirect";}
.spiffed a:nth-child(8):after {content:"Email Notification";}
.spiffed a:nth-child(9):after {content:"Wordpress Plugin";}
.spiffed a:nth-child(10):after {content:"Color Schemes";}
.spiffed a:nth-child(11):after {content:"Left or Right Positioning";}
.spiffed a:nth-child(12):after {content:"Qeryz Identifier";}
.spiffed a:nth-child(13):after {content:"Minimized Survey";}
.spiffed a:nth-child(14):after {content:"Skip Logic";}
.spiffed a:nth-child(15):after {content:"Export to CSV";}
.spiffed a:nth-child(16):after {content:"Net Promoter Score";}
.spiffed a:nth-child(17):after {content:"Advanced Targetting";}
.spiffed a:nth-child(18):after {content:"Schedules Surveys";}


.section1 {}
.section1 h1 {color: #fff; margin: 40px 0 20px;}
.section1 img {display: inline-block; max-height: 500px; margin: 0 20px;}

.section2 {}
.section2 h1 {}

.section3 {}

.section4 {}
.section4 .intro {}
.section4 a {border-color: #000; color: #000;}

.section5 {}
.section5 .intro {}
.section5 a {border-color: #000; color: #000;}

@media all and (max-width: 768px){
	div#fullpage { margin-top: 60px; }
	.pright{width:100%; padding:0px 15px;}
	.pleft{width:100%; padding:0px 15px;}
	.pleft iframe{width:100%;}
	ul#menu.logreg { overflow-y: hidden; width: 100%; margin-top: 20px; top: 0px; float: none; }
	.logreg li {display: block;}
}