/* Lato */
	@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);

/* North Main Styles */

	html, body {
		width:100%;
		height:100%;
		padding:0;
		margin-left:0;
		margin-right:0;
		font-family: 'Lato', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #4A4A4A;
	}

	.clearfix {
		clear: both !important;
	}

	.padded-50 {
		padding: 50px 0;
	}

	.padded-top-50 {
		padding-top: 50px;
	}

	.padded-top-30 {
		padding-top: 30px;
	}

	.padded-bottom-50 {
		padding-bottom: 50px;
	}

	.no-padding {
		padding: 0 !important;
	}

	.no-padding-top {
		padding-top: 0 !important;
	}

	.orange {
		color: #801866;
	}

	.green {
		color: #B5CF01;
	}

	.green-bg {
		background-color: #83ba3b;
		border: 1px solid #69952f !important;
	}

	.purple-bg {
		background-color: #801866;
		border: 1px solid #801866 !important;
	}

	.purple-bg:hover {
		background-color: #801866 !important;
		border: 1px solid #801866 !important;
	}

	.gray-tone{
		color:#919191;
	}

	.white-grad{
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #F0F0F0 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F0F0F0));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#F0F0F0 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#F0F0F0 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#F0F0F0 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#F0F0F0 100%);
	}

	.white-grad-rev{
		background: #ffffff;
		background: -moz-linear-gradient(top,  #F0F0F0 0%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#ffffff));
		background: -webkit-linear-gradient(top,  #F0F0F0 0%,#ffffff 100%);
		background: -o-linear-gradient(top,  #F0F0F0 0%,#ffffff 100%);
		background: -ms-linear-gradient(top,  #F0F0F0 0%,#ffffff 100%);
		background: linear-gradient(to bottom,  #F0F0F0 0%,#ffffff 100%);
	}

	.image1{
		background-image:url(../images/neteller-bg.jpg);
	}


	#product-details h1 {
		font-size: 30px;
	}


	h2 {
		font-weight: bold;
		padding: 0;
		margin: 0px 0 0 0;
	}

	h3 {
		font-size: 20px;
		line-height: 24px;
		font-weight: 100;
		padding: 0;
		margin: 10px 0 30px 0;
	}

	p {
		font-size: 16px;
		line-height: 1.6em;
	}





/* Button */

	a.button,
	button.button{
		margin-top:25px;
		margin-right:10px;
		font-size:18px;
		display: inline-block;
		padding:17px 27px;
		opacity: 1;
		border-radius:5px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		-moz-box-shadow:    0px 2px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
		box-shadow:         0px 2px 5px rgba(0, 0, 0, 0.1);
		border: 1px solid #fff;
		text-shadow: none;
	}

	a.button:hover,
	button.button:hover{
		opacity: 0.9;
		color: #fff;
		background-color: #69952f;
	}

	a.button:active,
	button.button:active{
		opacity: 0.8;
	}








/* ============ NAVIGATION ============ */

	#navigation{
		width:100%;
		height: 75px;
		top:0;
		padding:0px 0;
		margin:0;
		position: fixed;
		z-index: 9999;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		transform: translateY(0%);
		border-top: 8px solid #E3672A;
	}
	
	.nav-menu ul li a {
		height: 100%;
		line-height: 40px;
		color:inherit;
		font-size:16px;
		font-weight: bold;
		padding-left:10px;
		padding-right:10px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.nav-menu a.mobile-nav-button {
		height: 100%;
		line-height: 22px;
		color:inherit;
		font-size:22px;
		font-weight: bold;
		padding-left:10px;
		padding-right:10px;
		margin-top: 20px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.nav-menu ul li a span {
		display: block;
		font-size: 13px;
		font-weight: normal;
	}

	.nav-inner .logo a img {
	    max-height: 64px;
	}

	.second-nav.dark-nav, .dark-nav .nav-menu ul.dropdown-menu {
	    background-color: hsla(205,70%,20%, 0.95);
	}







/* ============ FOOTER ============ */


	footer.footer {
	    background-color: #333;
		padding:40px;
		color:#ffffff;
		border-bottom: 16px solid #E3672A;
	}

	footer img{
		width: 160px;
		height: auto;
	}

	footer p, footer a{
		font-size:13px;
		margin:15px auto 0;
		color:#fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	footer .social-link {
		padding-left: 0;
	}

	footer .social-link i {
		font-size: 40px;
	}

	footer .social-link a {
		font-size: 16px;
		line-height: 19px;
		font-weight: bold;
	}

	footer .copyright a {
		display: inline-block;
		margin-right: 25px;
	}

	footer .footer-nav a {
		font-size: 15px;
		font-weight: bold;
	}

	footer .row {
		padding-top: 20px;
	}







/* ============ HOMEPAGE ============ */


/* Homepage Carousel */


	.inner-portfolio h1.p-head {
	    /*font-size: 3em;*/
	}

	.inner-portfolio h4 {
	    font-size: 1.5em;
	}

/* Homepage Section Tabs */

	.next-tab {
		height:80px;
		padding: 0;
		margin-top:-80px;
		position: relative;
		z-index: 10;
	}

	.next-tab > div {
		height: 80px;
		background-color: #fff;
		-webkit-border-top-left-radius: 3px;
	    -webkit-border-top-right-radius: 3px;
	    -moz-border-radius-topleft: 3px;
	    -moz-border-radius-topright: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
		-moz-box-shadow:    0px -2px 5px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
		box-shadow:         0px -2px 5px rgba(0, 0, 0, 0.1);
	}

	.next-tab > div a {
		display: inline-block;
		font-size: 10px;
		line-height: 10px;
		font-weight: 700;
		width: 100%;
		padding: 15px 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.next-tab > div a i {
		color: #C1C1C1;
		font-size: 22px;
		line-height: 22px;
		padding-top: 16px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.next-tab > div a span	 {
		display: block;
		font-size: 16px;
		font-weight: normal;
		padding-top: 8px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}


	.next-tab a:hover,
	.next-tab a:hover span,
	.next-tab a:hover i {
		opacity: 0.9;
		color: #4A4A4A !important;
	}

	.tab-content {
		padding: 0px 0 50px;
	}




/* Slider Pagination */

	#products .products .owl-controls{
		height: auto;
		width:100%;
		margin-top:-30px;
		z-index: 20;
		position: relative;
	}

	#products .products .owl-controls .owl-pagination{
		height: auto;
		width:100%;
		text-align: center;
	}

	#products .products .owl-controls .owl-pagination .owl-page{
		display: inline-block;
		width:10px;
		height: 10px;
		background:#4A4A4A;
		margin:0 4px;
		border-radius: 100px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#products .products .owl-controls .owl-pagination .owl-page.active{
		background:transparent;
		border:1px solid #4A4A4A;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}








/* ============ PRODUCT LIST ============ */


.list_small {
    width: 100%;
    height: 300px;
}



/* Portfolio */

	#portfolio{
		border-top:1px solid #eeeeee;
		border-bottom:1px solid #eeeeee;
		width: 100%;
		overflow: hidden;
	}

	#portfolio .portfolio:first-child{
		padding-bottom:0;
	}

	#portfolio .portfolio:last-child{
		margin-top:35px;
	}

/* Portfolio Filters */

	#portfolio .portfolio .options ul{
		padding:0;
		margin:0;
	}

	#portfolio .portfolio .options ul li{
		display:inline-block;
		margin:5px;
	}

	#portfolio .portfolio .options ul li a{
		color:inherit;
		font-size:15px;
		padding:8px 14px;
		background:transparent;
		border:1px solid #efefef;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#portfolio .portfolio .options ul li a:hover,
	#portfolio .portfolio .options ul li a.selected{
		background: #E3672A;
	    border: 1px solid #E3672A;
		color:white;
	}

/* Portfolio Items */

	#portfolio .portfolio .portfolio-items{
		margin-top:35px;
		width: 100.1%;
	}

	#portfolio .portfolio .portfolio-items .item{
		width:33.3%;
		height: auto;
		padding:10px;
		background:none;
	}

	#portfolio .portfolio .portfolio-items .item .item-inner{
		width: 100%;
		height: 100%;
		padding:0 10px 30px 10px;
		border:1px solid #EBEBEB;
	}

	#portfolio .portfolio .portfolio-items .item a.product-image	{
		display: block;
		overflow: hidden;
	}

	#portfolio .portfolio .portfolio-items .item a.product-image img{
		width: 100%;
		height: auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#portfolio .portfolio .portfolio-items .item a.product-image .item-details {
		padding-left: 0px;
	}

	#portfolio .portfolio .portfolio-items .item a.product-image h4 {
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: 20px
	}

	#portfolio .portfolio .portfolio-items .item a.product-image p {
		font-size: 14px;
		font-weight: 100;
	}

	#portfolio .portfolio .portfolio-items .item a.product-image button.button{
		margin-top:10px;
		margin-right:10px;
		font-size:12px;
		display: inline-block;
		padding:8px 15px;
		border-radius:3px;
	}








/* ============ PRODUCT DETAILS ============ */

	.tabs .nav-tabs li a {
		-webkit-border-top-left-radius: 3px;
	    -webkit-border-top-right-radius: 3px;
	    -moz-border-radius-topleft: 3px;
	    -moz-border-radius-topright: 3px;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
	    color: #9D9D9D;
	    font-size: 16px;
	    font-weight: bold;
	    padding: 10px 27px;
	    background: none;
	    -webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    transition: all 0.2s;
	}

	.tabs .nav-tabs li a:hover {
	    background: #F4F4F4;
	}

	.tabs .nav-tabs li.active a {
	    color: inherit;
	    border-top: 2px solid;
	    border-top-color: #E3672A;
	    border-bottom: none;
		background: #fafafa;
		background: -moz-linear-gradient(top,  #F0F0F0 0%, #fafafa 50%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(50%,#fafafa));
		background: -webkit-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: -o-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: -ms-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: linear-gradient(to bottom,  #F0F0F0 0%,#fafafa 50%);
	}

	.tabs .nav-tabs li.active a:hover {
		background: #fafafa;
		background: -moz-linear-gradient(top,  #F0F0F0 0%, #fafafa 50%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(50%,#fafafa));
		background: -webkit-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: -o-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: -ms-linear-gradient(top,  #F0F0F0 0%,#fafafa 50%);
		background: linear-gradient(to bottom,  #F0F0F0 0%,#fafafa 50%);
	    color: inherit;
	}

	.tabs .tab-content {
	    border: none;
	    border-top: none;
	    padding: 50px 0px;
	    font-size: inherit;
	    color: inherit;
	}

	.tabs .tab-content p {
	    margin: 0 0 25px;
	}


	.tech-table {
		width: 100%;
	}

	.tech-table td {
		padding: 4px 0;
		border-bottom: 1px solid #ddd;
	}

	.tech-table td.thead {
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 10px;
	}