@charset "utf-8";
/* CSS Document */

.m1 {color: #052c3f;font-weight: 100;font-size: 16px;}
.m2 {    z-index: 9999999;
    margin: -200px 0px -50px 0px;}
.m3 { position: absolute;
    bottom: 15px;
    padding: 10px;
    background-color: rgba(5, 44, 63, 0.6);
    display: block;
    color: white;
    font-weight: 100;
    font-size: 35px;
    text-align: center;
    width: 90%;}

.m3:hover { position: absolute;
    bottom: 15px;
    padding: 10px;
  background-color: #052c3f;
    display: block;
    color: white;
    font-weight: 100;
    font-size: 35px;
    text-align: center;
    width: 90%;
   
 }

.m4 {height: 86px; background-color: #ff5d4a; position: relative; top: -20px;}
.m5 {    font-weight: 100;
    color: #135e98;}
.m6 {         border-bottom: 1px solid #ff5d4a;
    padding-bottom: 10px;
    color: #ff5d4a;
    font-weight: bold;}
.m7 {    font-weight: 100;
    color: #ffffff;}
.spotGorsel {    margin: 0px 0px 0px -30px;
    border: 15px solid #eeeeee;}
 
.bg-light-gray {    background-color: #eee;}

.bg-footer {    background-color: #052c3f;}
.colorW {color: white;     padding: 10px;}





















































#top-nav
{
	border-bottom:1px solid #e1e6dd;
	background:#FFF;
	-webkit-transform:translateZ(0)
}

#top-nav.navbar
{
	margin-bottom:0
}

#top-nav.navbar .nav
{
	margin:8px 0
}

#top-nav.navbar .nav > li > a
{
	padding:6px 12px;
	margin:0;
	text-transform:uppercase;
	font-weight:400;
	-webkit-transition:background-color 200ms ease;
	-moz-transition:background-color 200ms ease;
	-o-transition:background-color 200ms ease;
	transition:background-color 200ms ease
}

#top-nav.navbar .nav > li > a.download
{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

#top-nav.navbar .nav > li > a.download-on
{
	background-color:#ff8a3c;
	color:#fff
}

#top-nav.navbar .nav > li > a.download-on:hover
{
	color:#fff;
	background-color:#ff7920
}

.btn-navbar span.icon-bar
{
	margin-top:0
}

#header
{
	background:#f1f1f1;
	padding:100px 0
}

#header h1
{
	color:#7fc242;
	margin-bottom:10px;
	margin-top:40px
}

#header h3
{
	margin-bottom:30px;
	width:400px
}

#header .btn-success
{
	padding:15px 30px;
	margin-bottom:5px
}

#header .logo
{
	display:block;
	margin-top:60px;
	float:right
}

img.arrow-down
{
	margin:0 auto;
	display:block
}

h1
{
	margin-top:80px
}

pre.pre-show
{
	margin:40px 0
}

.tab-content pre.pre-show
{
	margin:0
}

.nav-tabs
{
	margin-top:20px;
	margin-bottom:0
}

.tab-content
{
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px
}

.table th,.table td
{
	padding:8px 12px
}

#footer
{
	padding:20px 0;
	background:#f3f3f3;
	text-align:center
}

.twitter-share-button
{
	top:4px;
	position:relative
}

#owl-example .item
{
	padding:30px 0;
	margin:10px;
	color:#FFF;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-align:center
}

#owl-example .item img
{
	width:auto;
	margin:0 auto;
	display:block
}

#owl-example .item h3
{
	font-size:28px;
	font-weight:300;
	margin:25px 0 0
}

#owl-example .item h4
{
	margin:5px 0 0;
	font-size:18px
}

.item h1
{
	margin:inherit
}

.orange
{
	background:#ff8a3c
}

.darkCyan
{
	background:#42bdc2
}

.forestGreen
{
	background:#7fc242
}

.yellow
{
	background:#ffd800
}

.dodgerBlue
{
	background:#388bd1
}

.skyBlue
{
	background:#a1def8
}

.zombieGreen
{
	background:#3fbf79
}

.violet
{
	background:#db6ac5
}

.yellowLight
{
	background:#fee664
}

.steelGray
{
	background:#cad3d0
}

#example-info h1,#more h1
{
	margin-top:40px
}

.demos-row
{
	margin-top:30px;
	margin-bottom:30px
}

.demo-page
{
	margin-top:0;
	margin-bottom:100px
}

.demo-box
{
	display:block;
	background:#f3f3f3;
	text-align:center;
	font-size:18px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}

.demo-box h3
{
	padding-bottom:20px;
	margin:0;
	color:#869690
}

.demo-box:hover
{
	text-decoration:none
}

.demo-wrapper
{
	padding:30px 0 20px;
	padding-left:30px;
	padding-right:30px
}

.demo-slide
{
	float:left
}

.demo-slide .bg
{
	background:#aebab6;
	margin-right:1px;
	height:100%
}

.demo-box:hover .demo-slide .bg
{
	background:#7fc242
}

.demo-images .demo-slide
{
	height:40px;
	width:33.3333333%
}

.demo-full
{
	padding-left:0;
	padding-right:0
}

.demo-full .demo-slide
{
	height:40px;
	width:25%
}

.demo-custom .demo-slide
{
	height:40px;
	width:10%
}

.demo-one .demo-slide
{
	height:40px;
	width:100%
}

.demo-Json .demo-slide
{
	height:40px;
	width:20%
}

.demo-Json-custom .demo-slide
{
	height:40px;
	width:33.3333333%
}

.demo-lazy .demo-slide
{
	height:40px;
	width:33.3333333%
}

.demo-lazy .demo-slide .bg
{
	background:url(../img/AjaxLoader.gif) no-repeat center center #aebab6
}

.demo-height .demo-slide
{
	height:40px;
	width:100%
}

#changelog
{
	margin-bottom:40px
}

#changelog .label
{
	margin-bottom:10px
}

#changelog .log
{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e1e6dd
}

#faq dt
{
	line-height:26px
}

#faq dd
{
	line-height:22px;
	margin-bottom:20px
}

@media (max-width: 979px) {
	.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner
	{
		padding:0
	}
	
	.navbar-fixed-top,.navbar-fixed-bottom
	{
		position:fixed
	}
}

@media (max-width: 768px) {
	.navbar.navbar-fixed-top
	{
		position:static
	}
	
	.btn.btn-navbar
	{
		margin:9px 20px 9px 8px;
		padding:10px
	}
	
	.nav-collapse .nav > li
	{
		border-top:1px solid #e1e6dd;
		text-align:center
	}
	
	#header .logo
	{
		margin:20px auto 0;
		float:none;
		height:150px
	}
	
	#header
	{
		text-align:center;
		padding:60px 0 30px
	}
	
	#header h1
	{
		margin:10px 0
	}
	
	#header h3
	{
		margin-bottom:10px;
		width:auto;
		padding:0 20px
	}
	
	h1
	{
		font-size:38px;
		margin:20px 0
	}
	
	h2
	{
		font-size:24px
	}
	
	h3
	{
		font-size:20px
	}
	
	h4
	{
		font-size:16px
	}
	
	h5
	{
		font-size:13px
	}
	
	h6
	{
		font-size:12px
	}
}

@media (max-width: 480px) {
	.navbar-fixed-top,.navbar-fixed-bottom
	{
		position:static
	}
	
	#header
	{
		text-align:center;
		padding:20px 0
	}
	
	#header .logo
	{
		margin-top:0
	}
}

@media (max-width: 767px) {
	.hp-table table,.hp-table thead,.hp-table .hp-table tbody,.hp-table th,.hp-table td,.hp-table tr
	{
		display:block
	}
	
	.hp-table thead tr
	{
		display:none
	}
	
	.hp-table tr
	{
		border:0 solid #ccc;
		margin-bottom:10px
	}
	
	.hp-table td:before
	{
		top:6px;
		left:6px;
		width:45%;
		padding-right:10px;
		white-space:nowrap
	}
	
	.hp-table td:nth-of-type(2):before
	{
		content:"Default:";
		font-weight:700
	}
	
	.hp-table td:nth-of-type(3):before
	{
		content:"Type:";
		font-weight:700
	}
	
	.hp-table td:nth-of-type(4):before
	{
		content:"Description:";
		font-weight:700
	}
}

#owl-demo .item
{
    margin: 3px;
    border: 12px solid white;
}

#owl-demo .item img
{
	display:block;
	width:100%;
	height:auto
}


/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-pagination {text-align: center;}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(js/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}