@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700italic,700,300italic,300,400italic,800italic);
body { 
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke:1px transparent;
}
@font-face {
  font-family: 'Bebas Neue';
 src: url('../fonts/BebasNeue.woff') format('woff');
  
}
.main-banner{background:url(../images/Wirelinq_Banner_Bg.jpg) no-repeat right; background-size:cover;height:auto;}
*{line-height:normal; margin:0; padding:0; box-sizing:border-box;}
body{font-family:'Open Sans' !important; color:#000;}
.container{width:1148px;}
a, a:hover{text-decoration:none;color:#6d6b6c;}
h1{font-size:72px;font-family:'Bebas Neue';}
h2{font-size:60px;font-family:'open sans';color:#5b5b5a;font-weight:300;word-spacing:15px;letter-spacing:-1px;}
h3{font-size:24px;text-transform:none;font-family:'open sans';font-weight:normal;color:#0e1013;}
ul{margin:0; padding:0; list-style-type:none;}
.logo{width:128px;float:left; margin-left:30px;}
.logo img{width:100%;margin-top:-2px;}
.clearfix{clear:both}
.flright{float:right;}
.flleft{float:left;}
.navbar{background:#000;}
.nav{font-size:16px; margin-top:0px; color:#6d6b6c!important; padding-left:10px; float:right;}
.nav > li{margin:0px;float:left; }
.nav > li:last-child{float:left; margin-top:3px} 
.nav > li > a:hover {color:#b7082e;}
.navbar-toggle {
    background-color: #000;
}
.navbar-brand{height:auto;}
.header{background-color:#fff; height:70px;  position:fixed; z-index:999; top:34px;width:100%; transition: all .2s;}
.addtop .header{top:0; box-shadow:1px 1px 10px #ccc}
.header .container{margin-top:10px}
/*  MY STYLE CSS  */         
p{font-size:17px; font-weight:normal; margin:20px 0px;line-height:24px;}
.banner-adjustment{padding-bottom:200px;}
.banner-text h1{margin-top:150px;line-height:72px;color:#fff;}
.banner-button{border:1px solid #fff;padding:10px;}
.services{margin:30px 0px 30px 0px}
.service-text{font-size:15px;color:#7a7a7a;padding-right:240px;}
.top-padd30{padding-top:30px;}
.marg40{margin-bottom:40px;}
.video-section{background:url(../images/Wirelinq_Video_Bg.jpg) no-repeat right; background-size:cover;padding-bottom:80px;}
.video-section-new{background:url(../images/specifications-bg-img.png) no-repeat right; background-size:cover;padding-bottom:0px;}
.wirelink-video-text h2{margin:60px 0px 30px 0px;}
.wirelink-video-text{text-align:center!important;}
.padd-20{padding:0px 0px 20px 0px;}
.padd-30{padding:30px 0px 10px 0px;}
.p-b-10{padding-bottom:10px;}
.border-10{border-right:10px solid #fff;}
.software-text{font-family:lato;font-size:24px;line-height:48px;color:#494b4a;font-weight:300;}
.text-26{font-size:26px;font-weight:bold;}
.p-m-0{padding:0px;margin:0px;}
.p-t{padding-top:30px;}
.m-neg{margin-top:-80px;}
.bg-yellow{background-color:#ededed;border:1px solid #fff;font-weight:bold;color:#515051;}
.footer-list li{padding-bottom:10px;text-transform:capitalize;font-size:16px;}
.footer-list li a{color:#8A8A8D;}
.footer-list li a:hover{color:#c70000;}
.footer-list{padding-top:20px;}
.footer-heading{font-size:16px;text-transform:uppercase;}
.footer-outer{background-color:#e7e7e8;padding:10px 0px 40px 0px;}
.kick{
	color:#fff;
	padding:40px 0px 250px 0px;
}
.greentext{color:#2add75}
.kick h2{text-transform:none; font-size:50px; font-weight:100}
.kick-inpt{width:100%;padding:15px 20px;border:1px solid #ddd;background:none;color:#ddd;}
.kick-inpt-btn{padding:10px 20px;border:1px solid #c31c22;background:rgba(195,28,34,.9); color:#fff; font-size:21px}
.social-link{padding-top:5px;}
.social-link li{display:inline;margin-right:2px;}
.padd-top-bottom-20{padding:20px 0px;}
#product{margin-bottom:40px;}
.kick .top-padd30{text-align:left;}
.desktop-hide{display:none;}
/*  END MY STYLE CSS  */
	
.services img{margin:auto; display:block}
#services h3{font-weight:100; font-size:30px}
.btn_watch_video{color:#fff; padding:6px 20px; border:3px solid #8f0805; text-transform:uppercase; font-size:21px;}	
.align-centre img{text-align:center;}
	
select {
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	-ms-appearance:none;
	-o-appearance:none;
    text-indent: 1px;
    text-overflow: '';
}
.contentgray{
color:#fff;	
  position: relative;
  padding: 4px;
  background: #413d3e;
  }
.contentgray:before {
  position: absolute;
  content: '';
  left: 0px;
  height: 100%;
  width: 100%;
  transform-origin: left top;
  z-index:0;
  top: 42%;
  background: #494546;
  transform: skewY(10deg);
}

.contentred{
color:#fff;	
  position: relative;
  padding: 0px;
  background: #c10202;
  }
.contentred:before {
  position: absolute;
  content: '';
  left: 0px;
  height: 100%;
  width: 100%;
  transform-origin: right top;
  z-index:0;
  top: 35%;
  background: #aa0000;
  transform: skewY(-10deg);
}
.keyFeatures li:after{
	content:"";
	position: absolute;
	width: 12px;
	height: 6px;
	background: transparent;
	top: 18px;
	left: 8px;
	border: 4px solid #444;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.otherfeature li{padding-left:35px; margin:30px 0px; position:relative; font-size:24px; font-weight:300;}
.otherfeature li a{color:#fff;}
.otherfeature li:before{position:absolute; content:""; left:0; width:20px; top:8px; height:20px; background:#fff; border-radius:50%;}
.otherfeature li:after{
	content:"";
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 14px;
	left: 5px;
	border: 2px solid #aa0000;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.padded{padding:90px 80px}	
.center{text-align:center}
.text-right{text-align:right;}
.sr-only,.navbar-toggle{display:none;}
.contentgray h1{font-size:44px; font-weight:normal; line-height:44px;}
.contentgray h2{font-size:36px; font-weight:normal; line-height:36px; margin-top:15px; margin-bottom:50px}
.improvement{margin-top:250px;}
.contentgray .improvement h1{font-weight:700;}
.contentgray p{font-size:29px; font-weight:300; margin:40px 0px;}
.contentgray .improvement p{font-size:24px; font-weight:300; margin:40px 0px;}
p strong{font-weight:700;}
.half:first-child{float:left; width:56%;}
.half:last-child{float:left; width:44%;}
.out img{margin-right:-70px; float:right;}
.mobile li:before{position:absolute; content:""; left:0; width:20px; top:8px; height:20px; background:#444; border-radius:50%;
}
.mobile li:after{
	content:"";
	position: absolute;
	width: 8px;
	height: 4px;
	background: transparent;
	top: 14px;
	left: 5px;
	border: 2px solid #fff;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.mobile{padding-top:100px; padding-bottom:100px;}
.mobile p{padding-right:65px; margin-top:60px}
.mobile h1{color:#c10202; font-size:48px; font-weight:700; line-height:60px; margin-top:50px;}
.mobile h2{color:#c10202; font-size:27px; font-weight:normal; margin-top:5px;}
.mobile ul{margin-top:40px;}
.mobile li{font-size:24px; font-weight:300; margin:5px 0px; padding-left:30px; position:relative}
.hints{background:#494546; padding:50px 0px; color:#fff;}
.hints h1{font-size:48px;}
.hints ol{margin:20px; padding:0; font-size:22px; font-weight:300}
.hints ol li{margin-bottom:8px;}
footer{padding:30px 0px;}
footer .container{padding:0px 15px}
.container a:hover{color:#c70000;}
.footer-list{padding-top:20px;}

.footer-L{float:left; font-size:18px; line-height:18px}
.footer-L img{display:block; margin-top:10px;}
.footer-R{float:right; font-size:14px; line-height:14px;}
.footer-R img{margin-bottom:10px;}
.devices{display:none;}
#html5-watermark,.ytp-cards-teaser{display:none !important;}
.vidslink{display:none;}
.faq{background:#f9f9f9;}
.faq h1{font-size:48px; color:#c10202}
.faq h2{font-size:36px;color:#494546; margin-top:40px;}
.faq h3{background:#494546; color:#fff; font-size:24px; padding:5px 20px; margin:15px 0px; text-transform:uppercase; cursor:pointer}
.faqtab .ans {padding:30px; display:none; margin-bottom:50px; box-shadow:0px 5px 5px #999;}
.ans ul{list-style-type:disc}
section.contactus{background:#494546; padding:50px 0px; color:#fff;}
section.contactus h1{font-size:48px}
section.contactus h2{font-size:24px; font-weight:100; margin-bottom:20px}
.halfpaded-l{width:calc(50% - 15px); float:left;}
.halfpaded-r{width:calc(50% - 15px); float:right;}
.contactus input,.contactus textarea{border:1px solid #d3e5eb; padding-left:25px; padding-right:25px; width:100%; height:58px; margin-bottom:15px}
.contactus textarea{height:200px; padding-top:25px}
.contactus input[type=submit]{background:#b7082e; color:#fff;border:none; font-size:14px; margin-top:10px; font-weight:bold; text-transform:uppercase; width:160px; border-bottom:4px solid #60000a}
#html5box-html5-lightbox{height:auto !important}
.mob{display:none}
.table_compare th{background:#78777c; color:#fff;}
.table_compare{padding-left:148px; position:relative; margin-top:30px}
.fix-column{position:absolute; width:150px; min-height:41px; left:0; margin-top:-1px}
.table_compare .table-responsive .table{border:none; margin-bottom:0}
.table_compare .table-responsive{margin-bottom:0}
.table_compare{border:1px solid #DDDDDD;}
button.butnow a {
    padding: 5px 20px;
}
.butnow a {
    background: #b41c28 none repeat scroll 0 0;
    color: #fff;
}
.butnow:hover a{
    background: #595959;
    color: #fff;
}
button.butnow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: right;
    margin: 6px;
    min-height: inherit;
    padding: 0;
}
.text-right-mobile {display:none}
@media (max-width:1360px) and (min-width:1200px){
	.keyFeatures{ right:-200px;} .out img{width:95%; margin-right:0}
	}
@media (max-width:1199px) and (min-width:992px){
	.container{width:992px;}
	
	.padded{padding:50px;}
	.contentgray h1{font-size:40px;}
	.contentgray h2{font-size:28px;}
	.contentgray p{font-size:26px;}
	.improvement{margin-top:150px;}
	.out img{width:90%; margin-right:0}
	.mobile{padding-top:80px}
.mobile p{padding-right:30px; margin-top:40px; font-size:20px}
.mobile h1{color:#c10202; font-size:40px; font-weight:700; line-height:50px; margin-top:50px;}
.mobile h2{color:#c10202; font-size:23px; font-weight:normal; margin-top:5px;}
.mobile ul{margin-top:30px;}
.mobile li{font-size:20px; font-weight:300; margin:5px 0px; padding-left:30px; position:relative}
.keyFeatures{background:url(../images/bg_headings.png); background-size:cover; width:63%; position:absolute; right:0px; color:#000; padding-left:310px; top:120px; }
.contentred h1{font-size:50px; width:280px;}
.contentred h2{font-size:40px; margin-top:270px}
.keyFeatures ul{width:310px; font-size:21px}
	}
	@media (max-width:1199px) {
		.main-banner{background-size:120%; background-position:top; padding-bottom:0}
		.banner-adjustment {
    padding-bottom: 18vw;
}
		.banner-text h1 {
    font-size: 5.5vw;
    margin-top: 20vw;
	line-height:normal;
	width:40vw;
	
}
.kick{padding:0}
.kick h2{font-size:5vw;}
		}
@media (max-width:991px) and (min-width:768px){
	body{}
	.container{width:768px;}

	.nav > li > a{font-size:14px;}
	.nav li:last-child a,.nav li:last-child a:hover{padding:10px 20px 10px 20px;}	
	.out img{width:90%; margin-right:0}	
	.padded{padding:50px;}
	.contentgray h1{font-size:30px;}
	.contentgray h2{font-size:22px; margin-top:0; margin-bottom:20px}
	.contentgray p{font-size:20px;}
	.improvement{margin-top:110px;}
	.out img{width:90%; margin-right:0}
	.mobile{padding-top:80px}
.mobile p{padding-right:30px; margin-top:40px; font-size:20px}
.mobile h1{color:#c10202; font-size:30px; font-weight:700; line-height:36px; margin-top:30px;}
.mobile h2{color:#c10202; font-size:18px; font-weight:normal; margin-top:5px;}
.mobile ul{margin-top:30px;}
.mobile li{font-size:20px; font-weight:300; margin:5px 0px; padding-left:30px; position:relative}
p{font-size:20px; font-weight:300; margin:40px 0px;}
.contentgray p{ font-size:24px;}
.contentgray .improvement p{font-size:20px}
.contentgray:before {top: 45%;}
.keyFeatures{ width:100%; position:relative; background-size:cover; color:#000;  margin:0; left:inherit;  right:inherit; top:inherit; padding-top:1px; padding-left:345px; }
.keyFeatures ul{}
.contentred h1{font-size:40px; width:100%; margin-top:0}
.contentred h2{margin-top:0px}
.kick{padding:20px 0px 120px 0px;}
.banner-adjustment{padding-bottom:0vw}
}	

@media (max-width:980px){
.mobile-hide{display:none;}
.desktop-hide{display:block!important;padding-top:30px;}
.service-text{padding-right:0px;}		
}

@media (max-width:767px){
	.header{top:0}
	body{padding-top:70px;}
	.navbar{}
.logo{width:161px; height:36px; position:absolute; margin:auto; left:0; right:0;}
.container{width:100%}
#navbar{
	display:none;
	background: #fff;
    position: fixed;
    z-index: 99;
	top:70px; 
	width:290px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.47);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.47);
left:0;
	}
	.navbar-toggle .icon-bar {
	color:#999;
    border-bottom: 1px solid;}
	.addtop #navbar{top:70px}
	#navbar ul.nav{
	height: 100%;
    	float:none;
	width:100%; padding:0; margin:0
	}
	#navbar ul.nav li a,#navbar ul.nav li a:hover{ float:none; font-size:14px; display:block; padding:15px 20px;}
	#navbar ul.nav li a{color:#000;}
	#navbar ul.nav li a:hover{color:#fff; background:#000}
	.nav > li,.nav > li:last-child,.nav > li:last-child li a{float:none;}
	.navbar-toggle{display:block; float:right; width:44px; height:33px; border:none; background:#555; padding:9px 9px; cursor:pointer; border-radius:2px; margin:0}
	.icon-bar{width:26px; display:block; height:2px; margin-bottom:5px;}
	.padded{padding:15px;}
	.contentgray h1{font-size:30px;}
	.contentgray p, p,.contentgray .improvement p{font-size:16px; margin:20px 0px}
	.improvement{margin-top:20px;}
	.contentgray h2{font-size:21px; margin-top:0px;}
	.half:first-child,.half:last-child{float:none; width:100%;}
	.out img{width:100%; margin:15px auto; display:block; float:none; max-width:512px;}
	.mobile{padding:15px 0px}
	.mobile h1,.contentred h1{font-size:34px; line-height:40px; margin-top:0; width:100%}
	.mobile p {margin:20px 0px; padding:0}
	.keyFeatures{ width:100%; position:relative; background:#ddd; color:#000;  margin:0; left:inherit;  right:inherit; top:inherit; padding-top:1px; padding-left:0; height:inherit; padding:15px; }
	.keyFeatures ul{width:100%}
	.contentred h2{margin-top:0px; font-size:29px;}
	.hints{padding:0px;}
	.hints ol{font-size:16px;}
	.footer-L,.footer-R{float:none; width:100%; text-align:center}
	.footer-L img,.footer-R img{display:block; margin:5px auto;}
	.devices{display:block;}
	.desktop{display:none;}
	.vidslink{display:block;}
	.faq h3{font-size:17px;}
	.faq h2, section.contactus h2{font-size:24px}
	.faq h1, section.contactus h1 {font-size:34px;}
	#product h3{text-align:center}
	.navbar-toggle{margin-top:4px; float:left; margin-left:-15px}
	.navbar-toggle .icon-bar{width:22px; margin:auto}
	.banner-text h1 {
    font-size: 8.5vw;
    line-height: normal;
    margin-top: 28vw;
	margin-bottom:3vw;
	width:60vw;
}
	.main-banner{background-size:135%; background-position:top; padding-bottom:0}
	.top-padd30 {
    padding-top: 10px;
}
.kick-inpt-btn{width:100%}
.btn_watch_video {
    border: 3px solid #ee242c;
    color: #fff;
    font-size: 15px;
    padding: 2px 9px;
    text-transform: uppercase;
}
.banner-adjustment p{margin:1vw 0;}
.kick{ margin-top: 0vw; display:none;}
.kick.mob{display:block}
.kick-inpt{padding:10px 20px; margin-top:0; border:1px solid #ddd; color:#333}
.kick-inpt-btn{font-size: 18px; padding: 8px 20px;}
.banner-adjustment {padding-bottom: 25vw;}
.kick.mob h2{color:#000; font-size:7vw}
.video-section img{width:75%}
.video-section-new img{width:75%}
.logo img {
    
    width: 60%;
	float:none;
	margin:auto;
	margin-top: 3px;
}
.tablet-center{text-align:center;}
.footer-center{text-align:center;}
.text-right-mobile {
	display:block;
	position:absolute; right:6px;
	margin-top:2px;
}
.nav > li:last-child {display:none}
}

@media (min-width: 768px) and (orientation : landscape) {
	#navbar{display:block !important;}	
}

@media (max-width:639px){
.kick-img{width:100%!important;}
.wirelink-video-text h2{margin:30px 0px 15px 0px;}
h2{font-size:40px;}
.border-10{border-right:0px solid #fff;}
	}
	
@media (max-width:991px) and (min-width:768px) and (orientation : landscape) {
	body{}
}
@media (max-width:991px) and (min-width:768px) {
	body{}
	
}
@media (min-width:992px) {
	body{}
}
@media (max-width:480px){
.btn_watch_video{padding:3px;border:2px solid #ee242c;}	
.text-26{font-size:30px;line-height:50px;font-weight:normal;}
.m-neg{margin-top:-50px;}	
.logo img{margin-left:10px;}	
}

@media (max-width:320px){	
	.wirelink-video-text h2{font-size:30px;font-weight:300;text-align:center;margin:30px 0px 15px 0px;}
	.playbutton{width:100%;}
	h2{font-size:40px;font-weight:300;text-align:center;margin:30px 0px 15px 0px;}
	
}