/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: 'Raleway', sans-serif;}

html {-webkit-text-size-adjust: 100%; /* Automatically adjusted for Safari on iPhone. */-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
fieldset, img {	border: 0;}
html, body{height:100%; background:#fff; font-size:16px;}

/* Links ---------------------- */
a { color: #3c3c3c; text-decoration: none; line-height:inherit;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
p a, p a:visited {line-height: inherit;}

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Lists ---------------------- */
ul, ol, dl { margin:0; padding:0; list-style:none; }

/* Headings & paragraphs ---------------------- */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal; text-transform:none; padding:0 0 10px 0; color: #464646;font-family:inherit;
font-weight: 700;}
h1{font-size:6em;}
h2{font-size: 5.3em;font-weight: 900;font-family: 'Lato', sans-serif;}
h3{font-size:3.5em;font-weight:900;}
h4{font-size:3.2em;}
h5{font-size:1.9em;}
h6{font-size:1.3em; color: #858484;font-weight: 600; line-height: 1; padding: 0;}
strong{font-weight:700;}
p{color:#2a2a2a;  margin: 0 0 15px 0;line-height: 1.5;font-size:1.2em;font-family: 'Open Sans', sans-serif;font-weight: 300;}

/* buttons ---------------------- */
.button{display: inline-block;position: relative;background: #023a4e;height:2.5em;line-height:2.5em;padding:0 15px;font-size: 1.2em; color: #fff;font-family: 'Lato', sans-serif;}
.button--block{display:block;width: 100%; text-align: center;}
.button.button--arrow{padding-right: 40px;}


.button.button--arrow:before{width:20px; height:4px; background: #fff; position: relative;-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out; content: ""; position: absolute; top:50%;right:30px; margin: -2px 0 0;}
.button.button--arrow:after{border-bottom:8px solid transparent;border-top: 8px solid transparent;border-left:12px solid #fff; content: ""; position: absolute; right:20px; top:50%;-webkit-transition: 0.3s all ease-in-out; margin: -8px 0 0;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}

.request_quote {
	    height: 32px;
    line-height: 32px;
	font-size: 1em;
	margin-right: 10px;
	background-color: #2cbed2;
	border-radius: 3px;
}


/* Misc ---------------------- */
.float--left {float: left !important;}
.float--right {float: right !important;}

.align--left {text-align: left !important;}
.align--right {text-align: right !important;}
.align--center { text-align: center !important;}

/* body ---------------------- */
.body{height: 100%; width: 100%;}

/* sections ---------------------- */
.section{width: 100%; height: 100%; position: relative;padding:5% 0 2%;overflow: hidden;}
.screen{/*background: url(../images/screen.png) no-repeat center top;*/}
/*.screen:before,.section--screen:after{pointer-events: none; position: absolute;left: 0; right: 0; bottom: 0; top: 0; height: 100vh; width:98%;content: "";
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 63%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 63%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 63%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}*/
.screen:after{opacity: 0.8;}

.screen__item{position: absolute;max-width: 100%;width: 100%; height: 100%;}
.screen__item img,.screen__item svg{position: absolute;}

.screen__item.ipod img, .screen__item.ipod svg{left: 0; top:50%; width:28%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
.screen__item.iphone img,.screen__item.iphone svg{left: 3.5%;top: 15%;width: 22%;}
.screen__item.spectacles img,.screen__item.spectacles svg{width: 15%;left:30%;top: 8%;}
.screen__item.headphone img,.screen__item.headphone svg{ right:0; top:10%;width:33%;}
.screen__item.note img,.screen__item.note svg{  right:2%; top:10%;width:7.5%;}
.screen__item.tablet img,.screen__item.tablet svg{bottom: 6%;right: 14%;width: 10%;}
.screen__item.keyboard img,.screen__item.keyboard svg{bottom:2%;left: 50%;width:30%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);}
.screen__item.mouse img,.screen__item.mouse svg{bottom:7%;left:70%;width:5%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);}

.screen__item.coffee img,.screen__item.coffee svg{bottom:7%;left:28%;width:7.5%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);}
#main{width: 100%; height: 100%;}

/* svg drawings ---------------------- */
.drawings {position: relative;max-height: 600px;}
.line-drawing,.illustration {-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.illustration{opacity: 0;}
.line-drawing path {fill: none;stroke: #ddd;stroke-width: 3;}
.show {opacity: 1;}

.line-drawing{opacity:0; visibility:hidden;}
.line-drawing.showlines{opacity:1; visibility:visible;}
.line-drawing.hide {opacity: 0;}


/* header ---------------------- */
.header{position: absolute; left: 0; right: 0; top: 0;padding:1.5% 1.5% 0 2%;z-index: 1;/*box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);*/background: #fff;}
/* logo ---------------------- */
.logo{float: left; padding: 0;overflow: hidden;font-size: 100%;}
.logo svg{width:11.25em; height:3.125em;}

/* toggles ---------------------- */
.toggle--nav{position: relative;z-index: 101; width:36px; height: 32px; float: right; padding:5px 8px;background: #585858; border-radius: 3px;opacity: 0;}
.toggle--nav.animated{opacity: 1;}
.toggle--nav span{width:100%; height:3px; background:#fff;border-radius: 3px; display:block; margin:9px 0 0; position: relative;}
.toggle--nav span:before,.toggle--nav span:after{transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;width:100%; height:3px; border-radius: 3px;background:#fff;content: ""; position:absolute;pointer-events: none;}
.toggle--nav span:before{top: -6px; left: 0; }
.toggle--nav span:after{ bottom: -6px; left: 0;}
.toggle--nav.is-active{background: rgba(0,0,0,0.2);}
.toggle--nav.is-active span{height: auto;}
.toggle--nav.is-active span:before{transform: rotate(45deg) translate(4px, 5px);-webkit-transform: rotate(45deg) translate(4px, 5px);-ms-transform: rotate(45deg) translate(4px, 5px);}
.toggle--nav.is-active span:after{transform: rotate(-45deg) translate(2px, -2px);-webkit-transform: rotate(-45deg) translate(2px, -2px);-ms-transform: rotate(-45deg) translate(2px, -2px);}

/* screen content ---------------------- */
.screen__body{position: absolute; left: 50%; top: 56%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);color: #fff;width: 100%;}
.screen__subtitle{color: #464646;text-transform: uppercase;font-size:1.3em;font-family: 'Lato', sans-serif;}

/* section content ---------------------- */
.section__left{float: left; width:55%; height: 100%;padding:0 2%;text-align: right;}
.section__right{float: left;width:45%; height: 100%;padding:0 2%;}

.section--even .section__left{float: right;text-align: left;}
.section--even .section__right{text-align: right;}
.section--even .section__subtitle,.section--even .section__description,.section--even .box--white{text-align: left;}
.section--even .arrow--rounded{top: 28%; left: auto;right: -6em; transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);}


#rotate h2{ backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 100%;position: absolute;top: -100px;}
.rotating {
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.rotating.highlighted {
transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);-webkit-transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);-ms-transform: rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
}

.section__title{text-transform: uppercase; position: relative;text-align: right;padding: 0 15% 0 0;display: inline-block;height:2em;line-height: 2em; margin:2% 0 3%;}
.section__title span{position: relative;}
.section__title:before{position: absolute; top:50%; color:rgba(0,0,0,0.02);content: attr(data-text);font-family: 'Lato', sans-serif;font-weight: 300;font-size:3.5em;line-height: 1;transform: translate(0,-55%);-webkit-transform: translate(0,-55%);-ms-transform: translate(0,-55%);z-index: 0;pointer-events: none;right: -15px;}

.section__title span{overflow: hidden;position: relative;display: inline-block;color: rgba(0,0,0,0.05);}
.section__title span:before {content: attr(data-letters);position: absolute;z-index: 2;overflow: hidden;color: #464646;white-space: nowrap;width: 0%;-webkit-transition: width 1s 0.3s;transition: width 1s 0.3s;}
.section.active.fp-completely .section__title span:before {width: 100%;}


.section__subtitle{text-transform: uppercase; position: relative;padding: 0 0 0;height:10%;line-height:1.8;margin: 0 0 0.5em 0;}
.section__subtitle span{position: relative;}
.section__subtitle:before{position: absolute; left:-0.3em; top:46%; color:rgba(0,0,0,0.05);content: attr(data-text);font-family: 'Lato', sans-serif;font-weight:900;font-size:2em;line-height: 1;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);z-index: -1;pointer-events: none;white-space: nowrap;}
.section__subtitle:after{width: 4px; height: 16px; content: "";position: absolute; left:4px; bottom: 0; background: #023a4e;}


.frame{width: 100%;background: #fff;border:4px solid #464646;border-radius: 2px;}
.frame__head{width: 100%;padding:10px 40px 10px 55px; background: #464646; position: relative;height:40px;}
.addressbar{font-size: 0.8em;line-height: 1;display: block;text-align: left; background: #fff; border-radius: 3px;height: 20px;padding:4px 10px;color: #636161;}


.frame__dots{background: #9d9c9c;width: 7px; height: 7px;border-radius: 100%; position: absolute;left:22px;top: 16px;}
.frame__dots:before,.frame__dots:after{background: #9d9c9c;width: 100%; height:  100%;border-radius: 100%; position: absolute;top: 0;content: "";}
.frame__dots:before{left:-12px;}
.frame__dots:after{right:-12px;}


.frame__lines{background: #9d9c9c;width:16px; height:3px;border-radius:3px; position: absolute;right:14px;top: 18px;}
.frame__lines:before,.frame__lines:after{background: #9d9c9c;width: 100%; height:  100%;border-radius:3px; position: absolute;content: "";left: 0;}
.frame__lines:before{top: -5px;}
.frame__lines:after{bottom:-5px;}

.screenshot {position: relative;background-repeat: no-repeat;background-size: cover;height:37em;width: 100%;}

body[class*="fp-viewing-"] .active.fp-completely .screenshot{animation:15s linear 0s infinite alternate tb-anim;-webkit-animation:15s linear 0s infinite alternate tb-anim; -ms-animation:15s linear 0s infinite alternate tb-anim;}
/*
.screenshot:hover{animation:15s linear 0s infinite alternate tb-anim;
-webkit-animation:15s linear 0s infinite alternate tb-anim;
-ms-animation:15s linear 0s infinite alternate tb-anim;}*/

@keyframes tb-anim{
0%{background-position:0 0;}
10%{background-position:0 0;}
30%{background-position:0 33%;}
40%{background-position:0 33%;}
60%{background-position:0 66%;}
70%{background-position:0 66%;}
90%{background-position:0 100%;}
100%{background-position:0 100%;}
}

@-webkit-keyframes tb-anim{
0%{background-position:0 0;}
10%{background-position:0 0;}
30%{background-position:0 33%;}
40%{background-position:0 33%;}
60%{background-position:0 66%;}
70%{background-position:0 66%;}
90%{background-position:0 100%;}
100%{background-position:0 100%;}
}

.box--white{background: #fff;position: relative;padding:3% 2%; box-shadow: 0 0 2em 0.8em rgba(0,0,0,0.04);width:26em;
margin:1em 0 3em 0;display: inline-block;}
.box--white .button{text-align: left;}
.list--vertical li{padding:0.6em 0.8em;}
.list--vertical li:first-child{padding-top: 0;}
.list__title{text-transform: uppercase;font-size: 1.2em; color:#000;font-weight: 700;display: block;}
.list__subtitle{font-size: 1.1em; color:#000;font-family: 'Open Sans', sans-serif;}

.arrow--rounded{position: absolute;top:28%;left:-25.5%;width:8em; height:6em; overflow: hidden;}
.hideMouse{display: none;}

#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
.sk-cube-grid { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);width:100px;height: 100px;z-index: 1001;  }

.sk-cube-grid .sk-cube {width: 33%;height: 33%;border: 1px solid #d9ebf2;  float: left;
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 { background-color: #2cbed2;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 { background-color: #2cbed2;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 { background-color: #2cbed2;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 { background-color: #2cbed2;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 { background-color: #2cbed2;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 { background-color: #1f1a17;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 { background-color: #2cbed2;
-webkit-animation-delay: 0s;
animation-delay: 0s; }
.sk-cube-grid .sk-cube8 { background-color: #1f1a17;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 { background-color: #1f1a17;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}

@keyframes sk-cubeGridScaleDelay {
0%, 70%, 100% {
-webkit-transform: scale3D(1, 1, 1);
transform: scale3D(1, 1, 1);
} 35% {
-webkit-transform: scale3D(0, 0, 1);
transform: scale3D(0, 0, 1);
}
}

.loaderlogo{position: absolute; left: 50%; top: 40%; width: 200px;z-index: 1001;transform: translate(-50%,-40%);-ms-transform: translate(-50%,-40%);-webkit-transform: translate(-50%,-40%);-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #e9e9e9;z-index: 1000;
-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(0);  /* IE 9 */
transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(-100%);  /* IE 9 */
transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateX(100%);  /* IE 9 */
transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
visibility: hidden;
-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: translateY(-100%);  /* IE 9 */
transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
-webkit-transition: all 0.3s 1s ease-out;
transition: all 0.3s 1s ease-out;
}



/* sign */
.sign--techwave { position: relative;font-size: 16em; position: absolute; line-height: 1;left: 0; right: 0;text-align: center;font-weight: 800;color:transparent;-webkit-transition: color 0.5s 0.25s;transition: color 0.5s 0.25s;overflow: hidden;top:0;
transform: translate(0,-70%);-webkit-transform: translate(0,-70%);-ms-transform: translate(0,-70%);}
.sign--techwave span {position: absolute;height: 50%;width: 100%;left: 0;top: 0;overflow: hidden;}
.sign--techwave span:before {content: attr(data-letters);color: red;position: absolute;left: 0;width: 100%;color:rgba(0,0,0,0.02);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.sign--techwave span:nth-child(2) {top: 50%;}
.sign--techwave span:first-child:before {top: 0;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.sign--techwave span:nth-child(2):before {bottom: 0;-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
body.showtext .sign--techwave span:before {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);transition-timing-function: cubic-bezier(0.2,1,0.3,1);}



/* popup style */
.popup {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(70,70,70,1);z-index: 100;overflow: auto;
padding:0 15px; padding: 0.75%;display: none;}
.popup__content{margin: auto;max-width:70%;color: #fff; padding:4% 2% 2%;display: table; clear: left;}
.popup__content h4{font-weight: 100;padding: 0 0 2% 0; color:rgba(255,255,255,1);/*opacity: 0;*/-webkit-transition: opacity 0.4s 0.4s;transition: opacity 0.4s 0.4s;font-size: 2.5em;}
.popup__content h4 strong{color:rgba(255,255,255,0.6);}

.panel_header_sec{
    width: 100%;
    position: relative;
        margin-bottom: 40px;
}

.panel_header_sec:after{
	content: " ";
    position: absolute;
    left: 0;
    right: 0px;
    width: 100%;
    background-color: #636363;
    height: 1px;
    top: 100%;
}

.panel_header_sec .panel_heading{
	font-weight: 900;
	max-width: 740px;
	font-size: 3.5em;
	color: #cdcbcb;
	margin: 0px auto;
	text-align: center;
	line-height: 1em;
	padding-bottom: 40px;
	    font-family: 'Raleway', sans-serif;
}

.brand_bold{
	font-weight: 800;
	  font-family: 'Raleway', sans-serif;
}

.panel__left{width: 62%; float: left;}
.panel__right{width: 30%; float: right;}

.cols--flat{border-top: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);width:100%; display: inline-block; margin: 0 0 5% 0;}
.cols--flat li{float: left;width: 33.3%;}
.cols--flat li p{color:#fff; margin: 0 0 15px 0;font-size: 1em;line-height: 1.2; position: relative; height:45px;max-width:74%;}
.cols--flat li h5{color:#fff;text-transform: uppercase;padding: 0 0 8px 0;font-size:1.4em; position: relative;}
.cols--flat li a{min-height: 220px; padding:7%; display: block;border-left: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);opacity:0.5;position: relative;overflow: hidden;}
.icon--items{position: relative; overflow: hidden;fill:rgba(255,255,255,1);width:60px; height: 60px;z-index: 1;}
.icon--info{position: relative; overflow: hidden;fill:rgba(255,255,255,1);width:32px; height: 32px;float: right;opacity: 0.5;}
.icon--socials{position: relative; overflow: hidden;fill:rgba(255,255,255,1);width:30px; height:30px;opacity: 0.5;}
.cols--flat li a:hover{opacity: 1;border-color:rgba(255,255,255,0.2);background: rgba(0,0,0,0.2);}

.block{width: 100%; padding:1% 0 0;}
.block:first-child{ padding: 0;}
.block__head{padding: 5% 0;}
.block__head h6{color: #fff;font-size: 1.5em;}


.links--vertical li{display: block;border-top: 1px solid rgba(255,255,255,0.1);padding:2% 0;font-size: 1em; color:rgba(255,255,255,0.3);}
.links--vertical li a{color:rgba(255,255,255,0.3);display: block;}
.links--vertical li a:hover{color: #fff;}
.links--vertical.inline li a{font-family: Arial;display: inline-block;vertical-align: middle;}
.links--vertical.inline.calls li {font-family: Arial;}


/*clearfix class*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/*New css for panel section added on 271-10-2016*/

.panel_left_new{
	width: 50%;
	float: left;
}

.panel_right_new{
	width: 50%;
	float: right;
	padding-left: 120px;
}

.cols-flat_new{
	border-top: 1px solid rgba(255,255,255,0.1);
	border-right: 1px solid rgba(255,255,255,0.1);
	width:100%;
	display: inline-block;
	margin: 0 0 5% 0;
}

.cols-flat_new li {
	float: left;
	width: 100%;
}

.cols-flat_new li {
	min-height: 50px;
	padding: 4%;
	display: block;
	border-left: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    opacity: 0.8;
    position: relative;
    overflow: hidden;
}

.cols-flat_new li:hover {
    opacity: 1;
    border-color: rgba(255,255,255,0.2);
    background: rgba(0,0,0,0.2);
}



.cols-flat_new li p{
	color: #d2d2d2;
	margin:0px;
	font-size: 1.3em;
	line-height: 1.2;
	position: relative;
	    font-family: 'Raleway', sans-serif;
}

.cols-flat_new li p span{
	color: rgba(230,230,230,0.8);
	font-weight: 600;
}

.why_choose_techwave{
	display: table;
	width: 100%;
}



.cols-flat_new .img_block{
	display: table-cell;
	width: 15%;
	vertical-align: middle;
}


.cols-flat_new .why_choose_details{
	display: table-cell;
	width: 85%;
	vertical-align: middle;
}
/*Code for block header*/

.block_new_header{
	position: relative;
	padding-bottom: 30px;
}

.block_new_header:after{
	content: " ";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #636363;
}

.block_new_header h5 {
	font-size: 2.65em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	    color: #e8e8e8;
	padding-bottom: 25px;
}

.button.popup_btn_new{
	background-color:rgba(187, 187, 187, 0.9);
	color: #464646;
	    font-family: 'Raleway', sans-serif;
	font-weight: 600;
	    padding: 0 35px;
}

.button.popup_btn_new:hover , .popup_btn_new:focus{
		background-color: rgba(144,144,144,1);
	color: #464646;
	    font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

.block_new_details_sec {
	display: table;
	width: 100%;
	    padding: 40px 0;
}

.block_new_details_sec.last_sec{
	padding: 0;
}

.block_new_details_sec .img_block {
	display: table-cell;
	width: 15%;
	vertical-align: top;

}

.block_new_details_sec .block_new_details{
	display: table-cell;
	width: 85%;
	vertical-align: top;
}

.block_new_details h6{
	color: #e8e8e8;
	font-size: 1em;
	padding-bottom: 10px;
	text-transform: uppercase;
}


.full_wd_list li a {
	display: block;text-decoration: underline;
	font-family: 'Lato', sans-serif;
	color: #d9d9d9;
	padding-bottom: 10px;
	font-size: 1.3em;
	font-weight: 300;
}

.full_wd_list.half_wd_list li {
	width: 50%;
	float: left;
}

.full_wd_list.half_wd_list li a{
	font-family: 'Lato', sans-serif;
	    text-decoration: none;
}

.imp_announcement_sec {
	width: 100%;
	padding: 0;
}

 .imp_announcement_sec .user_announcement {
	color: #b8b8b8;
    margin: 0 0 15px 0;
    font-size: 1.3em;
    line-height: 1.2;
    position: relative;
    height: 20px;
    font-family: 'Raleway', sans-serif;
    text-align: center;
}

.user_announcement span{
	color: rgba(230,230,230,0.8);
    font-weight: 600;
}

.hidden_link{
	display: none;
}

#back-top {
    bottom: 50px;
    position: fixed;
    right: 10px;
}
#back-top img {
    display: inline-block;
    margin-top: 6px;
}
#back-top a {
    opacity: 0.8;
    border-radius: 50%;
    background: #2cbed2;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}




@media(min-width:1050px){
.links--vertical.calls li a{pointer-events: none;}
}

.links--social{width: 100%; display: inline-block; margin: 6% 0 0;}
.links--social li{float: left; margin: 0 20px 0 0;}
.links--social li a:hover svg{opacity: 1;}
.panel__left .link{opacity: 0.5; color: #fff;text-decoration: underline;font-size: 2em;}
.panel__left .link:hover{opacity:1;}



.link--close{position: absolute;width: 60px;height: 60px;background-color: #fff;cursor: pointer;border-radius: 50%;z-index: 30;     top: 50px;
    right: 50px;}
.link--close:before,.link--close:after{content: '';  position: absolute;top: 29px;left: 20px;  width: 20px;height: 2px;background: rgba(70,70,70,0.99);}
.link--close:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.link--close:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.link--close:hover{opacity: .7;}

/*#mousemove{position: absolute; margin: -20px;}*/


/* animate css */
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

to {
-webkit-transform: none;
transform: none;
}
}

@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

to {
-webkit-transform: none;
transform: none;
}
}

.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}


/* scrollbars ---------------------- */

.scrollbar {overflow: auto;width: 100%;height:23em;padding: 0 25px 0 0!important;}
.track {width: 7px;background: rgba(0, 0, 0, 0.15);margin-right: 2px;border-radius:1px;-webkit-transition: background 250ms linear;transition: background 250ms linear;}
.track.dragging {background: #d9d9d9;background: rgba(0, 0, 0, 0.15);}
.handle {width:7px;right: 0;background: #999;background: rgba(0, 0, 0, 0.4);border-radius:1px;-webkit-transition: width 250ms;transition: width 250ms;}





.screen--flash{display:none;background-size: 100%; background-position: center top; background-repeat: no-repeat;width: 100%; height: 100%;}

/* browsers prefixes css */
html.no-willchange .screen--flash{display: block;}
html.no-willchange #main{display:none;}

/*added on 14-oct-2016*/



/* site theming ---------------------- */

/* stanventures */
body[class*="fp-viewing-"] .section--stanventures.active.fp-completely .screenshot{animation:30s linear 0s infinite alternate tb-anim;-webkit-animation:30s linear 0s infinite alternate tb-anim; -ms-animation:30s linear 0s infinite alternate tb-anim;}
.section--stanventures .arrow--rounded{fill:#ef7f1a;}
.section--stanventures .section__subtitle:after,
.section--stanventures .button
{background: #ef7f1a;}

/* elders */
.section--elders .arrow--rounded{fill:#009148;}
.section--elders .section__subtitle:after,
.section--elders .button
{background: #009148;}

/* kazadu */
.section--kazadu .arrow--rounded{fill:#0c456c;}
.section--kazadu .section__subtitle:after,
.section--kazadu .button
{background: #0c456c;}

/* excursions dubai */
.section--excursions .arrow--rounded{fill:#fa8616;}
.section--excursions .section__subtitle:after,
.section--excursions .button
{background: #fa8616;}

/* certifiedgold */
.section--certifiedgold .arrow--rounded{fill:#c83a20;}
.section--certifiedgold .section__subtitle:after,
.section--certifiedgold .button
{background: #c83a20;}

/* eriksadventrues */
.section--erik .arrow--rounded{fill:#afbd21;}
.section--erik .section__subtitle:after,
.section--erik .button
{background: #afbd21;}

/* textwriters */
.section--textwriters .arrow--rounded{fill:#214f86;}
.section--textwriters .section__subtitle:after,
.section--textwriters .button
{background:#214f86;}

/* textwriters */

.section--esimplicity .arrow--rounded{fill:#1e4f78;}
.section--esimplicity .section__subtitle:after,
.section--grabz .button
{background:#1e4f78;}

.section--helloeggheads .arrow--rounded{fill:#63c886;}
.section--helloeggheads .section__subtitle:after,
.section--helloeggheads .button
{background:#63c886;}

.section--grabz .arrow--rounded{fill:#13c06e;}
.section--grabz .section__subtitle:after,
.section--grabz .button
{background:#13c06e;}

.section--bluesphereadvisors .arrow--rounded{fill:#004381;}
.section--bluesphereadvisors .section__subtitle:after,
.section--bluesphereadvisors .button
{background:#004381;}


.section--Zionclouds .arrow--rounded{fill:#c8353d;}
.section--Zionclouds .section__subtitle:after,
.section--Zionclouds .button
{background:#c8353d;}

.section--Optistartech .arrow--rounded{fill:#175E9C;}
.section--Optistartech .section__subtitle:after,
.section--Optistartech .button
{background:#175E9C;}

.section--Optistartech .arrow--rounded{fill:#175E9C;}
.section--Optistartech .section__subtitle:after,
.section--Optistartech .button
{background:#175E9C;}

.section--nextbigdeal .arrow--rounded{fill:#B137B3;}
.section--nextbigdeal .section__subtitle:after,
.section--nextbigdeal .button
{background:#B137B3;}


.section--wildrobe .arrow--rounded{fill:#000;}
.section--wildrobe .section__subtitle:after,
.section--wildrobe .button
{background:#000;}



.section--footloos .arrow--rounded{fill:#66cad3;}
.section--footloos .section__subtitle:after,
.section--footloos .button
{background:#66cad3;}

.section--us_asia .arrow--rounded{fill:#c91e1e;}
.section--us_asia .section__subtitle:after,
.section--us_asia .button
{background:#c91e1e;}

.section--caps-acsp .arrow--rounded{fill:#bf1e01;}
.section--caps-acsp .section__subtitle:after,
.section--caps-acsp .button
{background:#bf1e01;}



/* nria */
/*.section--nria .section__title{font-size: 2.5em;}*/
.section--nria .arrow--rounded{fill:#9dc13a;}
.section--nria .section__subtitle:after,
.section--nria .button
{background:#9dc13a;}

/* fitnessbuddy */
.section--fitnessbuddy .arrow--rounded{fill:#a90c2b;}
.section--fitnessbuddy .section__subtitle:after,
.section--fitnessbuddy .button
{background:#a90c2b;}

/* bogt */
/*.section--bogt .section__title{font-size: 2.5em;}*/
.section--bogt .arrow--rounded{fill:#2474d8;}
.section--bogt .section__subtitle:after,
.section--bogt .button
{background:#2474d8;}

/* rubicon */
.section--rubicon .arrow--rounded{fill:#ed1f24;}
.section--rubicon .section__subtitle:after,
.section--rubicon .button
{background:#ed1f24;}

/* esport */
.section--esport .arrow--rounded{fill:#dc2a2a;}
.section--esport .section__subtitle:after,
.section--esport .button
{background:#dc2a2a;}

/* notebudd */
.section--notebudd .arrow--rounded{fill:#80ac07;}
.section--notebudd .section__subtitle:after,
.section--notebudd .button
{background:#80ac07;}

/* embassy */
.section--embassy .arrow--rounded{fill:#0ea560;}
.section--embassy .section__subtitle:after,
.section--embassy .button
{background:#0ea560;}

/* bizixx */
.section--bizixx .arrow--rounded{fill:#faa818;}
.section--bizixx .section__subtitle:after,
.section--bizixx .button
{background:#faa818;}

/* invent right */
.section--inventright .arrow--rounded{fill:#5cba3c;}
.section--inventright .section__subtitle:after,
.section--inventright .button
{background:#5cba3c;}

/*Code added on 14-10-2016*/


/* nyanfu */
.section--nyanfu .arrow--rounded{fill:#f44e10;}
.section--nyanfu .section__subtitle:after,
.section--nyanfu .button
{background:#f44e10;}


/* Mouauportal */
.section--Mouauportal .arrow--rounded{fill:#008315;}
.section--Mouauportal .section__subtitle:after,
.section--Mouauportal .button
{background:#008315;}


/* redcappi */
.section--redcappi .arrow--rounded{fill:#920102;}
.section--redcappi .section__subtitle:after,
.section--redcappi .button
{background:#920102;}

/* Certified Gold Exchange */
.section--Certified_Gold_Exchange .arrow--rounded{fill:#204e5b;}
.section--Certified_Gold_Exchange .section__subtitle:after,
.section--Certified_Gold_Exchange .button
{background:#204e5b;}


/* Ad system led */
.Ad_System_LED .arrow--rounded{fill:#122550;}
.Ad_System_LED .section__subtitle:after,
.Ad_System_LED .button
{background:#122550;}


/* Envirotac */
.section--Envirotac .arrow--rounded{fill:#e01f20;}
.section--Envirotac .section__subtitle:after,
.section--Envirotac .button
{background:#e01f20;}

/* flytxt */
.section--flytxt .arrow--rounded{fill:#f28f23;}
.section--flytxt .section__subtitle:after,
.section--flytxt .button
{background:#f28f23;}

/* Ad system led */
.section--Insist_Gaming .arrow--rounded{fill:#ff8d00;}
.section--Insist_Gaming .section__subtitle:after,
.section--Insist_Gaming .button
{background:#ff8d00;}

.section--storybook .arrow--rounded{fill:#FFDC8B;}
.section--storybook .section__subtitle:after,
.section--storybook .button
{background:#FFDC8B;}

.section--storybook .arrow--rounded{fill:#FFDC8B;}
.section--storybook .section__subtitle:after,
.section--storybook .button
{background:#FFDC8B;}

.section--ICSSNJ .arrow--rounded{fill:#000066;}
.section--ICSSNJ .section__subtitle:after,
.section--ICSSNJ .button
{background:#000066;}

.section--travelstruk .arrow--rounded{fill:#F68938;}
.section--travelstruk .section__subtitle:after,
.section--travelstruk .button
{background:#F68938;}

.section--differentcause .arrow--rounded{fill:#5D4674;}
.section--differentcause .section__subtitle:after,
.section--differentcause .button
{background:#5D4674;}

.section--Inmotion_Delivery .arrow--rounded{fill:#20496A;}
.section--Inmotion_Delivery .section__subtitle:after,
.section--Inmotion_Delivery .button
{background:#20496A;}

.section--Erik_Adventures .arrow--rounded{fill:#afbd21;}
.section--Erik_Adventures .section__subtitle:after,
.section--Erik_Adventures .button
{background:#afbd21;}


/* media queries ---------------------- */

@media(min-width:1050px){
.button:hover{background: #464646;}
}

@media (min-width:1301px) and (max-width:1650px){
html, body{font-size: 14px;}
.arrow--rounded{top:20%;}
p{font-size: 1.1em;}
.box--white{margin:3em 0 2em;}
.section__subtitle:after{bottom: -8px;}
.section{padding-top: 4%;}
.section__title:before{font-size: 2.6em;}
.section--even .arrow--rounded{top:22%;}
.popup__content{padding-top: 2%;}
.section__title{padding-right: 10%; margin:4% 0 5%;font-size: 3em;}
}

@media(min-width:1501px) and (max-width:1650px){
.screenshot{height: 34em;}
.section__title{padding-right: 10%; margin-top:3%;font-size: 3em;}
.section--nria .section__title,.section--bogt .section__title{font-size: 2.4em;}
}

@media(min-width:1401px) and (max-width:1550px){
html, body{font-size: 13px;}
p{font-weight: normal;}
.screen__item.iphone img, .screen__item.iphone svg{top: 15%;}
.screenshot{height:28em;}
.popup__content{padding-top: 2%;max-width: 80%;}
.section--nria .section__title,.section--bogt .section__title{font-size: 2.2em;}

}


@media(min-width:1301px) and (max-width:1400px){
html, body{font-size: 13px;}
p{font-weight: normal;}
.screen__item.iphone img, .screen__item.iphone svg{top: 10%;}
.screenshot{height:28em;}
.popup__content{padding-top:1%;max-width: 80%;}
.section__title:before{font-size: 2.6em;}
.cols--flat li a{min-height: 200px;}
.cols--flat{margin-bottom: 2%;}
.scrollbar{height: 17em;}
.section--nria .section__title,.section--bogt .section__title{font-size: 2.2em;}
}
@media(min-width:1201px) and (max-width:1300px){
html, body{font-size: 12px;}
p{font-weight: normal;}
.popup__content{padding-top:1%;max-width:90%;}
.cols--flat li a{min-height: 200px;}
.cols--flat li p{max-width: 85%;}
.screenshot{height: 31em;}
.section__subtitle:after{bottom: -10px;}
.box--white{margin-top: 2em;}
.section__title{font-size: 2.8em;}
.arrow--rounded,.section--even .arrow--rounded{top: 10%;}
.cols--flat{margin-bottom: 2%;}
.scrollbar{height: 16em;}
.section--nria .section__title,.section--bogt .section__title{font-size: 2.2em;}
}

@media(max-width:767px){
html, body{font-size: 13px;}
h1{font-size:6em;}
h2{font-size:2.3em;font-weight: 900;font-family: 'Lato', sans-serif;}
h3{font-size:2em;font-weight:900;}
h4{font-size:1.8em;}
h5{font-size:1.2em;}
h6{font-size:1.1em; color: #858484;font-weight: 600; line-height: 1; padding: 0;}
p{font-size: 1.1em;}
.logo svg {height:3em;width:10em;}
.header{padding:2% 4%;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);position: fixed; top: 0; left: 0; right: 0;z-index: 10;}
.logo{margin-top: 4px;}
.toggle--nav{opacity: 1; margin-top:7px;}
#rotate h2{top: 0;}
.sign--techwave{font-size: 7em;top: 50%;}
.screen__subtitle{margin-top: 40px; line-height: 1.5;}
.body{padding-top: 70px;}
#main{position: relative;}
.screen__item.keyboard img, .screen__item.keyboard svg{left: 46%;width: 50%;}
.screen__item.tablet img, .screen__item.tablet svg{width: 20%; right: 2%;}
.screen__item.coffee img, .screen__item.coffee svg{left: 6%; width: 10%;}
.screen__item.mouse img, .screen__item.mouse svg{left: 75%; width: 10%;}
.screen__item.ipod img, .screen__item.ipod svg{top: 60%;}
.screen__item.headphone img, .screen__item.headphone svg {right: 0;top: -5%;width: 55%;}
.screen__item.note img, .screen__item.note svg {right: 2%;top: 0;width: 13%;}
.screen__item.spectacles img, .screen__item.spectacles svg {left: 5%;top: -5%;width: 25%;}
.screen__item.iphone img, .screen__item.iphone svg {left: 3.5%;top: 20%;width: 30%;}
.screen__body{top: 45%;}

.section__left{width: 100%; height: auto;padding: 0 3%;}
.section__right{width: 100%; height: auto;padding: 0 3%;}
.section{overflow: visible;}
.screenshot{height: 20em;}
.section__title{text-align: center; padding-right: 0;display: block; margin-top: 0;}
.arrow--rounded{display: none;}
.box--white{width: 100%;  padding: 10px 0 5px; margin: 10px 0 15px;border: 1px solid #eee;}
.section__title span{color: #585858;}
.section{height: auto;border-bottom: 1px solid #eee;display: inline-block;padding: 20px 0;}
.section.screen{height: 100%;}
.section__subtitle:before,.section__subtitle:after{display: none;}
.section__subtitle{height: auto; line-height: normal;}
.scrollbar{height: auto;}
.section__title:before{right: 0; color: rgba(0, 0, 0, 0.04);}
.popup__content{max-width: 100%;width: 100%;display: inline-block;}
.popup .logo{margin:8px 0 0 11px;}
.panel__right{width: 100%;border-top: 1px solid rgba(255,255,255,0.1);}
.panel__left{width: 100%; padding: 0 0 20px 0;}
.popup{overflow: scroll;}
.nav-show{overflow: hidden;}
#mousemove {margin: -20px;position: absolute;right: 30px;top: 30px;}
.link--close{width: 40px; height: 40px;right: 0; top: 0;background: none;}
.link--close:before, .link--close::after{ background: #fff;content: "";height: 3px;left: 8px;position: absolute;top: 18px;width: 25px;}
.popup__content h4{font-size: 1.6em;}
.popup__content h4 br{display: none;}
.cols--flat li{width: 50%;text-align: center;}
.cols--flat li p{max-width: 100%; margin: 0;}
.icon--items{width: 50px; height: 50px;}
.cols--flat li a{min-height: 160px;}
.panel__left .link{font-size: 1.3em;}

.screen__body{top: auto; bottom: 5%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
#main{display:none;}

.screen__body .screen__title {
	font-size: 1.5em;
}
.screen--flash{display: block;}
.screen--flash {background-position: center top;}
.section.screen {height: 70%;}
.sign--techwave span:before{color: rgba(0, 0, 0, 0.03);}

/*Code added on 17-10-2016*/
.request_quote {
	display: none;
}

/*code added on 27-10-2016*/

.panel_header_sec{
	margin-bottom: 20px;
}
.panel_header_sec .panel_heading{
	padding-bottom: 20px;
}

.panel_header_sec .panel_heading {
	font-size: 2em;
}

.panel_left_new {
	float: none;
	width: 100%;
}

.panel_right_new {
	float: none;
	width: 100%;
	padding-left: 0px;
}

.cols-flat_new .img_block{
	float: none;
	margin-bottom: 10px;
}
.cols-flat_new li a{
	min-height: 80px;
}

.block_new_header h5{
	font-size: 2em;
}
.block_new_details_sec{
	padding: 20px 0;
}
.block_new_details_sec.last_sec{
	padding-bottom: 20px;
}
.block_new_details_sec .img_block{
	width: 20%;
}
.block_new_details_sec .block_new_details{
	width: 80%;
}
.full_wd_list.half_wd_list li a{
	font-size: 1em;
}
.imp_announcement_sec .user_announcement{
	font-size: 1em;
}
}

@media(min-width:451px) and (max-width:500px){
.screen__item.keyboard img, .screen__item.keyboard svg{left:48%;width:45%;bottom: 0;}
.screen__item.tablet img, .screen__item.tablet svg{width:15%; right: 2%;}
.screen__item.coffee img, .screen__item.coffee svg{left: 6%; width:10%;bottom: 0;}
.screen__item.mouse img, .screen__item.mouse svg{left:75%; width:10%;}
.screen__item.ipod img, .screen__item.ipod svg{top:55%;}
.screen__item.headphone img, .screen__item.headphone svg {right: 0;top: -5%;width:45%;}
.screen__item.note img, .screen__item.note svg {right: 2%;top: 0;width:9%;}
.screen__item.spectacles img, .screen__item.spectacles svg {left: 5%;top: -10%;width: 20%;}
.screen__item.iphone img, .screen__item.iphone svg {left: 3.5%;top: 20%;width: 25%;}

}


@media (min-width:768px) and (max-width:990px){
html, body{font-size: 13px;}
h1{font-size:6em;}
h2{font-size:4.6em;font-weight: 900;font-family: 'Lato', sans-serif;}
h3{font-size:3em;font-weight:900;}
h4{font-size:2.9em;}
h5{font-size:2.8em;}
h6{font-size:2.5em; color: #858484;font-weight: 600; line-height: 1; padding: 0;}
p{font-size: 1.1em;}
.toggle--nav{opacity: 1; margin-top:7px;}
.logo{margin-top: 4px;}
#rotate h2{top: 0;}
.sign--techwave{top: 90%;}
.screen__subtitle{margin-top:80px; line-height: 1.5;}

#main{position: relative;}
.header{padding:1% 2%;box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);position: fixed; top: 0; left: 0; right: 0;z-index: 10;}

.screen__item.keyboard img, .screen__item.keyboard svg{left: 42%;width:55%;bottom: 5%;}
.screen__item.tablet img, .screen__item.tablet svg{width: 20%; right: 2%;}
.screen__item.coffee img, .screen__item.coffee svg{left: 6%; width: 10%;}
.screen__item.mouse img, .screen__item.mouse svg{left: 75%; width: 10%;}
.screen__item.ipod img, .screen__item.ipod svg{top: 60%;}
.screen__item.headphone img, .screen__item.headphone svg {right: 0;top: 12%;width: 55%;}
.screen__item.note img, .screen__item.note svg {right: 2%;top: 5%;width: 13%;}
.screen__item.spectacles img, .screen__item.spectacles svg {left: 5%;top: 5%;width: 25%;}
.screen__item.iphone img, .screen__item.iphone svg {left: 3.5%;top: 20%;width: 30%;}
.screen__subtitle{font-size: 1.3em;}
.section{height: auto;border-bottom: 1px solid #eee;display: inline-block;padding: 20px 0;}
.section.screen{height: 100%;}
.screen__body{top: 50%;}
.section__left{width: 100%; height: auto;padding: 0 3%;}
.section__right{width: 100%; height: auto;padding: 0 3%;}
.arrow--rounded{display: none;}
.box--white{width: 100%;}
.section__title{text-align: center; padding-right: 0;display: block; margin-top: 0;}
.section__title span{color: #585858;}
.scrollbar{height: auto!important; overflow: visible!important;width: 100%!important;}
#mousemove {margin: -20px;position: absolute;right: 30px;top: 30px;}
.link--close{width: 40px; height: 40px;right: 0; top: 0;background: none;}
.link--close:before, .link--close::after{ background: #fff;content: "";height: 3px;left: 8px;position: absolute;top: 18px;width: 25px;}
.popup__content{max-width: 100%;width: 100%;display: inline-block;}
.popup .logo{margin:6px 0 0 10px;}
.icon--info{width: 22px; height: 22px;}
.popup__content h4{font-size: 2em;}
.popup__content h4 br{display: none;}

.screen__body{top: auto; bottom: 5%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
#main{display:none;}
.screen--flash{display: block;}
.screen--flash {background-position: center 20%;}
.section.screen {height: 60%;}
.sign--techwave span:before{color: rgba(0, 0, 0, 0.03);}
.links--social li{margin-right: 15px;}
.panel__right{width: 34%;}
.request_quote {margin-top: 8px;font-size: 1.3em;}
.panel_right_new {
    padding-left: 30px;
}
.screen__body .screen__title {
    font-size: 3em;
}
}

@media (min-width:991px) and (max-width:1050px){
html, body{font-size: 13px;}
h1{font-size:6em;}
h2{font-size:4.6em;font-weight: 900;font-family: 'Lato', sans-serif;}
h3{font-size:2.4em;font-weight:900;}
h4{font-size:2.9em;}
h5{font-size:2.8em;}
h6{font-size:2.5em; color: #858484;font-weight: 600; line-height: 1; padding: 0;}
p{font-size: 1.1em;}
.sign--techwave{font-size: 14em;top: 80%;}
.toggle--nav{opacity: 1; margin-top:7px;}
.screen__item.coffee img, .screen__item.coffee svg{left:10%; width:15%;}
.screen__item.ipod img, .screen__item.ipod svg{width: 30%;top: 44%;}
.screen__item.keyboard img, .screen__item.keyboard svg{left:45%;width:50%;bottom: 5%;}
.screen__item.tablet img, .screen__item.tablet svg{width:20%; right:1%;}
.screen__item.mouse img, .screen__item.mouse svg{left: 75%; width: 10%;}
.header{padding:1% 2%;position: fixed; top: 0; left: 0; right: 0;z-index: 10;}
.section{padding: 8% 0 5%;}
.section__title span{color: #585858;}
#rotate h2{top: -80px;}
.section__title{margin: 2% 0 8%;}
.arrow--rounded{top: 20%;}
.section--even .arrow--rounded{top: 22%;}
#mousemove {margin: -20px;position: absolute;right: 30px;top: 30px;}
.link--close{width: 40px; height: 40px;right: 10px; top: 5px;background: none;}
.link--close:before, .link--close:after{ background: #fff;content: "";height: 3px;left: 8px;position: absolute;top: 18px;width: 25px;}
.popup__content{max-width: 100%;width: 100%;display: inline-block;}
.popup .logo{margin:3px 0 0 12px;}
.section__subtitle:after{left: 3px; bottom: -5px;}

.screen__body{top: auto; bottom: 5%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);}
#main{display:none;}
.screen--flash{display: block;}
.screen--flash {background-position: center top;}
.sign--techwave span:before{color: rgba(0, 0, 0, 0.03);}

.screenshot{height: 36em;}
.section{height: auto;}
.section.screen{height: 100%;}
.request_quote{margin-top: 7px;}
/*.section--nria .section__title,.section--bogt .section__title{font-size: 1.5em;}
.section--nria .section__title:before,.section--bogt .section__title:before{font-size: 6.2em;}*/

.panel_right_new {
	padding-left: 50px;
}
.screen__body .screen__title {
    font-size: 3em;
}

}