/* ==========================================================================
	 Author's custom styles
	 ========================================================================== */
@font-face {
	font-family: "Segoe Script";
	src: url("../fonts/Segoe-Script.ttf") format("truetype");
}
@font-face {
	font-family: "Berlinsans-Roman";
	src: url("../fonts/Berlinsans-Roman.ttf") format("truetype");
}

html { height:100%; }

body {
	font-family: 'Open Sans', 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-smoothing: antialiased;
	height:100%;
	color:rgb(85, 85, 85);
	font-size: 15px;
	color:#727272;	
	}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: 'Open Sans', 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

h2 {
	font-size:38px;
	font-weight: 900;	
	color:#444444;
	margin:20px 0;
	}
	.col-md-6 h2 { margin:0 0 20px; }

h3 {
	font-size: 28px;
	font-weight: 300;	
	margin: 20px 0;
	}
	.features h3 { margin: 0 0 10px; }

h4 {
	font-size: 40px;
	font-weight: 700;	
	margin: 0 0 20px;
	text-align: center;
}

a { color:#F71B54; }
	a:hover {
		color:#555;
		text-decoration:none;
	}

p {
	line-height: 26px;
	margin-bottom:25px;
	font-weight: 400;
	font-size: 17px;
	}
p.small-bottom-margin { margin-bottom: 10px; }

hr {
	border-top: 5px solid #FFFFFF;
	margin: 40px 240px;
	}

strong { font-weight: 900; }

.reset {clear:both;}

.container {
    width: 100%;
}
.container ol li { padding-bottom: 20px; }


/* menu */

.dropdown-menu {
    min-width: 100px;
    font-size: 14px;
    top:110%;
    background-color: #fff;
    border: 0px solid #ccc;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 0;
}
.dropdown-menu>li>a {
	padding:5px 15px;
	font-size:16px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color:#F71B54;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: transparent;
    background-image: none;
    color:#F71B54;
}


/* jumbotron */
.section-jumbotron { 
	background-color: #FFFFFF; 
	padding:75px 0;
}
	.section-jumbotron .jumbotron { 
		background-color: transparent; 
		padding: 40px 0 0 0; 
		height: auto !important;
	}
	.section-jumbotron .jumbotron h1 {
		font-family: 'Source Sans Pro';
		color: #444444;
		font-weight:900; 
		margin-top:0;
		margin-bottom: 30px
	}
	.section-jumbotron .jumbotron p { font-weight:300; }

	.jumbotron span.glyphicon {
		font-size: 60px;
		display: block;
		margin-top:40px;
	}
	.more-below span.glyphicon {
		font-size: 60px;
		display: block;
	}	
	.jumbotron p span {
		text-transform: uppercase;
		padding:0 10px;
		font-size: 14px;
		font-weight: 700 !important;
	}
	.jumbotron p span.blue { color:#00AAB5; }
	.jumbotron p span.orange { color:#FF9F00; }
	.jumbotron p span.green { color:#A8BF12; }

/* banner */
.banner { margin-top: 70px; }
	.banner .view-port {
		float:left;
		width:25%;
		height:100px;
		overflow: hidden;
		position:relative;
		border-left:1px solid #FFFFFF;
	}
	.banner .view-port img {
		float:right;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}
	.banner .view-port .left {
		float: left;
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
	}

	.banner .view-port.image-first {
			width: 25%;
			margin-left:0;
			border-left:none;
		}
		.banner .view-port.image-last {
			width: 25%;
			margin-right:0;
		}

		.banner-top .view-port { margin-top: 0; border-top:1px solid #fff;}
		.banner-bottom .view-port { margin-bottom: 0; border-top:1px solid #fff;}

/* page wrapper */
body > .wrapper {
	background-color:#F7F7F7;
	position: relative;
	z-index: 1;
}
	body#home > .wrapper {
		background-color: #FFFFFF;
	}

#page {
	font-size:16px;
	padding-top: 108px;
}
	body#home #page {
		padding-top: 0;
	}

/* logo */
.navbar-brand span,
.navbar-brand:hover a {
	font-size: 36px;
	font-weight: 100;
	color: #777777;	
	font-family: "Berlinsans-Roman", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	text-shadow: none;
}
	.navbar-brand small {
		font-family: "Segoe Script", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		font-size: 30px;
		font-weight: 100;
		color: #999999;
		margin:0 5px 0 2px;	
	}

/* nav */
.navbar {
	margin-bottom: 0px;
	background-image: none;
	border-bottom: 0px solid #fff;
	padding: 30px 0 9px;
	width:100%;
	position: fixed;
	-webkit-transition: all 300ms ease-in-out;
	}
.affix-top {
	background-color: #ffffff;
	margin-top:0px;
}
.affix {
	background-color: #F7F7F7;
	margin-top:-20px;
	border-bottom: 1px solid #E7E7E7;
}

.navbar-nav { 
	float: right;
	margin-top: -30px;
}
.navbar-nav li:nth-last-child(1) a {
	margin-right: 0;
}
.navbar-nav>li>a {
	color: rgb(85, 85, 85);
	padding: 45px 0 0 0;
	margin: 0 15px;
	font-size: 16px;
	font-weight: 500;
	border-bottom: none;
	}	
	.navbar-nav>li>a:hover {
		background:	none !important;
		box-shadow: none !important;
		color:#F71B54;
	}
	.navbar-nav>li>a:focus {
		background:	none !important;
		box-shadow: none !important;
		color:rgb(85, 85, 85);
	}
	.navbar-nav>li.active>a, 
	.navbar-nav>li.active>a:hover, 
	.navbar-nav>li.active>a:focus {
		color:#F71B54;		
		border-top: 2px solid #F71B54;
		padding: 43px 0 0 0 ;
	}
	.navbar-brand:hover small {
		-webkit-transition: color 0.5s;		
		transition: color 0.5s;	
		color:#F71B54;
	}

.navbar-toggle { border-color: #999999; }
	.navbar-toggle .icon-bar { background-color: #999999;}

/* containers */
.section-more {
	margin: 40px 0 60px;
}

/* gallery */
.section-gallery {
	background-color: #00AAB5;
	color: #fff;
	margin-top: 60px;
}
	.section-gallery .container {
		padding: 0;
	}
	.section-gallery .row { margin: 0 0 40px 0; }
	.gallery-rollover {
		margin:0 auto;
		text-align: center;
		width:380px;
		height: 210px;
		overflow: hidden;
		position: relative;
	}
	.gallery-rollover .gallery-detail {
		position: absolute;
		width:100%;
		height: 420px;
		padding:25px;
		top:-210px;
		left:0px;
		background: rgba(0,0,0,0)
		-webkit-transition: all 100ms ease-in-out;
				transition: all 100ms ease-in-out;
		-webkit-transition: top 0.5s, background 0.5s;
				transition: top 0.5s, background 0.5s;
	}
	.gallery-rollover:hover .gallery-detail,
	.gallery-rollover.touch .gallery-detail {
		top:0px;
		background:rgba(0,0,0,0.8);
		-webkit-transition: top 0.5s, background 0.5s;	
				transition: top 0.5s, background 0.5s;
	}

/* testimonials */
#section-testimonials-title {
	background-color: #A8BF12;
	background: url('/cms/little_box_office/img/testimonials-bg.jpg') repeat;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
	overflow: hidden;
}
	#section-testimonials-title h2 {
		text-align:center;
		color:white;
		font-family:'font-family: 'Mrs Saint Delafield', cursive;';
		font-weight:normal;
		font-size:100px;
		margin: 40px 0 -15px;
	}
	#section-testimonials-title p {
		font-style:italic;
		text-align:center;
		color:white;
	}

.section-testimonials {
	padding: 20px 0 40px;
	color: #fff;
}
.section-testimonials blockquote {
	font-size: 16px;
	margin: 0 15px 0 30px;
	border-left:none;
	background-color: #eeeeee;
	padding:15px 5px 5px 20px;
	height:auto;
	overflow: auto;
	text-align: left;
	position: relative;
}
	#home .section-testimonials blockquote.scroll {
		height:auto;
	} 
	.section-testimonials blockquote.duck {
		background-color: #00AAB5 !important;
		margin-bottom:45px;
		padding:10px 20px;
		height:auto;
	}
	.section-testimonials blockquote.orange {
		background-color: #FF9F00 !important;
		margin-bottom:45px;		
		padding:10px 20px;		
		height:auto;		
	}
	.section-testimonials blockquote.green {
		background-color: #A8BF12 !important;
		margin-bottom:45px;	
		padding:10px 20px;	
		height:auto;		
	}
	.section-testimonials blockquote.pink {
		background-color: #f71b54 !important;
		margin-bottom:45px;		
		padding:10px 20px;		
		height:auto;		
	}
	.section-testimonials blockquote.yellow {
		background-color: #F5D700 !important;
		margin-bottom:45px;		
		padding:10px 20px;		
		height:auto;		
	}

	.section-testimonials blockquote p {
		margin-bottom: 10px;
		color:#555;
		font-style: italic;
		line-height: 20px
	}
	.section-testimonials blockquote footer, .section-testimonials blockquote small, .section-testimonials blockquote .small {
		color: #333;
		font-weight: 700;
		text-transform: uppercase;
		margin-right: 35px;
	}
	.section-testimonials blockquote .glyphicon {
		margin: 4px 16px 0 0;
		float:right;
		font-size: 70px;
		color: #fff;
	}
	.section-testimonials blockquote footer cite {
		color:#fff;
		white-space: nowrap;
		overflow: hidden;
	}
	.section-testimonials blockquote img.author {
		position: absolute;
		bottom: 1px;
		right: 1px;
		border-radius: 30px;
		border: 2px solid rgba(255,255,255,0.7);
	}	

a.from_benefits {
	display: block; 
	position: relative; 
	top: -120px; 
	visibility: hidden;
}	

/* Grow */
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* strap lines */

.section-straps { 
	margin-top: 60px; 
	clear: both;
}
	.section-straps.below-headline {
		margin-top: 0;
	}
	.section-straps .glyphicon {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		font-smoothing: antialiased;
		font-size: 37px;
		border: none;
		padding: 26px;
		border-radius: 62px;
		background-color: #D6D6D6;
		width:97px;
		height:97px;
		color:#fff;
		border:5px solid white;
		-webkit-transition: background-color 0.5s, box-shadow 0.5s;
				transition: background-color 0.5s, box-shadow 0.5s;
		}
		
		.section-straps .sell-more:hover .glyphicon,
		.section-straps .volume:hover .glyphicon {
			background-color: #00AAB5;
			box-shadow: 0 0 0 13px #00AAB5;	
		}
		.section-straps .offer:hover .glyphicon {
			background-color: #F71B54;
			box-shadow: 0 0 0 13px #F71B54;	
		}		
		.section-straps .time:hover .glyphicon,
		.section-straps .processing:hover .glyphicon {
			background-color: #FF9F00;
			box-shadow: 0 0 0 13px #FF9F00;		
		}
		.section-straps .money:hover .glyphicon,
		.section-straps .offer:hover .glyphicon {
			background-color: #A8BF12;
			box-shadow: 0 0 0 13px #A8BF12;	
		}


		.section-straps .col-md-4 p{
			padding: 7px;
			margin: 0 10px;
		}
		.section-straps .glyphicon-stats  {
			padding: 22px 20px 0 16px;
		}

		.section-straps .glyphicon-heart  {
			padding: 28px 20px 0 18px;
		}
		.section-straps.below-headline .volume .glyphicon {
			background-color: #00AAB5;
		}
		.section-straps.below-headline .processing .glyphicon {
			background-color: #FF9F00;
		}
		.section-straps.below-headline .offer .glyphicon {
			background-color: #A8BF12;
		}


/* features-home */
.section-features-home { margin: 50px 0; }

.bs-docs-section { margin-bottom:40px; }

/* features */
.col-md-8 {
	background-color: #FFFFFF;
	padding: 25px 25px 500px;
	margin-bottom:-500px;
}
	.col-md-8 h3 { margin:0 0 10px 0; }

.section .col-md-4 {
	padding: 20px 0 0 0;
}
	.section-testimonials .col-md-4 {
		padding:0;
	}
	.section .col-md-4.float-right { 
		float:right; 
		width:100%;
	}
	div.col-md-4.benefits img.quote {
		float:left;
		padding:6px 10px 0 0;
	}
	div.col-md-4.benefits img.author {
		float: right;
		margin:-25px 0 25px;
		border-radius: 30px;
		border: 2px solid rgba(255,255,255,0.7);
	}
	div.col-md-4.benefits p { 
		margin-bottom: 10px; 
	}
	div.col-md-4.benefits a {
		color: #333;
		font-size: 12px;
		background-color: rgba(255,255,255,0.4);
		padding: 2px 6px;
		font-style: normal;
		text-transform: uppercase;
	}
	div.col-md-4.benefits a:hover {
		color: #fff;
		background-color: #333;
	}	
	div.col-md-4.benefits {
		margin-bottom: -500px;
		padding:20px 25px 500px;
		color:#fff;
		font-style: italic;
	}
	div.col-md-4.benefits-blue { background-color:#00AAB5; }
	div.col-md-4.benefits-orange { background-color:#FF9F00; float:left;}
	div.col-md-8.benefits-orange { float:right;}
	div.col-md-4.benefits-green { background-color:#A8BF12;	}
	div.col-md-4.benefits-pink { background-color:#F71B54; float:left;}
	div.col-md-8.benefits-pink { float:right;}

	.section .col-md-6 {
		padding:15px 75px 30px;
	}

	div.col-md-12 {
		float: left;
		width:100%;
	}
	div.col-md-12.headline {
		background-color: #fff;
		text-align: center
	}
	div.col-md-12.headline h1 {
		font-weight: 900;
		font-size: 48px;
		color: #444;
		margin-bottom: 25px
	}
	div.col-md-12.headline h2 {
		font-weight: 300;
		font-size: 21px;
		color: #444;
	}
	div.col-md-12.headline h3 {
		font-weight: 400;
  		font-size: 17px;
  		color: #fff;
  		background-color: #00AAB5;
  		padding: 10px;
  		width: 20%;
  		text-align: center;
  		margin: 0 auto 15px;
	}
	div.col-md-12.headline h4 {
		font-weight: 300;
  		font-size: 30px;
  		color: #444;
  		margin: 20px 0;
	}



.row.contact { margin-bottom: 60px; }

.col-md-5.contact {
	background-color: #19171C;
	padding: 20px 30px 30px 30px;
	height: 510px;
}
	.col-md-5.contact{
		text-align: center;
	}
	.col-md-5.contact span.glyphicon {
		font-size:155px;
		color:#303030;
		margin:10px 0 20px;
	}
	.col-md-5.contact h3, .col-md-5.contact p {
		color:#ccc;
	}
	.col-md-5.contact-image {
		background-color: #19171c;
		padding: 40px 20px 5px 30px;
	}
	.col-md-5.contact-image p {
		color:#ccc;
		margin-bottom: 15px;
	}
	.col-md-5.contact-image .error-message {
		color:#F71B54;
	}	
	.col-md-5 #contactform {
		text-align: left;
	}

.row { 
	margin: 40px 0 0 0; 
}
	.row.section.last { 
		margin-bottom: 40px; 
	}
	.row.section {
		overflow: hidden;
	}

.btn-primary {
	background-image:none;
	background-color: #F71B54;
	border:none;
	border-radius:0;
	text-shadow: none !important;
	font-size:14px !important;
	-webkit-box-shadow: none !important;
			box-shadow: none !important;
	color:#FFFFFF;
	text-transform: uppercase;
	margin-bottom:4px;
}
	.btn-primary:hover, .btn-primary:focus {
		background-color: #333333 !important;
		color:#FFFFFF;
		text-shadow: none !important;
	}
	.footer form#contactform .btn-primary:hover,
	.mid-section .btn-primary:hover {
		background-color: #565656 !important;
		color:#fff !important;
	}	
	.gallery-detail a.btn-primary {
		background-color: #FFFFFF;
		color:#F71B54;
	}
	.gallery-detail a.btn-primary:hover {
		background-color: #F71B54 !important;
		color:#FFFFFF;
	}
	.gallery-detail p { 
		color:#FFFFFF;
		height:105px;
	}	
	.gallery-detail .glyphicon {
		font-size: 35px;
		background-color:#fff;
		border-radius:62px;
		margin-top: 90px;
		color:#F71B54;
		padding: 22px 8px 8px 10px;
		height:70px;
		width:70px;
	}
	.gallery-button {
		position: absolute;
		bottom: 40px;
		left: 130px;
	}

/* footer */
.footer {
	margin: 0;
	text-align: left;
	color: #FFF;
	width: 100%;
	height: 321px;
	line-height: 10px;
	clear: both;
	background: #2b2b2b;
	z-index: -20;
	color: #ffffff;
	font-size: 14px !important;
	}
	.footer .col-md-4 {
		width:33.33%;
		display: block;
		float: left;
	}
	.footer p {font-size: 14px;}
	.footer a { color:#ffffff; }
	.footer a:hover { color: #bbb; }
	.footer .row {margin:30px 0 0 0;}
	.footer footer {
		margin: 0 auto;
		position: fixed;
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: 321px;
		z-index: 0;
		padding-top: 30px
	}
	.footer input,
	.footer textarea,
	.mid-section .btn-primary {
		background-color: #3f3f3f !important;
		border: none !important;
		color: #CCCCCC !important;
	}
	.footer dl dt { float: left; margin-right: 20px; }
	.footer .address p { margin-left: 36px; }
	.footer .glyphicon-map-marker { color: #00AAB5; }
	.footer .glyphicon-phone { color: #00AAB5; }
	.footer .glyphicon-envelope { color: #00AAB5; }
	.footer .glyphicon-chevron-right { color: #F41C54; }
	.footer .glyphicon-user { color: #A8BF12; }
	.footer .link-list { margin-left: 36px; }

/* wrapper */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* form */
.form-control {
	color:#fff;
	background-color: #303030;
	border-radius: 0;
	border: 1px solid #303030;
	-webkit-box-shadow: none;
			box-shadow: none;
}
label {
	color:#999;
	font-weight: 400;
}

.ekko-lightbox-nav-overlay a {
	top:49%;
	text-shadow: 2px 2px 20px #000;
}

.blueimp-gallery>.prev, .blueimp-gallery>.next {
	width:30px !important;
	height:30px !important;
	font-size: 30px !important;
	text-align: center !important;
	text-shadow: 0 1px 2px rgba(0,0,0,1) !important;
	border:none !important;
	background-color: transparent !important;
}

.slides img {
	border-radius: 0;
	border-width:0;
	-webkit-box-shadow: none;
			box-shadow: none;
	box-shadow: none;
}
ol.indicator li { padding-bottom: 0; }

.panel-group { margin: 0; }
	.panel-group .panel+.panel { margin:0; }

.panel, .panel-heading { background: transparent !important; }
	.panel-heading { padding: 15px 0; }
	.panel, .panel-heading { border: none; }
	.panel {
		-webkit-box-shadow: none;
				box-shadow: none; 
		border-bottom: 1px solid #cccccc;
		border-radius: 0px !important;
	}

.panel-title, .panel-title a.collapsed:hover {
	color: #F71B54;
	font-size: 18px;
	font-weight: 500;
}

	.panel-title a.collapsed { color: #606060; }
	.panel-title > a.collapsed:after {
		content: "\e114";
		font-family: 'Glyphicons Halflings';
		float: right;
	}
	.panel-title > a:after {
		content: "\e113";
		font-family: 'Glyphicons Halflings';
		float: right;
	}

.panel-default > .panel-heading + .panel-collapse .panel-body { border: none; }

.panel-body { padding: 0 15px 15px 0; }

/* pricing tool */

label.col-sm-6.total-control-label {
  margin-top: 16px;
  text-transform: uppercase;
  font-weight: 700;
}
h3 span {
	font-size: 14px;
  	font-style: italic;
  	text-transform: none;
}
.pt-order {
	background-color: #00AAB5;
	color: #ffffff;
}
	.pt-order .form-horizontal {
		margin: 15px;
	}
	.pt-order h3 {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: 900;
		font-style: normal;
		margin: 0px 0 0 15px;
	}
	.pt-order label {
		color: white;
		text-align: left !important;
	}
	.pt-order .working-total {
		font-size: 35px;
		font-weight: 900;
	}
	.pt-order input {
		background-color: #ffffff;
		border: none;
		color: rgb(80, 80, 80);
		text-align: right;
		font-size: 16px;
	}

.pt-comparison {}
	.pt-comparison .pt-comparison-card {
		margin: 0px 36px;
		background-color: #333333;
		color:#ffffff;
		padding: 0 15px 15px;
	}
	.pt-comparison h3 {
		text-transform: uppercase;
		font-size: 16px;
		text-align: center;
		font-weight: 700;
		color: white;
		padding: 14px 0;
		margin: 0px 36px;
	}
	.pt-comparison div.pt-comparison-card-footer {
		margin: 5px 38px;
		font-style: italic;
	}
	.pt-comparison div.pt-lbo-comparison-card-footer p {
		border-left:8px solid #F71B54;
		padding-left: 10px;
  		font-style: normal;
  		margin: 10px 0;
  		font-size: 16px;
	}	
	.pt-comparison div.pt-commission-value {
		text-align: center;
		font-weight: 700;
		font-size:20px;
		padding: 5px 0;
	}
	.pt-comparison .pt-commission-percent {
		text-align: center;
		font-weight: 900;
		font-size: 40px;
		background-color: #555555;
	}
	.pt-comparison .pt-comparison-total {
		height: 48px;
	}
	.pt-comparison .right {
		position: absolute;
		right: 51px;
	}
	.pt-comparison .pt-group-header {
		margin-top:10px;
		font-weight: 900;
		font-size: 14px;
	}
	.pt-comparison .pt-total {
		text-transform: uppercase;
		font-weight: 600;
	}
	.pt-comparison .pt-separator {
		margin: 10px 0;
		border-bottom: 2px solid #cccccc;
	}
	.pt-comparison .pt-custom-input {
		width: 45px;
		border: none;
		text-align: center;
		font-size:15px;
		margin: 0 0 2px 2px;
		background-color: #ffffff;
		text-align: right;
		padding-right: 4px;
		color:#000;
	}
	input#pt-ctm-software-percent,
	input#pt-ctm-payment-percent {
		margin:0 3px 2px 11px;
	}
	.pt-line {
		height:25px;
	}
	span.pt-total-value-label {
  	text-transform: uppercase;
  	font-size: 12px;
	}


.pt-comparison-lbo {}
	.pt-comparison-lbo h3 {
		background-color: #f71b54 !important;
	}
	.pt-comparison-lbo .pt-separator {
		border-color: #f71b54;
	}

.pt-comparison-compet {}
	.pt-comparison-compet h3 {
		background-color: #FF9F00 !important;
	}
	.pt-comparison-compet .pt-separator {
		border-color: #FF9F00;
	}

.pt-comparison-custom {}
	.pt-comparison-custom h3 {
		background-color: #A8BF12 !important;
	}
	.pt-comparison-custom .pt-separator {
		border-color: #A8BF12;
	}
  

/* link list */
.link-list { padding: 0px; }
	.link-list li { 
		list-style-type: none;
		line-height: 25px;
	}

#links { position: relative; }
	#links .btn-primary{
		float:right;
		margin-top:-10px;
	}

.features-gallery {	margin: 0 auto 28px; }

/* google captcha */


/* responsive code */
@media only screen and (max-device-width: 420px) and (orientation : portrait){
	.navbar-brand span,
	.navbar-brand small {
    	font-size: 25px;
	}
	.navbar-nav>li>a,
	.navbar-nav>.active>a {
    	padding: 10px !important;
    	border-top: none;
    	text-align: left;
    }
	#title.text-center p {
		margin: 0 20px;
	}
	.dropdown-menu {
		display:block;
		position: static;
    	float: none;
    	width: auto;
    	margin-top: 0;
    	padding: 0;
    	border-top: none;
    	background-color: transparent;
    	border: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.dropdown-menu>li {
		border-top: 1px solid #fff;
	}
	.dropdown-menu>li>a {
		padding:10px;
		font-size: 16px;
		color:rgb(85, 85, 85);
	}	
	.section-jumbotron .jumbotron {
		padding:40px 0 0 !important;
	}
	.jumbotron h1 {
    	font-size: 45px !important;
	}
	.jumbotron p span {
		font-size: 10px;
		padding: 0 2px;
	}
	.banner .view-port {
		border-left: none;
	}	
	.row {
    	margin: 20px 0 0 0;
	}
    .section .col-md-6 {
    	padding: 0 0 40px;	
	}
	.col-md-6 {
		padding: 0;
	}
	.gallery-rollover {
		width:100%;
	}
	.section-testimonials blockquote {
		margin: 0;
		height: auto;
	}
	.pt-comparison h3,
	.pt-comparison .pt-comparison-card,
	.pt-comparison div.pt-comparison-card-footer{
		margin: 0;
	}
	div.col-md-12 {
		padding:0;
	}
	#section-testimonials-title h2 {
		font-size:85px;
	}
}
@media only screen and (max-device-width: 740px) and (orientation : landscape){
	.row {
    	margin: 20px 0 0 0;
	}
	.banner .view-port {
		border-left: none;
	}	
	.section .col-md-6 {
    	padding: 0 0 40px;
	}
	.navbar-nav>li>a,
	.navbar-nav>.active>a {
    	padding: 10px !important;
    	border-top: none;
    	text-align: left;
    }
	.dropdown-menu {
		display:block;
		position: static;
    	float: none;
    	width: auto;
    	margin-top: 0;
    	padding: 0;
    	border-top: none;
    	background-color: transparent;
    	border: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.dropdown-menu>li {
		border-top: 1px solid #fff;
	}
	.dropdown-menu>li>a {
		padding:10px;
		font-size: 16px;
		color:rgb(85, 85, 85);
	}		
}
@media (max-width: 520px) {
	.jumbotron p span {
		font-size: 11px;
		padding: 0 6px;
	}
	.col-md-6 {
		padding: 15px 4% 0 !important;
	}
	.footer .col-md-4 {
		width: 100% !important;
	}
	.footer .col-md-4:nth-child(2),
	.footer .col-md-4:nth-child(3) {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.navbar-nav {
		left: 0px;
		text-align: right;
		width: 100%;
		top: 100px;
		margin: 0px;
		position: static;
	}
	.navbar.affix .navbar-nav {
		top: 80px;
	}
	.nav>li {
    	background-color: #ddd;
    	border-top: 1px solid #fff;
	}
	.nav>li.dropdown {
		border-top: none;
	}	
	.navbar-nav>li>a{
		margin:0px !important;
		padding: 10px 10px !important;
		text-align: left;
		border-top: none !important;
	}
	.navbar-nav>.dropdown>a { 
		display:none; }	
	.navbar-collapse .navbar-nav ul li {
		display: static;
	}
	.dropdown-menu {
		display:block;
		position: static;
    	float: none;
    	width: auto;
    	margin-top: 0;
    	padding: 0;
    	border-top: none;
    	background-color: transparent;
    	border: 0;
    	-webkit-box-shadow: none;
    	box-shadow: none;
	}
	.dropdown-menu>li {
		border-top: 1px solid #fff;
	}
	.dropdown-menu>li>a {
		padding:10px;
		font-size: 16px;
		color:rgb(85, 85, 85);
	}	
	.jumbotron h1 {font-size: 52px}
	.jumbotron p {font-size:19px;}	
	.col-md-6 {
    	width: 100% !important;
    	float: none;
	}
	.footer .col-md-4 {
		width: 50%;
	}
	.footer .col-md-4:nth-child(3) {
		display: none !important;
	}
}
@media (max-width:992px) {
	.col-md-6 {
    	width: 50%;
    	float:left;
	}
}
@media (min-width:992px) {
	.section-testimonials blockquote footer cite {font-size: 13px !important;}
	.section .col-md-4.float-right {
		width:auto;
	}
	.section-testimonials blockquote {
		height:240px;
	}
	#home .section-testimonials blockquote.scroll {
    	height: 190px;
	}		
	.col-md-5.contact-image {
		background: #19171c url('/cms/little_box_office/img/contact-bg.jpg') no-repeat bottom right;
		height: 510px;
	}
}
@media (min-width: 1200px) {
	.section-testimonials blockquote footer cite {font-size: 11px;}
	.container {width: 1170px;}
}