/* Owl Carousel Bootstrap Custom CSS */



/* Header Navigation */

#top-nav{

	border-bottom: 1px solid #e1e6dd;

	background: #FFF;

	-webkit-transform: translateZ(0)



}

#top-nav.navbar{

	margin-bottom: 0px;



}

#top-nav.navbar .nav{

	margin: 8px 0px;

}

	

#top-nav.navbar .nav > li > a {

	padding: 6px 12px;

	margin: 0px;

	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: #ffffff;

}

#top-nav.navbar .nav > li > a.download-on:hover{

	color: #ffffff;

	background-color: #ff7920;

}

.btn-navbar span.icon-bar{

	margin-top: 0px;

}



/* Header  */



#header{

	background: #f1f1f1;

	padding: 100px 0 100px;

}

#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 0px;



}

.tab-content pre.pre-show{

	margin: 0px 0px 0px 0px;

}

.nav-tabs{

	margin-top: 20px;

	margin-bottom: 0px;

	

}

.tab-content{

	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	-webkit-border-radius: 0px 0px 4px 4px;

	-moz-border-radius: 0px 0px 4px 4px;

	border-radius: 0px 0px 4px 4px;

	

}

/* Content */

.table th, .table td {

padding: 8px 12px;

}



/* Footer */



#footer{

	padding: 20px 0px;

	background: #f3f3f3;

	text-align: center

}

.twitter-share-button{

	top: 4px;

	position: relative;

}



/* Demo Slides */



#owl-example .item{

	padding: 30px 0px;

	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;

}



/* More Demo Box */



#example-info h1,

#more h1{

	margin-top: 40px;

}

.demos-row{

	margin-top: 30px;

	margin-bottom: 30px;

}

.demo-page{

	margin-top: 0px;

	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: 0px;

	color: #869690;

}

.demo-box:hover{

	text-decoration: none;

}

.demo-wrapper{

	padding: 30px 0px 20px 0px;

	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;

}

/* Images */

.demo-images .demo-slide{

	height: 40px;

	width: 33.3333333%;

}



/* Full */

.demo-full {

	padding-left: 0px;

	padding-right: 0px;

}

.demo-full .demo-slide{

	height: 40px;

	width: 25%;

}



/* Custom */

.demo-custom .demo-slide{

	height: 40px;

	width: 10%;

}

/* One */

.demo-one .demo-slide{

	height: 40px;

	width: 100%;

}



/* json */



.demo-Json .demo-slide {

	height: 40px;

	width: 20%;

}

.demo-Json-custom .demo-slide{

	height: 40px;

	width: 33.3333333%;

}

/* loading icon */



.demo-lazy .demo-slide{

	height: 40px;

	width: 33.3333333%;

}

.demo-lazy .demo-slide .bg{

background: url('https://www.simabtech.com/themes/%D8%B3%D8%B1%D9%88%D8%B4/img/AjaxLoader.gif') no-repeat center center #aebab6;

}



/* Auto Height */

.demo-height .demo-slide{

	height: 40px;

	width: 100%;

}



/* Changelog  */

#changelog{

	margin-bottom: 40px;

}

#changelog .label{

	margin-bottom:10px;

}

#changelog .log{

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #e1e6dd;

}

/* Faq */

#faq dt {

	line-height: 26px;

}

#faq dd{

	line-height: 22px;

	margin-bottom: 20px;

}







/* Responsive Stuff */





@media (max-width: 979px) {

	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {

	padding: 0px;

	}

	.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 10px;

	}

	.nav-collapse .nav > li{

		border-top: 1px solid #e1e6dd;

		text-align: center

	}

	#header .logo{

		margin-top:40px;

		margin: 20px auto 0px;

		float: none;

		height: 150px;

	}

	#header {

		text-align: center;

		padding: 60px 0px 30px;

	}

	#header h1{

		margin: 10px 0;

	}

	#header h3{

	margin-bottom: 10px;

	width: auto;

	padding: 0px 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 0px 20px;

	}

	#header .logo{

		margin-top:0px;

	}



}



/*

NO MORE TABLES!! ;)

*/

@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: 0px 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: bold;

	}

	.hp-table td:nth-of-type(3):before { 

		content: "Type:";

		font-weight: bold;

	}

	.hp-table td:nth-of-type(4):before { 

		content: "Description:";

		font-weight: bold;

	}

}