a:hover,a:focus {color: #2a6496;text-decoration: none;}
body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	overflow-x:hidden;
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
	padding-bottom: 60px;
	background-color: #f2f2f2;
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Source Sans Pro', sans-serif;}
h4,.h4 {font-weight: bold;}
img {max-width:100%;}
p,li,td,h3,h4,h5 {line-height:28px!important;}
p{font-size: 20px;margin: 20px 0;}

.mainbg{background:url("../../images/jtron_bck.jpeg") fixed center;background-repeat: no-repeat;background-size: cover;}
.bg1 {background-image:url("../../images/jtron_bck.jpeg");transition: background-image 2s ease-in-out;}
.bg2 {background-image:url("../../images/jtron_bck25.jpeg");transition: background-image 2s ease-in-out;}
.bg3 {background-image:url("../../images/jtron_bck7.jpeg");transition: background-image 2s ease-in-out;}
.bg4 {background-image:url("../../images/jtron_bck4.jpg");transition: background-image 2s ease-in-out;}
.bg5 {background-image:url("../../images/jtron_bck26.jpeg");transition: background-image 2s ease-in-out;}
.bg6 {background-image:url("../../images/jtron_bck6.jpg");transition: background-image 2s ease-in-out;}

/* Bootstrap custom*/
.navbar-toggle .icon-bar {background: #333;}
.center-block {float:none;}
.navbar {/*background-color:#eee;*/}
.navbar-brand {	padding: 0px 15px;}
.jumbotron {
	background-color:transparent;
	color: white;
  text-shadow: 2px 2px 3px black;
	font-family: 'Roboto Condensed', sans-serif;
}
/* end */
.visible-xs{display: none;}
.table_deployment,.table_deployment th {text-align: center;}
.fbold {font-weight:bold!important;}
.fnormal{font-weight: normal !important;}
.f10 {font-size: 10px!important;}
.f12 {font-size: 12px!important;}
.f13 {font-size: 13px!important;}
.f15 {font-size: 15px!important;}
.f16 {font-size: 16px!important;}
.f18 {font-size: 18px!important;}
.f24 {font-size: 24px!important;}
.f45 {font-size: 45px!important;}

.pad0 {padding:0!important;}
.pad5 {padding:5px!important;}
.pad20{padding: 20px !important;}
.pad2-5{padding: 2px 5px !important;}

.mar0 {margin:0!important;}
.mar5 {margin:5px!important;}
.mar10{margin: 10px !important;}
.mar5T {margin:5px 0!important;}
.mar17T {margin-top:17px!important;}

.cor_0all {border-radius:0!important;-moz-border-radius:0!important;-webkit-border-radius:0!important;-khtml-border-radius: 0!important;-opera-border-radius: 0!important;}
.cor_5all {border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;-khtml-border-radius: 5px!important;-opera-border-radius: 5px!important;}

.shadow {-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px 1px 2px #ccc; box-shadow:1px 1px 2px #ccc;}
.shadow-left {-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px 1px 2px #ccc;box-shadow:1px 1px 2px #ccc;}

#topNavBar {margin:0px;font-size:14px;border:0;}
#topNavBar a {color: #FFF;font-weight: bold;}
#topNavBar .navbar-collapse a {padding: 7px 10px 15px;}
#topNavBar li.active a {color:#E7CBF5;font-weight:bold;background:none;border-bottom:2px solid #E7CBF5;}
#topNavBar .container-fluid {padding:0px 20px;width: 80%;}
.socialBox {position: fixed;left:0;top:40%;padding: 5px;border-bottom-right-radius: 3px;border-top-right-radius: 3px;z-index: 1000000;}
.staticPage {position:static;margin-top:190px;}
.pinPage {position:fixed;left:0;top:410px;margin:0px!important;}

#bigCallout .jumbotron {/*width: 75%;*/margin: 100px auto 15px auto;padding: 90px 0px;}

.bgWhite{background-color: rgba(255, 255, 255,0.9)  !important;}
.bgPrimary{background-color:rgba(56,32,93,0.6) !important;}
.bgBlack {background-color: rgba(0, 0, 0,0.7)  !important;color:#fff;}
.bgbtn{background-color: #ed1f24;color:#fff;border: 1px solid #FFF;font-size: 18px;}
.white{color: #FFF !important;}
.black{color: #333 !important;}
.grey{color: #ddd !important;}
.red{color: #ed1f24 !important;}
.green{color: green !important;}

.jumbotron h1 {
	font-family: 'Raleway', sans-serif;font-size: 70px;
  line-height: 97px;
  letter-spacing: 0px;
  margin-bottom: 22px;
}
.jumbotron p {margin:30px 0;text-align:center!important;}
.hg100{height: 100vh;}
.gutter {width: 75%;background-color: rgba(255,255,255,0.9);}
.vidBtn {color:red;font-size:28px!important;}
.vidBtn:hover{color:red;text-shadow: 0px 0px 4px white;text-decoration:none;}
.vidBtn span.glyphicon {vertical-align: baseline;font-size:20px!important;padding: 0 4px 0 0;margin-top: -5px;}

.panel-heading {padding: 10px;}
.sec-divider {display:block;clear:both;padding:15px 10%;}
.sec-divider hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ccc;
}
.disabled{ pointer-events: none;
	opacity:0;color:#9c9c9c;background-color: #d4d4d4;}
/* content styles */
.item {
	display:table;
	max-width:270px;
	padding: 0px 15px;
	vertical-align:top;
	text-align:justify;
}
.content {
	display:table-cell;
	vertical-align:top;
}

.k-banner {
	text-align: center;
	margin: 80px 0 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.leftPos{position: absolute;left:-10px;}
.k-banner .banner-icon {color: #ED1F24;}
.banner-icon {font-size: 65px;}
.k-pillar {margin-bottom:20px;}

.banner-quote {font-size: 16px;color: #333333;line-height: 1.4;}

.centerpiece {max-width: 700px; margin: auto; line-height:30px;font-family:'Roboto Condensed', sans-serif;}
.centerpiece h1 {margin-top:10px;line-height:30px;font-family:'Roboto Condensed', sans-serif;}

#bizPersonas h1,.navbar {font-family: 'Roboto Condensed', sans-serif;}

.section-header {max-width: 560px; margin: 30px auto; line-height:30px;font-family:'Roboto Condensed', sans-serif;}
.section-header h1 {color:#ED1F24;border-bottom:1px solid #38205D;font-weight:normal;font-size:28px;margin-top:10px;line-height:30px;font-family:'Roboto Condensed', sans-serif;}

.singleBP {margin: 0px; min-height: 181px;}
.BPquot_left {position: absolute;left: 0px;width:60%;bottom:0px;text-align:left;color: #555; font-size: 20px;font-family: 'Source Sans Pro', sans-serif;}
.BPquot_right {position: absolute;right: 0px;width:60%;bottom:0px;text-align:right;color: #555; font-size: 20px;font-family: 'Source Sans Pro', sans-serif;}

.BPimg_right {position: absolute;bottom: 0px;margin: auto;right: 10%;}
.BPimg_left {position: absolute;bottom: 0px;margin: auto;left: 10%;}
.BPtitle {position: absolute;bottom: 0px;right: 0px;left:0;width:120%;font-size: 12px;background: #333;color: #fff;padding: 2px 5px;text-align:center;text-transform:uppercase;font-family:'Roboto Condensed', sans-serif;}

.pillar-header {max-width: 560px; margin: auto;	text-align: center;}
.pillar-title {font-weight:normal;font-size:18px;color:#5993FF;}
.pillar-title-blurb {color: #333333;}
.pillar-detail {max-width: 700px;margin:auto;}

.nav-secondary a {color: #777;min-height: 60px;/*font-size: 12px;*/text-transform: uppercase;}
.nav-secondary li {vertical-align:middle;}
.nav-secondary .active a {
	background-color: white;
	color: #ED1F24;
	border-bottom: 2px solid #ED1F24;
	}

.nav-wrapper.affix-top {position:static;}
.nav-wrapper.affix {
    position: fixed;
    top: 0;
	margin-top: 65px;
	z-index: 10000;
	border-bottom: 1px solid #eee;
	min-height:0px;
	width:1399px;
	/*background-color: rgba(255, 255, 255,0.9)  !important;*/
}
.anchorOffsetFix {/*padding-top: 135px; margin-top: -135px;z-index:-1;*/margin-top: 135px;}
.anchor-fix-features {padding-top: 365px; margin-top: -365px;z-index:-1;}
#features img {	margin: 0 0 20px;}
.collapseAll {font-size: 12px;text-transform:uppercase;}
#inputMessage {	margin-bottom: 15px;}
.blog-head{margin-top: 65px;}
#kreeoBlog{margin-bottom:5px; max-width: 100%;width:100%;/*min-height:350vh;*/overflow:auto;}
footer {
	color: #333;
	font-size: 14px;
	background-color:rgba(255,255,255,0.9);
	margin-top: 3px;
	border-top: 1px solid #ccc;
  position: relative;
}
footer a {color:#fff;}
footer a:hover {color:#ED1F24;}
.hDiv{width: 100%; height: 20px; border-bottom: 1px solid #999; text-align: center;}
.hDiv .tex{font-size: 24px; background-color: #f2f2f2; padding: 0 10px;color: #949494;}
.lnbtn{background-color: #0077b5;color: #FFF;margin: 20px 0;border: 1px solid  #0077b5;}
.home-footer span a{color: #FFF;margin:4px;}
/*main view*/
.main-view{
	min-height: 100vh;
	background:url("../../images/v2-home-overlay-jigsaw.png")  no-repeat center 45%;
	/*background-size: contain;*/
}
.main-view .container{padding:0px 20px;width: 80%;}
/*.main-view .container .jumbotron{width: 80%;}*/
.demobtn{color: #FFF;margin: 0 auto;}
.headline {
	background-color: rgba(56,32,93,0.9);
    padding: 10px 25px;
    font:40px 'Raleway', sans-serif;
    line-height: 50px;
    letter-spacing: 0px;
    margin: 40vh auto;
    text-shadow: 2px 2px 3px black;
    color:white;
    border-radius: 60px;
    text-align: center;
}
.content-view{
	padding: 30px 0px;
  height: 100vh;
  padding-top: 13%;
}
.content-view ol li,.content-view p{font-size: 20px !important;}
.content-view ol{vertical-align: middle !important;}
.content-view .ico{font-size: 50px;padding: 30px;color:#38205D;border: 2px solid #EEEEEE;border-radius: 50%;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
    border: 5px solid #38205D;
}
.content-view .ico:hover{background-color: #38205D;color: #FFF;
	    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
    border: 5px solid #d43f3a;
}

.band1{padding: 50px 50px;background-color: rgba(69,151,255);}
.band2{padding: 50px 50px;}
.band3{padding: 50px 50px;background-color:rgba(39,22,65);}
.band4{padding: 50px 50px;}

.band1 h2,.band2 h2,.band3 h2,.band4 h2{margin: 5px 0!important;padding-bottom: 10px;font-size: 40px;}

.band1 .b1{
	background: url('../../images/tool-icon.png') #FFF;
    height: 300px;
    width: 300px;
    background-position:300px 10px;
    border-radius: 50%;
    border:2px dashed #000;
		visibility: hidden;
}
.band2 .b2{
	background: url('../../images/tool-icon.png') #FFF;
    height: 300px;
    width: 300px;
    background-position:600px -300px;
    border-radius: 50%;
    border:2px  dashed #000;
		visibility: hidden;
}
.band3 .b3{
	background: url('../../images/tool-icon.png') #FFF;
    height: 300px;
    width: 300px;
    background-position:600px -600px;
    border-radius: 50%;
    border:2px  dashed #000;
		visibility: hidden;
}
.band4 .b4{
	background: url('../../images/tool-icon.png') #FFF;
    height: 300px;
    width: 300px;
    background-position:600px -900px;
    border-radius: 50%;
    border:2px dashed #000;
		visibility: hidden;
}
.hr{
	border-top: 1px dotted #EF2E60;
	margin: 10px 0;
}

.tc-boy .col-sm-6 > .tool-boy,.tc-boy .col-sm-6 > .cool-boy{
    height: 350px;
    width: 99%;
    font-size: 30px;
    vertical-align: bottom;
    margin: 20px auto;
		visibility: hidden;
}
.tool-boy{
	background: url('../../images/tool-cool.png') no-repeat center 0;
	color: #9A989C;
}
.cool-boy{
	background: url('../../images/tool-cool.png') no-repeat center -351px;
	color: #66D267;
}
.tool-boy>h3,.cool-boy>h3{
	position: absolute;
    top: -10px;left: 0;right: 0;
    text-align: center;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.66);
    border-radius: 30px;
		margin-top: -20px;
}
.tes .col-sm-12{margin-bottom: 15px;}
.tes{color: #fff;}
/*typed js*/
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
#typed{font-weight:500;font-size: 16px;}
.fRide{height: 100vh;width: 100%;background-color: #f2f2f2;position: fixed;top: 0px;left: 0px;z-index: 1000000;display: none;}
.fRideClose{font-size: 40px;position: fixed;top: 10px;right: 10px;cursor: pointer;color: #000;}
.bgFull{height: 100vh;width: 100%;}
.fRide video {
  width: auto;
  height: auto;
  z-index: -100;
  transition: 1s opacity;
  opacity: 1;
  margin-top: 10%;
}
.stopfade {
   opacity: .5;
}
.fRide .right-view p a,.fRide .right-view p a:hover{color: #ed1f24;}
.fRide .right-view h2{margin-bottom: 50px;}
#pagepiling .section{height: 100vh;}
#pp-nav span, .pp-slidesNav span {
    width: 10px !important;
    height: 10px !important;
}
.rbtn {
    list-style: none;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 0px;
}
.rbtn li {
    display: inline-block;
		padding-right:20px;
    padding: 10px 0px 0px 10px;
}
.rbtn input[type=radio] {
    visibility:hidden;
		position: absolute;
}
.rbtn label {
    cursor: pointer;
		padding:4px;
		background-color: gray;
		min-width: 100px;
		width: 201px;
		color: #FFF;
		margin-bottom: 0px;
		text-align: center;
		font-size: 18px;
		border-radius: 3px;
}
.rbtn label p{
	text-overflow: ellipsis !important;
	overflow: hidden;
	white-space: nowrap;
    display:block;
}
.rbtn input:checked + label {
    background: #f2f2f2;
		color: #ed1f24;
}
.conFrm{display: none;background-color: #f2f2f2;padding: 30px;}
.conAdd{margin-bottom:50px;margin-top:50px;}
.conAdd address{font-size: 16px; margin-top: 50px;}
.conDes{text-align: left;}
.conDes span{display: none;}
.demoImg{margin-top:15vh}
#contFrm{margin-top: 10vh;}
.tvsc{font-size: 45px;}
.tcCon{margin-top:0px;}
.fotBlk{padding-bottom:70px;}
.fotLink{padding-bottom:70px;margin-top:100px;}
.lig{margin-top:50px;}
.vs{font-size: 35px;}
/*modal*/
.modal{z-index:104000000000 !important;}
/*carousel*/
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 930px;
  height: 560px;
  text-align: center;
  line-height: 300px;
}

#slider a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}
.slide1{background: url('../../images/main.png');background-size: cover;}
.slide2{background: url('../../images/projects.png');background-size: cover;}
.slide3{background: url('../../images/sales.png');background-size: cover;}
.slide4{background: url('../../images/support.png');background-size: cover;}
#slider a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

#slider a.control_prev {
  border-radius: 0 2px 2px 0;
}

#slider a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

/*animation */

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both; animation-fill-mode: both;}

.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes fadeInDown {
	from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInDown {
  from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);  }
  to {opacity: 1;-webkit-transform: none; transform: none; }
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}

@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeOutDown {
	from { opacity: 1;}
  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
@keyframes fadeOutDown {
	from {opacity: 1;}
  to { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes shake {
  from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
  20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}
@keyframes shake {
  from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
  20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
}
.shake {-webkit-animation-name: shake;animation-name: shake;}
@-webkit-keyframes tada {
  from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
  30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes tada {
  from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
  30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
.tada {-webkit-animation-name: tada;animation-name: tada;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
  40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
  60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
  to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, 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: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
  20% {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
  40% {-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
  60% {opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
  80% {-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
  to {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); }
}

.bounceIn {-webkit-animation-name: bounceIn;animation-name: bounceIn;}
@-webkit-keyframes rubberBand {
  from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
  40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
  65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
  75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

@keyframes rubberBand {
	from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
  30% {-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
  40% {-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
  50% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
  65% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
  75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
  to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.rubberBand1 {-webkit-animation: rubberBand 1s;animation: rubberBand 1s;animation-delay: 1s;-webkit-animation-delay: 1s;}
.rubberBand2 {-webkit-animation: rubberBand 1s;animation: rubberBand 1s;animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.rubberBand3 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.rubberBand4 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.rubberBand5 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}
.rubberBand6 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 2s;-webkit-animation-delay: 2s;}
.rubberBand7 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}
.rubberBand8 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 2.4s;-webkit-animation-delay: 2.4s;}
.rubberBand9 {-webkit-animation: rubberBand 1s; animation: rubberBand 1s;animation-delay: 2.6s;-webkit-animation-delay: 2.6s;}
@-webkit-keyframes fadeOutLeft {
  from { opacity: 1; }
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes fadeOutLeft {
  from {opacity: 1;}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
.fadeOutLeft {-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutRight {
  from {opacity: 1;}
  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
@keyframes fadeOutRight {
  from {opacity: 1;}
  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
}
.fadeOutRight {-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}

/*responsive*/

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) and (max-width:1440px){
	.demoImg,#contFrm{margin-top:10vh}
	.nav-wrapper.affix {width: 72%;}
  .tcCon{margin-top:0px;}
	.conDesParent{margin-top: 10px;}
  .content-view{padding-top: 5%;}
  .conDes p{font-size: 18px;}

}

/*mobile devices land and port*/
@media only screen and (max-device-width : 480px) {
	.main-view .container{padding:0px 20px;width: 100%;}
	.main-view .container .jumbotron{width: 100%;margin-top: 80px !important;}
	.demobtn{display: none;}
	.headline{font-size:25px;line-height: 39px;margin: 34vh auto;}
	.fRideClose{font-size: 16px;}
	.tvsc{font-size: 20px;}
	.tcCon {margin-top: 0px;}
	.tool-boy>h3,.cool-boy>h3{font-size: 14px;}
	.tool-boy {background: url('../../images/tool-cool.png') no-repeat center 18px;color: #9A989C;background-size: cover;}
	.cool-boy {background: url('../../images/tool-cool.png') no-repeat center -228px;color: #66D267;background-size: cover;}
	.tc-boy .col-sm-6 > .tool-boy,.tc-boy .col-sm-6 > .cool-boy{height: 225px;width: 77%;font-size: 30px;vertical-align: bottom;margin: 20px auto;visibility: hidden;}
	.nav-wrapper.affix {width: 92%;}
	.nav-secondary a { color: #777;min-height: 0px;font-size: 10px;}
	.nav-wrapper.affix {margin-top: 49px;z-index: 1;}
	.section-header h1 {font-size: 21px;}
	.conDesParent{margin-top: 117px;}
	.fotBlk{padding-bottom:10px;}
	.band1,.band2,.band3,.band4{padding: 10px 20px;}
	.band1 .b1 {height: 100px;width: 100px;background-position: 288px 5px;background-size: cover;}
	.band2 .b2 {height: 100px;width: 100px;background-position: 288px -91px;background-size: cover;}
	.band3 .b3 {height: 100px;width: 100px;background-position: 288px -193px;background-size: cover;}
	.band4 .b4 {height: 100px;width: 100px;background-position: 288px -282px;	background-size: cover;}
	.band1 h2, .band2 h2, .band3 h2, .band4 h2 {margin: 0px !important;padding-bottom: 0px;font-weight: bold;font-size: 22px;text-align:center;}
	.band1 p,.band2 p,.band3 p,.band4 p{font-size: 16px !important;margin: 0px;}
	.fotLink{padding-bottom:20px;margin-top:20px;}
	.lig{margin-top:20px;}
	.vs{font-size: 24px;}
	.gutter{width: 100% !important;}
	.navbar-brand{margin-top: -7px;}
	.conFrm{display: block;}
	#slider{margin-top: 50px !important;}
	#slider ul li{ width: 260px !important;height: 154px !important;}
	.slide1{background-size: contain !important;}
	.slide2{background-size: contain !important;}
	.slide3{background-size: contain !important;}
	.slide4{background-size: contain !important;}
	.blog-head{margin-top: 60px;}
	.conFrm{display: block !important;}
	.visible-xs{display: block;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) {
	.navbar-header{float: none;}
  .navbar-toggle{display: block;}
  .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important;margin: 7.5px -15px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
  .navbar-text {float: none;margin: 15px 0;}
  .navbar-collapse.collapse.in {display: block!important;}
  .collapsing {overflow: hidden!important;}
	.navbar-header {float: none;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin: 7.5px -15px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
}
.tnp ul li{
	font-size: 18px;
}