/* Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline; }

/* HTML5 display-role reset for older browsers 
================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after,
q:after {
	content: '';
	content: none; 
}
table {
	border-collapse: collapse;
	border-spacing: 0; 
}
:focus { outline:0; }
ins { text-decoration: none;}
del { text-decoration: line-through;}
		
/* Basic Styles
================================================== */
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	color: #777;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	background: #fff;
	height:100%;
	font: 300 14px/1.714 'Open Sans', sans-serif;
	margin: 0;

 }

/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 36px; line-height: 51px; margin-bottom: 20px; }
h2 { font-size: 28px; line-height: 30px; margin-bottom: 20px; color: #3a56a6; font-weight: 300;}
h3 { font-size: 20px; line-height: 24px; margin-bottom: 14px; font-weight: 300; color: #777;}
h4 { font-size: 16px; line-height: 20px; margin-bottom: 12px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
h6 { font-size: 10px; line-height: 14px; }
strong { font-weight:600; }
p { margin: 0 0 20px 0;}
[class*="FontAwesome "]:before {
  font-family: 'FontAwesome', sans-serif;
}
i.FontAwesome{font-style: normal;}
/* Images
================================================== */
img{border-style:none;}

/* Link
================================================== */
a{
	text-decoration:none;
	color:#3a56a6;
}
a:hover{color: #fff; text-decoration: none;}
a:hover, a:focus{outline: none;}

/* Input textarea select
================================================== */
input,
textarea,
select{
	font:100% 'Open Sans', sans-serif;
	vertical-align:middle;
	color:#474747;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* Form
================================================== */
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}

/* Page structure style start
================================================== */
.bg1{background:#fff;}
.bg2{background:#f7f7f7; border-top: 1px solid #ececec;}
.bg3{background: #3a56a6; border-top: 1px solid #28438f;}
.bg4{background: #f08205; border-top: 1px solid #d57303;}
.bg5{background: #1a1a1a; border-top: 1px solid #ececec;}
.align-center{text-align: center;}
.holder{padding:55px 0 20px;}
.wrapper{overflow: hidden;}
/*trying out*/
.bg1-img{background:url("images/bg-white.jpg") repeat;}
.bg1-img1{background:url("images/bg-white.jpg") repeat;}
.bg2-img{background: url("images/bg-grey.jpg") repeat;}
.bg2-img1{background: url("images/bg-grey.jpg") repeat;}


.bg3-img{background: url("images/bg-blue.jpg") no-repeat;}
.bg3-img1{background: url("images/bg-blue.jpg") no-repeat;}
.bg3-img2{background: url("images/bg-blue.jpg") no-repeat;}
.bg4-img{background: url("images/bg-orange.jpg") no-repeat;}
.bg4-img1{background: url("images/bg-orange.jpg") no-repeat;}
.bg4-img2{background: url("images/bg-orange.jpg") no-repeat;}
/*logo wrap*/
.header{
	border-bottom: 1px solid #eee;
	left: auto;
	margin: 0 auto 25px;
	position: fixed;
	right: auto;
	width: 100%;
	z-index: 999;
}
h1.logo{
	margin: 10px 0;
}
h1.logo{
	margin: 2px 0;
	font-weight: 400;
	font-size: 26px;
	text-transform: capitalize;
}
h1.logo a{
	border-left: 4px solid #f08205;
	padding: 0 0 0 3px;
}
h1.logo a:hover{
	color: #3a56a6;
	text-decoration: none;
}
/*navigation*/
.navigation .navbar{
	border: 0;
	font-weight: 500;
	margin: 0;
}
.navigation .nav > li.menu-item{border-right: 1px solid #eee;}
.navigation .nav > li > a:hover, 
.navigation .nav > li > a:focus,
.navigation .nav > li.current-item a{
	background: #f08205;
	color: #fff;
}
.navigation .navbar-nav > li > a{
	padding-top: 18px;
	padding-bottom: 18px;
}
.navigation .navbar-fixed-top{
	left: auto;
	right: auto;
}
/*video-wrap*/
.video-wrap{
	padding: 85px 20px 20px;
	/*height: 485px;*/
}
.video-wrap .placeholder{
	margin: 0 auto;
	float: none;
	background: url("images/shadow.png") no-repeat 0 100%;
	background-size: 100% auto;
	padding-bottom: 15px;
}
 /*menu board*/
 .digital-menu-board figure{
	height: 206px;
	overflow: hidden;
 }
  .digital-menu-board figure span,
  .leaderboards-cont-hold figure span,
  .intelligence figure{
	-webkit-transform: scale(1,1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1,1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	-ms-transform: scale(1,1);
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 250ms;
	display: block;
  }
  .digital-menu-board figure span:hover,
  .leaderboards-cont-hold figure:hover,
  .intelligence figure:hover{
	-webkit-transform: scale(1.05,1.07);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1.05,1.07);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
	-ms-transform: scale(1.05,1.07);
	-ms-transition-timing-function: ease-out;
	-ms-transition-duration: 250ms;
	position: relative;
	z-index: 99;
}
 .digital-menu-board figure img,
 .leaderboards-cont-hold figure img{
	min-width: 100%;
 }
  .digital-menu-board .detail-info,
  .feature-cont .detail-info,
  .intelligence .detail-info{
	padding:15px 20px;
	font-size: 12px;
  }
  .digital-menu-board .detail-info:hover,
  .intelligence .detail-info:hover,
  .leadboard-cont-hold:hover,
  .feature .detail-info:hover{
	background: #f08205;
	-webkit-transition: all 1.5s linear 0s;
	-moz-transition: all 1.5s linear 0s;
	-ms-transition: all 1.5s linear 0s;
	-o-transition: all 1.5s linear 0s;
	transition: all 1.5s linear 0s;
  }
   .digital-menu-board .detail-info:hover > h3 a,
   .digital-menu-board .detail-info:hover > h3,
   .digital-menu-board .detail-info:hover > p,
   .intelligence .detail-info:hover > h3 a,
   .intelligence .detail-info:hover > h3,
   .intelligence .detail-info:hover > p,
   .leadboard-cont-hold:hover > h3,
   .leadboard-cont-hold:hover > p,
   .feature .detail-info:hover > h3,
   .feature .detail-info:hover > p{
		color: #fff;
	}
.digital-menu-board .detail-info h3,
.feature-cont .detail-info h3,
.intelligence .detail-info h3{
	border-bottom: 1px solid;
	padding: 0 0 5px;
	text-transform: capitalize;
  }
  .digital-menu-board .detail-info h3 a,
  .feature-cont .detail-info h3 a,
  .intelligence .detail-info h3 a{
	color: #777;
  }
  .digital-menu-board .detail-info p,
  .feature-cont .detail-info p,
  .leadboard-cont-hold p,
  .intelligence p{
	margin: 0;
  }
  .digital-menu-board li{
	margin: 0 0 20px;
	min-height: 363px;
  }
/*info holder*/
.info-holder{padding: 55px 20px 30px;}
.info-holder h4{
	font-size: 32px;
	line-height: 1.5;
	color: #fff;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.info-holder h4 span{
	font-weight: 600;
	display: block;
}
/*nissan touch screen kiosks*/
/*detail cont wrap*/
.detail-cont-wrap figure{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid;
	color: #777777;
	display: block;
	float: right;
	font-size: 36px;
	line-height: 1;
	padding: 20px 0;
	text-align: center;
	width: 85%;
}
.detail-cont-wrap figure:hover{
	background: #f08205;
	color: #fff;
}
.detail-cont{
	font-size: 12px;
	line-height: 1.67;
	margin: 0 0 20px;
}
.detail-cont h3{
	margin: 0 0 10px;
}
/*feature section*/
.feature-cont .holder1{
	background: url("images/bg-shadow.png") center 100% no-repeat;
	padding-bottom:7px;  
}
.feature-cont .detail-info{min-height: 175px;}
.feature-cont li{
	margin: 0 0 20px;
}
.feature-cont .detail-info figure{text-align: center;}
.feature-cont .detail-info figure span{
    border: 4px solid;
    border-radius: 100%;
    font-size: 60px;
    padding: 14px 20px;
}
.feature-cont .figure-holder{padding: 10px 0 20px;}
.feature-cont .detail-info .figure-holder span{
	 width: 136px;
	 height: 136px;
	 display: block;
	 margin: 0 auto;
}
.feature-cont .detail-info:hover > .figure-holder span{
	border-color: #fff;
	color: #fff;
}
.feature-cont .detail-info .figure-holder span:hover,
.detail-cont-wrap figure:hover{
	color: #fff;
	-webkit-transform: scale(1) rotate(-360deg);
	-moz-transform: scale(1) rotate(-360deg);
	-ms-transform: scale(1) rotate(-360deg);
	-o-transform: scale(1) rotate(-360deg);
	transform: scale(1) rotate(-360deg);
	-webkit-transition: all 0.7s linear 0s;
	 -moz-transition: all 0.7s linear 0s;
	 -ms-transition: all 0.7s linear 0s;
	 -o-transition: all 0.7s linear 0s;
	 transition: all 0.7s linear 0s;
	 background:#3A56A6;
	  border-color: #4866bf;
}
.detail-cont-wrap figure:hover{
	border-color: #fb9626;
	background:#f08205;
}
/*leadboard section*/
.leaderboards-cont-hold{
	margin: 20px 0 0;
}
.leaderboards-cont-hold:first-child{
	margin: 0;
}
.leadboard-cont-hold{
	border: 1px solid;
	font-size: 12px;
	padding: 20px;
	text-align: center;
	position: relative;
	width: 85%;
	margin: 45px auto 0;
}
.leadboard-cont-hold:before,
.leadboard-cont-hold:after{
	position: absolute;
	content: '';
	height: 9px;
	width: 54px;
	top:45%;
	z-index: 50;
}
.leadboard-cont-hold:before{
	background: url("images/ico-arrow-lft.png") no-repeat;
	left: -55px;
}
.leadboard-cont-hold:after{
	background: url("images/ico-arrow-rgt.png") no-repeat;
	right: -55px;
}
/*intelligence section*/
#intelligence {padding: 0;}
.intelligence figure img{
	margin: 0 auto;
}
.intelligence figure{
	background: url("images/bg-shadow.png") no-repeat center 100%;
	background-size: 100% auto;
	margin: 0 0 10px;
	padding: 0 0 23px;
}
.intelligence .detail-info{
	min-height: 136px;
}
.intelligence li{
	min-height: 354px;
}

/*service board*/
.intelligence.service-board .detail-info{
	padding: 15px 13px;
	min-height: 200px;
}
.service-board li{
	margin: 0 0 20px;
}
/*contact-holder*/
.contact-holder form input[type="text"],
.contact-holder form textarea{
	background: none;
	font-size: 16px;
	color: #888;
}
.contact-holder form textarea{
	border: 1px solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	resize:vertical;
	width: 100%;
	height: 165px;
	color: #cbcbcb;
	padding: 10px;
}
/*btn-holder*/
.btn-holder-wrap input[type="submit"]{
	width: 100%;
}
.btn-holder-wrap .btn-warning{
	background: #f08205;
	padding: 5px 16px!important;
	text-transform: uppercase;
	font-weight: 300;
}
.btn-holder-wrap .btn-warning:hover{
	background: #e37b04;
}
/*footer-content*/
.footer-holder{
	padding: 30px;
}
.footer-content{
	color: #888;
	font-size: 12px;
	line-height: 1.5;
}
.footer-content p{margin: 0;}
.footer-list li{
	display: inline-block;
	text-align: center;
	background: url("images/footer-sep.png") no-repeat 0 50%;
	padding: 10px;
}
.footer-list li:first-child{background: none;}
.footer-list li a{color: #888;}
.footer-list li a:hover{text-decoration: underline;}
/*social-icon*/
ul.social-icon{margin: 10px 0 0;}
ul.social-icon li{
	display: inline-block;
	margin: 0 1px;
}
.social-icon span{
	color: #fff;
	font-size: 20px;
}

/*parallax style*/
.digital-menu-board-wrap,
.touch-screen-kiosks,
.leaderboards,
.digital-menu-board-wrap,
.digital-menu-board-wrap{
	padding: 15px 0 0;
}
/*.info-block{height: 179px;}*/
/*.info-block.adjusted-block{height: 213px;}*/
.digital-menu-board-wrap{
	/*height: 1000px;*/
}

/* #Media Queries
================================================== */

/* Smaller than standard large screen (devices and browsers) */
@media only screen and (max-width: 1200px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	/*navigation*/
	.navigation .navbar-nav > li > a{
		font-size: 12px;
		padding: 18px 13px;
	}
	/*.digital-menu-board figure*/
	.digital-menu-board figure{
		height: 169px;
	}
	/*nissan touch-screen-kiosks*/
	.detail-cont-wrap figure a{padding: 15px 0;}
	.detail-cont-wrap figure{padding: 11px 0;}
	/*feature*/
	.feature-cont .detail-info{min-height: 350px;}
	.leadboard-cont-hold{margin: 10px auto 0;}
	/*intelligence*/
	.intelligence.service-board .detail-info{min-height: 225px;}
}
/* Smaller than standard desktop screen (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 991px) {
	/*logo*/
	h1.logo{
		font-size: 18px;
	}
	h3{
		font-size: 18px;
		margin: 0 0 10px;
	}
	/*navigation*/
	.navigation .navbar-nav > li > a{
		font-size: 11px;
		padding: 15px 8px;
	}
	/*.digital-menu-board figure*/
	.digital-menu-board figure{height: 128px;}
	.detail-cont-wrap figure a{padding: 5px 0;}
	.detail-cont-wrap figure a span{
		font-size: 27px;
		line-height: 1.4;
		vertical-align: top;
	}
	/*touch-screen-detail*/
	.touch-screen-detail .detail-cont h3{
		margin: 0;
	}
	.touch-screen-detail .detail-cont{margin: 0;}
	/*feature*/
	.feature-cont .detail-info{min-height: 285px;}
	/*leaderboards*/
	.leadboard-cont-hold{
		padding: 15px;
		font-size: 10px;
		margin: 0 auto;
	}
	.leadboard-cont-hold h3{
		font-size: 14px;
		margin: 0;
	}
	.adjusted-block .info-holder{
		padding: 35px 20px 30px;
	}
	.adjusted-block .info-holder h4{
		font-size: 23px;
	}
	.intelligence.service-board .detail-info{
		font-size: 11px;
		min-height: 228px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*logo*/
	h1.logo{
		font-size: 18px;
	}
	h3{
		font-size: 18px;
		margin: 0 0 10px;
	}
	/*logo*/
	.logo img{max-width: 85%;}
	/*navigation*/
	.navigation{
		margin: 0 0 0 -33px;
	}
	.navigation .navbar-nav > li > a{
		font-size: 11px;
		padding: 13px 5px;
	}
	/*.digital-menu-board figure*/
	.digital-menu-board figure{height: 128px;}
	.detail-cont-wrap figure a{padding: 5px 0;}
	.detail-cont-wrap figure a span{
		font-size: 27px;
		line-height: 1.4;
		vertical-align: top;
	}
	/*touch-screen-detail*/
	.touch-screen-detail .detail-cont h3{
		margin: 0;
	}
	.touch-screen-detail .detail-cont-wrap figure{font-size: 25px; padding: 7px 0;}
	.touch-screen-detail .detail-cont{margin: 0;}
	/*feature*/
	.feature-cont .detail-info{min-height: 453px;}
	/*leaderboards*/
	.leadboard-cont-hold{
		padding: 15px;
		font-size: 10px;
		margin: 0 auto;
	}
	.leadboard-cont-hold h3{
		font-size: 14px;
		margin: 0;
	}
	.adjusted-block .info-holder{
		padding: 35px 20px 30px;
	}
	.adjusted-block .info-holder h4{
		font-size: 23px;
	}
	.intelligence.service-board .detail-info{
		font-size: 11px;
		min-height: 228px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/*logo*/
	h1.logo{
		font-size: 18px;
	}
	h3{font-size: 18px;}
	.row{margin: auto;}
	/*logo*/
	.logo{z-index: 99999; position: relative;}
	
	/*navigation*/
	.navigation .navbar{width: 100%;}
	.navigation .navbar-fixed-top{
		right: 0;
	}
	.navbar-collapse{background:#fff;}
	.navbar-default{background:none;}
	/*.digital-menu-board*/
	.digital-menu-board figure{
		height: auto;
	}
	.info-holder h4{font-size: 20px;}
	.info-block{height: 140px;}
	.info-holder{padding: 25px 20px;}
	.adjusted-block .info-holder h4{font-size: 13px;}
	.detail-cont-wrap .col-sm-2{display: none;}
	/*leadboard*/
	.leadboard-cont-hold:before, .leadboard-cont-hold:after{display: none;}
	.leadboard-cont-hold{margin: 20px auto;}
	.leadboard-cont-hold h3{margin: 0;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

.videowrapper{background: url(images/frame.png) no-repeat 0 0; display: inline-block; ,margin: 0 auto; width: 593px; height: 344px; padding: 13px 26px 3px;}