/* -------------------------------
   12.0 Pricing Setting
------------------------------- */

/* 12.1 Pricing Element Setting */

.pricing-table {
    list-style-type: none;
    margin: 0 -10px;
    padding: 0;
    text-align: center;
}
.pricing-table > li {
    float: left;
    padding: 10px;
}
.pricing-table.col-4 > li {
    width: 25%;
}
.pricing-table.col-3 > li {
    width: 33.33333%;
}
.pricing-table .pricing-container {
    overflow: hidden;
    border-radius: 6px;
    background: #f0f3f4;
    box-shadow: 0 3px #b6c2c9;
}
.pricing-table h3 {
    background: #242a30;
    margin: 0;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px;
}
.pricing-table .features {
    list-style-type: none;
    margin: 0;
    padding: 0 30px;
}
.pricing-table .features > li {
    padding: 10px 0;
}
.pricing-table .features > li + li {
    border-top: 1px solid #e2e7eb;
}
.pricing-table .price {
    width: 100%;
    display: table;
    background: #2d353c;
}
.pricing-table .price .price-figure {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    height: 80px;
}
.pricing-table .price .price-number {
    font-size: 28px;
    color: #348fe2;
    display: block;
}
.pricing-table .price .price-tenure {
    font-size: 12px;
    color: #fff;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    text-align: center;
}
.pricing-table .footer {
    padding: 15px 20px;
}
.pricing-table .highlight {
    padding: 0px;
    margin-top: -30px;
}
.pricing-table .highlight .features > li {
    padding: 15px 0;
}
.pricing-table .highlight h3 {
    padding: 20px 30px;
}
.pricing-table .highlight .price .price-figure {
    height: 90px;
}
.pricing-table .highlight .price .price-number {
    color: #fff;
}
.pricing-table .highlight .price {
    background: #348fe2;
}
.pricing-table .highlight h3, .pace-progress {
    background: #2a72b5;
}
@media (max-width: 767px) {
	.pricing-table.col-3>li, .pricing-table.col-4>li {
		width: 100%;
	}
	.pricing-table .highlight {
		margin-top: 0px;
	}
}
/* -------------------------------
   Login dropdown menu
------------------------------- */
.dropdown-menu.dropdown-menu-cart {
    margin-right: 0px;
    width: 280px;
}
@media (max-width: 767px) {
	.header .dropdown.dropdown-hover:hover .dropdown-menu,
    .header .dropdown.dropdown-hover:focus .dropdown-menu,
    .header .dropdown.dropdown-hover:hover .arrow,
    .header .dropdown.dropdown-hover:focus .arrow {
        display: block;
    }
    .header .dropdown.dropdown-hover.open .dropdown-menu,
    .header .dropdown.dropdown-hover.open .arrow {
        display: block;
    }
}

/* -------------------------------
   Header
------------------------------- */
.header-logo .track-font {
    margin-left: 10px;
}
/* Full width background image

.header .header-nav .nav>li>a {
    color: #fff;
}

.header {
     background: transparent; 
}

.section-container.has-bg {
    position: static;
	height: calc(100vh - 76px); // Browser height minues the header height which is 76px 
	padding: 0;
}
*/
.header.header-fixed  .header-nav .nav>li>a {
    color: #212121;
}

.header.header-fixed {
    background: #fff;
}

.header .navbar-toggle .icon-bar {
    background: #348fe2;
}
/** Blog header menu toggle*/
.navbar-sm .navbar-toggle .icon-bar {
    background: #348fe2;
}
.header-fixed .navbar-toggle .icon-bar {
    background: #348fe2;
}
@media (max-width: 767px) {
	.dropdown-menu.dropdown-menu-cart {
		margin-top: 0px;
	}
	.header .header-nav .nav>li>a {
		color: #212121;
	}
	/*
	.header .header-cart i {
		color: #fff;
	}
	*/
	.header-fixed .header-cart i {
		color: #212121;
	}
}
@media (max-width: 767px) {
	.section-container.has-bg .cover-bg img {
		max-width: 100%;
		max-height: inherit;
	}
}
@media (max-width: 500px) {
	.section-container.has-bg .cover-bg img {
		max-width: inherit;
		max-height: 100%;
	}
}

/* -------------------------------
   Carousel
------------------------------- */
@media (max-width: 767px) {
	.carousel .product-img.left, .carousel .product-img.right {
		display: none;
	}
	.carousel .carousel-caption, .carousel .carousel-caption.carousel-caption-left, .carousel .carousel-caption.carousel-caption-right {
		background: rgba(25,120,190,.80);
		padding-top: 60px;
	}
}
@media (max-width: 767px) and (min-width: 480px) {
	.carousel-caption .title {
		font-size: 44px;
	}
	.carousel-caption .price small, .carousel-caption p {
		font-size: 22px;
	}
}
@media (max-width: 480px) {
	.carousel-caption .title {
		font-size: 34px;
	}
	.carousel-caption .price small, .carousel-caption p {
		font-size: 16px;
	}
}

.carousel-caption {
    top: 0px;
    bottom: 0px;
	padding-top: 100px;
	background: rgba(25,120,190,.80);
}
.carousel .product-img {
    top: 60px;
	z-index: 20;
	max-width: 60%;
}
.carousel .product-img.left {
    left: 0px;
}
.carousel .product-img.right {
    right: 0px;
}
/* -------------------------------
   Industries
------------------------------- */

.product-desc .left-image {
	padding-right: 0px;
	text-align: right;
}
@media (max-width: 767px) {
	.product-desc .left-image {
		padding-right: 0px;
		text-align: center;
	}
}
/* -------------------------------
   TrackOnUs font
------------------------------- */
@font-face {
    font-family: trackonus;
    /* src: url(../fonts/NEUROPOL.ttf); */
	src: url(../fonts/Neou-Bold.otf);
}
.track-font {
    font-family: trackonus;
}
/* -------------------------------
   Social media
------------------------------- */
.footer-copyright .social-media-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    font-size: 14px;
}
.footer-copyright .social-media-list > li {
    float: left;
}
.footer-copyright .social-media-list > li + li {
    margin-left: 15px;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------
   Custom CSS
----------------------------------------------------------------------------------------------------------------------------------------------------------- */

.feature_img {
	max-width:100%;
	height:auto
}

.pos-initial {
    position: initial;
}
.no-background {
	background: rgba(0,0,0,0);
}
@media (max-width: 767px) {
	.no-background {
		background: rgba(0,0,0,0) !important;
		padding-top: 0px !important;
	}
	.industries-image {
		display: none;
	}
}

.industries-container {
	margin: 0 80px !important;
}

.industries-body {
	color: #929292 !important;
}
.industries-title {
	color: #333 !important;
}